img#hand {
	opacity: 1;
	position: absolute;
	top: 164px;
	left: 541px;
	animation: moveHand 20s linear infinite;
	z-index: 9999;
}

#newlist_progress {
	animation: newlist_progress 20s linear infinite;
	opacity: 1;
	height: 104px;
	width: 530px;
	background: url(../img/newlist_progress.png);
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 999;
}

#newlist1 {
	animation: newlist1 20s linear infinite;
	opacity: 0;
	height: 78px;
	width: 530px;
	background: url(../img/newlist1.png);
	position: absolute;
	top: 88px;
	left: 20px;
}

img#up {
	animation: up 20s linear infinite;
	height: 6px;
	width: 11px;
	position: absolute;
	top: 148px;
	left: 522px;
	z-index: 9999;
}

#step2 {
	animation: step2 20s linear infinite;
	opacity: 0;
	height: 276px;
	width: 530px;
	background: url(../img/step2.png);
	position: absolute;
	top: 100px;
	left: 19px;	
}

#step3 {
	animation: step3 20s linear infinite;
	opacity: 0;
	height: 276px;
	width: 530px;
	background: url(../img/step3.png);
	position: absolute;
	top: 100px;
	left: 19px;
}

#step4 {
	animation: step4 20s linear infinite;
	opacity: 1;
	height: 530px;
	width: 512px;
	background: url(../img/step4.png) no-repeat;
	position: absolute;
	top: -220px;
	left: 29px;	
}

#newlist2 {
	animation: newlist2 20s linear infinite;
	opacity: 0;
	height: 49px;
	width: 530px;
	background: url(../img/newlist2.png);
	position: absolute;
	top: 169px;
	left: 20px;	
}

#newlist3 {
	animation: newlist3 20s linear infinite;
	opacity: 0;
	height: 119px;
	width: 530px;
	background: url(../img/newlist3.png);
	position: absolute;
	top: 222px;
	left: 20px;
}

#checkbox1 {
	background: #ff4081;
	width: 6px;
	height: 6px;
	animation: checkbox1 20s linear infinite;
	position: absolute;
	top: 194px;
	left: 31px;
	opacity: 0;
	border: 1px solid #c00050;
}

#checkbox2 {
	background: #ff4081;
	width: 6px;
	height: 6px;
	animation: checkbox2 20s linear infinite;
	position: absolute;
	top: 157px;
	left: 412px;
	opacity: 0;
	border: 1px solid #c00050;
}

#checkbox3 {
	background: #ff4081;
	width: 6px;
	height: 6px;
	animation: checkbox3 20s linear infinite;
	position: absolute;
	top: 207px;
	left: 412px;
	opacity: 0;
	border: 1px solid #c00050;
}

#checkboxes {
	animation: checkboxes 20s linear infinite;
	position: absolute;
	top: 140px;
	left: 31px;
	opacity: 0;
}

#progress2 {
	background: #7adeeb;
	position: absolute;
	height: 10px;
	width: 127px;
	top: 46px;
	left: 157px;
	animation: progress2 20s ease infinite;
	z-index: 9999;
}

#progress3 {
	background: #7adeeb;
	position: absolute;
	height: 10px;
	width: 127px;
	top: 46px;
	left: 285px;
	animation: progress3 20s ease infinite;
	z-index: 9999;
}

#progress4 {
	background: #7adeeb;
	position: absolute;
	height: 10px;
	width: 127px;
	top: 46px;
	left: 413px;
	animation: progress4 20s ease infinite;
	z-index: 9999;
}

#slide_path {
	background: #ddd;
	width: 5px;
	height: 200px;
	top: 104px;
	left: 553px;
	animation: slide_path 20s linear infinite;
	position: absolute;
}

#slider {
	background: #7adeeb;
	width: 5px;
	height: 20px;
	top: 160px;
	left: 553px;
	animation: slider 20s linear infinite;
	position: absolute;
	opacity: 1;
}

@keyframes newlist_progress {
	0% {
		opacity: 0;        
     }
	 
	 5% {
		opacity: 1;
	 }
	 
     100% {
         opacity:1;
     }
}

@-webkit-keyframes newlist_progress {
	0% {
		opacity: 0;        
     }
	 
	 5% {
		opacity: 1;
	 }
	 
     100% {
         opacity:1;
     }
}

@keyframes newlist1 {
     0% {
		opacity: 0;        
     }
	 
	 5%, 25% {
		opacity: 1;
	 }
	 
	  30% {
		opacity: 0;
	 }
	 
     100% {
         opacity:0;
     }
}

