.dynamicContainer.viewAnimate.zoom-in-zoom-out {animation: zoom-in-zoom-out 3s ease;}
.dynamicContainer.viewAnimate.fade-in {animation: fade-in;}

.dynamicContainer.viewAnimate.fade-in-right { animation: fade-in-right 3s ease; }
.dynamicContainer.viewAnimate.fade-in-left { animation: fade-in-left 3s ease; }
.dynamicContainer.viewAnimate.fade-in-top { animation: fade-in-top 3s ease; }
.dynamicContainer.viewAnimate.fade-in-down { animation: fade-in-down 3s ease; }  

.dynamicContainer.viewAnimate.zoom-in {animation: zoom-in 3s ease; }
.dynamicContainer.viewAnimate.zoom-in-right { animation: zoom-in-right 3s ease; }
.dynamicContainer.viewAnimate.zoom-in-left { animation: zoom-in-left 3s ease; }
.dynamicContainer.viewAnimate.zoom-in-top { animation: zoom-in-top 3s ease; }
.dynamicContainer.viewAnimate.zoom-in-down { animation: zoom-in-down 3s ease; }  

.dynamicContainer.viewAnimate.slide-in-right { animation: slide-in-right 3s ease; }
.dynamicContainer.viewAnimate.slide-in-left { animation: slide-in-left 3s ease; }
.dynamicContainer.viewAnimate.slide-in-top { animation: slide-in-top 3s ease; }
.dynamicContainer.viewAnimate.slide-in-down { animation: slide-in-down 3s ease; } 

.dynamicContainer.viewAnimate.rotate-in {animation: rotate-in 3s ease; }
.dynamicContainer.viewAnimate.rotate-in-top-left { animation: rotate-in-top-left 3s ease; }
.dynamicContainer.viewAnimate.rotate-in-top-right { animation: rotate-in-top-right 3s ease; }
.dynamicContainer.viewAnimate.rotate-in-down-left { animation: rotate-in-down-left 3s ease; }  
.dynamicContainer.viewAnimate.rotate-in-down-right { animation: rotate-in-down-right 3s ease; }

.dynamicContainer.viewAnimate.bounce-in {animation: bounce-in 3s ease; }
.dynamicContainer.viewAnimate.bounce-in-right { animation: bounce-in-right 3s ease; }
.dynamicContainer.viewAnimate.bounce-in-left { animation: bounce-in-left 3s ease; }
.dynamicContainer.viewAnimate.bounce-in-top { animation: bounce-in-top 3s ease; }
.dynamicContainer.viewAnimate.bounce-in-down { animation: bounce-in-down 3s ease; }  

