.easing-animation { transition:all 0.4s; }
.easing-animation-long { transition:all 0.7s; }
.special-zoom-in {
animation:SpecialZoomIn 8s forwards;
transform-origin:30% 0%;
}
.special-zoom-out {
animation:SpecialZoomOut 8s forwards;
transform-origin:30% 0%;
}
.clearfix:before, .clearfix:after {
content:" ";
display:table;
}
.clearfix:after { clear:both; }
.nopadding { padding:0; }
.col-nopadding {
padding-left:0;
padding-right:0;
}
.center-block {
display:block;
margin-right:auto;
margin-left:auto;
}
.middle {
position:relative;
display:block;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}
.middle-absolute {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}
.center {
position:relative;
display:block;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
margin-right:auto;
margin-left:auto;
}
.bottom {
position:relative;
display:block;
top:100%;
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-o-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);
}
.ab-center {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.ab-center:before, .ab-center:after {
content:" ";
display:table;
}
.ab-center:after { clear:both; }
.ab-bottom {
position:absolute;
top:100%;
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-o-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);
}
.ab-bottom:before, .ab-bottom:after {
content:" ";
display:table;
}
.ab-bottom:after { clear:both; }
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px);
}
}
@-webkit-keyframes flash {
0%, 50%, 100% { opacity:1; }
25%, 75% { opacity:0; }
}
@keyframes flash {
0%, 50%, 100% { opacity:1; }
25%, 75% { opacity:0; }
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
}
30% {
-webkit-transform:scale3d(1.25,0.75,1);
transform:scale3d(1.25,0.75,1);
}
40% {
-webkit-transform:scale3d(0.75,1.25,1);
transform:scale3d(0.75,1.25,1);
}
50% {
-webkit-transform:scale3d(1.15,0.85,1);
transform:scale3d(1.15,0.85,1);
}
65% {
-webkit-transform:scale3d(.95,1.05,1);
transform:scale3d(.95,1.05,1);
}
75% {
-webkit-transform:scale3d(1.05,.95,1);
transform:scale3d(1.05,.95,1);
}
100% {
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
}
30% {
-webkit-transform:scale3d(1.25,0.75,1);
transform:scale3d(1.25,0.75,1);
}
40% {
-webkit-transform:scale3d(0.75,1.25,1);
transform:scale3d(0.75,1.25,1);
}
50% {
-webkit-transform:scale3d(1.15,0.85,1);
transform:scale3d(1.15,0.85,1);
}
65% {
-webkit-transform:scale3d(.95,1.05,1);
transform:scale3d(.95,1.05,1);
}
75% {
-webkit-transform:scale3d(1.05,.95,1);
transform:scale3d(1.05,.95,1);
}
100% {
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
}
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px);
}
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin:top center; }
20% { -webkit-transform:rotate(15deg); }
40% { -webkit-transform:rotate(-10deg); }
60% { -webkit-transform:rotate(5deg); }
80% { -webkit-transform:rotate(-5deg); }
100% { -webkit-transform:rotate(0deg); }
}
@keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin:top center; }
20% { -webkit-transform:rotate(15deg); }
40% { -webkit-transform:rotate(-10deg); }
60% { -webkit-transform:rotate(5deg); }
80% { -webkit-transform:rotate(-5deg); }
100% { -webkit-transform:rotate(0deg); }
}
@-webkit-keyframes tada {
0% { -webkit-transform:scale(1); }
10%, 20% { -webkit-transform:scale(0.9) rotate(-3deg); }
30%, 50%, 70%, 90% { -webkit-transform:scale(1.1) rotate(3deg); }
40%, 60%, 80% { -webkit-transform:scale(1.1) rotate(-3deg); }
100% { -webkit-transform:scale(1) rotate(0); }
}
@keyframes tada {
0% { -webkit-transform:scale(1); }
10%, 20% { -webkit-transform:scale(0.9) rotate(-3deg); }
30%, 50%, 70%, 90% { -webkit-transform:scale(1.1) rotate(3deg); }
40%, 60%, 80% { -webkit-transform:scale(1.1) rotate(-3deg); }
100% { -webkit-transform:scale(1) rotate(0); }
}
@-webkit-keyframes wobble {
0% { -webkit-transform:translateX(0%); }
15% { -webkit-transform:translateX(-25%) rotate(-5deg); }
30% { -webkit-transform:translateX(20%) rotate(3deg); }
45% { -webkit-transform:translateX(-15%) rotate(-3deg); }
60% { -webkit-transform:translateX(10%) rotate(2deg); }
75% { -webkit-transform:translateX(-5%) rotate(-1deg); }
100% { -webkit-transform:translateX(0%); }
}
@keyframes wobble {
0% { -webkit-transform:translateX(0%); }
15% { -webkit-transform:translateX(-25%) rotate(-5deg); }
30% { -webkit-transform:translateX(20%) rotate(3deg); }
45% { -webkit-transform:translateX(-15%) rotate(-3deg); }
60% { -webkit-transform:translateX(10%) rotate(2deg); }
75% { -webkit-transform:translateX(-5%) rotate(-1deg); }
100% { -webkit-transform:translateX(0%); }
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
}
70% { -webkit-transform:scale(.9); }
100% { -webkit-transform:scale(1); }
}
@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
}
70% { -webkit-transform:scale(.9); }
100% { -webkit-transform:scale(1); }
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
}
80% { -webkit-transform:translateY(-10px); }
100% { -webkit-transform:translateY(0); }
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
}
80% { -webkit-transform:translateY(-10px); }
100% { -webkit-transform:translateY(0); }
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
}
80% { -webkit-transform:translateX(-10px); }
100% { -webkit-transform:translateX(0); }
}
@keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
}
80% { -webkit-transform:translateX(-10px); }
100% { -webkit-transform:translateX(0); }
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
}
80% { -webkit-transform:translateX(10px); }
100% { -webkit-transform:translateX(0); }
}
@keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
}
80% { -webkit-transform:translateX(10px); }
100% { -webkit-transform:translateX(0); }
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px);
opacity:1;
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1;
}
}
@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px);
opacity:1;
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1;
}
}
@-webkit-keyframes bounceOut {
0% { -webkit-transform:scale(1); }
25% { -webkit-transform:scale(.95); }
50% {
opacity:1;
-webkit-transform:scale(1.1);
}
100% {
opacity:0;
-webkit-transform:scale(.3);
}
}
@keyframes bounceOut {
0% { -webkit-transform:scale(1); }
25% { -webkit-transform:scale(.95); }
50% {
opacity:1;
-webkit-transform:scale(1.1);
}
100% {
opacity:0;
-webkit-transform:scale(.3);
}
}
@-webkit-keyframes bounceOutDown {
0% { -webkit-transform:translateY(0); }
20% {
opacity:1;
-webkit-transform:translateY(-20px);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
}
}
@keyframes bounceOutDown {
0% { -webkit-transform:translateY(0); }
20% {
opacity:1;
-webkit-transform:translateY(-20px);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
}
}
@-webkit-keyframes bounceOutLeft {
0% { -webkit-transform:translateX(0); }
20% {
opacity:1;
-webkit-transform:translateX(20px);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% { -webkit-transform:translateX(0); }
20% {
opacity:1;
-webkit-transform:translateX(20px);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
}
}
@-webkit-keyframes bounceOutRight {
0% { -webkit-transform:translateX(0); }
20% {
opacity:1;
-webkit-transform:translateX(-20px);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
}
}
@keyframes bounceOutRight {
0% { -webkit-transform:translateX(0); }
20% {
opacity:1;
-webkit-transform:translateX(-20px);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
}
}
@-webkit-keyframes bounceOutUp {
0% { -webkit-transform:translateY(0); }
20% {
opacity:1;
-webkit-transform:translateY(20px);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% { -webkit-transform:translateY(0); }
20% {
opacity:1;
-webkit-transform:translateY(20px);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px);
}
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px);
}
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px);
}
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(0);
transform:perspective(400px) rotateY(0);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
transform:perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
80% {
-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);
transform:perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
100% {
-webkit-transform:perspective(400px) scale(1);
transform:perspective(400px) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(0);
transform:perspective(400px) rotateY(0);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
transform:perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
80% {
-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);
transform:perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
100% {
-webkit-transform:perspective(400px) scale(1);
transform:perspective(400px) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1;
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1;
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0;
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0;
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0;
}
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
}
@-webkit-keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@-webkit-keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@-webkit-keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@-webkit-keyframes slideInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes slideInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
@-webkit-keyframes hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
opacity:1;
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
100% {
-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0;
}
}
@keyframes hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
opacity:1;
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
100% {
-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0;
}
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg);
}
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg);
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg);
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg);
}
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3);
}
50% { opacity:1; }
100% { opacity:1; }
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3);
}
50% { opacity:1; }
100% { opacity:1; }
}
@-webkit-keyframes zoomInBig {
0% {
opacity:0;
-webkit-transform:scale(3);
transform:scale(3);
}
50% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1);
}
100% { opacity:1; }
}
@keyframes zoomInBig {
0% {
opacity:0;
-webkit-transform:scale(3);
transform:scale(3);
}
50% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1);
}
100% { opacity:1; }
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
}
100% { opacity:1; }
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
}
100% { opacity:1; }
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
}
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
}
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
}
}
@-webkit-keyframes zoomOut {
0% { opacity:1; }
50% {
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3);
}
100% { opacity:0; }
}
@keyframes zoomOut {
0% { opacity:1; }
50% {
opacity:0;
-webkit-transform:scale3d(.3,.3,.3);
transform:scale3d(.3,.3,.3);
}
100% { opacity:0; }
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
100% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
100% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
}
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px,0,0);
transform:scale(.1) translate3d(-2000px,0,0);
-webkit-transform-origin:left center;
transform-origin:left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px,0,0);
transform:scale(.1) translate3d(-2000px,0,0);
-webkit-transform-origin:left center;
transform-origin:left center;
}
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px,0,0);
transform:scale(.1) translate3d(2000px,0,0);
-webkit-transform-origin:right center;
transform-origin:right center;
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px,0,0);
transform:scale(.1) translate3d(2000px,0,0);
-webkit-transform-origin:right center;
transform-origin:right center;
}
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
100% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
100% {
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
}
}
@-webkit-keyframes sliderIn {
0% { opacity:0; }
50% {
opacity:0;
-webkit-transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@keyframes sliderIn {
0% { opacity:0; }
50% {
opacity:0;
-webkit-transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-webkit-keyframes sliderOut {
0% { opacity:1; }
30% { opacity:0; }
}
@keyframes sliderOut {
0% { opacity:1; }
30% { opacity:0; }
}
@-webkit-keyframes SpecialZoomIn {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
100% {
-webkit-transform:scale(1.15);
transform:scale(1.15);
}
}
@keyframes SpecialZoomIn {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
100% {
-webkit-transform:scale(1.15);
transform:scale(1.15);
}
}
@-webkit-keyframes SpecialZoomOut {
0% {
-webkit-transform:scale(1.15);
transform:scale(1.15);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@keyframes SpecialZoomOut {
0% {
-webkit-transform:scale(1.15);
transform:scale(1.15);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
.ui-widget { font-size:1.1em; }
.ui-widget .ui-widget { font-size:1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size:1em; }
.ui-widget-content {
border:1px solid #333333;
background:#FFFFFF;
}
.ui-widget-content a { color:#222222; }
.ui-widget-header {
border:1px solid #008fd5;
background:#008fd5;
color:#ffffff;
font-weight:bold;
}
.ui-widget-header a { color:#ffffff; }
.ui-icon { font-size:0px; }
.ui-icon:hover { color:#FFFFFF; }
.ui-icon:before {
font-size:24px;
font-family:"medipress" !important;
font-style:normal !important;
font-weight:normal !important;
font-variant:normal !important;
text-transform:none !important;
speak:none;
line-height:18px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.ui-icon-circle-triangle-w:before { content:"\e06c"; }
.ui-icon-circle-triangle-e:before { content:"\e0b9"; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border:1px solid #333333;
font-weight:bold;
color:#333333;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color:#008fd5;
text-decoration:none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
font-weight:bold;
color:#008fd5;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
color:#008fd5;
text-decoration:none;
cursor:pointer;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border:1px solid #008fd5;
background:#008fd5;
font-weight:bold;
color:#FFFFFF;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border:1px solid #008fd5;
background:#FFFFFF;
color:#008fd5;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity:.7; filter:Alpha(Opacity=70);
font-weight:normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity:.35; filter:Alpha(Opacity=35);
background-image:none;
}
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35);
}
.ui-widget-overlay {
background:#aaaaaa;
opacity:.3; filter:Alpha(Opacity=30);
}
.ui-widget-shadow {
margin:-8px 0 0 -8px;
padding:8px;
background:#aaaaaa;
opacity:.3; filter:Alpha(Opacity=30);
border-radius:8px;
}
.ui-datepicker {
width:18em;
padding:.2em .2em 0;
display:none;
}
.ui-datepicker .ui-datepicker-header {
position:relative;
padding:.2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position:absolute;
top:2px;
width:1.8em;
height:1.8em;
}
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display:block;
position:absolute;
left:50%;
margin-left:-8px;
top:50%;
margin-top:-8px;
}
.ui-datepicker .ui-datepicker-title {
margin:0 2.3em;
line-height:1.8em;
text-align:center;
}
.ui-datepicker .ui-datepicker-title select {
font-size:1em;
margin:1px 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:45%; }
.ui-datepicker table {
width:100%;
font-size:.9em;
border-collapse:collapse;
margin:0 0 .4em;
}
.ui-datepicker th {
padding:.7em .3em;
text-align:center;
font-weight:bold;
border:0;
}
.ui-datepicker td {
border:0;
padding:1px;
}
.ui-datepicker td span, .ui-datepicker td a {
display:block;
padding:.2em;
text-align:right;
text-decoration:none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image:none;
margin:.7em 0 0 0;
padding:0 .2em;
border-left:0;
border-right:0;
border-bottom:0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float:right;
margin:.5em .2em .4em;
cursor:pointer;
padding:.2em .6em .3em .6em;
width:auto;
overflow:visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table {
width:95%;
margin:0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break {
clear:both;
width:100%;
font-size:0;
}
.ui-datepicker-rtl { direction:rtl; }
.ui-datepicker-rtl .ui-datepicker-prev {
right:2px;
left:auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left:2px;
right:auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right:1px;
left:auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left:1px;
right:auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float:left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width:0;
border-left-width:1px;
}