﻿.testimonials-section {
    background-image: url(../png/blue.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-size: cover;
    color: #fff;
    text-align: center;
    height: 581px;
    padding-top:0;
}

.testimonials-slideshow {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.testimonials-section .container {
    max-width: 1300px;
    padding-top: 80px;
}

.testimonials-slideshow {
    position: relative;
}

    .testimonials-slideshow .slick-slide:focus {
        outline: none;
    }

.testimonial {
    text-align: center;
    border: 0;
    margin: 0;
    padding: 0;
}

.testimonials-slideshow .slide .read-more {
    font-size: 15px;
    line-height: 25px;
    color: #009ED3;
    letter-spacing: -0.15px;
    position: absolute;
    font-weight:500;
    bottom: 20px;
}

.testimonial q {
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    font-style: italic;
    padding: 40px 105px 45px;
    quotes: none;
}

    .testimonial q:before,
    .testimonial q:after {
        color: #e1e1e1;
        font: 700 200px/204px 'BrandonGrotesque', sans-serif;
        position: absolute;
        z-index: 20;
    }

    .testimonial q:before {
        content: '';
        top: 0;
        left: 0;
        margin: -10px 0 0 -3px;
        background-image: url(../png/testemonials-item.png);
        width: 111px;
        height: 77px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .testimonial q b {
        font-weight: 300;
        color: #fff;
    }

.testimonial cite {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
}

    .testimonial cite .photo {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0 auto 23px;
        width: 100px;
        height: 100px;
        border-radius: 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }

        .testimonial cite .photo > img {
            display: none;
        }

    .testimonial cite span {
        display: block;
    }

    .testimonial cite strong {
        font-weight: 600;
    }

.testimonials-slideshow .slick-dots {
    padding: 0;
    margin-top: 40px;
}

.testemonial-wrapper .slider__item {
    position: relative;
    margin-bottom: 8px;
    margin-top: 20px;
}

.testemonial-wrapper {
    padding: 20px;
    display: inline-block;
    width: 316px;
    height: 294px;
    background-color: #00386D;
    position: relative;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    border-color: #00386D;
    border-radius: 4px;
    border: 1px solid #00386D;
}

    .testemonial-wrapper .top {
        width: 100%;
        font-size: 13px;
        color: rgba(255, 255, 255, 0.4);
        font-size: 13px;
        line-height: 16px;
    }

        .testemonial-wrapper .top img {
            display: inline;
            margin-right: 14px;
            margin-bottom: 10px;
            width: 36px;
        }

    .testemonial-wrapper .js-video-btn {
        display: inline;
        background: rgba(0, 0, 0, 0.5);
        height: 44px;
        width: 44px;
        position: absolute;
        top: 0;
        left: 0px;
        right: 0;
        bottom: 0;
        margin: auto;
        border-width: 0;
        border-radius: 50%;
    }

        .testemonial-wrapper .js-video-btn:hover {
            background: rgba(0, 0, 0, 0.7);
        }


        .testemonial-wrapper .js-video-btn i::after {
            content: '';
            display: inline-block;
            position: relative;
            top: 1px;
            left: 3px;
            border-style: solid;
            border-width: 6px 0 6px 12px;
            border-color: transparent transparent transparent white;
        }
@media (max-width: 580px) {
   .testemonial-wrapper {
        margin: 0 1.5%;
        width: auto;
    }
  
    .testimonials-section h2
   {
        padding-left: 30px;
        padding-right: 30px;
    }
}