/* Lightweight Animate.css for TEEMART */

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

.animate-fast{
animation-duration:.6s;
}

.animate-slow{
animation-duration:1.6s;
}

/* Fade In */

.fadeIn{
animation-name:fadeIn;
}

@keyframes fadeIn{

from{
opacity:0;
}

to{
opacity:1;
}

}

/* Fade Up */

.fadeInUp{
animation-name:fadeInUp;
}

@keyframes fadeInUp{

from{
opacity:0;
transform:translate3d(0,40px,0);
}

to{
opacity:1;
transform:none;
}

}

/* Fade Down */

.fadeInDown{
animation-name:fadeInDown;
}

@keyframes fadeInDown{

from{
opacity:0;
transform:translate3d(0,-40px,0);
}

to{
opacity:1;
transform:none;
}

}

/* Fade Left */

.fadeInLeft{
animation-name:fadeInLeft;
}

@keyframes fadeInLeft{

from{
opacity:0;
transform:translate3d(-40px,0,0);
}

to{
opacity:1;
transform:none;
}

}

/* Fade Right */

.fadeInRight{
animation-name:fadeInRight;
}

@keyframes fadeInRight{

from{
opacity:0;
transform:translate3d(40px,0,0);
}

to{
opacity:1;
transform:none;
}

}

/* Zoom */

.zoomIn{
animation-name:zoomIn;
}

@keyframes zoomIn{

from{
opacity:0;
transform:scale(.7);
}

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

}

/* Bounce */

.bounce{
animation:bounce 1s;
}

@keyframes bounce{

0%,20%,50%,80%,100%{
transform:translateY(0);
}

40%{
transform:translateY(-18px);
}

60%{
transform:translateY(-10px);
}

}

/* Pulse */

.pulse{
animation:pulse 1s infinite;
}

@keyframes pulse{

0%{
transform:scale(1);
}

50%{
transform:scale(1.05);
}

100%{
transform:scale(1);
}

}

/* Rotate */

.rotateIn{
animation-name:rotateIn;
}

@keyframes rotateIn{

from{
opacity:0;
transform:rotate(-180deg);
}

to{
opacity:1;
transform:rotate(0);
}

}