.projects-carousel
{
position: relative;
}
.projects-carousel .projects-carousel-item
{
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
z-index: 1;
}
.projects-carousel .projects-carousel-item > a
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 999;
}
.projects-carousel .projects-carousel-item > img
{
width: 100%;
display: block;
margin:  0;
}
.projects-carousel .projects-carousel-item > p
{
color:  #FFF;
font-size: 15px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 400;
margin:  5px 0 0;
display: block;
width: 100%;
}
.projects-carousel .slick-dots li.slick-active button::before,
.projects-carousel .slick-dots li button::before
{
color: #FFF;
font-size: 14px;
}
.projects-carousel-item-img-holder
{
position: relative;
}
.projects-carousel-item-overlay
{
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
cursor: pointer;
z-index: 5;
background-color: #000;
opacity: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
span.projects-carousel-item-overlay-icon
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #96ae7e;
color: #FFF;
-webkit-border-radius: 50%;
border-radius: 50%;
padding: 5px 10px;
text-align: center;
z-index: 100;
opacity: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.projects-carousel .projects-carousel-item:hover .projects-carousel-item-overlay
{
opacity: 0.4;
}
.projects-carousel .projects-carousel-item:hover span.projects-carousel-item-overlay-icon
{
opacity: 1;
} .white-bg .projects-carousel .projects-carousel-item > p,
.white-bg .projects-carousel .slick-dots li.slick-active button::before,
.white-bg .projects-carousel .slick-dots li button::before
{
color: #757a7d;
}