/*Css Transiciones banner*/
/*==========================================*/
/*Banner general*/
/*==========================================*/
.banner .banner-img{
  	-webkit-transition: left 1s, opacity 1s, top 1s, bottom 1s ease-in-out 0s;
	-moz-transition: left 1s, opacity 1s, top 1s, bottom 1s ease-in-out 0s;
	-o-transition: left 1s, opacity 1s, top 1s, bottom 1s ease-in-out 0s;
	-ms-transition: left 1s, opacity 1s, top 1s, bottom 1s ease-in-out 0s;
	transition: left 1s, opacity 1s, top 1s, bottom 1s ease-in-out 0s;
}
/*==========================================*/
/*Banner opacity*/
/*==========================================*/
.banner-img-opacity{
	opacity: 0;
	top: 0px;
}
.banner-img-opacity-active{
	opacity: 1;
	top:0px;
}
/*==========================================*/
/*Banner Left*/
/*==========================================*/
.banner-img-left{
	left: 100%;
	top:0px;
}
.banner-img-left-n{
	left: -100%;
	top:0px;
}
.banner-img-left-active{
	left: 0px;
	top:0px;
}
/*==========================================*/
/*Banner Top*/
/*==========================================*/
.banner-img-top{
	top: 100%;
}
.banner-img-top-n{
	top: -100%;
}
.banner-img-top-active{
	top: 0px;
}
/*==========================================*/
/*Banner Bottom*/
/*==========================================*/
.banner-img-bottom{
	bottom: 100%;
}
.banner-img-bottom-n{
	bottom: -100%;
}
.banner-img-bottom-active{
	bottom: 0px;
}