@-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 slide-left-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-left-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-left-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-left-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-left-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 rotate-right
{
   0% { -webkit-transform: perspective(800px) rotateX(0deg) rotateY(1deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; -webkit-transform-origin: 0 0;  }
   100% { -webkit-transform: perspective(800px) rotateX(0deg) rotateY(-180deg) scale3d(1,1,1) translate3d(0px,0px,150px); -webkit-transform-origin: 50% 0; opacity: 0;  }
}
@-moz-keyframes rotate-right
{
   0% { -moz-transform: perspective(800px) rotateX(0deg) rotateY(1deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; -moz-transform-origin: 0 0;  }
   100% { -moz-transform: perspective(800px) rotateX(0deg) rotateY(-180deg) scale3d(1,1,1) translate3d(0px,0px,150px); -moz-transform-origin: 50% 0; opacity: 0;  }
}
@-o-keyframes rotate-right
{
   0% { -o-transform: perspective(800px) rotateX(0deg) rotateY(1deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; -o-transform-origin: 0 0;  }
   100% { -o-transform: perspective(800px) rotateX(0deg) rotateY(-180deg) scale3d(1,1,1) translate3d(0px,0px,150px); -o-transform-origin: 50% 0; opacity: 0;  }
}
@-ms-keyframes rotate-right
{
   0% { -ms-transform: perspective(800px) rotateX(0deg) rotateY(1deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; -ms-transform-origin: 0 0;  }
   100% { -ms-transform: perspective(800px) rotateX(0deg) rotateY(-180deg) scale3d(1,1,1) translate3d(0px,0px,150px); -ms-transform-origin: 50% 0; opacity: 0;  }
}
@keyframes rotate-right
{
   0% { transform: perspective(800px) rotateX(0deg) rotateY(1deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; transform-origin: 0 0;  }
   100% { transform: perspective(800px) rotateX(0deg) rotateY(-180deg) scale3d(1,1,1) translate3d(0px,0px,150px); transform-origin: 50% 0; opacity: 0;  }
}
@-webkit-keyframes rotate-left
{
   0% { -webkit-transform: perspective(800px) rotateX(0deg) rotateY(1deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; -webkit-transform-origin: 0 0;  }
   100% { -webkit-transform: perspective(800px) rotateX(0deg) rotateY(180deg) scale3d(1,1,1) translate3d(0px,0px,300px); -webkit-transform-origin: 50% 0; opacity: 0;  }
}
@-moz-keyframes rotate-left
{
   0% { -moz-transform: perspective(800px) rotateX(0deg) rotateY(1deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; -moz-transform-origin: 0 0;  }
   100% { -moz-transform: perspective(800px) rotateX(0deg) rotateY(180deg) scale3d(1,1,1) translate3d(0px,0px,300px); -moz-transform-origin: 50% 0; opacity: 0;  }
}
@-o-keyframes rotate-left
{
   0% { -o-transform: perspective(800px) rotateX(0deg) rotateY(1deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; -o-transform-origin: 0 0;  }
   100% { -o-transform: perspective(800px) rotateX(0deg) rotateY(180deg) scale3d(1,1,1) translate3d(0px,0px,300px); -o-transform-origin: 50% 0; opacity: 0;  }
}
@-ms-keyframes rotate-left
{
   0% { -ms-transform: perspective(800px) rotateX(0deg) rotateY(1deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; -ms-transform-origin: 0 0;  }
   100% { -ms-transform: perspective(800px) rotateX(0deg) rotateY(180deg) scale3d(1,1,1) translate3d(0px,0px,300px); -ms-transform-origin: 50% 0; opacity: 0;  }
}
@keyframes rotate-left
{
   0% { transform: perspective(800px) rotateX(0deg) rotateY(1deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; transform-origin: 0 0;  }
   100% { transform: perspective(800px) rotateX(0deg) rotateY(180deg) scale3d(1,1,1) translate3d(0px,0px,300px); transform-origin: 50% 0; opacity: 0;  }
}
@-webkit-keyframes rotate-down
{
   0% { -webkit-transform: perspective(800px) rotateX(0deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; -webkit-transform-origin: 0 0;  }
   100% { -webkit-transform: perspective(800px) rotateX(-180deg) scale3d(1,1,1) translate3d(0px,0px,300px); -webkit-transform-origin: 50% 0; opacity: 0;  }
}
@-moz-keyframes rotate-down
{
   0% { -moz-transform: perspective(800px) rotateX(0deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; -moz-transform-origin: 0 0;  }
   100% { -moz-transform: perspective(800px) rotateX(-180deg) scale3d(1,1,1) translate3d(0px,0px,300px); -moz-transform-origin: 50% 0; opacity: 0;  }
}
@-o-keyframes rotate-down
{
   0% { -o-transform: perspective(800px) rotateX(0deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; -o-transform-origin: 0 0;  }
   100% { -o-transform: perspective(800px) rotateX(-180deg) scale3d(1,1,1) translate3d(0px,0px,300px); -o-transform-origin: 50% 0; opacity: 0;  }
}
@-ms-keyframes rotate-down
{
   0% { -ms-transform: perspective(800px) rotateX(0deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; -ms-transform-origin: 0 0;  }
   100% { -ms-transform: perspective(800px) rotateX(-180deg) scale3d(1,1,1) translate3d(0px,0px,300px); -ms-transform-origin: 50% 0; opacity: 0;  }
}
@keyframes rotate-down
{
   0% { transform: perspective(800px) rotateX(0deg) scale3d(1,1,1) translate3d(0px,0px,0px); opacity: 1; transform-origin: 0 0;  }
   100% { transform: perspective(800px) rotateX(-180deg) scale3d(1,1,1) translate3d(0px,0px,300px); transform-origin: 50% 0; opacity: 0;  }
}
@-webkit-keyframes transform-3d-flip
{
   0% { -webkit-transform: perspective(400px) rotateX(0deg);  }
   40% { -webkit-transform: perspective(400px) rotateX(0deg) rotateY(170deg) translate3d(0px,0px,150px);  }
   50% { -webkit-transform: perspective(400px) rotateX(0deg) rotateY(190deg) scale3d(1.01,1.01,1.01) translate3d(0px,0px,150px);  }
   80% { -webkit-transform: perspective(400px) rotateX(0deg) rotateY(360deg) scale3d(0.95,0.95,0.95);  }
   100% { -webkit-transform: perspective(400px) rotateX(0deg);  }
}
@-moz-keyframes transform-3d-flip
{
   0% { -moz-transform: perspective(400px) rotateX(0deg);  }
   40% { -moz-transform: perspective(400px) rotateX(0deg) rotateY(170deg) translate3d(0px,0px,150px);  }
   50% { -moz-transform: perspective(400px) rotateX(0deg) rotateY(190deg) scale3d(1.01,1.01,1.01) translate3d(0px,0px,150px);  }
   80% { -moz-transform: perspective(400px) rotateX(0deg) rotateY(360deg) scale3d(0.95,0.95,0.95);  }
   100% { -moz-transform: perspective(400px) rotateX(0deg);  }
}
@-o-keyframes transform-3d-flip
{
   0% { -o-transform: perspective(400px) rotateX(0deg);  }
   40% { -o-transform: perspective(400px) rotateX(0deg) rotateY(170deg) translate3d(0px,0px,150px);  }
   50% { -o-transform: perspective(400px) rotateX(0deg) rotateY(190deg) scale3d(1.01,1.01,1.01) translate3d(0px,0px,150px);  }
   80% { -o-transform: perspective(400px) rotateX(0deg) rotateY(360deg) scale3d(0.95,0.95,0.95);  }
   100% { -o-transform: perspective(400px) rotateX(0deg);  }
}
@-ms-keyframes transform-3d-flip
{
   0% { -ms-transform: perspective(400px) rotateX(0deg);  }
   40% { -ms-transform: perspective(400px) rotateX(0deg) rotateY(170deg) translate3d(0px,0px,150px);  }
   50% { -ms-transform: perspective(400px) rotateX(0deg) rotateY(190deg) scale3d(1.01,1.01,1.01) translate3d(0px,0px,150px);  }
   80% { -ms-transform: perspective(400px) rotateX(0deg) rotateY(360deg) scale3d(0.95,0.95,0.95);  }
   100% { -ms-transform: perspective(400px) rotateX(0deg);  }
}
@keyframes transform-3d-flip
{
   0% { transform: perspective(400px) rotateX(0deg);  }
   40% { transform: perspective(400px) rotateX(0deg) rotateY(170deg) translate3d(0px,0px,150px);  }
   50% { transform: perspective(400px) rotateX(0deg) rotateY(190deg) scale3d(1.01,1.01,1.01) translate3d(0px,0px,150px);  }
   80% { transform: perspective(400px) rotateX(0deg) rotateY(360deg) scale3d(0.95,0.95,0.95);  }
   100% { transform: perspective(400px) rotateX(0deg);  }
}
@-webkit-keyframes transform-3d-flip-in-x
{
   0% { -webkit-transform: perspective(400px) rotateX(90deg);  }
   40% { -webkit-transform: perspective(400px) rotateX(-10deg);  }
   70% { -webkit-transform: perspective(400px) rotateX(10deg);  }
   100% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg);  }
}
@-moz-keyframes transform-3d-flip-in-x
{
   0% { -moz-transform: perspective(400px) rotateX(90deg);  }
   40% { -moz-transform: perspective(400px) rotateX(-10deg);  }
   70% { -moz-transform: perspective(400px) rotateX(10deg);  }
   100% { opacity: 1; -moz-transform: perspective(400px) rotateX(0deg);  }
}
@-o-keyframes transform-3d-flip-in-x
{
   0% { -o-transform: perspective(400px) rotateX(90deg);  }
   40% { -o-transform: perspective(400px) rotateX(-10deg);  }
   70% { -o-transform: perspective(400px) rotateX(10deg);  }
   100% { opacity: 1; -o-transform: perspective(400px) rotateX(0deg);  }
}
@-ms-keyframes transform-3d-flip-in-x
{
   0% { -ms-transform: perspective(400px) rotateX(90deg);  }
   40% { -ms-transform: perspective(400px) rotateX(-10deg);  }
   70% { -ms-transform: perspective(400px) rotateX(10deg);  }
   100% { opacity: 1; -ms-transform: perspective(400px) rotateX(0deg);  }
}
@keyframes transform-3d-flip-in-x
{
   0% { transform: perspective(400px) rotateX(90deg);  }
   40% { transform: perspective(400px) rotateX(-10deg);  }
   70% { transform: perspective(400px) rotateX(10deg);  }
   100% { opacity: 1; transform: perspective(400px) rotateX(0deg);  }
}
@-webkit-keyframes transform-3d-flip-out-y
{
   0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1;  }
   100% { -webkit-transform: perspective(400px) rotateX(0deg) rotateY(90deg); opacity: 0;  }
}
@-moz-keyframes transform-3d-flip-out-y
{
   0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1;  }
   100% { -moz-transform: perspective(400px) rotateX(0deg) rotateY(90deg); opacity: 0;  }
}
@-o-keyframes transform-3d-flip-out-y
{
   0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1;  }
   100% { -o-transform: perspective(400px) rotateX(0deg) rotateY(90deg); opacity: 0;  }
}
@-ms-keyframes transform-3d-flip-out-y
{
   0% { -ms-transform: perspective(400px) rotateX(0deg); opacity: 1;  }
   100% { -ms-transform: perspective(400px) rotateX(0deg) rotateY(90deg); opacity: 0;  }
}
@keyframes transform-3d-flip-out-y
{
   0% { transform: perspective(400px) rotateX(0deg); opacity: 1;  }
   100% { transform: perspective(400px) rotateX(0deg) rotateY(90deg); opacity: 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 transform-bounch-in-left
{
   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-left
{
   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-left
{
   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-left
{
   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-left
{
   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 perspective-down
{
   0% { -webkit-transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(1deg);  }
   100% { -webkit-transform-origin: 50% 100%; -webkit-transform: perspective(800px) rotateX(-180deg);  }
}
@-moz-keyframes perspective-down
{
   0% { -moz-transform-origin: 50% 100%; -moz-transform: perspective(800px) rotateX(1deg);  }
   100% { -moz-transform-origin: 50% 100%; -moz-transform: perspective(800px) rotateX(-180deg);  }
}
@-o-keyframes perspective-down
{
   0% { -o-transform-origin: 50% 100%; -o-transform: perspective(800px) rotateX(1deg);  }
   100% { -o-transform-origin: 50% 100%; -o-transform: perspective(800px) rotateX(-180deg);  }
}
@-ms-keyframes perspective-down
{
   0% { -ms-transform-origin: 50% 100%; -ms-transform: perspective(800px) rotateX(1deg);  }
   100% { -ms-transform-origin: 50% 100%; -ms-transform: perspective(800px) rotateX(-180deg);  }
}
@keyframes perspective-down
{
   0% { transform-origin: 50% 100%; transform: perspective(800px) rotateX(1deg);  }
   100% { transform-origin: 50% 100%; transform: perspective(800px) rotateX(-180deg);  }
}
@-webkit-keyframes perspective-up
{
   0% { -webkit-transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(1deg);  }
   100% { -webkit-transform-origin: 50% 0; -webkit-transform: perspective(800px) rotateX(180deg);  }
}
@-moz-keyframes perspective-up
{
   0% { -moz-transform-origin: 50% 0; -moz-transform: perspective(800px) rotateX(1deg);  }
   100% { -moz-transform-origin: 50% 0; -moz-transform: perspective(800px) rotateX(180deg);  }
}
@-o-keyframes perspective-up
{
   0% { -o-transform-origin: 50% 0; -o-transform: perspective(800px) rotateX(1deg);  }
   100% { -o-transform-origin: 50% 0; -o-transform: perspective(800px) rotateX(180deg);  }
}
@-ms-keyframes perspective-up
{
   0% { -ms-transform-origin: 50% 0; -ms-transform: perspective(800px) rotateX(1deg);  }
   100% { -ms-transform-origin: 50% 0; -ms-transform: perspective(800px) rotateX(180deg);  }
}
@keyframes perspective-up
{
   0% { transform-origin: 50% 0; transform: perspective(800px) rotateX(1deg);  }
   100% { transform-origin: 50% 0; transform: perspective(800px) rotateX(180deg);  }
}
@-webkit-keyframes transform-bounch-in
{
   0% { -webkit-transform:  rotate(0deg) scale(0.3,0.3); opacity: 0;  }
   50% { -webkit-transform:  rotate(0deg) scale(1.05,1.05); opacity: 1;  }
   70% { -webkit-transform:  rotate(0deg) scale(0.9,0.9);  }
   100% { -webkit-transform:  rotate(0deg);  }
}
@-moz-keyframes transform-bounch-in
{
   0% { -moz-transform:  rotate(0deg) scale(0.3,0.3); opacity: 0;  }
   50% { -moz-transform:  rotate(0deg) scale(1.05,1.05); opacity: 1;  }
   70% { -moz-transform:  rotate(0deg) scale(0.9,0.9);  }
   100% { -moz-transform:  rotate(0deg);  }
}
@-o-keyframes transform-bounch-in
{
   0% { -o-transform:  rotate(0deg) scale(0.3,0.3); opacity: 0;  }
   50% { -o-transform:  rotate(0deg) scale(1.05,1.05); opacity: 1;  }
   70% { -o-transform:  rotate(0deg) scale(0.9,0.9);  }
   100% { -o-transform:  rotate(0deg);  }
}
@-ms-keyframes transform-bounch-in
{
   0% { -ms-transform:  rotate(0deg) scale(0.3,0.3); opacity: 0;  }
   50% { -ms-transform:  rotate(0deg) scale(1.05,1.05); opacity: 1;  }
   70% { -ms-transform:  rotate(0deg) scale(0.9,0.9);  }
   100% { -ms-transform:  rotate(0deg);  }
}
@keyframes transform-bounch-in
{
   0% { transform:  rotate(0deg) scale(0.3,0.3); opacity: 0;  }
   50% { transform:  rotate(0deg) scale(1.05,1.05); opacity: 1;  }
   70% { transform:  rotate(0deg) scale(0.9,0.9);  }
   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;  }
}

@-webkit-keyframes transform-rotate-main
{
   0% { -webkit-transform:  rotate(0deg);  }
   25% { -webkit-transform:  rotate(90deg);  }
   50% { -webkit-transform:  rotate(180deg);  }
   75% { -webkit-transform:  rotate(270deg);  }
   100% { -webkit-transform:  rotate(360deg);  }
}
@-moz-keyframes transform-rotate-main
{
   0% { -moz-transform:  rotate(0deg);  }
   25% { -moz-transform:  rotate(90deg);  }
   50% { -moz-transform:  rotate(180deg);  }
   75% { -moz-transform:  rotate(270deg);  }
   100% { -moz-transform:  rotate(360deg);  }
}
@-o-keyframes transform-rotate-main
{
   0% { -o-transform:  rotate(0deg);  }
   25% { -o-transform:  rotate(90deg);  }
   50% { -o-transform:  rotate(180deg);  }
   75% { -o-transform:  rotate(270deg);  }
   100% { -o-transform:  rotate(360deg);  }
}
@-ms-keyframes transform-rotate-main
{
   0% { -ms-transform:  rotate(0deg);  }
   25% { -ms-transform:  rotate(90deg);  }
   50% { -ms-transform:  rotate(180deg);  }
   75% { -ms-transform:  rotate(270deg);  }
   100% { -ms-transform:  rotate(360deg);  }
}
@keyframes transform-rotate-main
{
   0% { transform:  rotate(0deg);  }
   25% { transform:  rotate(90deg);  }
   50% { transform:  rotate(180deg);  }
   75% { transform:  rotate(270deg);  }
   100% { transform:  rotate(360deg);  }
}