/* # MetaAnimateCss meta-animate v0.0.1 n.1 1395-01-01 00:00 */
:root{
  -webkit-animation-duration:1s; animation-duration:1s;
  -webkit-animation-delay:0.5s; animation-delay:0.5s;
  -webkit-animation-iteration-count:1; animation-iteration-count:1;
}
/*
animation , @keyframes
animation-name,animation-duration,animation-delay,animation-iteration-count
animation-direction,animation-timing-function,animation-fill-mode
*/
/* Animate And Keyframes Sample Codes ---------------------------------------- */
.animate-sample{animation-name:sample;animation-duration:3s;}
@keyframes sample{from{background-color:red;}to{background-color:yellow;}}
@keyframes example {
  0%{background-color:red; left:0px; top:0px;}
  25%{background-color:yellow; left:200px; top:0px;}
  50%{background-color:blue; left:200px; top:200px;}
  75%{background-color:green; left:0px; top:200px;}
  100%{background-color:red; left:0px; top:0px;}
}

/* Base ---------------------------------------- */
.animate{}
[class*='animate-'],[class*='motion-']{
  -webkit-animation-duration:1s; animation-duration:1s;
  -webkit-animation-delay:0.5s; animation-delay:0.5s;
  -webkit-animation-iteration-count:1; animation-iteration-count:1;
}
.animate-infinite,.animate-ix,.animate-xx{
  animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}

/* Durations ---------------------------------------- */
.animate-1s{animation-duration:1s;}.animate-2s{animation-duration:2s;}
.animate-3s{animation-duration:3s;}.animate-4s{animation-duration:4s;}
.animate-5s{animation-duration:5s;}.animate-6s{animation-duration:6s;}
.animate-7s{animation-duration:7s;}.animate-8s{animation-duration:8s;}
.animate-9s{animation-duration:9s;}.animate-10s{animation-duration:10s;}

/* Animations ---------------------------------------- */
/* rubberBand */
.animate-bounce,.motion-bounce:hover{
  -webkit-animation-name:bounce; animation-name:bounce;
  -webkit-transform-origin:center bottom; transform-origin: center bottom;}
/* rubberBand */
.animate-flash,.motion-flash:hover{
  -webkit-animation-name:flash;animation-name:flash;}
