@-webkit-keyframes opas {
    0% {
        opacity: .4
    }

    60% {
        opacity: 1
    }

    100% {
        opacity: .4
    }
}

@keyframes opas {
    0% {
        opacity: .4
    }

    60% {
        opacity: 1
    }

    100% {
        opacity: .4
    }
}

@-webkit-keyframes fadeOpas {
    0% {
        transform: translateY(110%);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeOpas {
    0% {
        transform: translateY(110%);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes tooltipShow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes tooltipShow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@-webkit-keyframes rotate22 {
    0% {
        transform: translate(0, 0) rotate(0)
    }

    50% {
        transform: translate(-3vw, 0) rotate(-30deg)
    }

    100% {
        transform: translate(0, 0) rotate(0)
    }
}

@keyframes rotate22 {
    0% {
        transform: translate(0, 0) rotate(0)
    }

    50% {
        transform: translate(-3vw, 0) rotate(-30deg)
    }

    100% {
        transform: translate(0, 0) rotate(0)
    }
}

@-webkit-keyframes rotate23 {
    0% {
        transform: translate(0, 0) rotate(0)
    }

    50% {
        transform: translate(4.5vw, 0) rotate(40deg)
    }

    100% {
        transform: translate(0, 0) rotate(0)
    }
}

@keyframes rotate23 {
    0% {
        transform: translate(0, 0) rotate(0)
    }

    50% {
        transform: translate(4.5vw, 0) rotate(40deg)
    }

    100% {
        transform: translate(0, 0) rotate(0)
    }
}

@-webkit-keyframes rotate2 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes rotate2 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes deg {
    0% {
        transform: rotate(0)
    }

    60% {
        transform: rotate(-45deg)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes deg {
    0% {
        transform: rotate(0)
    }

    60% {
        transform: rotate(-45deg)
    }

    100% {
        transform: rotate(0)
    }
}

@-webkit-keyframes jamp {
    0% {
        margin-top: 0
    }

    15% {
        margin-top: -1rem
    }

    25% {
        margin-top: 0
    }

    35% {
        margin-top: -.5rem
    }

    45% {
        margin-top: 0
    }

    100% {
        margin-top: 0
    }
}

@keyframes jamp {
    0% {
        margin-top: 0
    }

    15% {
        margin-top: -1rem
    }

    25% {
        margin-top: 0
    }

    35% {
        margin-top: -.5rem
    }

    45% {
        margin-top: 0
    }

    100% {
        margin-top: 0
    }
}

@-webkit-keyframes jampTrf {
    0% {
        transform: translateY(0)
    }

    15% {
        transform: translateY(-7%)
    }

    25% {
        transform: translateY(0)
    }

    35% {
        transform: translateY(-3%)
    }

    45% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes jampTrf {
    0% {
        transform: translateY(0)
    }

    15% {
        transform: translateY(-7%)
    }

    25% {
        transform: translateY(0)
    }

    35% {
        transform: translateY(-3%)
    }

    45% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0
    }

    30% {
        left: 110%;
        margin-left: 80px
    }

    100% {
        left: 110%;
        margin-left: 80px
    }
}

@keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0
    }

    30% {
        left: 110%;
        margin-left: 80px
    }

    100% {
        left: 110%;
        margin-left: 80px
    }
}

@-webkit-keyframes pulseicon-a {
    0% {
        transform: translate(0, 0) scale(.85)
    }

    50% {
        transform: translate(0, 0) scale(1)
    }

    100% {
        transform: translate(0, 0) scale(.85)
    }
}

@keyframes pulseicon-a {
    0% {
        transform: translate(0, 0) scale(.85)
    }

    50% {
        transform: translate(0, 0) scale(1)
    }

    100% {
        transform: translate(0, 0) scale(.85)
    }
}

@-webkit-keyframes pulseicon {
    0% {
        transform: translate(-50%, -50%) scale(.8)
    }

    50% {
        transform: translate(-50%, -50%) scale(1)
    }

    100% {
        transform: translate(-50%, -50%) scale(.8)
    }
}

@keyframes pulseicon {
    0% {
        transform: translate(-50%, -50%) scale(.8)
    }

    50% {
        transform: translate(-50%, -50%) scale(1)
    }

    100% {
        transform: translate(-50%, -50%) scale(.8)
    }
}

@-webkit-keyframes phone {
    0% {
        transform: translate(-50%, -50%) rotate(15deg) scale(.9)
    }

    50% {
        transform: translate(-50%, -50%) rotate(0) scale(1.01)
    }

    100% {
        transform: translate(-50%, -50%) rotate(15deg) scale(.9)
    }
}

@keyframes phone {
    0% {
        transform: translate(-50%, -50%) rotate(15deg) scale(.9)
    }

    50% {
        transform: translate(-50%, -50%) rotate(0) scale(1.01)
    }

    100% {
        transform: translate(-50%, -50%) rotate(15deg) scale(.9)
    }
}

@-webkit-keyframes pulseiconLine {
    0% {
        transform: translateX(-55%) scale(.7)
    }

    50% {
        transform: translateX(-65%) scale(1)
    }

    100% {
        transform: translateX(-55%) scale(.7)
    }
}

@keyframes pulseiconLine {
    0% {
        transform: translateX(-55%) scale(.7)
    }

    50% {
        transform: translateX(-65%) scale(1)
    }

    100% {
        transform: translateX(-55%) scale(.7)
    }
}

@-webkit-keyframes scale-before {
    0% {
        transform: translate(-50%, -50%) scale(.8);
        opacity: 0
    }

    50% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .7
    }

    100% {
        transform: translate(-50%, -50%) scale(.8);
        opacity: 0
    }
}

@keyframes scale-before {
    0% {
        transform: translate(-50%, -50%) scale(.8);
        opacity: 0
    }

    50% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .7
    }

    100% {
        transform: translate(-50%, -50%) scale(.8);
        opacity: 0
    }
}

@-webkit-keyframes transform-shiver {
    0% {
        transform: translate(0, 0) rotate(0)
    }

    25% {
        transform: translate(-5px, 0) rotate(0)
    }

    75% {
        transform: translate(5px, 0) rotate(0)
    }

    100% {
        transform: translate(0, 0) rotate(0)
    }
}

@keyframes transform-shiver {
    0% {
        transform: translate(0, 0) rotate(0)
    }

    25% {
        transform: translate(-5px, 0) rotate(0)
    }

    75% {
        transform: translate(5px, 0) rotate(0)
    }

    100% {
        transform: translate(0, 0) rotate(0)
    }
}

@-webkit-keyframes transform-shiver2 {
    0% {
        transform: translate(0, 0) rotate(0)
    }

    25% {
        transform: translate(0, -5px) rotate(0)
    }

    75% {
        transform: translate(0, 5px) rotate(0)
    }

    100% {
        transform: translate(0, 0) rotate(0)
    }
}

@keyframes transform-shiver2 {
    0% {
        transform: translate(0, 0) rotate(0)
    }

    25% {
        transform: translate(0, -5px) rotate(0)
    }

    75% {
        transform: translate(0, 5px) rotate(0)
    }

    100% {
        transform: translate(0, 0) rotate(0)
    }
}

@-webkit-keyframes car1 {
    0% {
        transform: translate(0, 0) scale(1)
    }

    100% {
        transform: translate(-200px, 10px) scale(0)
    }
}

@keyframes car1 {
    0% {
        transform: translate(0, 0) scale(1)
    }

    100% {
        transform: translate(-200px, 10px) scale(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(249, 223, 20, .5)
    }

    70% {
        box-shadow: 0 0 0 25px rgba(249, 223, 20, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(249, 223, 20, 0)
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(249, 223, 20, .5)
    }

    70% {
        box-shadow: 0 0 0 25px rgba(249, 223, 20, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(249, 223, 20, 0)
    }
}

@-webkit-keyframes sbs-anim {
    0% {
        opacity: 1;
        transform: translateX(0) translateY(0) rotate(0) scale(1, 1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    50% {
        opacity: 1;
        transform: translateX(-2px) translateY(-8px) rotate(-5deg) scale(1, 1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 1;
        transform: translateX(0) translateY(0) rotate(0) scale(1, 1)
    }
}

@keyframes sbs-anim {
    0% {
        opacity: 1;
        transform: translateX(0) translateY(0) rotate(0) scale(1, 1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    50% {
        opacity: 1;
        transform: translateX(-2px) translateY(-8px) rotate(-5deg) scale(1, 1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 1;
        transform: translateX(0) translateY(0) rotate(0) scale(1, 1)
    }
}

@-webkit-keyframes pop {
    0% {
        transform: perspective(1px) rotateX(0) scale3d(1, 1, 1)
    }

    100% {
        transform: perspective(1px) rotateX(0) scale3d(1.2, 1.2, 1.2)
    }
}

@keyframes pop {
    0% {
        transform: perspective(1px) rotateX(0) scale3d(1, 1, 1)
    }

    100% {
        transform: perspective(1px) rotateX(0) scale3d(1.2, 1.2, 1.2)
    }
}

@-webkit-keyframes puff-out {
    0% {
        transform: translate(-50%, -50%) rotate(0) scale(1, 1);
        transform-origin: 50% 50%;
        transform-origin-opacity: 1
    }

    100% {
        transform: translate(-50%, -50%) rotate(0) scale(2, 2);
        transform-origin: 50% 50%;
        opacity: 0
    }
}

@keyframes puff-out {
    0% {
        transform: translate(-50%, -50%) rotate(0) scale(1, 1);
        transform-origin: 50% 50%;
        transform-origin-opacity: 1
    }

    100% {
        transform: translate(-50%, -50%) rotate(0) scale(2, 2);
        transform-origin: 50% 50%;
        opacity: 0
    }
}

@-webkit-keyframes slide-up-in {
    0% {
        transform: translate(0, 100%) rotate(1deg);
        opacity: 0;
        transform-origin: 0 0
    }

    100% {
        opacity: 1;
        transform: translate(0, 0) rotate(0);
        transform-origin: 0 0
    }
}

@keyframes slide-up-in {
    0% {
        transform: translate(0, 100%) rotate(1deg);
        opacity: 0;
        transform-origin: 0 0
    }

    100% {
        opacity: 1;
        transform: translate(0, 0) rotate(0);
        transform-origin: 0 0
    }
}

@-webkit-keyframes d3 {
    0% {
        transform: perspective(900) rotateY(-42deg) translateX(59%)
    }

    80% {
        transform: perspective(0) rotateY(0) translateX(59%)
    }

    100% {
        transform: perspective(0) rotateY(0) translateX(0)
    }
}

@keyframes d3 {
    0% {
        transform: perspective(900) rotateY(-42deg) translateX(59%)
    }

    80% {
        transform: perspective(0) rotateY(0) translateX(59%)
    }

    100% {
        transform: perspective(0) rotateY(0) translateX(0)
    }
}

@-webkit-keyframes d3-end {
    0% {
        transform: perspective(0) rotateY(0) translateX(0)
    }

    80% {
        transform: perspective(0) rotateY(0) translateX(59%)
    }

    100% {
        transform: perspective(900) rotateY(-42deg) translateX(59%)
    }
}

@keyframes d3-end {
    0% {
        transform: perspective(0) rotateY(0) translateX(0)
    }

    80% {
        transform: perspective(0) rotateY(0) translateX(59%)
    }

    100% {
        transform: perspective(900) rotateY(-42deg) translateX(59%)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0
    }

    100%,
    30% {
        left: 110%;
        margin-left: 80px
    }
}

@-webkit-keyframes main-dots {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes main-dots {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes light {
    0% {
        -webkit-transform: translate(-50%, -50%) none;
        transform: translate(-50%, -50%) none
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(3);
        transform: translate(-50%, -50%) scale(3);
        opacity: 0
    }
}

@keyframes light {
    0% {
        -webkit-transform: translate(-50%, -50%) none;
        transform: translate(-50%, -50%) none
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(3);
        transform: translate(-50%, -50%) scale(3);
        opacity: 0
    }
}

@-webkit-keyframes online {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes online {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes animPulse {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 0;
        transform: scale(1.8)
    }
}

@keyframes animPulse {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 0;
        transform: scale(1.8)
    }
}

@-webkit-keyframes scroll {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-25%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes scroll {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-25%)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes loadingBg {
    0% {
        background-position: 2%
    }

    100% {
        background-position: 100%
    }
}

@keyframes loadingBg {
    0% {
        background-position: 2%
    }

    100% {
        background-position: 100%
    }
}

@keyframes popIn {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(197 197 197 / 70%);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

@keyframes anima-trasform-y-one {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-2.4vw);
    }
}

@keyframes anima-trasform-x-one {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-2.4vw);
    }
}

@keyframes anima-trasform-z-one {
    0% {
        transform: rotate(-0deg)
    }

    100% {
        transform: rotate(10deg)
    }
}

.fade_in { opacity: 1;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slide-up-in;
    animation-name: slide-up-in }