/*
 ************************************************************
 * PLUGIN
 ************************************************************
 * ----------------------------------------------------------
 * OWL CAROUSEL
 * ----------------------------------------------------------
 */

#top .owl-carousel .owl-stage
{
	display: flex;
}

#top .owl-carousel .owl-stage-outer
{
	padding: 0 1px;
}

/* NAV */

#top .owl-nav button
{
	position: absolute;
	top: 50%;
	font-size: 20px;
	margin-top: -15px;
	transform: translateY(-100%);
	color: var(--color-lightgray-2);
}

#top .owl-nav button:hover
{
	color: var(--color-cvi-2);
}

#top .owl-nav button span
{
	display: none;
}

#top .owl-nav button::before
{
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
}

#top .owl-nav .owl-prev
{
	left: 0;
}

#top .owl-nav .owl-prev::before
{
	content: "\f053";
	margin-right: 0.6em;
}

#top .owl-nav .owl-next
{
	right: 0;
}

#top .owl-nav .owl-next::before
{
	content: "\f054";
	margin-left: 0.6em;
}

@media only screen and (min-width: 768px)
{
	.responsive #top .owl-nav .owl-prev
	{
		left: -26px;
	}
	.responsive #top .owl-nav .owl-next
	{
		right: -26px;
	}
}
@media only screen and (min-width: 1320px)
{
	.responsive #top .owl-nav .owl-prev
	{
		left: -40px;
	}
	.responsive #top .owl-nav .owl-next
	{
		right: -40px;
	}
}

/*
 * - DOTS
 */

#top .owl-dots
{
	height: 30px;
	overflow: hidden;
	text-align: center;
}

#top .owl-dots .owl-dot
{
	display: inline-block;
}

#top .owl-dots .owl-dot span
{
	display: block;
	width: 20px;
	height: 20px;
	margin: 5px;
	border-radius: 50%;
	background-color: var(--color-lightgray-2);
}

#top .owl-dots .owl-dot:hover span,
#top .owl-dots .owl-dot.active span
{
	background-color: var(--color-cvi-2);
}