/* rubberBand */
.animate-pulse,.motion-pulse:hover{
  -webkit-animation-name:pulse;animation-name:pulse;
  -webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
/* rubberBand */
.animate-rubberBand,.motion-rubberBand:hover{
  -webkit-animation-name:rubberBand;animation-name:rubberBand;}
/* shakeX */
.animate-shakeX,.motion-shakeX:hover{
  -webkit-animation-name:shakeX;animation-name:shakeX;}
/* shakeY */
.animate-shakeY,.motion-shakeY:hover{
  -webkit-animation-name:shakeY;animation-name:shakeY;}
/* headShake */
.animate-headShake,.motion-headShake:hover{
  -webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;
  -webkit-animation-name:headShake;animation-name:headShake;}
/* swing */
.animate-swing,.motion-swing:hover{
  -webkit-transform-origin:top center;transform-origin:top center;
  -webkit-animation-name:swing;animation-name:swing;}
/* tada */
.animate-tada,.motion-tada:hover{
  -webkit-animation-name:tada;animation-name:tada;}
/* wobble */
.animate-wobble,.motion-wobble:hover{
  -webkit-animation-name:wobble;animation-name:wobble;}
/* jello */
.animate-jello,.motion-jello:hover{
  -webkit-animation-name:jello;animation-name:jello;
  -webkit-transform-origin:center;transform-origin:center;}
/* heartBeat */
.animate-heartBeat,.motion-heartBeat:hover{
  -webkit-animation-name:heartBeat;animation-name:heartBeat;
  -webkit-animation-duration:calc(1s*1.3);animation-duration:calc(1s * 1.3);
  -webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
/* backInDown */
.animate-backInDown,.motion-backInDown:hover{
  -webkit-animation-name:backInDown;animation-name:backInDown;}
/* backInLeft */
.animate-backInLeft,.motion-backInLeft:hover{
  -webkit-animation-name:backInLeft;animation-name:backInLeft;}
/* backInRight */
.animate-backInRight,.motion-backInRight:hover{
  -webkit-animation-name:backInRight;animation-name:backInRight;}
/* backInUp */
.animate-backInUp,.motion-backInUp:hover{
  -webkit-animation-name:backInUp;animation-name:backInUp;}
/* backOutDown */
.animate-backOutDown,.motion-backOutDown:hover{
  -webkit-animation-name:backOutDown;animation-name:backOutDown;}
/* backOutLeft */
.animate-backOutLeft,.motion-backOutLeft:hover{
  -webkit-animation-name:backOutLeft;animation-name:backOutLeft;}
/* backOutRight */
.animate-backOutRight,.motion-backOutRight:hover{
  -webkit-animation-name:backOutRight;animation-name:backOutRight;}
/* backOutUp */
.animate-backOutUp,.motion-backOutUp:hover{
  -webkit-animation-name:backOutUp;animation-name:backOutUp;}
/* bounceIn */
.animate-bounceIn,.motion-bounceIn:hover{
  -webkit-animation-duration:calc(1s*0.75);animation-duration:calc(1s*0.75);
  -webkit-animation-name:bounceIn;animation-name:bounceIn;}
/* bounceInDown */
.animate-bounceInDown,.motion-bounceInDown:hover{
  -webkit-animation-name:bounceInDown;animation-name:bounceInDown;}
/* bounceInLeft */
.animate-bounceInLeft,.motion-bounceInLeft:hover{
  -webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}
/* bounceInRight */
.animate-bounceInRight,.motion-bounceInRight:hover{
  -webkit-animation-name:bounceInRight;animation-name:bounceInRight;}
/* bounceInUp */
.animate-bounceInUp,.motion-bounceInUp:hover{
  -webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
/* bounceOut */
.animate-bounceOut,.motion-bounceOut:hover{
  -webkit-animation-duration:calc(1s*0.75);animation-duration:calc(1s * 0.75);
  -webkit-animation-name:bounceOut;animation-name:bounceOut;}
/* bounceOutDown */
.animate-bounceOutDown,.motion-bounceOutDown:hover{
  -webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}
/* bounceOutLeft */
.animate-bounceOutLeft,.motion-bounceOutLeft:hover{
  -webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
/* bounceOutRight */
.animate-bounceOutRight,.motion-bounceOutRight:hover{
  -webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}
/* bounceOutUp */
.animate-bounceOutUp,.motion-bounceOutUp:hover{
  -webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}
/* fadeIn */
.animate-fadeIn,.motion-fadeIn:hover{
  -webkit-animation-name:fadeIn;animation-name:fadeIn;}
/* fadeInDown */
.animate-fadeInDown,.motion-fadeInDown:hover{
  -webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
/* fadeInDownBig */
.animate-fadeInDownBig,.motion-fadeInDownBig:hover{
  -webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
/* fadeInLeft */
.animate-fadeInLeft,.motion-fadeInLeft:hover{
  -webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
/* fadeInLeftBig */
.animate-fadeInLeftBig,.motion-fadeInLeftBig:hover{
  -webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
/* fadeInRight */
.animate-fadeInRight,.motion-fadeInRight:hover{
  -webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
/* fadeInRightBig */
.animate-fadeInRightBig,.motion-fadeInRightBig:hover{
  -webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
/* fadeInUp */
.animate-fadeInUp,.motion-fadeInUp:hover{
  -webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
/* fadeInUpBig */
.animate-fadeInUpBig,.motion-fadeInUpBig:hover{
  -webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
/* fadeInTopLeft */
.animate-fadeInTopLeft,.motion-fadeInTopLeft:hover{
  -webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft;}
/* fadeInTopRight */
.animate-fadeInTopRight,.motion-fadeInTopRight:hover{
  -webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight;}
/* fadeInBottomLeft */
.animate-fadeInBottomLeft,.motion-fadeInBottomLeft:hover{
  -webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft;}
/* fadeInBottomRight */
.animate-fadeInBottomRight,.motion-fadeInBottomRight:hover{
  -webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight;}
/* fadeOut */
.animate-fadeOut,.motion-fadeOut:hover{
  -webkit-animation-name:fadeOut;animation-name:fadeOut;}
/* fadeOutDown */
.animate-fadeOutDown,.motion-fadeOutDown:hover{
  -webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}
/* fadeOutDownBig */
.animate-fadeOutDownBig,.motion-fadeOutDownBig:hover{
  -webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}
/* fadeOutLeft */
.animate-fadeOutLeft,.motion-fadeOutLeft:hover{
  -webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
/* fadeOutLeftBig */
.animate-fadeOutLeftBig,.motion-fadeOutLeftBig:hover{
  -webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}
/* fadeOutRight */
.animate-fadeOutRight,.motion-fadeOutRight:hover{
  -webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}
/* fadeOutRightBig */
.animate-fadeOutRightBig,.motion-fadeOutRightBig:hover{
  -webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}
/* fadeOutUp */
.animate-fadeOutUp,.motion-fadeOutUp:hover{
  -webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
/* fadeOutUpBig */
.animate-fadeOutUpBig,.motion-fadeOutUpBig:hover{
  -webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}
/* fadeOutTopLeft */
.animate-fadeOutTopLeft,.motion-fadeOutTopLeft:hover{
  -webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft;}
/* fadeOutTopRight */
.animate-fadeOutTopRight,.motion-fadeOutTopRight:hover{
  -webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight;}
/* fadeOutBottomRight */
.animate-fadeOutBottomRight,.motion-fadeOutBottomRight:hover{
  -webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight;}
/* fadeOutBottomLeft */
.animate-fadeOutBottomLeft,.motion-fadeOutBottomLeft:hover{
  -webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft;}
/* flip */
.animate-flip,.motion-flip:hover{
  -webkit-backface-visibility:visible;backface-visibility:visible;
  -webkit-animation-name:flip;animation-name:flip;}
/* flipInX */
.animate-flipInX,.motion-flipInX:hover{
  -webkit-backface-visibility:visible !important;backface-visibility:visible !important;
  -webkit-animation-name:flipInX;animation-name:flipInX;}
/* flipInY */
.animate-flipInY,.motion-flipInY:hover{
  -webkit-backface-visibility:visible !important;backface-visibility:visible !important;
  -webkit-animation-name:flipInY;animation-name:flipInY;}
/* flipOutX */
.animate-flipOutX,.motion-flipOutX:hover{
  -webkit-animation-duration:calc(1s*0.75);animation-duration:calc(1s*0.75);
  -webkit-backface-visibility:visible !important;backface-visibility:visible !important;
  -webkit-animation-name:flipOutX;animation-name:flipOutX;}
/* flipOutY */
.animate-flipOutY,.motion-flipOutY:hover{
  -webkit-animation-duration:calc(1s*0.75);animation-duration:calc(1s*0.75);
  -webkit-backface-visibility:visible !important;backface-visibility:visible !important;
  -webkit-animation-name:flipOutY;animation-name:flipOutY;
}
/* lightSpeedInRight */
.animate-lightSpeedInRight,.motion-lightSpeedInRight:hover{
  -webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;
  -webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
/* lightSpeedInLeft */
.animate-lightSpeedInLeft,.motion-lightSpeedInLeft:hover{
  -webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;
  -webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
/* lightSpeedOutRight */
.animate-lightSpeedOutRight,.motion-lightSpeedOutRight:hover{
  -webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;
  -webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
/* lightSpeedOutLeft */
.animate-lightSpeedOutLeft,.motion-lightSpeedOutLeft:hover{
  -webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;
  -webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}
/* rotateIn */
.animate-rotateIn,.motion-rotateIn:hover{
  -webkit-animation-name:rotateIn;animation-name:rotateIn;
  -webkit-transform-origin:center;transform-origin:center;}
/* rotateInDownLeft */
.animate-rotateInDownLeft,.motion-rotateInDownLeft:hover{
  -webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;
  -webkit-transform-origin:left bottom;transform-origin:left bottom;}
/* rotateInDownRight */
.animate-rotateInDownRight,.motion-rotateInDownRight:hover{
  -webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;
  -webkit-transform-origin:right bottom;transform-origin:right bottom;}
/* rotateInUpLeft */
.animate-rotateInUpLeft,.motion-rotateInUpLeft:hover{
  -webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;
  -webkit-transform-origin:left bottom;transform-origin:left bottom;}
/* rotateInUpRight */
.animate-rotateInUpRight,.motion-rotateInUpRight:hover{
  -webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;
  -webkit-transform-origin:right bottom;transform-origin:right bottom;}
/* rotateOut */
.animate-rotateOut,.motion-rotateOut:hover{
  -webkit-animation-name:rotateOut;animation-name:rotateOut;
  -webkit-transform-origin:center;transform-origin:center;}
/* rotateOutDownLeft */
.animate-rotateOutDownLeft,.motion-rotateOutDownLeft:hover{
  -webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;
  -webkit-transform-origin:left bottom;transform-origin:left bottom;}
/* rotateOutDownRight */
.animate-rotateOutDownRight,.motion-rotateOutDownRight:hover{
  -webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;
  -webkit-transform-origin:right bottom;transform-origin:right bottom;}
/* rotateOutUpLeft */
.animate-rotateOutUpLeft,.motion-rotateOutUpLeft:hover{
  -webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;
  -webkit-transform-origin:left bottom;transform-origin:left bottom;}
/* rotateOutUpRight */
.animate-rotateOutUpRight,.motion-rotateOutUpRight:hover{
  -webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;
  -webkit-transform-origin:right bottom;transform-origin:right bottom;}
/* hinge */
.animate-hinge,.motion-hinge:hover{
  -webkit-animation-duration:calc(1s*2);animation-duration:calc(1s*2);
  -webkit-animation-name:hinge;animation-name:hinge;
  -webkit-transform-origin:top left;transform-origin:top left;}
/* jackInTheBox */
.animate-jackInTheBox,.motion-jackInTheBox:hover{
  -webkit-animation-name:jackInTheBox;animation-name:jackInTheBox;}
/* rollIn */
.animate-rollIn,.motion-rollIn:hover{
  -webkit-animation-name:rollIn;animation-name:rollIn;}
/* rollOut */
.animate-rollOut,.motion-rollOut:hover{
  -webkit-animation-name:rollOut;animation-name:rollOut;}
/* zoomIn */
.animate-zoomIn,.motion-zoomIn:hover{
  -webkit-animation-name:zoomIn;animation-name:zoomIn;}
/* zoomInDown */
.animate-zoomInDown,.motion-zoomInDown:hover{
  -webkit-animation-name:zoomInDown;animation-name:zoomInDown;}
/* zoomInLeft */
.animate-zoomInLeft,.motion-zoomInLeft:hover{
  -webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;}
/* zoomInRight */
.animate-zoomInRight,.motion-zoomInRight:hover{
  -webkit-animation-name:zoomInRight;animation-name:zoomInRight;}
/* zoomInUp */
.animate-zoomInUp,.motion-zoomInUp:hover{
  -webkit-animation-name:zoomInUp;animation-name:zoomInUp;}
/* zoomOut */
.animate-zoomOut,.motion-zoomOut:hover{
  -webkit-animation-name:zoomOut;animation-name:zoomOut;}
/* zoomOutDown */
.animate-zoomOutDown,.motion-zoomOutDown:hover{
  -webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;
  -webkit-transform-origin:center bottom;transform-origin:center bottom;}
/* pulse */
.animate-zoomOutLeft,.motion-pulse:hover{
  -webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;
  -webkit-transform-origin:left center;transform-origin:left center;}
/* zoomOutRight */
.animate-zoomOutRight,.motion-zoomOutRight:hover{
  -webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;
  -webkit-transform-origin:right center;transform-origin:right center;}
/* zoomOutUp */
.animate-zoomOutUp,.motion-zoomOutUp:hover{
  -webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;
  -webkit-transform-origin:center bottom;transform-origin:center bottom;}
/* slideInDown */
.animate-slideInDown,.motion-slideInDown:hover{
  -webkit-animation-name:slideInDown;animation-name:slideInDown;}
/* slideInLeft */
.animate-slideInLeft,.motion-slideInLeft:hover{
  -webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
/* slideInRight */
.animate-slideInRight,.motion-slideInRight:hover{
  -webkit-animation-name:slideInRight;animation-name:slideInRight;}
/* slideInUp */
.animate-slideInUp,.motion-slideInUp:hover{
  -webkit-animation-name:slideInUp;animation-name:slideInUp;}
/* slideOutDown */
.animate-slideOutDown,.motion-slideOutDown:hover{
  -webkit-animation-name:slideOutDown;animation-name:slideOutDown;}
/* slideOutLeft */
.animate-slideOutLeft,.motion-slideOutLeft:hover{
  -webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
/* slideOutRight */
.animate-slideOutRight,.motion-slideOutRight:hover{
  -webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
/* slideOutUp */
.animate-slideOutUp,.motion-slideOutUp:hover{
  -webkit-animation-name:slideOutUp;animation-name:slideOutUp;}