@charset "UTF-8";

/*ANIMATIONS EFFECT*/
.aym_effects {-webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0; visibility: hidden;}

/*FADE IN*/
@keyframes fadeInUp {
    0% {opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);}
    100% {opacity: 1; -webkit-transform: none; transform: none; visibility: visible;}
}
@keyframes fadeInDown {
    0% {opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);}
    100% {opacity: 1; -webkit-transform: none; transform: none; visibility: visible;}
}
@keyframes fadeInRight {
    0% {opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
    100% {opacity: 1; -webkit-transform: none; transform: none; visibility: visible;}
}
@keyframes fadeInLeft {
    0% {opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);}
    100% {opacity: 1; -webkit-transform: none; transform: none; visibility: visible;}
}

/*FADE OUT*/
@keyframes fadeOutUp {
    0% {opacity: 1; -webkit-transform: none; transform: none; visibility: visible;}
    100% {opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0);}
}
@keyframes fadeOutDown {
    0% {opacity: 1; -webkit-transform: none; transform: none; visibility: visible;}
    100% {opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);}
}
@keyframes fadeOutRight {
    0% {opacity: 1; -webkit-transform: none; transform: none; visibility: visible;}
	100% {opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
}
@keyframes fadeOutLeft {
    0% {opacity: 1; -webkit-transform: none; transform: none; visibility: visible;}
	100% {opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);}
}

.aym_fadein_up {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.aym_fadein_down {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.aym_fadein_right {-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.aym_fadein_left {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}

.aym_fadeout_up {-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;}
.aym_fadeout_down {-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;}
.aym_fadeout_right {-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;}
.aym_fadeout_left {-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;}