#niri .item {

  height: 100vh;

  position: relative;

  text-align:center;

}

#niri .item img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

#niri .item .cover {

  padding: 75px 0;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.6);

  display: flex;

  align-items: center;

}

#niri .item .cover .header-content {

  position: relative;

  padding: 56px;

  overflow: hidden;

}



#niri .item .cover .header-content h2 {

  font-size: 16px;

  color: #fff;

  text-transform: uppercase;

  background-color: rgba(var(--thm-base-rgb), .1);

  font-weight: 600;

  color: var(--thm-base);

  letter-spacing: 0.1em;

  display: inline-block;

  padding: 8px 30px;

  margin: 0;

  opacity: 0;

  transform: translateY(-120px);

}

#niri .item .cover .header-content h1 {

  font-size: 75px;

  margin: 5px 0 20px;

  word-spacing: 3px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 900;

  letter-spacing: var(--thm-letter-space-small);

  transform: translateY(120px);

  line-height: 95px;

  padding-top: 32px;  

}

#niri .item .cover .header-content h4 {

  font-size: 26px;

  line-height: 36px;

  color: #fff;

  font-weight: 400;

}

#niri .owl-item.active h1 {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInDown;

  animation-delay: 0.1s;

}

#niri .owl-item.active h2 {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInDown;

  animation-delay: 0.1s;

}

#niri .owl-item.active h4 {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-name: fadeInUp;

  animation-delay: 0.1s;

}



#niri .owl-nav .owl-prev {

  position: absolute;

  left: 15px;

  top: 43%;

  opacity: 0;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background: rgba(0, 0, 0, 0.5) !important;

  width: 40px;

  cursor: pointer;

  height: 40px;

  position: absolute;

  display: block;

  z-index: 1000;

  border-radius: 0;

}

#niri .owl-nav .owl-prev span {

  font-size: 1.6875rem;

  color: #fff;

}

#niri .owl-nav .owl-prev:focus {

  outline: 0;

}

#niri .owl-nav .owl-prev:hover {

  background: #000 !important;

}

#niri .owl-nav .owl-next {

  position: absolute;

  right: 15px;

  top: 43%;

  opacity: 0;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background: rgba(0, 0, 0, 0.5) !important;

  width: 40px;

  cursor: pointer;

  height: 40px;

  position: absolute;

  display: block;

  z-index: 1000;

  border-radius: 0;

}

#niri .owl-nav .owl-next span {

  font-size: 1.6875rem;

  color: #fff;

}

#niri .owl-nav .owl-next:focus {

  outline: 0;

}

#niri .owl-nav .owl-next:hover {

  background: #000 !important;

}

#niri:hover .owl-prev {

  left: 0px;

  opacity: 1;

}

#niri:hover .owl-next {

  right: 0px;

  opacity: 1;

}    

#niri .owl-carousel {

    display:block;

}



@media (max-width: 992px) {

    /* #niri .item .cover,*/ #niri .item .cover .header-content h1, .header-content h1 {

        font-size: 65px;

        line-height: 85px;

    }

}

@media (max-width: 770px) {

    /*#niri .item .cover,*/ #niri .item .cover .header-content h1, .header-content h1 {

        font-size: 45px;

        line-height: 60px;

    }

}

@media (max-width: 530px) {

    /*#niri .item .cover,*/ #niri .item .cover .header-content h1, .header-content h1 {

        font-size: 35px;

        line-height: 45px;

    }

}