header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../../files/rdp/fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/rdp/fonts/roboto-condensed-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../../files/rdp/fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/rdp/fonts/roboto-condensed-v16-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('../../files/rdp/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../files/rdp/fonts/roboto-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden

List of ANimations:
bounce
flash
pulse
rubberBand
shake
swing
tada
wobble
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig
flip
flipInX
flipInY
flipOutX
flipOutY
lightSpeedIn
lightSpeedOut
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
hinge
rollIn
rollOut
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
slideInDown
slideInLeft
slideInRight
slideInUp
slideOutDown
slideOutLeft
slideOutRight
slideOutUp
*/

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

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

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

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

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            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 {
  0% {
    opacity: 1;
  }

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

  100% {
    opacity: 0;
  }
}

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

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

  100% {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-3%); /*-100%*/
            transform: translateX(-3%); /*-100%*/
    visibility: visible;
  }

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

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-3%); /*-100%*/
            transform: translateX(-3%);/*-100%*/
    visibility: visible;
  }

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

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

@keyframes slideInLeft100 {
  0% {
    -webkit-transform: translateX(100%); /*-100%*/
            transform: translateX(100%);/*-100%*/
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
            visibility: visible;
  }
}

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

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(3%); /*-100%*/
            transform: translateX(3%); /*-100%*/
    visibility: visible;
  }

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

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(3%); /*-100%*/
            transform: translateX(3%); /*-100%*/
    visibility: visible;
  }

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

@-webkit-keyframes slideInRight100 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

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

@keyframes slideInRight100 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

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

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

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

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

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

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

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

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

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

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

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

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

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

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

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

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

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

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


/* =============================================================================
 * smartmenu - content
 * ========================================================================== */

.smartmenu-content {
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	visibility: hidden;
	text-align: center;
	opacity: 0;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;	
}

.smartmenu-content.open {
	visibility: visible;
	opacity: 1;
}

.smartmenu-content .smartmenu-table {
	max-width: 1160px;
	margin: 0 auto;
	margin-top:100px;
}

.smartmenu-content .smartmenu-scrollable {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: scroll;
}

.smartmenu-content .smartmenu-table .leftNav {
	width: 50%;
	display: block;
	float: left;
	text-align: right;
	box-sizing: border-box;
	padding-right: 20px;
}

.smartmenu-content .smartmenu-table .rightNav {
	width: 50%;
	display: block;
	float: left;
	text-align: left;
	box-sizing: border-box;
	padding-left: 20px;
}

.smartmenu-content .smartmenu-table li {
	position:relative;
}

.smartmenu-content .smartmenu-table .leftNav a::after {
    content: " ";
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 60px;
    border-bottom: 6px solid white;
    margin-left: 3px;
}

.smartmenu-content .smartmenu-table .leftNav li.sub a::after {
    content: none;
}

.smartmenu-content .smartmenu-table .rightNav a::after {
    content: " ";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    border-bottom: 6px solid white;
    margin-left: 3px;
}

.smartmenu-content .mod_navigation .level_1 ul {
	display: none; 
}

.smartmenu-content .mod_navigation li{
	line-height: 3rem;
	font-weight: normal;
	padding: 0;
	text-transform: uppercase;
	margin-bottom:60px;
}

.smartmenu-content .mod_navigation li.sub {
	line-height: 1.5rem;
	font-weight: normal;
	padding: 0;
	text-transform: uppercase;
	margin-bottom: 20px;
}



.smartmenu-content .mod_navigation .level_2 li {
	font-size: 1.2rem;
	line-height: 1.3rem;
	text-transform: none;
}

.smartmenu-content .mod_navigation ul.level_1 {
	display: table-cell;
	vertical-align: middle;
	overflow: scroll;
	padding: 20px;
}

.smartmenu-content .mod_navigation a {
	color: rgb(255,255,255);
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;	
	text-decoration:none;
	font-size:50px;
	font-weight:700;
	position:relative;
	display:block;
	white-space:normal;
}

.smartmenu-content .mod_navigation li.sub a {
	color: rgb(255,255,255);
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;	
	text-decoration:none;
	font-size:20px;
	font-weight:700;
	position:relative;
	display:block;
}

.smartmenu-content .mod_navigation li.sub.first {margin-top:-30px;}
.smartmenu-content .mod_navigation li.sub.last {margin-bottom:74px;}

.smartmenu-content .mod_navigation a.active, 
.smartmenu-content .mod_navigation a.trail {
	/*border-bottom: 1px solid rgb(255,255,255);*/
}

.smartmenu-content .mod_navigation a.submenu {
	margin-left: 35px;
}

.smartmenu-content .mod_navigation ul.level_2 a.submenu {
	margin-left: 25px;
}

.smartmenu-content .mod_navigation a:hover {
	opacity: 0.7;
}



/* =============================================================================
 * smartmenu - trigger & smartmenu - close
 * ========================================================================== */

.smartmenu .smartmenu-trigger:before{
	content:url(/files/rdp/img/layout/menu.png);
	height: 59px;
	width: 59px;
	position: fixed;
	top:35px;
	right:35px;
	z-index: 9998;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	cursor: pointer;
}

.smartmenu-content .smartmenu-close:before {
	content:url(/files/rdp/img/layout/close.png);
	height: 59px;
	width: 59px;
	position: fixed;
	top:35px;
	right:35px;
	z-index: 9998;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	cursor: pointer;
}

.smartmenu-extrapage-close:before {
	content:url(/files/rdp/img/layout/close.png);
	height: 59px;
	width: 59px;
	position: fixed;
	top:20px;
	right:35px;
	z-index: 9998;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	cursor: pointer;
}


