/* Minification failed. Returning unminified contents.
(3451,60): run-time error CSS1046: Expect comma, found '0'
(3451,64): run-time error CSS1046: Expect comma, found '/'
 */
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 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;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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 {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

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

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

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

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

@keyframes flash {
  0%, 50%, 100% {
    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 {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  0% {
    -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(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

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

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

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

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

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes shake {
  0%, 100% {
    -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 {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

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

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

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

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

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

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

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

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

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

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .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);
  }

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

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-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);
    -ms-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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-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 {
  0% {
    -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);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

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

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

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

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

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

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

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

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

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

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

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

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

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

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

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

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

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

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    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);
  }

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

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

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

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

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

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

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-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(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

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

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

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

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

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-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);
  }

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-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);
  }

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-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);
  }

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

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

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

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

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

@-webkit-keyframes flip {
  0% {
    -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(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-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);
    -ms-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);
    -ms-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(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }

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

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

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

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-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);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }

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

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

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

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-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);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipOutX {
  0% {
    -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;
  }

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

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

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

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-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-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -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;
  }

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

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

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

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

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

@-webkit-keyframes lightSpeedIn {
  0% {
    -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;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

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

  100% {
    -webkit-transform: none;
    -ms-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 {
  0% {
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-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 {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

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

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

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

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-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 {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-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 {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -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 {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-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;
  }

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

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-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);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-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);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-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 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-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 {
  0% {
    opacity: 1;
  }

  100% {
    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 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-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 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

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

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

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

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

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

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-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(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

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

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-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(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .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.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none;  }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; font-size:16px; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/fancybox/fancybox_sprite.png); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url(/fancybox/fancybox_loading.gif) center center no-repeat; }

.fancybox-close { position: absolute; top: 0px; right: -30px; width: 30px; height: 30px; cursor: pointer; background: url(/img/close.png) no-repeat center #000; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */

.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/fancybox/fancybox_overlay.png); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }

    #fancybox-loading div { background-image: url(/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}

/*--------------------------------------------------
  A R I S T O N   C O R P O R A T E
  website by websolute
--------------------------------------------------*/

/* 
	grey:                       color: #444;
	light-grey:                 color: #67686a;
	lighter-grey:               color: #f5f6f5;
	dark-grey:                  color: #1a1918;
	green:                      color: #6ca437;
	light-green:                color: #f4f9ef;
*/


/* --------------------------------------------------
  Main structure
---------------------------------------------------*/
html { background: #FFF; }
body { font-family: Pluto, sans-serif; color: #444; font-size: 16px; min-width: 320px; max-width: 1920px; margin: 0 auto; /* box-shadow: 0 0 20px rgba(0,0,0,.1); */ overflow-x: hidden; font-weight: 100; }
.wrapper { max-width: 1400px; margin: 0 auto; }
.copy { line-height: 1.6; font-size: 14px; }
.copy p { margin-bottom: 30px; }
.copy p:last-child { margin-bottom: 0; }
.spacer-v { height: 300px; }
img { max-width: 100%; }
.small { font-size: 11px; line-height: 1.7; display: block; }
.error { border-color: #ff0000 !important; }

/* --------------------------------------------------
  Typography
---------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3 { margin: 0; }
p { margin: 0; }
a { color: #6ca437; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
a.link-download { color: #444; }
a:hover, a:active, a:focus { color: #6ca437; text-decoration: none; outline: none !important; }
strong { font-weight: bold; color: #6ca437; }
.title { text-transform: uppercase; font-family: Pluto, sans-serif; font-weight: 300; }
.eyelet { font-size: 16px; font-family: Pluto, sans-serif; font-weight: 500; margin-bottom: 30px; line-height: 1.3; }
.eyelet:before { content: ''; height: 1px; width: 30px; display: block; background: #444; margin-bottom: 15px; }
.eyelet .ico { max-height: 40px; display: inline; max-width: 40px; margin-right: 10px; }
blockquote { border: 0; font-family: Pluto, sans-serif; font-weight: 100; font-size: 21px; }
blockquote footer { text-align: right; }
.center-block { float: none; margin: 0 auto; }
.pt0 { padding-top: 0 !important; }


/* --------------------------------------------------
  Buttons
---------------------------------------------------*/
.btn:link, .btn:visited, .btn:hover, .btn:active, .btn:focus { border: 2px solid #6ca437; box-shadow: none !important; background: none !important; color: #6ca437; text-decoration: none; }
.btn-primary, .btn-primary:hover, .btn-primary:active { border: 2px solid #6ca437 !important; background: rgba(0, 0, 0, 0) !important; box-shadow: none !important; color: #6ca437 !important; font-family: Pluto, sans-serif; font-weight: 400; border-radius: 0; padding: 10px 30px; outline: none !important; font-size: 16px; font-weight: 300; }
.no-touch .btn-primary:hover { opacity: .8; }
.btn-link, .btn-link:hover { color: #6ca437; }
.btn-white { color: #FFF !important; border-color: white !important; }
.btn-no-border { border-color: transparent !important; padding: 0; }
.text-link { color: #6ca437; font-weight: 300; }
.btn.green { background: #6ca437 !important; border-color: #6ca437 !important; color: #FFF !important; }

/* --------------------------------------------------
  Header
---------------------------------------------------*/
.header { z-index: 100; }
.header .container-fluid { position: relative; z-index: 1; }
.header .logo { float: left; margin: 41px 0 40px; width: 290px; }
.header .logo a { display: block; }
.header .logo img { width: 100%; }
.header ul { margin: 0; padding: 0; list-style: none; }
.header ul li { margin: 0; padding: 0; display: inline-block; float: left; }
.header ul li ul { display: none; }
/* MD */
@media (max-width: 1199px) {
    .header .logo { margin: 60px 0 0; width: 170px; }
}
/* SM */
@media (max-width: 992px) {
    .header .logo { margin: 0; width: 160px; position: absolute; top: 10px; }
}
/* XS */
@media (max-width: 767px) {
    .header .logo { margin: 20px 0; position: static; }
}

/* --------------------------------------------------
  Menu
---------------------------------------------------*/
.menu .navbar-toggle { display: none; }
/* nav main */
.menu .nav-main { margin-top: 73px; float: right; z-index: 50; position: relative; }
.menu .nav-main > ul > li { height: 30px; overflow: hidden; }
.menu .nav-main li { margin-right: 20px; position: relative; z-index: 1; white-space: nowrap; padding-bottom: 20px; }
.menu .nav-main li:last-child { margin-right: 0; }
.menu .nav-main li:last-child ul { left: auto; right: 0; }
.menu .nav-main li:last-child ul:before { left: auto; right: 23px; }
.menu .nav-main span { text-transform: uppercase; font-weight: 400; color: #2a2a2a; font-size: 14px; cursor: pointer; }
.menu .nav-main > ul > li > span > a { color: #2a2a2a; }
.menu .nav-main > ul > li > span > a:hover { color: #6ca437; }
.menu .nav-main > ul > li > span.suppliers a, .menu .nav-main > ul > li > span.suppliers a:hover { color: #c8102e!important; }
.menu .nav-main li > span { cursor: default; }
.menu .nav-main > ul > li:hover { height: auto; overflow: visible; }
.menu .nav-main li:hover > span { color: #6ca437; cursor: default; }
.menu .nav-main li ul { display: block; pointer-events: none; z-index: -10; position: absolute; padding: 15px 22px; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid rgba(0,0,0,.15); -moz-box-shadow: 0 2px 10px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1); box-shadow: 0 2px 10px rgba(0,0,0,.1); opacity: 0; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; top: 15px; left: -22px; }
.menu .nav-main li:hover > ul { z-index: 10; opacity: 1; pointer-events: all; top: 35px; }
.menu .nav-main li ul:before { content: ''; position: absolute; top: -6px; left: 23px; border-top: 1px solid rgba(0,0,0,.15); border-left: 1px solid rgba(0,0,0,.15); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; width: 10px; height: 10px; background: #fff; }
.menu .nav-main li li { display: block; float: none; font-size: 12px; font-weight: 300; padding-bottom: 0; margin-right: 0; }
.menu .nav-main li li.divider { height: 1px; border-bottom: 1px solid rgba(0,0,0,.15); margin: 8px 0; }
.menu .nav-main li li a { color: #444; display: block; padding: 4px 0; }
.menu .nav-main li li a:hover { color: #6ca437; text-decoration: none; }
.menu .nav-main .currentdoc { color: #6ca437; font-weight: 500; }

/* nav top */
.menu .nav-top { text-align: right; float: right; font-weight: 300; font-size: 12px; position: absolute; right: 15px; top: 40px; }
.menu .nav-top li { margin-left: 20px; }
.menu .nav-top a { color: #67686a; font-weight: 100; }
.menu .nav-top li.lang a:first-child { padding-right: 8px; border-right: 1px solid rgba(0,0,0,.15); margin-right: 3px; }
@media (max-width: 1199px) {
    .menu .nav-main span { font-size: 12px; letter-spacing: -0.4px; }
}
    /* MD */
    @media (max-width: 992px) {
        .menu .nav-main { margin-top: 45px; }
        .menu .nav-main li { margin-right: 10px; }
        .menu .nav-main span { font-size: 11px; letter-spacing: -0.4px; }
        .menu .nav-top { top: 22px; }
    }
    /* XS */
    @media (max-width: 767px) {
        .menu .nav-main > ul > li { height: auto; overflow: visible; }
        .menu .navbar-toggle { display: block; text-indent: -9999px; font-size: 0; width: 30px; height: 30px; padding: 0; margin: 0; position: relative; z-index: 1; top: 23px; }
        .menu .navbar-toggle:before, .menu .navbar-toggle:after { content: ''; position: absolute; width: 100%; background: #c73041; height: 2px; box-shadow: 0 6px 0 #c73041; top: 6px; left: 0; z-index: 1; border-radius: 2px; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
        .menu .navbar-toggle:after { box-shadow: 0 12px 0 #c73041; }
        .menu .navbar-toggle.open:before { box-shadow: none; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); background: #444; height: 2px; width: 90%; top: 12px; }
        .menu .navbar-toggle.open:after { box-shadow: none; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); background: #444; height: 2px; width: 90%; top: 12px; }
        .menu .nav-wrap { display: none; clear: both; background: #6ca437; margin: 0 -15px; padding: 15px 15px; }
        .menu .nav-wrap a, .menu .nav-wrap span { color: #fff !important; font-size: 14px; }
        .menu .nav-wrap ul li { display: block; float: none; padding: 5px 0; white-space: normal; }
        /* nav main */
        .menu .nav-main { position: static; float: none; text-align: left; margin: 0; }
        .menu .nav-main li ul { display: none; background: none; position: static; background: none; border: none; margin: 0; padding: 0; opacity: 1; z-index: 10; box-shadow: none; }
        .menu .nav-main li ul:before { display: none; }
        .menu .nav-main li ul li { margin: 0; padding: 3px 0; }
        .menu .nav-main li ul li a { color: #C0F199 !important; position: relative; font-size: 13px; margin-left: 10px; position: relative; padding-left: 15px; }
        .menu .nav-main li ul li a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 2px; left: 0; font-size: 15px; }
        .menu .nav-main li ul li.divider { margin: 0 0 7px; }
        /* nav top */
        .menu .nav-top { position: static; float: none; text-align: left; }
        .menu .nav-top li { margin: 0; }
    }


    /* --------------------------------------------------
  Sections common
---------------------------------------------------*/
    at-section { display: block; }
    .section { padding-top: 40px; padding-bottom: 40px; overflow: hidden; }
    .section.border-top { border-top: 1px solid #ddd; }
    .section:last-child { padding-bottom: 80px; }
    .section.image-bg { position: relative; padding: 0; overflow: hidden; }
    .section.image-bg .wrapper { padding: 100px 0; }
    .section .bg { position: absolute; height: 100%; width: 50%; background: no-repeat center center; background-size: cover; left: 50%; }
    .section.image-bg .bg-fade:before { content: ''; position: absolute; width: 100%; background: linear-gradient(to right, white, transparent); height: 100%; }
    .section.image-bg .fade-light-grey:before { background: linear-gradient(to right, #f5f6f5, transparent); }
    .section.image-bg .bg-full { width: 100%; left: 0; }
    .section.image-bg-inverted .bg-fade:before { background: linear-gradient(to left, white, transparent); height: 100%; }
    .section.image-bg-inverted .fade-light-grey:before { background: linear-gradient(to left, #f5f6f5, transparent); }
    .section.image-bg-inverted .bg { left: 0; }
    .section .bg.bg-align-top { background-position: center top; }
    .section .bg.bg-align-bottom { background-position: center bottom; }
    .section img { display: block; /* margin:0 auto; */ }

    @media (max-width: 767px) {
        .section.image-bg .fade-light-grey:before { background: linear-gradient(to right, rgba(245,246,245,1), rgba(245,246,245,.8)); }
        .section img { max-width: 340px; }
    }

    @media (max-width: 479px) {
        .section img { max-width: 100%; }
    }

    /* --------------------------------------------------
  Background 
---------------------------------------------------*/
    .bg-green { background-color: #6ca437; }
    .bg-light-green { background-color: #f4f9ef; }
    .bg-light-grey { background-color: #f5f6f5; }
    .bg-graph { background: url(/img/bg-graph.png) no-repeat center bottom; background-size: cover; }
    .bg-landscape { background: no-repeat center bottom #dce1dd; }
    /*.bg-landscape { background: url(/img/home/bg-landscape.jpg) no-repeat center top;} spostato nella pagina in modo da poter caricare l'immagine da BOM*/

    @media screen and (min-width:1200px) {
        .bg-landscape { background-size: 100% auto; }
    }



    /* --------------------------------------------------
  Breadcrumb
---------------------------------------------------*/
    .breadcrumb-wrap { background: #f5f6f5; border-bottom: 1px solid #ddd; padding: 5px 0; }
    .breadcrumb-wrap .breadcrumb { background: none; padding: 0; margin: 0; font-size: 12px; font-family: Pluto, sans-serif; font-weight: 300; }
    .breadcrumb-wrap a { color: #444; }
    .breadcrumb-wrap .active { color: #6ca437; font-weight: bold; }


    /* --------------------------------------------------
  Slick Slider
---------------------------------------------------*/
    .slick-slide { outline: 0; }
    .slick-dots li { margin: 0 4px; }
    .slick-dots li.slick-active button:before { color: #6ca437; }


    /* --------------------------------------------------
  Cover
---------------------------------------------------*/
    .cover { background: center top; height: 420px; /* background-attachment: fixed; */ background-size: cover; margin: 0 auto; }

    @media screen and (max-width:767px) {
        .cover { height: 280px; }
    }

    /* --------------------------------------------------
  Cover-video
---------------------------------------------------*/
    .cover-video { position: relative; width: 100%; height: 560px; overflow: hidden; margin-top: -142px; z-index: 0; background: url(/img/home/video.jpg) no-repeat center; background-size: cover; }
    /*.modal-open .cover-video { overflow: visible; }*/

    .cover-video .payoff { position: absolute; z-index: 1; text-align: center; width: 100%; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 30px; }
    .cover-video .payoff h2 { font-size: 70px; font-family: Pluto, sans-serif; font-weight: 300; text-shadow: 0 1px 3px rgba(255,255,255,.2); }
    .cover-video .payoff h2:after { content: ''; width: 100px; background: #444; height: 4px; margin: 21px auto 0; /*display: none; */ }
    .cover-video .payoff h3 { text-shadow: 0 1px 3px rgb(0 0 0 / 80%); font-size: 24px; line-height: 1.3; font-weight: 100; color: #fff; margin-top: 20px; padding: 0 30px; }


    .cover-video video { position: absolute; top: 56%; left: 50%; width: 100%; height: auto; /* z-index: -100; */ -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); /* background: url(/css/polina.jpg) no-repeat; */ background-size: cover; }

    @media (max-width:1440px) {
        .cover-video { }
        .cover-video video { /*top: 50%;*/ }
    }

    @media screen and (max-width:1199px) {
        .cover-video { margin: 10px 0 -5px 0; height: auto; }
        .cover-video video { position: static; width: 100%; height: auto; transform: none; }
    }

    @media screen and (max-width:991px) {
        .cover-video { }
        .cover-video .payoff h2 { font-size: 40px; }
    }

    @media screen and (max-width:767px) {
        .cover-video { margin-top: 0; }
        .cover-video .payoff h2 { font-size: 18px; text-shadow: 0 1px 3px #fff; padding: 0; }
        .cover-video .payoff h3 { font-size: 14px; margin-top: 5px; padding: 0; }
    }


    @media screen and (max-width:479px) {
    }

    /* --------------------------------------------------
  Section 90
---------------------------------------------------*/
    .section-90 { padding: 0; }
    .section-90 .fascia-01 { position: relative; z-index: 1; background-image: url(/img/bg-fascia-90.jpg); background-size: cover; padding: 160px 0; }
    .section-90 .fascia-01 .fascia-01-txt { /*position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); */ text-align: center; color: #fff; font-size: 50px; line-height: 1; text-transform: uppercase; font-weight: 500; }
    .section-90 .fascia-01 .fascia-01-txt strong { color: #fff; font-weight: 600; }
    .section-90 .fascia-01 .fascia-01-txt figure { margin-bottom: 120px; }
    .section-90 .fascia-01 .fascia-01-txt figure img { display: inline-block; }
    .section-90 .fascia-02 { background: #0b0d64; padding: 100px 0; text-align: center; color: #fff; font-size: 26px; }
    .section-90 .fascia-02 .row { padding: 0 150px; }

    @media (max-width:1440px) {
        .section-90 .fascia-01 { padding: 100px 0; }
    }

    @media (max-width:1199px) {
        .section-90 .fascia-01 .fascia-01-txt figure { margin-bottom: 50px; }
        .section-90 .fascia-01 .fascia-01-txt figure img { max-width: 60vw; }
    }

    @media (max-width:991px) {
        .section-90 .fascia-01 { }
        .section-90 .fascia-02 { padding: 50px 0; }
        .section-90 .fascia-02 .row { padding: 0 50px; }
    }

    @media (max-width:767px) {
        .section-90 .fascia-01 { height: auto; padding: 40px 0; }
        .section-90 .fascia-01 .fascia-01-txt { position: static; transform: none; font-size: 40px; }
        .section-90 .fascia-01 .fascia-01-txt figure img { max-width: 100%; }
        .section-90 .fascia-02 { font-size: 20px; }
        .section-90 .fascia-02 .row { padding: 0 20px; }
    }

    /* --------------------------------------------------
  Cover-immagine
---------------------------------------------------*/
    .cover-image { position: relative; margin-top: 0; z-index: 0; background: no-repeat center center; background-size: cover; top: 0; }
    .cover-image a { display: block; }
    .cover-image img { width: 100%; }
    .cover-image .guarda-video { position: absolute; bottom: 130px; left: 50%; transform: translateX(-50%); background: #fff !important; }

    .video-thron-hp { position: fixed; z-index: 9999; width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; display: none; transition: all 0.3s ease-in-out; }
    .video-thron-hp.active { opacity: 1; pointer-events: all; display: block; }
    .video-thron-hp .cont-video { position: absolute; top: calc(50% - 100px); left: 50%; transform: translate(-50%,-50%); background: #fff; padding: 80px; max-width: 90vw; max-height: 90vh; transition: all 0.3s ease-in-out; }
    .video-thron-hp.active .cont-video { top: 50%; }
    .video-thron-hp .cont-video #close-thron { position: absolute; z-index: 9999; right: 0; top: 0; background: #6ca437; color: #fff; display: block; line-height: 1; margin: 0; padding: 10px; text-transform: uppercase; font-weight: bold; font-size: 22px; width: 24px; height: 25px; }
    .video-thron-hp .cont-video #close-thron span { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .video-thron-hp .cont-video #tezfw { max-width: 100%; }
    .video-thron-hp #ipgnp { max-width: 1024px; max-height: 576px; }

    @media (max-width:1440px) {
        .cover-image .guarda-video { bottom: 25px; }
        .video-thron-hp .cont-video { padding: 10px; }
        .video-thron-hp #ipgnp { }
    }

    @media (max-width:1199px) {
        .cover-image .guarda-video { bottom: 55px; }
        .video-thron-hp #ipgnp { max-width: 100%; }
    }

    @media (max-width:991px) {
        .cover-image .guarda-video { bottom: 30px; }
        .video-thron-hp #ipgnp { }
    }

    @media (max-width:767px) {
        .cover-image .guarda-video { bottom: 10px; padding: 5px 25px; font-size: 12px; }
        .video-thron-hp #ipgnp { }
    }


    /* --------------------------------------------------
  VisionMission
---------------------------------------------------*/
    .visionmission { }
    .visionmission .wrapper { padding: 0 !important; }
    .visionmission .wrapper .article { padding: 23vh 0; }
    .visionmission .wrapper .article .btn { margin-bottom: 0; }

    @media (max-width:991px) {
        .visionmission .wrapper .article { padding: 15vh 0; }
    }

    @media (max-width:767px) {
        .visionmission .wrapper .article { padding: 70px 0; text-align: center; }
        .visionmission .wrapper .article .title { margin-bottom: 10px; }
    }

    /* --------------------------------------------------
  Article
---------------------------------------------------*/
    .article .container-fluid { padding: 0; }
    .article .eyelet { margin-bottom: 20px; }
    .article .title { font-size: 50px; margin-bottom: 20px; }
    .article img { max-width: 100%; width: 100%; }
    .article-invert { color: white; }
    .article-invert .eyelet:before { background: white; }
    .article-invert img { }
    .cols-2 { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 60px; /* Chrome, Safari, Opera */ -moz-column-gap: 60px; /* Firefox */ column-gap: 60px; }
    /* XS */
    @media (max-width: 767px) {
        .copy.cols-2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
    }

    /* --------------------------------------------------
  Infographic
---------------------------------------------------*/
    .infographic { /* padding: 60px 0; */ }
    .infographic .item { text-align: center; padding: 0 40px; color: #67686a; margin-bottom: 60px; }
    .infographic figure { margin-bottom: 20px; }
    .infographic figure img { width: 90%; margin: 0 auto; }
    .infographic figure .w100 { width: 100% }
    .infographic figcaption { font-family: Pluto, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 14px; }
    .infographic .data { font-size: 40px; display: block; font-family: Pluto, sans-serif; font-weight: 400; }
    .infographic .desc { font-size: 14px; }
    /* XS */

    @media (max-width: 479px) {
        .infographic [class*="col-"] { width: 100%; }
    }

    @media (max-width: 991px) {
        .infographic figure img { /* width: auto; */ }
    }

    @media (min-width: 992px) {
        .infographic .item { margin-bottom: 0px; }
    }



    /* --------------------------------------------------
  World map
---------------------------------------------------*/
    .map-legend { background: #eaeaea; padding: 10px 0; }
    .map-legend ul { padding: 0; margin: 0; }
    .map-legend li { list-style: none; display: inline-block; font-size: 12px; margin-right: 15px; }
    .map-legend img { width: 15px; margin-right: 3px; }





    /* --------------------------------------------------
  Intro
---------------------------------------------------*/
    .intro { }
    .intro .eyelet { display: none; }
    .intro .title { color: #6ca437; font-size: 60px; font-family: Pluto, sans-serif; font-weight: 100; position: relative; word-break: break-word; margin-bottom: 30px; line-height: 1; }
    .intro .title:last-child { margin-bottom: 0; }
    .intro .title .ico { width: 75px; height: 75px; position: absolute; left: -90px; top: -3px; }
    .intro .abstract, .intro .abstract h1, .intro .abstract h2 { font-size: 26px; font-family: Pluto, sans-serif; font-weight: 100; }
    .intro .copy { margin-top: 50px; line-height: 1.8; font-size: 18px; }
    .intro .title-center { text-align: center; }
    .intro .title-center .ico { position: static; display: inline-block; vertical-align: 5px; left: auto; margin-bottom: 0; }
    .intro .title-center .ico img { display: inline; }

    /* XS */

    @media (max-width: 991px) {
        .intro .title { font-size: 50px; }
        .intro .abstract { font-size: 18px; }
        .intro .copy { font-size: 16px; }
        .intro .title .ico { position: relative; left: 0; }
    }

    @media (max-width: 767px) {
        .intro .title { font-size: 34px; }
        .intro .abstract { font-size: 20px; }
    }

    @media (max-width: 479px) {
        .intro .title .ico { display: none; }
    }


    /*--------------------------------------------------
Box
--------------------------------------------------*/
    .row.same-height-cols { display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -20px; }
    .padded-box { padding: 20px; position: relative; }
    .padded-box-bg:before { content: ''; position: absolute; background: rgba(255,255,255,.95); height: 100%; width: 100%; z-index: -1; left: 0; top: 0; }
    .row.same-height-cols [class*="col-"]:before { content: ''; position: absolute; background: rgba(255,255,255,.95); height: 100%; width: calc(100% - 30px); z-index: 0; }
    .row.same-height-cols .article { margin-bottom: 0; z-index: 1; flex: 0 0 calc(50% - 1px); max-width: calc(50% - 1px); margin-top: 20px; padding-bottom: 100px; }
    .row.same-height-cols .copy { position: relative; }
    .not-flex { display: block !important; }
    .not-flex .article { max-width: 100% !important; }

    /* MD */
    @media screen and (max-width:1200px) {
        /*.row.same-height-cols .article { flex: 0 0 50%; max-width: 50%; }*/
    }

    @media screen and (max-width:767px) {
        .row.same-height-cols { display: block; }
        .row.same-height-cols .article { flex: 0 0 100%; max-width: 100%; }
    }

    /*--------------------------------------------------
Graph
--------------------------------------------------*/
    section.graph { padding: 0 0 80px 0; }
    .graph .chart { position: relative; z-index: 1; height: 0; padding-bottom: 100%; margin-bottom: 40px; }
    .graph .chart .title { position: absolute; width: 100%; bottom: -10px; text-transform: uppercase; font-size: 12px; color: #616264; line-height: 1; text-align: center; }
    .graph .chart .chart-wrap { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
    .graph .chart a { display: none !important; }
    .graph .chart-data .data { display: none; }
    /* main chart */
    #main-chart { height: 460px; position: relative; overflow: visible !important; }
    #main-chart:before { content: ''; position: absolute; width: 500px; height: 500px; top: 50%; left: 48%; z-index: 1; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: all .4s ease-in-out .2s; -o-transition: all .4s ease-in-out .2s; -webkit-transition: all .4s ease-in-out .2s; transition: all .4s ease-in-out .2s; background: url(/img/home/bg_chart_it.png) no-repeat center center; background-size: 99%; }
    .graph-en #main-chart:before { background-image: url(/img/home/bg_chart_en.png); }

    #main-chart.en:before { background-image: url(/img/home/bg_chart_en.png); }
    #main-chart .amcharts-main-div { z-index: 3; }
    .main-chart .tit { position: absolute; width: 200px; top: 40%; left: 50%; z-index: 4; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; font-weight: 700; text-transform: uppercase; font-size: 19px; color: white; pointer-events: none; }
    .main-chart .tit--left { color: #444; left: 100%; transform: translate(0, -290%); text-align: left; }
    .main-chart .tit small { display: block; font-weight: 300; margin-top: -4px; text-transform: none; font-size: 13px; }
    /* mini chart */
    .mini-chart { position: relative; padding-bottom: 12px; text-align: center; opacity: .3; }
    .slick-current .mini-chart { opacity: 1; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; }
    .mini-chart .amcharts-main-div { margin: 0 auto; }
    .mini-chart .chart-data .tit { position: absolute; bottom: 0; width: 100%; left: 0; text-align: center; font-weight: 700; text-transform: uppercase; font-size: 15px; }
    .mini-chart .chart-data .tit small { display: block; font-weight: 300; margin-top: -4px; text-transform: none; font-size: 12px; }
    .mini-chart .chart-graph { position: relative; z-index: 1; height: 150px; height: 150px !important; width: 150px !important; pointer-events: none; margin: 0 auto; }

    /* main chart animation */
    .main-chart { -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
    .main-chart.load { opacity: 0.01; }

    /* main chart legend */
    #main-chart-legend { position: absolute; left: 100%; width: 300px; top: 50%; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); margin: 0; padding: 0; list-style: none; }
    #main-chart-legend li { font-weight: 300; font-size: 13px; text-transform: uppercase; color: #2a2a2a; position: relative; padding-left: 28px; margin-bottom: 25px; clear: both; }
    #main-chart-legend li:last-child { margin-bottom: 0; }
    #main-chart-legend li:after { content: ''; display: table; clear: both; }
    #main-chart-legend li strong { color: #2a2a2a; float: left; font-weight: 300; }
    #main-chart-legend li em { font-size: 32px; float: right; text-align: right; line-height: 1; font-style: normal; margin-top: -14px; font-weight: 100; }
    #main-chart-legend li em:after { content: '%'; }
    #main-chart-legend li .bullet { display: inline-block; position: absolute; top: 1px; left: 0; width: 17px; height: 17px; border-radius: 50%; background: #79a242; border: 3px solid #fff; }

    /* chart slider */
    .chart-slider .item { outline: none !important; cursor: pointer; }
    .chart-slider .slick-next, .chart-slider .slick-prev { width: 32px; height: 78px; background: url(/img/slick-arrow.svg) no-repeat 0 0; margin-top: -5px; left: -40px; }
    .chart-slider .slick-next { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: -47px; right: -49px; left: auto; }
    .chart-slider .slick-next:before, .chart-slider .slick-prev:before { display: none; }

    /* page-chart */
    .page-chart { opacity: 1; }
    .page-chart .data { display: none; }
    .page-chart .chart-graph { position: relative; z-index: 1; height: 300px !important; width: 100% !important; pointer-events: all; margin: 0 auto; }

    @media screen and (min-width:768px) and (max-width:991px) {
        #main-chart:before { background-size: 68%; }
    }

    @media screen and (min-width:992px) and (max-width:1320px) {
        #main-chart:before { background-size: 434px; }
    }

    /* XS */
    @media (max-width: 767px) {
        .cifre .item { width: 100%; }
        .cifre .item:before { display: none; }
        .cifre .item .data { display: block; }
    }




    /* XS */
    @media (max-width: 767px) {
        section.graph { padding: 0px 0 80px; margin: 50px 0 -10px; }
        .main-chart { width: 100%; }
        .main-chart .tit { position: static; left: auto; top: auto; width: 100%; transform: initial; text-align: center; margin: 0 0 40px; color: #444; }
        #main-chart { display: none; }
        #main-chart-legend { position: static; left: auto; top: auto; transform: initial; margin: 0 auto; }
        .mini-chart { opacity: 1; padding: 0; }
        .mini-chart .chart-data .tit { position: static; font-size: 18px; margin: 30px 0; }
        .mini-chart .chart-data .tit small { font-size: 14px; }
        .graph .chart-data .data, .chart-data .data { display: block; list-style: none; margin: 0 auto; padding: 0; /*width: 260px;*/ }
        .chart-data .data li { font-weight: 300; font-size: 13px; text-transform: uppercase; color: #2a2a2a; margin-bottom: 20px; clear: both; display: flex; justify-content: space-between; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
        .chart-data .data li:after { content: ''; display: table; clear: both; }
        .chart-data .data li strong { color: #2a2a2a; float: left; font-weight: 300; flex: 0 0 80%; max-width: 80%; }
        .chart-data .data li em { font-size: 26px; float: right; text-align: right; line-height: 1; font-style: normal; margin-top: -7px; font-weight: 100; flex: 0 0 20%; max-width: 20%; }
        .chart-data .data li em:after { content: '%'; }
        .mini-chart .chart-graph { display: none; }
        .chart-slider .slick-next, .chart-slider .slick-prev { background-size: 15px; margin: 0; left: -15px; top: auto; bottom: -62px; z-index: 3; height: 37px; }
        .chart-slider .slick-next { left: auto; right: 0px; bottom: -41px; }
    }



    @media screen and (max-width:767px) {
        #main-chart:before { display: none; }
    }




    /* --------------------------------------------------
  Gruppo in cifre
---------------------------------------------------*/
    .cifre .item { width: 25%; float: left; padding: 0 !important; position: relative; }
    .cifre .item:before { /* content: ''; */ position: absolute; z-index: 1; top: 48%; left: 50%; width: 45%; height: 0; padding-bottom: 45%; background: #fff; border-radius: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    .cifre .item .data { display: none; }
    .cifre .mini-chart { opacity: 1; }
    .cifre .mini-chart .chart-graph { position: relative; z-index: 1; height: 300px !important; width: 100% !important; pointer-events: all; margin: 0 auto; }
    .cifre-chi-siamo { }
    .cifre-chi-siamo .item { width: 100%; transform: scale(1.25); padding-bottom: 5rem !important; }
    /* XS */
    @media (max-width: 767px) {
        .cifre .item { width: 100%; }
        .cifre .item:before { display: none; }
        .cifre .item .data { display: block; }
        .cifre-chi-siamo .item { transform: none; padding: 0 !important; }
    }



    /* --------------------------------------------------
  Sfida energetica
---------------------------------------------------*/
    @media screen and (min-width:1200px) {
        .sfida .eyelet { margin-top: 40px; }
    }

    /* --------------------------------------------------
  Paragraph
---------------------------------------------------*/
    .paragraph { /* padding-bottom: 80px; */ }
    .paragraph .title { color: #6ca437; font-size: 40px; font-family: Pluto, sans-serif; font-weight: 300; margin-bottom: 50px; position: relative; }
    .paragraph .article { margin-bottom: 60px; position: relative; }
    .paragraph .article:last-child { margin-bottom: 0px; }

    @media screen and (max-width:767px) {
        .paragraph .title { font-size: 28px; }
    }

    /* --------------------------------------------------
  Back to top
---------------------------------------------------*/
    .backToTop { text-align: center; padding: 40px 0; }

    /* --------------------------------------------------
  Footer
---------------------------------------------------*/
    .footer { padding: 50px 0; font-size: 12px; color: #444; border-top: 1px solid #ddd; }
    .footer .logo { margin-bottom: 20px; width: 190px; }
    .footer .info { }
    .footer .service-nav { text-align: right; margin-top: 27px; }
    .footer .service-nav a { margin-left: 20px; }
    .footer .credits { text-align: right; margin-top: 14px; }
    .footer a { color: #444; }
    .footer .credits img { margin: 0 4px; }
    .footer .popover { font-family: Pluto, sans-serif !important; border-radius: 0; }
    .footer .popover-content { font-weight: 200; font-size: 12px; }
    .footer .popover-content a { color: #6ca437; }

    .footer__info { }
    .popover__text { display: none; }


    /* XS */
    @media (max-width: 767px) {
        .footer .service-nav, .footer .credits { text-align: left; }
        .footer .service-nav a { margin-right: 20px; margin-left: 0; }
    }


    /* --------------------------------------------------
  Modals  
---------------------------------------------------*/
    .modal-content { border-radius: 0; border: 0; }
    .modal .close { position: absolute; right: 0px; z-index: 100; top: 0px; outline: none; background: #6ca437; opacity: 1; text-shadow: none; width: 24px; height: 25px; color: white; }
    #genericModal .modal-dialog { width: 700px; }
    #genericModal .modal-content { padding: 24px; /* text-align:center; */ }
    #genericModal img { width: 100% }

    @media screen and (max-width:768px) {
        #genericModal .modal-dialog { width: auto; }
    }

    #reservedAreaModal .modal-content { padding: 50px; }
    #reservedAreaModal li { list-style: none; margin-bottom: 10px; }
    #reservedAreaModal a { text-transform: uppercase; }
    #reservedAreaModal a:hover { opacity: .8; }
    #reservedAreaModal .fa { margin-left: 5px; }




    /* ----------------------------------------
  Cookie bar
-----------------------------------------*/
    #acceptcookie { text-align: center; position: fixed; font-size: 12px; bottom: 0; z-index: 100; background: #444; width: 100%; color: white; padding: 5px 60px; }
    #acceptcookie .close { color: #FFF; background: #6ca437; opacity: 1; text-shadow: none; width: 27px; position: absolute; margin-left: 5px; top: 0; right: 0; height: 27px; }
    #modalCookie .modal-content { padding: 80px; }
    #modalCookie .copy { font-size: 13px; }

    /* --------------------------------------------------
  Fascia altri marchi
--------------------------------------------------- */
    .altri-marchi { text-align: left; /* border-top: 1px solid #DBDBDB; */ /* border-bottom: 1px solid #DBDBDB; */ }
    .altri-marchi .title { font-size: 22px; margin-bottom: 10px; }
    .altri-marchi ul { margin: 0 -15px; }
    .altri-marchi li { width: 20%; padding: 0; margin: 0 2%; vertical-align: top; }
    .altri-marchi a { display: block; border: 0; border-radius: 0; padding: 0; margin-bottom: 30px; transition: all .1s linear; backface-visibility: hidden; -webkit-filter: blur(0); background: transparent; font-size: 12px; color: #444; }
    .altri-marchi a .tit { font-size: 15px; font-weight: 500; color: #444; text-transform: uppercase; line-height: 1.1; padding-top: 10px; }

    .altri-marchi a:hover img { box-shadow: 0 0 0 2px rgba(0,0,0,.5); }
    .altri-marchi img { width: 100%; margin-bottom: 10px; transition: all .2s ease-out; }

    @media (max-width:768px) {
        .altri-marchi li { width: 45%; }
    }

    @media (max-width:480px) {
        .altri-marchi li { width: 42%; }
    }

    .prodotti h3 { font-size: 28px; }
    .prodotti a { color: #444; /* text-decoration: underline; */ margin-right: 20px; padding-bottom: 3px; border-bottom: 1px solid #999; }
    .prodotti a:hover { color: #6ca437; border-color: #6ca437; }


    /* --------------------------------------------------
  Corporate
---------------------------------------------------*/
    .corporate .title { font-family: Pluto, sans-serif; color: #6ca437; margin-bottom: 40px; font-size: 40px; }
    .corporate .intro .title { font-size: 60px; }
    .corporate figure { position: relative; }
    .corporate .readmore { position: absolute; background: white; width: 40px; height: 40px; text-align: center; border-radius: 20px; top: calc(50% - 20px); left: calc(50% - 20px); transition: all .4s cubic-bezier(0.18, 0.89, 0.46, 1.46); opacity: 0; transform: scale(.5); }
    .corporate .readmore .fa { font-size: 20px; transform: translateY(8px); color: #6ca437; }
    .corporate .items { /* padding: 0 20px; */ }
    .corporate .item:hover .readmore { opacity: 1; transform: scale(1); }
    .corporate .item figcaption { padding-left: 10px; height: 80px; text-align: left; padding-right: 10px; }
    .corporate .item img { margin-bottom: 20px; transition: box-shadow .4s linear; max-width: 100%; }
    .corporate .name { font-size: 16px; color: #444; margin-bottom: 2px; }
    .corporate .qualification { display: inline-block; font-size: 12px; color: #6ca437; font-weight: 100; line-height: 1.2; }
    .corporate { padding-bottom: 40px; }
    .corporate .item { font-family: Pluto, sans-serif; position: relative; overflow: hidden; }
    .corporate .item:hover { cursor: pointer; }
    .corporate .item:hover img { box-shadow: 2px 2px 8px rgba(0,0,0,.2); }
    .corporate .main { }
    .corp__image { position: relative; }
    .modal.corporate .modal-content { padding: 80px; }
    .modal.corporate header { font-family: Pluto, sans-serif; margin-bottom: 30px; }
    .modal.corporate img { width: 250px; float: left; margin: 0 40px 40px 0; }




    /* XXS */
    @media (max-width: 480px) {
        .corporate .item { }
        .modal.corporate .modal-body { padding: 30px; }
    }

    @media (max-width: 580px) {
        .corporate .item img { margin-left: auto; margin-right: auto; }
    }


    /* XS */
    @media (min-width: 481px) and (max-width:767px) {
        .corporate .item { }
        .corporate .item:nth-of-type(2n) { }
    }
    /* SM */
    @media (min-width: 768px) and (max-width: 991px) {
        .corporate .item { }
        .corporate .item:nth-of-type(3n) { margin-right: 0; }
    }
    /* MD */
    @media (min-width: 992px) and (max-width: 1199px) {
        .corporate .item { }
        .corporate .item:nth-of-type(4n) { margin-right: 0; }
        .corporate-secondary .item { }
        .corporate-secondary .item:nth-of-type(3n) { margin-right: 0; }
    }
    /* LG */
    @media (min-width: 1200px) {
        .corporate .item:nth-of-type(5n) { margin-right: 0; }
        .corporate-secondary .item { }
        .corporate-secondary .item:nth-of-type(4n) { margin-right: 0; }
    }



    /* --------------------------------------------------
  Carriere
---------------------------------------------------*/
    section.carriere .backToTop { display: none; }

    /* --------------------------------------------------
  Componeneti
---------------------------------------------------*/
    /* SM */
    @media (min-width: 768px) and (max-width: 991px) {
        .listing-componenti:nth-child(2n+1) { clear: both; }
    }


    /* --------------------------------------------------
  Utility
---------------------------------------------------*/
    .img-zoom { cursor: ne-resize; cursor: zoom-in; cursor: url(https://findicons.com/files/icons/2540/glyph_icons/32/magnifier_zoom_in.png); }
    .green { color: #6ca437; }
    .clear { clear: both; }
    .fs14 { font-size: 14px; }
    .mb-0 { margin-bottom: 0; }
    .mb-s { margin-bottom: 25px; }
    .mb-m { margin-bottom: 50px; }
    .mb-l { margin-bottom: 100px; }
    .mt-s { margin-top: 25px; }
    .mt-m { margin-top: 50px; }
    .mt-l { margin-top: 100px; }
    .mt--t { margin-top: -25px; }
    .pb-0 { padding-bottom: 0; }
    .pt-60 { padding-top: 60px; }
    .pv-60 { padding-top: 60px; padding-bottom: 60px; }
    .ov-hid { overflow: hidden; }
    img.width-auto { width: auto; }
    img.w-auto { width: auto; }

    .list-reset { margin: 0; padding: 0; }
    .list-reset > li { list-style: none; }

    @media (max-width:991px) {
        .m-pad-t-0 { padding-top: 0; }
    }



    /* --------------------------------------------------
  Read all
---------------------------------------------------*/
    .read-all { display: none; }
    .read-all-toggle { margin-top: 20px; display: block; }
    .read-all-toggle .up { display: none; }


    /* --------------------------------------------------
  Bootstrap Five columns
---------------------------------------------------*/
    .col-xs-w5,
    .col-sm-w5,
    .col-md-w5,
    .col-lg-w5 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }


    .col-xs-w5 { width: 20%; float: left; }

    @media (min-width: 768px) {
        .col-sm-w5 { width: 20%; float: left; }
    }

    @media (min-width: 992px) {
        .col-md-w5 { width: 20%; float: left; }
    }

    @media (min-width: 1200px) {
        .col-lg-w5 { width: 20%; float: left; }
    }




    /* MD */
    @media screen and (max-width:1200px) {
        .md-text-left { text-align: left; }
        .md-text-center { text-align: center; }
        .md-text-right { text-align: right; }
    }

    /* SM */
    @media screen and (max-width:992px) {
        .sm-text-left { text-align: left; }
        .sm-text-center { text-align: center; }
        .sm-text-right { text-align: right; }
    }

    /* XS */
    @media screen and (max-width:768px) {
        .xs-text-left { text-align: left; }
        .xs-text-center { text-align: center; }
        .xs-text-right { text-align: right; }
        img.mw-auto { width: auto; }
    }

    @media screen and (max-width:480px) {
    }



    /* --------------------------------------------------
  Restyle del 21/02/2019 Andrea A.
---------------------------------------------------*/
    .icona { position: relative; z-index: 1; padding-top: 80px; }
    .icona:before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
    .icona.company-film:before { content: url(/img/ico_film.png); }
    .icona.our-group:before { content: url(/img/ico_our_group.png); }
    .icona.report:before { content: url(/img/ico_report.png); }
    .icona.nota_metodologica:before { content: url(/img/ico_nota_metodologica.png); }
    /* XS */
    @media screen and (max-width:767px) {
        .icona.our-group, .icona.nota_metodologica { margin-top: 30px; }
    }

    .sottotitolo { text-transform: uppercase; font-size: 24px; font-weight: 500; margin: -25px 0 30px 0; }
    .fonte { text-transform: none; font-weight: 100; font-style: italic; font-size: 10px; position: relative; top: -15px; }
    .article-restyle .eyelet { color: #6ca437; font-size: 30px; font-family: Pluto, sans-serif; font-weight: 100; position: relative; line-height: 1; text-transform: uppercase; }

    .btn-bg-full { position: relative; border: none; color: #6ca437 !important; font-family: Pluto, sans-serif; border-radius: 0; padding: 10px 30px; outline: none !important; font-size: 16px; font-weight: 300; box-shadow: none !important; text-decoration: none; background: rgba(255, 255, 255, 0.95); }
    .btn-bg-full:hover { opacity: 0.8; }

    /* VALORI */
    .paragraph .article .ico-section { display: block; height: 80px; background-size: contain; background-repeat: no-repeat; background-position: center right 30px; position: absolute; left: 0; bottom: 20px; width: calc(100% - 20px); }
    .paragraph .article.order_0 .ico-section { background-image: url(/img/efficienza/valori/soffione.png); }
    .paragraph .article.order_2 .ico-section { background-image: url(/img/efficienza/valori/conchiglia.png); }
    .paragraph .article.order_3 .ico-section { background-image: url(/img/efficienza/valori/perla.png); }
    .paragraph .article.order_4 .ico-section { background-image: url(/img/efficienza/valori/mondo.png); }
    .paragraph .article.order_5 .ico-section { background-image: url(/img/efficienza/valori/albero.png); }

    .row.same-height-cols .article.order_6 { padding-bottom: 20px; }
    .row.same-height-cols .article.order_6 .copy { display: flex; flex-wrap: wrap; }
    .row.same-height-cols .article.order_6 .copy > div { flex: 0 0 50%; max-width: 50%; }
    .paragraph .article .matrice { padding-left: 20px; }
    .paragraph .article .matrice img { border: 1px solid #6ca437; display: inline-block; }

    /* XS */
    @media screen and (max-width:767px) {
        .paragraph .article .ico-section { background-position: center; }
        .paragraph .article .matrice { text-align: center; padding-right: 0; }
        .row.same-height-cols .article.order_6 .copy > div { flex: 0 0 100%; max-width: 100%; }
        .paragraph .article .matrice { padding: 0; margin-top: 20px; }
        .paragraph .article .matrice img { }
    }
    /* /VALORI */

    .cont-copy { position: relative; z-index: 1; /*height: 300px;*/ overflow: hidden; transition: all 0.3s ease-in-out; }
    .cont-copy:after { content: ''; position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 300px; background: linear-gradient(transparent, #fff); pointer-events: none; transition: all 0.1s ease-in-out; }
    .cont-copy.copy-comfort:after { display: none; }
    .cont-copy.show-txt { height: auto; }
    .cont-copy.show-txt:after { opacity: 0; }
    .leggi { text-align: center; }
    .leggi a { display: inline-block; position: relative; z-index: 1; padding: 20px; }
    .leggi a:after { content: '\f107'; font-family: FontAwesome; margin-left: 5px; position: absolute; top: calc(50% + 2px); right: 0; transform: translateY(-50%); transition: all 0.5s ease-in-out; }
    .leggi a.open:after { transform: translateY(-50%) rotate(180deg); }
    .leggi .plus { }
    .leggi .minus { display: none; }
    .leggi .open .plus { display: none; }
    .leggi .open .minus { display: block; }

    /* ICONE OBIETTIVI */
    .icone-obiettivi { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px 0; }
    .icone-obiettivi figure { flex: 0 0 calc((100%/9) - 30px); max-width: calc((100%/9) - 30px); margin: 15px; }
    /* MD */
    @media screen and (max-width:1200px) {
        .icone-obiettivi figure { flex: 0 0 calc((100%/6) - 30px); max-width: calc((100%/6) - 30px); }
    }
    /* XS */
    @media screen and (max-width:767px) {
        .icone-obiettivi figure { flex: 0 0 calc((100%/3) - 30px); max-width: calc((100%/3) - 30px); }
    }

    /* TABELLA DATI SIGNIFICATIVI */
    .dati-significativi { padding-top: 50px; }
    .dati-significativi .tit { text-transform: uppercase; font-size: 18px; line-height: 22px; }
    .dati-significativi .tit strong { display: block; color: #444; }
    .dati-significativi .btn { margin-top: 40px; font-size: 14px; font-weight: 800; padding: 10px 20px; }
    .dati-significativi ul { margin: 0; padding: 0; list-style-type: none; }
    .dati-significativi ul li { margin-bottom: 30px; font-size: 14px; font-weight: 300; }
    .dati-significativi ul.fatti-cifre { }
    .dati-significativi ul.fatti-cifre li { display: flex; }
    .dati-significativi ul.fatti-cifre figure { flex: 0 0 50px; max-width: 50px; text-align: left; }
    .dati-significativi ul.fatti-cifre figure img { max-width: 90%; }
    .dati-significativi ul.fatti-cifre .desc { }

    .dati-significativi .riga { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 1; }
    .dati-significativi .riga:after { content: ''; position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 2px; background: url(/img/efficienza/comfort/bg-riga.png) left bottom repeat-x; }
    .dati-significativi .riga:last-child:after { display: none; }
    .dati-significativi .riga figure { text-align: center; }
    .dati-significativi .riga figure img { display: inline-block; }
    .dati-significativi .col { padding: 50px 30px 20px 30px; }
    .dati-significativi .col-01 { flex: 0 0 20%; max-width: 20%; padding-left: 0 !important; }
    .dati-significativi .col-01 .tit { }
    .dati-significativi .col-02 { flex: 0 0 40%; max-width: 40%; background: #f1f6e4; border-left: 1px solid #6ca437; border-right: 1px solid #6ca437; }
    .dati-significativi .col-02 .tit { text-align: center; font-size: 34px; line-height: 1; margin-top: 20px; }
    .dati-significativi .col-02 .tit strong { }
    .dati-significativi .col-03 { flex: 0 0 40%; max-width: 40%; }
    .dati-significativi .col-03 .tit { text-align: center; font-size: 34px; line-height: 1; margin-top: 20px; }
    .dati-significativi .col-03 .tit strong { }

    .area-download { margin-top: 70px; }
    .area-download .btn { /*margin-left: 30px;*/ }

    /* MD */
    @media screen and (max-width:1200px) {
        .dati-significativi .btn { display: block; text-align: center; padding: 10px 0; }
    }
    /* SM */
    @media screen and (max-width:991px) {
        .riga:first-child .col { padding-bottom: 30px; }
        .dati-significativi .col { padding: 30px 15px 0 15px; }
    }

    /* XS */
    @media screen and (max-width:767px) {
        .dati-significativi { padding-top: 0; }
        .dati-significativi .riga { border: 1px solid #6ca437; margin-bottom: 20px; }
        .dati-significativi .riga:after { display: none; }
        .dati-significativi .tit { text-align: center; }
        .dati-significativi .btn { margin: 20px auto; width: 90%; }
        .dati-significativi .riga:first-child { }
        .dati-significativi .riga:first-child .col-01 { display: none; }
        .dati-significativi .col-01 { flex: 0 0 100%; max-width: 100%; padding: 20px 0px 0 15px; }
        .dati-significativi .col-02 { flex: 0 0 50%; max-width: 50%; border-left: none; }
        .dati-significativi .col-03 { flex: 0 0 50%; max-width: 50%; }
        .dati-significativi ul.fatti-cifre li { display: block; }
        .dati-significativi ul.fatti-cifre figure { margin-bottom: 5px; max-width: initial; }
        .area-download { margin-top: 20px; }
        .area-download .btn { margin: 10px 0 0 0; }
    }

    /* DOC GENERICO BILANCIO */
    .verso_2022 { }
    .verso_2022 .cont-tit { border-bottom: 1px solid #6ca437; text-align: center; }
    .verso_2022 .tit { font-size: 28px; line-height: 48px; color: #6ca437; display: inline-block; position: relative; z-index: 1; text-transform: uppercase; }
    .verso_2022 .tit:before { content: url(/img/efficienza/comfort/ico-2022.png); position: absolute; left: -85px; bottom: -15px; }
    .verso_2022 .txt { text-transform: uppercase; padding: 30px 0 90px; }
    .verso_2022 .txt strong { color: #444; }
    .verso_2022 ul { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: space-between; }
    .verso_2022 ul li { padding: 0 20px; }
    .verso_2022 ul li:first-child { padding-left: 0; }
    .verso_2022 ul li:last-child { padding-right: 0; }

    .box-fatti-cifre { background: #f4f9ef; padding: 70px 0; }
    .box-fatti-cifre .cont-tit { border: none; padding-bottom: 70px; }
    .box-fatti-cifre .tit { }
    .box-fatti-cifre .tit:before { display: none; }

    .box-fatti-cifre .dettagli { display: flex; flex-wrap: wrap; }
    .box-fatti-cifre .dettagli:after { content: ''; background: url(/img/efficienza/comfort/bg-riga.png); }
    .box-fatti-cifre .dettagli article { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 60px 60px 15px; position: relative; z-index: 1; }
    .box-fatti-cifre .dettagli article .tit-dett { display: flex; align-items: center; }
    .box-fatti-cifre .dettagli article .tit-dett figure { /*flex: 0 0 50px; max-width: 50px; text-align: left;*/ margin-right: 15px; }
    .box-fatti-cifre .dettagli article .tit-dett figure img { width: auto; }
    .box-fatti-cifre .dettagli article .tit-dett .abstract-dett { font-size: 18px; line-height: 1; text-transform: uppercase; }
    .box-fatti-cifre .dettagli article .tit-dett .abstract-dett span { color: #6ca437; font-size: 32px; }
    .box-fatti-cifre .dettagli article .tit-dett .abstract-dett strong { }
    .box-fatti-cifre .dettagli article .desc-dett { font-size: 14px; line-height: 22px; text-transform: uppercase; margin-top: 25px; }
    .box-fatti-cifre .dettagli article:before { content: ''; background: url(/img/efficienza/comfort/bg-riga-vert.png); position: absolute; z-index: 2; left: 0; top: 0; width: 2px; height: 100%; }
    .box-fatti-cifre .dettagli article:after { content: ''; background: url(/img/efficienza/comfort/bg-riga.png); position: absolute; z-index: 2; width: 100%; height: 2px; left: 0; bottom: 0; }
    .box-fatti-cifre .index_4, .box-fatti-cifre .index_5, .box-fatti-cifre .index_6 { padding: 50px 60px 0 15px !important; }
    .box-fatti-cifre .index_1:before, .box-fatti-cifre .index_4:before { display: none; }
    .box-fatti-cifre .index_4:after, .box-fatti-cifre .index_5:after, .box-fatti-cifre .index_6:after { display: none; }
    .scopri-gruppo { margin: 70px 0; }
    .scopri-gruppo .btn { /*margin-right: 30px;*/ }
    .corpo3 { background: #f5f6f5; padding-top: 70px; }
    .corpo3 .abstract { color: #6ca437; }

    /* MD */
    @media screen and (max-width:1200px) {
        .verso_2022 .txt { padding: 30px 0 0 0; }
    }
    /* SM */
    @media screen and (max-width:991px) {
    }
    /* XS */
    @media screen and (max-width:767px) {
        .ico-sezione { width: 40%; margin: 0 auto 20px; }
        .verso_2022 .tit:before { left: -73px; }
        .verso_2022 ul { display: block; }
        .verso_2022 ul li { padding: 0; margin-bottom: 20px; }
        .verso_2022 ul li:last-child { margin-bottom: 0; }
        .box-fatti-cifre .cont-tit { padding-bottom: 30px; }
        .box-fatti-cifre { padding: 50px 0; }
        .box-fatti-cifre .dettagli article { flex: 0 0 100%; max-width: 100%; padding: 30px 0 !important; }
        .box-fatti-cifre .dettagli article:before { display: none; }
        .box-fatti-cifre .dettagli article:after { display: block; }
        .box-fatti-cifre .dettagli article:last-child { padding-bottom: 0; }
        .box-fatti-cifre .dettagli article:last-child:after { display: none; }
        .scopri-gruppo { padding: 0 20px; margin: 30px 0 50px 0; }
        .scopri-gruppo .btn { display: block; margin: 0 0 10px 0; }
    }


    .fancy { cursor: -webkit-zoom-in; }
    .fancybox-overlay { background: rgba(0, 0, 0, 0.5); }
    .fancybox-close { right: 0; top: 0; background: #6ca437; width: 24px; height: 25px; }
    .fancybox-close:after { content: 'x'; color: #fff; font-size: 16px; font-weight: 700; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); line-height: 1; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

    /* DOC CORPORATE GOVERNANCE */
    #send_request { }
    #send_request label { display: block; }
    #send_request input, #send_request select, #send_request textarea, #send_request .dropzone { border: 2px solid #6ca437; background: transparent; box-shadow: none; color: #6ca437; border-radius: 0; padding: 10px 16px; height: auto; cursor: pointer; font-weight: 300; width: 100%; }
    #send_request select { }
    #send_request textarea { min-height: 180px; }
    #send_request .checkbox { }
    #send_request .checkbox input { width: auto; /*margin-left: 0;*/ }

    @media(max-width:767px) {
        #send_request .checkbox input { margin-left: 0; }
    }

    #send_request .checkbox label { display: inline-block; }
    #send_request .checkbox.error label, #send_request .checkbox.error label a { color: #ff0000; }
    #send_request .dropzone { margin: 10px auto; min-height: 120px; width: 50%; font-weight: 700; }
    #send_request .dropzone .dz-error-message { flex: 0 0 100%; max-width: 100%; }
    #send_request .dropzone .dz-preview { border: 1px solid #ccc; padding: 10px; margin-top: 10px; display: flex; flex-wrap: wrap; color: #000; font-size: 14px; font-weight: 100; justify-content: space-between; align-items: center; }
    #send_request .dropzone .dz-preview .dz-image { order: 3; flex: 0 0 20%; max-width: 20%; }
    #send_request .dropzone .dz-preview .dz-image img { }
    #send_request .dropzone .dz-preview .dz-details { order: 1; flex: 0 0 50%; max-width: 50%; }
    #send_request .dropzone .dz-preview .dz-details strong { color: #000; }
    #send_request .dropzone .dz-preview .dz-success-mark { display: none; }
    #send_request .dropzone .dz-preview .dz-error-mark { display: none; }
    #send_request .dropzone .dz-preview .dz-remove { order: 2; flex: 0 0 30%; max-width: 30%; position: relative; z-index: 1; color: transparent; }
    #send_request .dropzone .dz-preview .dz-remove:after { font-family: FontAwesome; content: '\f1f8'; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 20px; color: #6ca437; }

    .txt-after-form { border-top: 1px solid #ddd; margin-top: 40px; padding-top: 20px; }

    /* MD */
    @media screen and (max-width:1200px) {
        #send_request .dropzone { width: 70%; }
    }
    /* XS */
    @media screen and (max-width:767px) {
        #send_request .dropzone { width: 100%; }
        #send_request .dropzone .dz-preview .dz-image { order: 2; flex: 0 0 100%; max-width: 100%; }
        #send_request .dropzone .dz-preview .dz-image img { display: inline-block; margin: 10px 0; }
        #send_request .dropzone .dz-preview .dz-details { order: 1; flex: 0 0 100%; max-width: 100%; }
        #send_request .dropzone .dz-preview .dz-remove { order: 3; flex: 0 0 100%; max-width: 100%; }
    }

    /* INVESTORS */
    .investors .title { margin-bottom: 100px; }

    #step-1 { font-size: 24px; }
    #step-1 a { font-weight: 400; }

    #step-3 label, #step-4 label, #step-5 label, #step-6 label { font-size: 20px; margin-bottom: 40px; font-weight: 400; }
    #step-3 select { width: auto; border: 2px solid #6ca437; background: transparent; box-shadow: none; color: #6ca437; border-radius: 0; padding: 10px 16px; height: auto; cursor: pointer; font-weight: 700; margin-bottom: 90px; }
    #step-3 .row > div { position: relative; }
    #step-3 .row .error { position: absolute; bottom: 60px; color: red; font-weight: 100; font-size: 14px; margin: 0; }
    #step-7 .row { display: flex; flex-wrap: wrap; }
    #step-7 .row > div { margin-bottom: 50px; float: none; }
    #step-7 .row > div .article { float: none; height: 100%; position: relative; margin: 0; max-width: none; padding-bottom: 70px; }
    #step-7 .row > div .abstract { height: auto; margin-bottom: 0; }
    #step-7 .row > div .article .cont-cta { position: absolute; bottom: 0; }
    #step-7 .tit { font-size: 48px; font-weight: 200; margin: 50px 0 0 0; }
    #step-7 .news-list .row:first-child .tit { margin-top: 0; }
    #step-7 .years .row > div:nth-child(3n+1) { clear: both; }

    @media(max-width:767px) {
        #step-3 .row .error { bottom: 40px; }
    }

    .financial-communications .title { max-width: 60%; margin-bottom: 20px; }
    .financial-communications .article .title { margin-bottom: 15px; }
    .financial-communications .cont-cta { display: flex; justify-content: space-between; }
    .financial-communications .cont-cta .btn { padding: 10px 20px; }
    .financial-communications .cont-cta .btn-pdf { background: url(/img/icon-pdf.png) no-repeat center right 20px !important; padding-right: 50px !important; }
    .financial-communications .modal-body .title { font-weight: 400; text-transform: none; max-width: 100%; font-size: 16px; position: relative; padding-top: 15px; }
    .financial-communications .modal-body .title:before { content: ''; background: #a3a3a3; width: 30px; height: 2px; position: absolute; left: 0; top: 0; }
    .financial-communications .modal-body .social-share { margin-top: 30px; display: flex; }
    .financial-communications .modal-body .social-share .btn { margin-right: 20px; font-weight: 400; position: relative; line-height: 1; padding-right: 60px; }
    .financial-communications .modal-body .social-share .btn:last-child { margin-right: 0; }
    .financial-communications .modal-body .social-share .btn:after { content: ''; position: absolute; top: calc(50% + 1px); transform: translateY(-50%); right: 25px; }
    .financial-communications .modal-body .social-share .btn-pdf:after { content: url(/img/icon-pdf.png); }
    .financial-communications .modal-body .social-share .btn-twitter:after { content: url(/img/icon-twitter.png); }
    .financial-communications .modal-body .social-share .btn-facebook:after { content: url(/img/icon-facebook.png); }

    .investors .table-responsive { font-size: 16px; }
    .investors .table-responsive a { text-decoration: underline; }

    .investor-relations-contacts { }
    .investor-relations-contacts .riga { display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px; }
    .investor-relations-contacts .riga .text { flex: 0 0 50%; max-width: 50%; }
    .investor-relations-contacts .riga .text .tit { text-transform: uppercase; font-weight: 400; font-size: 24px; }
    .investor-relations-contacts .riga .text .ruolo { font-size: 14px; }
    .investor-relations-contacts .riga .text .mail { margin: 15px 0 20px; }
    .investor-relations-contacts .riga .text .mail a { text-decoration: underline; font-weight: 400; }
    .investor-relations-contacts .riga .text .tel { font-weight: 400; }
    .investor-relations-contacts .riga .image { flex: 0 0 50%; max-width: 50%; text-align: right; }
    .investor-relations-contacts .riga:nth-child(even) .text { order: 1; text-align: center; }
    .investor-relations-contacts .riga:nth-child(even) .text .cont-text { width: auto; display: inline-block; text-align: left; }
    .investor-relations-contacts .riga:nth-child(even) .image { text-align: left; }

    .shareholder-center .section.intro .title { margin-bottom: 20px; }

    .investors .tit-big { font-size: 48px; margin-bottom: 50px; }

    .investors .voting-rights { margin-top: 200px; font-size: 48px; line-height: 1; color: #000; }

    .download__item .btn-pdf { margin-right: 20px; font-weight: 400; position: relative; line-height: 1; padding-right: 60px; }
    .download__item .btn-pdf:after { content: url(/img/icon-pdf.png); position: absolute; top: calc(50% + 1px); transform: translateY(-50%); right: 25px; }
    .download__item .data { font-size: 13px; color: #7B7B7B; font-weight: 400; }

    @media(max-width:1023px) {
        .download.fix-scroll-tab { overflow-x: hidden; }
    }
.amcharts-main-div a {display: none!important;}