/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */


/*Cutdown version of animate.min.css
For both Contentbox Section Anim and Snippet Blocks
fadeInUp,fadeInDown,fadeInLeft,fadeInRight,flash,bounce,rubberBand,shake,rollIn,pulse,bounceIn,flipInX,flipInY,slideInUp,slideInDown,slideInLeft,slideInRight,zoomIn

*/


.animated, .is-section.fadeInDown>*, .is-section.fadeInUp>* {
  animation-duration: 1s;
  animation-fill-mode: both!important; /*ensure not overriden by animate: rule*/
}

.fadeInDown:not(.is-section), .is-section.fadeInDown>* {
  animation-name: fadeInDown
}

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

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

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

@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0)
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0)
  }

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

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

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

  25%, 75% {
    opacity: 0
  }
}

.flash {
  animation-name: flash
}

@keyframes pulse {
  0%, to {
    transform: scaleX(1)
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05)
  }
}

.pulse {
  animation-name: pulse
}

@keyframes rubberBand {
  0%, to {
    transform: scaleX(1)
  }

  30% {
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    transform: scale3d(1.15, .85, 1)
  }

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

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

.rubberBand {
  animation-name: rubberBand
}

@keyframes shake {
  0%, to {
    transform: translateZ(0)
  }

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

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

.shake {
  animation-name: shake
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }

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

  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }

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

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

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

  to {
    opacity: 1;
    transform: scaleX(1)
  }
}

.bounceIn {
  animation-name: bounceIn
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  animation-name: fadeIn
}

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

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInUp:not(.is-section), .is-section.fadeInUp>* {
  animation-name: fadeInUp
}

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

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInLeft, .fadeInLeftSmall {
  animation-name: fadeInLeftSmall
}

@keyframes fadeInLeftSmall {
  0% {
    opacity: 0;
    transform: translate3d(-20%, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

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

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInRight, .fadeInRightSmall {
  animation-name: fadeInRightSmall
}

@keyframes fadeInRightSmall {
  0% {
    opacity: 0;
    transform: translate3d(20%, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 50%, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in
  }

  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    transform: perspective(400px)
  }
}

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

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in
  }

  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotateY(-5deg)
  }

  to {
    transform: perspective(400px)
  }
}

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

@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate(-200deg);
    opacity: 0
  }

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

.rotateIn {
  animation-name: rotateIn
}

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

  to {
    opacity: 1;
    transform: none
  }
}

.rollIn {
  animation-name: rollIn
}

@keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

.rollOut {
  animation-name: rollOut
}

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

  50% {
    opacity: 1
  }
}

.zoomIn {
  animation-name: zoomIn
}

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

  to {
    transform: translateZ(0)
  }
}

.slideInDown {
  animation-name: slideInDown
}

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

  to {
    transform: translateZ(0)
  }
}

.slideInLeft {
  animation-name: slideInLeft
}

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

  to {
    transform: translateZ(0)
  }
}

.slideInRight {
  animation-name: slideInRight
}

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

  to {
    transform: translateZ(0)
  }
}

.slideInUp {
  animation-name: slideInUp
}

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

@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    transform: translate3d(0, 30%, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInUpSmall {
  animation-name: fadeInUpSmall
}


/* ----------------------------------------------
 * AJ Added by lazyloadCss();
 * Extra Classes for snippet blocks only. Applied via Style Modal
 * Generated by Animista on 2019-6-20 21:35:25
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

.scale-in-center{-webkit-animation: scale-in-center 1s;animation: scale-in-center 1s;}
.scale-fade-center{-webkit-animation: scale-fade-center 1s;animation: scale-fade-center 1s;}
.flip-in-ver-left{-webkit-animation: flip-in-ver-left 1s;animation: flip-in-ver-left 1s;}
.flip-in-hor-bottom{-webkit-animation: flip-in-hor-bottom 1s;animation: flip-in-hor-bottom 1s;}
.rotate-center{-webkit-animation: rotate-center 1s;animation: rotate-center 1s;}

@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@-webkit-keyframes flip-in-ver-left{0%{-webkit-transform:rotateY(80deg);transform:rotateY(80deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}
@keyframes flip-in-ver-left{0%{-webkit-transform:rotateY(80deg);transform:rotateY(80deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}
@-webkit-keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}
@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}
@-webkit-keyframes scale-fade-center{
  0%{-webkit-transform:scale(0.7);transform:scale(0.7);opacity:0}
  100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes scale-fade-center{
  0%{-webkit-transform:scale(0.7);transform:scale(0.7);opacity:0}
  100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}


/*AJ hide deferred animation elements - stored with data-class*/
.animationDefered[data-class-saved]{opacity:0;}
.animationRevealed[data-class-saved]{opacity:1;}

/*Tweaks for Parallax init to cater for later loading*/
.is-parallax.animationDefered[data-class-saved]{opacity:1;}
.is-parallax .is-overlay-bg{transition:opacity 0.3s ease;}
.is-parallax .is-overlay-bg{opacity:0;}

.is-parallax.animationDefered .is-overlay-bg.parallaxInit,
.is-parallax .is-overlay-bg.parallaxInit,
.is-parallax.animationRevealed .is-overlay-bg{opacity:1;}

.ineditor .is-parallax .is-overlay-bg{opacity:1;}