@charset "utf-8";

@-webkit-keyframes topToBottom{
  0% { opacity: 0; }
 	40% { opacity: 1; }
 	50% { opacity: 0; }	
}
@-moz-keyframes topToBottom{
  0% { opacity: 0; }
 	40% { opacity: 1; }
 	50% { opacity: 0; }	
}
@-o-keyframes topToBottom{
  0% { opacity: 0; }
 	40% { opacity: 1; }
 	50% { opacity: 0; }	
}


@keyframes showTranslateZ{
	0{transform:perspective(10px) translateZ(-2000px);opacity: 0;}
	60%{opacity: 0;}
	100%{transform:perspective(10px) translateZ(0px);opacity: 1;}
}

@keyframes letter-glow{
  0%   { opacity: 0; text-shadow: 0px 0px 1px rgba(255,255,255,0.1)}
  66%  { opacity: 1; text-shadow: 0px 0px 20px rgba(255,255,255,0.9) }
  77%   { opacity: 1;  }
  100% { opacity:0.7; text-shadow: 0px 0px 20px rgba(255,255,255,0.0)}
}

@keyframes showFromTop{
  from{margin-top:-100%;opacity: 0;}
  top{margin-top:0;opacity: 1;}
}

@keyframes blink{
  from{opacity:0;}
  top{opacity: 1;}
}

@keyframes bounce2 {
    0% {transform: translate3d(0, 0, 0);}
    20% {transform: translate3d(0, 2px, 0)}
    40% {transform: translate3d(0, -2px, 0);}    
    60% {transform: translate3d(0, 1px, 0);}    
    80% {transform: translate3d(0, -1px, 0);}    
    100% {transform: translate3d(0, 0, 0);}    
}


@keyframes loadingAni {
  0%{ background-position: 100% 50%;}
  100%{ background-position: 0 50%; }
}


@keyframes bounce_frames {
  from {transform: translate3d(0, 0, 0);}
  to {transform: translate3d(0, 30px, 0);}
}
 
@keyframes touch-click-inner {
	50%{transform:scale(0.375);border-width:30px;opacity:1}
	100%{transform:scale(1);border-width:1px;opacity:0}
}
@keyframes touch-click-outer {
	0%{border-width:10px;opacity:0}
	50%{opacity:.2}
	100%{transform:scale(1.1);opacity:0}
}
@keyframes close-in {
	0%{transform:transform: scale(0) rotate(270deg);opacity:0}
	100%{transform:scale(1.1) rotate(0deg);opacity:1}
}
@keyframes close-out {
	0%{transform:scale(1.1) rotate(0deg);opacity:1}
	100%{transform:scale(0) rotate(270deg);opacity:0}
}
@keyframes arrow-out {
	0%{transform:translateX(0) translateY(0);opacity:1}
	100%{transform:translate(60px,calc(60px / -2));opacity:0}
}
@keyframes arrow-in {
	0%{transform:translate(calc(-1 * 60px),60px);opacity:0}
	100%{transform:translateX(0) translateY(0);opacity:1}
}
@keyframes text-in {
	0%{opcaity:1;transform:translateY(50px)}
	100%{opacity:1;transform:translateY(0)}
}
@keyframes text-hides {
	0%{opacity:1}
	100%{opacity:0}
}

@keyframes moveUpDown {
	0% {transform: translateY(0px);}
	50% {transform: translateY(5px);}
	100% {transform: translateY(0px);}	
}

@keyframes moveUpDown2 {
	0% {transform: translateY(0px);}
	50% {transform: translateY(5px);}
	100% {transform: translateY(0px);}	
}

@keyframes scaleUpDown {
	0% {transform: scale(1.05);}
	50% {transform: scale(1.0)}
	100% {transform: scale(1.05);}	
}

@keyframes SipnOpcity{
  0% { opacity: 0;  }
  75% { opacity: 0;  }
  100% { opacity: 1; }
}

@keyframes rotateClockwise {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}	
}

@-webkit-keyframes loadingColor{
	0%{fill:#ccc;}
	25%{fill:#111;}
	50%{fill:#ffbb4f;}
	75%{fill:#9060ff;}
	100%{fill:#358dff;}
}
@-webkit-keyframes loadingRotate{
	0%{transform:translate(-50%,-50%) rotate(0deg); }
	25%{transform:translate(-50%,-50%) rotate(72deg); }
	50%{transform:translate(-50%,-50%) rotate(144deg); }
	75%{transform:translate(-50%,-50%) rotate(216deg); }
	100%{transform:translate(-50%,-50%) rotate(288deg);}
}