@charset "utf-8";
/* Testimonials CSS Document */
#clienttestiminials { width:100%; margin:0; }
.testimonials-item { position:relative; text-align:center;}
.testi-inner { position:relative;}
.testi-thumb { position:relative; width:110px; height:110px; margin:0 auto;}
.testi-thumb img { width:100%; height:auto; display:block; border-radius:50%; border:5px solid #396cf0;}
.testi-quotes { position:absolute; right:0; top:0; font-size:15px; width:35px; height:35px; line-height:35px; color:#ffffff; background-color:#396cf0; text-align:center; z-index:9; border-radius:50%;}

.testi-content { position:relative; background-color:rgba(0, 0, 0, 0.5); color:#ffffff; padding:35px 20px; margin-top:30px;}
.testi-content:before { content:''; position:absolute; left:50%; bottom:100%; width:0; height:0; border-bottom:10px solid rgba(0,0,0,0.5); border-left:10px solid transparent; border-right:10px solid transparent; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.testi-stars { position:relative; display:block; line-height:20px; font-weight:700; margin-bottom:10px; text-transform:uppercase;}
.testi-stars .spanrating { color:#ffb300; font-size:17px; letter-spacing:7px; display:block; text-align:center;}
.testi-content p { position:relative; color:#ffffff; padding-bottom:20px;}
.testi-content p:before { content:''; position:absolute; left:0; right:0; bottom:0; width:50px; height:5px; margin:0 auto; background-color:#396cf0;}
.testi-content h5 { text-transform:uppercase; margin-bottom:5px; font-size:20px;}
.testi-content h5 a { color:#ffffff;}
.testi-content span.testi-desig { font-size:16px; color:#396cf0; font-weight:500; display:block;}

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px; }
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden; }
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%; }
.tmnllisting .tmnlcont{ overflow:hidden; }
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase; }

#testimonials-widget h6{ margin-bottom:5px; text-transform:capitalize; }
#testimonials-widget p{ margin-bottom:15px; }