.news_list {}
.news_list .element {background: #FFF; margin-bottom: 30px;}
.news_list .element .picture {display: block; width: 100%; height: 160px; position: relative; overflow: hidden}
.news_list .element .picture img {width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}

.news_list .element .caption {height: 240px; padding: 18px 18px 0 18px; background: #FFF; overflow: hidden}
.news_list .element .date {font-weight: bold; font-size: 14px; line-height: 24px; color:#8f8f8f;}
.news_list .element .title {display: block; font-weight: bold; font-size: 22px; line-height: 24px; margin-bottom: 24px; color:#000;}
.news_list .element .title:hover {color: #0072BC}
.news_list .element .description {font-size: 14px; line-height: 24px; margin-bottom: 24px;}
.news_list .element .more {display: flex; color:#0072BC; font-size: 12px; line-height: 24px; padding: 18px;}
.news_list .element .more:hover {color:#000;}
.news_list .element .more span {text-transform: uppercase; font-weight: bold;}
.news_list .element .more i {display: inline-block; margin-left: 24px; line-height: 24px;}