@charset "UTF-8";

.anime{opacity: 0;}
a.anime{display: block}
.active{opacity: 1;}

/*slide up*/
.anime.up{transition: .4s ease-out;-webkit-transition: .4s ease-out;-ms-transition: .4s ease-out;transform: translateY(250px);-webkit-transform: translateY(250px);-ms-transform: translateY(250px)}
.up.active{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0)}

.anime.down{transition: .4s ease-out;-webkit-transition: .4s ease-out;-ms-transition: .4s ease-out;transform: translateY(-250px);-webkit-transform: translateY(-250px);-ms-transform: translateY(-250px)}
.down.active{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0)}

/*slide right*/
.anime.right{transition: .4s ease-out;-webkit-transition: .4s ease-out;-ms-transition: .4s ease-out;transform: translateX(-100%);-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%)}
.right.active{transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0)}

/*slide left*/
.anime.left{transition: .4s ease-out;-webkit-transition: .4s ease-out;-ms-transition: .4s ease-out;transform: translateX(100%);-webkit-transform: translateX(100%);-ms-transform: translateX(100%)}
.left.active{transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0)}

/*pala*/
.pala{background-size: cover;background-repeat:no-repeat;background-attachment:fixed; background-position-y: 0;background-position-x: center;}