.saf-loader{
    z-index: 99999;
}
.saf-loader-bg::before{
    background-image: url('/wp-content/themes/safplus/images/template/fon_loader.webp');
    background-repeat: repeat;
    background-color: #ffffff;
}

.saf-loader .saf-logo svg path{
    opacity: 0;
    transform: scale(0);
    transform-origin: center;
}
.saf-loader .saf-logo svg path.active{
    /*animation: smoothGrow 1s cubic-bezier(0.34, 1.56, 0.64, 1)  forwards;*/
    animation: smoothShrinkBig 3s cubic-bezier(0.34, 0, 0.8, 0.7) forwards;
}
@keyframes growAndBounce {
    0%      { opacity: 0; transform: scale(0); }
    50%     { opacity: 1; transform: scale(1);}
    60%     { opacity: 1; transform: scale(1.25); }
    70%     { opacity: 1; transform: scale(1.1); }
    80%     { opacity: 1; transform: scale(1.25); }
    100%    { opacity: 1; transform: scale(1); }
}


@keyframes smoothGrow {
    0%   { opacity: 0; transform: scale(0); }
    50%  { opacity: 1; transform: scale(1.1); }
    70%  { transform: scale(0.95); } /* Легкий отскок */
    85%  { transform: scale(1.05); }
    100% { opacity: 1; transform: scale(1); }
}



@keyframes smoothShrink {
    0%    { opacity: 1; transform: scale(1); }
    20%   { transform: scale(1.1); } /* Легкий подскок перед исчезновением */
    40%   { transform: scale(0.95); }
    60%   { transform: scale(1.05); }
    80%   { opacity: 0.5; transform: scale(0.3); }
    100%  { opacity: 0; transform: scale(0); }
}



@keyframes smoothShrinkBig {
    0%    { opacity: 1; transform: scale(1); }
    20%   { transform: scale(2.1); } /* Легкий подскок перед исчезновением */
    40%   { transform: scale(1.9); }
    60%   { transform: scale(2.05); }
    80%   { opacity: 0.5; transform: scale(0.3); }
    100%  { opacity: 0; transform: scale(0); }
}