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

.slider .slider_item{
   display: block;
   float: left;
   width: 100%;
   height: 700px;
   background-size: cover;
   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;
}

.slider .slider_item.active{
   opacity: 1;
}

.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%;
   position: absolute;
   bottom: 0;
   left: 0;
   text-align: center;
}

.slider h2,
.slider p{
   font-family: 'SEGOEUI', sans-serif;
   text-shadow: 2px 2px 2px #000;
   position: relative;
   top: -30px;
   opacity: 0;
}

.slider .slider_content h2{
   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 h2,
.slider .active p{
   top: 0;
   opacity:1;	
}

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


@media all and (max-width: 1024px){
    .slider-next,
    .slider-prev{           
      top:280px;        
  }
  .slider .slider_content{
      padding-left: 10%;
      padding-right: 10%;
  }
  .slider .slider_content h2{
      font-size: 3em;
  }
  .slider .slider_content p{
      font-size: 1.6em;
  }

}
@media all and (max-width: 768px){
   .slider-next,
   .slider-prev{
      top:220px;
      width: 45px;
      height: 45px;
      line-height: 45px;
      font-size: 2em;
  }
  .slider .slider_item{
      height: 400px;
  }
  .slider .slider_content{
      padding-left: 5%;
      padding-right: 5%;
      padding-top: 105px;
  }
  .slider .slider_content h2{
      font-size: 2em;
  }
  .slider .slider_content p{
      font-size: 1.3em;
  }
}
@media all and (max-width: 667px){
   .slider-next,
   .slider-prev{
      top:180px;
      width: 45px;
      height: 45px;
      line-height: 45px;
      font-size: 2em;
  }
  .slider .slider_item{
      height: 200px;
  }
	
.slider .slider_item{
   height: 200px;

}
	
	

	
	
  .slider .slider_content{
      padding-left: 5%;
      padding-right: 5%;
      padding-top: 10px;
	  font-size: 0.7em;
  }
	
	
	
	
	.slider .slider_content h2{
   font-size: 2em;
   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: 2em;
   font-weight: lighter;
   text-align: center;
   transition-property: all;
   transition-duration: .8s;
   transition-timing-function: ease-in;
   transition-delay: 0.8s;
		padding-bottom: 5px;
		
	}
	
	
  .slider-next,
.slider-prev{
   width: 40px;
   height: 40px;
   font-size: 2em;
   line-height: 42px;

   top:75px;

}
	

	
 
	
}