.scroll-indicator-controller {
	position: fixed;
	top: 50%;
	transform: translate(0, -50%);
	left: 20px;
	z-index: 2
}
.scroll-indicator-controller.indi-mobile>div span {
	display: none
}
@media (max-width:1024px) {
.scroll-indicator-controller {
	right: 10px
}
}

@media (max-width:991px) {
.scroll-indicator-controller {
	display:none;
}
}

.scroll-indicator-controller>div {
	width: 3px;
	height: 35px;
	position: relative;
	background:#7e7e7e;
/*	border-radius: 50%;
	border: 1px solid tomato;
	background: rgba(0,0,0,.25);
	*/
	margin: 0 0 15px;
	cursor: pointer;
	transition: all .4s ease;
	will-change: transition
}
.scroll-indicator-controller>div span {
	color: #B0ACBD;
	position: absolute;
	left: calc(100% + 8px);
	white-space: nowrap;
	top: -1px;
	font-family: arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
	width: 0;
	overflow: hidden;
	opacity: 1;
	transform: translateX(10px);
	transition: all .4s ease;
	will-change: transition;
		top:50%;
	transform:translateY(-50%);

}

.scroll-indicator-controller.section02>div span, .scroll-indicator-controller.section03>div span, .scroll-indicator-controller.section04>div span {
	
	color: #df9926;
}
@media (hover:none) {
.scroll-indicator-controller>div span {
	display: none
}
}
.scroll-indicator-controller>div span:after {
	/*content: "-----";
	padding-left: 5px;
	letter-spacing: -2px;
	font-family: arial, sans-serif;
	vertical-align: text-top*/
}
@media (hover:hover), (-ms-high-contrast:none), (-ms-high-contrast:active) {
.scroll-indicator-controller>div:hover span {
	width: auto;
	opacity: 1;
	overflow: visible;
}
}
.scroll-indicator-controller>div.active {
	background: #B0ACBD;
	width:5px;
	height:50px;
}

.scroll-indicator-controller.section02>div, .scroll-indicator-controller.section03>div, .scroll-indicator-controller.section04>div   {
	background: #df9926;
}

.scroll-indicator-controller.section02>div.active, .scroll-indicator-controller.section03>div.active, .scroll-indicator-controller.section04>div.active  {
	background: #df9926;

}


@supports (-ms-ime-align:auto) {
.scroll-indicator-controller>div span {
transition:opacity .4s ease
}
}
.scroll-indicator-controller>div.active span {
	width: auto;
}