@charset "UTF-8";
/* CSS RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
small, strong, em, del, ins, b, i, a,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video										{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; list-style: none; }
article, aside, figure, footer, header, hgroup, nav, section	{ display:block; }
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
 
 @font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.eot?v=4.0.3');
  src: url('fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');  font-weight: normal;
  font-style: normal;
}

 :root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

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

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-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 {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-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);
  }
}

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

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

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

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

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

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

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

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

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

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

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

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

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

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

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

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

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

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

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.2);
  animation-duration: calc(1s * 1.2);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.2);
  animation-duration: calc(var(--animate-duration) * 1.2);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

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

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

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

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

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.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);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

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

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

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

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

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

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

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

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

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

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

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

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

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

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

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

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

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

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

@keyframes rollOut {
  from {
    opacity: 1;
  }

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

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

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

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    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 {
  from {
    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);
  }
}

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

@-webkit-keyframes zoomInLeft {
  from {
    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 {
  from {
    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);
  }
}

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

@-webkit-keyframes zoomInRight {
  from {
    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 {
  from {
    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);
  }
}

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

@-webkit-keyframes zoomInUp {
  from {
    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 {
  from {
    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);
  }
}

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

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

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

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

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

  to {
    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);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    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;
  }
}

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

  to {
    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);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    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;
  }
}

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

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

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

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

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

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

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

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

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

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

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

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

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.delay-quarter{-webkit-animation-delay:0.5s;animation-delay:0.5s}.delay-half{-webkit-animation-delay:0.75s;animation-delay:0.75s}.delay-three-quarter{-webkit-animation-delay:1s;animation-delay:1s}.delay-one{-webkit-animation-delay:1.25s;animation-delay:1.25s}.delay-one-quarter{-webkit-animation-delay:1.5s;animation-delay:1.5s}.delay-one-half{-webkit-animation-delay:1.75s;animation-delay:1.75s}.delay-two{-webkit-animation-delay:2.25s;animation-delay:2.25s}
.delay-30{-webkit-animation-delay:30s;animation-delay:30s}
.delay-25{-webkit-animation-delay:25s;animation-delay:25s}

@font-face {
  font-family: 'Calibri';
  src: local('Calibri'), local('Calibri'), url(calibri-webfont.woff2) format('woff2'),url(calibri-webfont.woff) format('woff');
}
@font-face {
  font-family: 'Neo Sans';
  src: local('Neo Sans'), local('Neo Sans'), url(Neo-Sans.woff2) format('woff2'),url(Neo-Sans.woff) format('woff');
}
html {height:100%;}
body {	color:#000; height:100%; line-height: 1.5em; font:18px 'Calibri',Arial,Helvetica;background:#fff; -webkit-font-smoothing:antialiased; }

span.glyphicon-chevron-left,
span.glyphicon-chevron-right,
a.carousel-control span { border:none!important}
a{color:#303374; text-decoration:none; transition:color 0.5s ease-in-out;}
a:hover{color:#303374;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}
h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:300 2.5em 'Neo Sans',Arial,Helvetica;margin-bottom: 20px 0px 10px 0px; font-weight:normal;  color:#303374; letter-spacing:2px; margin-bottom:10px; text-transform:uppercase; }
h2{font:300 2.0em 'Neo Sans',Arial,Helvetica; font-weight:normal;  color:#ffa800; letter-spacing:2px; text-transform:uppercase; }
h2.title { font:300 2.0em 'Neo Sans',Arial,Helvetica; font-weight:normal;  color:#303374; letter-spacing:2px;}
h2.title_blue { font:300 2.0em 'Neo Sans',Arial,Helvetica; font-weight:normal; color:#303374; letter-spacing:2px;}
h3{font:300 1.2em 'Neo Sans',Arial,Helvetica;margin:20px 0 15px 0; font-weight:bold;}
h4{font:300 1.5em 'Neo Sans',Arial,Helvetica;margin-bottom: 1em;}
h4 i{margin-right: 0.5em;}
p{font-size:18px; color:#000; line-height: 1.5em; margin-bottom: 1.7em;}
.row {line-height: 1.5em!important; }
.spacer_intro{padding: 1em 0 0 0;}
.spacer_intro_half{padding: 0 0 0 0!important; margin-top:0px!important}
.spacer{padding: 2em 0;}
.spacer2{padding: 2em 0;}
.margin_20 { margin-top:20px!important; }
.shadow {text-shadow: 2px 2px 5px #000; }

.master,
#master { width:1000px; margin:0px auto;  }

#pics_bck { width:100%; height:100%; position:fixed; top:0px; z-index:1;}
#black { width:100%; height:100%; position:fixed; z-index:0; background-color:rgba(255,255,255,0.6);} 

/* header */
#logo { max-width:100%; }
.logo_block { position:relative; background-color:#FFF; margin-right:20px; margin-top:20px; }
.menu_bck_blue {background-color:#dcf1fd!important; transition:background 0.5s ease-in-out;  }
.menu_bck_blue:hover { background-color:#FFF!important;} 
.menu_block {background-color:#dcf1fd; margin-top:20px;}
#menu { width:100%;   margin-top:0px; padding:0px; font-family: 'Calibri'; z-index:2;}
#ul_menu { list-style:none; padding:7px; }
#ul_menu li { float:left; margin:0px 5px; font-family: 'Calibri';}
#ul_menu li a { font-family:'Neo Sans',Arial,Helvetica; color:#000; font-size:18px; padding:5px 3px;  }
#ul_menu li a.selected { color:#ffa800!important; }
#ul_menu li a:hover { color:#ffa800; text-decoration:none; }

#sub_menu { text-align:center; width:100%; padding:15px 10px 15px 10px;  font-family: 'Calibri';  z-index:2;}

.pink {  background: #ffa800;}

#facebook { position:absolute; right:10px; top:10px; transition:color 0.5s ease-in-out; }
#facebook:hover { color:#ffa800; }

.margin_top_20 { margin-top:20px!important;}

/* intro */
.bck_black { background-color:rgba(0,0,0,0.7); position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:1000; }
.aanmelden { position:relative; z-index:10001;}
#url_sluit { position:absolute; right:10px; top:10px; color:#FFF; }
#url_sluit:hover { text-decoration:underline; }



.padding_top_5 { padding-top:5px!important; }
.intro_sub_txt { font-size:25px; color:#303374; }
.intro_sm { font-size:20px; color:#0fbe01; font-weight:bold; }
.intro_sm a { color:#0fbe01; }

.deals_intro { padding-top:40px; }
.font-20 { font-size:20px;}
.gray { background-color:#4c4c52; color:#FFF; }
.white_txt,
.white_txt h2 { color:#FFF!important; }
.blue { background-color:#303374; }
.blue a { color:#FFF!important; }
.newsblock_big { height:400px; position:relative; overflow:hidden; } 
.height_30 { height:150px; }
.height_70 { height:250px; }
.newsblock { height:400px; position:relative; overflow:hidden;}
.title { background-color:#303374; padding:10px; width:calc(100% - 40px); position:absolute; bottom:50px; right:10px; color:#FFF!important; }
.title h2 { color:#FFF; }
.more { background-color:#303374; color:#FFF!important; padding:5px; position:absolute; bottom:10px; right:10px; }
.title h2:hover,
.more:hover { color: #000!important; }
a.title:hover,
a.more:hover{ text-decoration:none!important; }
.pic_news { width:100%; height:100%; position:absolute; top:0px; left:0px; transition:opacity 0.5s ease-in-out,width 0.5s ease-in-out,height 0.5s ease-in-out ; }
.pic_news:hover { opacity:0.6; cursor:pointer; width:105%; height:105%; }
.padding_info { padding:30px 10px; }
a.title_news { font-size:14px!important; }
article { position:relative; z-index:5; }
.row img { max-width:100%; }
.black { color:#000; }

/* chat */
#chat_div { position:fixed; bottom:20px; font-size:20px; color:#FFF; z-index:100000; right:50px; width:350px; padding:20px 20px 20px 20px; border-radius:5px; background-color:#0fbe01; border: 1px solid #0fbe01; }
#chat_div #close { position:absolute; right:2px; top:2px; color:#FFF; }
#chat_div #close:hover { color:#000; cursor:pointer; }
.mobiel_hotline { color:#FFF; text-decoration:none;}
.mobiel_hotline:hover { text-decoration:none; }

/* chat */
#chat_div2 { position:fixed; bottom:170px; font-size:20px; color:#FFF; z-index:100000; right:50px; width:350px; padding:20px 20px 20px 20px; border-radius:5px; background-color:#0fbe01; border: 1px solid #0fbe01; } /*f7a512 */
#chat_div2 #close2 { position:absolute; right:2px; top:2px; color:#FFF; }
#chat_div2 #close2:hover { color:#000; cursor:pointer; }

/* snelmenu */
#d_snelmenu { position:fixed; top:20px; left:20px; background:#FFF; border:2px; padding:10px; z-index:100000}
ul#snelmenu { list-style:none; margin:10px 0px 0px 0px; padding:0px; }
ul#snelmenu li { padding:3px 0px; margin-top:12px; }

/* deals */

.green_bg { background-color:#2d9d06; }
.green_bg h2 { color:#FFF!important; }
._cont_deals { background-color:#FFF; margin:5px 5px 20px 5px; padding:5px 5px 5px 5px; height: 450px;  }
._cont_deals:hover { background-color:#ddf0fe; cursor:pointer;}
div._dealtitel { margin-top:5px; min-height:80px; position:relative;}
div._dealtitel h2 { font-size:13px; color:#000; font-weight:bold; letter-spacing:1px; font-family: 'Calibri';}

div._dealtitel div.vanafprijs { position:absolute; right:10px; bottom:10px; color: #0247e2;
    font-size: 16px;}
div._dealtitel div.vanafprijs b { font-size: 20px;}

div.usp { position:relative; padding-left:0px; min-height:265px}
div.usp ul li { list-style:none; color: #303374; font-weight:bold; margin-bottom:5px }
div.usp ul { margin-top:20px; padding-top:0px; overflow:auto;}
div.usp ul li:before {    
    font-family: 'FontAwesome';
    content: '\f0a4';
    margin:0 10px 0 -15px;
    color: #303374;
}
#links_deal { position:absolute; left:0px; bottom:5px; width:100%; text-align:center;}
.share_link { background-color:#365899; border:2px solid #365899; color:#FFF; border-radius:3px; }
.share_link:hover{ background-color:#FFF; color:#365899;  }
.share_link:disabled,
.share_link[disabled] { background-color:#cecece!important; border:2px solid #cecece; color:#FFF; border-radius:3px; }
h2.deelactie { margin:20px 0px 0px 0px; padding:0px; color:#27932f!important; font:300 1.8em 'Neo Sans',Arial,Helvetica}
.margin_btm_10 { margin-bottom:10px!important;}

hr.hr_overzicht { border:none; border-bottom:2px solid #303374; width:100%}
.prijs_old { color: #e40613;  font-size:16px; text-decoration: line-through; }
.prijs_actueel { color:#0247e2; font-size:20px; font-weight:bold;}
.vlag_sm { border-radius:50%; width:50px; }
.flag_xl { border-radius:50%;  }
.link_info { background-color:#27932f; height:41px; padding:8px 25px; margin-right:10px; color:#FFF; border-radius:5px; box-shadow:#c2c2c2 3px 3px 3px;word-break:keep-all; display:inline-block;  }
.link_info2 { background-color:#848484; height:41px; padding:8px 10px; color:#FFF; border-radius:5px; box-shadow:#c2c2c2 3px 3px 3px;word-break:keep-all; display:inline-block;  }
.link_info2:hover{ background-color:#ff0000; height:41px; color:#FFF; text-decoration:none }
.link_info:hover { background-color:#0fbe01; height:41px; color:#FFF; text-decoration:none; }
.link_info3 { background-color:#fc1d1d; height:41px; color:#FFF; margin-right:10px;  padding:8px 10px; color:#FFF; border-radius:5px; box-shadow:#c2c2c2 3px 3px 3px;word-break:keep-all; display:inline-block;   }

.favoriet { background-color:#e40613; padding:20px; text-align:center; color:#FFF; font-size:20px; }
.orange { color:#ffa800;}
.yellow { color:#FF0; }
h1.spotlight { text-align:center; color:#27932f; font-size: 25px;}
h3.subtitle { color:#0fbe01; font-size:23px; letter-spacing:1px; font-weight:normal; margin:0px; padding:0px;}
.green_txt { color:#27932f;}
.last_sell { text-align:center!important; padding-left:0px; }
.green { color:#ffa800; font-family:'Neo Sans',Arial,Helvetica; }
.back_blue { background:#dcf1fd; padding:15px 0px; height:80px; border-radius:15px; color:#000; margin:10px 2px; position:relative; }
.back_blue:hover { cursor:pointer; background-color:#aadefb; }
.back_blue a { color:#000; }

.back_blue2 { background:#dcf1fd; padding:15px 10px!important; height:120px; font-size:24px; color:#ffa800!important; line-height:22px!important; border-radius:15px; color:#000; margin:10px 2px; position:relative; }
.pad_extra_blue { padding-top:20px!important}
.back_blue2:hover { cursor:pointer; background-color:#aadefb; }
.back_blue2 a { color:#000; font-size:20px; font-family:'Calibri',Arial,Helvetica!important; }
.regel_1_dagdeal {}
h4.font_dagdeal_big { font-size:30px; line-height:35px; color:#ffa800; padding-bottom:0px; padding-top:25px; font-weight:bold; margin-bottom:6px;}
.dagdeals { margin:0px; padding:0px; list-style:none}
a.regel_url { font-size:18px; line-height:20px!important;}
.arrow_link { position:absolute; top:35px; right:10px; font-size:40px!important;}
.arrow_link_left { position:absolute; top:35px; left:10px; font-size:40px!important;}

a.orange { color:#ffa800;}
.recensie_titel { font-size: 18px; color:#000; }
h4.recensie { font-size: 18px; color:#ffa800; padding-bottom:0px; margin-bottom:6px;}
.font_recensie { font-size:12px}

#footer_recensie { position:fixed; bottom:0px; left:0px; width:150px; height:240px;}
#footer_recensie .recensie_titel { font-size:20px; }

ul#categorie_eruit       { list-style: none; margin:0px; padding:0px; overflow: auto; width:100% }
 ul#categorie_eruit li        { float:left; margin:0px 5px 5px 5px; width:calc(20% - 11px); text-align:center; position: relative; border:3px solid #27932f; }
 ul#categorie_eruit li:hover  { border:3px solid #0fbe01; background-color:#ddf0fe!important; cursor:pointer; }
 ul#categorie_eruit li img    { transition: opacity 0.3s ease;  z-index: 0; }
 ul#categorie_eruit li:hover img { opacity: 0.4;  }
 ul#categorie_eruit li.selected     { border:3px solid #0fbe01; background-color:#0fbe01!important; }
 ul#categorie_eruit li h3     { position: absolute; color:#0fbe01; left:0px; width:107px; text-align: center; top:0px; font-size: 12px!important; z-index: 2; background:#FFF!important; padding:5px;  } 
 ul#categorie_eruit li a { color:#303374; text-decoration: none; }
 ul#categorie_eruit li a:hover    { text-decoration: underline; }
 ul#categorie_eruit li.selected_blue a {color:#FFF; }
 ul#categorie_eruit li span     { width:100%; text-align: center; z-index: 2; }
 
 /* categorieblok */
 .btn_cat { width:calc(12.5% - 14px); margin:4px; text-align:center; padding:5px; border: 3px solid #0fbe01; display:inline-block; }
 .btn_cat:hover { background-color:#ddf0fe!important; cursor:pointer; }
 .btn_cat img { max-width:100%; margin-bottom:3px;}
 .no-float { display:block; width:90%;}
 .selected_btn { background-color:#0fbe01 }
 .center {text-align:center!important;}
 a.a_map { padding:10px;}
 a.a_map:hover { padding:10px; background-color:#0fbe01!important; color:#FFF;}
 .selected_map {background-color:#0fbe01!important }
 .line_height_40 { line-height:60px!important;}
 .float-left { float:left; }
 .padding_10 { padding:10px;} 
 .font_12 { font-size:12px!important}
 
 /* precentagesblok */
 
 @keyframes backgroundColorPalette {
  0% {
    background: #0fbe01;
  }
  25% {
    background: none;
  }
  50% {
    background: #0fbe01;
  }
  75% {
    background: none;
  }
  100% {
    background: #0fbe01;
  }
}

.back_color_ani {
    animation-name: backgroundColorPalette;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.back_color_ani:hover  {background-color:#0fbe01!important; }
 
 .btn_cat_2 { width:calc(25% - 14px); margin:4px; text-align:center; padding:5px; border: 3px solid #0fbe01; display:inline-block; }
 .btn_cat_2:hover { background-color:#ddf0fe!important; cursor:pointer; }
 
 .btn_cat_2_half { width:calc(100% - 30px); margin:4px; text-align:center; padding:5px; border: 3px solid #0fbe01; background:#ddf0fe; display:inline-block; }
 .btn_cat_2_half:hover { background-color:#0fbe01!important; cursor:pointer; }
 
 .btn_cat_50 { width:calc(50% - 14px); margin:4px; text-align:center; padding:5px; border: 3px solid #0fbe01; display:inline-block; }
 .btn_cat_50:hover { background-color:#ddf0fe!important; cursor:pointer; }
 
 
 
 /* Google Translate */
 
a.gflag {vertical-align:middle;font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/32.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(//gtranslate.net/flags/32a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
 
 #language { position: absolute; right:20px; bottom:0px; }
 
 /* 2 blokken */
 .btn_cat_3 { width:calc(50% - 32px); margin:4px 4px 4px 18px; text-align:center; padding:5px; border: 3px solid #0fbe01; display:inline-block; }
 .btn_cat_3:last-child { width:calc(50% - 32px); margin:4px 18px 4px 4px; text-align:center; padding:5px; border: 3px solid #0fbe01; display:inline-block; }
 .btn_cat_3:hover { background-color:#ddf0fe!important; cursor:pointer; }
 
 /* reclame-blok */
 .height_block {height: 450px;   }
 .reclame_block { color:#FFF!important;   position:relative; font-size:14px;   }
 .verloop_oranje {
    background-image: linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -o-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -moz-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -webkit-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -ms-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -webkit-gradient(
                linear,
                right bottom,
                left top,
                color-stop(0.42, #ffc050),
                color-stop(0.82, #f7a512)
        );
 }
  .reclame_block:hover { cursor:default; }
 .outer { display: table; top: 0; left: 0;  padding:0px 20px 0px 20px; width: 100%;  color:#000!important;  }
.middle { display: table-cell; vertical-align: middle; }
.inner { width:100%; }
/* */

/* Popup */
 #backgroundPopup			{ display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#ffffff; z-index:100000; }
 #popupContact				{ display:none; position:fixed; _position:absolute; width:calc(900px - 48px); background:#FFFFFF; color:#000; border:4px solid #ffc050; z-index:100001; text-align:justify; padding:20px 20px 0px 20px; font-size:18px; }
 #popupContact h1			{ font:300 2.5em 'Neo Sans',Arial,Helvetica;margin-bottom: 20px 0px 10px 0px; color:#ffc050; letter-spacing:2px; text-align:right }
 #popupContact h2			{ font:300 1.7em 'Neo Sans',Arial,Helvetica; font-weight:normal; color:#ffc050; font-weight:bold; text-align:center;}
 #popupContact h3			{ font:300 1.2em 'Neo Sans',Arial,Helvetica;margin:14px 0 10px 0; color:#ffc050; }
 #popupContact img          { max-width:100%;}	
 #popupContactClose			{ font-size:12px; line-height:14px; right:4px; top:4px; position:absolute; color:#ffc050; font-weight:700; display:block; cursor:pointer; }


/* deal pagina*/
.back_link {color:#81807e; }
.padding-15 { padding:15px 15px 50px 15px;}
hr { border:none; border-bottom:2px solid #303374; margin:10px 0px ; }
h1.titel_deal { font-size: 22px; }
hr.hr_deal { border:none; border-bottom:2px solid #303374; width:100%; margin:0px 0px 10px 0px ;}
h2.titel_info { font-size:20px;}
.padding-5 { padding:5px; }
.padding_20 {padding:20px;}
.padding-top-20 { margin-top:40px;}
.right {text-align:right }
.leaflet-popup-content img { max-width:100%;}


.beschikbaar_btn { background-color:#0fbe01; margin-left:15px; border-radius:5px; padding:15px 50px; color:#FFF; text-decoration:none }
.beschikbaar_btn:hover { background-color:#000;  color:#FFF; text-decoration:none  }

.landkaart:hover { background-image: linear-gradient(right bottom, #f7a512 42%, #ffc050 82%);
        background-image: -o-linear-gradient(right bottom, #f7a512 42%, #ffc050 82%);
        background-image: -moz-linear-gradient(right bottom, #f7a512 42%, #ffc050 82%);
        background-image: -webkit-linear-gradient(right bottom, #f7a512 42%, #ffc050 82%);
        background-image: -ms-linear-gradient(right bottom, #f7a512 42%, #ffc050 82%);
        background-image: -webkit-gradient(
                linear,
                right bottom,
                left top,
                color-stop(0.42, #f7a512),
                color-stop(0.82, #ffc050)); color:#000!important; cursor:pointer }
.landkaart:hover a { color:#000!important;}

.logo_map { max-width:100%;}
#google_cont		{ position:relative; height:250px; width:360px; display:block; }
#google_maps		{ position: absolute; top:0px; left:0px; width:350px; height:250px; display:block;}

#google_cont_full		{ position:relative; height:450px; width:100%; display:block; }
#google_maps_full		{ position: absolute; top:0px; left:0px; width:100%; height:450px; display:block;}

#google_cont_land		{ position:relative; height:200px; width:100%; display:block; }
#google_maps_land		{ position: absolute; top:0px; left:0px; width:100%; height:200px; display:block;}
.map_link { color:#303374!important; }
.map_link:hover { color:#27932f!important; }


#details { background-color:#f7a513; padding:20px; margin-top:0px; border-top-right-radius:5px; border-top-left-radius:5px; text-align:center; color:#000; font-size:20px; background-image: linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -o-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -moz-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -webkit-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -ms-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -webkit-gradient(
                linear,
                right bottom,
                left top,
                color-stop(0.42, #ffc050),
                color-stop(0.82, #f7a512)
        ); }
.width_50 { width:calc(50% - 10px); padding:5px; float:left }
hr.clear { clear:both; width:100%; border:none; }
.width_100 { width:calc(100% - 40px); padding:20px;  }
.border_line  { border:2px solid #ffc050; border-top:none; overflow:auto;}
table.table_pad tr td { padding:4px!important; }
table.table_pad2 tr td { padding:8px!important; }
tr.hover:hover{ background-color:#c2ecff; cursor:default;}

div#beoordeling                         { width: 100%; height:106px; padding:100px 20px 0px 10px; margin-bottom:30px; background-image: linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -o-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -moz-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -webkit-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -ms-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -webkit-gradient(
                linear,
                right bottom,
                left top,
                color-stop(0.42, #ffc050),
                color-stop(0.82, #f7a512)
        ); border-radius:5px; margin-left: 10px; position: relative; color:#FFF; font-size: 11px;}
div#beoordeling:hover { background-color:#ffca6a; cursor:pointer; }
div#beoordeling h4                      { position:absolute; top:10px; font-size:20px; left:10px; color:#FFF;  z-index:1; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
div#beoordeling img.img_punt { position:absolute; top:15px; left:10px; z-index:0; }    
div#beoordeling a#link_punt             { position:absolute; bottom:-30px; left:10px; color:#000; font-size:16px; font-weight:bold; padding-top:10px; }
div#beoordeling a#link_punt:hover                 { color:#f7a512; }
div#beoordeling #punt                   { background:url('/img/bck_pnt.png'); width:85px; height:85px; position: absolute; right:10px; top:10px; padding-top:30px; text-align: center; font-size: 30px; font-weight: bold; color:#FFF; }

/* Ervaringen */
 div.reactie_border			{ border:3px solid #f7a512; float:left; overflow: auto; min-height:200px; margin:10px 10px 20px 10px; width:calc(47% - 8px); -moz-border-top-left-radius: 10px!important; border-top-left-radius: 10px!important; -moz-border-top-right-radius: 10px!important; border-top-right-radius: 10px!important; }
 div.reactie_top			{ background-color:#f7a512; width:100%; overflow:auto; padding:3px; }
 div.reactie_naam			{ float:left; padding-left:5px; font-size:14px; width:40%;  color:#FFF; text-align:center; }
 div.reactie_naam2			{ float:left; padding-left:5px; font-size:14px; width:calc(40% - 5px); color:#FFF; text-align:left; }
 div.reactie_naam a			{ color:#FFF; text-decoration:underline; }
 div.reactie_naam a:hover	{ color:#FFF; text-decoration:none; }
 div.reactie_plaats			{ float:right; padding-left:5px; text-align:right; font-size:14px; width:calc(40% - 5px); color:#FFF; }
 div.reactie_datum			{ float:left; padding-right:5px; font-size:14px; color:#FFF; width:80px;}
 div.reactie_cnt			{ padding:7px 5px;font-size:16px; width:100%; }
 div.reactie_cnt_rate			{ padding:7px 10px; font-size:16px!important; width:100%; text-align:center; }
 div.reactie_rate			{ padding:7px 5px; font-size:30px; width:calc(20% - 10px); float:left; text-align:center; color:#000;}

/* account */

.overzicht_tabel { padding:5px; width:100%;}

ul#account_menu { width:100%; margin:0px!important; padding:0px; overflow: auto; }
ul#account_menu li { background-color: #68d46f; width:292px; float:left; list-style: none; height:40px; line-height: 30px; font-size: 20px; color:#FFF; padding:10px; text-align:center; margin:0px; }
#account_menu li.selected,
#account_menu li:hover { background-color: #309737; cursor: pointer; }
#account_menu li a { color:#FFF; text-decoration: none;}
#account_menu li a:hover { color:#FFF;}
#account_menu li:first-child { border-top-left-radius:10px; }
#account_menu li:last-child { border-top-right-radius:10px; }
.account_cont { padding:30px 10px; border:1px solid #309737; }

ul#sub_account_menu { width:100%; margin:0px!important; padding:0px; overflow: auto; }
ul#sub_account_menu li { background-color: #68d46f; width:292px; float:left; list-style: none; height:40px; line-height: 20px; font-size: 20px; color:#FFF; padding:10px; text-align:center; margin:0px; }
#sub_account_menu li.selected,
#sub_account_menu li:hover { background-color: #309737; cursor: pointer; }
#sub_account_menu li:first-child { border-top-left-radius:10px; }
#sub_account_menu li:last-child { border-top-right-radius:10px; }

div.account_deals { width:100%; background-color: #68d46f; color:#FFF!important; border:1px solid #68d46f; margin-bottom: 5px; padding:5px; }
div.account_deals:hover { border:1px solid #68d46f; color:#000!important; background-color: #FFF;}
div.account_deals a {color:#000!important;}

.hidden {display: none;}



a.btn_favorieten             { background-color:#49cadc; text-decoration:none!important; border:2px solid #49cadc; color: #FFF!important; padding:10px 15px; text-align: center; font-size:22px; border-radius:6px; -moz-border-radius:6px;  }
a.btn_favorieten:hover       { background-color: #FFF; color:#49cadc!important; border:2px solid #49cadc; cursor: pointer; }
a.btn_meerdeals             { background-color:#309737; text-decoration:none!important; border:2px solid #FFF; color: #FFF!important; padding:4px 10px; text-align: center; font-size:18px; border-radius:6px; -moz-border-radius:6px;  }
a.btn_meerdeals:hover       { background-color: #FFF; color:#309737!important; border:2px solid #309737; cursor: pointer; }

.btn_pay             { background-color:#309737; text-decoration:none!important; border:2px solid #FFF; color: #FFF!important; padding:4px 10px; text-align: center; font-size:18px; border-radius:6px; -moz-border-radius:6px;  }
.btn_pay:hover       { background-color: #FFF; color:#309737!important; border:2px solid #309737; cursor: pointer; }


.btn_meerdeals             { background-color:#309737; border:2px solid #FFF; color: #FFF; padding:4px 10px; text-align: center; font-size:18px; border-radius:6px; -moz-border-radius:6px;  }
.btn_meerdeals:hover       { background-color: #FFF; color:#309737; border:2px solid #309737; cursor: pointer; }

.padding-top-20 { padding-top:20px;}
/* */


.item_locatie {  color:#FFF; background-color:#303374; text-align:center; border:1px solid #303374; text-align:left; padding:10px; }
.item_locatie:hover { }

.item_artikel { background-color:#303374; color:#FFF; text-align:center; border:1px solid #000; }
.item_artikel:hover { cursor:pointer; background-color:#ffa800; }
.item_artikel img { margin:0px 0px 10px 0px; transition:opacity 0.5s ease-in-out;}
.item_artikel img:hover { opacity:0.7; }
.item_artikel a { color:#FFF; font-family:'Neo Sans',Arial,Helvetica; font-size: 20px; }
.pad_btm_10 { padding-bottom:10px;}
.no_pad_btm { padding-bottom:0px; }
.white_bg { background-color:rgba(255,255,255,0.8); }
.border { border:1px solid #000; }
.margin_10 { margin:10px;}
.margin_2 { margin:2px;}
.nomargin { margin:0px!important; } 
.nopadding { padding:0px!important; }

.intro_info { font-size:18px; line-height:23px; padding-top:10px; display:none; -webkit-transition: 3s ease-in;
-moz-transition: 3s ease-in;
-o-transition: 3s ease-in;
-ms-transition: 3s ease-in;
transition: 3s ease-in;
}

.strong { font-weight:bold; }
.right { text-align:right; }
.left { text-align:left; }
.float_right { float:right; }
.float_left { float:left; }
.grey { color:#a3a4a8; }

/* personeel */
.personeel { padding:1px; margin-bottom:20px; line-height:22px; font-size: 18px;  }
.personeel h2 { font-size:24px; margin-top:10px; color:#303374; }
.personeel img { max-width:100%; float:left; margin-right:20px; margin-bottom:4px; border:1px solid #cb4c77; }
.personeel em { font-size:15px; line-height:14px; }
.margin-btm-20 { margin-bottom:20px;}
.center_propic { text-align:center}
.center_propic img { max-height:300px;}

.only-mobile { display:none; }
/* main */
.space { margin: 1em 0px 2em 0px!important;}
div.pics_item { margin-top:70px;}
.sponsor_item { background: #FFF; float:left; margin: 10px; padding:20px;}
.sponsor_item:hover { background: #303374; }
 img.img_resp { max-width:100%; margin:10px 0px; }

.info_block { background-color:#303374; margin-top:40px; padding:20px; max-width:400px; color:#FFF; font-size:18px; line-height:25px; }
.d_btn { background-color:#c8547c; padding:10px 15px; transition:background-color 0.5s ease-in-out; border-radius:3px; color:#FFF;}
.d_btn a { color:#FFF; }
.d_btn:hover { background-color:#f18a73;cursor: pointer;}
/* footer */
#footer { background: #303374; width:100%; position:relative; position:relative; z-index:5; overflow:auto; padding:20px 0px 20px 0px; margin:0px; color:#FFF;  }
#footer span { margin:0px 10px; }
#footer .fa { color:#ffa800; }
#footer a { color:#FFF; text-decoration:none; }
#footer a:hover { text-decoration:underline }
#footer .footer_table { width:1000px; margin:50px auto 40px auto; list-style:none; overflow:auto; }
#footer .footer_table li { width:33%; font-size:20px; float:left; margin-bottom:5px; }
.marg_left { margin-left:40px; }
#sponsor_txt { text-orientation: vertical-right; position:absolute; left:-140px; top:14px; font-weight:bold; font-size: 40px; transform: rotate(270deg); transform-origin: right bottom 0px;}
.sponsoren { overflow:hidden;}
.item { padding-top:25px;}
.item img { max-width:90%;}
.footer_copy { color:#fb8f97; padding-top:50px; font-size:12px; margin:0px auto; width:1000px;}
.footer_copy a { color:#fb8f97!important; font-size:12px;}
#fj { position:absolute; bottom:5px; right:5px; font-size:10px; color:#003149; text-decoration:none; }
#fj:hover { color:#FFF; }

img.grayscale {        
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");        
        filter: gray;
        -webkit-filter: grayscale(100%);
}
img.grayscale:hover { filter:none!important; -webkit-filter: grayscale(0%)!important; cursor: pointer;  }

form { display:inline-table;}
.full { width:100%; padding:0px; margin:0px;}
.center { text-align:center; }

.blue { background-color:#303374; color:#FFF; }

.naam { display:none; }

.info_prod img { margin-right:5px;}
.info_prod { float:left;  }
.wensen_table {width:100%;}
.wensen_table td { width:50%;}
.wensen_table .invulveld { width:100%;}

.rating .invulveld { width:350px}

input { padding:5px 10px; margin:0px!important; display:inline-block;  }
select { padding:5px 10px; margin:0px!important;  }
textarea { padding:5px 14px; margin:0px;  height:150px; }

.zoekbalk { width:250px; padding:5px; font-family:'FontAwesome','Calibri'  }
.zoekbalk_big { width:620px; padding:5px; font-family:'FontAwesome','Calibri'  }
#input_zoeken { height:35px!important; margin-right:3px!important;}

#sub_menu input { padding:5px 10px; height:36px; }
#sub_menu select { padding:5px 10px; height:35px; }

.btn { background-color:#ffa800; width:auto; padding:6px 10px; font-size:16px; margin-bottom:4px!important; font-weight:bold; color:#000;}
.btn:hover { background-color:#309737; color:#FFF; }

div#slidedeals_deal{
    position: relative;
    top:5px;
    width:100%!important;
    height:260px;  
    visibility: hidden;
    left: 0px;
}
div#slidedeals_deal ul{
    width:100%;
    height:260px;     
    overflow: hidden;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
div#slidedeals_deal ul li{
     width: 330px; 
     height:258px;
     overflow: hidden;
     margin: 0px;
     padding: 0px;
     border:2px #FFF solid;
}
div#slidedeals_deal ul li img{
    max-width: 330px;
}
div#slidedeals_deal .prev{
    background: url('/img/img_left.png') no-repeat left;
    width:11px;
    height: 11px;
    position: absolute; top:90px; left:0px;
    z-index: 100;
}
div#slidedeals_deal .next{
    background: url('/img/img_right.png') no-repeat left;
    width:11px;
    height: 11px;
    position: absolute; top:90px; right:0px;
    z-index: 100;
}

.next:hover,
.prev:hover { background-color: #FFF; }
div#slidedeals2 ul li img,
div#slidedeals ul li img{
    width: 170px; 
}
div#slidedeals2 ul li img:hover,
div#slidedeals ul li img:hover{
    opacity: 0.7;
}


input.true						{ border:1px solid #0F0; background-color:#9bffb5!important; }
 input.false					{ border:1px solid #F00; background-color:#ff9b9b!important; }
 select.true					{ border:1px solid #0F0; background-color:#9bffb5!important; }
 select.false					{ border:1px solid #F00; background-color:#ff9b9b!important; }
 textarea.true					{ border:1px solid #0F0; background-color:#9bffb5!important; }
 textarea.false					{ border:1px solid #F00; background-color:#ff9b9b!important; }

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; z-index: 10000; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
    z-index:10;
    position:relative;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #FFF;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #0f1d37;
    font-weight: bold;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #0f1d37;
}
.slicknav_menu {
    background:#303374;
    padding:5px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#fff;
    color:#000;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#fff;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
.slicknav_menu {
	display:none;
}

.subdeal_con{
    float: left;
    width: 100%;
    padding-left: 13px;
    padding:13px 0px 13px 13px;
    overflow: auto;
    margin-bottom: 20px;
    background-image: -o-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -moz-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -webkit-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -ms-linear-gradient(right bottom, #ffc050 42%, #f7a512 82%);
        background-image: -webkit-gradient(
                linear,
                right bottom,
                left top,
                color-stop(0.42, #ffc050),
                color-stop(0.82, #f7a512)
        );
     border:3px solid #FFF;
    border-radius: 5px;   
}
.subdeal_con .subdeal{
    width: calc(100% - 20px);
    padding:10px 10px;
    border:2px solid #000;
    border-radius: 5px;
    float:left;
    margin-bottom: 3px;
    cursor: pointer;
    text-align: justify;
}
.subdeal_con .subdeal:hover{
    background-color:#FFF;
}
.subdeal_con .selected,
.subdeal_con .selected:hover{
    background-color:#27932f;

    border-radius: 5px;
    color:#FFF;
    cursor: default;
}



  input.radio_deals{
cursor: pointer;
-webkit-appearance: none;
appearance: none;
border-radius: 1px;
box-sizing: border-box;
width: 15px;
height: 15px;
border-width: 0;
transition: all .3s linear;
color:#000;
border:1px solid #000;
margin:50px 25px 20px 10px;

 }
  input.radio_deals:checked{
    background-color: #000;
}
input.radio_deals{
    border-radius: 50%;
}

/* Tipsy */
.tipsy 					{ padding: 5px; font-size: 12px; position: absolute; top:0px; z-index: 100000; }
 .tipsy-inner 				{ padding: 15px 15px 15px 15px; background-color:#2c2d2f; color: #FFF; line-height:16px; max-width: 200px; text-align: center; }
 .tipsy-inner				{ border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
 .tipsy-arrow 				{ position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
 .tipsy-w .tipsy-arrow 		{ top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
 .tipsy-n .tipsy-arrow 		{ top: 0; right: 50%; margin-right: -4px; width: 9px; height: 9px;  }
 .tipsy-s .tipsy-arrow 		{ top: 97.5%; right: 50%; margin-bottom: -10px; width: 9px; height: 9px;  }

.ratings .br-widget             { height: 52px; }
.ratings .br-widget a           { display: block; width: 35px; height: 35px; float: left; background-color: #dcf1fd; margin: 1px; text-decoration: none; font-size: 16px;
                                    font-weight: 400;line-height: 2.2; text-align: center; color: #b6b6b6!important; }
.ratings .br-widget a.br-active,
.ratings .br-widget a.br-selected   { background-color: #ffa800; color: #FFF!important; text-decoration: none!important; }
 
.orange { color:#f7a512;} 
/* Popup */

.text-right { text-align: right;}
.mobile-only { display:none; }

.gototop{position: fixed;bottom: 20px; right: 20px;background: rgba(0,0,0,0.5);padding: 10px;color: #fff; z-index:1000;}
.gototop i{line-height: 0.5em;}
.ui-datepicker table th span { color:#000!important}

h2.green {color:#27932f!important;} 
h2.orange { color:#ffa800!important;}

@media (max-width: 1600px) {
    .submenu { margin:0px; padding:10px 0px 0px 0px; }
.submenu li { float:left; margin:0px 5px; font-family: 'Calibri';}
.submenu li:first-child { margin-left:0px}
.submenu li:last-child { margin-right:0px}
.submenu li a { font-family:'Neo Sans',Arial,Helvetica; color:#FFF; font-size:15px; padding:3px;  }
}

@media (max-width: 1240px) {
	body{font:300 13px/13px }
    .parallax {  background-attachment: scroll; }
    .gototop { bottom:40px; } 
    .zoekbalk_big { max-width:90%; padding:5px; font-family:'FontAwesome','Calibri'  }
    .submenu li { float:left; margin:0px 3px; font-family: 'Calibri';}   
    .submenu li a { font-family:'Neo Sans',Arial,Helvetica; color:#FFF; font-size:14px; padding:5px;  }   
    #sponsor_txt { left:-80px; top:5px; font-weight:bold; font-size: 24px; transform: rotate(270deg); transform-origin: right bottom 0px;}
}

@media (max-width: 1023px) {
    .submenu li { float:left; margin:0px 3px; font-family: 'Calibri';}
    .submenu li a { font-family:'Neo Sans',Arial,Helvetica; color:#FFF; font-size:13px; padding:3px;  }
    .newsblock_big { height:400px; }
    .newsblock { height:250px; }
    .zoekbalk_big { max-width:90%; padding:5px; font-family:'FontAwesome','Calibri'  }
    h2{font: 300 1.2em;font-family:'Neo Sans',Arial,Helvetica;}
	h4 {font: 300 1.1em;font-family:'Neo Sans',Arial,Helvetica; }
    #ul_menu li { margin:0px 12px; font-family: 'Calibri';}
    .title h2 { font-size: 1.2em; font-weight:bold;}
    .height_30 { height:150px; }
.height_70 { height:400px; }
    .btn_cat_3,
    .btn_cat_2,
    .btn_cat { width:calc(50% - 8px); margin:4px; }
    
    .no-float { display:inline-block; float:left; width:calc(50% - 8px); margin:4px; }
    delay-one-half,
    delay-one {-webkit-animation-delay:0.5s;animation-delay:0.5s}
}   
    
@media (max-width: 1000px) {
     .js #menu { display:none; } 	
	.js .slicknav_menu { display:block; }
    #d_snelmenu { position:fixed; top:5px; left:5px; background:#FFF; border:2px; padding:10px; z-index:100000}
    div#submenu { display:none; }
	h1{font: 700 3.5em;font-family:'Neo Sans',Arial,Helvetica; }
    .footer_table { max-width:100%; }
    .parallax { height:200px; }
    #footer { height:auto;}
    
    #sponsor_txt { left:-40px; top:5px; font-weight:bold; font-size: 17px; transform: rotate(270deg); transform-origin: right bottom 0px;}
    .item { padding-top:5px;}
    #master {  height:auto!important;}	
}


@media (max-width: 767px) {    
    
    
    .master,
    #master { max-width:100%; margin:0px auto;  }
    .mobile_logo { position:absolute!important; top:0px; right:0px;}

    .mobiel_hotline { color:#FFF; text-decoration:none; background:#0b7402; padding:5px; border-radius:5px;}
    .mobiel_hotline:hover { text-decoration:none; background:#0b5505;  }

#logo { max-width:100%; }
.logo_block { position:relative; width:100%; text-align:center; background-color:#FFF; margin-right:0px; margin-top:0px; }

#sub_menu { height:auto; padding:10px 0px;}
select.categorie { width:108px!important;}
#sub_menu { text-align:left; width:100%; padding:10px 2px 20px 2px!important; }
.zoekbalk { width:140px; padding:5px; font-family:'FontAwesome','Calibri'  }
.zoekbalk_big { width:140px!important; padding:5px; font-family:'FontAwesome','Calibri'  }
div.usp { position:relative; padding-left:0px; text-align:center; min-height:0px; margin-bottom:20px;}
div.usp ul { margin-bottom:20px; }
#links_deal { position:relative; left:0px; bottom:0px; }
.width_50 { width:calc(100% - 10px); padding:0px 5px; float:left }

ul#categorie_eruit { margin-top:10px; }
ul#categorie_eruit li        { float:left; margin:0px 2px 5px 2px; padding-top:2px; width:calc(20% - 5px); text-align:center; height:auto!important; position: relative; border:1px solid #27932f; }
 ul#categorie_eruit li:hover  { border:1px solid #0fbe01; background-color:#ddf0fe!important; cursor:pointer; }
._cont_deals {height: auto!important;   }
    .reclame_block { height:auto!important;}
 .height_block {height: auto!important;   }
 
    .js #menu { display:none; } 	
	.js .slicknav_menu { display:block; }
    .sm_mobile { font-size:12px;}
    .white_bg{ padding-left:7px; padding-right:7px;  }
	body{font:300 12px/12px }
    h2{font: 300 1em }
    #logo { max-width:60%; }
    ul.personeel li div {max-width:100%; } 
    #header { font-size: 15px; height:auto;  }
    .slogan  { }
    ul.personeel li { width:calc(100% - 20px); margin-right:20px;}
    .logo_block { margin-bottom:20px; overflow:hidden; }
    #facebook { font-size:10px;}
    .space { margin: 0em 0px 4em 0px!important;}
    .height_30 { min-height:200px; height:auto!important }
    .title h2 { font-size: 1em; font-weight:bold;}
	.height_agenda { height:auto; min-height:100px;}
    #footer .footer_table li { margin:30px auto; width:100%;}
    .marg_left { margin-left:0px; }
    #sponsor_txt { display:none;}
    .item { padding-top:0px;}
    .adres { padding-bottom:15px; padding-top:15px; border-bottom: 1px dotted #FFF;}
    .gototop { display:none; }
    .no-mobile { display:none; }
    .mob_btm_space {margin-bottom:20px!important; }
        
     div.reactie_border			{ border:3px solid #f7a512; float:left; overflow: auto; margin:10px 10px 20px 10px; width:calc(100% - 8px); -moz-border-top-left-radius: 10px!important; border-top-left-radius: 10px!important; -moz-border-top-right-radius: 10px!important; border-top-right-radius: 10px!important; }
    div#beoordeling { margin-bottom:30px;}
 
    h2 { font-size:15px; font-weight:bold; }
    .sub_menu .btn { height:auto!important; }
    #sub_menu div a { font-size: 14px!important; margin-left:0px!important}
    .heartBeat { -webkit-animation-name: heartBeat2!important;
  animation-name: heartBeat2!important;} 
    .deals_intro h1 { font-size: 24px;}
    
    #chat_div { position:fixed; bottom:10px; font-size:17px; color:#FFF; z-index:100000; right:10px; width:250px; padding:10px 10px 10px 10px; border-radius:5px; background-color:#0fbe01; border: 1px solid #0fbe01; }
    #chat_div2 { position:fixed; bottom:140px; font-size:17px; color:#FFF; z-index:100000; right:10px; width:250px; padding:10px 10px 10px 10px; border-radius:5px; background-color:#f7a512; border: 1px solid #f7a512; }

    .beschikbaar_btn { background-color:#0fbe01; margin-left:15px; border-radius:5px; padding:15px 20px; color:#FFF; text-decoration:none }
    
    table.respons td{ display:block; text-align:center}
    
    ul#sub_account_menu li { background-color: #68d46f; width:50%; float:left; list-style: none; height:40px; line-height: 20px; font-size: 20px; color:#FFF; padding:5px; text-align:center; margin:0px; }
 .last_sell { max-width:400px!important; text-align:center!important; }
 #language { position: absolute; right:20px; top:10px; }

    #backgroundPopup			{ display:none!important; }
    #popupContact  { max-width:calc(100% - 5%); position:absolute; }
    input, 
    select { max-width:95%; margin-bottom:5px;}
    
    
    
    #fj  { display:none; }
    .delay-one,
    .delay-one-half,
    .delay-two{-webkit-animation-delay:0s;animation-delay:0s}
    iframe { max-width:100%; width:100%; }
    .div_iframe { width:100%; }
    a.a_phone  {  color:#FFF; background-color:#36bc07; border-radius: 5px; padding:10px; }
    a.a_phone:hover { cursor: pointer; text-decoration:underline; }
    .nocolor { background-color:transparent; }
    .nocolor:hover { background-color:transparent; }
    #backgroundPopup			{ display:none!important; }
    #popupContact  { max-width:calc(100% - 5%); position:absolute; }
}
@media (max-width: 400px) {    
    h1 {text-align: left;font-size: 1.2em;}
    
}