/*breaks*/
.quote.gray-background {
  position: relative;
  padding-top: 0; }
  .quote.gray-background:after {
    background: #F8F8F8;
    content: '';
    position: absolute;
    top: 32px;
    width: 100%;
    min-height: 488px;
    z-index: -2; }
.quote.story {
  margin-bottom: 64px;
  margin: 64px 0 calc(64px + 48px) 0 !important;
  /* */ }
  @media (max-width: 960px) {
    .quote.story {
      margin-bottom: 96px !important; } }
.quote > a {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-flow: row wrap; }
.quote--image {
  grid-column: 1 / 5; }
  .quote--image img {
    border-radius: 16px;
    width: 100%;
    height: 100%;
    max-height: 352px;
    max-width: 352px;
    object-fit: cover; }
  @media (max-width: 960px) {
    .quote--image {
      grid-column: 1/3;
      margin: 0; }
      .quote--image img {
        width: 252px;
        height: 252px; } }
  @media (max-width: 704px) {
    .quote--image {
      grid-column: 1/3;
      margin: 0; } }
.quote--button {
  margin-top: 24px;
  color: #57585A;
  font-family: Lato;
  font-size: 16px;
  line-height: 24px; }
.quote--link {
  color: #57585A !important;
  font-family: Lato;
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px; }
.quote--content {
  grid-column: 5 / 13;
  color: #57585A;
  font-family: Lato;
  display: flex;
  flex-flow: column wrap;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 16px 96px -16px rgba(0, 0, 0, 0.14);
  margin-left: -88px;
  align-self: flex-end;
  margin-bottom: -48px;
  padding: 32px;
  position: relative; }
  @media (max-width: 960px) {
    .quote--content {
      grid-column: 3/7;
      margin-left: -64px;
      margin-top: 96px;
      padding: 24px; } }
  @media (max-width: 704px) {
    .quote--content {
      grid-column: 1/3;
      margin: -48px 0 0 32px;
      font-size: 16px;
      line-height: 24px;
      padding: 24px; } }
  .quote--content a {
    text-decoration: none;
    color: #5fc6ca; }
  .quote--content figure {
    margin-bottom: 24px;
    display: flex; }
    .quote--content figure img {
      max-height: 32px; }
    @media (max-width: 960px) {
      .quote--content figure {
        margin-bottom: 8px; } }
  .quote--content div {
    color: #57585A;
    font-family: Lato;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 16px; }
.quote--cite {
  color: #B1B2B3;
  font-family: Lato;
  font-size: 14px;
  line-height: 26px;
  text-transform: uppercase;
  z-index: 9; }
  .quote--cite a,
  .quote--cite strong {
    text-transform: uppercase; }
.quote .garnish {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  z-index: unset;
  width: 100%;
  height: auto; }
  .quote .garnish.var2 {
    z-index: -1;
    bottom: 0; }
    .quote .garnish.var2 .semicircle {
      right: -101px;
      bottom: -86px; }
  .quote .garnish.var3 {
    z-index: 1;
    bottom: 0; }
    .quote .garnish.var3 .open_donut {
      right: 20px;
      top: -200px; }
    .quote .garnish.var3 .wave {
      right: auto;
      left: -71px;
      opacity: 1;
      top: auto;
      bottom: 30px;
      transform: scaleX(-1) rotate(25deg); }
  .quote .garnish.var4 {
    z-index: 1;
    bottom: 0; }
    .quote .garnish.var4 .open_donut {
      right: 40px;
      bottom: -120px; }
  .quote .garnish.var5 {
    z-index: 1;
    bottom: 0; }
    .quote .garnish.var5 .wave {
      right: 0;
      top: auto;
      bottom: -55px; }
  .quote .garnish div {
    position: absolute; }
  .quote .garnish .dots {
    z-index: -1;
    left: -32px;
    top: 48px;
    overflow: hidden;
    display: none; }
  .quote .garnish .wave {
    z-index: 4;
    right: 40px;
    top: -24px; }
    @media (max-width: 704px) {
      .quote .garnish .wave {
        right: 6px; } }

/*# sourceMappingURL=testimonial.css.map */