.carousel-default {
	.owl-dots {
		margin-top: 45px;
		text-align: center;

		.owl-dot {
			position: relative;
			display: inline-block;
			width: 12px;
			height: 12px;
			margin: 0 6px;
			padding: 0;
			background-color: #e4e4e4;
			border-radius: 50%;

			&.active {
				width: 14px;
				height: 14px;
				transform: translateY(1px);
				background-color: #b5b5b5;
				transition: background-color 0.3s ease-out;
			}
		}
	}
}
