@keyframes contact-smallround {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(40px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes biground {
    0% {
        top: 0
    }

    50% {
        top: 30px
    }

    100% {
        top: 0
    }
}

@keyframes smallround {
    0% {
        bottom: 150px
    }

    50% {
        bottom: 180px
    }

    100% {
        bottom: 150px
    }
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1)
    }

    80% {
        -webkit-transform: scale(1.3);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.6);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        transform: scale(1)
    }

    80% {
        transform: scale(1.6);
        opacity: 1
    }

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

@keyframes twt-one-animated {
    0% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
        box-shadow: 15px 15px 50px rgba(0, 0, 0, .2)
    }

    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%
    }

    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
        box-shadow: -10px -5px 50px rgba(0, 0, 0, .2)
    }

    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%
    }
}

@keyframes twt-two-animated {
    0% {
        border-radius: 70% 30% 30% 70%/70% 70% 30% 30%;
        box-shadow: 15px 15px 50px rgba(0, 0, 0, .2)
    }

    25% {
        border-radius: 40% 80% 30% 90%/72% 65% 35% 28%
    }

    50% {
        border-radius: 65% 35% 45% 55%/22% 48% 52% 78%;
        box-shadow: -10px -5px 50px rgba(0, 0, 0, .2)
    }

    75% {
        border-radius: 24% 76% 10% 90%/44% 68% 32% 56%
    }
}

@keyframes three-animated {
    0% {
        border-radius: 12% 88% 40% 40%/20% 15% 85% 80%;
        box-shadow: 15px 15px 50px rgba(0, 0, 0, .2)
    }

    25% {
        border-radius: 72% 28% 30% 90%/15% 46% 54% 85%
    }

    50% {
        border-radius: 12% 88% 40% 40%/20% 15% 85% 80%;
        box-shadow: -10px -5px 50px rgba(0, 0, 0, .2)
    }

    75% {
        border-radius: 18% 82% 10% 90%/24% 68% 32% 76%
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tech_ripple {
    0% {
        box-shadow: 0 0 0 0 #4ac4f3, 0 0 0 1em #4ac4f3, 0 0 0 3em #4ac4f3, 0 0 0 5em #4ac4f3
    }

    100% {
        box-shadow: 0 0 0 1em #4ac4f3, 0 0 0 3em #4ac4f3, 0 0 0 5em #4ac4f3, 0 0 0 10em rgb(74, 196, 243, 0)
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.91);
        transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.87);
        transform: scale(.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes move-forever {
    0% {
        -webkit-transform: translate3d(-90px, 0, 0);
        transform: translate3d(-90px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(85px, 0, 0);
        transform: translate3d(85px, 0, 0)
    }
}

@keyframes move-forever {
    0% {
        -webkit-transform: translate3d(-90px, 0, 0);
        transform: translate3d(-90px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(85px, 0, 0);
        transform: translate3d(85px, 0, 0)
    }
}

@-webkit-keyframes move-up-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes move-up-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes up_down {
    0% {
        transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1
    }

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

@keyframes rotateme {
    0% {
        transform: rotate(0);
        opacity: 1
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes free_estimation_animation {
    0% {
        transform: scale(.5);
        opacity: 0
    }

    100% {
        transform: scale(1.2);
        opacity: 1
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale3d(.1, .1, .1);
        transform: scale3d(.1, .1, .1);
        opacity: 1
    }

    50%, 55% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        opacity: 1;
        transform: scale3d(1.2, 1.2, 1.2)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

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

    25% {
        transform: scale(1, 1.5)
    }

    50% {
        transform: scale(1, .67)
    }

    75% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1, 1)
    }
}

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

    25% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1, 1.5)
    }

    75% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1, 1)
    }
}

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

    25% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1, .67)
    }

    75% {
        transform: scale(1, 1.5)
    }

    100% {
        transform: scale(1, 1)
    }
}