@charset "utf-8";
/* Latest News CSS Document */
.news-box { position:relative; margin-bottom:30px; display:block; border:1px solid #ebe6de; overflow:hidden; box-shadow:0 8px 12px rgba(0,0,0,.12); -webkit-transition:all .35s; transition:all .35s;}
.news-inner { position:relative;}
.news-thumb { position:absolute !important; top:0; left:0; width:100%; height:100%; z-index:1; background-size:cover; background-position:center center; text-align:center; overflow:hidden;}
.news-thumb img { width:100%; height:auto; display:block;}
.news-thumb:before { content:''; background-color:#001c30; opacity:.6; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; -webkit-transition:all .35s; transition:all .35s;}
.news-thumb:after { content:''; background-color:#ffffff; width:100%; height:100%; position:absolute; top:0; left:0; z-index:9; -webkit-transition:all .35s; transition:all .35s;}
.news-content { position:relative; }
.news-inner-content { position:relative; padding:60px 35px 45px; z-index:11; -webkit-transition:all .35s; transition:all .35s; background:0 0 !important; text-align:left;}
.news-content h3 { margin:20px 0 10px; text-transform:capitalize; line-height:35px;}
.post-link-overlay { width:100%; height:100%; position:absolute; top:0; left:0; z-index:11;}
.post-meta { position:relative; font-size:15px; color:#176b87; z-index:9;}
.post-meta i { margin-right:10px; color:#176b87; width:20px; text-align:center;}
.post-meta a { color:#176b87;}
.post-meta span { margin:5px 0;}
.post-auth { position:relative; display:block;}
.post-comnt { position:relative; display:block;}
.post-cate { position:relative; display:block;}
.post-date { position:absolute; right:15px; top:0; z-index:9; padding:15px 15px 10px; background-color:#176b87; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:5px solid #001c30; border-top:0; -webkit-transition:all .35s; transition:all .35s;}
.post-date span { display:block; text-align:center; color:#ffffff; line-height:18px;}
.post-date .spandate { font-size:25px; font-weight:700; margin-bottom:10px;}
.news-box:hover .news-thumb:after { top:100%;}
.news-box:hover .news-content, .news-box:hover .news-content h3 a { color:#ffffff;}
.news-box:hover .post-meta, .news-box:hover .post-meta a, .news-box:hover .post-meta i { color:#ffffff;}
.news-box:hover .post-date { border-color:#ffffff;}