

.LoadPro{ 
background-color:transparent; display:inline-block;  


width:22px; 
height:22px; 
border:3px solid #ccc; 
border-right: 3px solid #f0f0f0; 
border-left: 3px solid #ccc; 
border-top: 3px solid #ccc; 
border-bottom: 3px solid #ccc; 

-moz-border-radius:22px;
-webkit-border-radius:22px; 
border-radius: 22px;



-moz-animation-name:bounce_LoadPro;
-moz-animation-duration:1s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;


-webkit-animation-name:bounce_LoadPro;
-webkit-animation-duration:1s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;


-ms-animation-name:bounce_LoadPro;
-ms-animation-duration:1s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;


-o-animation-name:bounce_LoadPro;
-o-animation-duration:1s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;


animation-name:bounce_LoadPro;
animation-duration:1s;
animation-iteration-count:infinite;
animation-timing-function:linear;




}



@-moz-keyframes bounce_LoadPro{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);


}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);



}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	


}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}

}









@-webkit-keyframes bounce_LoadPro{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
	
	

}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);

  

}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	
	
}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}

}

@-ms-keyframes bounce_LoadPro{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);


}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);



}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	


}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}



}

@-o-keyframes bounce_LoadPro{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);


}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);



}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	


}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}

}

@keyframes bounce_LoadPro{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);


}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);



}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	


}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}

}
