/* ***************************************************************/
/* anime *********************************************************/
/* ***************************************************************/
.anime_left{
position: relative;
width: 100%;
overflow:  hidden;

}
.anime_left img{
padding: 0;
margin: 0;
  z-index: 5;
}
.anime_left img{
opacity: 0;
	transition: 1.5s;
	transition-timing-function:ease-in-out;
}
.anime_left_on img{
opacity: 1;
  transition: 1.5s;
  transition-timing-function:ease-in-out;
}
.anime_left:before{
content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255 ,.5);
  position: absolute;
  animation-name: animeleft;
	transition: .8s;
	transition-timing-function:ease-in-out;
	transition-delay:0.8s;
/*   transform: translateX(0); */
  left:0;
z-index: 10;
}

.anime_left_on:before{
content: " ";
	transition: .8s;
	transition-timing-function:ease-in-out;
	transition-delay:0.8s;
/*   transform: translateX(100%); */
  left: 100%;
}





.anime_right{
position: relative;
width: 100%;
overflow:  hidden;

}
.anime_right img{
padding: 0;
margin: 0;
  z-index: 5;
}
.anime_right img{
opacity: 0;
	transition: 1.5s;
	transition-timing-function:ease-in-out;
}
.anime_right_on img{
opacity: 1;
  transition: 1.5s;
  transition-timing-function:ease-in-out;
}
.anime_right:before{
content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255 ,.5);
  position: absolute;
  animation-name: animeleft;
	transition: .8s;
	transition-timing-function:ease-in-out;
	transition-delay:0.8s;
/*   transform: translateX(0); */
  right:0;
  z-index: 10;
}

.anime_right_on:before{
content: " ";
	transition: .8s;
	transition-timing-function:ease-in-out;
	transition-delay:0.8s;
/*   transform: translateX(100%); */
  right: 100%;
}





.anime_top{
position: relative;
width: 100%;
overflow:  hidden;

}
.anime_top img{
padding: 0;
margin: 0;
  z-index: 5;
}
.anime_top img{
opacity: 0;
	transition: 1.5s;
	transition-timing-function:ease-in-out;
}
.anime_top_on img{
opacity: 1;
  transition: 1.5s;
  transition-timing-function:ease-in-out;
}
.anime_top:before{
content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255 ,.5);
  position: absolute;
  animation-name: animeleft;
	transition: .8s;
	transition-timing-function:ease-in-out;
	transition-delay:0.8s;
/*   transform: translateX(0); */
  top:0;
z-index: 10;
}

.anime_top_on:before{
content: " ";
	transition: .8s;
	transition-timing-function:ease-in-out;
	transition-delay:0.8s;
/*   transform: translateX(100%); */
  top: 100%;
}





.anime_bottom{
position: relative;
width: 100%;
overflow:  hidden;

}
.anime_bottom img{
padding: 0;
margin: 0;
  z-index: 5;
}
.anime_bottom img{
opacity: 0;
	transition: 1.5s;
	transition-timing-function:ease-in-out;
}
.anime_bottom_on img{
opacity: 1;
  transition: 1.5s;
  transition-timing-function:ease-in-out;
}
.anime_bottom:before{
content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255 ,.5);
  position: absolute;
  animation-name: animeleft;
	transition: .8s;
	transition-timing-function:ease-in-out;
	transition-delay:0.8s;
/*   transform: translateX(0); */
  bottom:0;
z-index: 10;
}

.anime_bottom_on:before{
content: " ";
	transition: .8s;
	transition-timing-function:ease-in-out;
	transition-delay:0.8s;
/*   transform: translateX(100%); */
  bottom: 100%;
}

/* ***************************************************************/
/* anime end *****************************************************/
/* ***************************************************************/