@charset "utf-8";
/**
* ----------------------------------------
* animation bounce-in-top
* ----------------------------------------
*/
.bounce-in-top {
-webkit-animation: bounce-in-top 1.4s both;
animation: bounce-in-top 1.4s both;
}
@-webkit-keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
/**
* ----------------------------------------
* animation slide-in-elliptic-top-fwd
* ----------------------------------------
*/
.slide-in-elliptic-top-fwd {
-webkit-animation: slide-in-elliptic-top-fwd 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-elliptic-top-fwd 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-elliptic-top-fwd {
0% {
-webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
transform: translateY(-600px) rotateX(-30deg) scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
100% {
-webkit-transform: translateY(0) rotateX(0) scale(1);
transform: translateY(0) rotateX(0) scale(1);
-webkit-transform-origin: 50% 1400px;
transform-origin: 50% 1400px;
opacity: 1;
}
}
@keyframes slide-in-elliptic-top-fwd {
0% {
-webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
transform: translateY(-600px) rotateX(-30deg) scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
100% {
-webkit-transform: translateY(0) rotateX(0) scale(1);
transform: translateY(0) rotateX(0) scale(1);
-webkit-transform-origin: 50% 1400px;
transform-origin: 50% 1400px;
opacity: 1;
}
}
/**
* ----------------------------------------
* animation slide-in-blurred-tl
* ----------------------------------------
*/
.slide-in-blurred-tl {
-webkit-animation: slide-in-blurred-tl 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
animation: slide-in-blurred-tl 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@-webkit-keyframes slide-in-blurred-tl {
0% {
-webkit-transform: translate(-1000px, -1000px) skew(80deg, 10deg);
transform: translate(-1000px, -1000px) skew(80deg, 10deg);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-filter: blur(40px);
filter: blur(40px);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0) skew(0deg, 0deg);
transform: translate(0, 0) skew(0deg, 0deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
@keyframes slide-in-blurred-tl {
0% {
-webkit-transform: translate(-1000px, -1000px) skew(80deg, 10deg);
transform: translate(-1000px, -1000px) skew(80deg, 10deg);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-filter: blur(40px);
filter: blur(40px);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0) skew(0deg, 0deg);
transform: translate(0, 0) skew(0deg, 0deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
/**
* ----------------------------------------
* animation slide-in-blurred-tr
* ----------------------------------------
*/
.slide-in-blurred-tr {
-webkit-animation: slide-in-blurred-tr 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
animation: slide-in-blurred-tr 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@-webkit-keyframes slide-in-blurred-tr {
0% {
-webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg);
transform: translate(1000px, -1000px) skew(-80deg, -10deg);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-filter: blur(40px);
filter: blur(40px);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0) skew(0deg, 0deg);
transform: translate(0, 0) skew(0deg, 0deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
@keyframes slide-in-blurred-tr {
0% {
-webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg);
transform: translate(1000px, -1000px) skew(-80deg, -10deg);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-filter: blur(40px);
filter: blur(40px);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0) skew(0deg, 0deg);
transform: translate(0, 0) skew(0deg, 0deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
/**
* ----------------------------------------
* animation slide-in-blurred-bl
* ----------------------------------------
*/
.slide-in-blurred-bl {
-webkit-animation: slide-in-blurred-bl 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
animation: slide-in-blurred-bl 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@-webkit-keyframes slide-in-blurred-bl {
0% {
-webkit-transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-filter: blur(40px);
filter: blur(40px);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0) skew(0deg, 0deg);
transform: translate(0, 0) skew(0deg, 0deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
@keyframes slide-in-blurred-bl {
0% {
-webkit-transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-filter: blur(40px);
filter: blur(40px);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0) skew(0deg, 0deg);
transform: translate(0, 0) skew(0deg, 0deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
/**
* ----------------------------------------
* animation slide-in-blurred-br
* ----------------------------------------
*/
.slide-in-blurred-br {
-webkit-animation: slide-in-blurred-br 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
animation: slide-in-blurred-br 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@-webkit-keyframes slide-in-blurred-br {
0% {
-webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg);
transform: translate(1000px, 1000px) skew(80deg, 10deg);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-filter: blur(40px);
filter: blur(40px);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0) skew(0deg, 0deg);
transform: translate(0, 0) skew(0deg, 0deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
@keyframes slide-in-blurred-br {
0% {
-webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg);
transform: translate(1000px, 1000px) skew(80deg, 10deg);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-filter: blur(40px);
filter: blur(40px);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0) skew(0deg, 0deg);
transform: translate(0, 0) skew(0deg, 0deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
/**
* ----------------------------------------
* animation scale-in-br
* ----------------------------------------
*/
.scale-in-br {
-webkit-animation: scale-in-br 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: scale-in-br 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-br {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 1;
}
}
@keyframes scale-in-br {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
opacity: 1;
}
}
/**
* ----------------------------------------
* animation scale-in-bl
* ----------------------------------------
*/
.scale-in-bl {
-webkit-animation: scale-in-bl 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: scale-in-bl 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-bl {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
}
@keyframes scale-in-bl {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
}
/**
* ----------------------------------------
* animation vibrate-1
* ----------------------------------------
*/
.vibrate-1 {
-webkit-animation: vibrate-1 1.6s linear 2s infinite both;
animation: vibrate-1 1.6s linear 2s infinite both;
}
@-webkit-keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
/**
* ----------------------------------------
* animation slide-bck-center
* ----------------------------------------
*/
.slide-bck-center {
-webkit-animation: slide-bck-center 0.45s ease-in-out both;
animation: slide-bck-center 0.45s ease-in-out both;
}
@-webkit-keyframes slide-bck-center {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
100% {
-webkit-transform: translateZ(-400px);
transform: translateZ(-400px);
}
}
@keyframes slide-bck-center {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
100% {
-webkit-transform: translateZ(-400px);
transform: translateZ(-400px);
}
}
/**
* ----------------------------------------
* animation slide-in-blurred-bottom
* ----------------------------------------
*/
.slide-in-blurred-bottom {
-webkit-animation: slide-in-blurred-bottom 1.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
animation: slide-in-blurred-bottom 1.8s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@-webkit-keyframes slide-in-blurred-bottom {
0% {
-webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-filter: blur(40px);
filter: blur(40px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0) scaleY(1) scaleX(1);
transform: translateY(0) scaleY(1) scaleX(1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
@keyframes slide-in-blurred-bottom {
0% {
-webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-filter: blur(40px);
filter: blur(40px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0) scaleY(1) scaleX(1);
transform: translateY(0) scaleY(1) scaleX(1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
/**
* ----------------------------------------
* animation Pulse Ring
* ----------------------------------------*/
@-webkit-keyframes pulse-ring {
0% {
transform: scale(0.33);
}
80%, 100% {
opacity: 0;
}
}
@keyframes pulse-ring {
0% {
transform: scale(0.33);
}
80%, 100% {
opacity: 0;
}
}
@-webkit-keyframes pulse-dot {
0% {
transform: scale(0.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.8);
}
}
@keyframes pulse-dot {
0% {
transform: scale(0.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.8);
}
}
/**
* ----------------------------------------
* animation blink-1
* ----------------------------------------
*/
.blink-1 {
-webkit-animation: blink-1 3.8s infinite both;
animation: blink-1 3.8s infinite both;
}
@-webkit-keyframes blink-1 {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0.1;
}
}
@keyframes blink-1 {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0.1;
}
}
/*+++++++++++++++++++++++*/
.delay-1 {
animation-delay: 1s
}
.delay-1-2 {
animation-delay: 1.4s
}
.delay-2 {
animation-delay: 1.6s
}
.delay-3 {
animation-delay: 2s
}
.delay-4 {
animation-delay: 2.4s
}
.delay-5 {
animation-delay: 2.8s
}