.easy-responsive-carousel a.button.pause,.easy-responsive-carousel a.button.pause {
  font-size:17px;
}

.easy-responsive-carousel {
  margin:auto;
  .title {
      margin:0 0 10px;
  }
  .carousel-control {
    background-image:none;
    .glyphicon {
      position: absolute;
      top: 50%;
      z-index: 5;
      display: inline-block;
    }
    &.left {
      span {
        left:.5em
      }
    }
    &.right {
      span {
        right:.3em
      }
    }
    &:focus {
      outline:none;
    }
  }
  .carousel-indicators {
    li {
      margin-right:1em;
      &:last-child {
        margin-right:0;
      }
    }
  }
  .carousel-inner {
    float:left;
    width:auto;
  }
  .item {
    float:left;
      img {
        width: 100%;
      }

      .content {
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        background-color:rgba(0,0,0,.5);
        padding:1.25em 2.5em;
      }

  }

  .controls {
    float:right;
  }
  .play {
    display:none;
  }
  a.button {
    cursor:pointer;
    font-weight:bold;
    color:#000;
    font-size:20px;
  }
}


.easy-responsive-carousel.fade {
  opacity: 1;
  .item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.7s;
    -o-transition: opacity ease-in-out 0.7s;
    -webkit-transition: opacity ease-in-out 0.7s;
    transition: opacity ease-in-out 0.7s;
    z-index: 2;
  }
  .carousel-inner {
    .item:first-child {
      top: auto;
      position: relative;
    }
  }
  .item {
    -moz-transition: opacity ease-in-out 0.7s;
    -o-transition: opacity ease-in-out 0.7s;
    -webkit-transition: opacity ease-in-out 0.7s;
    transition: opacity ease-in-out 0.7s;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    z-index: 1;
  }
}