@charset "utf-8";
/* Latest News CSS Document */
.latest-news-wrap { position:relative;}
.news-box { position:relative; display:block; -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s;}
.news-thumb { position:relative; display:block; overflow:hidden;}
.news-thumb img { width:100%; height:auto; display:block; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.news-thumb a:after { position:absolute; top:0; left:0; background-color:#201e42; content:''; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s;}
.news-thumb span { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%) scaleY(0) rotate(360deg); -ms-transform:translate(-50%,-50%) scaleY(0) rotate(360deg); transform:translate(-50%,-50%) scaleY(0) rotate(360deg); width:2px; height:46px; background-color:#ffffff; -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s; z-index:1;}
.news-thumb span:before { content:''; position:absolute; width:2px; height:23px; -webkit-transform:translate(-50%,0%) scaleY(1) rotate(0); -ms-transform:translate(-50%,0%) scaleY(1) rotate(0); transform:translate(-50%,0%) scaleY(1) rotate(0); background-color:#ffffff; -webkit-transition:all .4s cubic-bezier(.64,-1.18,.68,1.81) 0s; transition:all .4s cubic-bezier(.64,-1.18,.68,1.81) 0s; top:50%; left:50%; -webkit-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0;}
.news-thumb span:after { content:''; position:absolute; width:2px; height:23px; -webkit-transform:translate(-50%,0%) scaleY(1) rotate(-180deg); -ms-transform:translate(-50%,0%) scaleY(1) rotate(-180deg); transform:translate(-50%,0%) scaleY(1) rotate(-180deg); background-color:#ffffff; -webkit-transition:all .4s cubic-bezier(.64,-1.18,.68,1.81) 0s; transition:all .4s cubic-bezier(.64,-1.18,.68,1.81) 0s; top:50%; left:50%; -webkit-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0;}

.post-date { position:absolute; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); left:30px; font-size:14px; line-height:17px; padding:10px 17px 5px; top:0; display:block; background-color:#ff5771; text-align:center; color:#ffffff;}
.post-date:before { border-left:32px solid transparent; border-right:32px solid transparent; content:''; height:0; left:0; position:absolute; top:auto; width:0; bottom:-10px; border-bottom:none; border-top:10px solid #ff5771; border-right-width:31px; border-left-width:32px;}
.span-top { font-size:18px; padding:5px 0;}
.span-btm { font-size:16px; padding-bottom:5px;}

.news-content { padding:25px 0 0px; position:relative; text-align:center;}
.news-content h5 { line-height:30px; text-transform:capitalize; margin-bottom:0;}
.post-meta { text-transform:capitalize; margin-bottom:15px; color:#201e42; display:flex; align-items:center; justify-content:space-between; font-size:13px;}
.post-meta a { color:#201e42; text-decoration:none;}
.post-meta a:hover { color:#ff5771;}
.post-meta span { padding:0 5px;}

.post-auth { display:inline-flex;}
.post-auth a { padding-left:5px;}
.post-auth img { width:auto !important; height:auto; display:inline-block; margin-right:10px; border-radius:50%;}

.news-box:hover .news-thumb img { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.news-box:hover .news-thumb a:after { opacity:.6;}
.news-box:hover .news-thumb span { -webkit-transform:translate(-50%,-50%) scaleY(1) rotate(0deg); -ms-transform:translate(-50%,-50%) scaleY(1) rotate(0deg); transform:translate(-50%,-50%) scaleY(1) rotate(0deg);}
.news-box:hover .news-thumb span:before { -webkit-transform:translate(-50%,0%) scaleY(1) rotate(90deg); -ms-transform:translate(-50%,0%) scaleY(1) rotate(90deg); transform:translate(-50%,0%) scaleY(1) rotate(90deg); -webkit-transition-delay:.4s; transition-delay:.4s;}
.news-box:hover .news-thumb span:after { -webkit-transform:translate(-50%,0%) scaleY(1) rotate(-90deg); -ms-transform:translate(-50%,0%) scaleY(1) rotate(-90deg); transform:translate(-50%,0%) scaleY(1) rotate(-90deg); -webkit-transition-delay:.5s; transition-delay:.5s;}