.step-scroll {
	position: absolute;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	opacity: 1;
	cursor: pointer
}
@media screen and (max-height:599px) { .step-scroll { bottom: 15px; }}
@media screen and (min-height:600px) { .step-scroll { bottom: 30px; }}


.step-scroll_color_gray {
	color: #111;
}

.step-scroll_color_white {
	color: #fff;
}

.step-scroll-round {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 3px solid currentColor;
	border-radius: 50px;
	box-sizing: border-box;
	-webkit-animation: a 3s ease-in-out infinite 1s;
	animation: a 3s ease-in-out infinite 1s;
}

.step-scroll-round_transparent {
	border-color: transparent;
}

.step-scroll-arrow {
	position: relative;
	-webkit-animation: b 3s ease-in-out infinite 1s;
	animation: b 3s ease-in-out infinite 1s;
}

.step-scroll-arrow:after {
	content: "";
	position: relative;
	top: -1px;
	transform: rotate(45deg);
	display: block;
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
}