*{
    margin: 0;
    padding: 0;
}
img{
    position: absolute;
}
.div0{
    width: 980px;
    height: 75px;
    position: relative;
    overflow: hidden;
}
#fon2{
    z-index: 5;
    animation-name: fon2;
    opacity: 0;
}
#img1{
    left: 910px;
    top: -4px;
    z-index: 2;
    animation-name: img1;
}
#img2{
    left: 869px;
    top: -3px;
    z-index: 2;
    animation-name: img2;
}
#img3{
    left: 769px;
    top: -30px;
    z-index: 2;
    animation-name: img3;
}
#img4{
    left: 742px;
    top: 14px;
    z-index: 2;
    animation-name: img4;
}
#img5{
    left: 661px;
    top: 27px;
    z-index: 2;
    animation-name: img5;
}



#nkar1{
    left: 0px;
    top: 0px;
    z-index: 2;
    animation-name: nkar1;
}
#nkar2{
    left: 62px;
    top: 10px;
    z-index: 2;
    animation-name: nkar2;
}
#nkar3{
    left: 103px;
    top: 31px;
    z-index: 2;
    animation-name: nkar3;
}
#nkar4{
    left: 144px;
    top: 46px;
    z-index: 2;
    animation-name: nkar4;
}
#nkar5{
    left: 188px;
    top: 18px;
    z-index: 2;
    animation-name: nkar5;
}

#button1{
    left: 331px;
    top: 11px;
    z-index: 2;
    animation-name: button1;
}

#slaq{
    left: 504px;
    top: 38px;
    z-index: 3;
    animation-name: slaq;
}
#logo{
    left: 536px;
    top: -3px;
    z-index: 20;
    animation-name: logo;
}



.anim {
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}


@keyframes img5{
    0%,5%{left: 751px; opacity: 0;}
    15%{left: 661px; opacity: 1;}
    16%,100%{left: 661px; opacity: 1;}
}
@keyframes nkar5{
    0%,5%{left: 88px; opacity: 0;}
    15%{left: 188px; opacity: 1;}
    16%,100%{left: 188px; opacity: 1;}
}


@keyframes img4{
    0%,15%{left: 842px; opacity: 0;}
    25%{left: 742px; opacity: 1;}
    26%,100%{left: 742px; opacity: 1;}
}
@keyframes nkar4{
    0%,15%{left: 44px; opacity: 0;}
    25%{left: 144px; opacity: 1;}
    26%,100%{left: 144px; opacity: 1;}
}

@keyframes img3{
    0%,25%{left: 869px; opacity: 0;}
    35%{left: 769px; opacity: 1;}
    36%,100%{left: 769px; opacity: 1;}
}
@keyframes nkar3{
    0%,25%{left: 3px; opacity: 0;}
    35%{left: 103px; opacity: 1;}
    36%,100%{left: 103px; opacity: 1;}
}


@keyframes img2{
    0%,35%{left: 969px; opacity: 0;}
    45%{left: 869px; opacity: 1;}
    46%,100%{left: 869px; opacity: 1;}
}
@keyframes nkar2{
    0%,35%{left: 38px; opacity: 0;}
    45%{left: 62px; opacity: 1;}
    46%,100%{left: 62px; opacity: 1;}
}


@keyframes img1{
    0%,45%{left: 1010px; opacity: 0;}
    55%{left: 910px; opacity: 1;}
    56%,100%{left: 910px; opacity: 1;}
}
@keyframes nkar1{
    0%,45%{left: -100px; opacity: 0;}
    55%{left: 0px; opacity: 1;}
    56%,100%{left: 0px; opacity: 1;}
}

@keyframes button1{
    0%,50%{opacity: 0; transform: scale(1);}
    60%{opacity: 1; transform: scale(1);}
    61%,65%{opacity: 1; transform: scale(1);}
    68%{opacity: 1; transform: scale(0.9);}
    71%{opacity: 1; transform: scale(1);}
    72%,100%{opacity: 1; transform: scale(1);}
}
@keyframes logo{
    0%,50%{top: -83px; left: 536px;opacity: 1;}
    60%{top: -3px; left: 536px;opacity: 1;}
    61%,75%{top: -3px; left: 536px;opacity: 1;}
    79%{top: -3px; left: 536px;opacity: 0;}
    80%{top: -3px; left: 906px;opacity: 0;}
    84%{top: -3px; left: 886px;opacity: 1;}
    85%,100%{top: -3px; left: 886px;opacity: 1;}
}

@keyframes slaq{
    0%,55%{left:544px;top: 78px; transform: scale(1);}
    62%{left: 504px; top: 38px; transform: scale(1);}
    63%,65%{left: 504px; top: 38px;transform: scale(1);}
    68%{left: 504px; top: 38px;transform: scale(0.85);}
    71%{left: 504px; top: 38px;transform: scale(1);}
    72%,100%{left: 504px; top: 38px;transform: scale(1);}
}

@keyframes fon2{
    0%,75%{opacity: 0;}
    80%{opacity: 1;}
    81%,100%{opacity: 1;}
}