.dynamicContainer.viewAnimate.bounce { animation: bounce 3s ease; transform-origin: center bottom;}
.dynamicContainer.viewAnimate.flash { animation: flash 3s ease; }
.dynamicContainer.viewAnimate.pulse { animation: pulse 3s ease; }
.dynamicContainer.viewAnimate.rubberBand { animation: rubberBand 3s ease; }
.dynamicContainer.viewAnimate.shake { animation: shake 3s ease; }
.dynamicContainer.viewAnimate.swing { animation: swing 3s ease; transform-origin: top center;}
.dynamicContainer.viewAnimate.tada { animation: tada 3s ease; }
.dynamicContainer.viewAnimate.wobble { animation: wobble 3s ease; }
.dynamicContainer.viewAnimate.jello { animation: jello 3s ease; transform-origin: center;}
.dynamicContainer.viewAnimate.lightSpeedIn { animation: lightSpeedIn 3s ease; animation-timing-function: ease-out;}  
.dynamicContainer.viewAnimate.rollIn { animation: rollIn 3s ease; }

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes fade-in-right {
  0% {
      opacity: 0;
      transform: translate3d(100%,0,0);
  }
  100% {
      opacity: 1;
      transform: none;
  }
}
@keyframes fade-in-left {
  0% {
      opacity: 0;
      transform: translate3d(-100%,0,0);
  }
  100% {
      opacity: 1;
      transform: none;
  }
}
@keyframes fade-in-top {
  0% {
      opacity: 0;
      transform: translate3d(0,-50%,0);
  }
  100% {
      opacity: 1;
      transform: none;
  }
}
@keyframes fade-in-down {
  0% {
      opacity: 0;
      transform: translate3d(0,50%,0);
  }
  100% {
      opacity: 1;
      transform: none;
  }
}
@keyframes zoom-in {
  0% {
    transform: scale3d(.3,.3,.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoom-in-right {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  }
  100% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
      animation-timing-function: cubic-bezier(.175,.885,.32,1);
  }
}
@keyframes zoom-in-left {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  }
  100% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
      animation-timing-function: cubic-bezier(.175,.885,.32,1);
  }
}
@keyframes zoom-in-top {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  }
  100% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      animation-timing-function: cubic-bezier(.175,.885,.32,1);
  }
}
@keyframes zoom-in-down {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19);
  }
  100% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
      animation-timing-function: cubic-bezier(.175,.885,.32,1);
  }
}
@keyframes slide-in-right {
  0% {
      transform: translate3d(30%,0,0);
      visibility: visible;
  }
  100% {
      transform: translate3d(0,0,0);
  }
}
@keyframes slide-in-left {
  0% {
      transform: translate3d(-30%,0,0);
      visibility: visible;
  }
  100% {
      transform: translate3d(0,0,0);
  }
}
@keyframes slide-in-top {
  0% {
      transform: translate3d(0,-25%,0);
      visibility: visible;
  }
  100% {
      transform: translate3d(0,0,0);
  }
}
@keyframes slide-in-down {
  0% {
      transform: translate3d(0,25%,0);
      visibility: visible;
  }
  100% {
      transform: translate3d(0,0,0);
  }
}
@keyframes rotate-in {
  0% {
    transform-origin: center;
    transform: rotate3d(0,0,1,-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center;
    transform: none;
    opacity: 1
  }
}
@keyframes rotate-in-top-left {
  0% {
      transform-origin: left bottom;
      transform: rotate3d(0,0,1,-45deg);
      opacity: 0;
  }
  100% {
      transform-origin: left bottom;
      transform: none;
      opacity: 1;
  }
}
@keyframes rotate-in-top-right {
  0% {
      transform-origin: right bottom;
      transform: rotate3d(0,0,1,45deg);
      opacity: 0;
  }
  100% {
      transform-origin: right bottom;
      transform: none;
      opacity: 1;
  }
}
@keyframes rotate-in-down-left {
  0% {
      transform-origin: left bottom;
      transform: rotate3d(0,0,1,45deg);
      opacity: 0;
  }
  100% {
      transform-origin: left bottom;
      transform: none;
      opacity: 1;
  }
}
@keyframes rotate-in-down-right {
  0% {
      transform-origin: right bottom;
      transform: rotate3d(0,0,1,-90deg);
      opacity: 0;
  }
  100% {
      transform-origin: right bottom;
      transform: none;
      opacity: 1;
  }
}
@keyframes bounce-in {
    20%, 40%, 60%, 80%, 0%, 100% {
        animation-timing-function: cubic-bezier(.215,.61,.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);
    }
    100% {
        opacity: 1;
        transform: scale3d(1,1,1);
    }
}
@keyframes bounce-in-right {
    60%, 75%, 90%, 0%, 100% {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0);
    }
    75% {
        transform: translate3d(10px,0,0);
    }
    90% {
        transform: translate3d(-5px,0,0);
    }
    100% {
        transform: none;
    }
}
@keyframes bounce-in-left {
    60%, 75%, 90%, 0%, 100% {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0);
    }
    75% {
        transform: translate3d(-10px,0,0);
    }
    90% {
        transform: translate3d(5px,0,0);
    }
    100% {
        transform: none;
    }
}
@keyframes bounce-in-top {
    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0);
    }
    60%, 75%, 90%, 0%, 100% {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    75% {
        transform: translate3d(0,-10px,0);
    }
    90% {
        transform: translate3d(0,5px,0);
    }
    100% {
        transform: none;
    }
}
@keyframes bounce-in-down {
    60%, 75%, 90%, 0%, 100% {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0);
    }
    75% {
        transform: translate3d(0,10px,0);
    }
    90% {
        transform: translate3d(0,-5px,0);
    }
    100% {
        transform: translate3d(0,0,0);
    }
}
@keyframes bounce {
    20%, 53%, 80%, 0%, 100% {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translate3d(0,0,0);
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        transform: translate3d(0,-30px,0);
    }
    70% {
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        transform: translate3d(0,-15px,0);
    }
    90% {
        transform: translate3d(0,-4px,0);
    }
}
@keyframes flash {
    50%, 0%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
@keyframes pulse {
    0%, 100% {
        transform: scale3d(1,1,1);
    }
    50% {
        transform: scale3d(1.05,1.05,1.05);
    }
}
@keyframes rubberBand {
    0%, 100% {
        transform: scale3d(1,1,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);
    }
}
@keyframes shake {
    0%, 100% {
        transform: translate3d(0,0,0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px,0,0);
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px,0,0);
    }
}
@keyframes swing {
  20% {
      transform: rotate3d(0,0,1,15deg);
  }
  40% {
      transform: rotate3d(0,0,1,-10deg);
  }
  60% {
      transform: rotate3d(0,0,1,5deg);
  }
  80% {
      transform: rotate3d(0,0,1,-5deg);
  }
  100% {
      transform: rotate3d(0,0,1,0deg);
  }
}
@keyframes tada {
  0%, 100% {
      transform: scale3d(1,1,1);
  }
  10%, 20% {
      transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
  }
  30%, 50%, 70%, 90% {
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
  }
  40%, 60%, 80% {
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
  }
}
@keyframes wobble {
  0%, 100% {
      transform: none;
  }
  15% {
      transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
  }
  30% {
      transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
  }
  45% {
      transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
  }
  60% {
      transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
  }
  75% {
      transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
  }      
}
@keyframes jello {
  11.1%, 0%, 100% {
      transform: none;
  }
  22.2% {
      transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
      transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
      transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
      transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
      transform: skewX(-.78125deg) skewY(-.78125deg);
  }
  77.7% {
      transform: skewX(.390625deg) skewY(.390625deg);
  }
  88.8% {
      transform: skewX(-.1953125deg) skewY(-.1953125deg);
  }     
}
@keyframes lightSpeedIn {
  0% {
      transform: translate3d(100%,0,0) skewX(-30deg);
      opacity: 0;
  }
  60% {
      transform: skewX(20deg);
      opacity: 1;
  }
  80% {
      transform: skewX(-5deg);
      opacity: 1;
  }
  100% {
      transform: none;
      opacity: 1;
  }
}
@keyframes rollIn {
  0% {
      opacity: 0;
      transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  }
  100% {
      opacity: 1;
      transform: none;
  }      
}