.arrow{
	
	
	width:0;
	height:40px;
	border:1px solid #ffcc66;
	position:relative;
	animation:scroll 1.5s infinite;
	-webkit-animation:scroll 1.5s infinite;
	-ms-animation:scroll 1.5s infinite;
	-o-animation:scroll 1.5s infinite;
	-moz-animation:scroll 1.5s infinite;}
 
 .arrow::after{
	content:'';
	display:block;
	position:absolute;
	top:100%;
	left:-5px;
	width:1px;
	height:10px;
	
	
	
	border-top:10px solid #ffcc66;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
}


@keyframes scroll{
	0%{
		height:40px;
	}
	
	30%{
		height:80px;
		}
	
	60%{
		height:40px;
	}
}
		
		

@-webkit-keyframes scroll{
	0%{
		height:40px;
	}
	
	30%{
		height:80px;
		}
	
	60%{
		height:40px;
	}
}



@-ms-keyframes scroll{
	0%{
		height:40px;
	}
	
	30%{
		height:80px;
		}
	
	60%{
		height:40px;
	}
}



@-moz-keyframes scroll{
	0%{
		height:40px;
	}
	
	30%{
		height:80px;
		}
	
	60%{
		height:40px;
	}
}