.news_grid_cont {
  display: flex;
  flex-wrap: wrap;
  margin: -12px;
}

.news_grid_cont a {
  display: block;
  max-width: calc(25% - 24px);
  width: 100%;
  margin: 12px;
  text-decoration: none;
  background: #fff;
  transition: all 300ms;
  position: relative;
}

.news_grid_cont a .item_img {
  position: relative;
  overflow: hidden;
  height: 234px;
  display: block;
}

.news_grid_cont a .item_img img {
  position: absolute;
  max-width: initial;
  max-height: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.news_grid_cont a .item_info {
  padding: 18px 12px;
  background: #fff;
  min-height: 150px;
  display: block;
  transition: all 300ms;
}

.news_grid_cont a .item_date {
  display: block;
  font-size: 14px;
  color: rgb(143, 143, 143);
  transition: all 300ms;
}

.news_grid_cont a .item_title {
  display: block;
  margin-top: 12px;
  margin-bottom: 20px;
  color: rgb(45, 45, 45);
  font-size: 16px;
  font-weight: 400;
  transition: all 300ms;
}

.news_grid_cont a .more_info {
  opacity: 0;
  transition: all 300ms;
  color: #fff;
  display: flex;
  align-items: center;
  margin-top: 10px;
  position: absolute;
  bottom: 18px;
  left: 12px;
}

.news_grid_cont a .more_info svg {
  margin-right: 10px;
  transform: translate3d(-50px, 0, 0);
  transition: all 300ms;
}

.news_grid_cont a:hover {
  background: #0e2d4a;
}

.news_grid_cont a:hover .item_info {
  background: #0e2d4a;
  transform: translate3d(0, -30px, 0);
}

.news_grid_cont a:hover .item_date {
  color: #fff;
}

.news_grid_cont a:hover .item_title {
  color: #fff;
}

.news_grid_cont a:hover .more_info {
  opacity: 1;
}

.news_grid_cont a:hover .more_info svg {
  transform: translate3d(0, 0, 0);
}

#column_home_news .news_grid_cont a {
  max-width: calc(33.3333333333% - 24px);
}

@media screen and (max-width: 640px) {
  .news_grid_cont a {
    max-width: calc(100% - 24px);
  }
}