/* 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, .carousel .item, .imgShadow  {
  height: 882px;
  margin-bottom: 0px;
}
.carousel-caption {
  width: 50%;
  text-align: left;
  z-index: 10; /* Since positioning the image, we need to help out the caption */
  left: auto;
  right: auto;
}
.carousel-caption h1 {
  
  font-size: 72px;
  color: #fff;
  background: none;
}
.carousel-caption p {
  font-size: 26px;
}
.carousel-caption {
  bottom: auto;
  top:30%;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  background-color: #777;
  
}
.carousel-inner > .item {
}
.imgShadow{
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;

  background-color: rgba(0,0,0,0.4);
}
.carousel-control i {
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 40px;
}
.btnBanner {
  background: transparent;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'ProximaNovaSemiBold';
  font-weight: normal;
  letter-spacing: 1px ;
  border: 1px solid #fff;
  border-radius: 0px;
  text-decoration: underline;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.btnBanner:hover, .btnBanner:active, .btnBanner:focus, .btnBanner:active:hover, .btnBanner:active:focus   {
  border: 1px solid #fff;
  background: rgba(255,255,255, 0.2);
}
.carousel-control.left, .carousel-control.right {
  width: 10%;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
}