@charset "utf-8";
/* Latest News CSS Document */
.news-box { position:relative; margin:15px 0; display:block;}
.news-inner { position:relative;}
.news-thumb { position:relative; overflow:hidden; z-index:0;}
.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;}
.news-thumb:before { background:rgba(0,0,0,0.7); position:absolute; top:100%; width:100%; height:100%; left:0px; -webkit-transition:all .35s ease-in-out; transition:all .35s ease-in-out; opacity:0; content:''; z-index:1;}
.post-date { width:115px; -webkit-transition:all .6s ease; transition:all .6s ease; -webkit-transform:translateY(20px); -ms-transform:translateY(20px); transform:translateY(20px); opacity:1; position:absolute; left:20px; top:20px; z-index:1; color:#832732; overflow:hidden; font-weight:500; text-align:center; border:2px solid #e8f1f7; display:inline-block; background-color:#ffffff; text-transform:uppercase;}
.post-date span { display:initial; float:left; margin:0px; padding:0px 12px; position:relative; color:#ffffff; font-weight:500; font-size:16px; text-align:center; background-color:#832732;}
.icon-new { position:absolute; width:100%; left:0; -webkit-transition:all .6s ease; transition:all .6s ease; display:inline-block; z-index:100; margin:0 auto; top:39%;}
.icon-new span { font-size:25px; display:block; margin:0 auto; width:60px; height:60px; line-height:60px; color:#ffffff; text-align:center; border-radius:50%; -webkit-transition:all .6s ease; transition:all .6s ease; background-color:#832732; -webkit-transform:translateY(330px); -ms-transform:translateY(330px); transform:translateY(330px); opacity:0;}
.icon-new span:hover { background-color:#ffffff; color:#201c15;}

.news-content { position:relative; text-align:center; padding:35px 15px 20px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.news-content h5 { margin-bottom:0; position:relative; font-weight:700; font-size:24px;}
.news-content h5 a { position:relative; color:#201c15; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}

.post-meta { display:inline-block; justify-content:center; position:relative; font-size:15px; margin-bottom:15px; padding-bottom:15px;}
.post-meta:before { position:absolute; content:''; background-color:#201c15; height:3px; bottom:0px; left:calc(50% - 60px); width:20px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.post-meta:after { position:absolute; content:''; width:100px; height:3px; bottom:0px; left:calc(50% - -10px); background-color:#832732; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.post-meta-inner { position:relative;}
.post-meta-inner span { margin-right:10px; margin-left:10px; color:#201c15;}
.post-meta-inner span i { margin-right:7px; font-weight:500; color:#832732;}

.post-cate { padding-top:9.5px; padding-bottom:9.5px; display:inline-block; position:absolute; left:0; top:-45px; font-size:14px; background-color:#832732; color:#ffffff; padding-left:15px; padding-right:15px; border-radius:8px 0 0 0; margin-left:-1px; -webkit-transition:all 0.5s ease-in-out 0.5s; transition:all 0.5s ease-in-out 0.5s;}
.post-cate a { color:#ffffff;}
.post-cate a:hover { color:#201c15;}
.post-cate:after { content:''; display:block; width:0; height:0; border-style:solid; border-width:0 12px 9px 0; border-color:transparent #832732 transparent transparent; position:absolute; top:100%;}
.post-cate i { margin-right:5px;}

.news-box:hover .news-thumb:before { top:0; opacity:1;}
.news-box:hover .news-thumb img { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.news-box:hover .post-date { -webkit-transform:translateY(130px); -ms-transform:translateY(130px); transform:translateY(130px); opacity:0;}
.news-box:hover .news-thumb span { -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); opacity:1;}
.news-box:hover .post-cate { left:110px;}
.news-box:hover .post-meta:before { width:100px; left:calc(50% - 10px);}
.news-box:hover .post-meta:after { width:20px; left:calc(50% - -60px);}