@charset "UTF-8";

/* ----------------------------------------------------------
   Breathe
   ------------------------------------------------------- */

.anim-breathe {
    -webkit-animation: breathe 1s infinite linear;
    -moz-animation: breathe 1s infinite linear;
    -o-animation: breathe 1s infinite linear;
}

@-webkit-keyframes breathe {
    0%, 100% {
        opacity:1;
    }

    25%, 75% {
        opacity:0.66;
    }

    50% {
        opacity:0.33;
    }
}

@-moz-keyframes breathe {
    0%, 100% {
        opacity:1;
    }

    25%, 75% {
        opacity:0.66;
    }

    50% {
        opacity:0.33;
    }
}

@-o-keyframes breathe {
    0%, 100% {
        opacity:1;
    }

    25%, 75% {
        opacity:0.66;
    }

    50% {
        opacity:0.33;
    }
}

/* ----------------------------------------------------------
   Bounce // <3 http://daneden.me/animate/
   ------------------------------------------------------- */

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-50px);}
    60% {-webkit-transform: translateY(-25px);}
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-50px);}
    60% {-moz-transform: translateY(-25px);}
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-50px);}
    60% {-o-transform: translateY(-25px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-50px);}
    60% {transform: translateY(-25px);}
}

/* ----------------------------------------------------------
   Shake
   ------------------------------------------------------- */

@-webkit-keyframes shake {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);}
    40% {-webkit-transform: translateX(-50px);}
    60% {-webkit-transform: translateX(-25px);}
}

@-moz-keyframes shake {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateX(0);}
    40% {-moz-transform: translateX(-50px);}
    60% {-moz-transform: translateX(-25px);}
}

@-o-keyframes shake {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateX(0);}
    40% {-o-transform: translateX(-50px);}
    60% {-o-transform: translateX(-25px);}
}
@keyframes shake {
    0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
    40% {transform: translateX(-50px);}
    60% {transform: translateX(-25px);}
}