//style widget Category Banner

.category-banner{
    .cat-des{
        background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
        color: #ffffff;
        display: block;
        left: 0;
        margin: 0 10px;
        padding: 15px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 75%;
    }
    .cat-count{
        font-size: 14px;
        color: #d1d1d1;
    }
    .cat-name{
        color: #ffffff;
        font-size: 22px;
        text-transform: uppercase;
    }
    .cat-image{
        overflow: hidden;
        .category_thumb{
            @include scale(1);
            @include transition(0.4s);
        }
    }
    .cat-image:hover{
        .category_thumb{
            @include scale(1.1);
            @include transition(0.4s);
        }
    }
}