/* Carousel */

#quote-carousel {
    padding:0 10px 30px 10px;
    margin-top:0px;
    /* Control buttons */
    /* Previous button */
    /* Next button */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {

}
#quote-carousel .carousel-control.left {
    left:0px;
}
#quote-carousel .carousel-control.right {
    right:0px;
}
#quote-carousel .carousel-indicators {
    right:50%;
    top:auto;
    bottom:0px;
    margin-right:-19px;
}
#quote-carousel .carousel-indicators li {
    width:50px;
    height:50px;
    margin:5px;
    cursor:pointer;
    border:0;
    border-radius:50px;
    opacity:0.4;
    overflow:hidden;
    transition:all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background-color:#8B1626;
    width:120px;
    height:120px;
    border-radius:100px;
    border-color:#f33;
    opacity:1;
    overflow:hidden;
}
.carousel-inner {
   min-height:100px;
}
.item blockquote {
    border-left:none;
    margin:0;
    font-size:28px;
    line-height:1.2;
    padding:0;
    font-weight:300;
    color:#ffffff;
}
.item blockquote p:before {
      /* content:"\f10d";
 font-family:'Fontawesome';
	color:#8B1626; font-size:1px; min-height:64px;
    float:none; display:block; background-image:url(../images/quote_before.png); background-position:center; background-repeat:no-repeat;
    */
}
    .quotes {display: none;}
	
@media only screen and (max-width:960px) {	
	.item blockquote {
    font-size:24px;
}
}
@media only screen and (max-width:768px) {
 
    #quote-carousel .carousel-indicators .active {
        width:80px;
        height:80px;
    }
    #quote-carousel {
        padding:0 10px 10px 10px;
        margin-top: 30px;
    }
		.item blockquote {
    font-size:21px;
}
}