body {
    background: none;
    width: 80%;
    height: 100%;
    margin: 0 auto;
}

.img_service {
    text-align: center;
    clear: both;
    margin: 0px auto;
    position: relative;
    width: 100%;
    height: 85vh;
}

.img_service svg {
    width: auto;
    height: 100%;
}

.loudspeaker {
    -webkit-animation: loudspeaker 1s linear infinite;
    animation: loudspeaker 1s linear infinite;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    transform-box: fill-box;
}

@-webkit-keyframes loudspeaker {
    0% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 0.4;
    }
}

@keyframes loudspeaker {
    0% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 0.4;
    }
}

.rotate-speaker {
    animation: rotate-speaker ease-in-out 1.5s infinite alternate;
    transform-origin: right bottom;
    transform-box: fill-box;
}

@keyframes rotate-speaker {
    0% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.drones {
    animation: drones ease-in-out 2s infinite alternate;
    transform-origin: right bottom;
    transform-box: fill-box;
}

@keyframes drones {
    0% {
        transform: rotate(-5deg) translateY(8px) scale(1);
    }
    100% {
        transform: rotate(2deg) translateY(3px) scale(1.2);
    }
}

.fly-1 {
    animation: fly-1 ease-in-out 1s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

.fly-2 {
    animation: fly-1 ease-in-out 1.2s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

.fly-3 {
    animation: fly-1 ease-in-out 0.8s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes fly-1 {
    0% {
        transform: translateY(1px) scaleX(1);
    }
    100% {
        transform: translateY(0px) scaleX(0);
    }
}

.fly-4 {
    animation: fly-4 ease-in-out 0.6s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

.fly-7 {
    animation: fly-4 ease-in-out 1s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes fly-4 {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    100% {
        transform: scale(1.1);
        opacity: 1;
    }
}

.fly-5 {
    animation: fly-5 ease-in-out 0.6s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes fly-5 {
    0% {
        transform: translateY(2px);
    }
    100% {
        transform: translateY(0px);
    }
}

.fly-6 {
    animation: fly-6 ease-in-out 2.6s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes fly-6 {
    0% {
        transform: translateY(2px);
    }
    100% {
        transform: translateY(0px);
    }
}

.fly-9 {
    animation: fly-9 ease-in-out 1.5s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes fly-9 {
    0% {
        -webkit-transform: rotate(0deg) translateY(0px);
        transform: rotate(0deg) translateY(0px);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(20deg) translateY(-15px);
        transform: rotate(20deg) translateY(-15px);
        opacity: 1;
    }
}

.fly-10 {
    animation: fly-10 ease-in-out 1s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

.fly-11 {
    animation: fly-10 ease-in-out 2s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes fly-10 {
    0% {
        -webkit-transform: rotate(0deg) translateY(0px);
        transform: rotate(0deg) translateY(0px);
    }
    100% {
        -webkit-transform: rotate(10deg) translateY(5px);
        transform: rotate(10deg) translateY(5px);
    }
}

.foot-1 {
    -webkit-animation: foot-1 4s linear infinite;
    animation: foot-1 4s linear infinite;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    transform-box: fill-box;
}

@-webkit-keyframes foot-1 {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(3deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes foot-1 {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(3deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.fly-8 {
    animation: fly-8 ease-in-out 2s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

.fly-13 {
    animation: fly-8 ease-in-out 1.8s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

.fly-14 {
    animation: fly-8 ease-in-out 1.2s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

.fly-15 {
    animation: fly-8 ease-in-out 1.5s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes fly-8 {
    0% {
        transform: translateY(1px) scaleX(1);
    }
    80% {
        transform: translateY(0px) scaleX(1);
    }
    100% {
        transform: translateY(1px) scaleX(0);
    }
}

.arm-1 {
    -webkit-animation: arm-1 3s linear infinite;
    animation: arm-1 3s linear infinite;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    transform-box: fill-box;
}

@-webkit-keyframes arm-1 {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(5deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes arm-1 {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(5deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.arm-2 {
    -webkit-animation: arm-1 3s linear infinite;
    animation: arm-1 3s linear infinite;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transform-box: fill-box;
}

.arm-3 {
    -webkit-animation: arm-1 3.5s linear infinite;
    animation: arm-1 3.5s linear infinite;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transform-box: fill-box;
}

.arm-4 {
    -webkit-animation: arm-1 3s linear infinite;
    animation: arm-1 3s linear infinite;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    transform-box: fill-box;
}

.arm-5 {
    -webkit-animation: arm-5 3.5s linear infinite;
    animation: arm-5 3.5s linear infinite;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    transform-box: fill-box;
}

@-webkit-keyframes arm-5 {
    0% {
        transform: rotate(-1deg);
    }
    25% {
        transform: rotate(2deg);
    }
    50% {
        transform: rotate(-1deg);
    }
    75% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(-1deg);
    }
}

@keyframes arm-5 {
    0% {
        transform: rotate(-1deg);
    }
    25% {
        transform: rotate(2deg);
    }
    50% {
        transform: rotate(-1deg);
    }
    75% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(-1deg);
    }
}

.off-1 {
    animation: off-1 ease-in-out 0.5s infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes off-1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.setting-1 {
    -webkit-animation: setting-1 3s linear infinite;
    animation: setting-1 3s linear infinite;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transform-box: fill-box;
}

@-webkit-keyframes setting-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes setting-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.setting-2 {
    -webkit-animation: setting-2 2s linear infinite;
    animation: setting-2 2s linear infinite;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transform-box: fill-box;
}

@-webkit-keyframes setting-2 {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes setting-2 {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.setting-3 {
    -webkit-animation: setting-1 5s linear infinite;
    animation: setting-1 5s linear infinite;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transform-box: fill-box;
}