/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carouselWrapper{
 position: relative;
 z-index: 1;
 border: solid 0px red;
 margin-top: 0px;
}


/* Carousel base class */
.carousel {
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 0px;
  border: solid 0px #ffffff;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  
  height: 180px;
  background-color: #777;
        -webkit-box-shadow: 0 14px 14px -14px rgba(0,0,0,0.8) inset;
           -moz-box-shadow: 0 14px 14px -14px rgba(0,0,0,0.8) inset;
                box-shadow: 0 14px 14px -14px rgba(0,0,0,0.8) inset;
}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {
    color: #fff;
    bottom: 0px;
    left: 0%;
    right: 0%;
    padding-bottom: 0px;
    padding-top: 0px;
    position: absolute;
    text-align: center;
    z-index: 10;
}

.carousel-caption .innerCaption{
  text-align: center;
  font-family: Lusitana, serif;
  font-size: 28px;
  line-height: 110%;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
  padding-top: 60px;
  padding-bottom: 30px;
  background: url(../images/CaptionBG.png) repeat-x;
  border: solid 0px #ffffff;
  border-radius: 0px;
  padding-left: 12%;
  padding-right: 12%;
}

.carousel-control {
    bottom: 0;
    color: #FFFFFF;
    font-size: 20px;
    left: 0;
    opacity: 0.7;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    top: 0;
    width: 7%;
    border: solid 0px red;
}

.carousel-control.left {
    background: none;
}

.carousel-control.right {
    background: none;
}

.carousel-inner > .item > .carousel-image {
    height: 100%;
    text-align: center;
    align: center;
}

.carousel-LinkAll{
	height: 100%;
	display: block;
}

/* ------------------------------------------------------------------------------- */
/* RESPONSIVE CSS  400 px (SM) --------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

@media (min-width: 400px) {

			.carousel {
				max-width: none;  /* max-width: 400px; */
				width: 100%;
				height: 240px;
  				border: solid 0px #ffffff;
			}

			.carousel .item {
				height: 240px;
			}
}

/* ------------------------------------------------------------------------------- */
/* RESPONSIVE CSS  500 px (SM) --------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

@media (min-width: 500px) {

			.carousel {
				max-width: none;  /* max-width: 500px; */
				width: 100%;
				height: 300px;
  				border: solid 0px #ffffff;
			}

			.carousel .item {
				height: 300px;
			}
}


/* ------------------------------------------------------------------------------- */
/* RESPONSIVE CSS  768 px (SM) --------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

@media (min-width: 768px) {

			.carousel {
				margin-top: 0px;
				max-width: none;  /* max-width: 750px; */
				width: 100%;
				height: 384px;
			}

			.carousel .item {
				height: 384px;
			}

		/* Bump up size of carousel content */
			.carousel-caption p {
				margin-bottom: 0px;
				font-size: 21px;
				line-height: 1.4;
			}
}

/* ------------------------------------------------------------------------------- */
/* RESPONSIVE CSS  992 px (SM) --------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
@media (min-width: 992px) {

			.carousel {
				max-width: none;  /* max-width: 970px; */
				width: 100%;
				height: 400px;
			}

			.carousel .item {
				height: 400px;
			}
}


/* ------------------------------------------------------------------------------- */
/* RESPONSIVE CSS  1200 px (SM) --------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
@media (min-width: 1200px) {

			.carousel {
				max-width: none;  /* max-width: 1170px; */
				width: 100%;
				height: 500px;
			}

			.carousel .item {
				height: 500px;
			}
}




.item:nth-child(1) {
    background:url(../images/Slider/Photo1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.item:nth-child(2) {
    background:url(../images/Slider/Photo2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.item:nth-child(3) {
    background:url(../images/Slider/Photo3.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.item:nth-child(4) {
    background:url(../images/Slider/Photo4.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}