.st0{fill:#FFFFFF;}
.st1{clip-path:url(#SVGID_2_);fill:url(#SVGID_3_);}
.st2{clip-path:url(#SVGID_5_);fill:url(#SVGID_6_);}
.st3{clip-path:url(#SVGID_8_);fill:url(#SVGID_9_);}
.loading-container {
    background-color: #ffffff;
}
.container {
    overflow: hidden;
    position: relative;
    height: 60%;
    margin: 40px auto 0;
}

.path {
    stroke: #FBFBFB;
    fill: #FBFBFB;
    fill-opacity:0;
}

#path0{
    transform: scale(0,0);
    transform-origin: center;
    animation: s2b1 1.0s linear forwards;
}

@keyframes s2b1 {
    0% {
        transform: scale(0,0);
    }
    50% {
        transform: scale(1,1);
    }
    75% {
        transform: scale(0.8,0.8)
    }
    100% {
        transform: scale(1,1);
    }
}

#path1 {
    transform: scale(0,0);
    transform-origin: center;
    animation: s2b 1.4s linear forwards;
    animation-delay: 0.2s;
}

@keyframes s2b {
    0% {
        transform: scale(0,0);
    }
    80% {
        transform: scale(0.8,0.8);
    }
    90% {
        transform: scale(1.1,1.1);
    }
    100% {
        transform: scale(1,1);
    }
}



.shine {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    animation: brillo 2.8s linear 1.8s infinite;
}
/*
@keyframes brillo {
    0% {
        background: rgba(255,255,255,0.4);
        width: 0;
    }
    20% {
        background: rgba(255,255,255,0);
        width: 200%;
    }
    100% {
        background: rgba(255,255,255,0);
        width: 0;
    }
}

 */
#svg{
    transform-origin: center;
    animation: anim_zoom 1.5s linear 1.2s infinite;
}

@keyframes anim_zoom {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(0.97,0.97);
    }
    100% {
        transform: scale(1,1);
    }
}