/*Animace*/
.arrow-down img {
    display: inline-block;
    animation: arrowBounce 2s ease-in-out infinite;
}

@keyframes arrowBounce {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-6px);
    }

    50% {
        transform: translateY(0);
    }

    75% {
        transform: translateY(6px);
    }

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

.carousel-scroll img {
    display: inline-block;
    animation: smoothBounce 3s ease-in-out infinite;
}

@keyframes smoothBounce {

    0%,
    100% {
        transform: translateY(0);
    }

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

.hp-products-wrapper .hp-product img.left {
    animation: levitateLeft 4.6s ease-in-out infinite;
}

.hp-products-wrapper .hp-product img.right {
    animation: levitateRight 3.9s ease-in-out infinite;
}

@keyframes levitateLeft {
    0% {
        transform: rotate(17deg) translateY(0);
    }

    50% {
        transform: rotate(17deg) translateY(-12px);
    }

    100% {
        transform: rotate(17deg) translateY(0);
    }
}

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

    50% {
        transform: rotate(0deg) translateY(-14px);
    }

    100% {
        transform: rotate(0deg) translateY(0);
    }
}