.animate{
visibility: hidden;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}.animate.dt_hinge{
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}@-webkit-keyframes dt_flash{
0%,
100%,
50%{
opacity: 1;
}25%,
75%{
opacity: 0;
}
}@-moz-keyframes dt_flash{
0%,
100%,
50%{
opacity: 1;
}25%,
75%{
opacity: 0;
}
}@-o-keyframes dt_flash{
0%,
100%,
50%{
opacity: 1;
}25%,
75%{
opacity: 0;
}
}@keyframes dt_flash{
0%,
100%,
50%{
opacity: 1;
}25%,
75%{
opacity: 0;
}
}.animate.dt_flash{
visibility: visible!important;;
-webkit-animation-name: dt_flash;
-moz-animation-name: dt_flash;
-o-animation-name: dt_flash;
animation-name: dt_flash;
}@-webkit-keyframes dt_shake{
0%,
100%{
-webkit-transform: translateX(0);
}10%,
30%,
50%,
70%,
90%{
-webkit-transform: translateX(-10px);
}20%,
40%,
60%,
80%{
-webkit-transform: translateX(10px);
}
}@-moz-keyframes dt_shake{
0%,
100%{
-moz-transform: translateX(0);
}10%,
30%,
50%,
70%,
90%{
-moz-transform: translateX(-10px);
}20%,
40%,
60%,
80%{
-moz-transform: translateX(10px);
}
}@-o-keyframes dt_shake{
0%,
100%{
-o-transform: translateX(0);
}10%,
30%,
50%,
70%,
90%{
-o-transform: translateX(-10px);
}20%,
40%,
60%,
80%{
-o-transform: translateX(10px);
}
}@keyframes dt_shake{
0%,
100%{
transform: translateX(0);
}10%,
30%,
50%,
70%,
90%{
transform: translateX(-10px);
}20%,
40%,
60%,
80%{
transform: translateX(10px);
}
}.animate.dt_shake{
visibility: visible!important;;
-webkit-animation-name: dt_shake;
-moz-animation-name: dt_shake;
-o-animation-name: dt_shake;
animation-name: dt_shake;
}@-webkit-keyframes dt_bounce{
0%,
100%,
20%,
50%,
80%{
-webkit-transform: translateY(0);
}40%{
-webkit-transform: translateY(-30px);
}60%{
-webkit-transform: translateY(-15px);
}
}@-moz-keyframes dt_bounce{
0%,
100%,
20%,
50%,
80%{
-moz-transform: translateY(0);
}40%{
-moz-transform: translateY(-30px);
}60%{
-moz-transform: translateY(-15px);
}
}@-o-keyframes dt_bounce{
0%,
100%,
20%,
50%,
80%{
-o-transform: translateY(0);
}40%{
-o-transform: translateY(-30px);
}60%{
-o-transform: translateY(-15px);
}
}@keyframes dt_bounce{
0%,
100%,
20%,
50%,
80%{
transform: translateY(0);
}40%{
transform: translateY(-30px);
}60%{
transform: translateY(-15px);
}
}.animate.dt_bounce{
visibility: visible!important;;
-webkit-animation-name: dt_bounce;
-moz-animation-name: dt_bounce;
-o-animation-name: dt_bounce;
animation-name: dt_bounce;
}@-webkit-keyframes dt_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);
}
}@-moz-keyframes dt_tada{
0%{
-moz-transform: scale(1);
}10%,
20%{
-moz-transform: scale(0.9) rotate(-3deg);
}30%,
50%,
70%,
90%{
-moz-transform: scale(1.1) rotate(3deg);
}40%,
60%,
80%{
-moz-transform: scale(1.1) rotate(-3deg);
}100%{
-moz-transform: scale(1) rotate(0);
}
}@-o-keyframes dt_tada{
0%{
-o-transform: scale(1);
}10%,
20%{
-o-transform: scale(0.9) rotate(-3deg);
}30%,
50%,
70%,
90%{
-o-transform: scale(1.1) rotate(3deg);
}40%,
60%,
80%{
-o-transform: scale(1.1) rotate(-3deg);
}100%{
-o-transform: scale(1) rotate(0);
}
}@keyframes dt_tada{
0%{
transform: scale(1);
}10%,
20%{
transform: scale(0.9) rotate(-3deg);
}30%,
50%,
70%,
90%{
transform: scale(1.1) rotate(3deg);
}40%,
60%,
80%{
transform: scale(1.1) rotate(-3deg);
}100%{
transform: scale(1) rotate(0);
}
}.animate.dt_tada{
visibility: visible!important;;
-webkit-animation-name: dt_tada;
-moz-animation-name: dt_tada;
-o-animation-name: dt_tada;
animation-name: dt_tada;
}@-webkit-keyframes dt_swing{
100%,
20%,
40%,
60%,
80%{
-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);
}
}@-moz-keyframes dt_swing{
20%{
-moz-transform: rotate(15deg);
}40%{
-moz-transform: rotate(-10deg);
}60%{
-moz-transform: rotate(5deg);
}80%{
-moz-transform: rotate(-5deg);
}100%{
-moz-transform: rotate(0deg);
}
}@-o-keyframes dt_swing{
20%{
-o-transform: rotate(15deg);
}40%{
-o-transform: rotate(-10deg);
}60%{
-o-transform: rotate(5deg);
}80%{
-o-transform: rotate(-5deg);
}100%{
-o-transform: rotate(0deg);
}
}@keyframes dt_swing{
20%{
transform: rotate(15deg);
}40%{
transform: rotate(-10deg);
}60%{
transform: rotate(5deg);
}80%{
transform: rotate(-5deg);
}100%{
transform: rotate(0deg);
}
}.animate.dt_swing{
visibility: visible!important;;
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: dt_swing;
-moz-animation-name: dt_swing;
-o-animation-name: dt_swing;
animation-name: dt_swing;
}@-webkit-keyframes dt_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%);
}
}@-moz-keyframes dt_wobble{
0%{
-moz-transform: translateX(0%);
}15%{
-moz-transform: translateX(-25%) rotate(-5deg);
}30%{
-moz-transform: translateX(20%) rotate(3deg);
}45%{
-moz-transform: translateX(-15%) rotate(-3deg);
}60%{
-moz-transform: translateX(10%) rotate(2deg);
}75%{
-moz-transform: translateX(-5%) rotate(-1deg);
}100%{
-moz-transform: translateX(0%);
}
}@-o-keyframes dt_wobble{
0%{
-o-transform: translateX(0%);
}15%{
-o-transform: translateX(-25%) rotate(-5deg);
}30%{
-o-transform: translateX(20%) rotate(3deg);
}45%{
-o-transform: translateX(-15%) rotate(-3deg);
}60%{
-o-transform: translateX(10%) rotate(2deg);
}75%{
-o-transform: translateX(-5%) rotate(-1deg);
}100%{
-o-transform: translateX(0%);
}
}@keyframes dt_wobble{
0%{
transform: translateX(0%);
}15%{
transform: translateX(-25%) rotate(-5deg);
}30%{
transform: translateX(20%) rotate(3deg);
}45%{
transform: translateX(-15%) rotate(-3deg);
}60%{
transform: translateX(10%) rotate(2deg);
}75%{
transform: translateX(-5%) rotate(-1deg);
}100%{
transform: translateX(0%);
}
}.animate.dt_wobble{
visibility: visible!important;;
-webkit-animation-name: dt_wobble;
-moz-animation-name: dt_wobble;
-o-animation-name: dt_wobble;
animation-name: dt_wobble;
}@-webkit-keyframes dt_pulse{
0%{
-webkit-transform: scale(1);
}50%{
-webkit-transform: scale(1.1);
}100%{
-webkit-transform: scale(1);
}
}@-moz-keyframes dt_pulse{
0%{
-moz-transform: scale(1);
}50%{
-moz-transform: scale(1.1);
}100%{
-moz-transform: scale(1);
}
}@-o-keyframes dt_pulse{
0%{
-o-transform: scale(1);
}50%{
-o-transform: scale(1.1);
}100%{
-o-transform: scale(1);
}
}@keyframes dt_pulse{
0%{
transform: scale(1);
}50%{
transform: scale(1.1);
}100%{
transform: scale(1);
}
}.animate.dt_pulse{
visibility: visible!important;;
-webkit-animation-name: dt_pulse;
-moz-animation-name: dt_pulse;
-o-animation-name: dt_pulse;
animation-name: dt_pulse;
}@-webkit-keyframes dt_flip{
0%{
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
}40%{
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
}50%{
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}80%{
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
}100%{
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
}@-moz-keyframes dt_flip{
0%{
-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-moz-animation-timing-function: ease-out;
}40%{
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-moz-animation-timing-function: ease-out;
}50%{
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}80%{
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-moz-animation-timing-function: ease-in;
}100%{
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-moz-animation-timing-function: ease-in;
}
}@-o-keyframes dt_flip{
0%{
-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-o-animation-timing-function: ease-out;
}40%{
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-o-animation-timing-function: ease-out;
}50%{
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}80%{
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-o-animation-timing-function: ease-in;
}100%{
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-o-animation-timing-function: ease-in;
}
}@keyframes dt_flip{
0%{
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
animation-timing-function: ease-out;
}40%{
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
animation-timing-function: ease-out;
}50%{
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}80%{
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
animation-timing-function: ease-in;
}100%{
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
animation-timing-function: ease-in;
}
}.animate.dt_flip{
visibility: visible!important;;
-webkit-animation-name: dt_flip;
-moz-animation-name: dt_flip;
-o-animation-name: dt_flip;
animation-name: dt_flip;
-webkit-backface-visibility: visible!important;
-moz-backface-visibility: visible!important;
-o-backface-visibility: visible!important;
backface-visibility: visible!important;
}@-webkit-keyframes dt_flipInX{
0%{
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}40%{
-webkit-transform: perspective(400px) rotateX(-10deg);
}70%{
-webkit-transform: perspective(400px) rotateX(10deg);
}100%{
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}@-moz-keyframes dt_flipInX{
0%{
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}40%{
-moz-transform: perspective(400px) rotateX(-10deg);
}70%{
-moz-transform: perspective(400px) rotateX(10deg);
}100%{
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}@-o-keyframes dt_flipInX{
0%{
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}40%{
-o-transform: perspective(400px) rotateX(-10deg);
}70%{
-o-transform: perspective(400px) rotateX(10deg);
}100%{
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}@keyframes dt_flipInX{
0%{
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}40%{
transform: perspective(400px) rotateX(-10deg);
}70%{
transform: perspective(400px) rotateX(10deg);
}100%{
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}.animate.dt_flipInX{
visibility: visible!important;;
-webkit-animation-name: dt_flipInX;
-moz-animation-name: dt_flipInX;
-o-animation-name: dt_flipInX;
animation-name: dt_flipInX;
-webkit-backface-visibility: visible!important;
-moz-backface-visibility: visible!important;
-o-backface-visibility: visible!important;
backface-visibility: visible!important;
}@-webkit-keyframes dt_flipOutX{
0%{
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}100%{
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}@-moz-keyframes dt_flipOutX{
0%{
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}100%{
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}@-o-keyframes dt_flipOutX{
0%{
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}100%{
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}@keyframes dt_flipOutX{
0%{
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}100%{
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}.animate.dt_flipOutX{
visibility: visible!important;;
-webkit-animation-name: dt_flipOutX;
-moz-animation-name: dt_flipOutX;
-o-animation-name: dt_flipOutX;
animation-name: dt_flipOutX;
-webkit-backface-visibility: visible!important;
-moz-backface-visibility: visible!important;
-o-backface-visibility: visible!important;
backface-visibility: visible!important;
}@-webkit-keyframes dt_flipInY{
0%{
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}40%{
-webkit-transform: perspective(400px) rotateY(-10deg);
}70%{
-webkit-transform: perspective(400px) rotateY(10deg);
}100%{
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}@-moz-keyframes dt_flipInY{
0%{
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}40%{
-moz-transform: perspective(400px) rotateY(-10deg);
}70%{
-moz-transform: perspective(400px) rotateY(10deg);
}100%{
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}@-o-keyframes dt_flipInY{
0%{
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}40%{
-o-transform: perspective(400px) rotateY(-10deg);
}70%{
-o-transform: perspective(400px) rotateY(10deg);
}100%{
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}@keyframes dt_flipInY{
0%{
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}40%{
transform: perspective(400px) rotateY(-10deg);
}70%{
transform: perspective(400px) rotateY(10deg);
}100%{
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}.animate.dt_flipInY{
visibility: visible!important;;
-webkit-animation-name: dt_flipInY;
-moz-animation-name: dt_flipInY;
-o-animation-name: dt_flipInY;
animation-name: dt_flipInY;
-webkit-backface-visibility: visible!important;
-moz-backface-visibility: visible!important;
-o-backface-visibility: visible!important;
backface-visibility: visible!important;
}@-webkit-keyframes dt_flipOutY{
0%{
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}100%{
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}@-moz-keyframes dt_flipOutY{
0%{
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}100%{
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}@-o-keyframes dt_flipOutY{
0%{
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}100%{
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}@keyframes dt_flipOutY{
0%{
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}100%{
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}.animate.dt_flipOutY{
visibility: visible!important;;
-webkit-animation-name: dt_flipOutY;
-moz-animation-name: dt_flipOutY;
-o-animation-name: dt_flipOutY;
animation-name: dt_flipOutY;
-webkit-backface-visibility: visible!important;
-moz-backface-visibility: visible!important;
-o-backface-visibility: visible!important;
backface-visibility: visible!important;
}@-webkit-keyframes dt_fadeIn{
0%{
opacity: 0;
}100%{
opacity: 1;
}
}@-moz-keyframes dt_fadeIn{
0%{
opacity: 0;
}100%{
opacity: 1;
}
}@-o-keyframes dt_fadeIn{
0%{
opacity: 0;
}100%{
opacity: 1;
}
}@keyframes dt_fadeIn{
0%{
opacity: 0;
}100%{
opacity: 1;
}
}.animate.dt_fadeIn{
visibility: visible!important;;
-webkit-animation-name: dt_fadeIn;
-moz-animation-name: dt_fadeIn;
-o-animation-name: dt_fadeIn;
animation-name: dt_fadeIn;
}@-webkit-keyframes dt_fadeInUp{
0%{
-webkit-transform: translateY(20px);;
opacity: 0;
}100%{
-webkit-transform: translateY(0);;
opacity: 1;
}
}@-moz-keyframes dt_fadeInUp{
0%{
-moz-transform: translateY(20px);;
opacity: 0;
}100%{
-moz-transform: translateY(0);;
opacity: 1;
}
}@-o-keyframes dt_fadeInUp{
0%{
-o-transform: translateY(20px);;
opacity: 0;
}100%{
-o-transform: translateY(0);;
opacity: 1;
}
}@keyframes dt_fadeInUp{
0%{
transform: translateY(20px);;
opacity: 0;
}100%{
transform: translateY(0);;
opacity: 1;
}
}.animate.dt_fadeInUp{
visibility: visible!important;;
-webkit-animation-name: dt_fadeInUp;
-moz-animation-name: dt_fadeInUp;
-o-animation-name: dt_fadeInUp;
animation-name: dt_fadeInUp;
}@-webkit-keyframes dt_fadeInDown{
0%{
-webkit-transform: translateY(-20px);;
opacity: 0;
}100%{
-webkit-transform: translateY(0);;
opacity: 1;
}
}@-moz-keyframes dt_fadeInDown{
0%{
-moz-transform: translateY(-20px);;
opacity: 0;
}100%{
-moz-transform: translateY(0);;
opacity: 1;
}
}@-o-keyframes dt_fadeInDown{
0%{
-o-transform: translateY(-20px);;
opacity: 0;
}100%{
-o-transform: translateY(0);;
opacity: 1;
}
}@keyframes dt_fadeInDown{
0%{
transform: translateY(-20px);;
opacity: 0;
}100%{
transform: translateY(0);;
opacity: 1;
}
}.animate.dt_fadeInDown{
visibility: visible!important;;
-webkit-animation-name: dt_fadeInDown;
-moz-animation-name: dt_fadeInDown;
-o-animation-name: dt_fadeInDown;
animation-name: dt_fadeInDown;
}@-webkit-keyframes dt_fadeInLeft{
0%{
-webkit-transform: translateX(-20px);;
opacity: 0;
}100%{
-webkit-transform: translateX(0);;
opacity: 1;
}
}@-moz-keyframes dt_fadeInLeft{
0%{
-moz-transform: translateX(-20px);;
opacity: 0;
}100%{
-moz-transform: translateX(0);;
opacity: 1;
}
}@-o-keyframes dt_fadeInLeft{
0%{
-o-transform: translateX(-20px);;
opacity: 0;
}100%{
-o-transform: translateX(0);;
opacity: 1;
}
}@keyframes dt_fadeInLeft{
0%{
transform: translateX(-20px);;
opacity: 0;
}100%{
transform: translateX(0);;
opacity: 1;
}
}.animate.dt_fadeInLeft{
visibility: visible!important;;
-webkit-animation-name: dt_fadeInLeft;
-moz-animation-name: dt_fadeInLeft;
-o-animation-name: dt_fadeInLeft;
animation-name: dt_fadeInLeft;
}@-webkit-keyframes dt_fadeInRight{
0%{
-webkit-transform: translateX(20px);;
opacity: 0;
}100%{
-webkit-transform: translateX(0);;
opacity: 1;
}
}@-moz-keyframes dt_fadeInRight{
0%{
-moz-transform: translateX(20px);;
opacity: 0;
}100%{
-moz-transform: translateX(0);;
opacity: 1;
}
}@-o-keyframes dt_fadeInRight{
0%{
-o-transform: translateX(20px);;
opacity: 0;
}100%{
-o-transform: translateX(0);;
opacity: 1;
}
}@keyframes dt_fadeInRight{
0%{
transform: translateX(20px);;
opacity: 0;
}100%{
transform: translateX(0);;
opacity: 1;
}
}.animate.dt_fadeInRight{
visibility: visible!important;;
-webkit-animation-name: dt_fadeInRight;
-moz-animation-name: dt_fadeInRight;
-o-animation-name: dt_fadeInRight;
animation-name: dt_fadeInRight;
}@-webkit-keyframes dt_fadeInUpBig{
0%{
-webkit-transform: translateY(2000px);;
opacity: 0;
}100%{
-webkit-transform: translateY(0);;
opacity: 1;
}
}@-moz-keyframes dt_fadeInUpBig{
0%{
-moz-transform: translateY(2000px);;
opacity: 0;
}100%{
-moz-transform: translateY(0);;
opacity: 1;
}
}@-o-keyframes dt_fadeInUpBig{
0%{
-o-transform: translateY(2000px);;
opacity: 0;
}100%{
-o-transform: translateY(0);;
opacity: 1;
}
}@keyframes dt_fadeInUpBig{
0%{
transform: translateY(2000px);;
opacity: 0;
}100%{
transform: translateY(0);;
opacity: 1;
}
}.animate.dt_fadeInUpBig{
visibility: visible!important;;
-webkit-animation-name: dt_fadeInUpBig;
-moz-animation-name: dt_fadeInUpBig;
-o-animation-name: dt_fadeInUpBig;
animation-name: dt_fadeInUpBig;
}@-webkit-keyframes dt_fadeInDownBig{
0%{
-webkit-transform: translateY(-2000px);;
opacity: 0;
}100%{
-webkit-transform: translateY(0);;
opacity: 1;
}
}@-moz-keyframes dt_fadeInDownBig{
0%{
-moz-transform: translateY(-2000px);;
opacity: 0;
}100%{
-moz-transform: translateY(0);;
opacity: 1;
}
}@-o-keyframes dt_fadeInDownBig{
0%{
-o-transform: translateY(-2000px);;
opacity: 0;
}100%{
-o-transform: translateY(0);;
opacity: 1;
}
}@keyframes dt_fadeInDownBig{
0%{
transform: translateY(-2000px);;
opacity: 0;
}100%{
transform: translateY(0);;
opacity: 1;
}
}.animate.dt_fadeInDownBig{
visibility: visible!important;;
-webkit-animation-name: dt_fadeInDownBig;
-moz-animation-name: dt_fadeInDownBig;
-o-animation-name: dt_fadeInDownBig;
animation-name: dt_fadeInDownBig;
}@-webkit-keyframes dt_fadeInLeftBig{
0%{
-webkit-transform: translateX(-2000px);;
opacity: 0;
}100%{
-webkit-transform: translateX(0);;
opacity: 1;
}
}@-moz-keyframes dt_fadeInLeftBig{
0%{
-moz-transform: translateX(-2000px);;
opacity: 0;
}100%{
-moz-transform: translateX(0);;
opacity: 1;
}
}@-o-keyframes dt_fadeInLeftBig{
0%{
-o-transform: translateX(-2000px);;
opacity: 0;
}100%{
-o-transform: translateX(0);;
opacity: 1;
}
}@keyframes dt_fadeInLeftBig{
0%{
transform: translateX(-2000px);;
opacity: 0;
}100%{
transform: translateX(0);;
opacity: 1;
}
}.animate.dt_fadeInLeftBig{
visibility: visible!important;;
-webkit-animation-name: dt_fadeInLeftBig;
-moz-animation-name: dt_fadeInLeftBig;
-o-animation-name: dt_fadeInLeftBig;
animation-name: dt_fadeInLeftBig;
}@-webkit-keyframes dt_fadeInRightBig{
0%{
-webkit-transform: translateX(2000px);;
opacity: 0;
}100%{
-webkit-transform: translateX(0);;
opacity: 1;
}
}@-moz-keyframes dt_fadeInRightBig{
0%{
-moz-transform: translateX(2000px);;
opacity: 0;
}100%{
-moz-transform: translateX(0);;
opacity: 1;
}
}@-o-keyframes dt_fadeInRightBig{
0%{
-o-transform: translateX(2000px);;
opacity: 0;
}100%{
-o-transform: translateX(0);;
opacity: 1;
}
}@keyframes dt_fadeInRightBig{
0%{
transform: translateX(2000px);;
opacity: 0;
}100%{
transform: translateX(0);;
opacity: 1;
}
}.animate.dt_fadeInRightBig{
visibility: visible!important;;
-webkit-animation-name: dt_fadeInRightBig;
-moz-animation-name: dt_fadeInRightBig;
-o-animation-name: dt_fadeInRightBig;
animation-name: dt_fadeInRightBig;
}@-webkit-keyframes dt_fadeOut{
0%{
opacity: 1;
}100%{
opacity: 0;
}
}@-moz-keyframes dt_fadeOut{
0%{
opacity: 1;
}100%{
opacity: 0;
}
}@-o-keyframes dt_fadeOut{
0%{
opacity: 1;
}100%{
opacity: 0;
}
}@keyframes dt_fadeOut{
0%{
opacity: 1;
}100%{
opacity: 0;
}
}.animate.dt_fadeOut{
visibility: visible!important;;
-webkit-animation-name: dt_fadeOut;
-moz-animation-name: dt_fadeOut;
-o-animation-name: dt_fadeOut;
animation-name: dt_fadeOut;
}@-webkit-keyframes dt_fadeOutUp{
0%{
-webkit-transform: translateY(0);;
opacity: 1;
}100%{
-webkit-transform: translateY(-20px);;
opacity: 0;
}
}@-moz-keyframes dt_fadeOutUp{
0%{
-moz-transform: translateY(0);;
opacity: 1;
}100%{
-moz-transform: translateY(-20px);;
opacity: 0;
}
}@-o-keyframes dt_fadeOutUp{
0%{
-o-transform: translateY(0);;
opacity: 1;
}100%{
-o-transform: translateY(-20px);;
opacity: 0;
}
}@keyframes dt_fadeOutUp{
0%{
transform: translateY(0);;
opacity: 1;
}100%{
transform: translateY(-20px);;
opacity: 0;
}
}.animate.dt_fadeOutUp{
visibility: visible!important;;
-webkit-animation-name: dt_fadeOutUp;
-moz-animation-name: dt_fadeOutUp;
-o-animation-name: dt_fadeOutUp;
animation-name: dt_fadeOutUp;
}@-webkit-keyframes dt_fadeOutDown{
0%{
-webkit-transform: translateY(0);;
opacity: 1;
}100%{
-webkit-transform: translateY(20px);;
opacity: 0;
}
}@-moz-keyframes dt_fadeOutDown{
0%{
-moz-transform: translateY(0);;
opacity: 1;
}100%{
-moz-transform: translateY(20px);;
opacity: 0;
}
}@-o-keyframes dt_fadeOutDown{
0%{
-o-transform: translateY(0);;
opacity: 1;
}100%{
-o-transform: translateY(20px);;
opacity: 0;
}
}@keyframes dt_fadeOutDown{
0%{
transform: translateY(0);;
opacity: 1;
}100%{
transform: translateY(20px);;
opacity: 0;
}
}.animate.dt_fadeOutDown{
visibility: visible!important;;
-webkit-animation-name: dt_fadeOutDown;
-moz-animation-name: dt_fadeOutDown;
-o-animation-name: dt_fadeOutDown;
animation-name: dt_fadeOutDown;
}@-webkit-keyframes dt_fadeOutLeft{
0%{
-webkit-transform: translateX(0);;
opacity: 1;
}100%{
-webkit-transform: translateX(-20px);;
opacity: 0;
}
}@-moz-keyframes dt_fadeOutLeft{
0%{
-moz-transform: translateX(0);;
opacity: 1;
}100%{
-moz-transform: translateX(-20px);;
opacity: 0;
}
}@-o-keyframes dt_fadeOutLeft{
0%{
-o-transform: translateX(0);;
opacity: 1;
}100%{
-o-transform: translateX(-20px);;
opacity: 0;
}
}@keyframes dt_fadeOutLeft{
0%{
transform: translateX(0);;
opacity: 1;
}100%{
transform: translateX(-20px);;
opacity: 0;
}
}.animate.dt_fadeOutLeft{
visibility: visible!important;;
-webkit-animation-name: dt_fadeOutLeft;
-moz-animation-name: dt_fadeOutLeft;
-o-animation-name: dt_fadeOutLeft;
animation-name: dt_fadeOutLeft;
}@-webkit-keyframes dt_fadeOutRight{
0%{
-webkit-transform: translateX(0);;
opacity: 1;
}100%{
-webkit-transform: translateX(20px);;
opacity: 0;
}
}@-moz-keyframes dt_fadeOutRight{
0%{
-moz-transform: translateX(0);;
opacity: 1;
}100%{
-moz-transform: translateX(20px);;
opacity: 0;
}
}@-o-keyframes dt_fadeOutRight{
0%{
-o-transform: translateX(0);;
opacity: 1;
}100%{
-o-transform: translateX(20px);;
opacity: 0;
}
}@keyframes dt_fadeOutRight{
0%{
transform: translateX(0);;
opacity: 1;
}100%{
transform: translateX(20px);;
opacity: 0;
}
}.animate.dt_fadeOutRight{
visibility: visible!important;;
-webkit-animation-name: dt_fadeOutRight;
-moz-animation-name: dt_fadeOutRight;
-o-animation-name: dt_fadeOutRight;
animation-name: dt_fadeOutRight;
}@-webkit-keyframes dt_fadeOutUpBig{
0%{
-webkit-transform: translateY(0);;
opacity: 1;
}100%{
-webkit-transform: translateY(-2000px);;
opacity: 0;
}
}@-moz-keyframes dt_fadeOutUpBig{
0%{
-moz-transform: translateY(0);;
opacity: 1;
}100%{
-moz-transform: translateY(-2000px);;
opacity: 0;
}
}@-o-keyframes dt_fadeOutUpBig{
0%{
-o-transform: translateY(0);;
opacity: 1;
}100%{
-o-transform: translateY(-2000px);;
opacity: 0;
}
}@keyframes dt_fadeOutUpBig{
0%{
transform: translateY(0);;
opacity: 1;
}100%{
transform: translateY(-2000px);;
opacity: 0;
}
}.animate.dt_fadeOutUpBig{
visibility: visible!important;;
-webkit-animation-name: dt_fadeOutUpBig;
-moz-animation-name: dt_fadeOutUpBig;
-o-animation-name: dt_fadeOutUpBig;
animation-name: dt_fadeOutUpBig;
}@-webkit-keyframes dt_fadeOutDownBig{
0%{
-webkit-transform: translateY(0);;
opacity: 1;
}100%{
-webkit-transform: translateY(2000px);;
opacity: 0;
}
}@-moz-keyframes dt_fadeOutDownBig{
0%{
-moz-transform: translateY(0);;
opacity: 1;
}100%{
-moz-transform: translateY(2000px);;
opacity: 0;
}
}@-o-keyframes dt_fadeOutDownBig{
0%{
-o-transform: translateY(0);;
opacity: 1;
}100%{
-o-transform: translateY(2000px);;
opacity: 0;
}
}@keyframes dt_fadeOutDownBig{
0%{
transform: translateY(0);;
opacity: 1;
}100%{
transform: translateY(2000px);;
opacity: 0;
}
}.animate.dt_fadeOutDownBig{
visibility: visible!important;;
-webkit-animation-name: dt_fadeOutDownBig;
-moz-animation-name: dt_fadeOutDownBig;
-o-animation-name: dt_fadeOutDownBig;
animation-name: dt_fadeOutDownBig;
}@-webkit-keyframes dt_fadeOutLeftBig{
0%{
-webkit-transform: translateX(0);;
opacity: 1;
}100%{
-webkit-transform: translateX(-2000px);;
opacity: 0;
}
}@-moz-keyframes dt_fadeOutLeftBig{
0%{
-moz-transform: translateX(0);;
opacity: 1;
}100%{
-moz-transform: translateX(-2000px);;
opacity: 0;
}
}@-o-keyframes dt_fadeOutLeftBig{
0%{
-o-transform: translateX(0);;
opacity: 1;
}100%{
-o-transform: translateX(-2000px);;
opacity: 0;
}
}@keyframes dt_fadeOutLeftBig{
0%{
transform: translateX(0);;
opacity: 1;
}100%{
transform: translateX(-2000px);;
opacity: 0;
}
}.animate.dt_fadeOutLeftBig{
visibility: visible!important;;
-webkit-animation-name: dt_fadeOutLeftBig;
-moz-animation-name: dt_fadeOutLeftBig;
-o-animation-name: dt_fadeOutLeftBig;
animation-name: dt_fadeOutLeftBig;
}@-webkit-keyframes dt_fadeOutRightBig{
0%{
-webkit-transform: translateX(0);;
opacity: 1;
}100%{
-webkit-transform: translateX(2000px);;
opacity: 0;
}
}@-moz-keyframes dt_fadeOutRightBig{
0%{
-moz-transform: translateX(0);;
opacity: 1;
}100%{
-moz-transform: translateX(2000px);;
opacity: 0;
}
}@-o-keyframes dt_fadeOutRightBig{
0%{
-o-transform: translateX(0);;
opacity: 1;
}100%{
-o-transform: translateX(2000px);;
opacity: 0;
}
}@keyframes dt_fadeOutRightBig{
0%{
transform: translateX(0);;
opacity: 1;
}100%{
transform: translateX(2000px);;
opacity: 0;
}
}.animate.dt_fadeOutRightBig{
visibility: visible!important;;
-webkit-animation-name: dt_fadeOutRightBig;
-moz-animation-name: dt_fadeOutRightBig;
-o-animation-name: dt_fadeOutRightBig;
animation-name: dt_fadeOutRightBig;
}@-webkit-keyframes dt_bounceIn{
0%{
-webkit-transform: scale(0.3);;
opacity: 0;
}50%{
-webkit-transform: scale(1.05);;
opacity: 1;
}70%{
-webkit-transform: scale(0.9);
}100%{
-webkit-transform: scale(1);
}
}@-moz-keyframes dt_bounceIn{
0%{
-moz-transform: scale(0.3);;
opacity: 0;
}50%{
-moz-transform: scale(1.05);;
opacity: 1;
}70%{
-moz-transform: scale(0.9);
}100%{
-moz-transform: scale(1);
}
}@-o-keyframes dt_bounceIn{
0%{
-o-transform: scale(0.3);;
opacity: 0;
}50%{
-o-transform: scale(1.05);;
opacity: 1;
}70%{
-o-transform: scale(0.9);
}100%{
-o-transform: scale(1);
}
}@keyframes dt_bounceIn{
0%{
transform: scale(0.3);;
opacity: 0;
}50%{
transform: scale(1.05);;
opacity: 1;
}70%{
transform: scale(0.9);
}100%{
transform: scale(1);
}
}.animate.dt_bounceIn{
visibility: visible!important;;
-webkit-animation-name: dt_bounceIn;
-moz-animation-name: dt_bounceIn;
-o-animation-name: dt_bounceIn;
animation-name: dt_bounceIn;
}@-webkit-keyframes dt_bounceInUp{
0%{
-webkit-transform: translateY(2000px);;
opacity: 0;
}60%{
-webkit-transform: translateY(-30px);;
opacity: 1;
}80%{
-webkit-transform: translateY(10px);
}100%{
-webkit-transform: translateY(0);
}
}@-moz-keyframes dt_bounceInUp{
0%{
-moz-transform: translateY(2000px);;
opacity: 0;
}60%{
-moz-transform: translateY(-30px);;
opacity: 1;
}80%{
-moz-transform: translateY(10px);
}100%{
-moz-transform: translateY(0);
}
}@-o-keyframes dt_bounceInUp{
0%{
-o-transform: translateY(2000px);;
opacity: 0;
}60%{
-o-transform: translateY(-30px);;
opacity: 1;
}80%{
-o-transform: translateY(10px);
}100%{
-o-transform: translateY(0);
}
}@keyframes dt_bounceInUp{
0%{
transform: translateY(2000px);;
opacity: 0;
}60%{
transform: translateY(-30px);;
opacity: 1;
}80%{
transform: translateY(10px);
}100%{
transform: translateY(0);
}
}.animate.dt_bounceInUp{
visibility: visible!important;;
-webkit-animation-name: dt_bounceInUp;
-moz-animation-name: dt_bounceInUp;
-o-animation-name: dt_bounceInUp;
animation-name: dt_bounceInUp;
}@-webkit-keyframes dt_bounceInDown{
0%{
-webkit-transform: translateY(-2000px);;
opacity: 0;
}60%{
-webkit-transform: translateY(30px);;
opacity: 1;
}80%{
-webkit-transform: translateY(-10px);
}100%{
-webkit-transform: translateY(0);
}
}@-moz-keyframes dt_bounceInDown{
0%{
-moz-transform: translateY(-2000px);;
opacity: 0;
}60%{
-moz-transform: translateY(30px);;
opacity: 1;
}80%{
-moz-transform: translateY(-10px);
}100%{
-moz-transform: translateY(0);
}
}@-o-keyframes dt_bounceInDown{
0%{
-o-transform: translateY(-2000px);;
opacity: 0;
}60%{
-o-transform: translateY(30px);;
opacity: 1;
}80%{
-o-transform: translateY(-10px);
}100%{
-o-transform: translateY(0);
}
}@keyframes dt_bounceInDown{
0%{
transform: translateY(-2000px);;
opacity: 0;
}60%{
transform: translateY(30px);;
opacity: 1;
}80%{
transform: translateY(-10px);
}100%{
transform: translateY(0);
}
}.animate.dt_bounceInDown{
visibility: visible!important;;
-webkit-animation-name: dt_bounceInDown;
-moz-animation-name: dt_bounceInDown;
-o-animation-name: dt_bounceInDown;
animation-name: dt_bounceInDown;
}@-webkit-keyframes dt_bounceInLeft{
0%{
-webkit-transform: translateX(-2000px);;
opacity: 0;
}60%{
-webkit-transform: translateX(30px);;
opacity: 1;
}80%{
-webkit-transform: translateX(-10px);
}100%{
-webkit-transform: translateX(0);
}
}@-moz-keyframes dt_bounceInLeft{
0%{
-moz-transform: translateX(-2000px);;
opacity: 0;
}60%{
-moz-transform: translateX(30px);;
opacity: 1;
}80%{
-moz-transform: translateX(-10px);
}100%{
-moz-transform: translateX(0);
}
}@-o-keyframes dt_bounceInLeft{
0%{
-o-transform: translateX(-2000px);;
opacity: 0;
}60%{
-o-transform: translateX(30px);;
opacity: 1;
}80%{
-o-transform: translateX(-10px);
}100%{
-o-transform: translateX(0);
}
}@keyframes dt_bounceInLeft{
0%{
transform: translateX(-2000px);;
opacity: 0;
}60%{
transform: translateX(30px);;
opacity: 1;
}80%{
transform: translateX(-10px);
}100%{
transform: translateX(0);
}
}.animate.dt_bounceInLeft{
visibility: visible!important;;
-webkit-animation-name: dt_bounceInLeft;
-moz-animation-name: dt_bounceInLeft;
-o-animation-name: dt_bounceInLeft;
animation-name: dt_bounceInLeft;
}@-webkit-keyframes dt_bounceInRight{
0%{
-webkit-transform: translateX(2000px);;
opacity: 0;
}60%{
-webkit-transform: translateX(-30px);;
opacity: 1;
}80%{
-webkit-transform: translateX(10px);
}100%{
-webkit-transform: translateX(0);
}
}@-moz-keyframes dt_bounceInRight{
0%{
-moz-transform: translateX(2000px);;
opacity: 0;
}60%{
-moz-transform: translateX(-30px);;
opacity: 1;
}80%{
-moz-transform: translateX(10px);
}100%{
-moz-transform: translateX(0);
}
}@-o-keyframes dt_bounceInRight{
0%{
-o-transform: translateX(2000px);;
opacity: 0;
}60%{
-o-transform: translateX(-30px);;
opacity: 1;
}80%{
-o-transform: translateX(10px);
}100%{
-o-transform: translateX(0);
}
}@keyframes dt_bounceInRight{
0%{
transform: translateX(2000px);;
opacity: 0;
}60%{
transform: translateX(-30px);;
opacity: 1;
}80%{
transform: translateX(10px);
}100%{
transform: translateX(0);
}
}.animate.dt_bounceInRight{
visibility: visible!important;;
-webkit-animation-name: dt_bounceInRight;
-moz-animation-name: dt_bounceInRight;
-o-animation-name: dt_bounceInRight;
animation-name: dt_bounceInRight;
}@-webkit-keyframes dt_bounceOut{
0%{
-webkit-transform: scale(1);
}25%{
-webkit-transform: scale(0.95);
}50%{
-webkit-transform: scale(1.1);;
opacity: 1;
}100%{
-webkit-transform: scale(0.3);;
opacity: 0;
}
}@-moz-keyframes dt_bounceOut{
0%{
-moz-transform: scale(1);
}25%{
-moz-transform: scale(0.95);
}50%{
-moz-transform: scale(1.1);;
opacity: 1;
}100%{
-moz-transform: scale(0.3);;
opacity: 0;
}
}@-o-keyframes dt_bounceOut{
0%{
-o-transform: scale(1);
}25%{
-o-transform: scale(0.95);
}50%{
-o-transform: scale(1.1);;
opacity: 1;
}100%{
-o-transform: scale(0.3);;
opacity: 0;
}
}@keyframes dt_bounceOut{
0%{
transform: scale(1);
}25%{
transform: scale(0.95);
}50%{
transform: scale(1.1);;
opacity: 1;
}100%{
transform: scale(0.3);;
opacity: 0;
}
}.animate.dt_bounceOut{
visibility: visible!important;;
-webkit-animation-name: dt_bounceOut;
-moz-animation-name: dt_bounceOut;
-o-animation-name: dt_bounceOut;
animation-name: dt_bounceOut;
}@-webkit-keyframes dt_bounceOutUp{
0%{
-webkit-transform: translateY(0);
}20%{
-webkit-transform: translateY(20px);;
opacity: 1;
}100%{
-webkit-transform: translateY(-2000px);;
opacity: 0;
}
}@-moz-keyframes dt_bounceOutUp{
0%{
-moz-transform: translateY(0);
}20%{
-moz-transform: translateY(20px);;
opacity: 1;
}100%{
-moz-transform: translateY(-2000px);;
opacity: 0;
}
}@-o-keyframes dt_bounceOutUp{
0%{
-o-transform: translateY(0);
}20%{
-o-transform: translateY(20px);;
opacity: 1;
}100%{
-o-transform: translateY(-2000px);;
opacity: 0;
}
}@keyframes dt_bounceOutUp{
0%{
transform: translateY(0);
}20%{
transform: translateY(20px);;
opacity: 1;
}100%{
transform: translateY(-2000px);;
opacity: 0;
}
}.animate.dt_bounceOutUp{
visibility: visible!important;;
-webkit-animation-name: dt_bounceOutUp;
-moz-animation-name: dt_bounceOutUp;
-o-animation-name: dt_bounceOutUp;
animation-name: dt_bounceOutUp;
}@-webkit-keyframes dt_bounceOutDown{
0%{
-webkit-transform: translateY(0);
}20%{
-webkit-transform: translateY(-20px);;
opacity: 1;
}100%{
-webkit-transform: translateY(2000px);;
opacity: 0;
}
}@-moz-keyframes dt_bounceOutDown{
0%{
-moz-transform: translateY(0);
}20%{
-moz-transform: translateY(-20px);;
opacity: 1;
}100%{
-moz-transform: translateY(2000px);;
opacity: 0;
}
}@-o-keyframes dt_bounceOutDown{
0%{
-o-transform: translateY(0);
}20%{
-o-transform: translateY(-20px);;
opacity: 1;
}100%{
-o-transform: translateY(2000px);;
opacity: 0;
}
}@keyframes dt_bounceOutDown{
0%{
transform: translateY(0);
}20%{
transform: translateY(-20px);;
opacity: 1;
}100%{
transform: translateY(2000px);;
opacity: 0;
}
}.animate.dt_bounceOutDown{
visibility: visible!important;;
-webkit-animation-name: dt_bounceOutDown;
-moz-animation-name: dt_bounceOutDown;
-o-animation-name: dt_bounceOutDown;
animation-name: dt_bounceOutDown;
}@-webkit-keyframes dt_bounceOutLeft{
0%{
-webkit-transform: translateX(0);
}20%{
-webkit-transform: translateX(20px);;
opacity: 1;
}100%{
-webkit-transform: translateX(-2000px);;
opacity: 0;
}
}@-moz-keyframes dt_bounceOutLeft{
0%{
-moz-transform: translateX(0);
}20%{
-moz-transform: translateX(20px);;
opacity: 1;
}100%{
-moz-transform: translateX(-2000px);;
opacity: 0;
}
}@-o-keyframes dt_bounceOutLeft{
0%{
-o-transform: translateX(0);
}20%{
-o-transform: translateX(20px);;
opacity: 1;
}100%{
-o-transform: translateX(-2000px);;
opacity: 0;
}
}@keyframes dt_bounceOutLeft{
0%{
transform: translateX(0);
}20%{
transform: translateX(20px);;
opacity: 1;
}100%{
transform: translateX(-2000px);;
opacity: 0;
}
}.animate.dt_bounceOutLeft{
visibility: visible!important;;
-webkit-animation-name: dt_bounceOutLeft;
-moz-animation-name: dt_bounceOutLeft;
-o-animation-name: dt_bounceOutLeft;
animation-name: dt_bounceOutLeft;
}@-webkit-keyframes dt_bounceOutRight{
0%{
-webkit-transform: translateX(0);
}20%{
-webkit-transform: translateX(-20px);;
opacity: 1;
}100%{
-webkit-transform: translateX(2000px);;
opacity: 0;
}
}@-moz-keyframes dt_bounceOutRight{
0%{
-moz-transform: translateX(0);
}20%{
-moz-transform: translateX(-20px);;
opacity: 1;
}100%{
-moz-transform: translateX(2000px);;
opacity: 0;
}
}@-o-keyframes dt_bounceOutRight{
0%{
-o-transform: translateX(0);
}20%{
-o-transform: translateX(-20px);;
opacity: 1;
}100%{
-o-transform: translateX(2000px);;
opacity: 0;
}
}@keyframes dt_bounceOutRight{
0%{
transform: translateX(0);
}20%{
transform: translateX(-20px);;
opacity: 1;
}100%{
transform: translateX(2000px);;
opacity: 0;
}
}.animate.dt_bounceOutRight{
visibility: visible!important;;
-webkit-animation-name: dt_bounceOutRight;
-moz-animation-name: dt_bounceOutRight;
-o-animation-name: dt_bounceOutRight;
animation-name: dt_bounceOutRight;
}@-webkit-keyframes dt_rotateIn{
0%{
-webkit-transform: rotate(-200deg);
-webkit-transform-origin: center center;
opacity: 0;
}100%{
-webkit-transform: rotate(0);
-webkit-transform-origin: center center;
opacity: 1;
}
}@-moz-keyframes dt_rotateIn{
0%{
-moz-transform: rotate(-200deg);
-moz-transform-origin: center center;
opacity: 0;
}100%{
-moz-transform: rotate(0);
-moz-transform-origin: center center;
opacity: 1;
}
}@-o-keyframes dt_rotateIn{
0%{
-o-transform: rotate(-200deg);
-o-transform-origin: center center;
opacity: 0;
}100%{
-o-transform: rotate(0);
-o-transform-origin: center center;
opacity: 1;
}
}@keyframes dt_rotateIn{
0%{
transform: rotate(-200deg);
transform-origin: center center;
opacity: 0;
}100%{
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
}.animate.dt_rotateIn{
visibility: visible!important;;
-webkit-animation-name: dt_rotateIn;
-moz-animation-name: dt_rotateIn;
-o-animation-name: dt_rotateIn;
animation-name: dt_rotateIn;
}@-webkit-keyframes dt_rotateInUpLeft{
0%{
-webkit-transform: rotate(90deg);
-webkit-transform-origin: left bottom;
opacity: 0;
}100%{
-webkit-transform: rotate(0);
-webkit-transform-origin: left bottom;
opacity: 1;
}
}@-moz-keyframes dt_rotateInUpLeft{
0%{
-moz-transform: rotate(90deg);
-moz-transform-origin: left bottom;
opacity: 0;
}100%{
-moz-transform: rotate(0);
-moz-transform-origin: left bottom;
opacity: 1;
}
}@-o-keyframes dt_rotateInUpLeft{
0%{
-o-transform: rotate(90deg);
-o-transform-origin: left bottom;
opacity: 0;
}100%{
-o-transform: rotate(0);
-o-transform-origin: left bottom;
opacity: 1;
}
}@keyframes dt_rotateInUpLeft{
0%{
transform: rotate(90deg);
transform-origin: left bottom;
opacity: 0;
}100%{
transform: rotate(0);
transform-origin: left bottom;
opacity: 1;
}
}.animate.dt_rotateInUpLeft{
visibility: visible!important;;
-webkit-animation-name: dt_rotateInUpLeft;
-moz-animation-name: dt_rotateInUpLeft;
-o-animation-name: dt_rotateInUpLeft;
animation-name: dt_rotateInUpLeft;
}@-webkit-keyframes dt_rotateInDownLeft{
0%{
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: left bottom;
opacity: 0;
}100%{
-webkit-transform: rotate(0);
-webkit-transform-origin: left bottom;
opacity: 1;
}
}@-moz-keyframes dt_rotateInDownLeft{
0%{
-moz-transform: rotate(-90deg);
-moz-transform-origin: left bottom;
opacity: 0;
}100%{
-moz-transform: rotate(0);
-moz-transform-origin: left bottom;
opacity: 1;
}
}@-o-keyframes dt_rotateInDownLeft{
0%{
-o-transform: rotate(-90deg);
-o-transform-origin: left bottom;
opacity: 0;
}100%{
-o-transform: rotate(0);
-o-transform-origin: left bottom;
opacity: 1;
}
}@keyframes dt_rotateInDownLeft{
0%{
transform: rotate(-90deg);
transform-origin: left bottom;
opacity: 0;
}100%{
transform: rotate(0);
transform-origin: left bottom;
opacity: 1;
}
}.animate.dt_rotateInDownLeft{
visibility: visible!important;;
-webkit-animation-name: dt_rotateInDownLeft;
-moz-animation-name: dt_rotateInDownLeft;
-o-animation-name: dt_rotateInDownLeft;
animation-name: dt_rotateInDownLeft;
}@-webkit-keyframes dt_rotateInUpRight{
0%{
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: right bottom;
opacity: 0;
}100%{
-webkit-transform: rotate(0);
-webkit-transform-origin: right bottom;
opacity: 1;
}
}@-moz-keyframes dt_rotateInUpRight{
0%{
-moz-transform: rotate(-90deg);
-moz-transform-origin: right bottom;
opacity: 0;
}100%{
-moz-transform: rotate(0);
-moz-transform-origin: right bottom;
opacity: 1;
}
}@-o-keyframes dt_rotateInUpRight{
0%{
-o-transform: rotate(-90deg);
-o-transform-origin: right bottom;
opacity: 0;
}100%{
-o-transform: rotate(0);
-o-transform-origin: right bottom;
opacity: 1;
}
}@keyframes dt_rotateInUpRight{
0%{
transform: rotate(-90deg);
transform-origin: right bottom;
opacity: 0;
}100%{
transform: rotate(0);
transform-origin: right bottom;
opacity: 1;
}
}.animate.dt_rotateInUpRight{
visibility: visible!important;;
-webkit-animation-name: dt_rotateInUpRight;
-moz-animation-name: dt_rotateInUpRight;
-o-animation-name: dt_rotateInUpRight;
animation-name: dt_rotateInUpRight;
}@-webkit-keyframes dt_rotateInDownRight{
0%{
-webkit-transform: rotate(90deg);
-webkit-transform-origin: right bottom;
opacity: 0;
}100%{
-webkit-transform: rotate(0);
-webkit-transform-origin: right bottom;
opacity: 1;
}
}@-moz-keyframes dt_rotateInDownRight{
0%{
-moz-transform: rotate(90deg);
-moz-transform-origin: right bottom;
opacity: 0;
}100%{
-moz-transform: rotate(0);
-moz-transform-origin: right bottom;
opacity: 1;
}
}@-o-keyframes dt_rotateInDownRight{
0%{
-o-transform: rotate(90deg);
-o-transform-origin: right bottom;
opacity: 0;
}100%{
-o-transform: rotate(0);
-o-transform-origin: right bottom;
opacity: 1;
}
}@keyframes dt_rotateInDownRight{
0%{
transform: rotate(90deg);
transform-origin: right bottom;
opacity: 0;
}100%{
transform: rotate(0);
transform-origin: right bottom;
opacity: 1;
}
}.animate.dt_rotateInDownRight{
visibility: visible!important;;
-webkit-animation-name: dt_rotateInDownRight;
-moz-animation-name: dt_rotateInDownRight;
-o-animation-name: dt_rotateInDownRight;
animation-name: dt_rotateInDownRight;
}@-webkit-keyframes dt_rotateOut{
0%{
-webkit-transform: rotate(0);
-webkit-transform-origin: center center;
opacity: 1;
}100%{
-webkit-transform: rotate(200deg);
-webkit-transform-origin: center center;
opacity: 0;
}
}@-moz-keyframes dt_rotateOut{
0%{
-moz-transform: rotate(0);
-moz-transform-origin: center center;
opacity: 1;
}100%{
-moz-transform: rotate(200deg);
-moz-transform-origin: center center;
opacity: 0;
}
}@-o-keyframes dt_rotateOut{
0%{
-o-transform: rotate(0);
-o-transform-origin: center center;
opacity: 1;
}100%{
-o-transform: rotate(200deg);
-o-transform-origin: center center;
opacity: 0;
}
}@keyframes dt_rotateOut{
0%{
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}100%{
transform: rotate(200deg);
transform-origin: center center;
opacity: 0;
}
}.animate.dt_rotateOut{
visibility: visible!important;;
-webkit-animation-name: dt_rotateOut;
-moz-animation-name: dt_rotateOut;
-o-animation-name: dt_rotateOut;
animation-name: dt_rotateOut;
}@-webkit-keyframes dt_rotateOutUpLeft{
0%{
-webkit-transform: rotate(0);
-webkit-transform-origin: left bottom;
opacity: 1;
}100%{
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: left bottom;
opacity: 0;
}
}@-moz-keyframes dt_rotateOutUpLeft{
0%{
-moz-transform: rotate(0);
-moz-transform-origin: left bottom;
opacity: 1;
}100%{
-moz-transform: rotate(-90deg);
-moz-transform-origin: left bottom;
opacity: 0;
}
}@-o-keyframes dt_rotateOutUpLeft{
0%{
-o-transform: rotate(0);
-o-transform-origin: left bottom;
opacity: 1;
}100%{
-o-transform: rotate(-90deg);
-o-transform-origin: left bottom;
opacity: 0;
}
}@keyframes dt_rotateOutUpLeft{
0%{
transform: rotate(0);
transform-origin: left bottom;
opacity: 1;
}100%{
transform: rotate(-90deg);
transform-origin: left bottom;
opacity: 0;
}
}.animate.dt_rotateOutUpLeft{
visibility: visible!important;;
-webkit-animation-name: dt_rotateOutUpLeft;
-moz-animation-name: dt_rotateOutUpLeft;
-o-animation-name: dt_rotateOutUpLeft;
animation-name: dt_rotateOutUpLeft;
}@-webkit-keyframes dt_rotateOutDownLeft{
0%{
-webkit-transform: rotate(0);
-webkit-transform-origin: left bottom;
opacity: 1;
}100%{
-webkit-transform: rotate(90deg);
-webkit-transform-origin: left bottom;
opacity: 0;
}
}@-moz-keyframes dt_rotateOutDownLeft{
0%{
-moz-transform: rotate(0);
-moz-transform-origin: left bottom;
opacity: 1;
}100%{
-moz-transform: rotate(90deg);
-moz-transform-origin: left bottom;
opacity: 0;
}
}@-o-keyframes dt_rotateOutDownLeft{
0%{
-o-transform: rotate(0);
-o-transform-origin: left bottom;
opacity: 1;
}100%{
-o-transform: rotate(90deg);
-o-transform-origin: left bottom;
opacity: 0;
}
}@keyframes dt_rotateOutDownLeft{
0%{
transform: rotate(0);
transform-origin: left bottom;
opacity: 1;
}100%{
transform: rotate(90deg);
transform-origin: left bottom;
opacity: 0;
}
}.animate.dt_rotateOutDownLeft{
visibility: visible!important;;
-webkit-animation-name: dt_rotateOutDownLeft;
-moz-animation-name: dt_rotateOutDownLeft;
-o-animation-name: dt_rotateOutDownLeft;
animation-name: dt_rotateOutDownLeft;
}@-webkit-keyframes dt_rotateOutUpRight{
0%{
-webkit-transform: rotate(0);
-webkit-transform-origin: right bottom;
opacity: 1;
}100%{
-webkit-transform: rotate(90deg);
-webkit-transform-origin: right bottom;
opacity: 0;
}
}@-moz-keyframes dt_rotateOutUpRight{
0%{
-moz-transform: rotate(0);
-moz-transform-origin: right bottom;
opacity: 1;
}100%{
-moz-transform: rotate(90deg);
-moz-transform-origin: right bottom;
opacity: 0;
}
}@-o-keyframes dt_rotateOutUpRight{
0%{
-o-transform: rotate(0);
-o-transform-origin: right bottom;
opacity: 1;
}100%{
-o-transform: rotate(90deg);
-o-transform-origin: right bottom;
opacity: 0;
}
}@keyframes dt_rotateOutUpRight{
0%{
transform: rotate(0);
transform-origin: right bottom;
opacity: 1;
}100%{
transform: rotate(90deg);
transform-origin: right bottom;
opacity: 0;
}
}.animate.dt_rotateOutUpRight{
visibility: visible!important;;
-webkit-animation-name: dt_rotateOutUpRight;
-moz-animation-name: dt_rotateOutUpRight;
-o-animation-name: dt_rotateOutUpRight;
animation-name: dt_rotateOutUpRight;
}@-webkit-keyframes dt_rotateOutDownRight{
0%{
-webkit-transform: rotate(0);
-webkit-transform-origin: right bottom;
opacity: 1;
}100%{
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: right bottom;
opacity: 0;
}
}@-moz-keyframes dt_rotateOutDownRight{
0%{
-moz-transform: rotate(0);
-moz-transform-origin: right bottom;
opacity: 1;
}100%{
-moz-transform: rotate(-90deg);
-moz-transform-origin: right bottom;
opacity: 0;
}
}@-o-keyframes dt_rotateOutDownRight{
0%{
-o-transform: rotate(0);
-o-transform-origin: right bottom;
opacity: 1;
}100%{
-o-transform: rotate(-90deg);
-o-transform-origin: right bottom;
opacity: 0;
}
}@keyframes dt_rotateOutDownRight{
0%{
transform: rotate(0);
transform-origin: right bottom;
opacity: 1;
}100%{
transform: rotate(-90deg);
transform-origin: right bottom;
opacity: 0;
}
}.animate.dt_rotateOutDownRight{
visibility: visible!important;;
-webkit-animation-name: dt_rotateOutDownRight;
-moz-animation-name: dt_rotateOutDownRight;
-o-animation-name: dt_rotateOutDownRight;
animation-name: dt_rotateOutDownRight;
}@-webkit-keyframes dt_hinge{
0%{
-webkit-transform: rotate(0);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}20%,
60%{
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}40%{
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}80%{
-webkit-transform: rotate(60deg) translateY(0);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;;
opacity: 1;
}100%{
-webkit-transform: translateY(700px);
opacity: 0;
}
}@-moz-keyframes dt_hinge{
0%{
-moz-transform: rotate(0);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}20%,
60%{
-moz-transform: rotate(80deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}40%{
-moz-transform: rotate(60deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}80%{
-moz-transform: rotate(60deg) translateY(0);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;;
opacity: 1;
}100%{
-moz-transform: translateY(700px);
opacity: 0;
}
}@-o-keyframes dt_hinge{
0%{
-o-transform: rotate(0);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}20%,
60%{
-o-transform: rotate(80deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}40%{
-o-transform: rotate(60deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}80%{
-o-transform: rotate(60deg) translateY(0);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;;
opacity: 1;
}100%{
-o-transform: translateY(700px);
opacity: 0;
}
}@keyframes dt_hinge{
0%{
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out;
}20%,
60%{
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}40%{
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}80%{
transform: rotate(60deg) translateY(0);
transform-origin: top left;
animation-timing-function: ease-in-out;;
opacity: 1;
}100%{
transform: translateY(700px);
opacity: 0;
}
}.animate.dt_hinge{
visibility: visible!important;;
-webkit-animation-name: dt_hinge;
-moz-animation-name: dt_hinge;
-o-animation-name: dt_hinge;
animation-name: dt_hinge;
}@-webkit-keyframes dt_rollIn{
0%{
-webkit-transform: translateX(-100%) rotate(-120deg);;
opacity: 0;
}100%{
-webkit-transform: translateX(0px) rotate(0deg);;
opacity: 1;
}
}@-moz-keyframes dt_rollIn{
0%{
-moz-transform: translateX(-100%) rotate(-120deg);;
opacity: 0;
}100%{
-moz-transform: translateX(0px) rotate(0deg);;
opacity: 1;
}
}@-o-keyframes dt_rollIn{
0%{
-o-transform: translateX(-100%) rotate(-120deg);;
opacity: 0;
}100%{
-o-transform: translateX(0px) rotate(0deg);;
opacity: 1;
}
}@keyframes dt_rollIn{
0%{
transform: translateX(-100%) rotate(-120deg);;
opacity: 0;
}100%{
transform: translateX(0px) rotate(0deg);;
opacity: 1;
}
}.animate.dt_rollIn{
visibility: visible!important;;
-webkit-animation-name: dt_rollIn;
-moz-animation-name: dt_rollIn;
-o-animation-name: dt_rollIn;
animation-name: dt_rollIn;
}@-webkit-keyframes dt_rollOut{
0%{
-webkit-transform: translateX(0px) rotate(0deg);;
opacity: 1;
}100%{
-webkit-transform: translateX(100%) rotate(120deg);;
opacity: 0;
}
}@-moz-keyframes dt_rollOut{
0%{
-moz-transform: translateX(0px) rotate(0deg);;
opacity: 1;
}100%{
-moz-transform: translateX(100%) rotate(120deg);;
opacity: 0;
}
}@-o-keyframes dt_rollOut{
0%{
-o-transform: translateX(0px) rotate(0deg);;
opacity: 1;
}100%{
-o-transform: translateX(100%) rotate(120deg);;
opacity: 0;
}
}@keyframes dt_rollOut{
0%{
transform: translateX(0px) rotate(0deg);;
opacity: 1;
}100%{
transform: translateX(100%) rotate(120deg);;
opacity: 0;
}
}.animate.dt_rollOut{
visibility: visible!important;;
-webkit-animation-name: dt_rollOut;
-moz-animation-name: dt_rollOut;
-o-animation-name: dt_rollOut;
animation-name: dt_rollOut;
}@-webkit-keyframes dt_lightSpeedIn{
0%{
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}60%{
-webkit-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}80%{
-webkit-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}100%{
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}@-moz-keyframes dt_lightSpeedIn{
0%{
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}60%{
-moz-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}80%{
-moz-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}100%{
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}@-o-keyframes dt_lightSpeedIn{
0%{
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}60%{
-o-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}80%{
-o-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}100%{
-o-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}@keyframes dt_lightSpeedIn{
0%{
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}60%{
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}80%{
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}100%{
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}.animate.dt_lightSpeedIn{
visibility: visible!important;
-webkit-animation-name: dt_lightSpeedIn;
-moz-animation-name: dt_lightSpeedIn;
-o-animation-name: dt_lightSpeedIn;
animation-name: dt_lightSpeedIn;
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}@-webkit-keyframes dt_lightSpeedOut{
0%{
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}100%{
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}@-moz-keyframes dt_lightSpeedOut{
0%{
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1;
}100%{
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}@-o-keyframes dt_lightSpeedOut{
0%{
-o-transform: translateX(0%) skewX(0deg);
opacity: 1;
}100%{
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}@keyframes dt_lightSpeedOut{
0%{
transform: translateX(0%) skewX(0deg);
opacity: 1;
}100%{
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}.animate.dt_lightSpeedOut{
visibility: visible!important;
-webkit-animation-name: dt_lightSpeedOut;
-moz-animation-name: dt_lightSpeedOut;
-o-animation-name: dt_lightSpeedOut;
animation-name: dt_lightSpeedOut;
-webkit-animation-duration: 0.25s;
-moz-animation-duration: 0.25s;
-o-animation-duration: 0.25s;
animation-duration: 0.25s;;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}.animate.dt_slideDown{
visibility: visible!important;;
-webkit-animation-name: dt_slideDown;
-moz-animation-name: dt_slideDown;
animation-name: dt_slideDown;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
}@keyframes dt_slideDown{
0%{
transform: translateY(-100%);
}50%{
transform: translateY(8%);
}65%{
transform: translateY(-4%);
}80%{
transform: translateY(4%);
}95%{
transform: translateY(-2%);
}100%{
transform: translateY(0%);
}
}@-webkit-keyframes dt_slideDown{
0%{
-webkit-transform: translateY(-100%);
}50%{
-webkit-transform: translateY(8%);
}65%{
-webkit-transform: translateY(-4%);
}80%{
-webkit-transform: translateY(4%);
}95%{
-webkit-transform: translateY(-2%);
}100%{
-webkit-transform: translateY(0%);
}
}.animate.dt_slideUp{
visibility: visible!important;;
-webkit-animation-name: dt_slideUp;
animation-name: dt_slideUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
}@keyframes dt_slideUp{
0%{
transform: translateY(100%);
}50%{
transform: translateY(-8%);
}65%{
transform: translateY(4%);
}80%{
transform: translateY(-4%);
}95%{
transform: translateY(2%);
}100%{
transform: translateY(0%);
}
}@-webkit-keyframes dt_slideUp{
0%{
-webkit-transform: translateY(100%);
}50%{
-webkit-transform: translateY(-8%);
}65%{
-webkit-transform: translateY(4%);
}80%{
-webkit-transform: translateY(-4%);
}95%{
-webkit-transform: translateY(2%);
}100%{
-webkit-transform: translateY(0%);
}
}.animate.dt_slideLeft{
visibility: visible!important;;
-webkit-animation-name: dt_slideLeft;
animation-name: dt_slideLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}@keyframes dt_slideLeft{
0%{
transform: translateX(150%);
}50%{
ransform: translateX(-8%);
}65%{
transform: translateX(4%);
}80%{
transform: translateX(-4%);
}95%{
transform: translateX(2%);
}100%{
transform: translateX(0%);
}
}@-webkit-keyframes dt_slideLeft{
0%{
-webkit-transform: translateX(150%);
}50%{
-webkit-transform: translateX(-8%);
}65%{
-webkit-transform: translateX(4%);
}80%{
-webkit-transform: translateX(-4%);
}95%{
-webkit-transform: translateX(2%);
}100%{
-webkit-transform: translateX(0%);
}
}.animate.dt_slideRight{
visibility: visible!important;;
-webkit-animation-name: dt_slideRight;
animation-name: dt_slideRight;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}@keyframes dt_slideRight{
0%{
transform: translateX(-150%);
}50%{
transform: translateX(8%);
}65%{
transform: translateX(-4%);
}80%{
transform: translateX(4%);
}95%{
transform: translateX(-2%);
}100%{
transform: translateX(0%);
}
}@-webkit-keyframes dt_slideRight{
0%{
-webkit-transform: translateX(-150%);
}50%{
-webkit-transform: translateX(8%);
}65%{
-webkit-transform: translateX(-4%);
}80%{
-webkit-transform: translateX(4%);
}95%{
-webkit-transform: translateX(-2%);
}100%{
-webkit-transform: translateX(0%);
}
}.animate.dt_slideExpandUp{
visibility: visible!important;;
-webkit-animation-name: dt_slideExpandUp;
animation-name: dt_slideExpandUp;
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-timing-function: ease -out;
animation-timing-function: ease-out;
}@keyframes dt_slideExpandUp{
0%{
transform: translateY(100%) scaleX(0.5);
}30%{
transform: translateY(-8%) scaleX(0.5);
}40%{
transform: translateY(2%) scaleX(0.5);
}50%{
transform: translateY(0%) scaleX(1.1);
}60%{
transform: translateY(0%) scaleX(0.9);
}70%{
transform: translateY(0%) scaleX(1.05);
}80%{
transform: translateY(0%) scaleX(0.95);
}90%{
transform: translateY(0%) scaleX(1.02);
}100%{
transform: translateY(0%) scaleX(1);
}
}@-webkit-keyframes dt_slideExpandUp{
0%{
-webkit-transform: translateY(100%) scaleX(0.5);
}30%{
-webkit-transform: translateY(-8%) scaleX(0.5);
}40%{
-webkit-transform: translateY(2%) scaleX(0.5);
}50%{
-webkit-transform: translateY(0%) scaleX(1.1);
}60%{
-webkit-transform: translateY(0%) scaleX(0.9);
}70%{
-webkit-transform: translateY(0%) scaleX(1.05);
}80%{
-webkit-transform: translateY(0%) scaleX(0.95);
}90%{
-webkit-transform: translateY(0%) scaleX(1.02);
}100%{
-webkit-transform: translateY(0%) scaleX(1);
}
}.animate.dt_expandUp{
visibility: visible!important;;
-webkit-animation-name: dt_expandUp;
animation-name: dt_expandUp;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
}@keyframes dt_expandUp{
0%{
transform: translateY(100%) scale(0.6) scaleY(0.5);
}60%{
transform: translateY(-7%) scaleY(1.12);
}75%{
transform: translateY(3%);
}100%{
transform: translateY(0%) scale(1) scaleY(1);
}
}@-webkit-keyframes dt_expandUp{
0%{
-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
}60%{
-webkit-transform: translateY(-7%) scaleY(1.12);
}75%{
-webkit-transform: translateY(3%);
}100%{
-webkit-transform: translateY(0%) scale(1) scaleY(1);
}
}.animate.dt_expandOpen{
visibility: visible!important;;
-webkit-animation-name: dt_expandOpen;
animation-name: dt_expandOpen;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}@keyframes dt_expandOpen{
0%{
transform: scale(1.8);
}50%{
transform: scale(0.95);
}80%{
transform: scale(1.05);
}90%{
transform: scale(0.98);
}100%{
transform: scale(1);
}
}@-webkit-keyframes dt_expandOpen{
0%{
-webkit-transform: scale(1.8);
}50%{
-webkit-transform: scale(0.95);
}80%{
-webkit-transform: scale(1.05);
}90%{
-webkit-transform: scale(0.98);
}100%{
-webkit-transform: scale(1);
}
}.animate.dt_bigEntrance{
visibility: visible!important;;
-webkit-animation-name: dt_bigEntrance;
animation-name: dt_bigEntrance;
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}@keyframes dt_bigEntrance{
0%{
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}30%{
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;
}45%{
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}60%{
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;
}75%{
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}90%{
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}100%{
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}@-webkit-keyframes dt_bigEntrance{
0%{
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}30%{
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;
}45%{
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}60%{
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;
}75%{
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}90%{
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}100%{
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}.animate.dt_hatch{
visibility: visible!important;;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation-name: dt_hatch;
animation-name: dt_hatch;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}@keyframes dt_hatch{
0%{
transform: rotate(0deg) scaleY(0.6);
}20%{
transform: rotate(-2deg) scaleY(1.05);
}35%{
transform: rotate(2deg) scaleY(1);
}50%{
transform: rotate(-2deg);
}65%{
transform: rotate(1deg);
}80%{
transform: rotate(-1deg);
}100%{
transform: rotate(0deg);
}
}@-webkit-keyframes dt_hatch{
0%{
-webkit-transform: rotate(0deg) scaleY(0.6);
}20%{
-webkit-transform: rotate(-2deg) scaleY(1.05);
}35%{
-webkit-transform: rotate(2deg) scaleY(1);
}50%{
-webkit-transform: rotate(-2deg);
}65%{
-webkit-transform: rotate(1deg);
}80%{
-webkit-transform: rotate(-1deg);
}100%{
-webkit-transform: rotate(0deg);
}
}.animate.dt_floating{
visibility: visible!important;;
-webkit-animation-name: dt_floating;
animation-name: dt_floating;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}@keyframes dt_floating{
0%{
transform: translateY(0%);
}50%{
transform: translateY(8%);
}100%{
transform: translateY(0%);
}
}@-webkit-keyframes dt_floating{
0%{
-webkit-transform: translateY(0%);
}50%{
-webkit-transform: translateY(8%);
}100%{
-webkit-transform: translateY(0%);
}
}.animate.dt_tossing{
visibility: visible!important;;
-webkit-animation-name: dt_tossing;
animation-name: dt_tossing;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}@keyframes dt_tossing{
0%{
transform: rotate(-4deg);
}50%{
transform: rotate(4deg);
}100%{
transform: rotate(-4deg);
}
}@-webkit-keyframes dt_tossing{
0%{
-webkit-transform: rotate(-4deg);
}50%{
-webkit-transform: rotate(4deg);
}100%{
-webkit-transform: rotate(-4deg);
}
}.animate.dt_pullUp{
visibility: visible!important;;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation-name: dt_pullUp;
animation-name: dt_pullUp;
-webkit-animation-duration: 1.1s;
animation-duration: 1.1s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}@keyframes dt_pullUp{
0%{
transform: scaleY(0.1);
}40%{
transform: scaleY(1.02);
}100%,
60%{
transform: scaleY(0.98);
}80%{
transform: scaleY(1.01);
}100%{
transform: scaleY(1);
}
}@-webkit-keyframes dt_pullUp{
0%{
-webkit-transform: scaleY(0.1);
}40%{
-webkit-transform: scaleY(1.02);
}100%,
60%{
-webkit-transform: scaleY(0.98);
}80%{
-webkit-transform: scaleY(1.01);
}100%{
-webkit-transform: scaleY(1);
}
}.animate.dt_pullDown{
visibility: visible!important;;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-animation-name: dt_pullDown;
animation-name: dt_pullDown;
-webkit-animation-duration: 1.1s;
animation-duration: 1.1s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}@keyframes dt_pullDown{
0%{
transform: scaleY(0.1);
}40%{
transform: scaleY(1.02);
}100%,
60%{
transform: scaleY(0.98);
}80%{
transform: scaleY(1.01);
}100%{
transform: scaleY(1);
}
}@-webkit-keyframes dt_pullDown{
0%{
-webkit-transform: scaleY(0.1);
}40%{
-webkit-transform: scaleY(1.02);
}100%,
60%{
-webkit-transform: scaleY(0.98);
}80%{
-webkit-transform: scaleY(1.01);
}100%{
-webkit-transform: scaleY(1);
}
}.animate.dt_stretchLeft{
visibility: visible!important;;
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-animation-name: dt_stretchLeft;
animation-name: dt_stretchLeft;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}@keyframes dt_stretchLeft{
0%{
transform: scaleX(0.3);
}40%{
transform: scaleX(1.02);
}100%,
60%{
transform: scaleX(0.98);
}80%{
transform: scaleX(1.01);
}100%{
transform: scaleX(1);
}
}@-webkit-keyframes dt_stretchLeft{
0%{
-webkit-transform: scaleX(0.3);
}40%{
-webkit-transform: scaleX(1.02);
}100%,
60%{
-webkit-transform: scaleX(0.98);
}80%{
-webkit-transform: scaleX(1.01);
}100%{
-webkit-transform: scaleX(1);
}
}.animate.dt_stretchRight{
visibility: visible!important;;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-animation-name: dt_stretchRight;
animation-name: dt_stretchRight;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}@keyframes dt_stretchRight{
0%{
transform: scaleX(0.3);
}40%{
transform: scaleX(1.02);
}100%,
60%{
transform: scaleX(0.98);
}80%{
transform: scaleX(1.01);
}100%{
transform: scaleX(1);
}
}@-webkit-keyframes dt_stretchRight{
0%{
-webkit-transform: scaleX(0.3);
}40%{
-webkit-transform: scaleX(1.02);
}100%,
60%{
-webkit-transform: scaleX(0.98);
}80%{
-webkit-transform: scaleX(1.01);
}100%{
-webkit-transform: scaleX(1);
}
}@-webkit-keyframes dt_zoomIn{
0%{
-webkit-transform: scale3d(0.3,0.3,0.3);
transform: scale3d(0.3,0.3,0.3);;
opacity: 0;
}50%{
opacity: 1;
}
}@keyframes dt_zoomIn{
0%{
-webkit-transform: scale3d(0.3,0.3,0.3);
transform: scale3d(0.3,0.3,0.3);;
opacity: 0;
}50%{
opacity: 1;
}
}.animate.dt_zoomIn{
visibility: visible!important;;
-webkit-animation-name: dt_zoomIn;
-moz-animation-name: dt_zoomIn;
-o-animation-name: dt_zoomIn;
animation-name: dt_zoomIn;
}@-webkit-keyframes dt_zoomInDown{
0%{
-webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
transform: scale3d(0.1,0.1,0.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);;
opacity: 0;
}60%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
transform: scale3d(0.475,0.475,0.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);;
opacity: 1;
}
}@keyframes dt_zoomInDown{
0%{
-webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
transform: scale3d(0.1,0.1,0.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);;
opacity: 0;
}60%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
transform: scale3d(0.475,0.475,0.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);;
opacity: 1;
}
}.zoomInDown{
-webkit-animation-name: dt_zoomInDown;
animation-name: dt_zoomInDown;
}@-webkit-keyframes dt_zoomInLeft{
0%{
-webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
transform: scale3d(0.1,0.1,0.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);;
opacity: 0;
}60%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
transform: scale3d(0.475,0.475,0.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);;
opacity: 1;
}
}@keyframes dt_zoomInLeft{
0%{
-webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
transform: scale3d(0.1,0.1,0.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);;
opacity: 0;
}60%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
transform: scale3d(0.475,0.475,0.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);;
opacity: 1;
}
}.zoomInLeft{
-webkit-animation-name: dt_zoomInLeft;
animation-name: dt_zoomInLeft;
}@-webkit-keyframes dt_zoomInRight{
0%{
-webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
transform: scale3d(0.1,0.1,0.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);;
opacity: 0;
}60%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
transform: scale3d(0.475,0.475,0.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);;
opacity: 1;
}
}@keyframes dt_zoomInRight{
0%{
-webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
transform: scale3d(0.1,0.1,0.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);;
opacity: 0;
}60%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
transform: scale3d(0.475,0.475,0.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);;
opacity: 1;
}
}.zoomInRight{
-webkit-animation-name: dt_zoomInRight;
animation-name: dt_zoomInRight;
}@-webkit-keyframes dt_zoomInUp{
0%{
-webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
transform: scale3d(0.1,0.1,0.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);;
opacity: 0;
}60%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
transform: scale3d(0.475,0.475,0.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);;
opacity: 1;
}
}@keyframes dt_zoomInUp{
0%{
-webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
transform: scale3d(0.1,0.1,0.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);;
opacity: 0;
}60%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
transform: scale3d(0.475,0.475,0.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);;
opacity: 1;
}
}.zoomInUp{
-webkit-animation-name: dt_zoomInUp;
animation-name: dt_zoomInUp;
}@-webkit-keyframes dt_zoomOut{
0%{
opacity: 1;
}50%{
-webkit-transform: scale3d(0.3,0.3,0.3);
transform: scale3d(0.3,0.3,0.3);;
opacity: 0;
}100%{
opacity: 0;
}
}@keyframes dt_zoomOut{
0%{
opacity: 1;
}50%{
-webkit-transform: scale3d(0.3,0.3,0.3);
transform: scale3d(0.3,0.3,0.3);;
opacity: 0;
}100%{
opacity: 0;
}
}.zoomOut{
-webkit-animation-name: dt_zoomOut;
animation-name: dt_zoomOut;
}@-webkit-keyframes dt_zoomOutDown{
40%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
transform: scale3d(0.475,0.475,0.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);;
opacity: 1;
}100%{
-webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
transform: scale3d(0.1,0.1,0.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);;
opacity: 0;
}
}@keyframes dt_zoomOutDown{
40%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
transform: scale3d(0.475,0.475,0.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);;
opacity: 1;
}100%{
-webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
transform: scale3d(0.1,0.1,0.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);;
opacity: 0;
}
}.zoomOutDown{
-webkit-animation-name: dt_zoomOutDown;
animation-name: dt_zoomOutDown;
}@-webkit-keyframes dt_zoomOutLeft{
40%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0);
transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0);;
opacity: 1;
}100%{
-webkit-transform: scale(0.1) translate3d(-2000px,0,0);
transform: scale(0.1) translate3d(-2000px,0,0);
-webkit-transform-origin: left center;
transform-origin: left center;;
opacity: 0;
}
}@keyframes dt_zoomOutLeft{
40%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0);
transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0);;
opacity: 1;
}100%{
-webkit-transform: scale(0.1) translate3d(-2000px,0,0);
transform: scale(0.1) translate3d(-2000px,0,0);
-webkit-transform-origin: left center;
transform-origin: left center;;
opacity: 0;
}
}.zoomOutLeft{
-webkit-animation-name: dt_zoomOutLeft;
animation-name: dt_zoomOutLeft;
}@-webkit-keyframes dt_zoomOutRight{
40%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);
transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);;
opacity: 1;
}100%{
-webkit-transform: scale(0.1) translate3d(2000px,0,0);
transform: scale(0.1) translate3d(2000px,0,0);
-webkit-transform-origin: right center;
transform-origin: right center;;
opacity: 0;
}
}@keyframes dt_zoomOutRight{
40%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);
transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);;
opacity: 1;
}100%{
-webkit-transform: scale(0.1) translate3d(2000px,0,0);
transform: scale(0.1) translate3d(2000px,0,0);
-webkit-transform-origin: right center;
transform-origin: right center;;
opacity: 0;
}
}.zoomOutRight{
-webkit-animation-name: dt_zoomOutRight;
animation-name: dt_zoomOutRight;
}@-webkit-keyframes dt_zoomOutUp{
40%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
transform: scale3d(0.475,0.475,0.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);;
opacity: 1;
}100%{
-webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
transform: scale3d(0.1,0.1,0.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);;
opacity: 0;
}
}@keyframes dt_zoomOutUp{
40%{
-webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
transform: scale3d(0.475,0.475,0.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);;
opacity: 1;
}100%{
-webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
transform: scale3d(0.1,0.1,0.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);;
opacity: 0;
}
}.zoomOutUp{
-webkit-animation-name: dt_zoomOutUp;
animation-name: dt_zoomOutUp;
}.dtportfolio-remove-footer footer { display: none; }
.dtportfolio-transparent-header #header { z-index: 9; }
.dtportfolio-single-mediaontop-section { float: left; }
.dtportfolio-transparent-header .dtportfolio-single-mediaontop-section { float: none; }
.dtportfolio-transparent-header #header.header-top-absolute, .dtportfolio-transparent-header #header { position: absolute; top: 0; left: 0; }
.dtportfolio-transparent-header #header-wrapper { margin: 0; position: relative; }
.dtportfolio-transparent-header.no-breadcrumb #main { margin-top: 0; }
.dtportfolio-transparent-header #header-wrapper #header:only-child .dt-no-header-builder-content { background-color: rgba(0,0,0,0); }