.carousel-control {
        position: absolute;
        top: 50%;
        left: 0;
        bottom: 50%;
        width: 1%;
        opacity: 0.5;
        filter: alpha(opacity=90);
        font-size: 40px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
        background-color: transparent;
      }

      .carousel-control.left {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        left:-50px;
      }

      .carousel-control.right {
        left: auto;
        right: 0;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        right:-50px;
      }

      .carousel-control:hover, .carousel-control:focus {
        outline: 0;
        color: #fff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
      }

      .carousel-control .icon-prev,
      .carousel-control .icon-next,
      .carousel-control .glyphicon-chevron-left,
      .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        z-index: 5;
        display: inline-block;
      }

      .carousel-control .icon-prev,
      .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
      }

      .carousel-control .icon-next,
      .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
      }

      .carousel-control .icon-prev,
      .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        line-height: 1;
        font-family: serif;
      }

      .carousel-control .icon-prev:before {
        content: '\2039';
      }

      .carousel-control .icon-next:before {
        content: '\203a';
      }

      .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        margin-left: -30%;
        padding-left: 0;
        list-style: none;
        text-align: center;
      }

      .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: transparent;
      }

      .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff;
      }

      .carousel-caption {
        position: absolute;
        left: 15%;
        right: 15%;
        bottom: 20px;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
      }

      .carousel-caption .btn {
        text-shadow: none;
      }