/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/


section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.quote {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

blockquote {
	color: #fff;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #fff;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
	color: blue;
	background-image: url(https://jonathanstevens.io/images/clients-pic/andrew.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

#fade-quote-carousel .profile-circle-2 {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
	color: blue;
	background-image: url(https://jonathanstevens.io/clients-pic/tanyalee.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

#fade-quote-carousel .profile-circle-3 {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
	color: blue;
	background-image: url(https://jonathanstevens.io/clients-pic/lenny.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

#fade-quote-carousel .profile-circle-4 {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
	color: blue;
	background-image: url(https://jonathanstevens.io/clients-pic/alisha.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

#fade-quote-carousel .profile-circle-5 {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
	color: blue;
	background-image: url(../taylor.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}

#fade-quote-carousel .profile-circle-6 {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
	color: blue;
	background-image: url(../vlad.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}