@charset "utf-8";
/* CSS Document */
.ws247-piew-hover .ws-hover-img{ position:absolute; opacity:0; top:0; left:0; transition:all .5s; }
.ws247-piew-hover .ws247-piew-imgs-container{ position:relative; }
.ws247-piew-hover:hover .ws-hover-img{ opacity:1; }

.ws247-piew-hover.border{
    border: 1px solid;
    border-color: #ccc;
}

.ws247-piew-hover.shadow{ transition:all .5s; }
.ws247-piew-hover.shadow:hover{
	box-shadow: 0px 7px 10px 4px #ccc;
}

/*scale*/
.ws247-piew-hover.effect-scale .ws247-piew-imgs-container>img:not(.ws-hover-img){ transform:scale(1); transition:all .5s; }
.ws247-piew-hover.effect-scale .ws-hover-img{ transform:scale(0); opacity:1; }
.ws247-piew-hover.effect-scale:hover .ws-hover-img{ transform:scale(1); }
.ws247-piew-hover.effect-scale:hover .ws247-piew-imgs-container>img:not(.ws-hover-img){ transform:scale(0); }

/*effect-right-to-left*/
.ws247-piew-hover.effect-right-to-left .ws247-piew-imgs-container>img:not(.ws-hover-img){ position:relative;left:0; transition:all .5s; }
.ws247-piew-hover.effect-right-to-left .ws247-piew-imgs-container{ overflow:hidden; }
.ws247-piew-hover.effect-right-to-left .ws-hover-img{ opacity:0; left:100%; }
.ws247-piew-hover.effect-right-to-left:hover .ws-hover-img{ opacity:1; left:0; }
.ws247-piew-hover.effect-right-to-left:hover .ws247-piew-imgs-container>img:not(.ws-hover-img){ left:-100%; }

/*effect-left-to-right*/
.ws247-piew-hover.effect-left-to-right .ws247-piew-imgs-container>img:not(.ws-hover-img){ position:relative;left:0; transition:all .5s; }
.ws247-piew-hover.effect-left-to-right .ws247-piew-imgs-container{ overflow:hidden; }
.ws247-piew-hover.effect-left-to-right .ws-hover-img{ opacity:0; left:-100%; }
.ws247-piew-hover.effect-left-to-right:hover .ws-hover-img{ opacity:1; left:0; }
.ws247-piew-hover.effect-left-to-right:hover .ws247-piew-imgs-container>img:not(.ws-hover-img){ left:100%; }

/*effect-top-to-bottom*/
.ws247-piew-hover.effect-top-to-bottom .ws247-piew-imgs-container>img:not(.ws-hover-img){ position:relative;opacity:1; transition:all .5s; }
.ws247-piew-hover.effect-top-to-bottom .ws247-piew-imgs-container{ overflow:hidden; }
.ws247-piew-hover.effect-top-to-bottom .ws-hover-img{ opacity:0; top:-100%; }
.ws247-piew-hover.effect-top-to-bottom:hover .ws-hover-img{ opacity:1; top:0; }
.ws247-piew-hover.effect-top-to-bottom:hover .ws247-piew-imgs-container>img:not(.ws-hover-img){ opacity:0; }

/*effect-rotate-left*/
.ws247-piew-hover.effect-rotate-left .ws-hover-img{ display:none; }
.ws247-piew-hover.effect-rotate-left .ws247-piew-imgs-container img{ transition:all .5s; }
.ws247-piew-hover.effect-rotate-left:hover .ws247-piew-imgs-container img{ transform:rotate(-5deg); }

/*effect-rotate-right*/
.ws247-piew-hover.effect-rotate-right .ws-hover-img{ display:none; }
.ws247-piew-hover.effect-rotate-right .ws247-piew-imgs-container img{ transition:all .5s; }
.ws247-piew-hover.effect-rotate-right:hover .ws247-piew-imgs-container img{ transform:rotate(5deg); }

/*effect-overflow*/
.ws247-piew-hover.effect-overflow{ position:relative; overflow:hidden; }
.ws247-piew-effect-overflow-container .price, .ws247-piew-effect-overflow-container .star-rating {
    display: block;
}
.ws247-piew-effect-overflow-container{
   	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	z-index: 11111;
	background: rgb(78, 78, 78, 74%);
	color: #fff;
	transition:all .5s;
}ul.products li.product .ws247-piew-effect-overflow-container .button,
.ws247-piew-effect-overflow-container .button{
	background: #fff;
    color: #000;
    border-color: #b9b4b4;
	text-align: center;
    display: block;
    margin: 0 auto;
    max-width: 250px;
}ul.products li.product .ws247-piew-effect-overflow-container .price,  
ul.products li.product .ws247-piew-effect-overflow-container .woocommerce-loop-product__title,
.ws247-piew-effect-overflow-container .price, 
.ws247-piew-effect-overflow-container .woocommerce-loop-product__title{
	text-align: center;
}ul.products li.product .ws247-piew-effect-overflow-container .star-rating,
.ws247-piew-effect-overflow-container .star-rating{
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}ul.products li.product .ws247-piew-effect-overflow-container .added_to_cart,
.ws247-piew-effect-overflow-container .added_to_cart{
	color: #fff;
    margin: 0 auto;
    display: block;
    max-width: 200px;
    text-align: center;
}
.ws247-piew-hover.effect-overflow:hover .ws247-piew-effect-overflow-container{ left:0; }
.ws247-piew-hover.effect-overflow.border{
	padding-bottom: 0;
}
.ws247-piew-effect-overflow-out{
    position: relative;
    top: 43%;
    transform: translateY(-50%);
}
.ws247-piew-effect-overflow-container .ws247-piew-small-gallery{
	position: static;
    width: 100% !important;
    text-align: center;
}
.ws247-piew-effect-overflow-out .product-title a{ display:block; text-align:center; color: #fff; }

/*effect-description*/
.effect-description .short-description{
	position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 62%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 10px;
	transition:all .5s;
	opacity:0;
	overflow: hidden;
}
.ws247-piew-hover.effect-description:hover .short-description{
	opacity:1;
}

/*End effects------------------------*/



.ws247-piew-small-gallery{ position: absolute; padding: 0; margin: 0; bottom:0; width:100%; z-index:9999; }
.ws247-piew-small-gallery li{ 
	list-style: none;
    display: inline-block;
    border: 1px solid;
    overflow: hidden;
    margin: 6px !important;
}.ws247-piew-small-gallery.radius li{
	border-radius: 50px;
	cursor:pointer;
}
ul.products li.product .ws247-piew-small-gallery img, .ws247-piew-small-gallery img{ width:40px !important; height:40px !important; display:block; margin:0; padding:0; }
.ws247-piew-small-gallery li img{ transform:scale(1); transition:all .5s; }
.ws247-piew-small-gallery li:hover img{ transform:scale(1.5); }

.ws247-piew-small-gallery.has-location{
	width: 60px;
	bottom:auto;
	top: 50%;
    transform: translateY(-50%);
}.ws247-piew-small-gallery.has-location li{ margin:0; }
.ws247-piew-small-gallery.on-right{
    right: 0;
}
.ws247-piew-small-gallery.on-left{
	left:0;
}.ws247-piew-effect-overflow-out .ws247-piew-small-gallery.has-location{ transform:none; }

.ws247_piew_link_attr{
	transition:all .5s;
}