.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 7px;
	background-color: transparent;
	z-index: 9999999;
}

.loader::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -200px;
	width: 200px;
	height: 7px;
	background-color: #2196F3;
	animation: loader 2s linear infinite;
	z-index: 9999999;
}

@keyframes loader {
	from {
		left: -200px;
	}

	to {
		left: 100%;
	}
}

.arrow {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	animation: bounce 2s infinite ease-in-out;
}

.arrow:before {
	content: "";
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		bottom: 20px;
	}

	40% {
		bottom: 40px;
	}

	60% {
		bottom: 30px;
	}
}