@charset "utf-8";
/* Latest News CSS Document */
.news-box{ position:relative; margin:15px 0; display:block;}

.news-thumb{ position:relative; display:block;}
.news-thumb-wrap { position:relative; display:block; overflow:hidden;}
.news-thumb-wrap:before { position:absolute; content:''; top:0; left:0; right:0; bottom:0; background-color:#000000; opacity:0; -webkit-transition:.5s; transition:.5s; -webkit-transform:perspective(400px) rotateX(-90deg); -ms-transform:perspective(400px) rotateX(-90deg); transform:perspective(400px) rotateX(-90deg); -webkit-transform-origin:top; -ms-transform-origin:top; transform-origin:top; z-index:1;}
.news-thumb-wrap:after { position:absolute; content:''; bottom:0; left:0; right:0; height:100%; opacity:0.10; background-color:#000000; -webkit-transition-delay:.1s; transition-delay:.1s; transition-timing-function:ease-in-out; transition-duration:.5s; transition-property:all; opacity:1; -webkit-transform-origin:bottom; -ms-transform-origin:bottom; transform-origin:bottom; -webkit-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); z-index:1;}
.news-thumb-wrap img { width:100%; height:auto; display:block; -webkit-transition:all 200ms linear; transition:all 200ms linear; -webkit-transition-delay:0.1s; transition-delay:0.1s;}
.news-icon-overlay { position:absolute; top:0; left:0; bottom:0; right:0; z-index:3; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; -webkit-transition:.9s; transition:.9s; -webkit-transform:perspective(400px) scaleY(0); -ms-transform:perspective(400px) scaleY(0); transform:perspective(400px) scaleY(0); -webkit-transform-origin:bottom; -ms-transform-origin:bottom; transform-origin:bottom;}
.news-icon-overlay a { position:relative; display:inline-block; top:-25px;}
.news-icon-overlay i { color:#ffffff; font-size:50px; line-height:50px;}

.post-date { position:absolute; right:45px; bottom:30px; width:60px; height:65px; padding-top:13px; text-align:center; z-index:3; background-color:#ff7659;}
.post-date h4 { color:#ffffff; font-size:24px; line-height:20px; font-weight:600; margin-bottom:0;}
.post-date span { color:#ffffff; font-size:14px; line-height:20px; font-weight:600;}

.news-content { position:relative; display:block; background-color:#ffffff; padding:25px 15px 25px; margin-top:-50px; margin-left:10px; margin-right:10px; z-index:2;}

.post-meta{ text-transform: uppercase; margin: 15px 0; font-size: xx-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; }

.latest-news-para { position:relative; text-align:center;}
.news-content h3{ margin:0 0 15px; font-family:'Syne'; font-size:20px; font-weight: 600; line-height: 1.5;}
.news-content h3 a { color:#151515; }
.col-3 .news-box .news-content h3{ font-size: 1.5em; min-height: auto; line-height: 1.3; }

.news-box:hover .news-thumb-wrap:before { opacity:.65; -webkit-transform:perspective(400px) rotateX(0deg); -ms-transform:perspective(400px) rotateX(0deg); transform:perspective(400px) rotateX(0deg);}
.news-box:hover .news-thumb-wrap:after { opacity:0.35; -webkit-transform:scaleY(1.0); -ms-transform:scaleY(1.0); transform:scaleY(1.0);}
.news-box:hover .news-thumb-wrap img { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); -webkit-transition:all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52); transition:all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);}
.news-box:hover .news-icon-overlay { -webkit-transform:perspective(400px) scaleY(1.0); -ms-transform:perspective(400px) scaleY(1.0); transform:perspective(400px) scaleY(1.0);}

.col-3 .news-box .post-date { font-size:11px;}
.col-6 .news-box.even .post-date { bottom:-98px;}

.ln-read-more { display:inline-block; text-align:center; color:#151515; position:relative; z-index:1; padding:12px 32px 11px; line-height:normal; transition:all 0.4s ease-in-out; text-transform:uppercase; letter-spacing:2px; font-weight:700; font-size:14px; border:3px solid #151515; z-index:7; white-space:nowrap; opacity:1; -webkit-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px); -webkit-transform-origin:50% 50% 0px; -ms-transform-origin:50% 50% 0px; transform-origin:50% 50% 0px;}
.ln-read-more:before, .ln-read-more:after { content:''; position:absolute; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.ln-read-more:before { border-left:5px solid #ff7659; border-right:5px solid #ff7659; left:-4px; right:-4px; height:10px; top:50%; -webkit-transform:translate(0%, -50%); -ms-transform:translate(0%, -50%); transform:translate(0%, -50%);}
.ln-read-more:after { border-top:5px solid #ff7659; border-bottom:5px solid #ff7659; left:0; right:0; bottom:-4px; top:-4px; width:10px; margin:0 auto;}

.ln-read-more:hover { color:#ff7659;}
.ln-read-more:hover:before { height:50%;}
.ln-read-more:hover:after { width:50%;}