/**
* Images Carousel
* Slick Slider
**/
.dexp-slick-wrap{direction: ltr;}
.dexp-testimonial-default {
    .dexp-testimonial-nav {
        margin: 0 auto 30px;
        @media screen and (min-width: @screen-md) {
            width: 50%;
        }
        @media screen and (max-width: @screen-sm) {
            width: 80%;
        }
        @media screen and (max-width: @screen-xs) {
            width: 100%;
            .slick-slide {
                img {
                    height: auto!important;
                }
            }
        }
        .slick-slide {
            text-align: right;
            outline: 0;
            opacity: 0;
            margin: 0 5px;
            .transition(all,
            .2s,
            ease-out);
            img {
                display: inline-block;
                opacity: 0.4;
                border-radius: 100%;
                height: 145px;
                width: 145px;
                cursor: pointer;
                .transition(all,.2s,ease-out);
            }
            &.slick-active {
                opacity: 1;
            }
            &.slick-current {
                text-align: center;
                img {
                    opacity: 1;
                    border: 6px solid @base_color;
                    cursor: initial;
                }
                + .slick-active {
                    text-align: left;
                }
            }
        }
    }
    .dexp-testimonial-wrap {
        text-align: center;
        .slick-slide {
            outline: 0;
        }
        .dexp-testimonial-content {
            display: inline-block;
            width: 80%;            
            margin-bottom: 20px;            
            @media screen and (max-width: @screen-md) {
                width: 100%;
                padding: 0 20px;
            }
            p{
                color: #6f6f6f;
                font-size: 18px;
                font-style: italic;
                line-height: 30px;    
                font-family: @global_font_1;
            }
            p:before{
                content: '“';
            }
            p:after{
                content: '”';
            }
        }
        .dexp-testimonial-line {
            height: 25px;
            text-align: center;
            span {
                position: relative;
                display: inline-block;
                width: 31px;
                height: 25px;
                background: url('../images/team-line.png') no-repeat center center transparent;
                &:before,
                    &:after {
                    content: '';
                    position: absolute;
                    width: 117px;
                    height: 1px;
                    top: 50%;
                    .transform(translateY(-50%));
                    background-color: #ededed;
                }
                &:before {
                    left: 50px;
                }
                &:after {
                    right: 50px;
                }
            }
        }
        .dexp-testimonial-info {
            .dexp-testimonial-title {
                padding: 0;
                margin: 10px 0 0;
                font-size: 14px;
                font-weight: normal;
                text-transform: uppercase;
                line-height: 35px;
            }
            .dexp-testimonial-position {
                font-size: 12px;
                font-style: italic;
                text-transform: uppercase;
                font-family: @global_font_1;
                //@extend .font-second;
            }
        }
    }
    .slick-dots li {
        &.slick-active {
            button {
                &:before {
                    color: @base_color;
                }
            }
        }
    }
}

.dexp-gallery-default{
    .dexp-gallery-wrap{
        .slick-slide{
            img{
                display: inline-block;
                width: 100%;
                height: auto;
            }
        }   
    }    
    .dexp-gallery-nav{
        .slick-slide{
            margin: 0 5px;
            img{
                max-width: 100%;
                height: auto;
            }
        }
        .slick-arrow{
            background-color: @base_color;
            height: 100%;
            margin: 0;
            padding: 0;
            text-align: center;
            top: 0;
            width: 30px;
            z-index: 99;
            &.slick-prev{
                left: 0;                
            }
            &.slick-next{
                right: 0;                
            }
        }
    }
}