
.ts-authors { margin: 40px auto }
.ts-authors-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around }
.ts-author { cursor: pointer; margin: 10px; border: 0; background: 0; }
.ts-company-logo { width: 110px; height: 64px; line-height: 64px; margin:0 auto; text-align:center; overflow:hidden;}
.ts-author.active .ts-company-logo > img { filter:none; -webkit-filter:none; }

.ts-quotes { position: relative; margin-bottom: 80px }
.ts-slide { display: none; }
.ts-slide-wrapper { padding: 0 60px; }
.ts-slide-quote { font-size: 18px; font-weight: 400; line-height: 33px; margin-bottom: 40px; }
.ts-slide-signature { align-items: center; justify-content: center; display: inline-flex; flex-wrap: wrap; }
.ts-author-avatar { width: 80px; height: 80px; line-height:80px; margin:0 20px 0 0; }
.ts-author-avatar > img,
.ts-company-logo > img { max-width:100%; max-height:100%; vertical-align:middle; }
.ts-company-logo > img { filter:grayscale(); -webkit-filter:grayscale(); }

.ts-company-logo.landscape > img { max-height: 50%;}
.ts-signature-text { text-align: left; line-height: 1.5; font-size: 16px; }
.ts-signature-text>span { display: block }
.tst-name { font-weight: 600; font-size: 20px; }
.tst-company { font-weight: 600;  color: #1971c2 }

.ts-nav-container { position: relative; z-index: 2; }

.ts-prev,
.ts-next { position: absolute; z-index: 2; left: 0; top: 20%; padding: 0; border: 0 none; background: #1971C2; width: 48px; height: 48px; border-radius: 100%; overflow: hidden; }
.ts-next { left: auto; right: 0; }
.ts-prev span,
.ts-next span { border: 1px solid #fff; border-width: 0 2px 2px 0; display: block; padding: 4px;width: 10px; height: 10px; position: relative; text-indent: -9000px;}
.ts-prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); transition: all .15s ease-out; left: 21px }
.ts-next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: all .15s ease-out; left: 16px; }


/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media (max-width: 767px) {
  .ts-slide-quote {
    font-size: 14px;
    line-height: 24px;
  }

  .tst-name { font-size: 16px; }
  .ts-signature-text { font-size: 14px; }
}

{#
@media (max-width: 600px) {
  .ts-author {
    pointer-events: none;
    cursor: not-allowed;
  }
}
#}