@-webkit-keyframes img_aft {
	    0% {
	        width: 0px;
	    }
	    50% {
	        width: 300px;
	    }
	    100% {
	        width: 0px;
	    }
	}
	
	@keyframes img_aft {
	    0% {
	        width: 0px;
	    }
	    50% {
	        width: 300px;
	    }
	    100% {
	        width: 0px;
	    }
	}
	
	@-webkit-keyframes img_aft_srv {
	    0% {
	        width: 20px;
	    }
	    50% {
	        width: 20px;
	    }
	    100% {
	        width: 20px;
	    }
	}
	
	@keyframes img_aft_srv {
	    0% {
	        width: 20px;
	    }
	    50% {
	        width: 100px;
	    }
	    100% {
	        width: 20px;
	    }
	}



	@-webkit-keyframes img_aftr {
	    0% {
	        width: 0px;
	    }
	    50% {
	        width: 700px;
	    }
	    100% {
	        width: 0px;
	    }
	}
	
	@keyframes img_aftr {
	    0% {
	        width: 0px;
	    }
	    50% {
	        width: 700px;
	    }
	    100% {
	        width: 0px;
	    }
	}
	
	@-webkit-keyframes img_aftr_srv {
	    0% {
	        width: 20px;
	    }
	    50% {
	        width: 300px;
	    }
	    100% {
	        width: 20px;
	    }
	}
	
	@keyframes img_aftr_srv {
	    0% {
	        width: 20px;
	    }
	    50% {
	        width: 100px;
	    }
	    100% {
	        width: 20px;
	    }
	}






	
	@-moz-keyframes spin {
	    100% {
	        -moz-transform: rotate(360deg);
	    }
	}
	
	@-webkit-keyframes spin {
	    100% {
	        -webkit-transform: rotate(360deg);
	    }
	}
	
	@keyframes spin {
	    100% {
	        -webkit-transform: rotate(360deg);
	        transform: rotate(360deg);
	    }
	}
	/*moving left to right*/
	
	@keyframes moveright {
	    0% {
	        opacity: 1;
	        transform: translateY(0);
	    }
	    50% {
	        opacity: 1;
	        transform: translateY(15px);
	    }
	    100% {
	        transform: translateX(0);
	    }
	}
	
	@-webkit-keyframes moveright {
	    0% {
	        opacity: 1;
	        transform: translateY(0);
	    }
	    50% {
	        opacity: 1;
	        transform: translateY(15px);
	    }
	    100% {
	        transform: translateY(0);
	    }
	}