/** KF STARTERPACK - 2019 https://github.com/kevinfavergeaud */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@import url('https://fonts.googleapis.com/css2?family=Roboto');
@-webkit-keyframes bounce { from,
20%,
53%,
80%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
  43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { from,
20%,
53%,
80%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
  43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { from,
50%,
to { opacity: 1; }
  25%,
  75% { opacity: 0; } }
@keyframes flash { from,
50%,
to { opacity: 1; }
  25%,
  75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { from,
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
@keyframes shake { from,
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
  20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
  20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { from,
11.1%,
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello { from,
11.1%,
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
.heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn { from,
20%,
40%,
60%,
80%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes bounceIn { from,
20%,
40%,
60%,
80%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInDown { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInLeft { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInRight { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

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

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

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

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

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
.flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
@keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

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

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

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

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

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

@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%,
  60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%,
  80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%,
  60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%,
  80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

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

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

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

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

@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

.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.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }

.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }

.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }

.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }

.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }

.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }

.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }

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

.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }

@media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } }
html.lb-disable-scrolling { overflow: hidden; /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */ position: fixed; height: 100vh; width: 100vw; }

.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; }

.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; }

.lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; /* Image border */ border: 4px solid white; }

.lightbox a img { border: none; }

.lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image. This is visible during transitions. */ background-color: white; }

.lb-outerContainer:after { content: ""; display: table; clear: both; }

.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; }

.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat; }

.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

.lb-container > .nav { left: 0; }

.lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; }

.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }

.lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.lb-dataContainer:after { content: ""; display: table; clear: both; }

.lb-data { padding: 0 4px; color: #ccc; }

.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }

.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }

.lb-data .lb-caption a { color: #4ae; }

.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }

.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

* { font-family: 'Open Sans', sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

.scare-ratio { position: relative; overflow: hidden; width: 100%; }
.scare-ratio:before { display: block; content: ""; width: 100%; padding-top: 100%; }
.scare-ratio > .content, .scare-ratio > img, .scare-ratio > figure, .video-ratio .scare-ratio > img, .video-embed-field-responsive-video .scare-ratio > img, .video-ratio .scare-ratio > figure, .video-embed-field-responsive-video .scare-ratio > figure, .video-ratio .scare-ratio > iframe, .video-embed-field-responsive-video .scare-ratio > iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.scare-ratio .content, .scare-ratio img, .scare-ratio figure, .scare-ratio .video-ratio img, .video-ratio .scare-ratio img, .scare-ratio .video-embed-field-responsive-video img, .video-embed-field-responsive-video .scare-ratio img, .scare-ratio .video-ratio figure, .video-ratio .scare-ratio figure, .scare-ratio .video-embed-field-responsive-video figure, .video-embed-field-responsive-video .scare-ratio figure, .scare-ratio .video-ratio iframe, .video-ratio .scare-ratio iframe, .scare-ratio .video-embed-field-responsive-video iframe, .video-embed-field-responsive-video .scare-ratio iframe { width: 100%; }

.video-ratio, .video-embed-field-responsive-video { position: relative; overflow: hidden; width: 100%; }
.video-ratio:before, .video-embed-field-responsive-video:before { display: block; content: ""; width: 100%; padding-top: 56.25%; }
.video-ratio.isvideo:before { padding-top: 0 !important; }
.video-ratio > .content, .video-embed-field-responsive-video > .content, .scare-ratio .video-ratio > img, .scare-ratio .video-embed-field-responsive-video > img, .scare-ratio .video-ratio > figure, .scare-ratio .video-embed-field-responsive-video > figure, .video-ratio > img, .video-ratio .video-embed-field-responsive-video > img, .video-embed-field-responsive-video .video-ratio > img, .video-embed-field-responsive-video > img, .video-ratio > figure, .video-ratio .video-embed-field-responsive-video > figure, .video-embed-field-responsive-video .video-ratio > figure, .video-embed-field-responsive-video > figure, .video-ratio > iframe, .video-ratio .video-embed-field-responsive-video > iframe, .video-embed-field-responsive-video .video-ratio > iframe, .video-embed-field-responsive-video > iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.video-ratio .content, .video-embed-field-responsive-video .content, .video-ratio .scare-ratio img, .scare-ratio .video-ratio img, .video-ratio .scare-ratio figure, .scare-ratio .video-ratio figure, .video-ratio img, .video-ratio .video-embed-field-responsive-video img, .video-embed-field-responsive-video .video-ratio img, .video-embed-field-responsive-video img, .video-ratio figure, .video-ratio .video-embed-field-responsive-video figure, .video-embed-field-responsive-video .video-ratio figure, .video-embed-field-responsive-video figure, .video-ratio iframe, .video-ratio .video-embed-field-responsive-video iframe, .video-embed-field-responsive-video .video-ratio iframe, .video-embed-field-responsive-video iframe { width: 100%; }

.noa { color: inherit !important; text-decoration: none !important; }

.user-logged-in .js-form-type-item { font-size: 0px; }
.user-logged-in .js-form-type-item h4 { font-size: 1.5rem; }

.scrollbar::-webkit-scrollbar-track { background-color: transparent; }

.scrollbar::-webkit-scrollbar { width: 7px; background-color: rgba(0, 0, 0, 0.05); }

.scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(0, 0, 0, 0.3); }

