arrow.css

.arrow {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -15px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	background: rgba(0,0,0,0);
	border-left: 0;
	border-top: 0;
	outline: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}

.arrow:hover {
	border: 2px solid rgba(255, 255, 255, 0.6);
	border-left: 0;
	border-top: 0;
}

.animation-small-bounce {
-webkit-animation: small-bounce 850ms linear infinite;
-webkit-animation-name: small-bounce;
-webkit-animation-duration: 850ms;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: initial;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: initial;
-webkit-animation-fill-mode: initial;
-webkit-animation-play-state: initial;
-moz-animation: small-bounce 850ms linear infinite;
animation: small-bounce 850ms linear infinite;
}