.carousel-control {
position: absolute;
bottom: 0;
left: 0;
width: 15%;
font-size: 50px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity: .5; padding-top:25%; padding-bottom:auto
}
.carousel-control.left,.carousel-control.right {
left: auto; background:none!important;
}
.carousel-inner > .item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 360px;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {position: absolute;top: 0;right: 0;left: 0;z-index: 20;}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
padding-right: 0;
padding-left: 0;}
.navbar-wrapper .navbar {padding-right: 15px;padding-left: 15px;}
.navbar-wrapper .navbar .container {
width: auto;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {height: 306px; margin-bottom: 60px;}
/* Since positioning the image, we need to help out the caption */
.carousel-caption { z-index: 10;}
/* Declare heights because of positioning of img element */
.carousel .item {height: 306px;background-color: #777;}
.carousel-inner > .item > img {position: absolute;top: 0;left: 0;min-width: 100%;height: auto}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {position: absolute;top: 0;right: 0;left: 0;z-index: 20;}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
padding-right: 0;
padding-left: 0;}
.navbar-wrapper .navbar {padding-right: 15px;padding-left: 15px;}
.navbar-wrapper .navbar .container {
width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel-caption h4{ color:#FFF;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px; text-transform:none}
.carousel {height: 360px;margin-bottom: 25px;}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {  z-index: 10; right: 0; background: url(../../images/bgslider.png) repeat; bottom: 0;  padding: 10px ;
left: 0; text-align:left; }
/* Declare heights because of positioning of img element */
.carousel .item {height: 360px;background-color: #777;}
.carousel-inner > .item > img {position: absolute;top: 0;left: 0;min-width: 100%;height: 100%;}


/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {margin-bottom: 20px;text-align: center;}
.marketing h2 {font-weight: normal;}
.marketing .col-lg-4 p {margin-right: 10px; margin-left: 10px;}

/* Featurettes
------------------------- */
.featurette-divider { margin: 80px 0; /* Space out the Bootstrap <hr> more */}
/* Thin out the marketing headings */
.featurette-heading {font-weight: 300;line-height: 1; letter-spacing: -1px;}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper { margin-top: 20px;}
  .navbar-wrapper .container {padding-right: 15px; padding-left: 15px;}
  .navbar-wrapper .navbar {padding-right: 0;padding-left: 0; }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar { border-radius: 4px; }
  /* Bump up size of carousel content */
  .carousel-caption p {font-size: 14px;line-height: 1.4; }
  .featurette-heading { font-size: 50px;}

}

@media (min-width: 992px) {
  .featurette-heading { margin-top: 120px; }
}