*{
    margin: 0;
    padding: 0;
}
img{
    position: absolute;
}
.div0{
    position: relative;
    width: 980px;
    height: 75px;
    overflow: hidden;
}
#text1{
    width: 733px;
    height: 33px;
    position: absolute;
    overflow: hidden;
    left: 60px;
    top: 22px;
    animation-name: text1;
}
#nkar1{
    left: 764px;
    top: 3px;
    z-index: 2;
    animation-name: nkar1;
}

#fon2{
    animation-name: fon2;
    z-index: 5;
}
#text0{
    transform: scale(0.9);
}
#text2{
    width: 737px;
    height: 47px;
    position: absolute;
    overflow: hidden;
    left: 171px;
    top: 14px;
    animation-name: text2;
    z-index: 6;
}

#logo1{
    left: 14px;
    top: -5px;
    z-index: 6;
    animation-name: logo1;
}
#logo2{
    left: 886px;
    top: -5px;
    z-index: 6;
    animation-name: logo2;
}


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


@keyframes text1{
    0%,5%{width: 0px; height: 33px;opacity: 1;}
    35%{width: 733px; height: 33px;opacity: 1;}
    36%,55%{width: 733px; height: 33px;opacity: 1;}
    60%{width: 733px; height: 33px;opacity: 0;}
    61%,100%{width: 733px; height: 33px;opacity: 0;}
}
@keyframes nkar1{
    0%,25%{left: 814px; opacity: 0;}
    35%{left: 764px; opacity: 1;}
    36%,55%{left: 764px; opacity: 1;}
    60%{left: 764px; opacity: 0;}
    61%,100%{left: 764px; opacity: 0;}
}
@keyframes fon2{
    0%,52%{opacity: 0;}
    58%{opacity: 1;}
    59%,100%{opacity: 1;}
}

@keyframes text2{
    0%,60%{width: 0px; height: 47px;opacity: 1;}
    80%{width: 733px; height: 47px;opacity: 1;}
    81%,100%{width: 733px; height: 47px;opacity: 1;}
}

@keyframes logo1{
    0%,25%{left: -36px; opacity: 0;}
    35%{left: 14px; opacity: 1;}
    36%,100%{left: 14px; opacity: 1;}
}
@keyframes logo2{
    0%,70%{left: 936px; opacity: 0;}
    80%{left: 886px; opacity: 1;}
    81%,100%{left: 886px; opacity: 1;}
}