/**
 * cssanimation.css
 * Current Version: 1.0.3
 * https://www.cssanimatio.io
 * Created and maintained by: Pavel
 * Find me at: https://www.linkedin.com/in/yesiamrocks/
 * Email: hello@cssanimation.io
 * Github: https://github.com/yesiamrocks/cssanimation.io
 * Title: A CSS Animation Library for Developers and Ninjas
 * Copyright (c) 2017 Pavel
 * License: cssanimation.io is licensed under the MIT license
 **/
.cssanimation, .cssanimation span {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.preload .cssanimation { visibility: hidden;}
.loaded .cssanimation { visibility:visible; }

.cssanimation span { display: inline-block; }
.infinite { animation-iteration-count: infinite !important }

/*************************************************************
Letter Fade in
**************************************************************/
.leFadeIn span{animation-name:leFadeIn}@keyframes leFadeIn{from{opacity:0}to{opacity:1}}
.leFadeInLeft span{animation-name:leFadeInLeft}@keyframes leFadeInLeft{from{opacity:0;transform:translateX(-60px)}to{opacity:1}}
.leFadeInRight span{animation-name:leFadeInRight}@keyframes leFadeInRight{from{opacity:0;transform:translateX(60px)}to{opacity:1}}
.leFadeInTop span{animation-name:leFadeInTop}@keyframes leFadeInTop{from{opacity:0;transform:translateY(-100%)}to{opacity:1}}
.leFadeInBottom span{animation-name:leFadeInBottom}@keyframes leFadeInBottom{from{opacity:0;transform:translateY(100%)}to{opacity:1}}


.leFadeIn span { display: inline;  }


/*************************************************************
Fade in
**************************************************************/

.fadeIn span,
.fadeInLeft span,
.fadeInRight span,
.fadeInTop span,
.fadeInBottom span { display: inline;  }

.fadeIn{animation-name:fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-100%)}to{opacity:1}}
.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRight{from{opacity:0;transform:translateX(100%)}to{opacity:1}}
.fadeInTop{animation-name:fadeInTop}@keyframes fadeInTop{from{opacity:0;transform:translateY(-100%)}to{opacity:1}}
.fadeInBottom{animation-name:fadeInBottom}@keyframes fadeInBottom{from{opacity:0;transform:translateY(100%)}to{opacity:1}}