.product-card {
  border: none;
  background-color: #F7F7F7;
  height: 300px;
  position: relative;
  overflow: hidden;
  margin: 10px 5px 20px 5px;
  -webkit-transition: .5s;
  transition: .5s;
}

.product-card .prod-img, .product-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  -webkit-transition: .5s;
  transition: .5s;
}

.product-card .new-badge {
  width: 70px;
  height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 0px 25px 0px 25px;
  background-color: #36CD4C;
  line-height: 30px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.product-card .rolling-badge {
  width: 70px;
  height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 0px 25px 0px 25px;
  background-color: #FFB901;
  line-height: 30px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.product-card .card-overlay {
  height: 140px;
  width: 100%;
  background-color: #fff;
  opacity: .9;
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 20px 0px;
  -webkit-transform: translateY(145px);
          transform: translateY(145px);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.product-card .card-overlay .icons a {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #6432B7;
  color: #fff;
  line-height: 35px;
  margin: 0px 2px;
}

.product-card .card-overlay .icons a:hover, .product-card .card-overlay .icons a.active {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.product-card .card-overlay p, .product-card .card-overlay .prod-name {
  color: #000;
  margin: 10px 0px;
  font-weight: bold;
}

.product-card .card-overlay .rate i {
  font-size: 12px;
  color: #999;
}

.product-card .card-overlay .rate i.active {
  color: #FDB900;
}

.product-card .card-overlay .price-last {
  margin: 0px 10px;
}

.product-card .card-overlay .prev-prive {
  color: #555;
  text-decoration: line-through;
}

.product-card:hover, .product-card.hoverable {
  -webkit-box-shadow: 0px 0px 10px 0px #ccc;
          box-shadow: 0px 0px 10px 0px #ccc;
}

.product-card:hover .card-overlay, .product-card.hoverable .card-overlay {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.product-card:hover img, .product-card.hoverable img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
/*# sourceMappingURL=product.css.map */