@charset "utf-8";
/* CSS Document */

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  background-color:rgba(0,0,0,0.3);
}
/* Declare heights because of positioning of img element */
.carousel .item {overflow:hidden;}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	max-height: 100%;  
	max-width: 100%; 
	position: absolute;  
	top: 0;  
	bottom: 0;  
	left: 0;  
	right: 0;  
	margin: auto;
}

/* Carousel controls */
.left.carousel-control, .right.carousel-control  {background:none;}
.carousel-control .fa-chevron-circle-left,.carousel-control .fa-chevron-circle-right{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-37px}
.carousel-control .fa-chevron-circle-left {left:50%;margin-left:-37px}
.carousel-control .fa-chevron-circle-right {right:50%;margin-right:-37px}
.carousel-inner .item h1 {margin-top:0;}

@media (min-width:992px) {
	.carousel {margin-bottom:50px;}
	.carousel .item {height:600px;}
}

@media (min-width:768px) and (max-width:991px) {
	.carousel {margin-bottom:45px;}
	.carousel, .carousel .item {height:525px;}
	.carousel-control .fa-chevron-circle-left,.carousel-control .fa-chevron-circle-right {margin-top:-40px}
	.carousel-control .fa-chevron-circle-left {margin-left:-40px}
	.carousel-control .fa-chevron-circle-right {margin-right:-40px}
}

@media (min-width:480px) and (max-width:767px) {
	.carousel {margin-bottom:30px;}
	.carousel, .carousel .item {height:400px;}
	.carousel-caption h1 {font-size:24px; margin-top:0; padding-top:0}
	.carousel-caption p {font-size:18px; margin:0;}
	.carousel-control .fa-chevron-circle-left,.carousel-control .fa-chevron-circle-right {font-size:48px; margin-top:-22px}
	.carousel-control .fa-chevron-circle-left {margin-left:-22px}
	.carousel-control .fa-chevron-circle-right {margin-right:-22px}
}

@media (max-width:479px) {
	.carousel {margin-bottom:0;}
	.carousel, .carousel .item {height:300px;}
	.carousel-caption {bottom:0; padding:0; margin:0; width:100%; left:0;}
	.carousel-caption h1 {font-size:21px; margin-top:0; padding-top:0}
	.carousel-caption p {font-size:16px; margin:0;}
	.carousel-control .fa-chevron-circle-left,.carousel-control .fa-chevron-circle-right {font-size:48px; margin-top:-24px}
	.carousel-control .fa-chevron-circle-left {margin-left:-24px}
	.carousel-control .fa-chevron-circle-right {margin-right:-24px}
	.carousel-indicators {display:none;}
}