@media only screen and (max-width: 767px){

	.smartmenu .smartmenu-trigger::before {
	    content: url(/files/rdp/img/layout/hamburger.png);
    	height: 26px;
    	width: 31px;
    	position: fixed;
    	top: 22px;
    	right: 22px;
    	z-index: 9998;
    	transition: All 0.3s ease;
    	-webkit-transition: All 0.3s ease;
    	cursor: pointer;
	}

.smartmenu-extrapage-close:before {
	content:url(/files/rdp/img/layout/schliessen.png);
	height: 51px;
	width: 51px;
	top:10px;
	right:10px;
	z-index: 3;
}

.smartmenu-content .smartmenu-close:before {
	content:url(/files/rdp/img/layout/schliessen.png);
	height: 51px;
	width: 51px;
	top:10px;
	right:10px;
	z-index: 3;
}

	.smartmenu-content .smartmenu-table .leftNav, 
	.smartmenu-content .smartmenu-table .rightNav {
		width:100%;
		float:none;
		text-align:right;
		padding-right:20px;
		padding-left:auto;
	}

	.smartmenu-content .smartmenu-table .rightNav a::after,
	.smartmenu-content .smartmenu-table .leftNav a::after {
		bottom: 0px;
		right: 0;
		left:unset;
		width: 60px;
		border-bottom: 4px solid white;
	}

	.smartmenu-content .smartmenu-table li.sub{display:none;}
	.smartmenu-content .mod_navigation li {
		line-height: 2rem;
		margin-bottom: 10px;
	}

	.smartmenu-content .mod_navigation a {
		font-size: 18px;
		font-weight: 700;
	}

}





/* ### Galerie und Big Image ### */
.gallery-no-previews {display:none !important;}

.gallery-link {
	position:absolute;
	top:30%;
	left:30%;
}

.gallery-link span{display:none;}

#cboxContent{font-size:16px;margin-top:0;margin-bottom:20px;}
#cboxTitle, #cboxCurrent{top:unset;bottom:-20px;}

.cboxElement{
	display:block;
	height:100%;
}


#cboxOverlay {
    background: #28353a;
    opacity: .75;
    filter: alpha(opacity = 75);
}

#cboxClose {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    background: url("/files/rdp/img/layout/close.png") no-repeat top center;
        background-position-x: center;
        background-position-y: top;
    width: 59px;
    height: 59px;
    text-indent: -9999px;
    background-color:transparent;
}

#cboxNext {
    right: 20px;
    background: url("/files/rdp/img/layout/arrow_right.png") no-repeat;
    width: 59px;
    height: 59px;
    margin-top: -29px;
}

#cboxPrevious {
    left: 20px;
    background: url("/files/rdp/img/layout/arrow_left.png") no-repeat;
    width: 59px;
    height: 59px;
    margin-top: -29px;
    text-indent: -9999px;
}

#cboxNext:hover {background-position:unset;}
#cboxPrevious:hover {background-position:unset;}

#cboxLoadedContent {
    border: none;
}

#cboxCurrent {
    display: none !important;
}

#cboxTitle {
    top: unset;
    bottom: 0px;
    background-color: #000;
    opacity: 0.8;
    padding: 10px;
    font-size: 16px;
}




.imgfreewidth img{width:unset !important;}

/*
Es gibt hierzu das angepasste template ce_toplink_su
Das kann über {{file::}} in einem Modul(eigens HTML) includiert werden
Das Modul kann im Layout in den eigenen Layoutbereich 'boby' gesetzt werden
in scipts.js ist ein Teil, der den Header beim scrollen beobachtet und das einblenden regelt.

*/


.infoboxhome {
  -webkit-animation-name: slideInLeft100;
          animation-name: slideInLeft100;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
          animation-delay: 3s;
          animation-fill-mode: forwards;
          visibility:hidden;

	width:400px;
  max-width:80vw;
	position:absolute;
	bottom:50px;
	right:0;
  background-color: #4d4d4d;
  padding: 30px;
}

.infoboxhome .layout_list {
  margin-top:0 !important;
  max-height: 250px;
}

.infoboxhome .layout_list .text {
  display: inline-block;
  width: 100%;
}
.infoboxhome .layout_list figure {
  display: none;
}

.rs-column.-large-col-2-1 {
    width: 50%;
    box-sizing:border-box;
}

.rs-column {
    float: left;
    width: 100%;
    margin-top: 0;
    margin-right: 0;
}

.float_right{float:right;}

#kontakt .rs-column.-large-first, #spenden .rs-column.-large-first { padding-right: 20px;}
#kontakt .rs-column.-large-last, #spenden .rs-column.-large-last { padding-left: 20px;}



