.scroll-indicator
{
	cursor: pointer;
	transition: all .25s ease;
	transform: translateX(-50%);

	color: #b3b3b3;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 1;
	text-transform: uppercase;

	box-sizing: border-box;
	padding: 10px 10px 44px;
	position: absolute;
	 bottom: 30px;
	 left: 50%;
	 z-index: 2;
}

.scroll-indicator:not([href])
{
	display: none;
}

.scroll-indicator:after
{
	transform: translateX(-50%);

	color: inherit;
	font-family: "USPIS UI", sans-serif;
	font-size: 42px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: normal !important;
	text-transform: none !important;
	line-height: 1;
	speak: none;
	vertical-align: middle;

	position: absolute;
	 bottom: 0;
	 left: 50%;

	content: "p";
}

@media (hover: hover), all and (-ms-high-contrast: none)
{
	section.hero .foreground .scroll-indicator:focus,
	section.hero .foreground .scroll-indicator:hover,
	section.subhero .foreground .scroll-indicator:focus,
	section.subhero .foreground .scroll-indicator:hover
	{
		color: #f8be21;
	}
}