 
 

body {
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	color:#777777;
	line-height:1.7em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	
}
 

/*Shop Item*/

.shop-item{
	position:relative;
	margin-bottom:40px;
}

.shop-item .inner-box{
	position:relative;
	outline:15px solid #ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.shop-item .inner-box:hover .image .overlay-box{
	opacity:1;
}

.shop-item .inner-box .image{
	position:relative;
	z-index:11;
	text-align:center;
	background-color:#f8f8f8;
}

.shop-item .inner-box .image .sale{
	position:absolute;
	left:20px;
	top:20px;
	font-size:11px;
	font-weight:700;
	color:#ffffff;
	z-index:12;
	padding:5px 8px;
	line-height:1em;
	text-transform:uppercase;
	background-color:#91ac37;
}

.shop-item .inner-box .image .overlay-box{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.shop-item .inner-box .image .overlay-box:before{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    background-color:rgba(0,0,0,0.85);
    -moz-transform: rotateX(-360deg) scale(0.5,0.5);
    -webkit-transform: rotateX(-360deg) scale(0.5,0.5);
    -ms-transform: rotateX(-360deg) scale(0.5,0.5);
    -o-transform: rotateX(-360deg) scale(0.5,0.5);
    transform: rotateX(-360deg) scale(0.5,0.5);
}

.shop-item .inner-box:hover .image .overlay-box:before{
    -moz-transform: rotateX(0deg) scale(1,1);
    -webkit-transform: rotateX(0deg) scale(1,1);
    -ms-transform: rotateX(0deg) scale(1,1);
    -o-transform: rotateX(0deg) scale(1,1);
    transform: rotateX(0deg) scale(1,1);
    opacity: 1;
    visibility: visible;
}

.shop-item .inner-box .image .overlay-box .cart-option li{
	position:relative;
}

.shop-item .inner-box .image .overlay-box .cart-option li:first-child{
	position:absolute;
	right: 15px;
	top: 15px;
}

.shop-item .inner-box .image .overlay-box .cart-option li:last-child{
	position:absolute;
	left: 45%;
	top: 40%;
}

.shop-item .inner-box .image .overlay-box .cart-option li a{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:18px;
	display:block;
	line-height:40px;
	background-color:#91ac37;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.shop-item .inner-box .image .overlay-box .cart-option li a:hover{
	background-color:#91ac37;
	color:#ffffff;
}

.shop-item .inner-box .image .overlay-box .cart-option li a:hover{
	color:#ffffff;
}

.shop-item .inner-box .image img{
	width:100%;
	display:inline-block;
}

.shop-item .inner-box .lower-content{
	position:relative;
	z-index:11;
	text-align:center;
	padding:30px 0px 0px;
}

.shop-item .inner-box .lower-content h6{
	position:relative;
	font-weight:600;
}

.shop-item .inner-box .lower-content h6 a{
	color:#222222;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.shop-item .inner-box .lower-content h6 a:hover{
	color:#91ac37;
}

.shop-item .inner-box .lower-content .facili{
	position:relative;
	margin-top:4px;
}

.shop-item .inner-box .lower-content .facili li{
	position:relative;
	color:#666666;
	font-size:14px;
	font-weight:400;
	display:inline-block;
}

.shop-item .inner-box .lower-content .facili li.discount{
	position:relative;
	color:#000000;
	margin-right:8px;
	text-decoration:line-through;
} 

 
  