/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}


.slick-prev
{
    width: 32px;
    height: 32px;
    background-image:url(image/left.png);
    left: -45px;
}


.slick-next
{
    width: 32px;
    height: 32px;
    background-image: url(image/right.png);
    right: -30px;
}




/**/
.slider{
		width:80%;
		margin-left: 10%;
    margin-right: 20%;
    position: relative;
	}	
.slider div{
        margin-right:5px;
	}
.slider h3{
color: aliceblue;
    margin-bottom: 0px;
    margin-top: 27px;
}
.slider p{
color: aliceblue;
    margin-top: 7px;
}
.next{
background-image: url('image/thin_right_arrow_333.png');
  position:absolute;
  background-size:cover;
  background-position: center; 
  height:30px;
  width: 30px;    
}
.prev{
background-image: url('image/thin_left_arrow_333.png');
  position:absolute;
  background-size:cover;
  background-position: center; 
  height:30px;
  width: 30px;    
}
.control-prev {
    z-index: 1;
position:absolute;
    left : 5%;
    top : 57%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}
.control-next{
    z-index: 1;
position:absolute;
    left : 91%;
    top : 57%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.tag{
background-image: url('image/tag.png');
  position:relative;
  background-size:100%;
  background-position: center; 
    height: 172px;
    width: 252px;
   
}
.slider-item{
width: 252px;
    margin: 5%;
    position:relative;
}

.text-control{
position: absolute;
    top: 50%;
    left: 20%;
    text-align: center;
}