.slider {
	position:absolute;
	width:100%;
	height:7px;
	overflow-x: hidden;
	z-index: 1;
	display: none;
}

@media screen and (min-width: 640px) {

	.slider {
		margin-left: 2px;
		border-radius: 20px 20px 0 0;
		width:99%;
	}
}

.line {
	position:absolute;
	opacity: 0.4;
	background:#7d7d7e;
	width:150%;
	height:7px;
}

.subline {
	position: absolute;
	background: var(--primary);
	height: 7px; 
}
.inc {
	animation: increase 2s infinite;
}
.dec{
	animation: decrease 2s 0.5s infinite;
}

@keyframes increase {
 from { left: -5%; width: 5%; }
 to { left: 130%; width: 100%;}
}
@keyframes decrease {
 from { left: -80%; width: 80%; }
 to { left: 110%; width: 10%;}
}