/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 0px;
}

.item blockquote p:before {
    content: "";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}


.testwrapper .item blockquote .coverpart{background:#f6f6f6; 
-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	overflow:hidden;
	padding:40px 25px;
	}
.testwrapper .carousel-inner{padding-bottom:50px;}
.testwrapper .item blockquote p{font-family: 'Lato', sans-serif; font-size:14px; line-height:20px; color:#353747; padding-bottom:40px; text-align:justify;}
.testwrapper #quote-carousel .carousel-control{display:none;}
.testwrapper .item blockquote small{display:inline-block; font-family: 'Lato', sans-serif; font-size:18px; color:#313131; text-transform:none; padding:45px 0 0 0; font-weight:500;}
.testwrapper .item blockquote img{display:inline-block; float:right;}
.testwrapper .item blockquote small:before {
    content: "";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px; 
	color:#1ac6ff;
	font-size:50px; position:relative; top:-20px;
}
.testwrapper #quote-carousel .carousel-indicators{display:none;}
.testwrapper #quote-carousel{}
.quotewrap{width:877px; 
	background:#fff; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; display:inline-block; margin-bottom:30px;}

.testwrapper a{-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border:2px solid #14a5eb;
	text-align:center;
	font-family: 'Lato', sans-serif;
	color:#fff;
	line-height:40px; 
	display:inline-block;
	padding:0 20px; position: relative; vertical-align: middle;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  background:#14a5eb;
  /*outline: 2px solid;*/
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 0px;
  text-shadow: none;
  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 0px;
  
	}	

.textposition{text-align:left; width:877px; float:right;}



.testwrapper a:hover {
  border: 2px solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  outline-offset: 15px;
  outline-color: rgba(255, 255, 255, 0);
  text-shadow: 1px 1px 2px #427388;
}	
/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */


@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0px; 
	
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 991px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    .quotewrap{width:95%; margin:0 auto; display:block;}
	.textposition{float:right; width:100%;}
	.textposition a{margin-left:15px;}
	.testwrapper #quote-carousel{padding: 0px 20px 0 20px; margin-bottom:0px; text-align:center;}
	.testwrapper .item blockquote small{position:inherit; font-size:15px; bottom:0; padding:0 0 20px 0;}
	.testwrapper .item blockquote img{float:none; margin:0 auto;}
	
	
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}