.owl-dot svg {
	display: block;
	height: 16px;
	margin: 5px 7px;
	width: 16px;
	z-index: -1;
}

.owl-dot svg circle {
	fill: none;
	stroke-width: 9;
	stroke-dasharray: 202;
	stroke-dashoffset: 0;
	stroke-linecap: round;
}

.owl-dot svg circle.circle-still {
	stroke: #ccc;
}

.owl-dot svg circle.circle-animating {
	stroke: #71bb55;
	display: none;
	stroke-dashoffset: 202;
}

.owl-dot.active svg circle.circle-animating {
	display: inline;
	animation: circle-animation 4s linear infinite;
}

@keyframes circle-animation {
	to {
		stroke-dashoffset: 0;
	}
}