.website-icon .st0 {
    clip-path: url(#SVGID_2_);
}

.website-icon .sub_five {

    transform: translate(0px, -80px);
    animation: slide .75s cubic-bezier(.74, .02, .36, .97) forwards;
}

.website-icon .sub_four {

    transform: translate(0px, -80px);
    animation: slide .75s .1s cubic-bezier(.74, .02, .36, .97) forwards;
}

.website-icon .sub_three {

    transform: translate(0px, -80px);
    animation: slide .75s .2s cubic-bezier(.74, .02, .36, .97) forwards;
}

.website-icon .sub_two {

    transform: translate(0px, -80px);
    animation: slide .75s .3s cubic-bezier(.74, .02, .36, .97) forwards;
}

.website-icon .sub_one {

    transform-origin: 62px 32px;
    transform: scale(1, 0);
    animation: slide_two .4s 1s cubic-bezier(.74, .02, .36, .97) forwards;
}

.website-icon .feat_one {

    animation: fade_out .001s 1.8s ease forwards;
}

.website-icon .feat_two {

    opacity: 0;
    animation: fade_in .001s 1.8s ease forwards;
}

.website-icon .ft_one {

    transform-origin: 62px 32px;
}

.website-icon .feat_two:hover .ft_five {

    animation: fade_out .5s ease forwards, slide_three .75s .5s cubic-bezier(.74, .02, .36, .97) forwards !important;
}

.website-icon .feat_two:hover .ft_four {

    animation: fade_out .5s ease forwards, slide_three .75s .6s cubic-bezier(.74, .02, .36, .97) forwards !important;
}

.website-icon .feat_two:hover .ft_three {

    animation: fade_out .5s ease forwards, slide_three .75s .7s cubic-bezier(.74, .02, .36, .97) forwards !important;
}

.website-icon .feat_two:hover .ft_two {

    animation: fade_out .5s ease forwards, slide_three .75s .8s cubic-bezier(.74, .02, .36, .97) forwards !important;
}

.website-icon .feat_two:hover .ft_one {

    animation: fade_out .5s ease forwards, slide_four .4s 1.5s cubic-bezier(.74, .02, .36, .97) forwards !important;
}

/* run-animation website-icon on scroll */
.run-animation .feat_two .ft_five {

    animation: fade_out .5s ease forwards, slide_three .75s .5s cubic-bezier(.74, .02, .36, .97) forwards;
}

.run-animation .feat_two .ft_four {

    animation: fade_out .5s ease forwards, slide_three .75s .6s cubic-bezier(.74, .02, .36, .97) forwards;
}

.run-animation .feat_two .ft_three {

    animation: fade_out .5s ease forwards, slide_three .75s .7s cubic-bezier(.74, .02, .36, .97) forwards;
}

.run-animation .feat_two .ft_two {

    animation: fade_out .5s ease forwards, slide_three .75s .8s cubic-bezier(.74, .02, .36, .97) forwards;
}

.run-animation .feat_two .ft_one {

    animation: fade_out .5s ease forwards, slide_four .4s 1.5s cubic-bezier(.74, .02, .36, .97) forwards;
}


@keyframes fade_in {

    100% {

        opacity: 1;
    }
}

@keyframes slide_four {

    0% {

        opacity: 1;
        transform: scale(1, 0);
    }

    100% {

        opacity: 1;
        transform: scale(1, 1);
    }
}

@keyframes slide_three {

    0% {

        opacity: 1;
        transform: translate(0px, -80px);
    }

    100% {

        opacity: 1;
        transform: translate(0px, 0px);
    }
}

@keyframes slide {

    100% {

        transform: translate(0px, 0px);
    }
}

@keyframes slide_two {

    100% {

        transform: scale(1, 1);
    }
}

@keyframes fade_out {

    100% {

        opacity: 0;
    }
}

/* **************************************** */
/* **************************************** */

.focus-icon .sub_one {
    transform-origin: 62px 57px;
    animation: focus_icon_grow 2s .3s ease forwards;
}

.focus-icon .sub_two {

    transform-origin: 62px 57px;
    animation: focus_icon_grow 2s .15s ease forwards;
}

.focus-icon .sub_three {

    transform-origin: 62px 57px;
    animation: focus_icon_grow 2s ease forwards;
}


.focus-icon .feat_one {

    animation: focus_icon_fade_out .001s 2.3s ease forwards;
}

.focus-icon .feat_two {

    opacity: 0;
    animation: focus_icon_fade_in .001s 2.3s ease forwards;
}

.focus-icon .ft_one,
.focus-icon .ft_two,
.focus-icon .ft_three {

    transform-origin: 62px 57px;
}

.focus-icon .feat_two:hover .ft_one {

    animation: focus_icon_grow 2s .3s ease forwards;
}

.focus-icon .feat_two:hover .ft_two {

    animation: focus_icon_grow 2s .15s ease forwards;
}

.focus-icon .feat_two:hover .ft_three {

    animation: focus_icon_grow 2s ease forwards;
}

/* run-animation focus-icon on scroll */
.focus-icon.run-animation .feat_two .ft_one {

    animation: focus_icon_grow 2s .3s ease forwards;
}

.focus-icon.run-animation .feat_two .ft_two {

    animation: focus_icon_grow 2s .15s ease forwards;
}

.focus-icon.run-animation .feat_two .ft_three {

    animation: focus_icon_grow 2s ease forwards;
}

@keyframes focus_icon_grow {

    25% {

        transform: scale(.6);
    }

    50% {

        transform: scale(1);
    }

    75% {

        transform: scale(.6);
    }

    100% {

        transform: scale(1);
    }
}

@keyframes focus_icon_fade_out {

    100% {

        opacity: 0;
    }
}

@keyframes focus_icon_fade_in {

    100% {

        opacity: 1;
    }
}

/* **************************************** */
/* **************************************** */


.graph-icon .sub_one {

    transform-origin: 37px 92px;
    transform: scale(1, 0);
    animation: graph_icon_grow .72s ease forwards;
}

.graph-icon .sub_two {

    transform-origin: 47px 92px;
    transform: scale(1, 0);
    animation: graph_icon_grow .72s .2s ease forwards;
}

.graph-icon .sub_three {

    transform-origin: 57px 92px;
    transform: scale(1, 0);
    animation: graph_icon_grow .72s .4s ease forwards;
}

.graph-icon .sub_four {

    transform-origin: 67px 92px;
    transform: scale(1, 0);
    animation: graph_icon_grow .72s .6s ease forwards;
}

.graph-icon .sub_five {

    transform-origin: 87px 92px;
    transform: scale(1, 0);
    animation: graph_icon_grow .72s .8s ease forwards;
}

.graph-icon .feat_one {

    animation: graph_icon_fade_out .001s 1.7s ease forwards;
}

.graph-icon .feat_two {

    opacity: 0;
    animation: graph_icon_fade_in .001s 1.7s ease forwards;
}

.graph-icon .ft_one {

    transform-origin: 37px 92px;
}

.graph-icon .ft_two {

    transform-origin: 47px 92px;
}

.graph-icon .ft_three {

    transform-origin: 57px 92px;
}

.graph-icon .ft_four {

    transform-origin: 67px 92px;
}

.graph-icon .ft_five {

    transform-origin: 87px 92px;
}

.graph-icon .feat_two:hover .ft_one {

    animation: graph_icon_fade_out .5s linear forwards, graph_icon_grow_two .72s .6s ease forwards;
}

.graph-icon .feat_two:hover .ft_two {

    animation: graph_icon_fade_out .5s linear forwards, graph_icon_grow_two .72s .8s ease forwards;
}

.graph-icon .feat_two:hover .ft_three {

    animation: graph_icon_fade_out .5s linear forwards, graph_icon_grow_two .72s 1s ease forwards;
}

.graph-icon .feat_two:hover .ft_four {

    animation: graph_icon_fade_out .5s linear forwards, graph_icon_grow_two .72s 1.2s ease forwards;
}

.graph-icon .feat_two:hover .ft_five {

    animation: graph_icon_fade_out .5s linear forwards, graph_icon_grow_two .72s 1.4s ease forwards;
}

/* run-animation graph-icon on scroll */
.graph-icon.run-animation .feat_two .ft_one {

    animation: graph_icon_fade_out .5s linear forwards, graph_icon_grow_two .72s .6s ease forwards;
}

.graph-icon.run-animation .feat_two .ft_two {

    animation: graph_icon_fade_out .5s linear forwards, graph_icon_grow_two .72s .8s ease forwards;
}

.graph-icon.run-animation .feat_two .ft_three {

    animation: graph_icon_fade_out .5s linear forwards, graph_icon_grow_two .72s 1s ease forwards;
}

.graph-icon.run-animation .feat_two .ft_four {

    animation: graph_icon_fade_out .5s linear forwards, graph_icon_grow_two .72s 1.2s ease forwards;
}

.graph-icon.run-animation .feat_two .ft_five {

    animation: graph_icon_fade_out .5s linear forwards, graph_icon_grow_two .72s 1.4s ease forwards;
}

@keyframes graph_icon_fade_out {

    100% {

        opacity: 0;
    }
}

@keyframes graph_icon_fade_in {

    100% {

        opacity: 1;
    }
}

@keyframes graph_icon_grow_two {

    0% {

        opacity: 1;
        transform: scale(1, 0);
    }

    100% {

        opacity: 1;
        transform: scale(1, 1);
    }
}

@keyframes graph_icon_grow {

    0% {

        transform: scale(1, 0);
    }

    100% {

        transform: scale(1, 1);
    }
}

/* **************************************** */
/* **************************************** */

.time-icon .sub_one {

    transform-origin: 62px 60px;
    animation: time_icon_eff_one 1.5s cubic-bezier(.74, .02, .36, .97) forwards;
}

.time-icon .sub_two {

    transform-origin: 62px 60px;
    animation: time_icon_eff_two 1.5s cubic-bezier(.74, .02, .36, .97) forwards;
}

.time-icon .bg_one {

    opacity: 0;
    transform-origin: 62px 60px;
    animation: time_icon_pulsating_effect .75s 1.25s linear forwards;
}

.time-icon .feat_one {

    animation: time_icon_fade_out .001s 2s ease forwards;
}

.time-icon .feat_two {

    opacity: 0;
    animation: time_icon_fade_in .001s 2s ease forwards;
}

.time-icon .ft_one,
.time-icon .ft_two {

    transform-origin: 62px 60px;
}

.time-icon .bg_two {

    opacity: 0;
    transform-origin: 62px 60px;
}


.time-icon .feat_two:hover .ft_one {

    animation: time_icon_eff_one 1.5s cubic-bezier(.74, .02, .36, .97) forwards;
}

.time-icon .feat_two:hover .ft_two {

    animation: time_icon_eff_two 1.5s cubic-bezier(.74, .02, .36, .97) forwards;
}

.time-icon .feat_two:hover .bg_two {

    animation: time_icon_pulsating_effect .75s 1.25s linear forwards;
}

/* run-animation time-icon on scroll */
.time-icon.run-animation .feat_two .ft_one {

    animation: time_icon_eff_one 1.5s cubic-bezier(.74, .02, .36, .97) forwards;
}

.time-icon.run-animation .feat_two .ft_two {

    animation: time_icon_eff_two 1.5s cubic-bezier(.74, .02, .36, .97) forwards;
}

.time-icon.run-animation .feat_two .bg_two {

    animation: time_icon_pulsating_effect .75s 1.25s linear forwards;
}


@keyframes time_icon_eff_one {

    100% {

        transform: rotate(1440deg);
    }
}

@keyframes time_icon_eff_two {

    100% {

        transform: rotate(360deg);
    }
}

@keyframes time_icon_pulsating_effect {

    50% {

        opacity: .33;
    }

    100% {

        opacity: 0;
        transform: scale(1.2);
    }
}

@keyframes time_icon_fade_out {

    100% {

        opacity: 0;
    }
}

@keyframes time_icon_fade_in {

    100% {

        opacity: 1;
    }
}