
/***customized_ny***/
.downIn { 
-webkit-animation: support_no_n .7s 1; /* Chrome, Safari, Opera */
-webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
animation: support_no_n .9s 1;
animation-direction: alternate;
}
@keyframes support_no_n
{
0% { opacity:0; -webkit-opacity:0; transform: scale(.8); -webkit-transform:scale(.8); }
100% { opacity:1; -webkit-opacity:1; transform: scale(1.0); -webkit-transform:scale(1); }
}
@-webkit-keyframes support_no_n
{
0% { opacity:0; -webkit-opacity:0; transform: scale(.8); -webkit-transform:scale(.8); }
100% { opacity:1; -webkit-opacity:1; transform: scale(1.0); -webkit-transform:scale(1); }
}


.animate_left1 {
	-webkit-animation-name:animate_left1;
	animation-name:animate_left1;
animation-duration:1.5s; -webkit-animation-duration:1.5s; 
animation-fill-mode:forwards; 
-webkit-animation-fill-mode:forwards; 
}
@-webkit-keyframes animate_left1 {
0%, 100%, 60%, 75%, 90% {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-100px, 0, 0);
transform:translate3d(-100px, 0, 0)
}
80% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes animate_left1 {
0%, 100%, 60%, 75%, 90% {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-100px, 0, 0);
transform:translate3d(-100px, 0, 0)
}
80% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}


.animate_right1 { animation-name:animate_right1; -webkit-animation-name:animate_right1;	
	animation-duration:1.5s; -webkit-animation-duration:1.5s; 
	animation-fill-mode:forwards;  -webkit-animation-fill-mode:forwards; 
}
@-webkit-keyframes animate_right1 {
0%, 100%, 60%, 75%, 90% {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(100px, 0, 0);
transform:translate3d(100px, 0, 0)
}
80% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes animate_right1 {
0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0% { 
opacity:0; -webkit-transform:translate3d(100px, 0, 0); 
transform:translate3d(100px, 0, 0)
}
80% { 
-webkit-transform:translate3d(-10px, 0, 0); 
transform:translate3d(-10px, 0, 0); 
}
100% { -webkit-transform:none; transform:none }
}


.topBottom { animation-name:topBottom; -webkit-animation-name:topBottom;	
	animation-duration:1.5s; -webkit-animation-duration:1.5s; 
	animation-fill-mode:forwards;  -webkit-animation-fill-mode:forwards; 
}
@-webkit-keyframes topBottom {
0%, 100%, 60%, 75%, 90% {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(100px, 0, 0);
transform:translate3d(100px, 0, 0)
}
80% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes topBottom {
0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0% { 
opacity:0; -webkit-transform:translate3d(100px, 0, 0); 
transform:translate3d(100px, 0, 0)
}
80% { 
-webkit-transform:translate3d(-10px, 0, 0); 
transform:translate3d(-10px, 0, 0); 
}
100% { -webkit-transform:none; transform:none }
}




.downUp { animation-name:downUp; -webkit-animation-name:downUp;	
	animation-duration:1.5s; -webkit-animation-duration:1.5s; 
	animation-fill-mode:forwards;  -webkit-animation-fill-mode:forwards; 
}
@-webkit-keyframes downUp {
0%, 100%, 60%, 75%, 90% {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0px, -50px, 0);
transform:translate3d(0px, -50px, 0)
}
80% {
-webkit-transform:translate3d(0px, 0, 0);
transform:translate3d(0px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes downUp {
0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0% { 
opacity:0; -webkit-transform:translate3d(0px, -50px, 0); 
transform:translate3d(0px, -50px, 0)
}
80% { 
-webkit-transform:translate3d(0px, 0, 0); 
transform:translate3d(0px, 0, 0); 
}
100% { -webkit-transform:none; transform:none }
}


