/*Add font ================================*/
/*---------------list_item-----------------*/
.list_item_news .row_item {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.list_item_news .row_item .col_item {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 10px;
}
@media (min-width: 768px) {
  .list_item_news .row_item .col_item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .list_item_news .row_item .col_item {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
.list_item_news .row_item .col_item .item {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  overflow: hidden;
  padding: 1.3rem;
  background: #ffffff;
}
.list_item_news .row_item .col_item .item:hover {
  box-shadow: 0 0 5px #c1c1c1;
}
.list_item_news .row_item .col_item .item:hover .info > a {
  color: #08A2D5;
}
.list_item_news .row_item .col_item .item:hover .info .title a {
  color: #08A2D5;
}
.list_item_news .row_item .col_item .item .img a {
  padding-top: 68%;
}
.list_item_news .row_item .col_item .item .img a img {
  width: 100%;
  height: 100%;
}
.list_item_news .row_item .col_item .item .info {
  flex: 1 1;
  padding: 15px 0;
}
.list_item_news .row_item .col_item .item .info > a {
  font: 400 18px/150% "UTMHelve";
  display: block;
  text-align: right;
  color: #707070;
  text-decoration: underline;
}
.list_item_news .row_item .col_item .item .info .group {
  font: 400 14px/150% "Baloo 2", cursive;
  color: #1f980b;
}
.list_item_news .row_item .col_item .item .info .title a {
  font: 400 20px/150% "UTMHelve";
  color: #707070;
}
.list_item_news .row_item .col_item .item .info .date {
  font: 400 14px/150% "Baloo 2", cursive;
  color: #fff;
}
.list_item_news .row_item .col_item .item .info .short {
  font: 400 16px/150% "Baloo 2", cursive;
  color: #000;
  padding-top: 5px;
}
.list_item_news .row_item .col_item .item .info .short a {
  color: #ed6662;
}/*# sourceMappingURL=func.css.map */