/*Hand grab cursor*/

	@keyframes openHand {
		  0% {
		  	stroke-opacity: 1;
		  	fill-opacity: 1;
		  }
		  24% {
		  	stroke-opacity: 1;
		  	fill-opacity: 1;
		  }
		  25% {
		  	stroke-opacity: 0;
		  	fill-opacity: 0;
		  }
		  100% {
		  	stroke-opacity: 0;
		  	fill-opacity: 0;
		  }
		}

	@-moz-keyframes openHand {
		  0% {
		  	stroke-opacity: 1;
		  	fill-opacity: 1;
		  }
		  24% {
		  	stroke-opacity: 1;
		  	fill-opacity: 1;
		  }
		  25% {
		  	stroke-opacity: 0;
		  	fill-opacity: 0;
		  }
		  100% {
		  	stroke-opacity: 0;
		  	fill-opacity: 0;
		  }
		}

	@-webkit-keyframes openHand {
		  0% {
		  	stroke-opacity: 1;
		  	fill-opacity: 1;
		  }
		  24% {
		  	stroke-opacity: 1;
		  	fill-opacity: 1;
		  }
		  25% {
		  	stroke-opacity: 0;
		  	fill-opacity: 0;
		  }
		  100% {
		  	stroke-opacity: 0;
		  	fill-opacity: 0;
		  }
		}

	@-o-keyframes openHand {
		  0% {
		  	stroke-opacity: 1;
		  	fill-opacity: 1;
		  }
		  24% {
		  	stroke-opacity: 1;
		  	fill-opacity: 1;
		  }
		  25% {
		  	stroke-opacity: 0;
		  	fill-opacity: 0;
		  }
		  100% {
		  	stroke-opacity: 0;
		  	fill-opacity: 0;
		  }
		}

	#hand_grab_ani #open{
		stroke-opacity: 1;
		fill-opacity: 1;
		animation: openHand 4s infinite;
		-moz-animation: openHand 4s infinite;
		-webkit-animation: openHand 4s infinite;
		-o-animation: openHand 4s infinite;
	}

	@keyframes closedHand {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  25% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  26% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  50% {
	  	transform:	rotate(0deg)
	  				translate(0px)
	  				rotate(0deg);
	  }
	  53% {
	  	transform:	rotate(0deg)
	  				translate(30px,-30px)
	  				rotate(0deg);
	  }

	  100% {
	  	transform:	rotate(360deg)
	           		translate(0px,0px) 
	          		rotate(-360deg);
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	}

	@-moz-keyframes closedHand {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  25% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  26% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  50% {
	  	transform:	rotate(0deg)
	  				translate(0px)
	  				rotate(0deg);
	  }
	  53% {
	  	transform:	rotate(0deg)
	  				translate(30px,-30px)
	  				rotate(0deg);
	  }

	  100% {
	  	transform:	rotate(360deg)
	           		translate(0px,0px) 
	          		rotate(-360deg);
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	}

	@-webkit-keyframes closedHand {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  25% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  26% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  50% {
	  	transform:	rotate(0deg)
	  				translate(0px)
	  				rotate(0deg);
	  }
	  53% {
	  	transform:	rotate(0deg)
	  				translate(30px,-30px)
	  				rotate(0deg);
	  }

	  100% {
	  	transform:	rotate(360deg)
	           		translate(0px,0px) 
	          		rotate(-360deg);
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	}

	@-o-keyframes closedHand {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  25% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  26% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  50% {
	  	transform:	rotate(0deg)
	  				translate(0px)
	  				rotate(0deg);
	  }
	  53% {
	  	transform:	rotate(0deg)
	  				translate(30px,-30px)
	  				rotate(0deg);
	  }

	  100% {
	  	transform:	rotate(360deg)
	           		translate(0px,0px) 
	          		rotate(-360deg);
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	}

	#hand_grab_ani #closed{
		stroke-opacity: 0;
		fill-opacity: 0;
		animation: closedHand 4s infinite;
		-moz-animation: closedHand 4s infinite;
		-webkit-animation: closedHand 4s infinite;
		-o-animation: closedHand 4s infinite;
	}

	@keyframes clicksAppear {
		  0% {
		  	stroke-opacity: 0;
		  }
		  24% {
		  	stroke-opacity: 0;
		  }
		  25% {
		  	stroke-opacity: 1;
		  }
		  35% {
		  	stroke-opacity: 0;
		  }
		  100% {
		  	/*stroke-opacity: 0;*/
		  }
		}

	@-moz-keyframes clicksAppear {
		  0% {
		  	stroke-opacity: 0;
		  }
		  24% {
		  	stroke-opacity: 0;
		  }
		  25% {
		  	stroke-opacity: 1;
		  }
		  35% {
		  	stroke-opacity: 0;
		  }
		  100% {
		  	/*stroke-opacity: 0;*/
		  }
		}

	@-webkit-keyframes clicksAppear {
		  0% {
		  	stroke-opacity: 0;
		  }
		  24% {
		  	stroke-opacity: 0;
		  }
		  25% {
		  	stroke-opacity: 1;
		  }
		  35% {
		  	stroke-opacity: 0;
		  }
		  100% {
		  	/*stroke-opacity: 0;*/
		  }
		}

	@-o-keyframes clicksAppear {
		  0% {
		  	stroke-opacity: 0;
		  }
		  24% {
		  	stroke-opacity: 0;
		  }
		  25% {
		  	stroke-opacity: 1;
		  }
		  35% {
		  	stroke-opacity: 0;
		  }
		  100% {
		  	/*stroke-opacity: 0;*/
		  }
		}

	#hand_grab_ani #clicks{
		stroke-opacity: 0;
		animation: clicksAppear 4s infinite;
		-moz-animation: clicksAppear 4s infinite;
		-webkit-animation: clicksAppear 4s infinite;
		-o-animation: clicksAppear 4s infinite;
	}
	
/*Mouse doubleclick*/
	
	@keyframes dblclick {
	  0% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  10% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  15% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  20% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-moz-keyframes dblclick {
	  0% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  10% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  15% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  20% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-webkit-keyframes dblclick {
	  0% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  10% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  15% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  20% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-o-keyframes dblclick {
	  0% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  10% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  15% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  20% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	#mouse_doubleclick_ani #left_mouse_click{
		stroke-opacity: 0;
		fill-opacity: 0;
		animation: dblclick 2s infinite;
		-moz-animation: dblclick 2s infinite;
		-webkit-animation: dblclick 2s infinite;
		-o-animation: dblclick 2s infinite;
	}

	@keyframes zoomAppear {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  25% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  27% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  100% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	}
	
	@-moz-keyframes zoomAppear {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  25% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  27% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  100% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	}

	@-webkit-keyframes zoomAppear {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  25% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  27% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  100% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	}

	@-o-keyframes zoomAppear {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  25% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  27% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  100% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	}

	#mouse_doubleclick_ani #zoom_indicator{
		stroke-opacity: 0;
		fill-opacity: 0;
		animation: zoomAppear 2s infinite;
		-moz-animation: zoomAppear 2s infinite;
		-webkit-animation: zoomAppear 2s infinite;
		-o-animation: zoomAppear 2s infinite;
	}


/*Mouse wheel*/
	@keyframes rollIn {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  15% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  50% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-moz-keyframes rollIn {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  15% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  50% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-webkit-keyframes rollIn {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  15% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  50% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-o-keyframes rollIn {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  15% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  50% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	#mouse_wheel_ani #wheel_in {
		stroke-opacity: 0;
		fill-opacity: 0;
		animation: rollIn 3.5s infinite;
		-moz-animation: rollIn 3.5s infinite;
		-webkit-animation: rollIn 3.5s infinite;
		-o-animation: rollIn 3.5s infinite;
	}

	@keyframes rollOut {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  50% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  65% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-moz-keyframes rollOut {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  50% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  65% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-webkit-keyframes rollOut {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  50% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  65% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-o-keyframes rollOut {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  50% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  65% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	#mouse_wheel_ani #wheel_out{
		stroke-opacity: 0;
		fill-opacity: 0;
		animation: rollOut 3.5s infinite;
		-moz-animation: rollOut 3.5s infinite;
		-webkit-animation: rollOut 3.5s infinite;
		-o-animation: rollOut 3.5s infinite;
	}

/*Direction keys*/
	
	@keyframes blinkLeft {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  5% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  10% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-moz-keyframes blinkLeft {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  5% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  10% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-webkit-keyframes blinkLeft {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  5% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  10% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-o-keyframes blinkLeft {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  5% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  10% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	#direction_keys_ani #left_blink{
		stroke-opacity: 0;
		fill-opacity: 0;
		animation: blinkLeft 3s infinite;
		-moz-animation: blinkLeft 3s infinite;
		-webkit-animation: blinkLeft 3s infinite;
		-o-animation: blinkLeft 3s infinite;
	}

	@keyframes blinkRight {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  50% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  55% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  60% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-moz-keyframes blinkRight {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  50% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  55% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  60% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-webkit-keyframes blinkRight {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  50% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  55% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  60% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	@-o-keyframes blinkRight {
	  0% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  50% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  55% {
	  	stroke-opacity: 1;
	  	fill-opacity: 1;
	  }
	  60% {
	  	stroke-opacity: 0;
	  	fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;*/
	  }
	}

	#direction_keys_ani #right_blink{
		stroke-opacity: 0;
		fill-opacity: 0;
		animation: blinkRight 3s infinite;
		-moz-animation: blinkRight 3s infinite;
		-webkit-animation: blinkRight 3s infinite;
		-o-animation: blinkRight 3s infinite;
	}

/*Trackpad*/

	@keyframes moveHandUp {
	  0% {
	  	transform: translate(0px,0px);
	  }
	  23% {
	  	transform: translate(0px,0px);
	  }
	  33% {
	  	transform: translate(0px,-10px);
	  }
	  56% {
	  	transform: translate(0px,-10px);
	  }
	  66% {
	  	transform: translate(0px,0px);
	  }
	  100% {
	  	transform: translate(0px,0px);
	  }
	}

	@-moz-keyframes moveHandUp {
	  0% {
	  	transform: translate(0px,0px);
	  }
	  23% {
	  	transform: translate(0px,0px);
	  }
	  33% {
	  	transform: translate(0px,-10px);
	  }
	  56% {
	  	transform: translate(0px,-10px);
	  }
	  66% {
	  	transform: translate(0px,0px);
	  }
	  100% {
	  	transform: translate(0px,0px);
	  }
	}

	@-webkit-keyframes moveHandUp {
	  0% {
	  	transform: translate(0px,0px);
	  }
	  23% {
	  	transform: translate(0px,0px);
	  }
	  33% {
	  	transform: translate(0px,-10px);
	  }
	  56% {
	  	transform: translate(0px,-10px);
	  }
	  66% {
	  	transform: translate(0px,0px);
	  }
	  100% {
	  	transform: translate(0px,0px);
	  }
	}

	@-o-keyframes moveHandUp {
	  0% {
	  	transform: translate(0px,0px);
	  }
	  23% {
	  	transform: translate(0px,0px);
	  }
	  33% {
	  	transform: translate(0px,-10px);
	  }
	  56% {
	  	transform: translate(0px,-10px);
	  }
	  66% {
	  	transform: translate(0px,0px);
	  }
	  100% {
	  	transform: translate(0px,0px);
	  }
	}

	#trackpad_ani #hand{
		animation: moveHandUp 4s infinite;
		-moz-animation: moveHandUp 4s infinite;
		-webkit-animation: moveHandUp 4s infinite;
		-o-animation: moveHandUp 4s infinite;
	}

	@keyframes zoomIn {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  23% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  33% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  38% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  46% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}	

	@-moz-keyframes zoomIn {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  23% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  33% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  38% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  46% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	@-webkit-keyframes zoomIn {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  23% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  33% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  38% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  46% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	@-o-keyframes zoomIn {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  23% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  33% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  38% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  46% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	#trackpad_ani #arr_up,#trackpad_ani #zoom_indicator_plus{
		stroke-opacity: 0;
		fill-opacity: 0;
		animation: zoomIn 4s infinite;
		-moz-animation: zoomIn 4s infinite;
		-webkit-animation: zoomIn 4s infinite;
		-o-animation: zoomIn 4s infinite;
	}

	@keyframes zoomOut {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  56% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  66% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  71% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  79% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	@-moz-keyframes zoomOut {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  56% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  66% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  71% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  79% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	@-webkit-keyframes zoomOut {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  56% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  66% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  71% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  79% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	@-o-keyframes zoomOut {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  56% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  66% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  71% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  79% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	#trackpad_ani #arr_down,#trackpad_ani #zoom_indicator_minus{
		stroke-opacity: 0;
		fill-opacity: 0;
		animation: zoomOut 4s infinite;
		-moz-animation: zoomOut 4s infinite;
		-webkit-animation: zoomOut 4s infinite;
		-o-animation: zoomOut 4s infinite;
	}

/*Hover buttons*/

	@keyframes movePointer {
	  0% {
	  	transform: translate(0px,0px);
	  }
	  10% {
	  	transform: translate(0px,0px);
	  }
	  20% {
	  	transform: translate(0px,-80px);
	  }
	  60% {
	  	transform: translate(0px,-80px);
	  }
	  70% {
	  	transform: translate(0px,0px);
	  }
	  100% {
	  	/*transform: translate(0px,0px);*/
	  }
	}

	@-moz-keyframes movePointer {
	  0% {
	  	transform: translate(0px,0px);
	  }
	  10% {
	  	transform: translate(0px,0px);
	  }
	  20% {
	  	transform: translate(0px,-80px);
	  }
	  60% {
	  	transform: translate(0px,-80px);
	  }
	  70% {
	  	transform: translate(0px,0px);
	  }
	  100% {
	  	/*transform: translate(0px,0px);*/
	  }
	}

	@-webkit-keyframes movePointer {
	  0% {
	  	transform: translate(0px,0px);
	  }
	  10% {
	  	transform: translate(0px,0px);
	  }
	  20% {
	  	transform: translate(0px,-80px);
	  }
	  60% {
	  	transform: translate(0px,-80px);
	  }
	  70% {
	  	transform: translate(0px,0px);
	  }
	  100% {
	  	/*transform: translate(0px,0px);*/
	  }
	}

	@-o-keyframes movePointer {
	  0% {
	  	transform: translate(0px,0px);
	  }
	  10% {
	  	transform: translate(0px,0px);
	  }
	  20% {
	  	transform: translate(0px,-80px);
	  }
	  60% {
	  	transform: translate(0px,-80px);
	  }
	  70% {
	  	transform: translate(0px,0px);
	  }
	  100% {
	  	/*transform: translate(0px,0px);*/
	  }
	}

	#hover_buttons_ani #pointer{
		animation: movePointer 4s infinite;
		-moz-animation: movePointer 4s infinite;
		-webkit-animation: movePointer 4s infinite;
		-o-animation: movePointer 4s infinite;
	}

	@keyframes clickIn {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  25% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  28% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  30% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	@-moz-keyframes clickIn {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  25% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  28% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  30% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	@-webkit-keyframes clickIn {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  25% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  28% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  30% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	@-o-keyframes clickIn {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  25% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  28% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  30% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	#hover_buttons_ani #buttonZoomInActive{
		stroke-opacity: 0;
		fill-opacity: 0;
		animation: clickIn 4s infinite;
		-moz-animation: clickIn 4s infinite;
		-webkit-animation: clickIn 4s infinite;
		-o-animation: clickIn 4s infinite;
	}

	@keyframes clickOut {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  70% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  75% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  77% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	@-moz-keyframes clickOut {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  70% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  75% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  77% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	@-webkit-keyframes clickOut {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  70% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  75% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  77% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	@-o-keyframes clickOut {
	  0% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  70% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  75% {
	  	stroke-opacity: 1;
		fill-opacity: 1;
	  }
	  77% {
	  	stroke-opacity: 0;
		fill-opacity: 0;
	  }
	  100% {
	  	/*stroke-opacity: 0;
		fill-opacity: 0;*/
	  }
	}

	#hover_buttons_ani #buttonZoomOutActive{
		stroke-opacity: 0;
		fill-opacity: 0;
		animation: clickOut 4s infinite;
		-moz-animation: clickOut 4s infinite;
		-webkit-animation: clickOut 4s infinite;
		-o-animation: clickOut 4s infinite;
	}