header .logo-park{
    animation:logo-swap 10s infinite;
}
header .logo-yesil{
    animation:logo-swap2 10s infinite;

}

@keyframes logo-swap{
    0%{
        transform:translate3d(0,0,0);
        opacity:1;
    }
    45%{
        transform:translate3d(0,0,0);
        opacity:1;
    }
    50%{
        transform:translate3d(-110%,0,0);
        opacity:0;
    }
    95%{
        transform:translate3d(-110%,0,0);
        opacity:0;
    }
    100%{
        transform:translate3d(0,0,0);
        opacity:1;
    }
}
@keyframes logo-swap2{
    0%{
        transform:translate3d(-110%,0,0);
        opacity:0;
    }
    45%{
        transform:translate3d(-110%,0,0);
        opacity:0;
    }
    50%{
        transform:translate3d(0,0,0);
        opacity:1;
    }
    95%{
        transform:translate3d(0,0,0);
        opacity:1;
    }
    100%{
        transform:translate3d(-110%,0,0);
        opacity:0;
    }
}