@-ms-keyframes fadeIn {
		  0% {
		  	opacity: 0;
		  }
		  80%{
		  	opacity: 0;
		  }

		  100% {
		    opacity: 1;
		  }
		}

		@-o-keyframes fadeIn {
		  0% {
		  	opacity: 0;
		  }
		  80%{
		  	opacity: 0;
		  }

		  100% {
		    opacity: 1;
		  }
		}

		@-webkit-keyframes fadeIn {
		  0% {
		  	opacity: 0;
		  }
		  80%{
		  	opacity: 0;
		  }

		  100% {
		    opacity: 1;
		  }
		}

		@-moz-keyframes fadeIn {
		  0% {
		  	opacity: 0;
		  }
		  80%{
		  	opacity: 0;
		  }
		  100% {
		    opacity: 1;
		  }
		}

		@keyframes fadeIn {
		  0% {
		    opacity: 0;
		  }
		  80%{
		  	opacity: 0;
		  }
		  100% {
		    opacity: 1;
		  }
		}

		.swiper-slide-active .fadeIn {
		  	-ms-animation: fadeIn 1s linear ;
		  	-o-animation: fadeIn 1s linear ;
		  	-webkit-animation: fadeIn 1s linear ;
			-moz-animation: fadeIn 1s linear ;
			animation: fadeIn 1s linear ;
		}



@keyframes myfirst
{
0%   {transform: rotate(0deg);}
100% {transform:rotate(-360deg);}
}

@-moz-keyframes myfirst
{
0%   {transform: rotate(0deg);}
100% {transform:rotate(-360deg);}
}

@-webkit-keyframes myfirst
{
0%   {top:0px;transform: rotate(0deg);}
100% {top:200px;transform:rotate(-360deg);}
}

@-o-keyframes myfirst
{
0%   {transform: rotate(0deg);}
100% {transform: rotate(-360deg);}
}

.swiper-slide-active .myfirst {
animation:myfirst 1s;
-moz-animation:myfirst 1s; /* Firefox */
-webkit-animation:myfirst 1s; /* Safari and Chrome */
-o-animation:myfirst 1s; /* Opera */
}



.swiper-slide-active .myfit {
animation: fadeIn 1s;
-moz-animation:fadeIn 1s; /* Firefox */
-webkit-animation:fadeIn 1s; /* Safari and Chrome */
-o-animation:fadeIn 1s; /* Opera */
}

.swiper-slide-active .mysecd {
animation: fadeIn 1.5s;
-moz-animation:fadeIn 1.5s; /* Firefox */
-webkit-animation:fadeIn 1.5s; /* Safari and Chrome */
-o-animation:fadeIn 1.5s; /* Opera */
}

.swiper-slide-active .mysec {
animation: fadeIn 2s;
-moz-animation:fadeIn 2s; /* Firefox */
-webkit-animation:fadeIn 2s; /* Safari and Chrome */
-o-animation:fadeIn 2s; /* Opera */
}

.swiper-slide-active .mythird {
animation:fadeIn 3s;
-moz-animation:fadeIn 3s; /* Firefox */
-webkit-animation:fadeIn 3s; /* Safari and Chrome */
-o-animation:fadeIn 3s; /* Opera */
}

.swiper-slide-active .myfour {
animation:fadeIn 4s;
-moz-animation:fadeIn 4s; /* Firefox */
-webkit-animation:fadeIn 4s; /* Safari and Chrome */
-o-animation:fadeIn 4s; /* Opera 
}