.demo{
    background: linear-gradient(to right,#ffcccc,#d3d3d3);
}
.post-slide{
    margin: 0 15px;
}
.post-slide .post-img{
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%; height: auto; transform: scale(1); transition: all 1s ease-in-out 0s;
}
.post-slide:hover .post-img img{
    transform: scale(1.18);
}
.post-slide .post-content{
    background: #cccccc; padding: 20px;
}
.post-slide .post-title{
    font-size: 17px; font-weight: 600; margin-top: 0; text-transform: capitalize;
}
.post-slide .post-title a{
    display: inline-block; color: #fff; transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    color: #3d3030; text-decoration: none;
}
.post-slide .post-description{
    font-size: 15px; color: #fff; line-height: 24px; margin-bottom: 14px;
}
.post-slide .post-bar{
    padding: 0; margin-bottom: 15px; list-style: none;
}
.post-slide .post-bar li{
    color: #676767; padding: 2px 0;
}
.post-slide .post-bar li i{
    margin-right: 5px;
}
.post-slide .post-bar li a{
    display: inline-block; font-size: 12px; color: #808080; transition: all 0.3s ease 0s;
}
.post-slide .post-bar li a:after{
    content: ",";
}
.post-slide .post-bar li a:last-child:after{
    content: "";
}
.post-slide .post-bar li a:hover{
    color: #3d3030; text-decoration: none;
}
.post-slide .read-more{
    display: inline-block; padding: 10px 15px; font-size: 14px; font-weight: bold; color: #fff; background: #e7989a; border-bottom-right-radius: 10px; text-transform: capitalize; transition: all 0.30s linear;
}
.post-slide .read-more:hover{
    background: #333; text-decoration: none;
}
.post-slide span {width:100%;height:404px;background-color: rgba(0,0,0,0.5);position:absolute;left:0;top:0;z-index:2;}
.post-slide .infobg{width:100%;height:100%;background-color:rgba(0,0,0,0.1);/*opacity:0.1;filter:alpha(opacity=10);*/position:absolute;left:0;top:0;z-index:5;display:none;}