*CSS DO SLIDER AQUI*/
.slider{
      display: block;
      width: 100%;
      float: left;
      position: relative;
  }

  .slider .slider_item{
     display: block;
     float: left;
     width: 100%;
     height: 130px;
     background-size: contain;
     background-position: center;
     background-color: #fff;
     position: absolute;
     transition-property: all;
     transition-duration: .5s;
     transition-timing-function: ease-in;
     transition-delay: 0.3s;
     opacity: 0;
     background-repeat: no-repeat;
  }

  .slider .slider_item.active{
     opacity: 1;
     z-index: 10;
  }

  .slider .slider_item img{
     width: 100%;
     display: block;
     float: left;
  }

  .slider .slider_box{
     float: left;
     width: 100%;
     height: 100%;
     position: relative;
  }

  .slider .slider_content{
     display: block;
     float: left;
     width: 100%;
     height: 100%;
     padding:150px 20% 15px 20%;
     background: rgba(0, 0, 0, 0.38);
     position: absolute;
     bottom: 0;
     left: 0;
     text-align: center;
  }

  .slider .slider_content h1{
     font-size: 3.5em;
     color: #fff;
     text-transform: uppercase;
     padding-bottom: 45px;
     font-weight: bold;
     transition-property: all;
     transition-duration: .8s;
     transition-timing-function: ease-in;
     transition-delay: 0.3s;
  }

  .slider .slider_content p{
     display: block;
     float: left;
     width: 100%;
     color: #fff;
     font-size: 1.8em;
     font-weight: lighter;
     text-align: center;
     transition-property: all;
     transition-duration: .8s;
     transition-timing-function: ease-in;
     transition-delay: 0.8s;
  }

  .slider .active h1,
  .slider .active p{
     top: 0;
     opacity:1; 
  }

  .slider-next,
  .slider-prev{
     width: 30px;
     height: 30px;
     color: transparent;
     text-align: center;
     font-size: 3em;
  /*   line-height: 120px;*/
     font-weight: bold;
     /*border-radius: 100px;*/
     /*background: rgba(0, 0, 0, 0.5);*/
     position: absolute;
     top:45px;
     left: 15px;
     z-index: 99;
  }
  .slider-next{
     right: 15px;
     left: auto;
     z-index: 100;
  }
  .slider-next:hover,
  .slider-prev:hover{
     color: rgb(255,255,255);
     transition-property: all;
     transition-duration: .5s;
     transition-timing-function: ease-out;
     transition-delay: 0.2s;
     cursor: pointer;
  }

  @media screen and (min-width: 768px){
    
    .slider .slider_item{
       display: block;
       float: left;
       width: 100%;
       height: 450px;
   }

   .slider-next,
   .slider-prev{
     width: 50px;
     height: 50px;
     color: transparent;
     text-align: center;
     font-size: 3em;
  /*   line-height: 120px;*/
     font-weight: bold;
     /*border-radius: 100px;*/
    /* background: rgba(0, 0, 0, 0.5);*/
     position: absolute;
     top:160px;
  }
}

  @media screen and (min-width: 1920px){
    
    .slider .slider_item{
       display: block;
       float: left;
       width: 100%;
       height: 450px;
   }
    .slider-next,
   .slider-prev{
     top:200px;
  }
}