/*****************************
  Owl carousel
*****************************/
.owl-carousel {
	.owl-item {
		img {
			width: auto;
			display: inherit;
		}

	}

	.owl-nav {
		cursor: pointer;
		z-index: 999;
		width: 100%;

		.owl-prev {
			display: block;
			position: absolute;
			text-indent: inherit;
			width: auto;
			cursor: pointer;
			transition: all 0.2s ease-in-out;
			left: 10px;
			display: block;
			position: absolute;
			text-indent: inherit;
			top: 50%;
			transform: translateY(-50%);
			margin: 0 !important;
			display: inline-block;
			margin: 14px 2px 0;
			transform: skew(-20deg);
		}

		.owl-next {
			display: block;
			position: absolute;
			text-indent: inherit;
			width: auto;
			cursor: pointer;
			transition: all 0.2s ease-in-out;
			right: 10px;
			display: block;
			position: absolute;
			text-indent: inherit;
			top: 50%;
			transform: translateY(-50%);
			margin: 0 !important;
			display: inline-block;
			margin: 14px 2px 0;
			transform: skew(-20deg);
		}

		i {
			font-size: 16px;
			width: 50px;
			height: 50px;
			line-height: 50px;
			display: inline-block;
			color: $primary;
			background: $white;
			border: 0px solid$border-color;
			text-align: center;
			transition: all 0.2s ease-in-out;

			&:before {
				transform: skew(20deg);
				display: block;
			}

			&:hover {
				background: $primary;
				color: $white;
			}

		}

	}

	.owl-controls {
		.owl-dot {
			margin: 0;
			display: inline-block;
		}

	}

	.owl-dots {
		display: inline-block;
		margin-top: 20px;
		text-indent: inherit;
		width: 100%;
		cursor: pointer;
		text-align: center;

		.owl-dot {
			span {
				background: #ddd;
				display: inline-block;
				width: 12px;
				min-height: 12px;
				margin-top: 5px;
				border-radius: 100%;
				transition: all 0.5s ease-in-out;
				cursor: pointer;
			}

			&:hover {
				span {
					background: $primary;
				}

			}

		}

		.owl-dot.active {
			span {
				background: $primary;
				width: 40px;
				border-radius: 10px;
			}

		}

	}

	.owl-dot {
		display: inline-block;
		margin: 14px 2px 0;
	}

}

.owl-nav-bottom {
	.owl-nav {
		bottom: 0;
		top: inherit;

		.owl-next {
			right: 45%;
			bottom: -70px;
			top: inherit;
		}

		.owl-prev {
			left: 45%;
			bottom: -70px;
			top: inherit;
		}

	}

}

.owl-nav-top-left {
	.owl-nav {
		bottom: 0;
		top: inherit;

		.owl-next {
			right: 0;
			top: -80px;
			transform: inherit;
		}

		.owl-prev {
			left: inherit;
			right: 50px;
			top: -80px;
			transform: inherit;
		}

		i {
			border: 1px solid transparent;

			&:hover {
				border-color: $border-color;
			}

		}

	}

}

.owl-nav-top-right {
	.owl-nav {
		top: 0;
		bottom: inherit;

		.owl-next {
			right: 20px;
			top: 20px;
			bottom: inherit;
			transform: inherit;
		}

		.owl-prev {
			left: inherit;
			right: 80px;
			top: 20px;
			bottom: inherit;
			transform: inherit;
		}

	}

}

.owl-dots-bottom-center {
	.owl-dots {
		bottom: 30px !important;
		position: absolute;

		.owl-dot {
			span {
				background: $white;
			}

		}

	}

}

.owl-dots-bottom-right {
	.owl-dots {
		bottom: 30px !important;
		position: absolute;
		right: 30px;
		width: auto;

		.owl-dot {
			span {
				background: $white;
			}

		}

	}

}

.owl-dots-bottom-left {
	.owl-dots {
		position: absolute;
		left: 0;
		width: auto;
		margin-top: 0;

		.owl-dot {
			span {
				background: $white;
			}

		}

	}

}

/* Client Logo */
.our-clients .owl-carousel .owl-stage {
	display: flex;
	align-items: center;
}

.owl-carousel .owl-item .property-item {
	margin-bottom: 0;
}

.carousel-control-next,
.carousel-control-prev {
	opacity: .6;
}
