@keyframes fadein {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadestoped {50% {opacity: 0.5;}100% {opacity: 0;}}
@keyframes fadeleft {50% {transform:translateX(-10px);opacity: 0.5;}100% {transform: translateX(-10px);opacity: 0;}}
@keyframes faderight {50% {transform: translateX(10px);opacity: 0.5;}100% {transform: translateX(10px);opacity: 0;}}
@keyframes fadedown {50% {transform: translateY(10px);opacity: 0.5;}100% {transform: translateY(10px);opacity: 0;}}
@keyframes fadeup {50% {transform: translateY(-10px);opacity: 0.5;}100% {transform: translateY(-10px);opacity: 0;}}
@-webkit-keyframes fadein {0% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes fadestoped {50% {opacity: 0.5;}100% {opacity: 0;}}
@-webkit-keyframes fadeleft {50% {-webkit-transform:translateX(-10px);opacity: 0.5;}100% {-webkit-transform: translateX(-10px);opacity: 0;}}
@-webkit-keyframes faderight {50% {-webkit-transform: translateX(10px);opacity: 0.5;}100% {-webkit-transform: translateX(10px);opacity: 0;}}
@-webkit-keyframes fadedown {50% {-webkit-transform: translateY(10px);opacity: 0.5;}100% {-webkit-transform: translateY(10px);opacity: 0;}}
@-webkit-keyframes fadeup {50% {-webkit-transform: translateY(-10px);opacity: 0.5;}100% {-webkit-transform: translateY(-10px);opacity: 0;}}
@-moz-keyframes fadein {0% {opacity: 0;}100% {opacity: 1;}}
@-moz-keyframes fadestoped {50% {opacity: 0.5;}100% {opacity: 0;}}
@-moz-keyframes fadeleft {50% {-moz-transform:translateX(-10px);opacity: 0.5;}100% {-moz-transform: translateX(-10px);opacity: 0;}}
@-moz-keyframes faderight {50% {-moz-transform: translateX(10px);opacity: 0.5;}100% {-moz-transform: translateX(10px);opacity: 0;}}
@-moz-keyframes fadedown {50% {-moz-transform: translateY(10px);opacity: 0.5;}100% {-moz-transform: translateY(10px);opacity: 0;}}
@-moz-keyframes fadeup {50% {-moz-transform: translateY(-10px);opacity: 0.5;}100% {-moz-transform: translateY(-10px);opacity: 0;}}
@-o-keyframes fadein {0% {opacity: 0;}100% {opacity: 1;}}
@-o-keyframes fadestoped {50% {opacity: 0.5;}100% {opacity: 0;}}
@-o-keyframes fadeleft {50% {-o-transform:translateX(-10px);opacity: 0.5;}100% {-o-transform: translateX(-10px);opacity: 0;}}
@-o-keyframes faderight {50% {-o-transform: translateX(10px);opacity: 0.5;}100% {-o-transform: translateX(10px);opacity: 0;}}
@-o-keyframes fadedown {50% {-o-transform: translateY(10px);opacity: 0.5;}100% {-o-transform: translateY(10px);opacity: 0;}}
@-o-keyframes fadeup {50% {-o-transform: translateY(-10px);opacity: 0.5;}100% {-o-transform: translateY(-10px);opacity: 0;}}
@-webkit-keyframes updown {0%,20%,50%,80%,100%{-webkit-transform:translateY(0);} 40% {-webkit-transform:translateY(-30px);}60% {-webkit-transform: translateY(-15px);}}
@-moz-keyframes updown {0%, 20%, 50%, 80%, 100% {-moz-transform:translateY(0);}40% {-moz-transform:translateY(-30px);}60% {-moz-transform:translateY(-15px);}}
@-o-keyframes updown {0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}40% {-o-transform: translateY(-30px);}60% {-o-transform: translateY(-15px);}}
@keyframes updown {0%, 20%, 50%, 80%, 100% {transform: translateY(0);}40% {transform: translateY(-30px);}60% {transform: translateY(-15px);}}

@-webkit-keyframes leftnright {0%,20%,50%,80%,100%{-webkit-transform:translateX(0);} 50% {-webkit-transform:translateX(1rem);}}
@-moz-keyframes leftnright {0%, 20%, 50%, 80%, 100% {-moz-transform:translateX(0);}50% {-moz-transform:translateX(1rem);}}
@-o-keyframes leftnright {0%, 20%, 50%, 80%, 100% {-o-transform: translateX(0);}50% {-o-transform: translateX(1rem);}}
@keyframes leftnright {0%, 20%, 50%, 80%, 100% {transform: translateX(0);}50% {transform: translateX(1rem);}}

.fadein {animation: fadein 1s ;-webkit-animation: fadein 1s ;-moz-animation: fadein 1s ;-o-animation: fadein 1s ;}
.fadestoped {animation: fadestoped 1s infinite;-webkit-animation: fadestoped 1s infinite;-moz-animation: fadestoped 1s infinite;-o-animation: fadestoped 1s infinite;}
.fadeleft {animation: fadeleft 1s infinite;-webkit-animation: fadeleft 1s infinite;-moz-animation: fadeleft 1s infinite;-o-animation: fadeleft 1s infinite;}
.faderight {animation: faderight 1s infinite;-webkit-animation: faderight 1s infinite;-moz-animation: faderight 1s infinite;-o-animation: faderight 1s infinite;}
.fadedown {animation: fadedown 1s infinite;-webkit-animation: fadedown 1s infinite;-moz-animation: fadedown 1s infinite;-o-animation: fadedown 1s infinite;}
.fadeup {animation: fadeup 1s infinite;-webkit-animation: fadeup 1s infinite;-moz-animation: fadeup 1s infinite;-o-animation: fadeup 1s infinite;}
.updown {animation: updown 2s infinite;-webkit-animation: updown 2s infinite;-moz-animation: updown 2s infinite;-o-animation: updown 2s infinite;}
.leftnright {animation: leftnright 2s infinite;-webkit-animation: leftnright 2s infinite;-moz-animation: leftnright 2s infinite;-o-animation: leftnright 2s infinite;}