body > .container-fluid {
  margin-top:150px;
}
h1 {
  font-weight:bold;
  text-transform:uppercase;
}
.row {
  margin:0px;
}
.news-item {
  width:calc(100% - 20px);
  max-width:500px;
  margin-right:20px;
  margin-bottom:40px;
  *height:700px;
  height:auto;
  min-height:calc(100% - 40px);
  padding-bottom:400px;
  display:block;
  position:relative;
  *box-shadow:0px 10px 30px -10px rgba(0,0,0,.2);
  color:black;
  text-decoration:none;
  outline:none;
  overflow:hidden;
}
.news-item:before {
  content:" ";
  width:100%;
  height:100%;
  background-color:var(--orange);
  display:block;
  position:absolute;
  top:0;
  right:30px;
  transition:.3s;
  z-index:-1;
}
.news-item:after {
  content:" ";
  width:100%;
  height:100%;
  background-color:black;
  display:block;
  position:absolute;
  top:0;
  right:30px;
  transition:.3s;
  z-index:-1;
}

  .news-item .img {
    width:calc(100% - 30px);
    height:300px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    *margin:-15px 0px 0px -15px;
    position:absolute;
    left:30px;
    transition:.6s;
    transition-delay:.3s;
    bottom:40px;
  }

  .news-item .text {
    padding:30px 30px 30px 30px;
    display:flex;
    flex-direction:column;
    justify-content: flex-end;
    position:relative;
    width:calc(100% - 20px);
    height:auto;
    color:black;
    z-index:2;
    *background: rgb(0,0,0);
    *background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);

    transition:.5s;
  }


    .news-item .text h3 {
      text-transform:uppercase;
      font-family:secular one;
      font-size:30px;
      margin:0;
      padding:0;
      color:white;
      transition:.3s;
    }
      .news-item.current .text h3 {
        color:white;
        transition:.1s .2s;
      }
    .news-item .text span {
      text-transform:uppercase;
      *color:#aaa;
      font-size:12px;
      margin:0px 0px 15px 0px;
      display:block;
    }
    .news-item .text p {
      transition:.3s;
      color:white;
    }

    .news-item .button {
      margin-left:30px;
      margin-top:-20px;
      transition:.3s .9s;
      z-index:2;

    }
      .news-item.visible .button {
        opacity:1;
        margin-left:30px;
      }

.pagination {
  margin-bottom:30px;
}
.page-numbers {
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  background-color:black;
  color:var(--orange);
  margin:0px 4px 0px 0px;
  transition:.3s;
  text-decoration:none;
}
.page-numbers:hover {
  color:white;
  background-color:var(--orange);
  text-decoration:none;
}
.page-numbers.next, .page-numbers.prev {
  width:auto;
  padding:0px 13px;
}
  .page-numbers.current {
    color:white;
    background-color:var(--orange);
  }

@media screen and (max-width:991px) {
  .news-item {
    max-width:none;
  }

}

@media screen and (max-width:767px) {
  .news-item {
    max-width:100%;
    width:100%;
    padding-bottom:330px;
  }
  .news-item:before, .news-item:after {
    right:0px;
  }
    .news-item .text {
      padding:25px;
      width:100%;
    }
    .news-item .img {
      width:100%;
      left:0;
      bottom:0;
    }
}