.londerVit{
    width: 2%;
    height: 30px;
		margin:0 45%;
    background: #000;
    position: relative;
		box-shadow:1px 3px 20px #808080; 
		border-radius:25px;
		opacity: 0.5;
		margin-top: 50px; 
		-webkit-animation: czekaj 5s infinite; /* Safari 4.0 - 8.0 */  
		animation: czekaj 5s infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    0%   {top: 10px; left: 0px; background: #000;height:30px;}
    12.5%  {top: 0px; left: 2.5%; background: #fff;height:50px;}
		25%  {top: 10px; left: 5%; background: #000;height:30px;}
		37.5%  {top: 0px; left: 7.5%; background: #fff;height:50px;}
		
    50%  {top: 10px; left: 10%; background: #000;height:30px;}
		
		62.5%  {top: 0px; left: 7.5%; background: #fff;height:50px;}
		75%  {top: 10px; left: 5%; background: #000; height:30px;}
    87.5%  {top: 0px; left: 2.5%; background: #fff;height:50px;}
    100% {top: 10px; left: 0px; background: #000;height:30px;}
}

/* Standard syntax */
@keyframes czekaj {
    0%   {top: 10px; left: 0px; background: #000;height:30px;}
    12.5%  {top: 0px; left: 2.5%; background: #fff;height:50px;}
		25%  {top: 10px; left: 5%; background: #000;height:30px;}
		37.5%  {top: 0px; left: 7.5%; background: #fff;height:50px;}
		
    50%  {top: 10px; left: 10%; background: #000;height:30px;}
		
		62.5%  {top: 0px; left: 7.5%; background: #fff;height:50px;}
		75%  {top: 10px; left: 5%; background: #000; height:30px;}
    87.5%  {top: 0px; left: 2.5%; background: #fff;height:50px;}
    100% {top: 10px; left: 0px; background: #000;height:30px;}
		
}
/*<div class="londerVit"></div>*/