/* Code tidied up by ScrapBook */
.animated { animation-fill-mode: both; animation-delay: 0.3s; }
@keyframes ae-animation-fade {
0% { opacity: 0; transform: scaleY(0) scaleX(0); }
100% { opacity: 1; transform: scaleY(1) scaleX(1); }
}
@keyframes ae-animation-fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes ae-animation-fade {
0% { opacity: 0; transform: scaleY(0) scaleX(0); }
100% { opacity: 1; transform: scaleY(1) scaleX(1); }
}
.ae-animation-fade { animation-name: ae-animation-fade; animation-duration: 1s; opacity: 1 ! important; }
.fade { opacity: 0; }
html.ie9 .fade { opacity: 1 ! important; }
@keyframes ae-animation-slide {
0% { transform: translateY(100%); }
100% { transform: translateY(0%); }
}
@keyframes ae-animation-slide {
0% { transform: translateY(100%); }
100% { transform: translateY(0%); }
}
@keyframes ae-animation-slide {
0% { transform: translateY(100%); }
100% { transform: translateY(0%); }
}
.ae-animation-slide { animation-name: ae-animation-slide; animation-duration: 1s; opacity: 1 ! important; }
.slide { opacity: 0; }
html.ie9 .slide { opacity: 1 ! important; }
@keyframes ae-animation-hatch {
0% { transform: rotate(0deg) scaleY(0); }
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); }
}
@keyframes ae-animation-hatch {
0% { transform: rotate(0deg) scaleY(0); }
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); }
}
@keyframes ae-animation-hatch {
0% { transform: rotate(0deg) scaleY(0); }
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); }
}
.ae-animation-hatch { animation-name: ae-animation-hatch; animation-duration: 1.6s; opacity: 1 ! important; }
.hatch { opacity: 0; }
html.ie9 .hatch { opacity: 1 ! important; }
@keyframes ae-animation-entrance {
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; }
}
@keyframes ae-animation-entrance {
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; }
}
@keyframes ae-animation-entrance {
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; }
}
.ae-animation-entrance { animation-name: ae-animation-entrance; animation-duration: 1.6s; opacity: 1 ! important; }
.entrance { opacity: 0; }
html.ie9 .entrance { opacity: 1 ! important; }