.btn-newletter { background-image: linear-gradient(90deg, #ffa90e, #ff642c); color: #fff; font-weight: 600; border-radius: 0; padding: 0 25px; border: 0 !important; box-shadow: none !important; }
.btn-newletter:hover { color: #fff; }

.btn-custom { background-color: #f57b00; color: #fff; }
.btn-custom:hover { background-color: #dc6e00; color: #fff; }

.btn-custom-blue { background-color: #085baa; color: #fff; }
.btn-custom-blue:hover { background-color: #074e92; color: #fff; }

.sub-nav { height: 100px; width: 100%; background-color: #fff; z-index: 100; left: 0; right: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.sub-nav .mobile-bars { display: none; }
.sub-nav .mobile-bars button { color: #085baa; display: flex; align-items: center; text-decoration: none !important; }
.sub-nav .mobile-bars button i { font-size: 1.3em; }
.sub-nav .container { display: flex; align-items: center; justify-content: space-between; height: 100px; }
.sub-nav .logo img { height: 90px; padding: 5px; }
.sub-nav .island-selector { padding: 0 15px; flex: 1; }
.sub-nav .island-selector .selector { background-color: #f2f2f2; display: flex; align-items: center; padding-left: 10px; border-radius: 5px; overflow: hidden; color: #f57b00; font-size: 1.1em; max-width: 150px; }
.sub-nav .island-selector .selector i { padding-right: 2px; }
.sub-nav .island-selector .selector select { box-shadow: none !important; border: 0 !important; background-color: #f2f2f2; color: #f57b00; padding-left: 5px; padding-right: 10px; }
.sub-nav .sub-search-bar { flex: 1; }
.sub-nav .search-bar { margin-right: 50px; height: 30px; display: flex; justify-content: flex-end; }
.sub-nav .search-bar .input-group { display: none; height: 30px; display: none; background-color: rgba(0, 0, 0, 0.05); border-radius: 5px; overflow: hidden; width: inherit; flex-wrap: nowrap; }
.sub-nav .search-bar .input-group input { background-color: transparent; border: 0 !important; color: #085baa; box-shadow: none !important; padding: 5px 10px; }
.sub-nav .search-bar .input-group input::placeholder { color: rgba(8, 91, 170, 0.5); }
.sub-nav .search-bar .input-group button { color: #085baa; background-color: rgba(0, 0, 0, 0.05); box-shadow: none !important; outline: none; border-radius: 4px; border: 0; }
.sub-nav .player { display: flex; align-items: center; }
.sub-nav .player .host { width: 100px; margin-right: 10px; animation: fadeIn 0.2s linear; }
.sub-nav .player .button .play { height: 60px; width: 60px; border-radius: 60px; border: 0 !important; background-color: #fff; outline: none; cursor: pointer; box-shadow: 0 3px 10px rgba(245, 123, 0, 0.5); display: flex; align-items: center; justify-content: center; }
.sub-nav .player .button .play i { color: #fff; font-size: 1.3em; color: #f57b00; }
.sub-nav .player .info { display: flex; flex-direction: column; justify-content: center; width: 200px; height: 80px; padding-left: 20px; }
.sub-nav .player .info .status { width: 100%; display: flex; align-items: center; padding-bottom: 5px; }
.sub-nav .player .info .status span { font-size: 0.8em; color: #085baa; }
.sub-nav .player .info .status span:last-child { color: #f57b00; font-weight: 600; }
.sub-nav .player .info .status i { font-size: 0.2em; color: #f57b00; padding: 0 5px; }
.sub-nav .player .info .title { color: #085baa; font-size: 0.8em; line-height: 1.3; margin: 5px 0; font-weight: 700; }

.sub-nav-fixed { position: fixed; z-index: 150; height: 60px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); animation: fadeInDown 0.2s linear; }
.sub-nav-fixed .container { height: 60px; }
.sub-nav-fixed .mobile-bars { display: block; }
.sub-nav-fixed .logo img { height: 60px; }
.sub-nav-fixed .island-selector select { font-size: 0.8em; }
.sub-nav-fixed .search-bar .input-group { display: flex; flex-wrap: nowrap; }
.sub-nav-fixed .player .host { display: none; }
.sub-nav-fixed .player .button .play { height: 45px; width: 45px; }
.sub-nav-fixed .player .button .play i { font-size: 1.1em; left: 2px; }
.sub-nav-fixed .player .info { flex-direction: row; height: 60px; padding-left: 10px; justify-content: flex-start; }
.sub-nav-fixed .player .info .status { border: 0; width: auto; min-width: 75px; padding-bottom: 0px; }
.sub-nav-fixed .player .info .status span:first-child { display: none; }
.sub-nav-fixed .player .info .status span:last-child { color: #f57b00; }
.sub-nav-fixed .player .info .title { padding-left: 5px; line-height: 1; margin: 0; display: flex; align-items: center; text-align: left; }
.sub-nav-fixed .player .info .title span { font-weight: 500; color: #064179; }

nav.nav-main { background-color: #085baa; height: 50px; width: 100%; position: relative; z-index: 50; }
nav.nav-main .container { display: flex; align-items: center; justify-content: space-between; height: 50px; }
nav.nav-main .mobile-bars { margin-right: 20px; }
nav.nav-main .mobile-bars button { color: #fff; display: flex; align-items: center; text-decoration: none !important; }
nav.nav-main .mobile-bars button i { font-size: 1.4em; }
nav.nav-main .mobile-bars button:hover { color: #fff; }
nav.nav-main .newsletter a, nav.nav-main .newsletter button { height: 50px; display: flex; align-items: center; justify-content: center; }
nav.nav-main .search-bar { margin-right: 50px; }
nav.nav-main .search-bar .input-group { background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; overflow: hidden; flex-wrap: nowrap; }
nav.nav-main .search-bar .input-group input { background-color: transparent; border: 0 !important; color: #fff; box-shadow: none !important; padding: 5px 10px; }
nav.nav-main .search-bar .input-group input::placeholder { color: rgba(255, 255, 255, 0.5); }
nav.nav-main .search-bar .input-group button { color: #fff; background-color: rgba(255, 255, 255, 0.2); box-shadow: none !important; outline: none; border-radius: 4px; border: 0; }
nav.nav-main ul { flex: 1; margin: 0; padding: 0; display: flex; }
nav.nav-main ul li { list-style: none; margin: 0; }
nav.nav-main ul li a { display: flex; align-items: center; justify-content: flex-start; color: #fff; height: 50px; padding: 0 15px; font-size: 0.9em; text-align: center; }
nav.nav-main ul li a .fa-caret-down { margin-left: 8px; }
nav.nav-main ul li a:hover { background-color: #fff; color: #085baa; text-decoration: none; }
nav.nav-main ul li .hot { color: #f57b00; font-weight: 500; }
nav.nav-main ul li .hot:hover { background-color: #f57b00; color: #fff; }
nav.nav-main ul li .sub-menue { display: none; background-color: #074e92; position: absolute; max-width: 465px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; }
nav.nav-main ul li .sub-menue ul { flex-wrap: wrap; }
nav.nav-main ul li .sub-menue ul li a { height: 45px; }
nav.nav-main ul li:hover .sub-menue { display: block; }

nav.nav-main-hide { height: 150px; }

.search-bar .input-group { flex-wrap: nowrap; }
.search-bar .input-group input { width: 0px; padding: 0 0 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.search-bar .input-group input:active, .search-bar .input-group input:focus { width: 200px; padding: 5px 15px !important; }
.search-bar:hover .input-group input { width: 200px; padding: 5px 15px !important; }

.offcanvas-nav { position: fixed; left: -250px; top: 0; bottom: 0; width: 250px; background-color: #085baa; z-index: 1000; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; overflow-y: auto; }
.offcanvas-nav .island-select { background-color: #074e92; display: none; }
.offcanvas-nav .island-select span { color: #fff; width: 100%; display: block; font-weight: 500; padding: 10px 0; text-align: center; }
.offcanvas-nav .island-select ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.offcanvas-nav .island-select ul li { list-style: none; margin: 0; padding: 0; }
.offcanvas-nav .island-select ul li a { padding: 7px 15px; color: #fff; text-decoration: none; font-size: 0.9em; display: block; width: 100%; padding-left: 12px; }
.offcanvas-nav .island-select ul li a:hover { background-color: #fff; color: #085baa; }
.offcanvas-nav .head { width: 100%; height: 60px; background-color: #0856a0; display: flex; align-items: center; justify-content: space-between; }
.offcanvas-nav .head img { height: 40px; padding: 0 15px; opacity: 0.8; }
.offcanvas-nav .head button { color: #b5d9fc; }
.offcanvas-nav .links { padding: 20px 0; }
.offcanvas-nav .links ul { margin: 0; padding: 0; }
.offcanvas-nav .links ul li { list-style: none; margin: 0; padding: 0; }
.offcanvas-nav .links ul li a { padding: 7px 15px; color: #fff; text-decoration: none; font-size: 0.9em; display: block; width: 100%; padding-left: 12px; }
.offcanvas-nav .links ul li a:hover { background-color: #fff; color: #085baa; }
.offcanvas-nav .links ul li .hot { color: #f57b00; }
.offcanvas-nav .links ul li .hot:hover { background-color: #f57b00; color: #fff; }
.offcanvas-nav .links ul li .sub-menue { background-color: #074e92; overflow: hidden; }
.offcanvas-nav .links ul li .sub-menue ul { flex-wrap: wrap; display: flex; }
.offcanvas-nav .links ul li .sub-menue ul li a { font-size: 0.85em; padding: 7px 13px; }

.offcanvas-nav-active { left: 0; }

.island-post-selector { width: 100%; height: 40px; background-color: #085baa; }

.post-show-more { display: flex; justify-content: flex-start; align-items: center; }
.post-show-more button { color: #fff; margin-top: 15px; }

.post { padding: 15px 5px; overflow: hidden; }
.post h1 { font-size: 1.9em; color: #085baa; margin: 0; }
.post h2 { font-size: 1.75em; color: #085baa; margin: 0; }
.post h3 { font-size: 1.6em; color: #085baa; margin: 0; }
.post h4 { font-size: 1.45em; color: #085baa; margin: 0; }
.post h5 { font-size: 1.2em; color: #085baa; margin: 0; }
.post h6 { font-size: 1.1em; color: #085baa; margin: 0; }
.post .info { display: flex; align-items: baseline; color: #858585; margin-bottom: 15px; }
.post .info small { padding: 0 5px; color: #444444; }
.post .info small:first-child { padding-left: 0; }
.post .post-img { margin: 25px 0; border-radius: 5px; overflow: hidden; }
.post p { letter-spacing: 0.02em; line-height: 1.5; }

.post-tags .list { margin-top: 5px; }
.post-tags .list a { background-color: #085baa; border: 2px solid #085baa; color: #fff; padding: 1px 10px; border-radius: 15px; margin-bottom: 3px; text-decoration: none !important; }
.post-tags .list a:hover { background-color: #fff; border: 2px solid #085baa; color: #085baa; }

.landing-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; -webkit-background-size: cover; background-size: cover; background-color: #085baa; background-position: center center; }

main.landing { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; overflow: hidden; overflow-y: auto; }
main.landing .info { position: absolute; top: 270px; left: 23vw; width: 350px; height: 600px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
main.landing .info .logo { display: flex; justify-content: center; }
main.landing .info .logo img { height: 120px; }
main.landing .info .logo-lg img { height: 240px; max-width: 100%; }
main.landing .info .post-show { border: none; }
main.landing .info .post-show .data { min-height: 100px; height: initial !important; }
main.landing .islands { height: 880px; }
main.landing .islands .island-container { width: 100px; height: 100px; position: absolute; color: #fff; text-decoration: none; display: flex; align-items: center; justify-content: center; }
main.landing .islands .island-container .island { width: 100px; height: 100px; background-color: #fff; border-radius: 100px; }
main.landing .islands .island-container .island path, main.landing .islands .island-container .island polygon { fill: #085baa; }
main.landing .islands .island-container span { position: absolute; font-weight: 600; text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); text-transform: uppercase; font-size: 1.1em; display: block; width: 100px; text-align: center; }
main.landing .islands .island-container:nth-child(1) { left: 32vw; top: 166px; }
main.landing .islands .island-container:nth-child(1) span { margin-top: -65px; }
main.landing .islands .island-container:nth-child(2) { left: 40vw; top: 178px; }
main.landing .islands .island-container:nth-child(2) span { margin-top: -65px; }
main.landing .islands .island-container:nth-child(3) { left: 48vw; top: 200px; }
main.landing .islands .island-container:nth-child(3) span { margin-top: -65px; }
main.landing .islands .island-container:nth-child(4) { left: 56vw; top: 225px; }
main.landing .islands .island-container:nth-child(4) span { margin-top: -65px; }
main.landing .islands .island-container:nth-child(5) { left: 63vw; top: 257px; }
main.landing .islands .island-container:nth-child(5) span { margin-top: -40px; margin-left: 95px; }
main.landing .islands .island-container:nth-child(6) { left: 69.5vw; top: 324px; }
main.landing .islands .island-container:nth-child(6) span { margin-left: 100px; }
main.landing .islands .island-container:nth-child(7) { left: 74vw; top: 420px; }
main.landing .islands .island-container:nth-child(7) span { margin-left: 110px; }
main.landing .islands .island-container:nth-child(8) { left: 75vw; top: 540px; }
main.landing .islands .island-container:nth-child(8) span { margin-left: 110px; }
main.landing .islands .island-container:nth-child(9) { left: 74vw; top: 660px; }
main.landing .islands .island-container:nth-child(9) span { margin-left: 100px; }
main.landing .islands .island-container:nth-child(10) { left: 72vw; top: 770px; }
main.landing .islands .island-container:nth-child(10) span { margin-left: 100px; }
main.landing .islands .disabled .island { background-color: #c5c5c5; }
main.landing .islands .disabled .island path, main.landing .islands .disabled .island polygon { fill: #fff; }
main.landing .islands .disabled span { font-size: 0.85em; text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }

.bg { width: 100%; background-color: #fff; background-position: top center; background-repeat: no-repeat; }
.bg .banner { display: block; width: 100%; min-height: 200px; }
.bg .banner-mobile { width: 100vw; display: none;}
.bg .banner-mobile img { width: 100%; height: auto;}

.page-container { background-color: #fff; border-radius: 10px; overflow: hidden; }
.page-container .side-bar-container { padding-left: 15px; }

.block { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; margin-top: 15px; overflow: hidden; }
.block .block-header { width: 100%; height: 40px; display: flex; align-items: center; justify-content: flex-start; padding: 0 15px; }
.block .block-header h3 { font-size: 1.3em; padding: 0; margin: 0; color: #085baa; }
.block .block-header h3 small { font-size: 0.55em; text-transform: uppercase; color: #959595; font-weight: 500; }

.block-encar img { width: 100%; }

.block-weather .weather { padding: 25px; padding-top: 0 !important; }
.block-weather .weather .today { font-size: 1em; font-weight: 600; color: #085baa; text-align: center; width: 100%; display: block; margin-top: 15px; }
.block-weather .weather .main-picto { max-width: 100px; margin: 25px 0; }
.block-weather .weather .main-picto { max-width: 100px; margin: 25px 0; }
.block-weather .weather .picto { max-width: 65px; margin: 5px 0; }
.block-weather .weather .center-weather { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.block-weather .weather .center-weather span { font-weight: 600; font-size: 0.9em; color: #085baa; }
.block-weather .weather .temp { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 150px; }
.block-weather .weather .temp .max { color: #ffcd34; font-size: 1.8em; font-weight: 600; }
.block-weather .weather .temp .sep { width: 30px; height: 2px; background-color: #085baa; }
.block-weather .weather .temp .min { color: #ffcd34; font-size: 1.3em; font-weight: 600; }

.block-flash-news .flash-news { padding: 0 15px; padding-bottom: 15px; }
.block-flash-news .flash-news .flash { padding-top: 10px; width: 100%; display: flex; align-items: center; justify-content: flex-start; }
.block-flash-news .flash-news .flash .time { display: flex; align-items: center; flex-direction: column; line-height: 1; flex: 2; }
.block-flash-news .flash-news .flash .time span { color: #085baa; font-weight: 600; font-size: 0.9em; }
.block-flash-news .flash-news .flash .time small { font-size: 0.8em; }
.block-flash-news .flash-news .flash .icon { padding: 0 10px; flex: 1; text-align: center; }
.block-flash-news .flash-news .flash .icon .fa-fire { color: #f57b00; }
.block-flash-news .flash-news .flash .icon .fa-circle { font-size: 0.8em; color: #f57b00; }
.block-flash-news .flash-news .flash .data { flex: 12; display: flex; flex-direction: column; line-height: 1; }
.block-flash-news .flash-news .flash .data strong { color: #085baa; font-size: 0.9em; }
.block-flash-news .flash-news .flash .data a { font-size: 0.8em; font-weight: 400; }

.block-newsletter { border-top: 0; border-bottom: 0; }
.block-newsletter .newsletter-head { background-image: linear-gradient(90deg, #ffa90e, #ff642c); height: 50px; width: 100%; color: #fff; display: flex; align-items: center; justify-content: center; }
.block-newsletter .newsletter-head h3 { font-size: 1.2em; color: #fff; text-align: center; margin: 0; }
.block-newsletter .newsletter-body { padding: 15px; }
.block-newsletter .newsletter-body h4 { text-align: center; font-size: 1.1em; font-weight: 600; margin: 0; padding: 10px 40px; margin-bottom: 10px; }
.block-newsletter .newsletter-body .form input { background-color: #f2f2f2; border: 0; box-shadow: none !important; }
.block-newsletter .newsletter-body .form input:active, .block-newsletter .newsletter-body .form input:focus { background-color: #e5e5e5; }
.block-newsletter .newsletter-body .form .input-container { padding: 5px; }
.block-newsletter .newsletter-body .form .location { margin-top: 10px; }
.block-newsletter .newsletter-body .form .location span { color: #f57b00; font-size: 0.9em; padding: 5px; }
.block-newsletter .newsletter-body .form .location ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.block-newsletter .newsletter-body .form .location ul li { padding: 3px 5px; list-style: none; }
.block-newsletter .newsletter-body .form .location ul li input { margin-right: 5px; }
.block-newsletter .newsletter-body .form .location ul li label { margin: 0; font-size: 0.9em; }
.block-newsletter .newsletter-button { width: 100%; margin-top: 10px; }
.block-newsletter .newsletter-button .btn { width: 100%; height: 35px; border-radius: 0 !important; font-size: 1.1em; padding: 0; display: flex; align-items: center; justify-content: center; text-align: center; }

.block-most-readed .most-readed { padding-top: 5px; padding-bottom: 15px; }
.block-most-readed .most-readed ul { margin: 0; padding: 0; }
.block-most-readed .most-readed ul li { list-style: none; width: 100%; }
.block-most-readed .most-readed ul li a { display: flex; padding: 5px 15px; }
.block-most-readed .most-readed ul li a strong { height: 25px; width: 25px; background-color: #085baa; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 400; font-size: 0.8em; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; }
.block-most-readed .most-readed ul li a span { color: #5f5f5f; margin-left: 10px; font-weight: 500; line-height: 1.2; font-size: 0.9em; }
.block-most-readed .most-readed ul li a:hover strong { background-color: #f57b00; }
.block-most-readed .most-readed ul li a:hover span { color: #323232; }

.transmit-page { padding: 15px; }
.transmit-page .transmit { border: 1px solid rgba(0, 0, 0, 0.1); display: flex; align-items: center; border-radius: 5px; overflow: hidden; margin-bottom: 15px; }
.transmit-page .transmit .info { padding: 15px; }
.transmit-page .transmit .info h2 { font-size: 1.2em; margin: 0; }
.transmit-page .transmit .info small { color: #085baa; }
.transmit-page .transmit .info p { font-size: 0.9em; }

.block-webradio .radio { padding: 15px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.block-webradio .radio button { border: 0; background-color: transparent; outline: none; cursor: pointer; }
.block-webradio .radio button img { height: 60px; margin: 5px 0; }
.block-webradio .radio button:hover { background-color: #ecf3ff; border-radius: 10px; }

.breadcrumbs { display: flex; align-items: center; justify-content: flex-start; line-height: 1.1; }
.breadcrumbs a { padding: 0 5px; color: #085baa; display: block; }
.breadcrumbs a:hover { color: #053461; text-decoration: none; }
.breadcrumbs a:first-child { padding-left: 0px; }
.breadcrumbs span { padding: 0 5px; }

.video-embed-field-responsive-video iframe { width: 100% !important; height: 100% !important; }

/*
.news-worldwide { width: 100%; min-height: 25px; background-color: #085baa; color: #fff; border-radius: 10px; }
.news-worldwide .postsec { padding: 20px 15px; }
.news-worldwide .postsec h4 { font-size: 1.5em; margin: 0; }
.news-worldwide .postsec span { font-weight: 300; font-family: 'Roboto'; font-size: 0.9em; }
.news-worldwide .postsec p { letter-spacing: 0.003em; color: #fff; line-height: 1.3; padding-top: 15px; font-size: 0.9em; }
*/
.news-worldwide,
.block.block-views-blocksidebar-rtl-block-1{width:100%;min-height:25px;padding:10px;color:#fff;border:3px solid #e3001b;border-radius:0 40px 0 0;margin-top:50px}
.news-worldwide .thumbnail,
.block.block-views-blocksidebar-rtl-block-1 .thumbnail{height:120px;background-size:cover;background-position:center}
.block.block-views-blocksidebar-rtl-block-1 .thumbnail{height:100px;}
.news-worldwide .section-title,
.block.block-views-blocksidebar-rtl-block-1 .block-header h3{color:#e3001b;text-transform:uppercase;font-size:1.3em;font-family:Roboto;margin:0 0 10px;}
.news-worldwide .section-title:after{display:none}
.news-worldwide .postsec .header6,
.news-worldwide .postsec p,
.news-worldwide .postsec span,
.block.block-views-blocksidebar-rtl-block-1 .header6,
.block.block-views-blocksidebar-rtl-block-1 span{color:#000;font-family:Roboto}
.news-worldwide .postsec span,
.block.block-views-blocksidebar-rtl-block-1 span{color:#e3001b;font-size:.9em;font-weight:600;display:inline-block;margin:5px 0}
.block.block-views-blocksidebar-rtl-block-1 span{font-size:0.85em;font-weight:normal;}
.block.block-views-blocksidebar-rtl-block-1 .header6{font-size:0.9em!important;}
.news-worldwide .postsec p{font-size:.9em;margin:5px 0}
.block.block-views-blocksidebar-rtl-block-1 .block-header {padding:0;}
.block.block-views-blocksidebar-rtl-block-1 article.post{padding:15px;}
.block.block-views-blocksidebar-rtl-block-1 .col-4,
.block.block-views-blocksidebar-rtl-block-1 .col-8{padding:0 10px 0 0;}
.sidebar-news-worldwide{margin: 0 15px;padding: 15px 0;border-bottom: 1px solid #ccc;}
.sidebar-news-worldwide:last-child{border:none;}

.section-title { display: flex; align-items: center; color: #085baa; flex: 10; margin-top: 40px; margin-bottom: 15px; font-size: 1.75rem; }
.section-title:after { content: ''; display: block; height: 5px; background-color: #085baa; border-radius: 5px; margin-left: 20px; flex: 1; }

/*.funeral-avis .person { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 150px; }
.funeral-avis .person .thumb .scare-ratio { width: 100px; }
.funeral-avis .person span { font-size: 1.3em; font-weight: 600; margin-left: 20px; }
.funeral-avis .infos { width: 100%; }
.funeral-avis .infos .info-box { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 20px 0; }
.funeral-avis .infos .info-box i { font-size: 4em; margin-bottom: 15px; color: #085baa; }
.funeral-avis .infos .info-box span { text-align: center; line-height: 1.3; font-weight: 600; font-size: 0.9em; }
.funeral-avis .funeral-portrait { margin-top: 50px; }*/

.post-show { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); margin-top: 15px; margin-bottom: 15px; border-radius: 5px; overflow: hidden; border-top: 0 !important; }
.post-show .video-ratio .attrs, .post-show .video-embed-field-responsive-video .attrs { display: flex; align-items: flex-end; justify-content: flex-start; }
.post-show .video-ratio .attrs .attr, .post-show .video-embed-field-responsive-video .attrs .attr { padding: 3px 10px; border-top-right-radius: 5px; }
.post-show .video-ratio .attrs .hot, .post-show .video-embed-field-responsive-video .attrs .hot { color: #fff; background-color: #f57b00; }
.post-show .video-ratio .attrs .cat, .post-show .video-embed-field-responsive-video .attrs .cat { color: #fff; background-color: #085baa; font-size: 0.9em; }
.post-show .video-ratio .image, .post-show .video-embed-field-responsive-video .image { -webkit-background-size: cover; background-size: cover; background-position: center center; }
.post-show .data { padding: 10px 15px; min-height: 150px; }
.post-show .data small { color: #085baa; }
.post-show .data h1, .post-show .data h2, .post-show .data h3 { font-size: 1.2em; }
.post-show .data p { letter-spacing: 0.02em; color: #464646; font-size: 0.9em; }

.replay-show { border-radius: 10px; overflow: hidden; display: block; margin-bottom: 30px; }
.replay-show .video-ratio .host, .replay-show .video-embed-field-responsive-video .host { display: flex; align-items: flex-end; justify-content: flex-end; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.1) 50%); }
.replay-show .video-ratio .host .data, .replay-show .video-embed-field-responsive-video .host .data { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; }
.replay-show .video-ratio .host .data img, .replay-show .video-embed-field-responsive-video .host .data img { width: 100px; border-top-left-radius: 5px; }
.replay-show .video-ratio .host .data span, .replay-show .video-embed-field-responsive-video .host .data span { color: #fff; padding: 10px 15px; font-size: 0.9em; font-weight: 600; }
.replay-show .video-ratio .hover, .replay-show .video-embed-field-responsive-video .hover { background-color: rgba(245, 123, 0, 0); display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.replay-show .video-ratio .hover i, .replay-show .video-embed-field-responsive-video .hover i { color: #fff; font-size: 2em; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.replay-show .video-ratio:hover .hover, .replay-show .video-embed-field-responsive-video:hover .hover { background-color: rgba(245, 123, 0, 0.5); }
.replay-show .video-ratio:hover .hover i, .replay-show .video-embed-field-responsive-video:hover .hover i { opacity: 1; }

/*.funeral-show { display: flex; flex-direction: column; }
.funeral-show .funeral-box { display: flex; }
.funeral-show .funeral-box .thumb { flex: 1; display: flex; align-items: center; justify-content: center; }
.funeral-show .funeral-box .info { flex: 5; display: flex; flex-direction: column; justify-content: center; padding-left: 15px; }
.funeral-show .funeral-box .info small { color: #085baa; }
.funeral-show .funeral-box .info span { color: #414141; font-weight: 600; }
.funeral-show .funeral-box .action { flex: 1; display: flex; align-items: center; justify-content: center; }*/

.replay-page { padding: 15px 10px; }

.show-programme { margin-bottom: 15px; }
.show-programme .video-ratio img, .show-programme .video-embed-field-responsive-video img { border-radius: 5px; }
.show-programme strong { font-size: 0.9em; }

.main-program { background-color: #f2f5fb; padding: 15px; border-radius: 5px; margin-bottom: 15px; }

footer { width: 100%; background-color: #085baa; padding: 20px 0; }
footer .navbar-nav a { font-size: 0.9em; line-height: 1.1; }
footer .footer-links ul { margin: 0; }
footer .footer-links ul li { list-style: none; }
footer .footer-links ul li a { color: #fff; text-decoration: none; padding: 3px; }
footer .fm-box { margin-bottom: 10px; border-radius: 5px; overflow: hidden; }
footer .fm-box .value { width: 100%; height: 20px; background-color: #074e92; color: #ff9429; text-align: center; font-weight: 600; }
footer .fm-box .location { width: 100%; height: 25px; text-align: center; background-color: #074e92; color: #b5d9fc; font-size: 0.9em; }
footer .footer-app { display: flex; align-items: center; justify-content: center; }
footer .footer-app img { height: 50px; padding: 0 15px; }

.sub-footer { width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #074e92; }
.sub-footer span { text-align: center; color: #54a8f7; }
.sub-footer span i { margin: 0 5px; color: #ff6061; }
.sub-footer span a { color: #9dcdfa; }

/* Extra small devices (portrait phones, less than 576px)*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { .islands { padding: 5px 0 !important; }
  .islands .island-container { margin: 2px !important; width: 60px !important; height: 60px !important; }
  .funeral-box { margin: 15px 0; }
  .island-selector { display: none !important; }
  .island-select { display: block !important; }
  nav.nav-main { display: none !important; }
  .bg { padding-top: 60px; }
  html { overflow-x: hidden !important; }
  .search-bar .input-group input:active, .search-bar .input-group input:focus { width: 160px !important; }
  .search-bar .input-group:hover .input-group input { width: 160px !important; }

}
/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .bg { margin-top: 0px !important; background-image: none !important; }
  nav.nav-main { height: 60px; opacity: 0; display: none; }
  .container { width: 100% !important; max-width: 100% !important; }
  .banner-mobile { display: block !important; }
  .banner { display: none !important; }
  .sub-nav-fixed .player { flex-direction: column; width: 100px; }
  .sub-nav-fixed .player .play { height: 30px !important; width: 30px !important; box-shadow: 0 3px 5px rgba(245, 123, 0, 0.1); }
  .sub-nav-fixed .player .play i { font-size: 0.7em !important; top: -1px !important; }
  .sub-nav-fixed .player .info { justify-content: center; height: 20px; padding: 0; width: 90px; }
  .sub-nav-fixed .player .info .title { display: none; }
  .landing .last-post { display: none !important; }
  .bg { padding-top: 60px; }
}
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { .nav { display: none; }
  /*.sub-nav .mobile-bars { display: block; }*/
  .sub-nav .search-bar .input-group { display: flex; }
  .sub-nav .host { display: none; }
  .sub-nav .island-selector select { font-size: 0.8em; }
  .sub-nav .search-bar { margin-right: 20px; } }
/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) { .landing { overflow-y: auto !important; overflow-x: hidden !important; }
  .landing .islands { display: flex; flex-wrap: wrap-reverse; justify-content: center; width: 100%; position: fixed; bottom: 0; padding: 15px 0; height: initial !important; z-index: 50; background-color: rgba(8, 91, 170, 0.5); }
  .landing .islands .island-container { margin: 5px; position: relative !important; width: 80px !important; height: 80px !important; }
  .landing .islands .island-container .island { width: 80px !important; height: 80px !important; }
  .landing .islands .island-container span { display: none !important; }
  .landing .islands .island-container:nth-child(1), .landing .islands .island-container:nth-child(2), .landing .islands .island-container:nth-child(3), .landing .islands .island-container:nth-child(4), .landing .islands .island-container:nth-child(5), .landing .islands .island-container:nth-child(6), .landing .islands .island-container:nth-child(7), .landing .islands .island-container:nth-child(8), .landing .islands .island-container:nth-child(9), .landing .islands .island-container:nth-child(10) { top: inherit !important; left: inherit !important; }
  .landing .info { position: relative !important; top: inherit !important; left: inherit !important; height: inherit !important; width: 350px !important; min-height: 70vh !important; margin: 30px auto !important; padding-bottom: 330px; padding-top: 50px; }
  .nav .container, .sub-nav .container { max-width: 100%; }
  .sub-nav-fixed .mobile-bars { display: block; } }
@media (min-width: 1200px) { .container { max-width: 1100px !important; } }
/** KF STARTERPACK - 2019 https://github.com/kevinfavergeaud */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce { from,
20%,
53%,
80%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
  43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
@keyframes bounce { from,
20%,
53%,
80%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  40%,
  43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { from,
50%,
to { opacity: 1; }
  25%,
  75% { opacity: 0; } }
@keyframes flash { from,
50%,
to { opacity: 1; }
  25%,
  75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { from,
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
@keyframes shake { from,
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0); transform: translateX(0); } }
.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
  40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
  60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
  80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
  to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
  20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
  20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { from,
11.1%,
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello { from,
11.1%,
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); }
  14% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  28% { -webkit-transform: scale(1); transform: scale(1); }
  42% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  70% { -webkit-transform: scale(1); transform: scale(1); } }
.heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn { from,
20%,
40%,
60%,
80%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes bounceIn { from,
20%,
40%,
60%,
80%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
.bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInDown { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInLeft { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInRight { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp { from,
60%,
75%,
90%,
to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

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

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

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

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

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }
.flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }
.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
@keyframes lightSpeedOut { from { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

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

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

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

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

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

@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; }
  to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%,
  60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%,
  80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%,
  60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40%,
  80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }
.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut { from { opacity: 1; }
  to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

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

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

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

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

@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

.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.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }

.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }

.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }

.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; }

.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; }

.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; }

.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; }

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

.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; }

@media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } }
html.lb-disable-scrolling { overflow: hidden; /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */ position: fixed; height: 100vh; width: 100vw; }

.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; }

.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; }

.lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; /* Image border */ border: 4px solid white; }

.lightbox a img { border: none; }

.lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image. This is visible during transitions. */ background-color: white; }

.lb-outerContainer:after { content: ""; display: table; clear: both; }

.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; }

.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat; }

.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

.lb-container > .nav { left: 0; }

.lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; }

.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }

.lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.lb-dataContainer:after { content: ""; display: table; clear: both; }

.lb-data { padding: 0 4px; color: #ccc; }

.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }

.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }

.lb-data .lb-caption a { color: #4ae; }

.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }

.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

* { font-family: 'Open Sans', sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

.scare-ratio { position: relative; overflow: hidden; width: 100%; }
.scare-ratio:before { display: block; content: ""; width: 100%; padding-top: 100%; }
.scare-ratio > .content, .scare-ratio > img, .scare-ratio > figure, .video-ratio .scare-ratio > img, .video-embed-field-responsive-video .scare-ratio > img, .video-ratio .scare-ratio > figure, .video-embed-field-responsive-video .scare-ratio > figure, .video-ratio .scare-ratio > iframe, .video-embed-field-responsive-video .scare-ratio > iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.scare-ratio .content, .scare-ratio img, .scare-ratio figure, .scare-ratio .video-ratio img, .video-ratio .scare-ratio img, .scare-ratio .video-embed-field-responsive-video img, .video-embed-field-responsive-video .scare-ratio img, .scare-ratio .video-ratio figure, .video-ratio .scare-ratio figure, .scare-ratio .video-embed-field-responsive-video figure, .video-embed-field-responsive-video .scare-ratio figure, .scare-ratio .video-ratio iframe, .video-ratio .scare-ratio iframe, .scare-ratio .video-embed-field-responsive-video iframe, .video-embed-field-responsive-video .scare-ratio iframe { width: 100%; }

.video-ratio, .video-embed-field-responsive-video { position: relative; overflow: hidden; width: 100%; }
.video-ratio:before, .video-embed-field-responsive-video:before { display: block; content: ""; width: 100%; padding-top: 56.25%; }
.video-ratio > .content, .video-embed-field-responsive-video > .content, .scare-ratio .video-ratio > img, .scare-ratio .video-embed-field-responsive-video > img, .scare-ratio .video-ratio > figure, .scare-ratio .video-embed-field-responsive-video > figure, .video-ratio > img, .video-ratio .video-embed-field-responsive-video > img, .video-embed-field-responsive-video .video-ratio > img, .video-embed-field-responsive-video > img, .video-ratio > figure, .video-ratio .video-embed-field-responsive-video > figure, .video-embed-field-responsive-video .video-ratio > figure, .video-embed-field-responsive-video > figure, .video-ratio > iframe, .video-ratio .video-embed-field-responsive-video > iframe, .video-embed-field-responsive-video .video-ratio > iframe, .video-embed-field-responsive-video > iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.video-ratio .content, .video-embed-field-responsive-video .content, .video-ratio .scare-ratio img, .scare-ratio .video-ratio img, .video-ratio .scare-ratio figure, .scare-ratio .video-ratio figure, .video-ratio img, .video-ratio .video-embed-field-responsive-video img, .video-embed-field-responsive-video .video-ratio img, .video-embed-field-responsive-video img, .video-ratio figure, .video-ratio .video-embed-field-responsive-video figure, .video-embed-field-responsive-video .video-ratio figure, .video-embed-field-responsive-video figure, .video-ratio iframe, .video-ratio .video-embed-field-responsive-video iframe, .video-embed-field-responsive-video .video-ratio iframe, .video-embed-field-responsive-video iframe { width: 100%; }

.noa { color: inherit !important; text-decoration: none !important; }

.user-logged-in .js-form-type-item { font-size: 0px; }
.user-logged-in .js-form-type-item h4 { font-size: 1.5rem; }

.scrollbar::-webkit-scrollbar-track { background-color: transparent; }

.scrollbar::-webkit-scrollbar { width: 7px; background-color: rgba(0, 0, 0, 0.05); }

.scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(0, 0, 0, 0.3); }

.btn-newletter { background-image: linear-gradient(90deg, #ffa90e, #ff642c); color: #fff; font-weight: 600; border-radius: 0; padding: 0 25px; border: 0 !important; box-shadow: none !important; }
.btn-newletter:hover { color: #fff; }

.btn-custom { background-color: #f57b00; color: #fff; }
.btn-custom:hover { background-color: #dc6e00; color: #fff; }

.btn-custom-blue { background-color: #085baa; color: #fff; }
.btn-custom-blue:hover { background-color: #074e92; color: #fff; }

.sub-nav { height: 100px; width: 100%; background-color: #fff; z-index: 100; left: 0; right: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.sub-nav .mobile-bars { display: none; }
.sub-nav .mobile-bars button { color: #085baa; display: flex; align-items: center; text-decoration: none !important; }
.sub-nav .mobile-bars button i { font-size: 1.3em; }
.sub-nav .container { display: flex; align-items: center; justify-content: space-between; height: 100px; }
.sub-nav .logo img { height: 70px; padding: 5px; }
.sub-nav .island-selector { padding: 0 15px; flex: 1; }
.sub-nav .island-selector .selector { background-color: #f2f2f2; display: flex; align-items: center; padding-left: 10px; border-radius: 5px; overflow: hidden; color: #f57b00; font-size: 1.1em; max-width: 150px; }
.sub-nav .island-selector .selector i { padding-right: 2px; }
.sub-nav .island-selector .selector select { box-shadow: none !important; border: 0 !important; background-color: #f2f2f2; color: #f57b00; padding-left: 5px; padding-right: 10px; }
.sub-nav .sub-search-bar { flex: 1; }
.sub-nav .search-bar { margin-right: 50px; height: 30px; display: flex; justify-content: flex-end; }
.sub-nav .search-bar .input-group { display: none; height: 30px; display: none; background-color: rgba(0, 0, 0, 0.05); border-radius: 5px; overflow: hidden; width: inherit; flex-wrap: nowrap; }
.sub-nav .search-bar .input-group input { background-color: transparent; border: 0 !important; color: #085baa; box-shadow: none !important; padding: 5px 10px; }
.sub-nav .search-bar .input-group input::placeholder { color: rgba(8, 91, 170, 0.5); }
.sub-nav .search-bar .input-group button { color: #085baa; background-color: rgba(0, 0, 0, 0.05); box-shadow: none !important; outline: none; border-radius: 4px; border: 0; }
.sub-nav .player { display: flex; align-items: center; }
.sub-nav .player .host { width: 100px; margin-right: 10px; animation: fadeIn 0.2s linear; }
.sub-nav .player .button .play { height: 60px; width: 60px; border-radius: 60px; border: 0 !important; background-color: #fff; outline: none; cursor: pointer; box-shadow: 0 3px 10px rgba(245, 123, 0, 0.5); display: flex; align-items: center; justify-content: center; }
.sub-nav .player .button .play i { color: #fff; font-size: 1.3em; color: #f57b00; }
.sub-nav .player .info { display: flex; flex-direction: column; justify-content: center; width: 150px; height: 80px; padding-left: 20px; }
.sub-nav .player .info .status { width: 100%; display: flex; align-items: center; padding-bottom: 5px; }
.sub-nav .player .info .status span { font-size: 0.8em; color: #085baa; }
.sub-nav .player .info .status span:last-child { color: #f57b00; font-weight: 600; }
.sub-nav .player .info .status i { font-size: 0.2em; color: #f57b00; padding: 0 5px; }
.sub-nav .player .info .title { color: #085baa; font-size: 0.8em; line-height: 1.3; margin: 5px 0; font-weight: 700; }

.sub-nav-fixed { position: fixed; z-index: 150; height: 60px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); animation: fadeInDown 0.2s linear; }
.sub-nav-fixed .container { height: 60px; }
.sub-nav-fixed .mobile-bars { display: block; }
.sub-nav-fixed .logo img { height: 51px; }
.sub-nav-fixed .island-selector select { font-size: 0.8em; }
.sub-nav-fixed .search-bar .input-group { display: flex; flex-wrap: nowrap; }
.sub-nav-fixed .player .host { display: none; }
.sub-nav-fixed .player .button .play { height: 45px; width: 45px; }
.sub-nav-fixed .player .button .play i { font-size: 1.1em; left: 2px; }
.sub-nav-fixed .player .info { flex-direction: row; height: 60px; padding-left: 10px; justify-content: flex-start; }
.sub-nav-fixed .player .info .status { border: 0; width: auto; min-width: 75px; padding-bottom: 0px; }
.sub-nav-fixed .player .info .status span:first-child { display: none; }
.sub-nav-fixed .player .info .status span:last-child { color: #f57b00; }
.sub-nav-fixed .player .info .title { padding-left: 5px; line-height: 1; margin: 0; display: flex; align-items: center; text-align: left; }
.sub-nav-fixed .player .info .title span { font-weight: 500; color: #064179; }

nav.nav-main { background-color: #085baa; height: 50px; width: 100%; position: relative; z-index: 8; }
nav.nav-main .container { display: flex; align-items: center; justify-content: space-between; height: 50px; }
nav.nav-main .mobile-bars { margin-right: 20px; }
nav.nav-main .mobile-bars button { color: #fff; display: flex; align-items: center; text-decoration: none !important; }
nav.nav-main .mobile-bars button i { font-size: 1.4em; }
nav.nav-main .mobile-bars button:hover { color: #fff; }
nav.nav-main .newsletter a, nav.nav-main .newsletter button { height: 50px; display: flex; align-items: center; justify-content: center; }
nav.nav-main .search-bar { margin-right: 50px; }
nav.nav-main .search-bar .input-group { background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; overflow: hidden; flex-wrap: nowrap; }
nav.nav-main .search-bar .input-group input { background-color: transparent; border: 0 !important; color: #fff; box-shadow: none !important; padding: 5px 10px; }
nav.nav-main .search-bar .input-group input::placeholder { color: rgba(255, 255, 255, 0.5); }
nav.nav-main .search-bar .input-group button { color: #fff; background-color: rgba(255, 255, 255, 0.2); box-shadow: none !important; outline: none; border-radius: 4px; border: 0; }
nav.nav-main ul { flex: 1; margin: 0; padding: 0; display: flex; }
nav.nav-main ul li { list-style: none; margin: 0; }
nav.nav-main ul li a { display: flex; align-items: center; justify-content: flex-start; color: #fff; height: 50px; padding: 0 15px; font-size: 0.9em; text-align: center; }
nav.nav-main ul li a .fa-caret-down { margin-left: 8px; }
nav.nav-main ul li a:hover { background-color: #fff; color: #085baa; text-decoration: none; }
nav.nav-main ul li .hot { color: #f57b00; font-weight: 500; }
nav.nav-main ul li .hot:hover { background-color: #f57b00; color: #fff; }
nav.nav-main ul li .sub-menue { display: none; background-color: #074e92; position: absolute; max-width: 465px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; }
nav.nav-main ul li .sub-menue ul { flex-wrap: wrap; }
nav.nav-main ul li .sub-menue ul li a { height: 45px; }
nav.nav-main ul li:hover .sub-menue { display: block; }

nav.nav-main-hide { height: 150px; }

.search-bar .input-group { flex-wrap: nowrap; }
.search-bar .input-group input { width: 0px; padding: 0 0 !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.search-bar .input-group input:active, .search-bar .input-group input:focus { width: 200px; padding: 5px 15px !important; }
.search-bar:hover .input-group input { width: 200px; padding: 5px 15px !important; }

.offcanvas-nav { position: fixed; left: -250px; top: 0; bottom: 0; width: 250px; background-color: #085baa; z-index: 1000; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; overflow-y: auto; }
.offcanvas-nav .island-select { background-color: #074e92; display: none; }
.offcanvas-nav .island-select span { color: #fff; width: 100%; display: block; font-weight: 500; padding: 10px 0; text-align: center; }
.offcanvas-nav .island-select ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.offcanvas-nav .island-select ul li { list-style: none; margin: 0; padding: 0; }
.offcanvas-nav .island-select ul li a { padding: 7px 15px; color: #fff; text-decoration: none; font-size: 0.9em; display: block; width: 100%; padding-left: 12px; }
.offcanvas-nav .island-select ul li a:hover { background-color: #fff; color: #085baa; }
.offcanvas-nav .head { width: 100%; height: 60px; background-color: #0856a0; display: flex; align-items: center; justify-content: space-between; }
.offcanvas-nav .head img { height: 60px; padding: 0 15px; opacity: 0.8; }
.offcanvas-nav .head button { color: #b5d9fc; }
.offcanvas-nav .links { padding: 20px 0; }
.offcanvas-nav .links ul { margin: 0; padding: 0; }
.offcanvas-nav .links ul li { list-style: none; margin: 0; padding: 0; }
.offcanvas-nav .links ul li a { padding: 7px 15px; color: #fff; text-decoration: none; font-size: 0.9em; display: block; width: 100%; padding-left: 12px; }
.offcanvas-nav .links ul li a:hover { background-color: #fff; color: #085baa; }
.offcanvas-nav .links ul li .hot { color: #f57b00; }
.offcanvas-nav .links ul li .hot:hover { background-color: #f57b00; color: #fff; }
.offcanvas-nav .links ul li .sub-menue { background-color: #074e92; overflow: hidden; }
.offcanvas-nav .links ul li .sub-menue ul { flex-wrap: wrap; display: flex; }
.offcanvas-nav .links ul li .sub-menue ul li a { font-size: 0.85em; padding: 7px 13px; }

.offcanvas-nav-active { left: 0; }

.island-post-selector { width: 100%; height: 40px; background-color: #085baa; }

.post-show-more { display: flex; justify-content: flex-start; align-items: center; }
.post-show-more button { color: #fff; margin-top: 15px; }

.post { padding: 15px 5px; overflow: hidden; }
.post h1 { font-size: 1.9em; color: #085baa; margin: 0; }
.post h2 { font-size: 1.75em; color: #085baa; margin: 0; }
.post h3 { font-size: 1.6em; color: #085baa; margin: 0; }
.post h4 { font-size: 1.45em; color: #085baa; margin: 0; }
.post h5 { font-size: 1.2em; color: #085baa; margin: 0; }
.post h6 { font-size: 1.1em; color: #085baa; margin: 0; }
.post .info { display: flex; align-items: baseline; color: #858585; margin-bottom: 15px; }
.post .info small { padding: 0 5px; color: #444444; }
.post .info small:first-child { padding-left: 0; }
.post .post-img { margin: 25px 0; border-radius: 5px; overflow: hidden; }
.post p { letter-spacing: 0.02em; line-height: 1.5; }

.post-tags .list { margin-top: 5px; }
.post-tags .list a { background-color: #085baa; border: 2px solid #085baa; color: #fff; padding: 1px 10px; border-radius: 15px; margin-bottom: 3px; text-decoration: none !important; }
.post-tags .list a:hover { background-color: #fff; border: 2px solid #085baa; color: #085baa; }

.landing-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; -webkit-background-size: cover; background-size: cover; background-color: #085baa; background-position: center center; }

main.landing { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; overflow: hidden; overflow-y: auto; }
main.landing .info { position: absolute; top: 270px; left: 23vw; width: 350px; height: 600px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
main.landing .info .logo { display: flex; justify-content: center; }
main.landing .info .logo img { height: 120px; }
main.landing .info .logo-lg img { height: 240px; max-width: 100%; }
main.landing .info .post-show { border: none; }
main.landing .info .post-show .data { min-height: 100px; height: initial !important; }
main.landing .islands { height: 880px; }
main.landing .islands .island-container { width: 100px; height: 100px; position: absolute; color: #fff; text-decoration: none; display: flex; align-items: center; justify-content: center; }
main.landing .islands .island-container .island { width: 100px; height: 100px; background-color: #fff; border-radius: 100px; }
main.landing .islands .island-container .island path, main.landing .islands .island-container .island polygon { fill: #085baa; }
main.landing .islands .island-container span { position: absolute; font-weight: 600; text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); text-transform: uppercase; font-size: 1.1em; display: block; width: 100px; text-align: center; }
main.landing .islands .island-container:nth-child(1) { left: 32vw; top: 166px; }
main.landing .islands .island-container:nth-child(1) span { margin-top: -65px; }
main.landing .islands .island-container:nth-child(2) { left: 40vw; top: 178px; }
main.landing .islands .island-container:nth-child(2) span { margin-top: -65px; }
main.landing .islands .island-container:nth-child(3) { left: 48vw; top: 200px; }
main.landing .islands .island-container:nth-child(3) span { margin-top: -65px; }
main.landing .islands .island-container:nth-child(4) { left: 56vw; top: 225px; }
main.landing .islands .island-container:nth-child(4) span { margin-top: -65px; }
main.landing .islands .island-container:nth-child(5) { left: 63vw; top: 257px; }
main.landing .islands .island-container:nth-child(5) span { margin-top: -40px; margin-left: 95px; }
main.landing .islands .island-container:nth-child(6) { left: 69.5vw; top: 324px; }
main.landing .islands .island-container:nth-child(6) span { margin-left: 100px; }
main.landing .islands .island-container:nth-child(7) { left: 74vw; top: 420px; }
main.landing .islands .island-container:nth-child(7) span { margin-left: 110px; }
main.landing .islands .island-container:nth-child(8) { left: 75vw; top: 540px; }
main.landing .islands .island-container:nth-child(8) span { margin-left: 110px; }
main.landing .islands .island-container:nth-child(9) { left: 74vw; top: 660px; }
main.landing .islands .island-container:nth-child(9) span { margin-left: 100px; }
main.landing .islands .island-container:nth-child(10) { left: 72vw; top: 770px; }
main.landing .islands .island-container:nth-child(10) span { margin-left: 100px; }
main.landing .islands .disabled .island { background-color: #c5c5c5; }
main.landing .islands .disabled .island path, main.landing .islands .disabled .island polygon { fill: #fff; }
main.landing .islands .disabled span { font-size: 0.85em; text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }

.bg { width: 100%; background-color: #fff; background-position: top center; background-repeat: no-repeat; }
.bg .banner { display: block; width: 100%; min-height: 200px; }
.bg .banner-mobile { width: 100vw}

.page-container { background-color: #fff; border-radius: 10px; overflow: hidden; }
.page-container .side-bar-container { padding-left: 15px; }

.block { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; margin-top: 15px; overflow: hidden; }
.block .block-header { width: 100%; height: 40px; display: flex; align-items: center; justify-content: flex-start; padding: 0 15px; }
.block .block-header h3 { font-size: 1.3em; padding: 0; margin: 0; color: #085baa; }
.block .block-header h3 small { font-size: 0.55em; text-transform: uppercase; color: #959595; font-weight: 500; }

.block-encar img { width: 100%; }

.block-weather .weather { padding: 25px; padding-top: 0 !important; }
.block-weather .weather .today { font-size: 1em; font-weight: 600; color: #085baa; text-align: center; width: 100%; display: block; margin-top: 15px; }
.block-weather .weather .main-picto { max-width: 100px; margin: 25px 0; }
.block-weather .weather .main-picto { max-width: 100px; margin: 25px 0; }
.block-weather .weather .picto { max-width: 65px; margin: 5px 0; }
.block-weather .weather .center-weather { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.block-weather .weather .center-weather span { font-weight: 600; font-size: 0.9em; color: #085baa; }
.block-weather .weather .temp { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 150px; }
.block-weather .weather .temp .max { color: #ffcd34; font-size: 1.8em; font-weight: 600; }
.block-weather .weather .temp .sep { width: 30px; height: 2px; background-color: #085baa; }
.block-weather .weather .temp .min { color: #ffcd34; font-size: 1.3em; font-weight: 600; }

.block-flash-news .flash-news { padding: 0 15px; padding-bottom: 15px; }
.block-flash-news .flash-news .flash { padding-top: 10px; width: 100%; display: flex; align-items: center; justify-content: flex-start; }
.block-flash-news .flash-news .flash .time { display: flex; align-items: center; flex-direction: column; line-height: 1; flex: 2; }
.block-flash-news .flash-news .flash .time span { color: #085baa; font-weight: 600; font-size: 0.9em; }
.block-flash-news .flash-news .flash .time small { font-size: 0.8em; }
.block-flash-news .flash-news .flash .icon { padding: 0 10px; flex: 1; text-align: center; }
.block-flash-news .flash-news .flash .icon .fa-fire { color: #f57b00; }
.block-flash-news .flash-news .flash .icon .fa-circle { font-size: 0.8em; color: #f57b00; }
.block-flash-news .flash-news .flash .data { flex: 12; display: flex; flex-direction: column; line-height: 1; }
.block-flash-news .flash-news .flash .data strong { color: #085baa; font-size: 0.9em; }
.block-flash-news .flash-news .flash .data a { font-size: 0.8em; font-weight: 400; }

/***** FORMER NEWSLETTER BLOCK ****/
.block-newsletter { border-top: 0; border-bottom: 0; }
.block-newsletter .newsletter-head { background-image: linear-gradient(90deg, #ffa90e, #ff642c); height: 50px; width: 100%; color: #fff; display: flex; align-items: center; justify-content: center; }
.block-newsletter .newsletter-head h3 { font-size: 1.2em; color: #fff; text-align: center; margin: 0; }
.block-newsletter .newsletter-body { padding: 15px; }
.block-newsletter .newsletter-body h4 { text-align: center; font-size: 1.1em; font-weight: 600; margin: 0; padding: 10px 40px; margin-bottom: 10px; }
.block-newsletter .newsletter-body .form input { background-color: #f2f2f2; border: 0; box-shadow: none !important; }
.block-newsletter .newsletter-body .form input:active, .block-newsletter .newsletter-body .form input:focus { background-color: #e5e5e5; }
.block-newsletter .newsletter-body .form .input-container { padding: 5px; }
.block-newsletter .newsletter-body .form .location { margin-top: 10px; }
.block-newsletter .newsletter-body .form .location span { color: #f57b00; font-size: 0.9em; padding: 5px; }
.block-newsletter .newsletter-body .form .location ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.block-newsletter .newsletter-body .form .location ul li { padding: 3px 5px; list-style: none; }
.block-newsletter .newsletter-body .form .location ul li input { margin-right: 5px; }
.block-newsletter .newsletter-body .form .location ul li label { margin: 0; font-size: 0.9em; }
.block-newsletter .newsletter-button { width: 100%; margin-top: 10px; }
.block-newsletter .newsletter-button .btn { width: 100%; height: 35px; border-radius: 0 !important; font-size: 1.1em; padding: 0; display: flex; align-items: center; justify-content: center; text-align: center; }
/***** FORMER NEWSLETTER BLOCK ****/
.block-most-readed .most-readed { padding-top: 5px; padding-bottom: 15px; }
.block-most-readed .most-readed ul { margin: 0; padding: 0; }
.block-most-readed .most-readed ul li { list-style: none; width: 100%; }
.block-most-readed .most-readed ul li a { display: flex; padding: 5px 15px; }
.block-most-readed .most-readed ul li a strong { height: 25px; width: 25px; background-color: #085baa; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 400; font-size: 0.8em; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; }
.block-most-readed .most-readed ul li a span { color: #5f5f5f; margin-left: 10px; font-weight: 500; line-height: 1.2; font-size: 0.9em; }
.block-most-readed .most-readed ul li a:hover strong { background-color: #f57b00; }
.block-most-readed .most-readed ul li a:hover span { color: #323232; }

#block-blocksideinscriptionnewsletter .block-header {
      background-image: linear-gradient(
90deg
, #ffa90e, #ff642c);
    height: 50px;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;

}
#block-blocksideinscriptionnewsletter #mc_embed_signup_scroll > span {
  font-size:1.3em;
  font-weight:bold;
  text-align:center;
  display:inline-block;
  padding:15px 40px;;
}
#block-blocksideinscriptionnewsletter #mc_embed_signup form{
  padding:0;
}
#block-blocksideinscriptionnewsletter .block-header h3{
  color:#fff;
}
#block-blocksideinscriptionnewsletter #mc_embed_signup .button{
    width: 100%;
    height: 35px;
    border-radius: 0 !important;
    font-size: 1.1em;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  margin-bottom:0;
background:#f57b00;
font-size:1.3em;
}
#block-blocksideinscriptionnewsletter #mc_embed_signup .button:hover{
background:#dc6e00;
}

#block-blocksideinscriptionnewsletter .form{
  padding:2px 20px 2px
}

#block-blocksideinscriptionnewsletter  .form .location{
  margin-top:15px;
}


#block-blocksideinscriptionnewsletter  .form .location span {
    color: #f57b00;
    font-size: 1em;
    padding: 5px;
    display: inline-block;
}

#block-blocksideinscriptionnewsletter ul{
  list-style:none;
  display:flex;
  padding:0;
}

#block-blocksideinscriptionnewsletter ul li{
  padding: 3px 5px;
}

#block-blocksideinscriptionnewsletter ul li input{
  margin-right:5px;
}
#block-blocksideinscriptionnewsletter .form .input-container{
  padding:5px;
}
#block-blocksideinscriptionnewsletter .form .input-container input,
#block-blocksideinscriptionnewsletter .form .input-container select {
  background-color: #f2f2f2;
  border: 0;
  box-shadow: none !important;
}
#block-blocksideinscriptionnewsletter .form select.mce_inline_error {
    border: 2px solid #e85c41;
}

#block-blocksideinscriptionnewsletter .form .input-container input:focus{
  background-color: #e5e5e5;
}

/**** FULL NEWSLETTER FORM ****/
.full-form-newsletter .block-preference,
.full-form-newsletter .block-identite{
  border:1px solid #ccc;
border-top:0;
  padding:20px;
  border-radius:0 0 5px 5px;
}

.full-form-newsletter .block-identite .mc-field-group{

margin-bottom:20px;}
.full-form-newsletter .newsletter-title{
    background-image: linear-gradient(
90deg
, #ffa90e, #ff642c);
    height: 50px;
    width: 100%;
    color: #fff;
font-weight:bold;
font-size:1.3em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:5px 5px 0 0 ;
}


#mc_embed_signup.full-form-newsletter  form .button{
    background: #f57b00;
    border-radius: 5px;
    margin-top: 1em;
    border: none;
    font-size: 1.2em;
}

 #mc_embed_signup.full-form-newsletter form input,
 #mc_embed_signup.full-form-newsletter form select{
  border:2px solid #ABB0B2;
  border-top: 0!important;
  border-left: 0!important;
  border-right: 0!important;
  border-radius:0;

}

#mc_embed_signup.full-form-newsletter form input:focus,
#mc_embed_signup.full-form-newsletter form select:focus{
  border-color:#085baa;
}
#mc_embed_signup.full-form-newsletter form#mc-embedded-subscribe-form div.mce_inline_error{
  font-weight:bold!important;
margin: 0;
    position: absolute;
    font-size: 0.8em;
    background: none;
    padding:0;
}

 #mc_embed_signup.full-form-newsletter form .mc-field-group.input-text label{
  position:absolute;
  top:0px;
  transition:.3s;
  -webkit-transition:.3s;
}
 #mc_embed_signup.full-form-newsletter form .mc-field-group.input-text:focus-within label{
  top:-20px;
  font-size:0.7em;
opacity:0.7;
  transition:.3s;
  -webkit-transition:.3s;
}

/* Customize the label (the container-checkbox) */
.full-form-newsletter .container-radio {
    position: relative;
    padding:5px!important;
    padding-left: 35px!important;
    margin-bottom: 12px!important;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.full-form-newsletter .container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.full-form-newsletter .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.full-form-newsletter .container-radio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.full-form-newsletter .container-radio input:checked ~ .checkmark {
  background-color: #085baa;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.full-form-newsletter .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.full-form-newsletter .container-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.full-form-newsletter .container-radio .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/******************/
.full-form-newsletter .switcher {
    display: block;
    width: 100%;
    padding: 10px 0;
    font-weight:bold;
}
.full-form-newsletter .switch{
display:block;
    top: -5px;
  margin-right:5px;
}

#mc_embed_signup.full-form-newsletter .mc-field-group.input-group.switcher label{
  display:block;
  padding:10px 0;
 min-height: 80px;
    overflow-wrap: break-word;
}


/* The switch - the box around the slider */
.full-form-newsletter .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.full-form-newsletter .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.full-form-newsletter .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.full-form-newsletter .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.full-form-newsletter input:checked + .slider {
  background-color: #2196F3;
}

.full-form-newsletter input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.full-form-newsletter input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.full-form-newsletter .slider.round {
  border-radius: 34px;
}

.full-form-newsletter .slider.round:before {
  border-radius: 50%;
}

/***********************/
/* Customize the label (the container) */
.full-form-newsletter .container-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.full-form-newsletter label.container-checkbox{
  font-size:1em;
}
/* Hide the browser's default checkbox */
.full-form-newsletter .container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.full-form-newsletter .container-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.full-form-newsletter .container-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.full-form-newsletter .container-checkbox input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.full-form-newsletter .container-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.full-form-newsletter .container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.full-form-newsletter .container-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.newsletter > a:hover{
  text-decoration: none;
}

.transmit-page { padding: 15px; }
.transmit-page .transmit { border: 1px solid rgba(0, 0, 0, 0.1); display: flex; align-items: center; border-radius: 5px; overflow: hidden; margin-bottom: 15px; }
.transmit-page .transmit .info { padding: 15px; }
.transmit-page .transmit .info h2 { font-size: 1.2em; margin: 0; }
.transmit-page .transmit .info small { color: #085baa; }
.transmit-page .transmit .info p { font-size: 0.9em; }

.block-webradio .radio { padding: 15px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.block-webradio .radio button { border: 0; background-color: transparent; outline: none; cursor: pointer; }
/*.block-webradio .radio button img { height: 75px; }*/
.block-webradio .radio button:hover { background-color: #ecf3ff; border-radius: 10px; }

.breadcrumbs { display: flex; align-items: center; justify-content: flex-start; line-height: 1.1; }
.breadcrumbs a { padding: 0 5px; color: #085baa; display: block; }
.breadcrumbs a:hover { color: #053461; text-decoration: none; }
.breadcrumbs a:first-child { padding-left: 0px; }
.breadcrumbs span { padding: 0 5px; }

.video-embed-field-responsive-video iframe { width: 100% !important; height: 100% !important; }

/*.news-worldwide { width: 100%; min-height: 25px; background-color: #085baa; color: #fff; border-radius: 10px; }*/
/*.news-worldwide .postsec { padding: 20px 15px; }*/
/*.news-worldwide .postsec h4 { font-size: 1.5em; margin: 0; }*/
/*.news-worldwide .postsec span { font-weight: 300; font-family: 'Roboto'; font-size: 0.9em; }*/
/*.news-worldwide .postsec p { letter-spacing: 0.003em; color: #fff; line-height: 1.3; padding-top: 15px; font-size: 0.9em; }*/

.section-title { display: flex; align-items: center; color: #085baa; flex: 10; margin-top: 40px; margin-bottom: 15px; font-size: 1.75rem; }
.section-title:after { content: ''; display: block; height: 5px; background-color: #085baa; border-radius: 5px; margin-left: 20px; flex: 1; }

/*.funeral-avis .person { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 150px; }
.funeral-avis .person .thumb .scare-ratio { width: 100px; }
.funeral-avis .person span { font-size: 1.3em; font-weight: 600; margin-left: 20px; }
.funeral-avis .infos { width: 100%; }
.funeral-avis .infos .info-box { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 20px 0; }
.funeral-avis .infos .info-box i { font-size: 4em; margin-bottom: 15px; color: #085baa; }
.funeral-avis .infos .info-box span { text-align: center; line-height: 1.3; font-weight: 600; font-size: 0.9em; }
.funeral-avis .funeral-portrait { margin-top: 50px; }*/

.post-show { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); margin-top: 15px; margin-bottom: 15px; border-radius: 5px; overflow: hidden; border-top: 0 !important; }
.post-show .video-ratio .attrs, .post-show .video-embed-field-responsive-video .attrs { display: flex; align-items: flex-end; justify-content: flex-start; }
.post-show .video-ratio .attrs .attr, .post-show .video-embed-field-responsive-video .attrs .attr { padding: 3px 10px; border-top-right-radius: 5px; }
.post-show .video-ratio .attrs .hot, .post-show .video-embed-field-responsive-video .attrs .hot { color: #fff; background-color: #f57b00; }
.post-show .video-ratio .attrs .cat, .post-show .video-embed-field-responsive-video .attrs .cat { color: #fff; background-color: #085baa; font-size: 0.9em; }
.post-show .video-ratio .image, .post-show .video-embed-field-responsive-video .image { -webkit-background-size: cover; background-size: cover; background-position: center center; }
.post-show .data { padding: 10px 15px; min-height: 150px; }
.post-show .data small { color: #085baa; }
.post-show .data h1, .post-show .data h2 { font-size: 1.2em; }
.post-show .data p { letter-spacing: 0.02em; color: #464646; font-size: 0.9em; }

.replay-show { border-radius: 10px; overflow: hidden; display: block; margin-bottom: 30px; }
.replay-show .video-ratio .host, .replay-show .video-embed-field-responsive-video .host { display: flex; align-items: flex-end; justify-content: flex-end; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.1) 50%); }
.replay-show .video-ratio .host .data, .replay-show .video-embed-field-responsive-video .host .data { display: flex; align-items: flex-end; justify-content: space-between; width: 100%; }
.replay-show .video-ratio .host .data img, .replay-show .video-embed-field-responsive-video .host .data img { width: 100px; border-top-left-radius: 5px; }
.replay-show .video-ratio .host .data span, .replay-show .video-embed-field-responsive-video .host .data span { color: #fff; padding: 10px 15px; font-size: 0.9em; font-weight: 600; }
.replay-show .video-ratio .hover, .replay-show .video-embed-field-responsive-video .hover { background-color: rgba(245, 123, 0, 0); display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.replay-show .video-ratio .hover i, .replay-show .video-embed-field-responsive-video .hover i { color: #fff; font-size: 2em; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.replay-show .video-ratio:hover .hover, .replay-show .video-embed-field-responsive-video:hover .hover { background-color: rgba(245, 123, 0, 0.5); }
.replay-show .video-ratio:hover .hover i, .replay-show .video-embed-field-responsive-video:hover .hover i { opacity: 1; }

/*.funeral-show { display: flex; flex-direction: column; }
.funeral-show .funeral-box { display: flex; }
.funeral-show .funeral-box .thumb { flex: 1; display: flex; align-items: center; justify-content: center; }
.funeral-show .funeral-box .info { flex: 5; display: flex; flex-direction: column; justify-content: center; padding-left: 15px; }
.funeral-show .funeral-box .info small { color: #085baa; }
.funeral-show .funeral-box .info span { color: #414141; font-weight: 600; }
.funeral-show .funeral-box .action { flex: 1; display: flex; align-items: center; justify-content: center; }*/

.replay-page { padding: 15px 10px; }

.show-programme { margin-bottom: 15px; }
.show-programme .video-ratio img, .show-programme .video-embed-field-responsive-video img { border-radius: 5px; }
.show-programme strong { font-size: 0.9em; }

.main-program { background-color: #f2f5fb; padding: 15px; border-radius: 5px; margin-bottom: 15px; }

footer { width: 100%; background-color: #085baa; padding: 20px 0; }
footer .navbar-nav a { font-size: 0.9em; line-height: 1.1; }
footer .footer-links ul { margin: 0; }
footer .footer-links ul li { list-style: none; }
footer .footer-links ul li a { color: #fff; text-decoration: none; padding: 3px; }
footer .fm-box { margin-bottom: 10px; border-radius: 5px; overflow: hidden; }
footer .fm-box .value { width: 100%; height: 20px; background-color: #074e92; color: #ff9429; text-align: center; font-weight: 600; }
footer .fm-box .location { width: 100%; height: 25px; text-align: center; background-color: #074e92; color: #b5d9fc; font-size: 0.9em; }
footer .footer-app { display: flex; align-items: center; justify-content: center; }
footer .footer-app img { height: 50px; padding: 0 15px; }

.sub-footer { width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #074e92; }
.sub-footer span { text-align: center; color: #54a8f7; }
.sub-footer span i { margin: 0 5px; color: #ff6061; }
.sub-footer span a { color: #9dcdfa; }

/* Extra small devices (portrait phones, less than 576px)*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { .islands { padding: 5px 0 !important; }
  .islands .island-container { margin: 2px !important; width: 60px !important; height: 60px !important; }
  .funeral-box { margin: 15px 0; }
  .island-selector { display: none !important; }
  .island-select { display: block !important; }
  nav.nav-main { display: none !important; }
  .bg { padding-top: 60px; }
  html { overflow-x: hidden !important; }
  .search-bar .input-group input:active, .search-bar .input-group input:focus { width: 160px !important; }
  .search-bar .input-group:hover .input-group input { width: 160px !important; } }
/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .bg { margin-top: 0px !important; background-image: none !important; }
  nav.nav-main { height: 60px; opacity: 0; display: none; }
  .container { width: 100% !important; max-width: 100% !important; }
  .banner-mobile { display: block !important; }
  .banner { display: none !important; }
  .sub-nav-fixed .player { flex-direction: column; width: 100px; }
  .sub-nav-fixed .player .play { height: 30px !important; width: 30px !important; box-shadow: 0 3px 5px rgba(245, 123, 0, 0.1); }
  .sub-nav-fixed .player .play i { font-size: 0.7em !important; top: -1px !important; }
  .sub-nav-fixed .player .info { justify-content: center; height: 20px; padding: 0; width: 90px; }
  .sub-nav-fixed .player .info .title { display: none; }
  .landing .last-post { display: none !important; } }
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { .nav { display: none; }
  /*.sub-nav .mobile-bars { display: block; }*/
  .sub-nav .search-bar .input-group { display: flex; }
  .sub-nav .host { display: none; }
  .sub-nav .island-selector select { font-size: 0.8em; }
  .sub-nav .search-bar { margin-right: 20px; } }
/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) { .landing { overflow-y: auto !important; overflow-x: hidden !important; }
  .landing .islands { display: flex; flex-wrap: wrap-reverse; justify-content: center; width: 100%; position: fixed; bottom: 0; padding: 15px 0; height: initial !important; z-index: 50; background-color: rgba(8, 91, 170, 0.5); }
  .landing .islands .island-container { margin: 5px; position: relative !important; width: 80px !important; height: 80px !important; }
  .landing .islands .island-container .island { width: 80px !important; height: 80px !important; }
  .landing .islands .island-container span { display: none !important; }
  .landing .islands .island-container:nth-child(1), .landing .islands .island-container:nth-child(2), .landing .islands .island-container:nth-child(3), .landing .islands .island-container:nth-child(4), .landing .islands .island-container:nth-child(5), .landing .islands .island-container:nth-child(6), .landing .islands .island-container:nth-child(7), .landing .islands .island-container:nth-child(8), .landing .islands .island-container:nth-child(9), .landing .islands .island-container:nth-child(10) { top: inherit !important; left: inherit !important; }
  .landing .info { position: relative !important; top: inherit !important; left: inherit !important; height: inherit !important; width: 350px !important; min-height: 70vh !important; margin: 30px auto !important; padding-bottom: 330px; padding-top: 50px; }
  .nav .container, .sub-nav .container { max-width: 100%; }
  .sub-nav-fixed .mobile-bars { display: block; } }
@media (min-width: 1200px) { .container { max-width: 1100px !important; } }


/*** Début : Correction nouveau logo 31/05/2023 LLa ***/
.block-webradio .radio button:nth-child(1) {
    margin-left: 7px !important;
    margin-right: 80px !important;
}
.block-webradio .radio button:nth-child(1) img {
    height: 60px;
}
/*@media (max-width: 768px) {
    .block-webradio .radio button:nth-child(1) {
        margin-left: 15px !important;
        margin-right: 87px !important;
    }
}*/
/*** Fin : Correction nouveau logo 31/05/2023 LLa ***/