body{
	margin:0;
	font-family: 'Roboto', sans-serif;
	color: white;
	font-size:16px;
	line-height:26px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+10,ffffff+90,e5e5e5+100 */
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(211,211,222119,1) 0%, rgba(247,247,247,1) 10%, rgba(247,247,247,1) 90%, rgba(211,211,211,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(211,211,211,1) 0%,rgba(247,247,247,1) 10%,rgba(247,247,247,1) 90%,rgba(211,211,211,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(211,211,211,1) 0%,rgba(247,247,247,1) 10%,rgba(247,247,247,1) 90%,rgba(211,211,211,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */


}

a {
    color: rgb(0,149,205);
    transition: opacity .5s ease;
    text-decoration:none;
    white-space:nowrap;
}

h1 a{ color:inherit;}

a:hover {
    opacity:0.7;
    text-decoration:none;
}

.block{overflow:hidden;display:block;}

.image_container img{vertical-align: top;}

footer{
	margin-top:100px;
	height: 100px;
	background-color: #333333;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(51,51,51,1);
	-moz-box-shadow: 0px 0px 8px 3px rgba(51,51,51,1);
	box-shadow: 0px 0px 8px 3px rgba(51,51,51,1);
	position:relative;
}
footer .inside {margin:0 auto; max-width:1160px;display: block; height: auto;padding: 0 100px;}

.ce_toplink{text-align:center; padding-top:37px;}
.ce_toplink a{color:white;text-decoration:none;text-transform:uppercase;}

footer .ce_text{margin-top:-26px;}
footer a.cboxElement{display:inline-block;padding-right:15px;color:white;text-decoration:none;text-transform:uppercase;}
footer a {display:inline-block;padding-right:15px;color:white;text-decoration:none;text-transform:uppercase;font-size: 14px;}

.noFooter footer{
	display:none;
}

footer .dekoanker{
	position:absolute;
	top:5px;
	right:30px;
}

figure.image_container{padding:0;margin:0;}


h1, .ui-accordion-header{font-family: 'Roboto Condensed', sans-serif; font-size:60px; line-height:70px;}

.h1-ul-left h1 {font-size:50px; font-weight:700;margin-top:0;margin-bottom:50px;position:relative;text-transform:uppercase;}

.h1-ul-left h1::after {
    content: " ";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 60px;
    border-bottom: 6px solid white;
    margin-left: 3px;
}

.h1-free h1 {
	color: black;
	font-size: 60px;
	font-weight: 700;
	padding: 40px;
	padding-left: 30px;
	position: relative;
	text-transform: uppercase;
	line-height: 70px;
	margin: 0;
	display: inline-block;
}


h2{font-family: 'Roboto Condensed', sans-serif; font-size:30px; line-height:35px;}
.black h2{color: rgb(0,149,205);}

.mod_article{

	flex-direction: column;
	justify-content: center;

	display:flex;
	box-sizing: border-box;
	height: 100vH;
	max-width:1360px;
	margin:0 auto;
	padding:0 100px;
	position:relative;
}


.mod_article > .rs-columns {
	height:800px;
	margin-top:-10vH;
}

.mod_article > .vertical-justify-wrapper{margin-top:-10vH;position:relative;}

.mod_article.divider{
	display:block;
	box-sizing: border-box;
	height: 100px;
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}

.langswitch{
	position: absolute;
	top: 48px;
	right: 107px;
	background: rgba(0,0,0,0.25);
	padding: 5px 8px;
}

.langswitch a{color:white;}
.langswitch span{color:#ccc;}

.ce_hyperlink.next {
	height: 59px;
	width: 59px;
	position: absolute;
	bottom:50px;
	left:50%;
	margin-left:-29.5px; /*haelfte der breite*/
	z-index: 1;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	cursor: pointer;
}

#impressum, #datenschutz{
	display:block;
	height:auto;
	width:980px;
	padding:40px;
	color:black;
}

#impressum h1, #datenschutz h1{margin-top:.5em;}

/*Artikel Willkommen*/
#willkommen{
	/*background-image: url(/files/rdp/img/layout/home_bg.jpg);*/
	background-size: cover;
	align-items: center;
	max-width:unset;
	padding:0;
}

.home-bg{
	position:absolute;
	left:0;
	bottom:0;
	min-width:100vW;
	min-height:100vH;
	z-index:0;
}

.home-bg{
	width:100vW;
	height:100vH;
}

#willkommen .home-bg .image_container img{display:none;width:100vW;height:100vH;}
#willkommen .home-bg .image_container{
	background-image: url(/files/rdp/img/layout/home_bg.jpg);
	height: 100vH;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#willkommen .home_logo .image_container img{width:100%;height:auto;}

.home_logo{
	opacity:0.75;
	max-width: 360px;
	width:55vmin;
	margin:auto;
	z-index: 9999;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	cursor: pointer;
	position:absolute;
	top:30px;
	left:2vW;
}



/*Artikel Weiche*/

#weiche-verein-aktuelles {max-width:100vW;padding:0;}
#weiche-verein-aktuelles .rs-columns{height:90vH;}

#weiche-verein-aktuelles .weiche-links,
#weiche-verein-aktuelles .weiche-rechts{
	overflow:hidden;
	position:relative;
}

#weiche-verein-aktuelles .weiche-links{
	height:95%;
	margin-top:2%;
}

#weiche-verein-aktuelles .weiche-rechts{
	height:90%;
	margin-top:5%;
	margin-left:-1%;
	width:51%;
}

#weiche-verein-aktuelles .weiche-links .zoom-wrapper,
#weiche-verein-aktuelles .weiche-rechts .zoom-wrapper{
	background-size: cover;
	background-position:center center;
	height:100%;
	width:100%;
	overflow:hidden;
	transition: transform .5s linear;
	backface-visibility: hidden;
	will-change: transform;
}

#weiche-verein-aktuelles .weiche-links .zoom-wrapper{
	background-image: url(/files/rdp/img/layout/Passat_Verein_2.jpg);
}

#weiche-verein-aktuelles .weiche-rechts .zoom-wrapper{
	background-image: url(/files/rdp/img/layout/PassatAktuelles.jpg);
}

#weiche-verein-aktuelles .weiche-rechts:hover .zoom-wrapper,
#weiche-verein-aktuelles .weiche-links:hover .zoom-wrapper{transform: scale(1.05);-moz-transform: scale(1.05) rotate(0.02deg);}


.bgGrey{
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.6);
	width:50%;
	padding:40px 60px 60px 60px;
}

.bgPos1{
	margin:40px 40px 0px 0px;
}

.bgPos2{
	margin:10% 40px 0px 0px;
}

.rightLink figure{
	text-align:right;
	margin-top:20px;
}

.mobile{display:none !important;}
.desktop{display:block !important;}



/* Die Passat in Zahlen */

#die-passat-in-zahlen{max-width:100vW; padding:0;}
#die-passat-in-zahlen .rs-columns{height:90vH;}

#die-passat-in-zahlen h1{color:white;padding-left:60px;}

#die-passat-in-zahlen .weiche-links,
#die-passat-in-zahlen .weiche-rechts{
	overflow:hidden;
	position:relative;
}

#die-passat-in-zahlen .weiche-links{
	height:95%;
	margin-top:2%;
	width:50%;
}

#die-passat-in-zahlen .weiche-rechts{
	height:95%;
	margin-top:3%;
	background-color: rgba(26,26,26,0.9);
	margin-left:-1%;
	width:51%;
}

#die-passat-in-zahlen .weiche-links .zoom-wrapper{
	background-size: cover;
	background-position:center center;
	height:100%;
	width:100%;
	overflow:hidden;
	transition: transform .5s linear;
	backface-visibility: hidden;
	will-change: transform;
}

#die-passat-in-zahlen .weiche-links .zoom-wrapper{
	background-image: url(/files/rdp/img/layout/PassatInZahlen.jpg);
}

#die-passat-in-zahlen .weiche-links:hover .zoom-wrapper{transform: scale(1.05);-moz-transform: scale(1.05) rotate(0.02deg);}

#die-passat-in-zahlen .weiche-links .ce_text{
	position: absolute;
	top: 0;
	left: 0;
}

#die-passat-in-zahlen .weiche-rechts .ce_text{
	padding:40px 30px 30px 30px;
}

