.animate[data-animation="slideup"] {
    -webkit-animation: 1.5s ease 0s normal forwards 1 slideup;
    -moz-animation: 1.5s ease 0s normal forwards 1 slideup;
    -ms-transform: 1.5s ease 0s normal forwards 1 slideup;
    -o-animation: 1.5s ease 0s normal forwards 1 slideup;
    animation: 1.5s ease 0s normal forwards 1 slideup
}
.animate[data-animation="appear"] {
    -webkit-animation: 1.5s ease 0s normal forwards 1 appear;
    -moz-animation: 1.5s ease 0s normal forwards 1 appear;
    -ms-transform: 1.5s ease 0s normal forwards 1 appear;
    -o-animation: 1.5s ease 0s normal forwards 1 appear;
    animation: 1.5s ease 0s normal forwards 1 appear
}
@keyframes slideup {
    0% {
      opacity: 0;
      -moz-transform: translateY(50px);
      -o-transform: translateY(50px);
      -ms-transform: translateY(50px);
      -webkit-transform: translateY(50px);
      transform: translateY(50px)
    }
    100% {
      opacity: 1;
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0)
    }
}
@keyframes appear {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.client-quotes {
    color: #fff;
    margin-bottom: 2px;
}
.client-quotes__logo {
    filter: gray;
    /* IE6-9 */
    -webkit-filter: brightness(0) invert(1);
    /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: brightness(0) invert(1);
    /* Microsoft Edge and Firefox 35+ */
    transition: all 500ms;
}
.client-quotes__cta {
    color: #fff;
    font-weight: 300;
    text-decoration: underline;
}
.client-quotes__cta:hover, .client-quotes__cta:active {
    color: #77bd22;
}
.client-quotes .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.client-quotes .slick-dots {
    margin-left: -1rem;
    top: 0.3rem;
    bottom: auto;
}
.client-quotes .slick-dots li button {
    width: 1.5rem;
    height: 1.5rem;
}
.client-quotes .slick-dots li button:before {
    opacity: 1;
    color: #fff;
    font-size: 0.5rem;
}
.client-quotes .slick-dots li.slick-active button:before {
    color: #77bd22;
}

/** ANIMATION **/