@charset "utf-8";
/* Latest News CSS Document */
.news-box { position:relative; margin:15px 0; display:block;}

.news-thumb { position:relative; display:block; overflow:hidden;}
.news-thumb:before { position:absolute; top:0; left:0; right:0; bottom:0; content:''; background-color:rgba(0,0,0,0.5); -webkit-transform:scale(1, 0); -ms-transform:scale(1, 0); transform:scale(1, 0); -webkit-transition:transform 500ms ease; transition:transform 500ms ease; -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; z-index:1;}
.news-thumb img { width:100%; height:auto; display:block; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition:all 500ms ease; transition:all 500ms ease;}

a.pst-btn-link { text-align:center; background-color:#000000; color:#ffffff; font-size:15px; position:absolute; bottom:-50px; opacity:0; left:0; z-index:1; overflow:hidden; height:40px; width:100px; line-height:40px;}
a.pst-btn-link:before { z-index:-1; content:''; height:100%; width:0; background-color:#000000; color:#ffffff; position:absolute; bottom:0; left:0; -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left; -webkit-transition:all .3s; transition:all .3s;}

.post-comnt { line-height:40px; text-align:center; background-color:#000000; color:#ffffff; font-size:15px; position:absolute; bottom:-50px; opacity:0; right:0; z-index:1; overflow:hidden; height:40px; width:100px; -webkit-transition:all .3s; transition:all .3s; cursor:pointer;}
.post-comnt:before { z-index:-1; content:''; height:100%; width:0; background-color:#000000; color:#ffffff; position:absolute; bottom:0; right:0; -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right; -webkit-transition:all .3s; transition:all .3s;}
.post-comnt i { margin-right:5px;}

.post-date { height:40px; width:100px; line-height:40px; margin:0 auto; text-align:center; background-color:#ef4a2b; color:#ffffff; font-size:18px; font-weight:700; position:absolute; bottom:0px; right:0; left:0; z-index:1; -webkit-transition:all .3s; transition:all .3s;}
.news-box:hover .post-date { background-color:#ffffff; color:#000000; -webkit-transform:rotateY(-360deg); -ms-transform:rotateY(-360deg); transform:rotateY(-360deg);}

.news-content { border:1px solid #aeaeae; border-top:none; position:relative;}
.latest-news-para { position:relative; padding:30px 20px;}
.news-content h3{ font:600 22px/1.2 'Titillium Web';}
.news-content p { margin-bottom:0;}

.post-meta{ text-transform:capitalize; margin:15px 0; padding:0 5px; font-size:small; font-weight: 700; border-top:1px solid; border-bottom:1px solid; }
.post-meta span{ display:inline-block; position:relative; }
.post-meta span:last-child{ padding-right:0; }
.news-content .post-cate a{ display: inline-block; line-height: 1; text-transform:capitalize; font-weight: 700; }
.post-meta span i { margin-right:5px; color:#ef4a2b; font-weight:500; font-size:15px;}

.news-box:hover .news-thumb:before { -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1); -webkit-transform-origin:bottom center; -ms-transform-origin:bottom center; transform-origin:bottom center;}
.news-box:hover .news-thumb img { -webkit-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09);}

.news-box:hover .news-thumb a.pst-btn-link { bottom:0; left:0; opacity:1;}
.news-box .news-thumb a.pst-btn-link:hover { background-color:#ef4a2b; color:#ffffff;}

.news-box:hover .news-thumb .post-comnt { bottom:0; right:0; opacity:1;}
.news-box .news-thumb .post-comnt:hover { background-color:#ef4a2b; color:#ffffff;}
.news-box .news-thumb .post-comnt a, .news-box .news-thumb .post-comnt a:hover { color:#ffffff;}