.slider {
    width: 50%;
    margin: 100px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}
    
.portfolioSlick .grid-bottom, 
.portfolioSlick .grid-top {
    display: flex;
    width: 100%;
    height: 400px;
    border: 4px solid #fff;
}
.portfolioSlick .grid-bottom .grid-left-top, 
.portfolioSlick .grid-top .grid-left-full {
    border-right: 4px solid #fff;
}
.portfolioSlick .grid-parent,
.portfolioSlick .grid-parent__half {
    position: relative;
}
.portfolioSlick .grid-parent {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.portfolioSlick .grid-item {
    -ms-transform: scale(1);
    transform: scale(1);
}
.portfolioSlick .grid-item, 
.portfolioSlick .grid-overlay {
    height: 100%;
    width: 100%;
    transition: .5s ease all;
}
.portfolioSlick .grid-left, 
.portfolioSlick .grid-right__bottom, 
.portfolioSlick .grid-right__top, 
.portfolioSlick .portfolioSlick__item {
    background-position: center center;
    background-size: cover;
}
.portfolioSlick .grid-overlay {
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    opacity: 0;
}
.portfolioSlick .grid-right {
    width: 35%;
}
.portfolioSlick .grid-bottom .grid-right-full, 
.portfolioSlick .grid-top .grid-right-top {
    border-left: 4px solid #fff;
}
.portfolioSlick .grid-bottom .grid-left-top, 
.portfolioSlick .grid-top, 
.portfolioSlick .grid-top .grid-right-top {
    border-bottom: 4px solid #fff;
}
.portfolioSlick .grid-parent__half--full {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.portfolioSlick .grid-top .grid-right-bottom {
    border-left: 4px solid #fff;
    border-top: 4px solid #fff;
}
.portfolioSlick .slick-list {
    position: relative;
}