/********************* shopping Demo-1 **********************/
.product-grid{box-shadow: 1px 1px 10px 1px #ccc8c8;font-family:Raleway,sans-serif;text-align:center;padding:0 0 72px;border:2px solid rgba(0, 0, 0, 0.28);overflow:hidden;position:relative;z-index:1}
.product-grid .product-image{position:relative;transition:all .3s ease 0s}
.product-grid .product-image a{display:block}
.product-grid .product-image img{width:100%;height:auto}
.product-grid .pic-1{opacity:1;transition:all .3s ease-out 0s}
.product-grid:hover .pic-1{opacity:1}
.product-grid .pic-2{opacity:0;position:absolute;top:0;left:0;transition:all .3s ease-out 0s}
.product-grid:hover .pic-2{opacity:1}
.product-grid .social{width:150px;padding:0;margin:0;list-style:none;opacity:0;transform:translateY(-50%) translateX(-50%);position:absolute;top:60%;left:50%;z-index:1;transition:all .3s ease 0s}
.product-grid:hover .social{opacity:1;top:50%}
.product-grid .social li{display:inline-block}
.product-grid .social li a{color:#fff;background-color:#333;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:0 2px;display:block;position:relative;transition:all .3s ease-in-out}
.product-grid .social li a:hover{color:#fff;background-color:#ef5777}
.product-grid .social li a:after,.product-grid .social li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;letter-spacing:1px;line-height:20px;padding:1px 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.product-grid .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-20px;z-index:-1}
.product-grid .social li a:hover:after,.product-grid .social li a:hover:before{opacity:1}
.product-grid .product-discount-label,.product-grid .product-new-label{color:#fff;background-color:#b10a0f;font-size:12px;text-transform:uppercase;padding:2px 7px;display:block;position:absolute;top:10px;left:0}
.product-grid .product-discount-label{background-color:#333;left:auto;right:0}
.product-grid .rating{color:#FFD200;font-size:12px;padding:12px 0 0;margin:0;list-style:none;position:relative;z-index:-1}
.product-grid .rating li.disable{color:rgba(0,0,0,.2)}
.product-grid .product-content{border-top: 1px solid #ece9e9;background-color:#fff;text-align:center;padding:29px 0;margin:0 auto;position:absolute;left:0;right:0;bottom:-15px;z-index:1;transition:all .3s}
.product-grid:hover .product-content{bottom:0}
.product-grid .title{font-size:13px;font-weight:400;letter-spacing:.5px;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.product-grid .title a{color: #e21e25;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
  }
.product-grid .title a:hover,.product-grid:hover .title a{color:#000000;}
.product-grid .price{color:#333;font-size: 14px;font-family: 'Lora', serif;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-align:center;transition:all .3s}
.product-grid .price span{color:#999;font-size:13px;font-weight:400;text-decoration:line-through;margin-left:3px;display:inline-block}
.product-grid .add-to-cart{color:#000;font-size:13px;font-weight:600;font-family: 'Lora', serif;}
@media only screen and (max-width:990px){.product-grid{margin-bottom:30px}
}

.shadow {
    box-shadow: 0 .1rem 0rem rgba(0,0,0,.15)!important;
}

#f1_container {
    position: relative;
   /* margin: 4px auto;*/
    width: 100%;
    height: 300px;
    margin-top: 15px;
     z-index: 1; 
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #aaa;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 15px;
  color: white;
  text-align: justify;
  background-color: #fff;
}
.face.back p {
    margin-top: 29px;
    color: #000000;
    font-size: 14px;
    font-family: 'Lora', serif;
}
/*.back 
{
    margin-top: 30px;
}*/
.face.back ul {
  margin-top: 7px;
    color: #000000;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    line-height: 35px;
    
}
.face.back h5
{   
        color: #e41e23;
        margin-top: -10px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
   
}
.anti
{
    margin-top: 50px;
}