.home-news-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px; }

.home-news-item {
  max-height: 300px;
  position: relative;
  padding: 10px 0;
  overflow: hidden; }
  .home-news-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 -5px 12px 8px white;
            box-shadow: 0 -5px 12px 8px white;
    z-index: 1; }

   .home-news-item:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 4px;
     background-color: #157fc4;
     transition: .4s; }
	.home-news-item:hover:after {
		width: 100%; }

.news-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 2px;
  max-height: 22px;
  overflow: hidden; }
  .news-header a {
    position: relative;
    display: block; }
    .news-header a span {
      position: absolute;
      white-space: nowrap;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s; }

.news-icon {
  position: relative;
  padding-left: 20px;
  background-color: #fff; }
  .news-icon:before, .news-icon:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    background-size: cover;
    background-color: #fff; }
  .news-icon:before {
    z-index: 1; }

.news-partition:before {
  background-image: url("https://urupinsk.net/bitrix/templates/.default/components/bitrix/news.line/all-news/images/partition.png"); }

.news-date-time:before {
  background-image: url("https://urupinsk.net/bitrix/templates/.default/components/bitrix/news.line/all-news/images/date.png"); }

.img-link {
  display: block;
  overflow: hidden;
  height: 160px;
  background-size: cover;
  background-position: top center; }
  .img-link img {
    width: 100%; }

.title-link {
  display: block;
  position: relative;
  padding: 10px 20px 0;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 -5px 5px 4px white;
          box-shadow: 0 -5px 5px 4px white;
  text-decoration: none;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: .4s transform, .4s box-shadow;
  -o-transition: .4s transform, .4s box-shadow;
  transition: .4s transform, .4s box-shadow; }
  .title-link p {
    color: #1c1c1c;
    padding: 0;
    margin: 5px 0;
    font-size: 14px;
    line-height: 1.4;
    opacity: .8;
    -webkit-transition: .25s opacity, .4s transform;
    -o-transition: .25s opacity, .4s transform;
    transition: .25s opacity, .4s transform;
    -webkit-transform: scale(0.9, 0.9);
        -ms-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9); }
  .title-link:hover, .title-link:focus {
    -webkit-box-shadow: 0 -5px 5px 4px rgba(255, 255, 255, 0);
            box-shadow: 0 -5px 5px 4px rgba(255, 255, 255, 0);
    -webkit-transform: translateY(-160px);
        -ms-transform: translateY(-160px);
            transform: translateY(-160px);
    text-decoration: none; }
  .title-link:hover p, .title-link:focus p {
    opacity: 1;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1); }

@media (max-width: 1599px) {
  .home-news-list {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px; }

  .home-news-item:nth-last-child(-n+2) {
    display: none; } }

@media (max-width: 994px) {
  .home-news-list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr; } }

@media (max-width: 479px) {
  .home-news-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; } 

  .home-news-item:nth-last-child(-n+2) {
    display: block; } }