#die-passat-in-zahlen .weiche-rechts .ce_text p em{
	font-style: normal;
	font-weight: 700;
	color: rgb(0,149,205);
	text-transform: uppercase;
	display: inline-block;
	min-width: 250px;
	line-height: 30px;
	margin-right: 5px;
}

/* ### Die Passat in Bildern ### */

#die-passat-in-bildern {max-width:100vW; padding:0;}
#die-passat-in-bildern .rs-columns {height:90vH;}
#die-passat-in-bildern h1{padding-left:60px;}
#die-passat-in-bildern .weiche-links,
#die-passat-in-bildern .weiche-rechts{
	overflow:hidden;
	position:relative;
}

#die-passat-in-bildern .weiche-links{
	height:93%;
	margin-top:3%;
	width:50%;
}

#die-passat-in-bildern .weiche-rechts{
	height:94%;
	margin-top:2%;
	margin-left:-1%;
	width:51%;
}

#die-passat-in-bildern .weiche-links .zoom-wrapper,
#die-passat-in-bildern .weiche-rechts .zoom-wrapper {
	background-size: cover;
	background-position:center center;
	height:100%;
	width:100%;
	overflow:hidden;
	transition: transform .5s linear;
	backface-visibility: hidden;
	will-change: transform;
}

#die-passat-in-bildern .weiche-links .zoom-wrapper{
	background-image: url(/files/rdp/img/layout/PassatDamalsTitel.jpg);
}
#die-passat-in-bildern .weiche-rechts .zoom-wrapper{
	background-image: url(/files/rdp/img/layout/PassatHeuteTitel.jpg);
}
#die-passat-in-bildern .weiche-links:hover .zoom-wrapper,
#die-passat-in-bildern .weiche-rechts:hover .zoom-wrapper {transform: scale(1.05);-moz-transform: scale(1.05) rotate(0.02deg);}

#die-passat-in-bildern .weiche-links .ce_text{
	position: absolute;
	top: 0;
	left: 0;
}




#foerdergelder{
	/*position:relative; EXP*/
	/*display:block; EXP*/
/*	height:auto;*//*EXP*/
	color:black;
	padding:0;
	overflow:hidden;
}

#foerdergelder figure{margin-bottom:0px;}
#foerdergelder .image_container img{width:100%;height:auto}
#foerdergelder h1{margin-bottom:0.1em;margin-top:0.3em;}
#foerdergelder h2{
	font-size:18px;
	line-height:22px;
	background-color:rgb(0,149,205);
	padding:10px 20px 10px 20px;
	display:inline-block;
	width:100%;
	color:white;
	margin-top:0;
	text-transform: uppercase;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.75);
}
#foerdergelder .content-slider p{padding:0 20px 0 20px;line-height: 20px;margin-bottom:0;}
.pad100{padding:0 100px;box-sizing:border-box;}

#foerdergelder  .ce_sliderStart{width:100%;position:relative;}

#foerdergelder .content-slider {
    position: absolute;
    width: calc(100vW - 930px);
    max-width:410px;
    right: 0;
    top:0px;
}

#foerdergelder .slider-control {
    height: 100%;
    position: relative;
    width: 100%;
}

#foerdergelder .slider-control .slider-next,
#foerdergelder .slider-control .slider-prev {
    font-size: 0;
}
#foerdergelder .slider-control .slider-prev {left:unset;left:960px;top:125px;}
#foerdergelder .slider-control .slider-prev:after {
	content: url("/files/rdp/img/layout/arrow_left.png");
    width: 59px;
    height: 59px;
}

#foerdergelder .slider-control .slider-next {left:unset;right:12px;top:125px;}
#foerdergelder .slider-control .slider-next:after {
	content: url("/files/rdp/img/layout/arrow_right.png");
    width: 59px;
    height: 59px;
}


#foerdergelder .slider-control .slider-menu {
	font-size: 23px;
	line-height: 23px;
	position: relative;
	top: unset;
	left: unset;
	margin-left: 0;
	width: 930px;
	height:480px;
	background-image: url(/files/rdp/img/layout/passat_foerdergelder_transparent.png);
	background-size: cover;
}

#foerdergelder .slider-control .slider-menu b:after{content:url(/files/rdp/img/layout/point_small_black-2.png);display: block;margin-top:-23px;}
#foerdergelder .slider-control .slider-menu b.active:after,
#foerdergelder .slider-control .slider-menu b:hover:after
{content:url(/files/rdp/img/layout/point_small_blue-s.png);}

#foerdergelder .slider-control .slider-menu b{position:absolute;}
#foerdergelder .slider-control .slider-menu b[data-index="0"]{top:52px;left:690px;}
#foerdergelder .slider-control .slider-menu b[data-index="1"]{top:85px;left:367px;}
#foerdergelder .slider-control .slider-menu b[data-index="2"]{top:442px;left:92px;}
#foerdergelder .slider-control .slider-menu b[data-index="3"]{top:460px;left:61px;}
#foerdergelder .slider-control .slider-menu b[data-index="4"]{top:457px;left:687px;}
#foerdergelder .slider-control .slider-menu b[data-index="5"]{top:412px;left:562px;}
#foerdergelder .slider-control .slider-menu b[data-index="6"]{top:427px;left:532px;}
#foerdergelder .slider-control .slider-menu b[data-index="7"]{top:417px;left:447px;}
#foerdergelder .slider-control .slider-menu b[data-index="8"]{top:457px;left:577px;}
#foerdergelder .slider-control .slider-menu b[data-index="9"]{top:419px;left:347px;}
#foerdergelder .slider-control .slider-menu b[data-index="10"]{top:431px;left:384px;}
#foerdergelder .slider-control .slider-menu b[data-index="11"]{top:417px;left:737px;}
#foerdergelder .slider-control .slider-menu b[data-index="12"]{top:417px;left:17px;}
#foerdergelder .slider-control .slider-menu b[data-index="13"]{top:437px;left:567px;}
#foerdergelder .slider-control .slider-menu b[data-index="14"]{top:447px;left:407px;}
#foerdergelder .slider-control .slider-menu b[data-index="15"]{top:437px;left:612px;}
#foerdergelder .slider-control .slider-menu b[data-index="16"]{top:22px;left:20px;}
#foerdergelder .slider-control .slider-menu b[data-index="17"]{top:47px;left:40px;}
#foerdergelder .slider-control .slider-menu b[data-index="18"]{top:72px;left:20px;}
#foerdergelder .slider-control .slider-menu b[data-index="19"]{top:440px;left:707px;}
#foerdergelder .slider-control .slider-menu b[data-index="20"]{top:410px;left:830px;}

