﻿.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes rubberBand {
    0% {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
    30% {-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}
    40% {-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}
    50% {-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}
    65% {-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}
    75% {-webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);}
    100% {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
}

@keyframes rubberBand {
    0% {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
    30% {-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}
    40% {-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}
    50% {-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}
    65% {-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}
    75% {-webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);}
    100% {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
} 

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInLeft {
    0% {-webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible;}
    100% {-webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes slideInLeft {
    0% {-webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible;}
    100% {-webkit-transform: translateX(0); transform: translateX(0);}
} 

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInRight {
    0% {-webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible;}
    100% {-webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes slideInRight {
    0% {-webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible;}
    100% {-webkit-transform: translateX(0); transform: translateX(0);}
} 

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes zoomInUp {
    0% {opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
    60% {opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomInUp {
    0% {opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
    60% {opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}
} 