.card{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);color:#444;display:flex;flex-direction:column;min-height:100%;position:relative;text-decoration:none;top:0;transition:all .1s ease-in}.card:hover{box-shadow:0 4px 5px rgba(0,0,0,.2);top:-2px}.container{margin-top:50px}h3.h3{font-size:1.7em;margin:1em;text-align:center;text-transform:capitalize}.demo{padding:45px 0}.product-grid2{font-family:Open Sans,sans-serif;position:relative}.product-grid2 .product-image2{overflow:hidden;position:relative}.product-grid2 .product-image2 a{display:block}.product-grid2 .product-image2 img{height:auto;width:100%}.product-image2 .pic-1{opacity:1;transition:all .5s}.product-grid2:hover .product-image2 .pic-1{opacity:0}.product-image2 .pic-2{height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s;width:100%}.product-grid2:hover .product-image2 .pic-2{opacity:1}.product-grid2 .social{bottom:50px;margin:0;padding:0;position:absolute;right:25px;z-index:1}.product-grid2 .social li{display:block;margin:0 0 10px;transform:translateX(100px);transition:all .5s}.product-grid2:hover .social li{transform:translateX(0)}.product-grid2:hover .social li:nth-child(2){transition-delay:.15s}.product-grid2:hover .social li:nth-child(3){transition-delay:.25s}.product-grid2 .social li a{background-color:#fff;border-radius:50%;color:#505050;display:block;font-size:17px;height:45px;line-height:45px;text-align:center;transition:all .3s ease 0s;width:45px}.product-grid2 .social li a:hover{background-color:#3498db;box-shadow:0 0 10px rgba(0,0,0,.5);color:#fff}.product-grid2 .social li a:after,.product-grid2 .social li a:before{background-color:#000;border-radius:3px;color:#fff;content:attr(data-tip);font-size:12px;left:50%;line-height:22px;opacity:0;padding:0 5px;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap}.product-grid2 .social li a:after{border-radius:0;content:"";height:15px;top:-22px;transform:translateX(-50%) rotate(45deg);width:15px;z-index:-1}.product-grid2 .social li a:hover:after,.product-grid2 .social li a:hover:before{opacity:1}.product-grid2 .add-to-cart{background-color:#404040;bottom:-100%;color:#fff;display:block;font-size:15px;left:0;padding:10px 0;position:absolute;text-align:center;transition:all .3s;width:100%}.product-grid2 .add-to-cart:hover{background-color:#3498db;text-decoration:none}.product-grid2:hover .add-to-cart{bottom:0}.product-grid2 .product-new-label{background-color:#3498db;color:#fff;font-size:17px;padding:5px 10px;position:absolute;right:0;top:0;transition:all .3s}.product-grid2:hover .product-new-label{opacity:0}.product-grid2 .product-content{padding:20px 10px;text-align:center}.product-grid2 .title{font-size:17px;margin:0 0 7px}.product-grid2 .title a{color:#303030}.product-grid2 .title a:hover{color:#3498db}.product-grid2 .price{color:#303030;font-size:15px}@media screen and (max-width:990px){.product-grid2{margin-bottom:30px}}