#foerdergelder .rs-column {padding-right:20px;}

@media only screen and (max-width: 1380px){

	#foerdergelder .ce_sliderStart {width:1174px;margin:0 auto;overflow: visible;}
	#foerdergelder .content-slider p {font-size: 14px;}

	#foerdergelder .content-slider {
		position: absolute;
		width: calc(100vW - 744px);
		max-width: 410px;
		left: 764px;
		top: 0px;
		min-width:310px;
	}

	#foerdergelder .slider-control .slider-menu b:after{content:url(/files/rdp/img/layout/point_small_black-xs.png);display: block;margin-top:-15px;}
	#foerdergelder .slider-control .slider-menu b.active:after,
	#foerdergelder .slider-control .slider-menu b:hover:after
	{content:url(/files/rdp/img/layout/point_small_blue-xs.png);}


	#foerdergelder .slider-control .slider-menu {
		font-size: 15px;
		line-height: 15px;
		width: 744px;
		height:384px;
		background-image: url(/files/rdp/img/layout/passat_foerdergelder_transparent-20procent.png);
	}

	#foerdergelder .slider-control .slider-next {right: 20px;left:unset;}
	#foerdergelder .slider-control .slider-prev {right:unset;left:774px;}

	#foerdergelder .slider-control .slider-menu b[data-index="0"]{top:42px;left:552px;}
	#foerdergelder .slider-control .slider-menu b[data-index="1"]{top:68px;left:294px;}
	#foerdergelder .slider-control .slider-menu b[data-index="2"]{top:354px;left:74px;}
	#foerdergelder .slider-control .slider-menu b[data-index="3"]{top:368px;left:50px;}
	#foerdergelder .slider-control .slider-menu b[data-index="4"]{top:367px;left:550px;}
	#foerdergelder .slider-control .slider-menu b[data-index="5"]{top:330px;left:450px;}
	#foerdergelder .slider-control .slider-menu b[data-index="6"]{top:342px;left:425px;}
	#foerdergelder .slider-control .slider-menu b[data-index="7"]{top:334px;left:358px;}
	#foerdergelder .slider-control .slider-menu b[data-index="8"]{top:366px;left:462px;}
	#foerdergelder .slider-control .slider-menu b[data-index="9"]{top:335px;left:278px;}
	#foerdergelder .slider-control .slider-menu b[data-index="10"]{top:345px;left:307px;}
	#foerdergelder .slider-control .slider-menu b[data-index="11"]{top:334px;left:590px;}
	#foerdergelder .slider-control .slider-menu b[data-index="12"]{top:334px;left:14px;}
	#foerdergelder .slider-control .slider-menu b[data-index="13"]{top:350px;left:454px;}
	#foerdergelder .slider-control .slider-menu b[data-index="14"]{top:358px;left:326px;}
	#foerdergelder .slider-control .slider-menu b[data-index="15"]{top:350px;left:490px;}
	#foerdergelder .slider-control .slider-menu b[data-index="16"]{top:18px;left:16px;}
	#foerdergelder .slider-control .slider-menu b[data-index="17"]{top:38px;left:32px;}
	#foerdergelder .slider-control .slider-menu b[data-index="18"]{top:58px;left:16px;}
	#foerdergelder .slider-control .slider-menu b[data-index="19"]{top:352px;left:566px;}

	.ce_hyperlink.next { bottom: 5px; }

}

@media only screen and (max-width: 1180px){

	#foerdergelder .ce_sliderStart {width:1041px;margin:0 auto;}

	#foerdergelder .slider-control .slider-menu {
		width: 621px;
		background-image: url(/files/rdp/img/layout/passat_foerdergelder_transparent-xxs.png);
	}

	#foerdergelder .slider-control .slider-prev {right:unset;left:651px;}

	#foerdergelder .content-slider {
		width: calc(100vW - 631px);
		left: 631px;
	}

}

@media only screen and (max-width: 1060px){
	#foerdergelder .ce_sliderStart {width:100%;margin:0;}
}

/* Fördergelder schmal, noch nicht smartphone*/
@media only screen and (max-width: 959px){
	#foerdergelder .content-slider p {font-size: 16px;}
	#foerdergelder .content-slider {position:relative;margin-left:100px; width:100%;left:0;}
	#foerdergelder .slider-control {position:absolute;top:0; left:100px;}
	#foerdergelder .slider-control .slider-next {right:unset;left:325px;}
	#foerdergelder .slider-control .slider-prev {right:unset;left:25px;}
	#foerdergelder .slider-control .slider-menu {display:none;}
}




#die-passat-in-bewegten-zeiten {
	position:relative;
	color:black;
	padding:0;
	/*EXPheight:742px;*/
}

 /*EXP*/
#die-passat-in-bewegten-zeiten > .vertical-justify-wrapper{margin-top:-10vH;position:relative;min-height:742px;}


#die-passat-in-bewegten-zeiten .ce_sliderStart{width:100%;position:relative;height:100%;}

#die-passat-in-bewegten-zeiten .content-slider {
    width: 100%;
}

#die-passat-in-bewegten-zeiten .slider-control {
    width: 100%;
    margin:-120px 0 0 0;
}

#die-passat-in-bewegten-zeiten .slider-control .slider-menu {
	position: relative;
	top: unset;
	left: unset;
	width: 100%;
	margin: 0;
	display: flex;
	justify-content: center;
}

#die-passat-in-bewegten-zeiten .slider-control .slider-next,
#die-passat-in-bewegten-zeiten .slider-control .slider-prev {
    display:none;
}

#die-passat-in-bewegten-zeiten  .headerNoSlide {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
	padding-left: 100px;
}

#die-passat-in-bewegten-zeiten  .headerNoSlide h1{
	margin-top:12px;
	max-width:600px;
	text-transform:uppercase;
}


