body {-webkit-backface-visibility: hidden;} /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}


/* --------------- STANDARD FADES */
@-webkit-keyframes fadeIn {0% {opacity:0;}	100% {opacity:1;}}
@keyframes fadeIn {0% {opacity: 0;}	100% {opacity: 1;}}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn;}

@-webkit-keyframes fadeOut {0% {opacity:1;} 100% {opacity:0;}}
@keyframes fadeOut {0% {opacity:1;} 100% {opacity:0;}}
.fadeOut {-webkit-animation-name:fadeOut;animation-name:fadeOut;}

@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translateY(20px);} 100% {opacity:1;-webkit-transform:translateY(0);}}
@keyframes fadeInUp {0% {opacity:0;transform:translateY(20px);} 100% {opacity:1;transform:translateY(0);}}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

@-webkit-keyframes fadeOutDown {0% {opacity:1;-webkit-transform: translateY(0);} 100% {opacity: 0; -webkit-transform: translateY(20px);}}
@keyframes fadeOutDown { 0% { opacity:1;transform:translateY(0);} 100% {opacity:0;transform:translateY(20px);}}
.fadeOutDown {-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}

@-webkit-keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translateX(-20px);} 100% {opacity:1;-webkit-transform:translateX(0);}}
@keyframes fadeInLeft {0% {opacity:0;transform:translateX(-20px);} 100% {opacity:1;transform:translateX(0);}}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}

@-webkit-keyframes fadeInRight {0% {opacity:0;-webkit-transform:translateX(20px);} 100% {opacity:1;-webkit-transform:translateX(0);}}
@keyframes fadeInRight {0% {opacity:0;transform: translateX(20px);} 100% {opacity:1;transform:translateX(0);}}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}


/* --------------- SLIDE IN/OUT */
@-webkit-keyframes slideInLeft { 0% {opacity:1;-webkit-transform:translateX(-500px);} 100% {opacity:1;-webkit-transform:translateX(0);} }
@keyframes slideInLeft { 0% {opacity:1;transform:translateX(-500px);} 100% {opacity:1;transform:translateX(0);} }
.slideInLeft {-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}

@-webkit-keyframes slideOutLeft { 0% {opacity:1;-webkit-transform:translateX(0);} 100% {opacity:1;-webkit-transform:translateX(-500px);} }
@keyframes slideOutLeft { 0% {opacity:1;transform:translateX(0);} 100% {opacity:1;transform:translateX(-500px);} }
.slideOutLeft {-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}

@-webkit-keyframes slideInLeftLarge { 0% {opacity:1;-webkit-transform:translateX(-750px);} 100% {opacity:1;-webkit-transform:translateX(0);} }
@keyframes slideInLeftLarge { 0% {opacity:1;transform:translateX(-750px);} 100% {opacity:1;transform:translateX(0);}}
.slideInLeftLarge {transition-timing-function:ease-out;-webkit-animation-name:slideInLeftLarge;-moz-animation-name:slideInLeftLarge;-o-animation-name:slideInLeftLarge;animation-name:slideInLeftLarge;}

@-webkit-keyframes slideInRightLarge { 0% {opacity:1;-webkit-transform:translateX(750px);} 100% {opacity:1;-webkit-transform:translateX(0);} }
@keyframes slideInRightLarge { 0% {opacity:1;transform:translateX(750px);} 100% {opacity:1;transform:translateX(0);}}
.slideInRightLarge {transition-timing-function:ease-out;-webkit-animation-name:slideInRightLarge;animation-name:slideInRightLarge;}

@-webkit-keyframes slideOutLeftLarge { 0% {opacity:1;-webkit-transform:translateX(0);} 100% {opacity:1;-webkit-transform:translateX(-750px);} }
@keyframes slideOutLeftLarge { 0% {opacity:1;transform:translateX(0);} 100% {opacity:1;transform:translateX(-750px);} }
.slideOutLeftLarge {transition-timing-function:ease-out;-webkit-animation-name:slideOutLeftLarge;animation-name:slideOutLeftLarge;}

@-webkit-keyframes slideOutRightLarge { 0% {opacity:1;-webkit-transform:translateX(0);} 100% {opacity:1;-webkit-transform:translateX(750px);} }
@keyframes slideOutLeftLarge { 0% {opacity:1;transform:translateX(0);} 100% {opacity:1;transform:translateX(750px);} }
.slideOutLeftLarge {transition-timing-function:ease-out;-webkit-animation-name:slideOutLeftLarge;animation-name:slideOutLeftLarge;}


/* --------------- ZOOM (pseudo Ken Burns) */
@-webkit-keyframes gentleZoom { 0% {-webkit-transform:scale(1);} 100% {-webkit-transform:scale(1.1);}}
@keyframes gentleZoom { 0% {transform:scale(1);} 100% {transform:scale(1.1);}}
.gentleZoom {-webkit-animation-name:gentleZoom;-moz-animation-name:gentleZoom;-o-animation-name:gentleZoom;animation-name:gentleZoom;}
.animated.gentleZoom {-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:15s;animation-duration:15s;}