/* ==========================================================================
# Carousels style - begin
========================================================================== */

.edgtf-carousel-holder {

	.edgtf-carousel-item-holder {
		position: relative;
		text-align: center;

		/* Image zoom - begin
		========================================================================== */

		.edgtf-carousel-first-image-holder.edgtf-image-zoom img {
			@include edgtfTransition(all 0.3s $transition-easing);
			-webkit-backface-visibility: hidden;
		}

		.edgtf-carousel-first-image-holder.edgtf-image-zoom:hover img {
			@include edgtfTransform(scale(1.1));
		}

		/* Image zoom - end
		========================================================================== */


		/* Image change on hover - begin
		========================================================================== */

		.edgtf-carousel-first-image-holder.edgtf-image-change {
			position: relative;
			opacity: 1;
			z-index: 5;
			@include edgtfTransition(opacity 0.3s $transition-easing);
		}

		.edgtf-carousel-second-image-holder {
			position: absolute;
			top: 0;
			left: 0px;
			width: 100%;
		}

		&:hover .edgtf-carousel-first-image-holder.edgtf-image-change {
			opacity: 0;
		}

		/* Image change on hover - end
		========================================================================== */

	}

	/* Carousel navigation - begin
	========================================================================== */

	.edgtf-carousel.owl-carousel {

		.owl-buttons {

			width: 100%;

			.owl-prev {
				position: absolute;
				top: 50%;
				@include edgtfTransform(translateY(-50%));
				left: 2%;
			}

			.owl-next {
				position: absolute;
				top: 50%;
				@include edgtfTransform(translateY(-50%));
				right: 2%;
			}

			.edgtf-prev-icon,
			.edgtf-next-icon {
				display: inline-block;
				width: 42px;
				height: 42px;
				@include edgtfBorderRadius(50%);
				border: 2px solid #74797b;
				text-align: center;

				i {
					font-size: 22px;
					line-height: 40px;
					color: #74797b;
				}

			}

		}

		.owl-pagination {
			text-align: center;

			.owl-page {
				display: inline-block;
			}

			.owl-page span {
				display: inline-block;
				width: 12px;
				height: 12px;
				margin: 3px;
				filter: Alpha(Opacity=50);
				opacity: 0.5;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				background: #74797b;
			}

			.owl-page.active span {
				opacity: 1;
			}

		}

	}

	/* Carousel navigation - end
	========================================================================== */

}

/* ==========================================================================
# Carousels style - end
========================================================================== */