ok

Mini Shell

Direktori : /home2/selectio/www/sqarextechnologies.com/assets/css/
Upload File :
Current File : //home2/selectio/www/sqarextechnologies.com/assets/css/animation.css

@keyframes wptb-jump {
    50% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}

@keyframes wptb-upscale {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes wptb-upscale {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes wptb-spin {
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes wptb-squash {
    50% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes wptb-skew {
    50% {
        -webkit-transform: skew(-30deg);
        transform: skew(-30deg)
    }
}

@keyframes wptb-leap {
    50% {
        -webkit-transform: translateY(-50%)rotate(-15deg);
        transform: translateY(-50%)rotate(-15deg)
    }
}

@keyframes wptb-fade {
    50% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0
    }
}

@keyframes wptb-sheen {
    50% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        color: #eee
    }
}

@keyframes wptb-xspin {
    50% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes wptb-jump {
    50% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}

@keyframes pxl_load_spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        -khtml-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes pxl_load_characters {
    0%,
    75%,
    100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -khtml-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
    25%,
    50% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        -khtml-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes wptb-upscale {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes wptb-upscale {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes wptb-spin {
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes wptb-squash {
    50% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes wptb-skew {
    50% {
        -webkit-transform: skew(-30deg);
        transform: skew(-30deg)
    }
}

@keyframes wptb-leap {
    50% {
        -webkit-transform: translateY(-50%)rotate(-15deg);
        transform: translateY(-50%)rotate(-15deg)
    }
}

@keyframes wptb-fade {
    50% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0
    }
}

@keyframes wptb-sheen {
    50% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        color: #eee
    }
}

@keyframes wptb-xspin {
    50% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes pxl_scale1 {
    0% {
        transform: scale(1);
        opacity: .67
    }
    100% {
        transform: scale(2.2);
        opacity: 0
    }
}

@-webkit-keyframes pxl_scale1 {
    0% {
        transform: scale(1);
        opacity: .67
    }
    100% {
        transform: scale(2.2);
        opacity: 0
    }
}

@-ms-keyframes pxl_spin {
    from {
        -ms-transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes pxl_spin {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes pxl_spin {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes pxl_spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes pxl_right_from_left {
    49% {
        -webkit-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes pxl_right_from_left {
    49% {
        -moz-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-webkit-keyframes wptb-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-moz-keyframes wptb-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes wptb-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes wptb-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes wptb-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes pxl_spin {
    from {
        -ms-transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes pxl_spin {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes pxl_spin {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes pxl_spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

@keyframes textStrokeAnim {
    0% {
        stroke-dasharray: 100%;
        stroke-dashoffset: 100%;
        fill: #000 0
    }
    95% {
        stroke-dasharray: 0%;
        stroke-dashoffset: 90%;
        fill: #000 0
    }
    100% {
        stroke-dasharray: 0%;
        stroke-dashoffset: 0%;
        fill: #9b9dad;
        filter: drop-shadow(2px 2px 10px #000 7)
    }
}

@keyframes pxlInnerOut {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-100%)
    }
}

@keyframes pxlImgOut {
    0% {
        transform: translateX(0)scale(1)
    }
    100% {
        transform: translateX(100%)scale(1.15)
    }
}

@keyframes pxlInnerIn {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes pxlImgIn {
    0% {
        transform: translateX(-100%)scale(1.15)
    }
    100% {
        transform: translateX(0)scale(1)
    }
}

@keyframes pxl_right_from_left {
    49% {
        transform: translate(100%)
    }
    50% {
        opacity: 0;
        transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-webkit-keyframes pxl_left_from_right {
    49% {
        -webkit-transform: translate(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes pxl_left_from_right {
    49% {
        -moz-transform: translate(-100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes pxl_left_from_right {
    49% {
        transform: translate(-100%)
    }
    50% {
        opacity: 0;
        transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes pxl_grid_fall {
    0% {
        top: 0%
    }
    100% {
        top: 100%
    }
}

@keyframes pxl_bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)translateX(-50%)
    }
    40% {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)translateX(-50%)
    }
    60% {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px)translateX(-50%)
    }
}

@keyframes pxl_zigzag {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    60% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

@keyframes pulse {
    100% {
        transform: scale(1.75);
        opacity: 0
    }
}

@keyframes pxl_right_left {
    0% {
        transform: translateX(0)
    }
    25% {
        transform: translateX(40px)
    }
    50% {
        transform: translateX(0)
    }
    75% {
        transform: translateX(-40px)
    }
    100% {
        transform: translateX(0)
    }
}

.slide-right-to-left {
    animation: pxl_right_left 12s ease-out infinite;
    -webkit-animation: pxl_right_left 12s ease-out infinite
}

@keyframes pxl_left_right {
    0% {
        transform: translateX(0)
    }
    25% {
        transform: translateX(-40px)
    }
    50% {
        transform: translateX(0)
    }
    75% {
        transform: translateX(40px)
    }
    100% {
        transform: translateX(0)
    }
}

.slide-left-to-right {
    animation: pxl_left_right 12s ease-out infinite;
    -webkit-animation: pxl_left_right 12s ease-out infinite
}

@keyframes pxl_bottom_top_small {
    0% {
        transform: translateX(0)
    }
    25% {
        transform: translateY(10px)
    }
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes pxl_bottom_top {
    0% {
        transform: translateX(0)
    }
    25% {
        transform: translateY(40px)
    }
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(-40px)
    }
    100% {
        transform: translateY(0)
    }
}

.slide-bottom-to-top {
    animation: pxl_bottom_top 12s ease-out infinite;
    -webkit-animation: pxl_bottom_top 12s ease-out infinite
}

@-webkit-keyframes pxl_reveal {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    80% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes pxl_reveal {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    80% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes pxl_effect1 {
    0% {
        transform: translate(0, 0)
    }
    20% {
        transform: translate(40px, -5px)
    }
    40% {
        transform: translate(60px, 40px)
    }
    60% {
        transform: translate(40px, 60px)
    }
    80% {
        transform: translate(-40px, 60px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.slide-effect1 {
    animation: pxl_effect1 12s ease-out infinite;
    -webkit-animation: pxl_effect1 12s ease-out infinite
}

@keyframes pxl_effect2 {
    0% {
        transform: translate(0, 0)
    }
    20% {
        transform: translate(-30px, 40px)
    }
    40% {
        transform: translate(60px, 60px)
    }
    60% {
        transform: translate(70px, 40px)
    }
    80% {
        transform: translate(40px, -70px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.slide-effect2 {
    animation: pxl_effect2 12s ease-out infinite;
    -webkit-animation: pxl_effect2 12s ease-out infinite
}

@keyframes pxl_top_bottom {
    0% {
        transform: translateX(0)
    }
    25% {
        transform: translateY(-40px)
    }
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(40px)
    }
    100% {
        transform: translateY(0)
    }
}

.slide-top-to-bottom {
    animation: pxl_top_bottom 12s ease-out infinite;
    -webkit-animation: pxl_top_bottom 12s ease-out infinite
}

@keyframes sliderShape {
    0%,
    100% {
        border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
        transform: translate3d(0, 0, 0)rotateZ(.01deg)
    }
    34% {
        border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0)rotateZ(.01deg)
    }
    50% {
        transform: translate3d(0, 0, 0)rotateZ(.01deg)
    }
    67% {
        border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0)rotateZ(.01deg)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1)translate3d(0, 1e3px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475)translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@-webkit-keyframes pxl_fade_in_move {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }
    10% {
        opacity: 1;
        -webkit-transform: scale3d(.1, 1, 1);
        transform: scale3d(.1, 1, 1)
    }
    100% {
        opacity: .14;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pxl_fade_in_move {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1)
    }
    10% {
        opacity: 1;
        -webkit-transform: scale3d(.1, 1, 1);
        transform: scale3d(.1, 1, 1)
    }
    100% {
        opacity: .14;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes img_circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes img_circle {
    0% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes wptb-wide-menu-underline {
    0% {
        background-size: 100% 100%;
        background-position-x: 100%
    }
    100% {
        background-size: 0 100%;
        background-position-x: 100%
    }
}

@keyframes wptb-wide-menu-underline-hover {
    0% {
        background-position-x: 0;
        background-size: 0 100%
    }
    100% {
        background-position-x: 0;
        background-size: 100% 100%
    }
}

@keyframes full-circle {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes pxl_loader_bounce {
    0%,
    100% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes pxl_loader_bounce {
    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.icon-bounce {
    animation: icon-bounce 2s ease infinite
}

@keyframes icon-bounce {
    70% {
        transform: translateY(0%)
    }
    80% {
        transform: translateY(-15%)
    }
    90% {
        transform: translateY(0%)
    }
    95% {
        transform: translateY(-7%)
    }
    97% {
        transform: translateY(0%)
    }
    99% {
        transform: translateY(-3%)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes btn_shine {
    100% {
        left: 200%
    }
}

@keyframes btn_shine {
    100% {
        left: 200%
    }
}

@-webkit-keyframes pxl_skew_in {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes pxl_skew_in {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.wptb-skew-in {
    -webkit-animation-name: pxl_skew_in;
    animation-name: pxl_skew_in;
    -webkit-animation-duration: .8s !important;
    animation-duration: .8s !important;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.wptb-spin {
    -webkit-animation: wptb-spin 2s linear infinite;
    -khtml-animation: wptb-spin 2s linear infinite;
    -moz-animation: wptb-spin 2s linear infinite;
    -ms-animation: wptb-spin 2s linear infinite;
    -o-animation: wptb-spin 2s linear infinite;
    animation: wptb-spin 2s linear infinite
}

.wptb-spin1 {
    -webkit-animation: wptb-spin 15s linear infinite;
    -khtml-animation: wptb-spin 15s linear infinite;
    -moz-animation: wptb-spin 15s linear infinite;
    -ms-animation: wptb-spin 15s linear infinite;
    -o-animation: wptb-spin 15s linear infinite;
    animation: wptb-spin 15s linear infinite
}

.wptb-dot-animate {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.wptb-dot-animate .dot-item {
    position: relative
}

.wptb-dot-animate .dot-item span {
    width: 6px;
    height: 6px;
    background-color: #7a7a7a;
    position: absolute;
    bottom: 14%;
    left: 50%;
    margin-left: -2px;
    z-index: 1
}

.wptb-dot-animate .dot-item:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #292929
}

.wptb-dot-animate .dot-1 span {
    bottom: 8%;
    -webkit-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop1 30s infinite linear;
    animation: dotAnimatedBottomToTop1 30s infinite linear
}

.wptb-dot-animate .dot-2 span {
    bottom: 98%;
    -webkit-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop2 30s infinite linear;
    animation: dotAnimatedBottomToTop2 30s infinite linear
}

.wptb-dot-animate .dot-3 span {
    bottom: 6%;
    -webkit-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop3 30s infinite linear;
    animation: dotAnimatedBottomToTop3 30s infinite linear
}

.wptb-dot-animate .dot-4 span {
    bottom: 96%;
    -webkit-animation: dotAnimatedBottomToTop4 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop4 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop4 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop4 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop4 30s infinite linear;
    animation: dotAnimatedBottomToTop4 30s infinite linear
}

.wptb-dot-animate .dot-5 span {
    bottom: 12%;
    -webkit-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop5 30s infinite linear;
    animation: dotAnimatedBottomToTop5 30s infinite linear
}

.wptb-dot-animate .dot-6 span {
    bottom: 94%;
    -webkit-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop6 30s infinite linear;
    animation: dotAnimatedBottomToTop6 30s infinite linear
}

.wptb-transforms {
    -webkit-transform: perspective(var(--wptb-transform-perspective, 0))rotate(var(--wptb-transform-rotateZ, 0))rotateX(var(--wptb-transform-rotateX, 0))rotateY(var(--wptb-transform-rotateY, 0))translate(var(--wptb-transform-translate, 0))translateX(var(--wptb-transform-translateX, 0))translateY(var(--wptb-transform-translateY, 0))scaleX(calc(var(--wptb-transform-flipX, 1) * var(--wptb-transform-scaleX, var(--wptb-transform-scale, 1))))scaleY(calc(var(--wptb-transform-flipY, 1) * var(--wptb-transform-scaleY, var(--wptb-transform-scale, 1))))skewX(var(--wptb-transform-skewX, 0))skewY(var(--wptb-transform-skewY, 0));
    transform: perspective(var(--wptb-transform-perspective, 0))rotate(var(--wptb-transform-rotateZ, 0))rotateX(var(--wptb-transform-rotateX, 0))rotateY(var(--wptb-transform-rotateY, 0))translate(var(--wptb-transform-translate, 0))translateX(var(--wptb-transform-translateX, 0))translateY(var(--wptb-transform-translateY, 0))scaleX(calc(var(--wptb-transform-flipX, 1) * var(--wptb-transform-scaleX, var(--wptb-transform-scale, 1))))scaleY(calc(var(--wptb-transform-flipY, 1) * var(--wptb-transform-scaleY, var(--wptb-transform-scale, 1))))skewX(var(--wptb-transform-skewX, 0))skewY(var(--wptb-transform-skewY, 0));
    -webkit-transform-origin: var(--wptb-transform-origin-y)var(--wptb-transform-origin-x);
    -ms-transform-origin: var(--wptb-transform-origin-y)var(--wptb-transform-origin-x);
    transform-origin: var(--wptb-transform-origin-y)var(--wptb-transform-origin-x);
    -webkit-transition: -webkit-transform var(--wptb-transform-transition-duration, .4s);
    transition: -webkit-transform var(--wptb-transform-transition-duration, .4s);
    -o-transition: transform var(--wptb-transform-transition-duration, .4s);
    transition: transform var(--wptb-transform-transition-duration, .4s);
    transition: transform var(--wptb-transform-transition-duration, .4s), -webkit-transform var(--wptb-transform-transition-duration, .4s)
}

.wptb-rotate1 {
    transform: rotate(-90deg);
    transform-origin: 0 0
}

.transform-origin-0 .elementor-widget-container {
    transform-origin: 0 0
}

.elementor-column.wptb-bg-ken-burns .elementor-widget-wrap {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation: wptb-ken-burns-in-out 30s linear infinite;
    -khtml-animation: wptb-ken-burns-in-out 30s linear infinite;
    -moz-animation: wptb-ken-burns-in-out 30s linear infinite;
    -ms-animation: wptb-ken-burns-in-out 30s linear infinite;
    -o-animation: wptb-ken-burns-in-out 30s linear infinite;
    animation: wptb-ken-burns-in-out 30s linear infinite
}

.wptb-ken-burns {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 10s;
    -o-transition-duration: 10s;
    transition-duration: 10s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.wptb-ken-burns--out {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.wptb-ken-burns--active {
    -webkit-transition-duration: 20s;
    -o-transition-duration: 20s;
    transition-duration: 20s
}

.wptb-ken-burns--active.wptb-ken-burns--out {
    -webkit-animation: wptb-ken-burns-out 20s linear infinite;
    -khtml-animation: wptb-ken-burns-out 20s linear infinite;
    -moz-animation: wptb-ken-burns-out 20s linear infinite;
    -ms-animation: wptb-ken-burns-out 20s linear infinite;
    -o-animation: wptb-ken-burns-out 20s linear infinite;
    animation: wptb-ken-burns-out 20s linear infinite
}

.wptb-ken-burns--active.wptb-ken-burns--in {
    -webkit-animation: wptb-ken-burns-in 20s linear infinite;
    -khtml-animation: wptb-ken-burns-in 20s linear infinite;
    -moz-animation: wptb-ken-burns-in 20s linear infinite;
    -ms-animation: wptb-ken-burns-in 20s linear infinite;
    -o-animation: wptb-ken-burns-in 20s linear infinite;
    animation: wptb-ken-burns-in 20s linear infinite
}

Zerion Mini Shell 1.0