:root {
    --logoanim-dur: 3s
}

.logo-img {
    width: 50px;
    height: 50px;
    background: #000;
    border-radius: 50%;
    padding: 0;
    outline: 0
}


.logo-img.img2,
.logo-img.img3,
.logo-img.img4,
.logo-img.img5,
.logo-img.img6,
.logo-img.img7,
.logo-img.img8,
.logo-img.img9 {
    display: none;
}

@media (min-width: 1041px) {
    .logo-img.img2,
    .logo-img.img3,
    .logo-img.img4,
    .logo-img.img5,
    .logo-img.img6,
    .logo-img.img7,
    .logo-img.img8,
    .logo-img.img9 {
        display: inline-block;
        opacity: 0;
    }
    .logo-img.img2 {
        margin-left: -54px;
        -webkit-animation-name: logo-animation-2;
        animation-name: logo-animation-2;
        -webkit-animation-duration: var(--logoanim-dur);
        animation-duration: var(--logoanim-dur);
        -webkit-animation-timing-function: step-end;
        animation-timing-function: step-end;
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        animation-direction: alternate-reverse;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .logo-img.img3 {
        margin-left: -54px;
        -webkit-animation-name: logo-animation-3;
        animation-name: logo-animation-3;
        -webkit-animation-duration: var(--logoanim-dur);
        animation-duration: var(--logoanim-dur);
        -webkit-animation-timing-function: step-end;
        animation-timing-function: step-end;
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        animation-direction: alternate-reverse;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .logo-img.img4 {
        margin-left: -54px;
        -webkit-animation-name: logo-animation-4;
        animation-name: logo-animation-4;
        -webkit-animation-duration: var(--logoanim-dur);
        animation-duration: var(--logoanim-dur);
        -webkit-animation-timing-function: step-end;
        animation-timing-function: step-end;
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        animation-direction: alternate-reverse;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .logo-img.img5 {
        margin-left: -54px;
        -webkit-animation-name: logo-animation-5;
        animation-name: logo-animation-5;
        -webkit-animation-duration: var(--logoanim-dur);
        animation-duration: var(--logoanim-dur);
        -webkit-animation-timing-function: step-end;
        animation-timing-function: step-end;
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        animation-direction: alternate-reverse;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .logo-img.img6 {
        margin-left: -54px;
        -webkit-animation-name: logo-animation-6;
        animation-name: logo-animation-6;
        -webkit-animation-duration: var(--logoanim-dur);
        animation-duration: var(--logoanim-dur);
        -webkit-animation-timing-function: step-end;
        animation-timing-function: step-end;
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        animation-direction: alternate-reverse;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .logo-img.img7 {
        margin-left: -54px;
        -webkit-animation-name: logo-animation-7;
        animation-name: logo-animation-7;
        -webkit-animation-duration: var(--logoanim-dur);
        animation-duration: var(--logoanim-dur);
        -webkit-animation-timing-function: step-end;
        animation-timing-function: step-end;
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        animation-direction: alternate-reverse;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .logo-img.img8 {
        margin-left: -54px;
        -webkit-animation-name: logo-animation-8;
        animation-name: logo-animation-8;
        -webkit-animation-duration: var(--logoanim-dur);
        animation-duration: var(--logoanim-dur);
        -webkit-animation-timing-function: step-end;
        animation-timing-function: step-end;
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        animation-direction: alternate-reverse;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .logo-img.img9 {
        margin-left: -54px;
        -webkit-animation-name: logo-animation-9;
        animation-name: logo-animation-9;
        -webkit-animation-duration: var(--logoanim-dur);
        animation-duration: var(--logoanim-dur);
        -webkit-animation-timing-function: step-end;
        animation-timing-function: step-end;
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        animation-direction: alternate-reverse;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

@-webkit-keyframes logo-animation-2 {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@keyframes logo-animation-2 {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@-webkit-keyframes logo-animation-3 {
    0% {
        opacity: 0
    }
    30% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@keyframes logo-animation-3 {
    0% {
        opacity: 0
    }
    30% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@-webkit-keyframes logo-animation-4 {
    0% {
        opacity: 0
    }
    40% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@keyframes logo-animation-4 {
    0% {
        opacity: 0
    }
    40% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@-webkit-keyframes logo-animation-5 {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@keyframes logo-animation-5 {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@-webkit-keyframes logo-animation-6 {
    0% {
        opacity: 0
    }
    60% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@keyframes logo-animation-6 {
    0% {
        opacity: 0
    }
    60% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@-webkit-keyframes logo-animation-7 {
    0% {
        opacity: 0
    }
    70% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@keyframes logo-animation-7 {
    0% {
        opacity: 0
    }
    70% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@-webkit-keyframes logo-animation-8 {
    0% {
        opacity: 0
    }
    80% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@keyframes logo-animation-8 {
    0% {
        opacity: 0
    }
    80% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@-webkit-keyframes logo-animation-9 {
    0% {
        opacity: 0
    }
    90% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}

@keyframes logo-animation-9 {
    0% {
        opacity: 0
    }
    90% {
        opacity: 1;
        margin-left: -30px
    }
    100% {
        opacity: 1;
        margin-left: -54px
    }
}