/**
Send-it Animation @version 4
*/
.anim-fade-in {
    opacity: 1;
    animation-name: key-fade-in;
    animation-duration: 1s;
}
@keyframes key-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}
.anim-bounce {
    animation-name: keyframe-bounce;
    transform-origin: center bottom;
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes keyframe-bounce {
    0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        transform:translateZ(0)} 
     40%,43%{
         -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
         animation-timing-function:cubic-bezier(.755,.05,.855,.06);
         -webkit-transform:translate3d(0,-30px,0) scaleY(1.1);
         transform:translate3d(0,-30px,0) scaleY(1.1)}
     70%{
         -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
         animation-timing-function:cubic-bezier(.755,.05,.855,.06);
         -webkit-transform:translate3d(0,-15px,0) scaleY(1.05);
         transform:translate3d(0,-15px,0) scaleY(1.05)}
     80%{-webkit-transform:translateZ(0) scaleY(.95);
         transform:translateZ(0) scaleY(.95);
         -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
         transition-timing-function:cubic-bezier(.215,.61,.355,1)}
     90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);
         t0ransform:translate3d(0,-4px,0) scaleY(1.02)}
}
.anim-pulse {
    animation-name: keyframe-pulse;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
}
@keyframes keyframe-pulse {
    0%{-webkit-transform:scaleX(1);
        transform:scaleX(1)}
    50%{-webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)}
    to{-webkit-transform:scaleX(1);
        transform:scaleX(1)}
}
.anim-shake {
    animation-name: keyframe-shake;
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes keyframe-shake {
    0%,to{-webkit-transform:translateZ(0);
        transform:translateZ(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)}
}
.anim-swing {
    animation-name: keyframe-swing;
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes keyframe-swing {
    20%{-webkit-transform:rotate(15deg);
        transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);
        transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)}
    to{-webkit-transform:rotate(0deg);
       transform:rotate(0deg)}
}
.anim-superflip {
    animation-name: keyframe-superflip;
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes keyframe-superflip {
    0%{-webkit-animation-timing-function:ease-out;
       animation-timing-function:ease-out;
       -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
       transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}
    40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}
    50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}
    80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}
    to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;
       -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
       transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}
}
.anim-flip {
    animation-name: keyframe-flip;
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes keyframe-flip {
    0%{-webkit-animation-timing-function:ease-in;
       animation-timing-function:ease-in;
       opacity:0;
       -webkit-transform:perspective(400px) rotateX(90deg);
       transform:perspective(400px) rotateX(90deg)}
    40%{-webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)}
    60%{opacity:1;
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)}
    80%{-webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)}
    to{-webkit-transform:perspective(400px);
       transform:perspective(400px)}
}
.anim-zoom {
    animation-name: keyframe-zoom;
    animation-duration: 1s;
    animation-fill-mode: both;
}
@keyframes keyframe-zoom {
    0%{opacity:0;
       -webkit-transform:scale3d(.3,.3,.3);
       transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}