top bar color change

.top-navigation-bar-menu li a {
-webkit-animation: color-change 10s infinite;
-moz-animation: color-change 10s infinite;
-o-animation: color-change 10s infinite;
-ms-animation: color-change 10s infinite;
animation: color-change 10s infinite;
}
.top-navigation-bar-menu li:nth-of-type(2) a {animation-delay: 2.5s;}
.top-navigation-bar-menu li:nth-of-type(3) a {animation-delay: 5s;}
.top-navigation-bar-menu li:nth-of-type(4) a {animation-delay: 7.5s;}
@-webkit-keyframes color-change {
0% { color: #292a6e; }
50% { color: #c42d39; }
100% { color: #292a6e; }
}
@-moz-keyframes color-change {
0% { color: #292a6e; }
50% { color: #c42d39; }
100% { color: #292a6e; }
}
@-ms-keyframes color-change {
0% { color: #292a6e; }
50% { color: #c42d39; }
100% { color: #292a6e; }
}
@-o-keyframes color-change {
0% { color: #292a6e; }
50% { color: #c42d39; }
100% { color: #292a6e; }
}
@keyframes color-change {
0% { color: #292a6e; }
50% { color: #c42d39; }
100% { color: #292a6e; }
}