#die-passat-in-bewegten-zeiten h2{
	margin-top:190px;
	color:rgb(0,149,205);
	text-transform:uppercase;
}

#die-passat-in-bewegten-zeiten h2,
#die-passat-in-bewegten-zeiten p {
	max-width:295px;
}

#die-passat-in-bewegten-zeiten .reise_5 h2,
#die-passat-in-bewegten-zeiten .reise_5 p {
	max-width:395px;
}

.reise_1, .reise_2, .reise_3, .reise_4, .reise_5{width:100%;min-height: 742px;background-size: contain;background-repeat:no-repeat;background-position:center top;z-index: 0;}
.reise_1 > *, .reise_2 > *, .reise_3 > *, .reise_4 > *, .reise_5 > *{padding:0 100px 0 100px;}

.reise_1 figure, .reise_3 figure, .reise_4 figure{
	position: absolute;
	top: 340px;
	right:158px;
}
.reise_2 figure{
	position: absolute;
	top:340px;
	right:95px;
}



.reise_1{background-image: url(/files/rdp/img/layout/reise_1.png);}
.reise_2{background-image: url(/files/rdp/img/layout/reise_2.png);}
.reise_3{background-image: url(/files/rdp/img/layout/reise_3.png);}
.reise_4{background-image: url(/files/rdp/img/layout/reise_4.png);}
.reise_5{background-image: url(/files/rdp/img/layout/reise_5.png);}


#die-passat-in-bewegten-zeiten .slider-control .slider-menu b{display:inline-block;flex-grow:1;color:black;}
#die-passat-in-bewegten-zeiten .slider-control .slider-menu b:after{content:url(/files/rdp/img/layout/point_black.png);display: block;margin-top:-38px;}
#die-passat-in-bewegten-zeiten .slider-control .slider-menu b.active:after,
#die-passat-in-bewegten-zeiten .slider-control .slider-menu b:hover:after
{content:url(/files/rdp/img/layout/point_blue.png);}
#die-passat-in-bewegten-zeiten .slider-control .slider-menu b.active,
#die-passat-in-bewegten-zeiten .slider-control .slider-menu b:hover{color:rgb(0,149,205);}

#die-passat-in-bewegten-zeiten .slider-control .slider-menu b:before{display: block; margin-bottom: 20px;}
#die-passat-in-bewegten-zeiten .slider-control .slider-menu b[data-index="0"]:before{content:"1911 - 1932";}
#die-passat-in-bewegten-zeiten .slider-control .slider-menu b[data-index="1"]:before{content:"1932 - 1951";}
#die-passat-in-bewegten-zeiten .slider-control .slider-menu b[data-index="2"]:before{content:"1951 - 1953";}
#die-passat-in-bewegten-zeiten .slider-control .slider-menu b[data-index="3"]:before{content:"1954 - 1959";}
#die-passat-in-bewegten-zeiten .slider-control .slider-menu b[data-index="4"]:before{content:"1960 - HEUTE";}

html[lang='en'] #die-passat-in-bewegten-zeiten .slider-control .slider-menu b[data-index="4"]:before{content:"1960 - TODAY";}


.nav-zeiten li a{text-decoration:none;font-size:30px;color:black;transition: color .5s ease;}
.nav-zeiten li a:after{content:url(/files/rdp/img/layout/point_black.png);display: block; margin-top: 10px; text-align: center;}
.nav-zeiten li a:hover, .nav-zeiten li a.active {color: rgb(0,149,205);opacity:1;}
.nav-zeiten li a:hover:after, .nav-zeiten li a.active:after {content:url(/files/rdp/img/layout/point_blue.png);}


#spenden{
	color:black;
}

#spenden .ce_text .image_container{width:50%;max-width:359px;}
#spenden .ce_text .image_container img{width:100%;height:auto;}

#kontakt{
	/*display:block;EXP*/
	/*margin: 0 auto;EXP*/
	/*height:auto;EXP*/
	color:black;
	height: calc(100vH - 200px);/*EXP 2x footer height*/
}

.black h1{color:black;font-weight:700;margin-bottom: .5em;}

.em-blue em{
	font-style:normal;
	font-weight:400;
	color:rgb(0,149,205);
	text-transform:uppercase;
	line-height:32px;
}

body.extra-page,
body.extra-page header{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+10,ffffff+90,e5e5e5+100 */
	background: #4d4d4d; /* Old browsers */
	background: -moz-linear-gradient(left, #404040 0%, #4d4d4d 10%, #4d4d4d 90%, #404040 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #404040 0%, #4d4d4d 10%, #4d4d4d 90%, #404040 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #404040 0%, #4d4d4d 10%, #4d4d4d 90%, #404040 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#404040',GradientType=1 ); /* IE6-9 */
}

.extra-page header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1;
}

.extra-page header .inside{
	max-width:1160px;
	margin:0 auto;
	height:100%;
	padding:0 100px;
}

.extra-page .mod_article{height:unset;display:block;}

.extra-page .image_container img{
	width:100%;
	height:auto;
}

.extra-page .image_container.float_right{
	float:right;
	width:50%;
	box-sizing:border-box;
	padding-left:2%;
}

.extra-page #der-verein figure{
	position: fixed;
	width: 48%;
	top: 0;
	right: 0;
}

.extra-page .ce_text p {
	width:50%;
}

.extra-page .ce_text h1, .extra-page .ce_text h2  {
	margin-top:0;
}

.extra-page.der-verein h1, .extra-page.der-verein h2, .ui-accordion-header  {position:relative;margin-bottom:25px;}
.extra-page.der-verein h2 { font-size: 40px; }
.extra-page.der-verein h1:after,
.extra-page.der-verein h2:after,
.ui-accordion-header:after   {
    content: " ";
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 60px;
    border-bottom: 6px solid  white;
}
.extra-page.der-verein h1:after,
.ui-accordion-header:after  {
    bottom: -3px;
}

