.quot { margin: 1em }
.quot .box {
    background-color: #F5F5F5;
    padding: 30px 30px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
}
.quot blockquote { margin: auto }

.quot .details * {
  display: block;
  font-size: 13px;
}
.quot .details .co { color: #B5B5B5 }

.quot .box .fa {
    font-size: 18px;
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.quot .img { text-align: center }
.quot .img:before {
    content: "";
    display: block;
    width: 0;
    border-left: 20px solid #0000;
    border-right: 20px solid #0000;
    border-top: 20px solid #1D76BB;
    position: relative;
  left:48%;
  height:0.7em;
}
.quot .img img {
    border-radius: 50%;
    max-width: 150px !important;
    max-height: 150px !important;
    margin-top: -10px;
    border: 5px solid #f5f5f5;
}
.quot[class*="side"] { display: inline-flex }
.quot.left-side { flex-direction: row-reverse }
.quot[class*="side"] .box { margin: 2em 1em }
.quot[class*="side"] .img:before {
  border-bottom: 20px solid #0000;
  border-top: 20px solid #0000;
  height: auto;
  top: 50%;
}
.quot.right-side .img:before {
  border-left: 20px solid #1D76BB;
  right: 10%;
  left: auto;
}
.quot.left-side .img:before {
  border-right: 20px solid #1D76BB;
  left: 86%;
}
@media(max-width:768px) {.quot .img { display:none }}
/*blockquote  border: none;
    padding: 0;
    font-size: 16px;
    color: #666666;*/
/*.details { font-size: 13px }  */
/*.img-rounded { border-radius: 6px }*/
/*    margin-bottom: 30px;
.quote .box:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid hotpink;
    position: absolute;
    bottom: -20px;
    margin-left: -20px;
    left: 50%;
    /*left: 50%;    top: -30px;
}*/
/*.quot .details .name {
  display: block;
  font-family: 'Montserrat', sans-serif;
}
.quot .details .title {
    display: block;
    color: #b3b3b3;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 13px;
}*/