.transition {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease; }

.quotes {
  background: #00C7B1;
  color: #FFFFFF;
  position: relative; }
  .quotes .backgrounds {
    position: absolute;
    top: -15rem;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: visible;
    overflow-x: hidden;
    pointer-events: none; }
  .quotes .background-shadow {
    background: purple;
    -webkit-filter: drop-shadow(0 51px 80px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0 51px 80px rgba(0, 0, 0, 0.25)); }
  .quotes .background-large {
    position: absolute;
    top: 12rem;
    left: -6rem;
    display: none; }
    @media (min-width: 55em) {
      .quotes .background-large {
        display: block; } }
    @media (min-width: 75em) {
      .quotes .background-large {
        left: -2rem; } }
    .quotes .background-large.white {
      background-color: #FFFFFF; }
    .quotes .background-large.gray {
      background-color: #2D2A26; }
    .quotes .background-large.teal {
      background-color: #00C7B1; }
  .quotes .quotes-content {
    text-align: left;
    z-index: 2;
    position: relative; }
    @media (min-width: 55em) {
      .quotes .quotes-content {
        text-align: center; } }
  .quotes .quotes-in {
    padding: 4rem 0 0; }
    @media (min-width: 55em) {
      .quotes .quotes-in {
        padding: 6rem 0 2rem; } }
  @media (max-width: 55em) {
    .quotes .slick-prev,
    .quotes .slick-next {
      -webkit-transform: scale(0.75);
      transform: scale(0.75);
      bottom: 4rem;
      top: auto;
      z-index: 1; }
    .quotes .slick-prev {
      -webkit-transform-origin: center right;
      transform-origin: center right;
      -webkit-transform: rotate(180deg) scale(0.75);
      transform: rotate(180deg) scale(0.75);
      right: calc(50% + 1.5rem);
      left: auto; }
    .quotes .slick-next {
      -webkit-transform-origin: center left;
      transform-origin: center left;
      left: calc(50% + 1.5rem);
      right: auto; } }
  @media (min-width: 55em) {
    .quotes .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .quotes .slick-track .slick-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 0.5;
        -webkit-transition: opacity 200ms ease;
        transition: opacity 200ms ease; }
        .quotes .slick-track .slick-slide.slick-active {
          opacity: 1; }
        .quotes .slick-track .slick-slide > div {
          height: 100%; }
          .quotes .slick-track .slick-slide > div .quote-slide {
            height: 100%; }
            .quotes .slick-track .slick-slide > div .quote-slide .quote-box {
              height: 100%; }
    .quotes .quote-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
      .quotes .quote-top .name {
        margin: 0; } }
  .quotes .quote-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
    max-width: 64px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 3px solid #00C7B1; }
  .quotes .quotes-scroller {
    padding-bottom: 6rem;
    padding-top: 2rem; }
  .quotes .quote-slide {
    padding: 0 2rem 1.5rem; }
    @media (min-width: 55em) {
      .quotes .quote-slide {
        padding: 0 0.5rem 1.5rem;
        width: 560px !important;
        max-width: 560px; } }
  .quotes .quote-box {
    text-align: left; }
    @media (min-width: 55em) {
      .quotes .quote-box {
        background: #2D2A26;
        padding: 2rem 2rem 1rem;
        border-radius: 10px; } }
  @media (max-width: 55em) {
    .quotes .stat {
      padding-top: 4rem; } }
  .quotes.green-back .quote-box {
    color: #2D2A26; }
    .quotes.green-back .quote-box .name {
      color: #FFFFFF; }
    @media (min-width: 55em) {
      .quotes.green-back .quote-box {
        background: #2D2A26;
        color: #FFFFFF; } }
  .quotes.dark-back {
    background: #2D2A26; }
    @media (max-width: 55em) {
      .quotes.dark-back .name {
        color: #00C7B1; } }
    @media (min-width: 55em) {
      .quotes.dark-back .quote-box {
        background: #F9F9F9;
        color: #2D2A26; } }
    @media (min-width: 55em) {
      .quotes.dark-back.green-boxes .quote-box {
        background: #00C7B1;
        color: #FFFFFF; } }

/*# sourceMappingURL=maps/quotes.css.map */