/*----------------------------------------

 * 14. Collection Box Slider

------------------------------------------*/

.collection-grids { margin-top: -30px; }

.collection-grids .item { padding-top: 30px; }



.collection-grid-item { position:relative; width:100%; overflow:hidden; }

.collection-box .container-fluid { padding:0; }

.collection-box-style1 .container-fluid { padding:0 55px; }

.collection-box .collection-grid-item img { margin:0 auto; width:100%; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

.collection-box .collection-grid-item:hover img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform:scale(1.1); }

.collection-box .collection-grid-item__title-wrapper { content:''; position:absolute; top:0; left:0; -ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; text-align:center; background:rgba(0,0,0,0.1); width:100%; height:100%; }

.collection-box .collection-grid-item__title-wrapper .title-wrapper { margin-top:27px; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }

.collection-box .collection-grid-item__title { text-transform: uppercase; position:relative; text-align:center; font-size:20px; font-weight:400; color:#ffffff; display:block; width:auto; margin:0; text-shadow:0 0 15px rgba(0,0,0,0.1); -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

.collection-box .collection-grid-item__title span { display: block; font-size: 16px; font-weight: 400; letter-spacing: 1px; margin: 5px 0 0; }

.collection-box span { margin-top:14px; -ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; opacity:0; visibility:hidden; white-space:nowrap; display:inline-flex; }



.collection-box .collection-grid-item__title-wrapper:hover { background:rgba(0,0,0,0.6); opacity:1; }

.collection-box .collection-grid-item__title-wrapper:hover .title-wrapper{ margin-top:130px; }

.collection-box .collection-grid-item__title-wrapper:hover span{  margin-top:260px; opacity:1; visibility:visible; color: #ffffff; font-size: 36px;   font-family: 'El Messiri', sans-serif;

    font-size: 24px;

    color: #fff;

    font-weight: 600;

    }



.collection-box-style1 .collection-grid-item__title-wrapper { top:50%; bottom:auto; }

.collection-box-style1 .collection-grid-item__title span:hover { background-color:#000000; color:#ffffff; border:0; }

.collection-box .slick-arrow { opacity:0; visibility:hidden; width:30px; height:30px; }



.collection-box:hover .slick-arrow { color:#000000; opacity:1; visibility:visible; }

.collection-box .slick-prev { left:10px; }

.collection-box .slick-next { right:10px; }



.collection-grid-3item .slick-slide,

.collection-grid-4item .slick-slide { padding: 1px; }

@media only screen and (min-width: 992px) { 

    .collection-grid-3item.slick-slide,

    .collection-grid-4item.slick-slider .slick-list { margin:-1px; }

}

/*----------------------------------------

 * End Collection Box Slider

------------------------------------------*/