/* Rulla ner knapp  */
.gre-scroll-ball {
	background-color: #33788e;
	border-radius: 50%;
	border: solid 4px #fff;
	height: 4em;
	width: 4em;
	box-sizing: border-box;
	cursor: pointer;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 3em;
	z-index: 10;
}

.gre-scroll-down::before,
.gre-scroll-down::after {
	content: "\f078";
	color: #fff;
	position: absolute;
	font-size: 1.7em;
	left: 27%;
}

.gre-scroll-down::before {
	top: 12%;
}

.gre-scroll-down::after {
	top: 37%;
}

.gre-scroll-up::before,
.gre-scroll-up::after {
	content: "\f077";
	color: #fff;
	position: absolute;
	font-size: 1.7em;
	left: 27%;
}

.gre-scroll-up::before {
	top: 9%;
}

.gre-scroll-up::after {
	top: 34%;
}