﻿

/*
@keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }
@-webkit-keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }
@-moz-keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }
@-o-keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }

animation:show_alpha 0.3s ease both;
-webkit-animation:show_alpha 0.3s ease forwards;
-moz-animation:show_alpha 0.3s linear backwards;
-o-animation:show_alpha 0.3s linear forwards; 

animation:arrAM 0.6s 0s ease-in-out infinite alternate;
-o-animation:arrAM 0.6s 0s ease-in-out infinite normal; 

transform-origin:0 0;

-webkit-animation-play-state:paused;
-webkit-animation-play-state:running;

BackOut		cubic-bezier(0.18, 0.89, 0.32, 1.28)
CubicOut	cubic-bezier(0.22, 0.61, 0.36, 1)
CubicInOut	cubic-bezier(0.65, 0.05, 0.36, 1)
SineInout cubic-bezier(0.45, 0.05, 0.55, 0.95)

@-webkit-keyframes p1TxtShow_am 	{  0% { opacity:0; } 100% { opacity:1; }  }
@-webkit-keyframes p1TxtOut_am 	{  0% { opacity:1; } 100% { opacity:0; }  }
.p1Txt1_am { -webkit-animation:p1TxtShow_am 3s 0.6s ease backwards, p1TxtOut_am 0.5s 3.6s ease forwards; }

-webkit-transition: width 2s ease, top 2s ease-out;

log z 30;
loader z 20;
*/	
.show_alpha { -webkit-animation:show_alpha 0.3s ease both; animation:show_alpha 0.3s ease both; }
.show_alpha_slow { -webkit-animation:show_alpha 0.6s ease both; animation:show_alpha 0.6s ease both; }
@-webkit-keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }
@keyframes show_alpha 	{  0% { opacity:0; } 100% { opacity:1; }  }

.out_alpha { -webkit-animation:out_alpha 0.3s ease both; animation:out_alpha 0.3s ease both; }
.out_alpha_slow { -webkit-animation:out_alpha 0.6s ease both; animation:out_alpha 0.6s ease both; }
@-webkit-keyframes out_alpha 	{  0% { opacity:1; } 100% { opacity:0; }  }
@keyframes out_alpha 	{  0% { opacity:1; } 100% { opacity:0; }  }


