﻿@keyframes veritcal {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(100px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes veritcal-reverse {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-100px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes veritcal-short {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(30px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes veritcal-short-reverse {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-30px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes veritcal2 {
    from {
        -webkit-transform: translate3d(0,-10px,0)
    }

    to {
        -webkit-transform: translate3d(0,10px,0)
    }
}

@keyframes veritcal2-reverse {
    from {
        -webkit-transform: translate3d(0,10px,0)
    }

    to {
        -webkit-transform: translate3d(0,-10px,0)
    }
}

@keyframes horizontal {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(100px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes horizontal-reverse {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-100px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes horizontal-short {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(30px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes horizontal-short-reverse {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-30px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes horizontal2 {
    from {
        transform: translateX(-20px);
        -webkit-transform: translateX(-20px)
    }

    from {
        transform: translateX(20px);
        -webkit-transform: translateX(20px)
    }
}

@-webkit-keyframes horizontal2 {
    from {
        transform: translateX(-20px);
        -webkit-transform: translateX(-20px)
    }

    from {
        transform: translateX(20px);
        -webkit-transform: translateX(20px)
    }
}

@keyframes rotated_style {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }

    25% {
        -webkit-transform: translate(-10px,10px) rotate(10deg);
        transform: translate(-10px,10px) rotate(10deg)
    }

    50% {
        -webkit-transform: translate(5px,-5px) rotate(25deg);
        transform: translate(5px,-5px) rotate(25deg)
    }

    75% {
        -webkit-transform: translate(15px,-5px) rotate(15deg);
        transform: translate(15px,-5px) rotate(15deg)
    }

    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@keyframes rotate-anim-reverse {
    from {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        transform: rotate(-359deg);
        -webkit-transform: rotate(-359deg)
    }
}

@keyframes rotate-anim-short {
    0% {
        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg)
    }

    50% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    100% {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg)
    }
}

@keyframes rotate-anim-short-reverse {
    0% {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg)
    }

    50% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    100% {
        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg)
    }
}

@-webkit-keyframes spine {
    from {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg)
    }
}

@keyframes spine-reverse {
    from {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        transform: rotate(-359deg);
        -webkit-transform: rotate(-359deg)
    }
}

@-webkit-keyframes spine-reverse {
    from {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        transform: rotate(-359deg);
        -webkit-transform: rotate(-359deg)
    }
}

@keyframes scale {
    from {
        transform: scale(.9);
        -webkit-transform: scale(.9)
    }

    to {
        transform: scale(1.03);
        -webkit-transform: scale(1.03)
    }
}

@-webkit-keyframes scale {
    from {
        transform: scale(.9);
        -webkit-transform: scale(.9)
    }

    to {
        transform: scale(1.03);
        -webkit-transform: scale(1.03)
    }
}

@keyframes scale2 {
    from {
        transform: scale(.9);
        -webkit-transform: scale(.9)
    }

    to {
        transform: scale(1.01);
        -webkit-transform: scale(1.01)
    }
}

@-webkit-keyframes scale2 {
    from {
        transform: scale(.9);
        -webkit-transform: scale(.9)
    }

    to {
        transform: scale(1.01);
        -webkit-transform: scale(1.01)
    }
}

@keyframes head-move {
    0% {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0)
    }

    25% {
        transform: translate3d(5px,0,0) rotate(4deg);
        -webkit-transform: translate3d(5px,0,0) rotate(4deg)
    }

    50% {
        transform: translate3d(0,0,0) rotate(-2deg);
        -webkit-transform: translate3d(0,0,0) rotate(-2deg)
    }

    75% {
        transform: translate3d(5px,0,0) rotate(4deg);
        -webkit-transform: translate3d(5px,0,0) rotate(4deg)
    }

    100% {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes head-move {
    0% {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0)
    }

    25% {
        transform: translate3d(5px,0,0) rotate(4deg);
        -webkit-transform: translate3d(5px,0,0) rotate(4deg)
    }

    50% {
        transform: translate3d(0,0,0) rotate(-2deg);
        -webkit-transform: translate3d(0,0,0) rotate(-2deg)
    }

    75% {
        transform: translate3d(5px,0,0) rotate(4deg);
        -webkit-transform: translate3d(5px,0,0) rotate(4deg)
    }

    100% {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0)
    }
}

@keyframes pop {
    0% {
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5);
        opacity: 0
    }

    50% {
        opacity: .2
    }

    100% {
        -webkit-transform: scale(.9,.9);
        transform: scale(.9,.9);
        opacity: 0
    }
}

@-webkit-keyframes pop {
    0% {
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5);
        opacity: 0
    }

    50% {
        opacity: .09
    }

    100% {
        -webkit-transform: scale(.9,.9);
        transform: scale(.9,.9);
        opacity: 0
    }
}

@keyframes ruller-run {
    0% {
        background-position-y: 200%
    }

    100% {
        background-position-y: 0
    }
}

@-webkit-keyframes ruller-run {
    0% {
        background-position-y: 200%
    }

    100% {
        background-position-y: 0
    }
}

.elementor-widget-rs-image .rs-image img {
    border-color: var(--borderColor)
}

.rs-image {
    position: relative;
    width: 100%;
    height: 100%
}

    .rs-image img {
        position: relative;
        z-index: 1;
        transition: var(--transition)
    }

        .rs-image img.blend_normal {
            mix-blend-mode: normal
        }

        .rs-image img.blend_unset {
            mix-blend-mode: unset
        }

        .rs-image img.blend_multiply {
            mix-blend-mode: multiply
        }

        .rs-image img.blend_screen {
            mix-blend-mode: screen
        }

        .rs-image img.blend_overlay {
            mix-blend-mode: overlay
        }

        .rs-image img.blend_darken {
            mix-blend-mode: darken
        }

        .rs-image img.blend_lighten {
            mix-blend-mode: lighten
        }

        .rs-image img.blend_color_dodge {
            mix-blend-mode: color-dodge
        }

        .rs-image img.blend_color_burn {
            mix-blend-mode: color-burn
        }

        .rs-image img.blend_difference {
            mix-blend-mode: difference
        }

        .rs-image img.blend_exclusion {
            mix-blend-mode: exclusion
        }

        .rs-image img.blend_hue {
            mix-blend-mode: hue
        }

        .rs-image img.blend_saturation {
            mix-blend-mode: saturation
        }

        .rs-image img.blend_color {
            mix-blend-mode: color
        }

        .rs-image img.blend_luminosity {
            mix-blend-mode: luminosity
        }

    .rs-image.atropos .atropos-inner {
        overflow: visible !important
    }

        .rs-image.atropos .atropos-inner .rs-multi-image {
            z-index: 4
        }

        .rs-image.atropos .atropos-inner .layer-img {
            position: absolute;
            left: 0;
            top: 0
        }

    .rs-image .spin_style {
        animation: spine 30s infinite linear;
        -webkit-animation: spine 30s infinite linear
    }

        .rs-image .spin_style.reverse-enable {
            animation-name: spine-reverse
        }

    .rs-image .scale_style {
        animation: scale 1s alternate infinite;
        -webkit-animation: scale 1s alternate infinite
    }

    .rs-image .scale_style2 {
        animation: scale2 1s alternate infinite;
        -webkit-animation: scale2 1s alternate infinite
    }

    .rs-image .move_leftright {
        animation-name: head-move;
        animation-duration: 4s;
        animation-direction: linear;
        animation-iteration-count: infinite
    }

    .rs-image .pop-wrap {
        position: absolute;
        width: 750px;
        height: 750px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

        .rs-image .pop-wrap .pop {
            position: absolute;
            content: "";
            border-radius: 100%;
            width: 100%;
            height: 100%;
            opacity: .01;
            background-clip: padding-box;
            -webkit-animation: pop 6s ease-in-out infinite;
            animation: pop 6s ease-in-out infinite;
            background: #6d5afe
        }

            .rs-image .pop-wrap .pop:nth-child(2) {
                -webkit-animation-delay: 1s;
                animation-delay: 1s
            }

            .rs-image .pop-wrap .pop:nth-child(3) {
                -webkit-animation-delay: 2s;
                animation-delay: 2s
            }

    .rs-image.ruler_image_yes {
        position: relative;
        overflow: hidden
    }

        .rs-image.ruler_image_yes .ruler-image-anim {
            position: absolute;
            left: 0;
            top: 0;
            width: 26px;
            overflow: hidden;
            height: 200%;
            background: url(../img/ruler-shape.png);
            background-repeat: repeat-y !important;
            animation: ruller-run 60s linear infinite
        }

        .rs-image.ruler_image_yes img.rs-multi-image {
            width: 100%;
            height: auto;
            padding-left: 26px
        }

        .rs-image.ruler_image_yes.ruler_position_right .ruler-image-anim {
            left: unset;
            right: 0;
            background: url(../img/ruler-shape-revers.png)
        }

        .rs-image.ruler_image_yes.ruler_position_right img.rs-multi-image {
            width: 100%;
            height: auto;
            padding-left: 0;
            padding-right: 26px
        }

    .rs-image.scroll_reveal.reveal-active {
        visibility: hidden;
        position: relative;
        width: 100%;
        height: 100%;
        max-width: max-content;
        right: 0;
        overflow: hidden
    }

        .rs-image.scroll_reveal.reveal-active img {
            transition: unset !important;
            border-radius: 0 !important
        }

    .rs-image.css-anim .veritcal {
        animation-name: veritcal;
        animation-timing-function: linear;
        animation-duration: 12s;
        animation-iteration-count: infinite
    }

        .rs-image.css-anim .veritcal.short {
            animation-name: veritcal-short
        }

            .rs-image.css-anim .veritcal.short.reverse-enable {
                animation-name: veritcal-short-reverse
            }

        .rs-image.css-anim .veritcal.reverse-enable {
            animation-name: veritcal-reverse
        }

    .rs-image.css-anim .veritcal2 {
        animation: veritcal2 3s alternate infinite;
        -webkit-animation: veritcal2 3s alternate infinite
    }

        .rs-image.css-anim .veritcal2.reverse-enable {
            animation-name: veritcal2-reverse
        }

    .rs-image.css-anim .horizontal {
        animation-name: horizontal;
        animation-timing-function: linear;
        animation-duration: 12s;
        animation-iteration-count: infinite
    }

        .rs-image.css-anim .horizontal.short {
            animation-name: horizontal-short
        }

            .rs-image.css-anim .horizontal.short.reverse-enable {
                animation-name: horizontal-short-reverse
            }

        .rs-image.css-anim .horizontal.reverse-enable {
            animation-name: horizontal-reverse
        }

    .rs-image.css-anim .horizontal2 {
        animation: x-anim2 2s alternate infinite;
        -webkit-animation: x-anim2 2s alternate infinite
    }

    .rs-image.css-anim .rotated_style {
        -webkit-animation: rotated_style 5s linear infinite;
        animation: rotated_style 5s linear infinite
    }

.prallax-parent img {
    transition: unset !important
}
