.slider { width: 90%; margin: 40px auto; } .slick-slide { margin: 0px 20px; } .slick-slide img { width: 100%; } .slick-prev:before, .slick-next:before { color: black; } .caption { position:absolute; display:none} .box { background-color: rgba(0, 0, 0, .75); border-radius: 2px; color: #FFF; font-size: 16px; margin-left: auto; top: 20px; position: absolute; text-align: center; padding:10px; } .caption { padding: 10px 15px; z-index: 9; padding: 20px; font-size: 14px; color: #fff; text-decoration: center} .Carrousel img:hover { -webkit-filter: brightness(20%); filter: brightness(20%); } .imgblack { -webkit-filter: brightness(20%); filter: brightness(20%); } .captionTitle { font-weight: bold; font-size: 16px; color: #fff; } .caption ul { list-style: none; padding: 0; margin: 0; } .caption li a { color: #FFF; text-decoration: none; } .caption li a:hover { color: rgba(49, 179, 10, .507); text-decoration: none; } .slick-prev:before { content: "<"; color: red; font-size: 30px; } .slick-next:before { content: ">"; color: red; font-size: 30px; } .title-custom { font-family: 'lato-bold', Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; color: #000; font-size: 27px; font-weight: bold; padding-top: 20px; line-height: 37px; margin: 2%}