.show_right { -webkit-animation:show_right 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes show_right 	{  
  0% { -webkit-transform:translate3d(100%,0,0); } 
  100% { -webkit-transform:translate3d(0%,0,0); }  
}
.out_left { -webkit-animation:out_left 0.7s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_left 	{  
  0% { -webkit-transform:translate3d(0%,0,0); } 
  100% { -webkit-transform:translate3d(-100%,0,0); }  
}
.show_left { -webkit-animation:show_left 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes show_left 	{  
  0% { -webkit-transform:translate3d(-100%,0,0); } 
  100% { -webkit-transform:translate3d(0%,0,0); }  
}
.out_right { -webkit-animation:out_right 0.7s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_right 	{  
  0% { -webkit-transform:translate3d(0%,0,0); } 
  100% {  -webkit-transform:translate3d(100%,0,0); }  
}
.show_up { -webkit-animation:show_up 0.6s cubic-bezier(.55,0,.45,1) both; animation:show_up 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes show_up 	{  
    0% { -webkit-transform:translate3d(0,-100%,0); } 
    100% { -webkit-transform:translate3d(0,0,0); }  
}
@keyframes show_up 	{
    0% { transform:translate3d(0,-100%,0); }
    100% { transform:translate3d(0,0,0); }
}
.out_down { -webkit-animation:out_down 0.7s cubic-bezier(.55,0,.45,1) both; animation:out_down 0.7s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_down 	{  
    0% { -webkit-transform:translate3d(0,0,0); } 
    100% { -webkit-transform:translate3d(0,100%,0); }  
}
@keyframes out_down   {  
    0% { transform:translate3d(0,0,0); } 
    100% { transform:translate3d(0,100%,0); }  
}
.show_down { -webkit-animation:show_down 0.6s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes show_down 	{  
    0% { -webkit-transform:translate3d(0,100%,0); } 
    100% { -webkit-transform:translate3d(0,0,0); }  
}
.out_up { -webkit-animation:out_up 0.7s cubic-bezier(.55,0,.45,1) both; }
@-webkit-keyframes out_up 	{  
    0% { -webkit-transform:translate3d(0,0,0); } 
    100% { -webkit-transform:translate3d(0,-100%,0); }  
}
.arr_am { -webkit-animation:arr_am 0.6s ease-in-out infinite alternate; }
@-webkit-keyframes arr_am 	{  
    0% { -webkit-transform:translate3d(0,-30%,0); } 
    100% { -webkit-transform:translate3d(0,30%,0); }  
}
.zoom_am { -webkit-animation:zoom_am 0.4s ease-in-out infinite alternate; }
@-webkit-keyframes zoom_am 	{  
    0% { -webkit-transform:translate3d(0,0,0) scale(1); } 
    100% { -webkit-transform:translate3d(0,0,0) scale(1.05); }  
}

.btTxt_am { -webkit-animation:btTxt_am 0.6s ease-in-out infinite alternate; }
@-webkit-keyframes btTxt_am        {  
	0% {  -webkit-transform:translate3d(0,0,0) scale(1); } 
    100% {  -webkit-transform:translate3d(0,0,0) scale(1.07); }  
}
.in_up { -webkit-animation:in_up 0.3s ease both; animation:in_up 0.3s ease both; }
@-webkit-keyframes in_up    {  
  0% { -webkit-transform:translate3d(0,15px,0); opacity:0; }
  100% { -webkit-transform:translate3d(0,0,0); opacity:1; }  
}
@keyframes in_up    {
  0% { transform:translate3d(0,15px,0); opacity:0; }
  100% { transform:translate3d(0,0,0); opacity:1; }
}
.in_down { -webkit-animation:in_down 0.5s ease both; }
@-webkit-keyframes in_down    {
  0% { -webkit-transform:translate3d(0,-30px,0); opacity:0; }
  100% { -webkit-transform:translate3d(0,0,0); opacity:1; }
}
.in_left { -webkit-animation:in_left 0.5s ease both; }
@-webkit-keyframes in_left    {
  0% { -webkit-transform:translate3d(30px,0,0); opacity:0; }
  100% { -webkit-transform:translate3d(0,0,0); opacity:1; }
}
.in_right { -webkit-animation:in_right 0.5s ease both; }
@-webkit-keyframes in_right    {
  0% { -webkit-transform:translate3d(-30px,0,0); opacity:0; }
  100% { -webkit-transform:translate3d(0,0,0); opacity:1; }
}
.in_alpha { -webkit-animation:in_alpha 0.4s ease both; }
@-webkit-keyframes in_alpha    {
  0% { opacity:0; }
  100% { opacity:1; }
}
.in_zoomIn { -webkit-animation:in_zoomIn 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28) both; }
@-webkit-keyframes in_zoomIn    {
  0% { -webkit-transform:translate3d(0,0,0) scale(0); opacity:0; }
  100% { -webkit-transform:translate3d(0,0,0) scale(1); opacity:1; }
}
.in_zoomOut { -webkit-animation:in_zoomOut 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28) both; }
@-webkit-keyframes in_zoomOut    {
  0% { -webkit-transform:translate3d(0,0,0) scale(1.1); opacity:0; }
  100% { -webkit-transform:translate3d(0,0,0) scale(1); opacity:1; }
}
/*.btn_up { -webkit-animation:btn_up 0.3s ease-out both; animation:btn_up 0.3s ease-out both; }*/
@-webkit-keyframes btn_up   {  
    0% { -webkit-transform:translate3d(0,70px,0); } 100% { -webkit-transform:translate3d(0,0,0); }  
}
@keyframes btn_up   {  
    0% { transform:translate3d(0,70px,0); }  100% { transform:translate3d(0,0,0); }  
}



