/*	
 *			{	-moz-transition: 	height 300ms ease-in-out; 
				-o-transition: 		height 300ms ease-in-out; 
				-webkit-transition: height 300ms ease-in-out; 
				transition: 		height 300ms ease-in-out; }
*/			
				
a.sbox 
			{	-moz-transition: 	all 600ms ease-in-out; 
				-o-transition: 		all 600ms ease-in-out; 
				-webkit-transition: all 600ms ease-in-out; 
				transition: 		all 600ms ease-in-out; }
		
/* ================================================================
		COLORLINE
================================================================ */

.colorline	{	-webkit-animation: AnimationName 5s ease infinite;
				-moz-animation: AnimationName 5s ease infinite;
				-o-animation: AnimationName 5s ease infinite;
				animation: AnimationName 5s ease infinite; }

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}



/* ================================================================
		HOPSER
================================================================ */

	.hopser {
	  -webkit-animation-name: hopser;
	          animation-name: hopser;
	  -webkit-animation-duration: 2s;
	          animation-duration: 2s;
	  -webkit-animation-iteration-count: infinite;
	          animation-iteration-count: infinite;
	  -webkit-animation-timing-function: ease-in-out;
	          animation-timing-function: ease-in-out; }
	          
	@keyframes hopser {
	  from {
	    -webkit-transform: translate(0, 0);
	            transform: translate(0, 0); }
	  50% {
	    -webkit-transform: translate(0, -10px);
	            transform: translate(0, -10px); }
	  to {
	    -webkit-transform: translate(0, 0);
	            transform: translate(0, 0); } }
	
	@-webkit-keyframes hopser {
	  from {
	    -webkit-transform: translate(0, 0);
	            transform: translate(0, 0); }
	  50% {
	    -webkit-transform: translate(0, -10px);
	            transform: translate(0, -10px); }
	  to {
	    -webkit-transform: translate(0, 0);
	            transform: translate(0, 0); } }
	            	              
/* ================================================================
		THE END
================================================================ */