@-webkit-keyframes slide-right-in
{
   0% { -webkit-transform:  rotate(1deg) translate(100%,0px); opacity: 0; -webkit-transform-origin: 0 0;  }
   100% { opacity: 1; -webkit-transform:  rotate(0deg); -webkit-transform-origin: 0 0;  }
}
@-moz-keyframes slide-right-in
{
   0% { -moz-transform:  rotate(1deg) translate(100%,0px); opacity: 0; -moz-transform-origin: 0 0;  }
   100% { opacity: 1; -moz-transform:  rotate(0deg); -moz-transform-origin: 0 0;  }
}
@-o-keyframes slide-right-in
{
   0% { -o-transform:  rotate(1deg) translate(100%,0px); opacity: 0; -o-transform-origin: 0 0;  }
   100% { opacity: 1; -o-transform:  rotate(0deg); -o-transform-origin: 0 0;  }
}
@-ms-keyframes slide-right-in
{
   0% { -ms-transform:  rotate(1deg) translate(100%,0px); opacity: 0; -ms-transform-origin: 0 0;  }
   100% { opacity: 1; -ms-transform:  rotate(0deg); -ms-transform-origin: 0 0;  }
}
@keyframes slide-right-in
{
   0% { transform:  rotate(1deg) translate(100%,0px); opacity: 0; transform-origin: 0 0;  }
   100% { opacity: 1; transform:  rotate(0deg); transform-origin: 0 0;  }
}
@-webkit-keyframes transform-bounch-in-right
{
   0% { -webkit-transform:  rotate(0deg) translate(1000px,0px); opacity: 0;  }
   50% { opacity: 1;  }
   60% { -webkit-transform:  rotate(0deg) translate(-30px,0px);  }
   80% { -webkit-transform:  rotate(0deg) translate(10px,0px);  }
   100% { -webkit-transform:  rotate(0deg);  }
}
@-moz-keyframes transform-bounch-in-right
{
   0% { -moz-transform:  rotate(0deg) translate(1000px,0px); opacity: 0;  }
   50% { opacity: 1;  }
   60% { -moz-transform:  rotate(0deg) translate(-30px,0px);  }
   80% { -moz-transform:  rotate(0deg) translate(10px,0px);  }
   100% { -moz-transform:  rotate(0deg);  }
}
@-o-keyframes transform-bounch-in-right
{
   0% { -o-transform:  rotate(0deg) translate(1000px,0px); opacity: 0;  }
   50% { opacity: 1;  }
   60% { -o-transform:  rotate(0deg) translate(-30px,0px);  }
   80% { -o-transform:  rotate(0deg) translate(10px,0px);  }
   100% { -o-transform:  rotate(0deg);  }
}
@-ms-keyframes transform-bounch-in-right
{
   0% { -ms-transform:  rotate(0deg) translate(1000px,0px); opacity: 0;  }
   50% { opacity: 1;  }
   60% { -ms-transform:  rotate(0deg) translate(-30px,0px);  }
   80% { -ms-transform:  rotate(0deg) translate(10px,0px);  }
   100% { -ms-transform:  rotate(0deg);  }
}
@keyframes transform-bounch-in-right
{
   0% { transform:  rotate(0deg) translate(1000px,0px); opacity: 0;  }
   50% { opacity: 1;  }
   60% { transform:  rotate(0deg) translate(-30px,0px);  }
   80% { transform:  rotate(0deg) translate(10px,0px);  }
   100% { transform:  rotate(0deg);  }
}

