/*
==================================================================================================
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; }

#container-carousel.carouselFull { width: 100%; padding: 0; }

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

#container-carousel.container-block { margin-top: 30px; }
#container-carousel.container-page { padding: 0; }

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

.item {
height: auto;
}

.slideHover { cursor: pointer; }

#containerCarousel .owl-carousel .owl-item img { height: 100%; }
#carouselGlobalContainer { background: #fff; z-index: 999999; }
/*
==================================================================================================
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: 400;
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;
}

/*
==================================================================================================
MOBILE DISPLAY
==================================================================================================
*/

.carouselInfoPhone { padding: 15px; z-index: 9999; }
.captionContainer { position: relative; }

/*
==================================================================================================
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: 992px) {

/*	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 { display: none; }
	
	/*#containerCarousel .owl-theme .owl-controls { display: none; }*/
	#containerCarousel .owl-theme .owl-controls { top: 0px; right: 5px; bottom: auto; z-index: 1; }
	#containerCarousel .owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; }

/*	#carouselControlRight i, #carouselControlLeft i {
	width: 40px;
	height: 40px;
	margin-top: -10px;
	font-size: 40px;
	}*/

	/*#carouselControlRight, #carouselControlLeft {*/
	/*height: 80px;*/
	/*font-size: 40px;*/
	/*top: 40%;
	bottom: 60%;*/
/*	vertical-align: middle;
	}
*/
	#carouselControlRight i, #carouselControlLeft i { display: none; }
	#containerCarousel .progressBar { display: none !important; }

}

@media (max-width: 640px) {
	.item-video { height: 350px; }	
	#containerCarousel .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; }

}

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

	.slideCaption { padding: 0; }


}