.wpb_animate_when_almost_visible {
opacity: 0;
}
.wpb_animate_when_almost_visible:not(.wpb_start_animation) {
-webkit-animation: none;
-o-animation: none;
animation: none;
}
.top-to-bottom,
.wpb_top-to-bottom {
-webkit-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.bottom-to-top,
.wpb_bottom-to-top {
-webkit-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.left-to-right,
.wpb_left-to-right {
-webkit-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.right-to-left,
.wpb_right-to-left {
-webkit-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.appear,
.wpb_appear {
-webkit-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.wpb_start_animation {
opacity: 1;
}
@-webkit-keyframes wpb_ttb {
0% {
-webkit-transform: translate(0, -10%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes wpb_ttb {
0% {
-moz-transform: translate(0, -10%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes wpb_ttb {
0% {
-o-transform: translate(0, -10%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes wpb_ttb {
0% {
-webkit-transform: translate(0, -10%);
-ms-transform: translate(0, -10%);
-o-transform: translate(0, -10%);
transform: translate(0, -10%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes wpb_btt {
0% {
-webkit-transform: translate(0, 10%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes wpb_btt {
0% {
-moz-transform: translate(0, 10%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes wpb_btt {
0% {
-o-transform: translate(0, 10%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes wpb_btt {
0% {
-webkit-transform: translate(0, 10%);
-ms-transform: translate(0, 10%);
-o-transform: translate(0, 10%);
transform: translate(0, 10%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes wpb_ltr {
0% {
-webkit-transform: translate(-10%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes wpb_ltr {
0% {
-moz-transform: translate(-10%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes wpb_ltr {
0% {
-o-transform: translate(-10%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes wpb_ltr {
0% {
-webkit-transform: translate(-10%, 0);
-ms-transform: translate(-10%, 0);
-o-transform: translate(-10%, 0);
transform: translate(-10%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes wpb_rtl {
0% {
-webkit-transform: translate(10%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes wpb_rtl {
0% {
-moz-transform: translate(10%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes wpb_rtl {
0% {
-o-transform: translate(10%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes wpb_rtl {
0% {
-webkit-transform: translate(10%, 0);
-ms-transform: translate(10%, 0);
-o-transform: translate(10%, 0);
transform: translate(10%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes wpb_appear {
0% {
-webkit-transform: scale(0.5);
opacity: 0.1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes wpb_appear {
0% {
-moz-transform: scale(0.5);
opacity: 0.1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-o-keyframes wpb_appear {
0% {
-o-transform: scale(0.5);
opacity: 0.1;
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}
@keyframes wpb_appear {
0% {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.1;
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}