.carousel_section{
    background: linear-gradient(rgba(50,50,50,0.3), rgba(50,50,50,0.3)),
    url("/website_clients_carousel_snippet/static/src/img/client.jpg");
    height: 320px;
    background-size: 100% 100%;
}
.carousel_section h2,.carousel_section p{
    color: #fff;
}
.carousel_section small{
    color: #666;
}
.carousel_section #quote-carousel
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}
/* Control buttons  */
.carousel_section .carousel-control {
  background: none !important;
  color: #ef4035 !important;
  font-size: 2.3em !important;
  text-shadow: none !important;
  margin-top: 30px !important;
}

.carousel_section .carousel .carousel-control.left *,
.carousel_section .carousel .carousel-control.right *{
    top: 10%!important;
}
/* Previous button  */
.carousel_section #quote-carousel .carousel-control.left {
  left: -25px !important;
}
/* Next button  */
.carousel_section #quote-carousel .carousel-control.right {
  right: -35px !important;
}
/* Changes the position of the indicators */
.carousel_section #quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: -15px !important;
  margin-right: -19px;
}
/* Changes the color of the indicators */
.carousel_section #quote-carousel .carousel-indicators li {
  background: #fff;
}
.carousel_section #quote-carousel .carousel-indicators .active {
  background: #ef4035;
}
.carousel_section #quote-carousel img {
  width: 250px;
  height: 100px
}
/* End carousel */
.carousel_section .item blockquote {
    border-left: none; 
    margin: 0;
}
.carousel_section .item blockquote img {
    margin-bottom: 10px;
}
.carousel_section .item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.carousel_section .carousel-inner {
    width: 93%;
    padding-left: 3%;
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {
    .carousel_section #quote-carousel .carousel-indicators {
        bottom: -15px !important;  
    }
    .carousel_section #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    .carousel_section #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
    .carousel_section{
        height: auto;
    }
    .carousel_section .carousel, .parallax, .blockquote {
        overflow: visible;
    }
}
@media (min-width: 768px) {
    .carousel_section #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }
    .carousel_section .carousel-indicators {
        bottom: -15px !important;
    }
}