.extra-page .mod_onepage_navigation ul{
	margin-top:25px;
	margin-bottom:25px;
}
.extra-page .mod_onepage_navigation li{
	display:inline-block;
	padding-right:20px;
	position:relative;
}
.extra-page .mod_onepage_navigation li a{
	font-size:20px;
	font-weight:700;
	text-decoration:none;
	color:white;
    transition: color .25s ease;
    line-height: 45px;
}
.extra-page .mod_onepage_navigation li:hover a,
.extra-page .mod_onepage_navigation li.active a{
    color: rgb(0,149,205);
    opacity:1;
}
.extra-page .mod_onepage_navigation li.active::after {
    content: " ";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 60px;
    border-bottom: 6px solid  rgb(0,149,205);
}

.extra-page.aktuelles header{
	height:0;
}

.extra-page.aktuelles .mod_article{padding-top:30px !important;}


.layout_list{clear: both; margin-top: 80px; overflow: hidden;}
.layout_list:first-child  {margin-top: 20px;}
.layout_list .teaser{max-width:50%;float: left;}
.layout_list h2{margin-top:0px;    color: rgb(0,149,205);}
.layout_list .info{margin-bottom:0px;}

.layout_list .text{display:inline-block;width:50%;}
.layout_list .text p{width:unset;}
.layout_list .text p.time, .layout_list .text p.location{font-size:20px;}
.layout_list.immer p.time{display:none;}
.layout_list figure img{max-width:400px;}


@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100vH);
            transform: translateY(-100vH);
    visibility: visible;
  }

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

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100vH);
            transform: translateY(-100vH);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.animated {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

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

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

  }
}

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

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

  }
}

@media only screen and (max-width: 1040px){
	.reise_1 figure, .reise_2 figure, .reise_3 figure, .reise_4 figure {
	    top: 200px;
	}

	#die-passat-in-bewegten-zeiten .slider-control {
    	margin: -220px 0 0 0;
	}
}

@media only screen and (max-height:800px) and (min-width:767px) {
	#die-passat-in-zahlen .weiche-rechts .ce_text p,
	#die-passat-in-zahlen .weiche-rechts .ce_text p em {line-height: 21px;}

	#die-passat-in-bewegten-zeiten .headerNoSlide h1 {margin-top:inherit;}
	#die-passat-in-bewegten-zeiten .slider-control { margin: -180px 0 0 0; }
	#die-passat-in-bewegten-zeiten .ce_hyperlink.next { bottom: 2px; right: 2px; left: unset; }
	#die-passat-in-bewegten-zeiten > .vertical-justify-wrapper { margin-top: 20px; }
	#die-passat-in-bewegten-zeiten .headerNoSlide h1 { margin-top:1em;}

	#die-passat-in-bewegten-zeiten .reise_2 p { max-width: 340px; }
	#die-passat-in-bewegten-zeiten .reise_4 p { max-width: 350px; }
	#die-passat-in-bewegten-zeiten .reise_5 p { max-width: 460px; }

	#foerdergelder .vertical-justify-wrapper {margin-top: 0;}
	#foerdergelder .ce_hyperlink.next{bottom: 2px; right: 2px; left: unset;}
	#foerdergelder .image_container img { max-height: 31vH;}

}
}

}

@media only screen and (max-height:820px){
	#die-passat-in-bewegten-zeiten > .vertical-justify-wrapper{margin-top:0;}
	#die-passat-in-bewegten-zeiten .ce_hyperlink.next{bottom:2px;}
}

