#svg_logo {
    width: 125px;
    height: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    z-index: 99999;
    margin: auto;
    display: block;
    fill:#bd8e58
}

.loading-screen__site-name.active #svg_logo {
    animation: fadeOutDown 1s ease-in both;
    -webkit-animation: fadeOutDown 1s ease-in both;
    -moz-animation: fadeOutDown 1s ease-in both;
}

.path {
    animation: draw 4s linear, st0black 4s linear;
    -webkit-animation: draw 4s linear, st0black 4s linear;
    -moz-animation: draw 4s linear, st0black 4s linear;
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}
@-moz-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes st0black {
    50% {
        fill: transparent;
    }

    100% {
        fill: #bd8e58;
    }
}
@-webkit-keyframes st0black {
    50% {
        fill: transparent;
    }

    100% {
        fill: #bd8e58;
    }
}
@-moz-keyframes st0black {
    50% {
        fill: transparent;
    }

    100% {
        fill: #bd8e58;
    }
}
@keyframes fadeOutDown {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(50px);
    }
}
@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(50px);
    }
}
@-moz-keyframes fadeOutDown {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(50px);
    }
}