.products { font-size:0; margin:0 -45px; }

.products .product { display:inline-block; padding:45px; width:25%; text-align:center; vertical-align:top; }
.products .product a { text-decoration:none; }
.products .product .thumbnail { display:inline-block; overflow:hidden; position:relative; }
.products .product .thumbnail img { transition:transform 0.3s; }
.products .product a:hover .thumbnail img { transform:scale(1.05); }
.products .product .thumbnail .status { font-size:12px; font-weight:700; line-height:1; padding:12px; position:absolute; top:0; left:0; text-transform:uppercase; }
.products .product .title { color:#333; font-size:15px; margin-top:15px; }
.products .product .price { font-size:24px; font-weight:700; line-height:1; margin-top:15px; } 

.product-modal { display:none; max-width:100%; overflow:visible; padding:0; width:720px; }

.product-modal .slick { display:none; }
.product-modal .slick.slick-initialized { display:block; }

.product-modal .slick-arrow { bottom:0; font-size:18px; letter-spacing:normal; line-height:48px; padding:0; position:absolute; width:48px; height:48px; z-index:1; }
.product-modal .slick-arrow:hover { transform:none; }
.product-modal .slick-prev { right:48px; }
.product-modal .slick-next { right:0; }

.product-modal .content { padding:30px; }

.product-modal .header { border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px; }

.product-modal .title { font-size:24px; line-height:1.3; }

.product-modal .header ul { font-size:0; list-style-type:none; margin:12px 0 0; padding-left:0; }
.product-modal .header ul li { display:inline-block; margin-right:9px; vertical-align:middle; }
.product-modal .header ul li:last-child { margin-right:0; }

.product-modal .price { font-size:24px; font-weight:700; line-height:1; }

.product-modal .status { border-radius:3px; font-size:12px; font-weight:700; line-height:1; padding:6px 9px; text-transform:uppercase; }

.product-modal .close { background-color:rgba(0, 0, 0, 0.3); color:#fff; display:block; font-size:30px; position:absolute; top:0; right:0; width:60px; height:60px; text-align:center; transition:background-color 0.3s; z-index:1; }
.product-modal .close:hover { background-color:rgba(0, 0, 0, 0.4); }
.product-modal .close i { line-height:60px; }

@media (max-width:991px) {
	.products { margin:0 -30px; }
	.products .product { padding:30px; width:50%; }
}

@media (max-width:767px) {
	.products { margin:0; }
	.products .product { padding:30px 0; width:100%; }
}