.hs-testimonial-slider {
    padding: 0 1em;
    position: relative
}

.hs-gallery .slick-slide {
    max-width: 100%;
    text-align: center
}

.hs-testimonial {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hs-testimonial.slick-slide {
    margin: 1em;
    padding: 0
}

@media only screen and (min-width:768px) {
    .hs-testimonial--top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .hs-testimonial--right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .hs-testimonial--left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .hs-testimonial--bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.hs-testimonial figure {
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:768px) {
    .hs-testimonial--right figure {
        flex: 1 0 auto;
        margin: 0 0 0 1.5em
    }

    .hs-testimonial--bottom figure {
        margin: 0 auto
    }

    .hs-testimonial--left figure {
        flex: 1 0 auto;
        margin: 0 1.5em 0 0
    }
}

.hs-testimonial blockquote {
    border: 1px solid #eee;
    border-radius: .2em;
    font-size: 1.3em;
    margin: 1em 0;
    padding: 2em;
    position: relative;
    -webkit-box-flex: 1;
    box-sizing: border-box;
    -ms-flex: 1 0 auto;
    flex: 1 2 auto;
    max-width: 100%
}

.hs-testimonial blockquote,
.hs-testimonial blockquote:before {
    background-color: #fff;
    -webkit-box-shadow: 0 .25em 2em -.5em rgba(29, 29, 31, .3);
    box-shadow: 0 .25em 2em -.5em rgba(29, 29, 31, .3)
}

.hs-testimonial blockquote:before {
    border-color: #eee #eee transparent transparent;
    border-style: solid;
    border-width: 1px;
    bottom: calc(100% - .5em - 1px);
    content: "";
    display: block;
    height: 1em;
    left: calc(50% - .5em);
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 1em
}

@media only screen and (min-width:768px) {
    .hs-testimonial blockquote:before {
        border: 1px solid transparent;
        bottom: auto;
        left: auto
    }

    .hs-testimonial--top blockquote:before {
        border-right-color: #eee;
        border-top-color: #eee;
        bottom: calc(100% - .5em - 1px);
        -webkit-box-shadow: 0 .25em 2em -.5em rgba(29, 29, 31, .3);
        box-shadow: 0 .25em 2em -.5em rgba(29, 29, 31, .3);
        left: calc(50% - .5em)
    }

    .hs-testimonial--right blockquote:before {
        border-bottom-color: #eee;
        border-right-color: #eee;
        bottom: calc(50% - .5em - 1px);
        left: calc(100% - .5em)
    }

    .hs-testimonial--bottom blockquote:before {
        border-bottom-color: #eee;
        border-left-color: #eee;
        left: calc(50% - .5em);
        top: calc(100% - .5em - 1px)
    }

    .hs-testimonial--left blockquote:before {
        border-left-color: #eee;
        border-top-color: #eee;
        bottom: calc(50% - .5em - 1px);
        right: calc(100% - .5em)
    }
}

.hs-testimonial footer {
    font-family: sans-serif;
    font-size: .7em
}

.hs-testimonial footer .name {
    font-weight: 700;
    margin-top: 1em
}

.hs-testimonial footer .title {
    font-style: italic;
    margin-top: .3em
}

.slick-loading .slick-list {
    background: #fff url(//design-assets.hubspot.com/hubfs/Slick%20Slider/ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(//design-assets.hubspot.com/hubfs/Slick%20Slider/slick.eot);
    src: url(//design-assets.hubspot.com/hubfs/Slick%20Slider/slick.eot) format("embedded-opentype"), url(//design-assets.hubspot.com/hubfs/Slick%20Slider/slick.woff) format("woff"), url(//design-assets.hubspot.com/hubfs/Slick%20Slider/slick.ttf) format("truetype"), url(//design-assets.hubspot.com/hubfs/Slick%20Slider/slick.svg) format("svg")
}

.slick-next,
.slick-prev {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    color: #000;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 5px;
    z-index: 1
}

[dir=rtl] .slick-prev {
    left: auto;
    right: 5px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: 5px
}

[dir=rtl] .slick-next {
    left: 5px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    color: #000;
    content: "•";
    font-family: slick;
    font-size: 10px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}