#carousel-widget .widget-header {
  border: 0;
}
#carousel-widget .widget-header .headerText {
  color: #666;
}
@media only screen and (min-width: 992px), only screen and (min-width: 768px) and (max-width: 991px) {
  #carousel-widget .widget-header .headerText {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #carousel-widget .widget-header .headerText {
    font-size: 15px;
  }
}
#carousel-widget .carousel-inner {
  padding: 0;
}
#carousel-widget .widget-item {
  margin: 0;
  padding: 0;
}
#carousel-widget .widget-item .carousel-caption {
  background: #000;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  /*Safari 5.1-6*/
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  /*Opera 11.1-12*/
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  /*Fx 3.6-15*/
  background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  /*Standard*/
  left: 0px;
  bottom: 0px;
  padding: 10px;
  width: 100%;
  text-align: left;
}
#carousel-widget .widget-item .carousel-caption .titleText {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  #carousel-widget .widget-item .carousel-caption .titleText {
    font-size: 11px;
    line-height: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) {
  #carousel-widget .widget-item .carousel-caption .titleText {
    font-size: 13px;
    line-height: 17px;
  }
}
#carousel-widget .nav {
  background: #eee;
}
#carousel-widget .nav a small {
  display: block;
}
#carousel-widget .nav.nav-pills li a {
  border-radius: 0;
}
#carousel-widget .nav.nav-pills li.active a {
  background-color: #1d324e;
}