@keyframes animate-loading
{
0% 
{      
      transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
}
100% 
{      
      transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
}
}
@-moz-keyframes animate-loading
{
0% 
{
      -moz-transform: rotate(0deg);
}
100% 
{
      -moz-transform: rotate(360deg);
}
}
@-webkit-keyframes animate-loading
{
0% 
{
      -webkit-transform: rotate(0deg);
}
100% 
{
      -webkit-transform: rotate(360deg);
}
}




@-webkit-keyframes slideIn 
{
from 
{      
      opacity: 0;
      bottom: -300px; 
} 
to 
{
      opacity: 1;
      bottom: 0;
}
}
@keyframes slideIn 
{
from 
{
      opacity: 0;
      bottom: -300px;
}
to 
{
      opacity: 1;
      bottom: 0;
}
}
@-webkit-keyframes fadeIn 
{
from 
{
      opacity: 0;
} 
to 
{
      opacity: 1;
}
}
@keyframes fadeIn 
{
from 
{
      opacity: 0;
} 
to 
{
      opacity: 1;
}
}




@keyframes animate-arrow 
{
0% 
{
      transform:rotatez(-45deg) translateY(30px) translateX(28px);
}
100% 
{
      transform: rotatez(-45deg) translateY(-35px) translateX(-35px);
}
}
@-webkit-keyframes animate-arrow 
{
0% 
{
      transform: translateX(45px);
}
100% 
{
      transform: translateX(-44px);
}
}
@keyframes animate-border 
{
0% 
{
      transform: translateX(45px);
}
100% 
{
      transform: translateX(-44px);
}
}
@-webkit-keyframes animate-border 
{
0% 
{
      transform: translateX(45px);
}
100% 
{
      transform: translateX(-44px);
}
}