@media only screen and (max-width: 767px){

	.mobile{display:block !important;}
	.desktop{display:none !important;}
	.divider{display:none !important;}

	body{background:#fff;}

  .infoboxhome {
    width:unset;
    max-width:100vw;
  }

	.ce_hyperlink.next {display:none;}
	#willkommen .ce_hyperlink.next {display:block;}

	#header{
		position: fixed;
		top: 0;
		left: 0;
		background: black;
		height: 70px;
		width: 100%;
		z-index: 2;
	}

	.home_logo{display:none;}
	.logo-mobile a {
		display: block;
		background-image: url(/files/rdp/img/logos/logo-white.png);
		position: absolute;
		top: 0px;
		left: 5px;
		width: 150px;
		height: 70px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	.langswitch {
		position: fixed;
		top: 24px;
		right: 70px;
		background: none;
		padding: 0;
		z-index: 2;
	}

	body.extra-page, body.extra-page header {background:black;}

	.extra-page .mod_onepage_navigation{
		display:none;
	}

	.extra-page .mod_article.mobile{
		padding:0 20px;
		margin-top:50px;
	}

	.extra-page .ce_text p {
		width: 100%;
	}

	.extra-page .ui-accordion-header{
		font-size:35px;
		font-weight:normal;
		margin-bottom:0;
		outline: none;
	}

	.extra-page .ui-accordion-header::after {
		display:none;
	}


	.extra-page .ui-accordion-header.active::after {
		display:block;
		bottom: 4px;
		border-color: rgb(0,149,205);
	}

	.extra-page .ce_accordionSingle {
		border-bottom: 1px solid rgb(0,149,205);
	}

	.extra-page  .ui-accordion-header:before  {
		content:url(/files/rdp/img/layout/arrow_down_blue.png);
		height: 16px;
		width: 29px;
		z-index: 3;
		float:right;
	}
	.extra-page .ui-accordion-header.active:before  {
		content:url(/files/rdp/img/layout/arrow_up_blue.png);
	}

	.extra-page .ui-accordion-content{padding-top:30px;}

	.extra-page	footer{display:none;}

	/* Weiche Verein-Aktuelles */

	#weiche-verein-aktuelles .mobile h1 a{
		display:block;
		padding:20px;
		position:absolute;
		top:20px;
		left:20px;
		background:rgba(0,0,0,0.6);
		color:#fff;
	}

	#weiche-verein-aktuelles .rs-columns {height:100vH !important;display:block !important;margin:0 !important;}

	#weiche-verein-aktuelles .rs-column{
		width:100% !important;
		height:50% !important;
		margin:0 !important;
	}

	/* Foerdergelder */

	#foerdergelder{display:block;height:auto !important;}
	#foerdergelder > .vertical-justify-wrapper {margin-top:0 !important;}

	.rs-column.-large-col-2-1 {
	   width: 100%;
		box-sizing: border-box;
	}

	.pad100{padding:0 20px;}

	#foerdergelder .content-slider {
		margin:0 20px;
	}

	#foerdergelder .slider-control {left:0;}


	/* Die Passat in Zahlen */
	#die-passat-in-zahlen .rs-columns {height:100vH !important;display:block !important;margin:0 !important;}

	#die-passat-in-zahlen .rs-column{
		width:100% !important;
		height:50% !important;
		margin:0 !important;
	}


	#die-passat-in-zahlen {display:block; height:auto !important;}
	#die-passat-in-zahlen .weiche-links .zoom-wrapper {min-height:300px;}
	#die-passat-in-zahlen .rs-columns{height:auto !important;}
	#die-passat-in-zahlen .weiche-rechts{height:auto !important;padding-bottom:50px;}
	#die-passat-in-zahlen .ce_hyperlink.next {bottom:20px;}

	#die-passat-in-zahlen .weiche-rechts .ce_text p em {
		display: block;
		min-width: unset;
		margin-top: 10px;
	}


	/*Bewegte zeiten*/

	#die-passat-in-bewegten-zeiten {display:block;height:auto;}
	#die-passat-in-bewegten-zeiten > .vertical-justify-wrapper {
		margin-top: 0;
		min-height: auto;
	}
	#die-passat-in-bewegten-zeiten .headerNoSlide {position: relative;padding-left: 20px;box-sizing: border-box;}
	#die-passat-in-bewegten-zeiten h2 { margin-top: 0;}
	.reise_1, .reise_2, .reise_3, .reise_4, .reise_5 {background:none;min-height:auto;}
	.reise_1 > *, .reise_2 > *, .reise_3 > *, .reise_4 > *, .reise_5 > * {
		padding: 0 20px 0 20px;
	}

	.reise_1 figure, .reise_2 figure, .reise_3 figure, .reise_4 figure {
	  	display:none;
	}

	#die-passat-in-bewegten-zeiten .slider-control .slider-menu {display:none;}

	#die-passat-in-bewegten-zeiten .slider-control {
		position:absolute;
		top:0;
		left:0;
		margin:0;
	}

	#die-passat-in-bewegten-zeiten .slider-control .slider-next,
	#die-passat-in-bewegten-zeiten .slider-control .slider-prev {
		font-size: 0;
		display:block;
	}
	#die-passat-in-bewegten-zeiten .slider-control .slider-prev {left:20px;right:auto;top:0px;}
	#die-passat-in-bewegten-zeiten .slider-control .slider-prev:after {
		content: url("/files/rdp/img/layout/arrow_left.png");
		width: 59px;
		height: 59px;
	}

	#die-passat-in-bewegten-zeiten .slider-control .slider-next {left:auto;right:20px;top:0px;}
	#die-passat-in-bewegten-zeiten .slider-control .slider-next:after {
		content: url("/files/rdp/img/layout/arrow_right.png");
		width: 59px;
		height: 59px;
	}

	#die-passat-in-bewegten-zeiten h2 {
		max-width: unset;
		padding:70px 20px 0 20px;
	}

	#die-passat-in-bewegten-zeiten h2,
	#die-passat-in-bewegten-zeiten p {
		max-width:unset;
	}

	#die-passat-in-bewegten-zeiten .reise_5 h2,
	#die-passat-in-bewegten-zeiten .reise_5 p {
		max-width:unset;
	}


	#die-passat-in-bildern{display:block !important;}
	#die-passat-in-bildern h1{padding-top:0;padding-bottom:20px;padding-left: 20px;}
	#die-passat-in-bildern .rs-columns{margin-top:0;}
	.gallery-link{
		top: 15%;
		left: 0%;
	}
	.gallery-link span{
		display: block;
		padding: 20px;
		background: rgba(0,0,0,0.6);
		color: #fff;
		font-size: 28px;
	}

	.gallery-link figure{display:none;}

	#die-passat-in-bildern .weiche-links {
		height: 94%;
		margin-top: 0;
		width: 50%;
	}

	#die-passat-in-bildern .weiche-rechts {
		height: 94%;
		margin-top: 0;
		margin-left: 0;
		width: 49%;
		margin-left:1%
	}

	#cboxTitle { z-index:99999;}
	#colorbox, #cboxWrapper{height:100% !important;width:100% !important;left:0 !important;}
	#cboxClose, #cboxNext, #cboxPrevious{width:20px;height:20px;background-size:20px 20px;}
	#cboxClose{right:15px;top:15px;}
	#cboxNext{right:15px;}
	#cboxPrevious{left:15px;}
	#cboxContent{float:none !important;margin: 0 auto;}

	#spenden{display:block;height:auto;padding:0 20px;}
	#spenden .vertical-justify-wrapper {margin-top:0;}
	#spenden .ce_text figure{display:none;}

	#kontakt{display:block;height:auto;padding:0 20px;}
	#kontakt .vertical-justify-wrapper {margin-top:0;}
	#kontakt .rs-column.-large-last{padding-left:0;padding-top: 50px;}

	footer .inside {padding:0 20px;}
	footer .ce_text { margin-top: 0; text-align:center;}
	.dekoanker{display:none;}

	#impressum, #datenschutz {
	    width: 100%;
    	padding: 20px;
	}

	.extra-page.aktuelles .mod_article{padding:0 20px;}
	.extra-page.aktuelles .mod_article .image_container.float_right {
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.layout_list .text {
		width: 100%;
	}

	h1 {font-size:40px !important;line-height:50px !important;}


}

@media only screen and (max-width: 450px){
	#foerdergelder .content-slider {
    	margin:0 auto;
    }

	#foerdergelder .image_container img {
	    width: 100vW;
	    vertical-align: top;
	}

	#foerdergelder .slider-control .slider-next {right:5%;left:unset;top:15%}
	#foerdergelder .slider-control .slider-prev {right:unset;left:5%;top:15%}

	#foerdergelder .content-slider p {
	    line-height: 20px;
    	margin-bottom: 0;
    	width: 100vW;
    	box-sizing: border-box;
	}

	#foerdergelder h2 { width: 100vW;}

	#die-passat-in-zahlen h1 {line-height:60px;}
}

@media only screen and (max-width: 320px){
	#weiche-verein-aktuelles .mobile h1 a {left:0;}

}