.konte-dot-circle .tp-bullet {
	width:##bullet-size##px;
	height:##bullet-size##px;
    margin: 12px;
	position: absolute;
	border-radius:50%;
    background: rgba(##bullet-bg-color##);
	cursor: pointer;
    transition: 0.4s;
    transform: rotate(-30deg);
}

.konte-dot-circle .tp-bullet:before {
	content: \"\";
    position: absolute;
    top: -9px;
    bottom: -9px;
    right: -9px;
    left: -9px;
    border-radius: 50%;
    border: 2px solid rgba(##hover-bullet-bg-color##);
    -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 50% 50%);
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 50% 50%);
    transition: opacity 0.4s;
    opacity: 0;
}
.konte-dot-circle .tp-bullet:hover,
.konte-dot-circle .tp-bullet.selected {
	background: rgba(##hover-bullet-bg-color##);
}
.konte-dot-circle .tp-bullet.selected {
	transform: rotate(0);
}
.konte-dot-circle .tp-bullet.selected:before {
	opacity: 1;
}
