/*
==================================================================================================
ANIMATIONS
==================================================================================================
*/

h3.textCaption, p.textCaption, a.slideButton {
-webkit-animation-duration: 600ms;
-moz-animation-duration: 600ms;
-o-animation-duration: 600ms;
animation-duration: 600ms;
}

p.textCaption {
-webkit-animation-delay: 600ms;
-moz-animation-delay: 600ms;
-o-animation-delay: 600ms;
animation-delay: 600ms;
}

a.slideButton {
-webkit-animation-delay: 1200ms;
-moz-animation-delay: 1200ms;
-o-animation-delay: 1200ms;
animation-delay: 1200ms;
}

/*
==================================================================================================
GENERAL / CAROUSEL CONTAINER AND ITEMS
==================================================================================================
*/

/*#globalContainer { margin: 0 100px; }*/

#containerCarousel, #containerSingleSlide {
position: relative;
margin-bottom: 30px;
}

#containerSingleSlide img {
display: block;
width: 100%;
height: auto;
}

.item {
height: auto;
}

.slideHover { cursor: pointer; }

#containerCarousel .owl-carousel .owl-item img { height: auto; }

/*
==================================================================================================
SLIDE CAPTION
==================================================================================================
*/

.slideCaption {
position: absolute;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
/*text-shadow: 0 1px 2px rgba(0,0,0,0.6);*/
}

.slideCaption.bottom {
left: 15%;
right: 15%;
text-align: center;
}

.slideCaption.left {
left: 15px;
bottom: 50px;
text-align: left;
}

.slideCaption.right {
right: 15px;
bottom: 50px;
text-align: right;
}

.slideCaption a.slideButton { margin: 10px 0 0 0; } 

.textCaption {
display: inline-block;
font-family: "Lato", sans-serif;
padding: 10px 20px;
background: rgba(0,0,0,0.5);
}

h3.textCaption {
font-size: 24px;
font-weight: 500;
margin: 20px 0 0 0;
}

p.textCaption {
font-size: 21px;
font-weight: 200;
line-height: 1.4;
margin: 10px 0 0 0;
}

/*
==================================================================================================
CONTROLS PREVIOUS/NEXT
==================================================================================================
*/

#carouselControlRight, #carouselControlLeft {
display: none;
cursor: pointer;
position: absolute;
width: auto;
/*height: 80px;*/
font-size: 80px;
top: 40%;
bottom: 40%;
opacity: .5;
z-index: 99;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

#carouselControlRight:hover, #carouselControlLeft:hover {
outline: none;
color: #fff;
text-decoration: none;
opacity: .9;
}

#carouselControlRight {
left: auto;
right: 15px;
}

#carouselControlLeft {
right: auto;
left: 15px;
}

#carouselControlRight i, #carouselControlLeft i {
position: absolute;
top: 50%;
z-index: 5;
width: 80px;
height: 80px;
margin-top: -40px;
background: rgba(0,0,0,0.5);
}

#carouselControlRight i { 
right: 20%;
}

#carouselControlLeft i { 
left: 20%;
}

#containerCarousel .owl-theme .owl-controls {
position: absolute;
right: 20px;
bottom: 10px;
}

#containerCarousel .owl-theme .owl-dots .owl-dot.active span, #containerCarousel .owl-theme .owl-dots .owl-dot:hover span {
  background: #ff6600;
}

#containerCarousel .owl-theme .owl-dots .owl-dot span { background: #fff; }
#containerCarousel .owl-theme .owl-dots .owl-dot:not(.active) span { opacity: 0.7 !important; }

#containerCarousel .owl-theme .owl-dots .owl-dot span {
width: 20px;
height: 20px;
}

/*
==================================================================================================
PROGRESS BAR & PLAY ICON
==================================================================================================
*/

#containerCarousel .progressBar {
display: none;
height: 6px;
background: rgba(255,255,255,0.5);
width: 0%;
margin: -6px 0px 0px 0px;
border: none;
z-index: 11;
position: absolute;
bottom: 0;
width: 0;
}

.owl-carousel .owl-video-play-icon { z-index: 999 !important; }

/*
==================================================================================================
RESPONSIVE
==================================================================================================
*/


@media (max-width: 800px) {

	h3.textCaption {
	font-size: 20px;
	margin-top: 10px;
	}
	
	p.textCaption {
	font-size: 18px;
	margin: 5px 0 0 0;
	}

	.slideCaption a.slideButton {
	padding: 6px 10px;
	font-size: 15px;
	line-height: 1.33;
	margin: 5px 0 0 0;
	}

	.slideCaption { bottom: 0; }

}

@media (max-width: 640px) {
	.item-video { height: 350px; }

	#carouselControlRight i, #carouselControlLeft i {
	width: 60px;
	height: 60px;
	margin-top: -30px;
	font-size: 60px;
	}
}

@media (max-width: 520px) {
	.slideCaption { bottom: 10%; }

	.slideCaption { padding: 0; }
}