/*
 * Slider.less
 * -----------------------------------------------
*/

/* -------- Rev Slider ---------- */
#home {
	.revslider-fullscreen {
		min-height: auto;
	}
}

/* -------- Home Revolution Slider For Minimal Layouts ---------- */
.minimal-revslider-wrapper {
	left: 0!important;
	width: 100%!important;
	.tp-leftarrow {
		left: 0!important;
	}
	.tp-rightarrow {
		right: 0!important;
	}
}

/* -------- Tab-Slider ---------- */
.tab-slider {
	.tab-content {
		padding: 0;
		border: 0;
	}
	.nav {
		&.nav-pills {
			> div {
				background-color: @white-base;
				float: left;
				margin-bottom: 15px;
				.transition(all .3s ease)
			}
			i{
				color: @gray-lightgray;
			}

			a {
				display: block;
				padding: 40px 30px;
				background: @white-f3;
				&:hover i,
				&:hover h6,
				&.active i,
				&.active h6 {
					color: @white-base;
				}
			}

		}
	}
}

/* -------- MaxImage Slider ---------- */
.maximage-slider {
	.fullscreen-controls {
		.img-prev,
		.img-next {
  			background: fade(@black, 30%);
		}
	}
}

.clients-logo {
	&.carousel {
		text-align: center;
		.item {
			box-shadow: none;
			margin: 0 10px;
		}
	}
}


/* -------- Widget-Testimonial-Carousel ---------- */
.widget-testimonial-carousel {
	.item {
		img {
			max-width: 75px;
			float: right;
		}
	}
}

/* -------- Owl Carousel ---------- */
.owl-controls {
	margin: 0;
	.owl-nav > div {
		background: none repeat scroll 0 0 rgba(240,240,240,0.8);
		border-radius: 0;
		display: block;
		margin: 0;
		padding: 10px;
		position: absolute;
		top: 45%;
		.transition(all 0.4s ease 0s);
		z-index: 6;
	}
	.owl-next {
		right: 0px;
		i {
			color: #888;
			font-size: 20px;
		}
	}
	.owl-prev {
		i {
			color: #888;
			font-size: 20px;
		}
	}
}
/* owl dots */
.owl-theme .owl-dots {
	text-align: center;
	margin-top: 10px;
	.owl-dot {
		display: inline-block;
		zoom: 1;
		span {
			background: @gray-lighter;
			border: 2px solid @black-555;
			border-radius: 50%;
    		transform: rotate(45deg);
			display: block;
			height: 12px;
			margin: 5px 7px;
			opacity: 0.8;
			.transition(all 0.4s ease 0s);
			width: 12px;
		}
		&.active span {
			background: @black-333;
		}
	}
}

/* Image Carousel */
.image-carousel .owl-controls .owl-nav > div {
	opacity: 0;
}
.image-carousel:hover .owl-controls .owl-nav > div {
	opacity: 1;
}

/* Owl top Dots style */
.dots-right .owl-dots {
  text-align: right;
}
.dots-left .owl-dots {
  text-align: left;
}

/* Owl top nav style */
.owl-carousel.owl-nav-top {
	&.bullet-white {
		.owl-dots {
			span {
				background: transparent;
			}
		}
	}

	.owl-controls {
		.owl-nav {
			> div {
				background-color: transparent;
			    top: -45px;
			    right: 0;

			    &:hover i {
			    	color: @white-base;
			    }
			}

			.owl-prev {
				right: 30px;
			}

			.owl-next{
				right: 0;
			}

			.owl-prev,
			.owl-next {
				border: none;
				line-height: 22px;
				padding: 0 9px;
				text-align: center;

				i {
				    font-size: 14px;
				}
			}
		}
	}
}

.owl-carousel.no-bullet .owl-nav {
  display: none;
}
.recent-project {
	.owl-controls {
		.owl-nav > div {
			top: 38%;
		}
		.owl-nav {			
			.owl-prev i,
			.owl-next i {
					padding: 2px 16px;
			}
		}
	}

}

.featured-gallery {
	&.style2 {
    	float: right;
		width: 92%;
		.owl-controls {
			bottom: 58px;
			left: -80px;
			margin: 0;
			position: absolute;
			.owl-nav > div {
				top: 95%;
			}
			.owl-nav {
				.owl-prev {
					left: 0px;
				}
				.owl-next {
				  display: inline-table;
				  left: 40px;
				}
				.owl-prev i,
				.owl-next i {
					color: @white-base;
					font-size: 35px;
				}

			}
		}
	}

}

@media only screen and (max-width : 991px) {
	.featured-gallery {
		&.style2 {
		    float: none;
	    	margin-top: 58px;	    
			width: 100%;
			.owl-controls {
				bottom: auto;
				left: auto;
				top: -45px;
			}
		}	
	}
}

.image-carousel {
	.owl-controls {
		.owl-nav > div {
			opacity: 0;
		}
	}
	&:hover {
		.owl-controls {
			.owl-nav > div {
				opacity: 1;
			}
		}
	}
}

/* -------- Owl Fullwidth Carousel ---------- */
.fullwidth-carousel {
	.owl-controls {
		.owl-nav > div {
			top: 45%;
		}
	}
	.carousel-item {
		min-height: 615px;
		width: 100%;
	}
	&.blog-fullwidth-carousel {
		.carousel-item {
			height: 600px;
			min-height: auto;
			width: 100%;
		}
		.owl-controls {
			.owl-nav > div {
				background: none;
			}

		}
	}
}
.news-carousel-3col .item {
	margin-right: 25px;
}
/* -------- Twitter Feed Carousel ---------- */
.twitter-feed {
	&.twitter-carousel {
		color: @black-111;
		font-size: 16px;
		a {
			color: @black-111;
		}
	}
	.date {
		font-size: 12px;
	}
	&.twitter-white,
	&.twitter-white a {
		color: @white-base;
	}
}

/* -------- BX Slider ---------- */
.bx-wrapper {
  margin: 0 auto 7px;
  padding: 0;
  position: relative;
}
.bx-wrapper .bx-viewport {
  background: inherit;
  border: 0 solid #fff;
  box-shadow: 0 0 0 #ccc;
  left: 0;
  transform: translateZ(0px);
}
/* bx top nav style */
.bx-controls .bx-controls-direction > a {
    background: #eee none repeat scroll 0 0;
    border: medium none;
    height: auto;
    line-height: 28px;
    padding: 0 12px;
    width: auto;
    text-indent: 0;
    top: -30px;
    z-index: 0;
}
.bx-controls .bx-controls-direction > a:hover {
	background: #ddd;
}
.bx-controls .bx-controls-direction > a i {
	color: #888;
}
.bx-controls .bx-controls-direction .bx-prev {
    right: 35px;
    left: auto;
}
.bx-controls .bx-controls-direction .bx-next {
    right: 0;
}

/* -------- Typed Animation Slider ---------- */
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/* -------- Layer Slider ---------- */
