.carousel-inner >div{
	  margin: auto;  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
	}

	.item > img{ z-index: -1;} 
	.item > .first{top:50px;left: 18%;
  position: absolute;
animation:myfirst 2s;
-webkit-animation:myfirst 2s; /* Safari and Chrome */
opacity: 1;
float: left;
}
@keyframes myfirst
{
0%   {top:300px; left: 13%; opacity: 0}
100% {top:50px;left: 18%; opacity: 1}
}
.item > .first2{top:145px;left: 45%; 
  position: absolute;
animation:mythridb 2s;
-webkit-animation:mythridb 2s; /* Safari and Chrome */
opacity: 1;
}
@keyframes mythridb
{
0%   {top:0px;left: 45%; opacity: 0}
100%  {top:145px;left: 45%; opacity: 1}
}

	.item > img{ z-index: -1; } 
	.item > .second{top:70px;left: 15%;
  position: absolute;
animation:mysecond 2s;
-webkit-animation:mysecond 2s; /* Safari and Chrome */
opacity: 1;
 float: left;
}
@keyframes mysecond
{
0%   {top:0px; left: 15%; opacity: 0}
100%  {top:70px;left: 15%; opacity: 1}
}


.item > .second2{top:50px;left: 45%; 
  position: absolute;
animation:myseconda 2s;
-webkit-animation:myseconda 2s; /* Safari and Chrome */
opacity: 1;
}
@keyframes myseconda
{
0%   {top:50px;left: 0px; opacity: 0}
100%  {top:50px;left: 45%; opacity: 1}
}


.item > .thrid{top:90px;left: 50%; 
  position: absolute;
animation:mythrida 2s;
-webkit-animation:mythrida 2s; /* Safari and Chrome */
opacity: 1;
}
@keyframes mythrida
{
0%   {top:90px;left: 50%; opacity: 0}
100%  {top:90px;left: 50%; opacity: 1}
}
.item > .four{top:1px;left: 10%; 
  position: absolute;
animation:myfour 2s;
-webkit-animation:myfour 2s; /* Safari and Chrome */
opacity: 1;
float: left;
}
@keyframes myfour
{
0%   {top:600px;left: 10%; opacity: 0}
100%  {top:1px;left: 10%; opacity: 1}
}

.item > .four2{top:100px;left: 50%; 
  position: absolute;
animation:myfourb 2s;
-webkit-animation:myfourb 2s; /* Safari and Chrome */
opacity: 1;
float: left;
}
@keyframes myfourb
{
0%   {top:100px;left: 80%; opacity: 0}
100%  {top:100px;left: 50%; opacity: 1}
}