#serviceCustom .rocket {
    transition: all .5s ease;
}
#serviceCustom:hover .rocket {
    animation-name: rocket;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    transition: all .5s ease;
}
#serviceCustom:hover .rocket #flame path {
    transform: translateY(30px);
    transition: all .2s ease;
}
#serviceCustom:hover .rocket #flame {
    animation-name: rocket-flame;
    animation-duration: .1s;
    animation-iteration-count: infinite;
}
@keyframes rocket {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(-2px);
    }
    50% {
        transform: translateY(-6px);
    }
    75% {
        transform: translateY(-2px);
    }
    100% {
        transform: translateY(0px);
    }
}
@keyframes rocket-flame {
    0% {
        transform: translateY(7px);
    }
    100% {
        transform: translateY(-7px);
    }
}
#simpleWeb .sun {
    transition: all .5s ease;
}
#simpleWeb:hover .sun #sun {
    animation-name: sun;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transition: all .5s ease;
}
@keyframes sun {
    0% {
        transform: scale(1);
        fill: #777;
    }
    50% {
        transform: scale(1.4);
    }
    100% {
        transform: scale(1);
    }
}
#eshop:hover .cart {
    animation-name: cart;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transition: all .5s ease;
}
@keyframes cart {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(1500px);
    }
}
#cyber:hover .cyber {
    animation-name: cyber;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transition: all .5s ease;
}
@keyframes cyber {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}