
.jet-scroll-navigation--position-left {
	margin-left: 20px;
}

.jet-scroll-navigation--position-right {
	margin-right: 20px;
}

.jet-scroll-navigation__item {
	margin: 10px 0;
}

.jet-scroll-navigation__item .jet-scroll-navigation__dot {
	background-color: #54595f;
}

.jet-scroll-navigation__item:hover .jet-scroll-navigation__dot {
	background-color: #61ce70;
}

.jet-scroll-navigation__item.invert .jet-scroll-navigation__dot {
	background-color: #fff;
}

.jet-scroll-navigation__item.active .jet-scroll-navigation__dot {
	background-color: #6ec1e4;
}

.jet-scroll-navigation__dot {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: white;
	font-size: 14px;
	-webkit-transition: all .3s cubic-bezier(.5, .12, .46, .88);
	-o-transition: all .3s cubic-bezier(.5, .12, .46, .88);
	transition: all .3s cubic-bezier(.5, .12, .46, .88);
}

.jet-scroll-navigation__item-hint {
	background-color: #6ec1e4;
	padding: 0 10px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.jet-scroll-navigation__icon {
	color: white;
	font-size: 20px;
	margin: 5px;
}

.jet-scroll-navigation__label {
	color: white;
	font-size: 16px;
}
