.penci-owl-featured-area.style-18 {
	.penci-item-mag {
		width: 100%;
		border: 0;
	}

	.penci-slider__text {
		padding: 0;
	}

	.penci-image-holder {
		&:before {
			padding-top: 50%;
		}
	}

	.penci-featured-content {
		z-index: 2;
		position: absolute;
		display: block;
		top: 50%;
		bottom: auto;
		width: 100%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		padding: 0 25px;
		opacity: 0;
	}

	.owl-item.active.center .penci-featured-content{
		opacity: 1;
	}

	h3,
	.penci-slider__cat,
	.penci-slider__meta {
		text-align: center;
	}

	h3 {
		@include font-size(2);
		text-align: center;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-duration: 0.55s;
		-moz-animation-duration: 0.55s;
		-ms-animation-duration: 0.55s;
		-o-animation-duration: 0.55s;
		animation-duration: 0.55s;
		animation-delay: 0.9s;
		-webkit-animation-delay: 0.9s;
	}

	.penci-slider__cat {
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-duration: 0.55s;
		-moz-animation-duration: 0.55s;
		-ms-animation-duration: 0.55s;
		-o-animation-duration: 0.55s;
		animation-duration: 0.45s;;
		animation-delay: 0.7s;
		-webkit-animation-delay: 0.7s;

		.penci-cat-name {
			background: $color__blue;
		}
	}

	.penci-slider__meta {
		z-index: 3;
		position: relative;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-duration: 0.55s;
		-moz-animation-duration: 0.55s;
		-ms-animation-duration: 0.55s;
		-o-animation-duration: 0.55s;
		animation-duration: 0.55s;
		animation-delay: 1.1s;
		-webkit-animation-delay: 1.1s;
	}

	.penci-slider__meta-item {
		margin-right: 10px;

		&:last-child {
			margin-right: 0;
		}
	}

	.penci-slider__text {
		opacity: 1;
		animation-delay: 0s;
		position: relative;
	}

	&.owl-loaded .active.center {

		h3,
		.penci-slider__cat,
		.penci-slider__meta {
			animation-name: pencifadeInUpSlider;
		}

		.penci-slider__text {
			-webkit-animation-name: none;
			-moz-animation-name: none;
			-o-animation-name: none;
			animation-name: none;
		}

		.penci-item-mag:hover .penci-image-holder:after {
			opacity: 0.5;
		}

		.penci-image-holder:after {
			opacity: 0.4;
			transition: opacity .4s ease 0s;
		}
	}
}

.mobile.penci-owl-featured-area.style-18 {
	.penci-item-mag {
		width: 100%;
	}
}

.penci-vc-column-1,
.penci-vc-column-2 {
	&.penci-owl-featured-area.style-18 .penci-image-holder:before {
		padding-top: 66.6667%;
	}
}


@media screen and ( max-width: 1440px ) {
	.penci-owl-featured-area.style-18 {
		.apenci-item-mag {
			width: 1200px;
		}
	}
}

@media screen and ( max-width: 1200px ) {
	.penci-owl-featured-area.style-18 {
		.apenci-item-mag {
			width: 750px;
		}

		h3 {
			@include font-size(1.8);
		}
	}

	.mobile.penci-owl-featured-area.style-18 {
		.penci-item-mag {
			width: 100%;
		}
	}
}

@media screen and ( max-width: 1080px ) and ( min-width: 961px ) {
	.penci-owl-featured-area.style-18 {
		h3 a{
			font-size: 24px !important;
			line-height: 1.3;
			display: block;
		}
	}
}

@media screen and ( max-width: 1200px ) and ( min-width: 961px ) {
	.penci-container-width-1400.penci-vc_sidebar-left,
	.penci-container-width-1400.penci-vc_sidebar-right {
		.penci-owl-featured-area.style-18 {

			.penci-slider__cat,
			.penci-slider__meta {
				display: none;
			}

			h3 a{
				font-size: 22px !important;
				line-height: 1.3;
				display: block;
			}
		}
	}
}

@media screen and ( max-width: 960px ) {
	.penci-owl-featured-area.style-18 {
		.penci-slider__cat {
			display:  none;
		}

		.penci-image-holder:before {
			padding-top: 66.6667%;
		}
	}
}

@media screen and ( max-width: 768px ) {
	.penci-owl-featured-area.style-18 {
		.penci-slider__meta {
			display:  none;
		}

		.penci-slider__text {
			padding: 0 !important;
		}
		h3 {
			font-size: 22px;
		}
	}
}

@media screen and ( max-width: 480px ) {
	.penci-owl-featured-area.style-18 {
		h3 {
			font-size: 18px;
		}
	}
}
