/* Declare heights because of positioning of img element */

.carousel-indicators {
	bottom: -35px !important;
}
.carousel-indicators li{
	border: 1px solid #272727;
}

.carousel-indicators .active {
    background-color: #272727 !important;
}

.carousel-caption {
	background-color: #fff;
	text-shadow: none !important;
} 



.carousel .item {
  height: 350px;
  background-color:#fff;
}

@media screen and (max-width: 415px) {
  .carousel .item {
   height: 500px;
  background-color:#fff;
  }
 
  .carousel-caption {
  
    top: 170px !important;
	background-color: transparent !important;
}
}


.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}
 .h1_slider { 
 text-align:center;
color: #272727;
background-color: #fff;
font-size: 24px;
 line-height: 1.5em;
 letter-spacing: 0;
  font-weight: 400;
 font-family: 'Open Sans',Arial, sans-serif;
}

.carousel-buttons {
  z-index: 1100;
  position: absolute;
  width: 100%;
  color:#fff;
  bottom:1px;
}
.carousel-buttons > div {
  padding:20px;
  border:1px solid #fff;
}
.carousel-buttons a {
  color:#fff;
  display:block;
  line-height:50px;
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: auto !important;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #272727;
    text-align: center;
}