@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 { line-height:55px; text-align:center; background-color:#ab7442; color:#ffffff; font-size:20px; position:absolute; bottom:-50px; opacity:0; right:0; z-index:1; overflow:hidden; height:55px; width:100px;}
a.pst-btn-link:before { z-index:-1; content:''; height:100%; width:0; background-color:#000000; color:#ffffff; position:absolute; bottom:0; right:0; -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left; -webkit-transition:all .3s; transition:all .3s;}

.news-content { border:1px solid #aeaeae; border-top:none; position:relative;}
.news-content ul { padding:15px 100px 15px 30px; position:relative; border-bottom:1px solid #aeaeae; list-style:none;}
.news-content ul li { display:inline-block; text-transform:uppercase;}
.news-content ul li.post-date { font-size:16px; font-weight:600; color:#ab7442;}
.news-content ul li.post-date i { margin-right:5px;}
.news-content ul li.post-comnt { font-size:20px; position:absolute; height:100%; width:100px; z-index:1; display:flex; align-items:center; text-align:center; justify-content:center; right:-1px; top:0; background-color:#ab7442; color:#ffffff; z-index:1; overflow:hidden;}
.news-content ul li.post-comnt:before { z-index:-1; content:''; height:100%; width:0; background-color:#ab7442; position:absolute; bottom:0; right:0; -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left; -webkit-transition:all .3s; transition:all .3s;}
.news-content ul li.post-comnt i { margin-right:8px;}
.news-content ul li.post-comnt:hover { border-color:#000000; color:#ffffff;}
.news-content ul li.post-comnt:hover::before { opacity:1; width:100%; left:0; right:auto; -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right; background-color:#000000;}
.news-content ul li a { color:#ffffff;}

.latest-news-para { position:relative; padding:30px 20px;}
.news-content h3{ font:600 24px/1.2 'Titillium Web';}
.news-content h3 a { color:#000000; }
.news-content p { margin-bottom:0;}

.post-meta{ text-transform: uppercase; 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: uppercase; font-weight: 700; }
.post-meta span i { margin-right:5px; color:#ab7442; 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; opacity:1; background-color:#000000;}