@-webkit-keyframes animate-fade-in
{
   0% { opacity: 0;  }
   100% { opacity: 1;  }
}
@-moz-keyframes animate-fade-in
{
   0% { opacity: 0;  }
   100% { opacity: 1;  }
}
@-o-keyframes animate-fade-in
{
   0% { opacity: 0;  }
   100% { opacity: 1;  }
}
@-ms-keyframes animate-fade-in
{
   0% { opacity: 0;  }
   100% { opacity: 1;  }
}
@keyframes animate-fade-in
{
   0% { opacity: 0;  }
   100% { opacity: 1;  }
}
@-webkit-keyframes swap
{
   0% { -webkit-transform:  rotate(0deg) scale(0,0) translate(-700px,0px); -webkit-transform-origin: 0 100%; opacity: 0;  }
   100% { -webkit-transform:  rotate(0deg) scale(1,1) translate(0px,0px); -webkit-transform-origin: 100% 100%; opacity: 1;  }
}
@-moz-keyframes swap
{
   0% { -moz-transform:  rotate(0deg) scale(0,0) translate(-700px,0px); -moz-transform-origin: 0 100%; opacity: 0;  }
   100% { -moz-transform:  rotate(0deg) scale(1,1) translate(0px,0px); -moz-transform-origin: 100% 100%; opacity: 1;  }
}
@-o-keyframes swap
{
   0% { -o-transform:  rotate(0deg) scale(0,0) translate(-700px,0px); -o-transform-origin: 0 100%; opacity: 0;  }
   100% { -o-transform:  rotate(0deg) scale(1,1) translate(0px,0px); -o-transform-origin: 100% 100%; opacity: 1;  }
}
@-ms-keyframes swap
{
   0% { -ms-transform:  rotate(0deg) scale(0,0) translate(-700px,0px); -ms-transform-origin: 0 100%; opacity: 0;  }
   100% { -ms-transform:  rotate(0deg) scale(1,1) translate(0px,0px); -ms-transform-origin: 100% 100%; opacity: 1;  }
}
@keyframes swap
{
   0% { transform:  rotate(0deg) scale(0,0) translate(-700px,0px); transform-origin: 0 100%; opacity: 0;  }
   100% { transform:  rotate(0deg) scale(1,1) translate(0px,0px); transform-origin: 100% 100%; opacity: 1;  }
}
@-webkit-keyframes swash-in
{
   0% { -webkit-transform:  rotate(0deg) scale(0,0); opacity: 0; -webkit-transform-origin: 50% 50%;  }
   90% { -webkit-transform:  rotate(0deg) scale(0.9,0.9); -webkit-transform-origin: 50% 50%; opacity: 1;  }
   100% { -webkit-transform:  rotate(0deg) scale(1,1); -webkit-transform-origin: 50% 50%;  }
}
@-moz-keyframes swash-in
{
   0% { -moz-transform:  rotate(0deg) scale(0,0); opacity: 0; -moz-transform-origin: 50% 50%;  }
   90% { -moz-transform:  rotate(0deg) scale(0.9,0.9); -moz-transform-origin: 50% 50%; opacity: 1;  }
   100% { -moz-transform:  rotate(0deg) scale(1,1); -moz-transform-origin: 50% 50%;  }
}
@-o-keyframes swash-in
{
   0% { -o-transform:  rotate(0deg) scale(0,0); opacity: 0; -o-transform-origin: 50% 50%;  }
   90% { -o-transform:  rotate(0deg) scale(0.9,0.9); -o-transform-origin: 50% 50%; opacity: 1;  }
   100% { -o-transform:  rotate(0deg) scale(1,1); -o-transform-origin: 50% 50%;  }
}
@-ms-keyframes swash-in
{
   0% { -ms-transform:  rotate(0deg) scale(0,0); opacity: 0; -ms-transform-origin: 50% 50%;  }
   90% { -ms-transform:  rotate(0deg) scale(0.9,0.9); -ms-transform-origin: 50% 50%; opacity: 1;  }
   100% { -ms-transform:  rotate(0deg) scale(1,1); -ms-transform-origin: 50% 50%;  }
}
@keyframes swash-in
{
   0% { transform:  rotate(0deg) scale(0,0); opacity: 0; transform-origin: 50% 50%;  }
   90% { transform:  rotate(0deg) scale(0.9,0.9); transform-origin: 50% 50%; opacity: 1;  }
   100% { transform:  rotate(0deg) scale(1,1); transform-origin: 50% 50%;  }
}

@-webkit-keyframes slide-down-in
{
   0% { -webkit-transform:  rotate(1deg) translate(0px,-100%); opacity: 0; -webkit-transform-origin: 0 0;  }
   100% { opacity: 1; -webkit-transform:  rotate(0deg); -webkit-transform-origin: 0 0;  }
}
@-moz-keyframes slide-down-in
{
   0% { -moz-transform:  rotate(1deg) translate(0px,-100%); opacity: 0; -moz-transform-origin: 0 0;  }
   100% { opacity: 1; -moz-transform:  rotate(0deg); -moz-transform-origin: 0 0;  }
}
@-o-keyframes slide-down-in
{
   0% { -o-transform:  rotate(1deg) translate(0px,-100%); opacity: 0; -o-transform-origin: 0 0;  }
   100% { opacity: 1; -o-transform:  rotate(0deg); -o-transform-origin: 0 0;  }
}
@-ms-keyframes slide-down-in
{
   0% { -ms-transform:  rotate(1deg) translate(0px,-100%); opacity: 0; -ms-transform-origin: 0 0;  }
   100% { opacity: 1; -ms-transform:  rotate(0deg); -ms-transform-origin: 0 0;  }
}
@keyframes slide-down-in
{
   0% { transform:  rotate(1deg) translate(0px,-100%); opacity: 0; transform-origin: 0 0;  }
   100% { opacity: 1; transform:  rotate(0deg); transform-origin: 0 0;  }
}
@-webkit-keyframes slide-up-in
{
   0% { -webkit-transform:  rotate(1deg) translate(0px,100%); opacity: 0; -webkit-transform-origin: 0 0;  }
   100% { opacity: 1; -webkit-transform:  rotate(0deg); -webkit-transform-origin: 0 0;  }
}
@-moz-keyframes slide-up-in
{
   0% { -moz-transform:  rotate(1deg) translate(0px,100%); opacity: 0; -moz-transform-origin: 0 0;  }
   100% { opacity: 1; -moz-transform:  rotate(0deg); -moz-transform-origin: 0 0;  }
}
@-o-keyframes slide-up-in
{
   0% { -o-transform:  rotate(1deg) translate(0px,100%); opacity: 0; -o-transform-origin: 0 0;  }
   100% { opacity: 1; -o-transform:  rotate(0deg); -o-transform-origin: 0 0;  }
}
@-ms-keyframes slide-up-in
{
   0% { -ms-transform:  rotate(1deg) translate(0px,100%); opacity: 0; -ms-transform-origin: 0 0;  }
   100% { opacity: 1; -ms-transform:  rotate(0deg); -ms-transform-origin: 0 0;  }
}
@keyframes slide-up-in
{
   0% { transform:  rotate(1deg) translate(0px,100%); opacity: 0; transform-origin: 0 0;  }
   100% { opacity: 1; transform:  rotate(0deg); transform-origin: 0 0;  }
}