.slider-before span {
    z-index: 2;
}

.slider-responses {
    /* height: 255px; */
    margin: 0;
    font-size: 14px;
    overflow: hidden;
    -webkit-transition: margin 0.5s;
    transition: margin 0.5s;
    text-align: left;
}
.lined {
    text-align: left;
}
.slider-responses .item {
    padding: 30px 60px;
}

.slider-responses .photo {
    float: left;
    width: 159px;
    height: 159px;
    padding-top: 7px;
}

.slider-responses .photo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    border-radius: 100%;
}

.slider-responses .text {
    margin-left: 220px;
}

.slider-responses .text p {
    margin: 0;
}

.slider-responses .text a {
    color: inherit;
    font-style: italic;
    text-decoration: underline;
}

.slider-responses .text .sign {
    margin-top: 1.3em;
    font-style: italic;
}

.slider-responses .slick-prev,
.slider-responses .slick-next {
    position: absolute;
    left: 23px;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -8px;
    padding: 0;
    background: none;
    border: none;
    border-right: 10px solid #ffffff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    text-indent: -999999px;
}

.slider-responses .slick-next {
    left: auto;
    right: 23px;
    border-right: none;
    border-left: 10px solid #ffffff;
}

.slider-responses .slick-prev:after {
    content: '';
    position: absolute;
    left: 3px;
    top: -7px;
    width: 0;
    height: 0;
    border-right: 9px solid #eaece1;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.slider-responses .slick-next:after {
    content: '';
    position: absolute;
    right: 3px;
    top: -7px;
    width: 0;
    height: 0;
    border-left: 9px solid #b5c78b;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.head-responses {
    background: #f9fafe;
    margin-bottom: 20px;
}

.head {
    margin-bottom: -15px;
}

.slider-responses-blue .slick-prev:after {
    border-right-color: #dcf1f5;
}

.slider-responses-blue .slick-next:after {
    border-left-color: #77bdcd;
}

.slider-responses-green {
    color: #ffffff;
    background: url(img/green/responses-bg.jpg) left bottom no-repeat;
    background-size: cover;
}

.slider-responses-green .slick-prev:after {
    border-right-color: #637941;
}

.slider-responses-green .slick-next:after {
    border-left-color: #637941;
}

.slider-responses-transparent {
    margin-top: -71px;
    padding-top: 25px;
}

.slider-responses-transparent .slick-next {
    border-left-color: #c3c3c3;
}

.slider-responses-transparent .slick-next:after {
    border-left-color: #ffffff;
}

.slider-responses-transparent .slick-prev {
    border-right-color: #c3c3c3;
}

.slider-responses-transparent .slick-prev:after {
    border-right-color: #ffffff;
}

@media (max-width: 1023px) {

    .slider-responses {
        background-position: right top;
    }

    .slider-responses .item {
        padding: 10px;
    }

    .slider-responses .photo {
        float: none;
        margin: 0 auto 1em;
    }

    .slider-responses .text {
        margin-left: 0;
    }

    .slider-responses .slick-prev,
    .slider-responses .slick-next {
        top: 100px;
    }

    .slider-responses .slick-prev:after {
        border-right-color: #3496B9;
    }

    .slider-responses .slick-next:after {
        border-left-color: #3999BF;
    }

    .slider-responses-green .slick-prev:after {
        border-right-color: #3E5C1C;
    }

    .slider-responses-green .slick-next:after {
        border-left-color: #7B8B5C;
    }

}