/* Testimonial Slider 12
-------------------------------------------------- */

.ts-dodeca {
    padding: 0 8% 50px;
    position: relative;
    background: #fff;
    box-shadow: 0 1px 28px -3px rgba(0, 0, 0, 0.16);
}

.ts-dodeca:before,
.ts-dodeca:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    right: -30px;
    top: -30px;
    border: 8px solid #437df9;
    background: transparent;
}

.ts-dodeca:after {
    z-index: 2;
    right: 0;
    top: 0;
    border: 38px solid #fff;
    background: transparent;
}

.ts-dodeca .testimonial {
    background: #fff;
    padding: 50px 30px 5px;
}

.ts-dodeca .testimonial-brand img {
    left: 50%;
    border: none !important;
    box-shadow: none;
}

.ts-dodeca .testimonial-title {
    font-size: 19px;
    font-style: normal;
    margin-top: 15px;
    margin-bottom: 10px;
}

.ts-dodeca .testimonial-sub-title {
    font-size: 15px;
    color: #1d1d1b;
}

.ts-dodeca .testimonial-content {
    font-size: 23px;
    color: #1d1d1b;
    margin: 0 0 35px 0;
}

.ts-dodeca .testimonial-content p {
    color: #1d1d1b !important;
}

.ts-dodeca .owl-dots .owl-dot {
    background: #1d1d1b;
    width: 16px;
    height: 16px;
    border: solid 4px #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
}

.ts-dodeca .testimonial-brand img {
    left: 50%;
    transform: translateX(-50%);
}

.ts-dodeca .owl-dots .owl-dot.active {
    background: transparent !important;
    border-color: #437df9;
}

.ts-dodeca .owl-dots {
    position: absolute;
    z-index: 3;
    bottom: 55px;
    display: inline-block;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

@media only screen and (max-width: 480px) {
    .ts-dodeca {
        padding-left: 4%;
        padding-right: 4%;
    }

    .ts-dodeca:before {
        right: -10px;
        top: -10px;
        border-width: 4px;
    }

    .ts-dodeca:after {
        border-width: 14px;
    }

    .ts-dodeca .testimonial {
        padding-right: 15px;
        padding-left: 15px;
    }

    .ts-dodeca .testimonial-content,
    .ts-dodeca .testimonial-content p {
        font-size: 15px;
    }
}