@charset "utf-8";
/* Latest News CSS Document */
.news-box { position:relative; margin:0 0 30px; display:block; -webkit-transition:0.3s; transition:0.3s;}
.news-thumb { position:relative;}
.news-thumb img { width:100%; height:auto; display:block;}
.news-thumb a { position:relative; overflow:hidden; text-align:center; display:block;}
.news-thumb a:before { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0.25; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.news-thumb a i { background-color:#252525; position:absolute; left:50%; top:50%; text-align:center; font-size:16px; color:#ffffff; width:55px; height:55px; padding:20px 0 0 0; margin:-27px 0px 0px -27px; opacity:0; -webkit-transform:scale(-1); -ms-transform:scale(-1); transform:scale(-1); -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; z-index:9;}

.post-date { position:absolute; left:10px; top:10px; display:inline-block; color:#ffffff; font-weight:400; font-size:14px; padding:8px 10px; text-align:center; line-height:18px; letter-spacing:1px; background-color:#252525; border-bottom:3px solid #e48824; z-index:1; text-transform:uppercase; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.post-date:after { content:''; position:absolute; right:0px; bottom:0px; border-bottom:7px solid #e48824; border-left:7px solid transparent;}
.post-date i { color:#e48824; margin-right:7px;}

.post-cate { position:absolute; right:10px; bottom:10px; display:inline-block; color:#ffffff; font-weight:400; font-size:14px; padding:8px 10px; text-align:center; line-height:18px; letter-spacing:1px; background-color:#252525; border-bottom:3px solid #e48824; z-index:1; text-transform:capitalize; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.post-cate i { color:#e48824; margin-right:7px; overflow:hidden;}
.post-cate a { color:#ffffff; display:inline-block;}
.post-cate a:before { content:none;}
.post-cate:after { content:''; position:absolute; right:0px; bottom:0px; border-bottom:7px solid #e48824; border-left:7px solid transparent;}
.post-cate a:hover { color:#e48824;}

.news-content { background-color:#f0f0f0; position:relative;}
.news-info { position:relative; padding:60px 30px 20px;}
.news-info h5 { margin-bottom:10px;}
.news-info p { margin-bottom:0;}

.post-meta { float:left; width:90%; position:relative; margin:0px; padding:7px 15px; background-color:#252525; border-bottom:3px solid #e48824;}
.post-meta:before { content:''; position:absolute; right:-10px; top:0px; border-top:45px solid #252525; border-right:10px solid transparent;}
.post-meta li { list-style:none; float:left; position:relative; margin:0px 31px 0px 0px; font-size:12px; letter-spacing:0.7px; color:#ffffff; line-height:28px; z-index:1;}
.post-meta li a { color:#ffffff;}
.post-meta li a:hover { color:#e48824;}
.post-meta li:before { content:''; position:absolute; right:-16px; top:11px; width:1px; height:10px; background:rgba(255,255,255,0.7);}
.post-meta li:last-child::before { content:none;}
.post-meta li i { color:#e48824; margin-right:5px;}
.post-meta li:last-child { margin-right:0;}

.news-box:hover .news-thumb a:before { background-color:#e48824; opacity:0.8;}
.news-box:hover .news-thumb a i { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.news-box:hover .post-date, .news-box:hover .post-cate { opacity:0;}