body .arrows {
	 position: relative;
	/**/
	 position: absolute;
	 top: 85%;
	 left: 50%;
	 width: 5vh;
	/**/
	 height: 5vh;
	 transform: translate(-50%, -50%);
}
 body .arrows:before {
	 content: '';
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 border-left: 26.6666666667px solid rgba(0, 0, 0, 0.5);
	 border-bottom: 26.6666666667px solid rgba(0, 0, 0, 0.5);
	 transform: translate(26.6666666667px, 106.6666666667px) rotate(-45deg);
	 animation: arrows 3s linear infinite;
}
 body .arrows:after {
	 content: '';
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 border-left: 26.6666666667px solid rgba(0, 0, 0, 0.5);
	 border-bottom: 26.6666666667px solid rgba(0, 0, 0, 0.5);
	 transform: translate(53.3333333333px, 0px) rotate(-45deg);
	 animation: arrows 3s linear infinite -1.5s;
}
 @keyframes arrows {
	 0% {
		 border-left: 26.6666666667px solid rgba(0, 0, 0, 0);
		 border-bottom: 26.6666666667px solid rgba(0, 0, 0, 0);
		 transform: translate(-13.3333333333px, -53.3333333333px) rotate(-45deg);
	}
	 10%, 90% {
		 border-left: 26.6666666667px solid rgba(0, 0, 0, 0);
		 border-bottom: 26.6666666667px solid rgba(0, 0, 0, 0);
	}
	 50% {
		 border-left: 26.6666666667px solid rgba(0, 0, 0, 0.5);
		 border-bottom: 26.6666666667px solid rgba(0, 0, 0, 0.5);
		 transform: translate(-13.3333333333px, 0px) rotate(-45deg);
	}
	 100% {
		 border-left: 26.6666666667px solid rgba(0, 0, 0, 0);
		 border-bottom: 26.6666666667px solid rgba(0, 0, 0, 0);
		 transform: translate(-13.3333333333px, 53.3333333333px) rotate(-45deg);
	}
}
 