/***************************************************
 * Generated by SVG Artista on 7/23/2020, 6:30:51 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 6px;
        stroke-dasharray: 6px;
    }

    100% {
        stroke-dashoffset: 1px;
    }
}

@keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 6px;
        stroke-dasharray: 6px;
    }

    100% {
        stroke-dashoffset: 1px;
    }
}

@-webkit-keyframes animate-svg-fill-alpha {
    0% {
        fill: transparent;
    }
    75% {
        fill: rgba(255, 255, 255, 0.7);
    }
    85% {
        fill: rgba(255, 255, 255, 0.5);
    }
    90% {
        fill: rgba(255, 255, 255, 0.8);
    }
    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill-alpha {
    0% {
        fill: transparent;
    }
    75% {
        fill: rgba(255, 255, 255, 0.7);
    }
    85% {
        fill: rgba(255, 255, 255, 0.5);
    }
    90% {
        fill: rgba(255, 255, 255, 0.8);
    }
    100% {
        fill: rgb(255, 255, 255);
    }
}

.svg-anim-1 {
    -webkit-animation: animate-svg-fill-alpha 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-fill-alpha 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

.svg-anim-2 {
    -webkit-animation: animate-svg-fill-alpha 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
    animation: animate-svg-fill-alpha 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

.svg-anim-3 {
    -webkit-animation: animate-svg-fill-alpha 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
    animation: animate-svg-fill-alpha 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 3px;
        stroke-dasharray: 3px;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 3px;
        stroke-dasharray: 3px;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes animate-svg-fill-orange-inner-circle {
    0% {
        fill: transparent;
    }
    10% {
        fill: rgb(189, 195, 199);
    }
    90% {
        fill: rgb(189, 195, 199);
    }
    100% {
        fill: rgb(255, 141, 4);
    }
}

@keyframes animate-svg-fill-orange-inner-circle {
    0% {
        fill: transparent;
    }
    10% {
        fill: rgb(189, 195, 199);
    }
    99% {
        fill: rgb(189, 195, 199);
    }
    100% {
        fill: rgb(255, 141, 4);
    }
}

.svg-orange-circle-1 > path:first-child {
    -webkit-animation: animate-svg-fill-orange-inner-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
    animation: animate-svg-fill-orange-inner-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
}
.svg-orange-circle-2 > path:first-child {
    -webkit-animation: animate-svg-fill-orange-inner-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
    animation: animate-svg-fill-orange-inner-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}
.svg-orange-circle-3 > path:first-child {
    -webkit-animation: animate-svg-fill-orange-inner-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
    animation: animate-svg-fill-orange-inner-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}
.svg-orange-circle-4 > path:first-child {
    -webkit-animation: animate-svg-fill-orange-inner-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
    animation: animate-svg-fill-orange-inner-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-fill-orange-inner-circle-circle {
    0% {
        fill: transparent;
    }
    10% {
        fill: rgb(255, 255, 255);
    }
    99% {
        fill: rgb(255, 255, 255);
    }
    100% {
        fill: rgb(252, 208, 5);
    }
}

@keyframes animate-svg-fill-orange-inner-circle-circle {
    0% {
        fill: transparent;
    }
    10% {
        fill: rgb(255, 255, 255);
    }
    99% {
        fill: rgb(255, 255, 255);
    }
    100% {
        fill: rgb(252, 208, 5);
    }
}

.svg-orange-circle-1 > path:last-child {
    -webkit-animation: animate-svg-fill-orange-inner-circle-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
    animation: animate-svg-fill-orange-inner-circle-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
}
.svg-orange-circle-2 > path:last-child {
    -webkit-animation: animate-svg-fill-orange-inner-circle-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
    animation: animate-svg-fill-orange-inner-circle-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}
.svg-orange-circle-3 > path:last-child {
    -webkit-animation: animate-svg-fill-orange-inner-circle-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
    animation: animate-svg-fill-orange-inner-circle-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}
.svg-orange-circle-4 > path:last-child {
    -webkit-animation: animate-svg-fill-orange-inner-circle-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
    animation: animate-svg-fill-orange-inner-circle-circle 2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-fill-orange-inner-circle-line {
    0% {
        fill: transparent;
    }
    75% {
        fill: rgba(252, 208, 5, 0.7);
    }
    85% {
        fill: rgba(252, 208, 5, 0.5);
    }
    90% {
        fill: rgba(252, 208, 5, 0.8);
    }
    100% {
        fill: rgb(252, 208, 5);
    }
}

@keyframes animate-svg-fill-orange-inner-circle-line {
    0% {
        fill: transparent;
    }
    75% {
        fill: rgba(252, 208, 5, 0.7);
    }
    85% {
        fill: rgba(252, 208, 5, 0.5);
    }
    90% {
        fill: rgba(252, 208, 5, 0.8);
    }
    100% {
        fill: rgb(252, 208, 5);
    }
}

.svg-orange-line > *:nth-child(1) {
    -webkit-animation: animate-svg-fill-orange-inner-circle-line 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
    animation: animate-svg-fill-orange-inner-circle-line 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}
.svg-orange-line > *:nth-child(2) {
    -webkit-animation: animate-svg-fill-orange-inner-circle-line 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
    animation: animate-svg-fill-orange-inner-circle-line 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
}
.svg-orange-line > *:nth-child(3) {
    -webkit-animation: animate-svg-fill-orange-inner-circle-line 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s both;
    animation: animate-svg-fill-orange-inner-circle-line 0.9s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4s both;
}
.svg-orange-line > *:nth-child(4) {
    -webkit-animation: animate-svg-fill-orange-inner-circle-line 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
    animation: animate-svg-fill-orange-inner-circle-line 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
}
.svg-orange-line > *:nth-child(5) {
    -webkit-animation: animate-svg-fill-orange-inner-circle-line 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
    animation: animate-svg-fill-orange-inner-circle-line 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
}

@-webkit-keyframes animate-svg-fill {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@keyframes animate-svg-fill {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 255, 255);
    }
}

@-webkit-keyframes animate-svg-fill-grey {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(189, 195, 199);
    }
}

@keyframes animate-svg-fill-grey {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(189, 195, 199);
    }
}

.svg-circle-1-inner, .svg-circle-5-inner {
    -webkit-animation: animate-svg-fill-grey 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
    animation: animate-svg-fill-grey 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
}

.svg-circle-1, .svg-circle-3-inner, .svg-circle-5 {
    -webkit-animation: animate-svg-fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
    animation: animate-svg-fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

.svg-circle-2-inner, .svg-circle-3, .svg-circle-11-inner {
    -webkit-animation: animate-svg-fill-grey 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-fill-grey 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

.svg-circle-2, .svg-circle-11 {
    -webkit-animation: animate-svg-fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
    animation: animate-svg-fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

.svg-circle-7-inner {
    -webkit-animation: animate-svg-fill-orange-inner-circle 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
    animation: animate-svg-fill-orange-inner-circle 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

.svg-circle-7 {
    -webkit-animation: animate-svg-fill-orange-inner-circle-line 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-fill-orange-inner-circle-line 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

.svg-circle-4-inner, .svg-circle-6-inner {
    -webkit-animation: animate-svg-fill-grey 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
    animation: animate-svg-fill-grey 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

.svg-circle-4, .svg-circle-6 {
    -webkit-animation: animate-svg-fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

.svg-circle-8-inner, .svg-circle-5-inner {
    -webkit-animation: animate-svg-fill-grey 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-fill-grey 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

.svg-circle-8, .svg-circle-5 {
    -webkit-animation: animate-svg-fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
    animation: animate-svg-fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

.svg-circle-9-inner {
    -webkit-animation: animate-svg-fill-orange-inner-circle 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-fill-orange-inner-circle 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

.svg-circle-9 {
    -webkit-animation: animate-svg-fill-orange-inner-circle-line 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
    animation: animate-svg-fill-orange-inner-circle-line 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
}

.svg-circle-10-inner {
    -webkit-animation: animate-svg-fill-orange-inner-circle 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-fill-orange-inner-circle 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

.svg-circle-10 {
    -webkit-animation: animate-svg-fill-orange-inner-circle-line 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
    animation: animate-svg-fill-orange-inner-circle-line 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

@-webkit-keyframes animate-svg-stroke-outline {
    0% {
        stroke-dashoffset: 23px;
        stroke-dasharray: 23px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 23px;
    }
}

@keyframes animate-svg-stroke-outline {
    0% {
        stroke-dashoffset: 23px;
        stroke-dasharray: 23px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 23px;
    }
}

.svg-anim-outline {
    -webkit-animation: animate-svg-stroke-outline 3.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-stroke-outline 3.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}