@-webkit-keyframes newlist1 {
     0% {
		opacity: 0;        
     }
	 
	 5%, 25% {
		opacity: 1;
	 }
	 
	  30% {
		opacity: 0;
	 }
	 
     100% {
         opacity:0;
     }
}

@keyframes newlist2 {

     0% {
		opacity: 0;        
     }
	 
	 10% {
		opacity: 0;        
     }
	 
	  12%, 25% {
		opacity: 1;        
     }
	 
	 30% {
		opacity: 0;
	}

     100% {
         opacity:0;
     }
}

@-webkit-keyframes newlist2 {

     0% {
		opacity: 0;        
     }
	 
	 10% {
		opacity: 0;        
     }
	 
	  12%, 25% {
		opacity: 1;        
     }
	 
	 30% {
		opacity: 0;
	}

     100% {
         opacity:0;
     }
}

@keyframes up {

     0% {
		opacity: 0;        
     }
	 
	 10% {
		opacity: 0;        
     }
	 
	  12%, 25% {
		opacity: 1;        
     }
	 
	 30% {
		opacity: 0;
	}

     100% {
         opacity:0;
     }
}

@-webkit-keyframes up {

     0% {
		opacity: 0;        
     }
	 
	 10% {
		opacity: 0;        
     }
	 
	  12%, 25% {
		opacity: 1;        
     }
	 
	 30% {
		opacity: 0;
	}

     100% {
         opacity:0;
     }
}

@keyframes newlist3 {

     0% {
		opacity: 0;
		top: 172px;	
     }
	 
	  5%, 10% {
		opacity: 1;
		top: 172px;	
	 }
	 
	  12%, 25% {
		opacity: 1;
		top: 218px;	
	 }
	 
	 30% {
		opacity:0;
		 top: 218px;
		}

     100% {
         opacity:0;
		 top: 218px;
     }
}

@-webkit-keyframes newlist3 {

     0% {
		opacity: 0;
		top: 172px;	
     }
	 
	  5%, 10% {
		opacity: 1;
		top: 172px;	
	 }
	 
	  12%, 25% {
		opacity: 1;
		top: 218px;	
	 }
	 
	 30% {
		opacity:0;
		 top: 218px;
		}

     100% {
         opacity:0;
		 top: 218px;
     }
}
	
@keyframes moveHand {

	0% {
		opacity: 0;
		top: 88px;
		left: 250px;		
     }
	 
     8% {
		opacity: 1;  
		top: 88px;
		left: 250px;			
     }
	 
    10%, 18% {
         left: 180px;
		 top: 150px;
		 opacity: 1; 
     }
	 
	 20%, 35% {		
		left: 50px;
		 top: 200px;
		 opacity: 1; 
	}
	  
	 37%, 53% {
         left: 50px;
		 top: 142px;
		 opacity: 1; 
     }
	 
	 55%, 57% {
		left: 440px;
		top: 160px;
		opacity: 1;	 
	 }
	 
	  60%, 75% {
		left: 440px;
		top: 210px;
		opacity: 1; 
	 }
	 
	 80% {
		left: 541px;
		top: 107px;
		opacity: 1;
	}
	  
	 100% {
		opacity: 1;
		 left: 541px;
		 top: 163px;		
     }
}

@-webkit-keyframes moveHand {

	0% {
		opacity: 0;
		top: 88px;
		left: 250px;		
     }
	 
     8% {
		opacity: 1;  
		top: 88px;
		left: 250px;			
     }
	 
    10%, 18% {
         left: 180px;
		 top: 150px;
		 opacity: 1; 
     }
	 
	 20%, 35% {		
		left: 50px;
		 top: 200px;
		 opacity: 1; 
	}
	  
	 37%, 53% {
         left: 50px;
		 top: 142px;
		 opacity: 1; 
     }
	 
	 55%, 57% {
		left: 440px;
		top: 160px;
		opacity: 1;	 
	 }
	 
	  60%, 75% {
		left: 440px;
		top: 210px;
		opacity: 1; 
	 }
	 
	 80% {
		left: 541px;
		top: 107px;
		opacity: 1;
	}
	  
	 100% {
		opacity: 1;
		 left: 541px;
		 top: 163px;		
     }
}

@keyframes checkbox1 {

	0%, 21% {
		opacity: 0;		
     }
	 
     23%, 25% {
		opacity: 1;  		
     }
	 
	 30%, 100% {
		opacity: 0;
	}
}

@-webkit-keyframes checkbox1 {

	0%, 21% {
		opacity: 0;		
     }
	 
     23%, 25% {
		opacity: 1;  		
     }
	 
	 30%, 100% {
		opacity: 0;
	}
}

