.site-header.scrolled{

background:#fff;

box-shadow:0 10px 35px rgba(0,0,0,.08);

}

.show{

opacity:1 !important;

transform:translateY(0)!important;

}

.product-card,
.category-box,
.testimonial,
section{

opacity:0;

transform:translateY(40px);

transition:.8s;

}

.btn-primary{

position:relative;

overflow:hidden;

}

.ripple{

position:absolute;

width:15px;

height:15px;

background:rgba(255,255,255,.5);

border-radius:50%;

transform:translate(-50%,-50%);

animation:ripple .6s linear;

}

@keyframes ripple{

0%{

transform:translate(-50%,-50%) scale(0);

opacity:1;

}

100%{

transform:translate(-50%,-50%) scale(15);

opacity:0;

}

}