.animate1 svg path {
	opacity: 0;
}

.animate2 svg path {
    opacity: 0;
}

.animate3 svg path {
    opacity: 0;
}

.animate4 svg path {
    opacity: 0;
}

.animate5 svg path {
    opacity: 0;
}

.animate6 svg path {
    opacity: 0;
}

.animate7 svg path {
    opacity: 0;
}

.animate8 svg path {
    opacity: 0;
}

.animate9 svg path {
    opacity: 0;
}

.animate10 svg path {
    opacity: 0;
}

.animate0 svg path {
	display: block;
	opacity: 1;
    fill: none;
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
    animation: DASH 2s ease-in 1s forwards;
    -webkit-animation: DASH 2s ease-in 1s forwards;
}

.animate00 svg path {
    display: block;
    opacity: 1;
    fill: none;
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
    animation: DASH 1s ease-in 0.5s forwards;
    -webkit-animation: DASH 1s ease-in 0.5s forwards;
}

@keyframes DASH {
    0% {
        stroke-dashoffset: 3000;
        fill: rgba(0, 0, 0, 0);
    }
    50% {
        stroke-dashoffset: 2000;
        fill: rgba(0, 0, 0, 0.2);
    }
    70% {
        stroke-dashoffset: 1000;
        fill: rgba(0, 0, 0, 0.4);
    }
    100% {
        stroke-dashoffset: 0;
        fill: rgba(0, 0, 0, 1);
    }
}
 
@-webkit-keyframes DASH {
    0% {
        stroke-dashoffset: 3000;
        fill: rgba(0, 0, 0, 0);
    }
    50% {
        stroke-dashoffset: 2000;
        fill: rgba(0, 0, 0, 0.2);
    }
    70% {
        stroke-dashoffset: 1000;
        fill: rgba(0, 0, 0, 0.4);
    }
    100% {
        stroke-dashoffset: 0;
        fill: rgba(0, 0, 0, 1);
    }
}


#st-main .animate4{
    margin-top: 200px;
}

#st-main .animate6,#st-main .animate7,#st-main .animate8,#st-main .animate9,#st-main .animate10{
    padding-bottom: 50px;
}