#product-loader
{
    position        : fixed;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    background      : rgba(255, 255, 255, 0.8);
    align-items     : center;
    justify-content : center;
    z-index         : 1000;
    display         : none;
}

.loader
{
    border        : 16px solid #f3f3f3;
    border-radius : 50%;
    border-top    : 16px solid #3498db;
    width         : 50px;
    height        : 50px;
    animation     : spin 2s linear infinite;
}

@keyframes spin
{
    0%   { transform : rotate(0deg); }
    100% { transform : rotate(360deg); }
}