.x{
    display: block;
    height: 2000px;
}
.animated.start{
    display: block !important;
}

#newtime_logo{ display: none; }
#newtime_logo svg > g:nth-child(3) > g{
    -webkit-animation: .1s linear newtime_logo-made forwards;
            animation: .1s linear newtime_logo-made forwards;
    visibility:hidden;
}
#newtime_logo svg > g:nth-child(3) > g:nth-child(1){
    -webkit-animation-delay: .7s;
            animation-delay: .7s;
}
#newtime_logo svg > g:nth-child(3) > g:nth-child(2){
    -webkit-animation-delay: .8s;
            animation-delay: .8s;
}
#newtime_logo svg > g:nth-child(3) > g:nth-child(3){
    -webkit-animation-delay: .9s;
            animation-delay: .9s;
}

#newtime_logo svg > g:nth-child(1),
#newtime_logo svg > g:nth-child(2){
    opacity:0;
}
#newtime_logo svg > g:nth-child(2){
    -webkit-animation: .5s linear newtime_logo-circle forwards;
            animation: .5s linear newtime_logo-circle forwards;
}
#newtime_logo svg > g:nth-child(1){
    -webkit-animation: 1s linear newtime_logo-circle forwards;
            animation: 1s linear newtime_logo-circle forwards;
}
@-webkit-keyframes newtime_logo-made{
    from{ visibility:hidden; }
    to{ visibility:visible; }
}
@keyframes newtime_logo-made{
    from{ visibility:hidden; }
    to{ visibility:visible; }
}

@-webkit-keyframes newtime_logo-circle {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 0;
    }
    30% {
        -webkit-transform: perspective(400px) translateX(-50px);
        transform: perspective(400px) translateX(-20px);
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes newtime_logo-circle {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 0;
    }
    30% {
        -webkit-transform: perspective(400px) translateX(-50px);
        transform: perspective(400px) translateX(-20px);
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}