@keyframes checkbox2 {
	0%, 56% {
		opacity: 0;		
     }
	 
     58%, 70% {
		opacity: 1;  		
     }
	 
	 72%, 100% {
		opacity: 0;
	}
}

@-webkit-keyframes checkbox2 {
	0%, 56% {
		opacity: 0;		
     }
	 
     58%, 70% {
		opacity: 1;  		
     }
	 
	 72%, 100% {
		opacity: 0;
	}
}

@keyframes checkbox3 {
	0%, 60% {
		opacity: 0;		
     }
	 
     62%, 70% {
		opacity: 1;  		
     }
	 
	 72%, 100% {
		opacity: 0;
	}
}

@-webkit-keyframes checkbox3 {
	0%, 60% {
		opacity: 0;		
     }
	 
     62%, 70% {
		opacity: 1;  		
     }
	 
	 72%, 100% {
		opacity: 0;
	}
}

@keyframes checkboxes {

	0%, 38% {
		opacity: 0;		
     }
	 
	 40%, 45% {
		opacity: 1;
	}
	
	50% {
		
		opacity: 0;
	
	}
	
}

@-webkit-keyframes checkboxes {

	0%, 38% {
		opacity: 0;		
     }
	 
	 40%, 45% {
		opacity: 1;
	}
	
	50% {
		
		opacity: 0;
	
	}
	
}

@keyframes progress2 {

	0%, 25% {
		width: 0;		
     }
	 
	

    30%, 100% {
		width: 127px;  		
     }

}

@-webkit-keyframes progress2 {

	0%, 25% {
		width: 0;		
     }
	 
	

    30%, 100% {
		width: 127px;  		
     }

}

@keyframes progress3 {

	0%, 45% {
		width: 0;		
     }
	 
    50%, 100% {
		width: 127px;  		
     }

}

@-webkit-keyframes progress3 {

	0%, 45% {
		width: 0;		
     }
	 
    50%, 100% {
		width: 127px;  		
     }

}

@keyframes progress4 {

	0%, 70% {
		width: 0;		
     }
    75%, 100% {
		width: 127px;  		
     }
}

@-webkit-keyframes progress4 {

	0%, 70% {
		width: 0;		
     }
    75%, 100% {
		width: 127px;  		
     }
}

@keyframes step2 {

	0%, 25% {
		opacity: 0;		
     }
	 
	

    30%, 45% {
		opacity: 1;  		
     }
	 
	 50%, 100% {
		opacity: 0;
	}

}

@-webkit-keyframes step2 {

	0%, 25% {
		opacity: 0;		
     }
	 
	

    30%, 45% {
		opacity: 1;  		
     }
	 
	 50%, 100% {
		opacity: 0;
	}

}

@keyframes step3 {

	0%, 45% {
		opacity: 0;		
     }
	 
	

    50%, 70% {
		opacity: 1;  		
     }
	 
	 72%, 100% {
		opacity: 0;
	}

}

@-webkit-keyframes step3 {

	0%, 45% {
		opacity: 0;		
     }
	 
	

    50%, 70% {
		opacity: 1;  		
     }
	 
	 72%, 100% {
		opacity: 0;
	}

}

@keyframes step4 {

	0%, 70% {
		opacity: 0;
		top: 98px;
     }
	 
    75%, 80% {
		opacity: 1;
		top: 98px;
     }
	 
	 100% {
	 
		top: -220px;
		opacity: 1;
	 }
}

@-webkit-keyframes step4 {

	0%, 70% {
		opacity: 0;
		top: 98px;
     }
	 
    75%, 80% {
		opacity: 1;
		top: 98px;
     }
	 
	 100% {
	 
		top: -220px;
		opacity: 1;
	 }
}

@keyframes slide_path {

	0%, 70% {
		opacity: 0;		
     }
	 
    75%, 100% {
		opacity: 1;
     }
}

@-webkit-keyframes slide_path {

	0%, 70% {
		opacity: 0;		
     }
	 
    75%, 100% {
		opacity: 1;
     }
}

@keyframes slider {

	0%, 70% {
		opacity: 0;
		top: 104px;		
     }
	 
    75%, 80% {
		opacity: 1;
		top: 104px;
     }
	 
	 100% { 
		opacity: 1;
		top: 160px;
	 
	 }
}

@-webkit-keyframes slider {

	0%, 70% {
		opacity: 0;
		top: 104px;		
     }
	 
    75%, 80% {
		opacity: 1;
		top: 104px;
     }
	 
	 100% { 
		opacity: 1;
		top: 160px;
	 
	 }
}