/* Carousel */
.carousel-inner {height: 100%;}
.carousel-inner img {max-height: 225px;}
#myCarousel a {padding: 0;}
#carousel-nav {margin-top: -50px; width: 25px;}
#carousel-nav .down {border-top: 1px solid #fff;}
.carousel-control {position: relative; display: block; width: 25px; height: 25px; padding: 0 4px !important; background-color: #40c6f2; opacity: 1; filter: alpha(opacity=100);}
.carousel-control img {width: 18px; margin-bottom: 5px; margin-right: 0 !important;}
.carousel-caption {position: static; width: 100%; height: 50px; margin: 0; padding: 5px 10px 5px 37px !important; bottom: 0; text-align: left; background-color: #2d3742; text-shadow: none; overflow-y: hidden !important;}
.carousel-caption p {line-height: 1.3em; height: 45px; border: none !important; color: #fff !important; font-size: 16px; overflow-y: hidden !important;}
.carousel-caption p a {color: #fff;}


/* Elevator Carousel */
#myCarousel.elevator {width: 100% !important; height: auto !important; max-width: 750px; /*height: 305px;*/ margin: 0 0 15px 0; padding: 0;}
.elevator-inner img {max-height: 305px;}
.elevator .carousel-caption {height: 60px !important; padding: 10px 20px 0 45px !important;}
.elevator .carousel-control {height: 30px !important; width: 30px;}
.elevator .carousel-control img {width: 20px; margin-bottom: 0;}
.elevator #carousel-nav {margin-top: -60px;}
.elevator .carousel-indicators {width: 15px; left: 98%; bottom: -5px; margin-left: 0;}
.elevator .carousel-indicators .active {margin: 1px; background-color: #40c6f2; border-color: #40c6f2;}
.elevator .carousel-indicators li {display: block; width: 0.5em; height: 0.5em;}
.elevator .carousel-indicators li .active {display: block; width: 0.5em; height: 0.5em;}

/* Carousel Fade Effect */
.carousel-fade .carousel-inner .item {-webkit-transition: opacity .45s; -moz-transition: opacity .45s; -o-transition: opacity .45s; transition: opacity .45s;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 2;}
.carousel-fade .carousel-inner .next {left: 0; opacity: 1; z-index: 1;}
.carousel-control {z-index: 2;}

@media (max-width: 640px){
	#myCarousel { width: 600px !important; height: 508px; margin-top: 0; margin-bottom: 0; }	
	#components-home #myCarousel.row { margin-left:20px; }
	#myCarousel div div img {width: 600px; height: 426px;}	
	#myCarousel.elevator {width: 640px !important; margin: 0 -15px 20px 0;}
	#myCarousel.elevator div div img {width: 640px;/* height: 262px;*/}
	.carousel-inner img {max-height: 426px;}
	.elevator-inner img {max-height: 262px;}	
	.elevator .carousel-control {width: 80px; height: 80px !important;}
	.elevator .carousel-caption {width: 560px; height: 162px !important; margin-left: 80px; padding: 25px 20px !important;}
	.elevator .carousel-caption p {height: 100%; font-size: 28px !important;}
	.elevator .carousel-indicators {display: none;}
	.elevator .carousel-control img {width: 50px; margin-top: 24px;}
	.carousel-control {width: 40px; height: 40px;}
	.carousel-control img {width: 28px; margin: 11px 0 0 0;}
	#carousel-nav {width: 40px; margin-top: -82px; background-color: #fff;}
	.elevator #carousel-nav {margin-top: -162px;}
	#carousel-nav .down {border: 0; margin-top: 2px;}
	.carousel-caption {height: 82px; margin: 0 0 0 40px; padding-left: 20px !important;}
	.carousel-caption p {height: 100%; font-size: 29px !important; line-height: 36px; overflow: hidden !important;}
	
}