@keyframes smartly-part {
    0%   {transform: translateX(0) scaleX(1);}
    50%  {transform: translateX(311.45239px) scaleX(0);}
    100%  {transform: translateX(311.45239px) scaleX(0);}
}

@keyframes eleven-part {
    0%   {transform: translateX(311.45239px) scaleX(0);}
    50%  {transform: translateX(311.45239px) scaleX(0);}
    100%  {transform: translateX(155.726px) scaleX(0.5);}
}

#logo-smartly-part-rect {
    animation-name: smartly-part;
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-delay: 3.75s;
}

#logo-eleven-part-rect {
    transform: translateX(311.45239px) scaleX(0);
    animation-name: eleven-part;
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-delay: 3.75s;
}

@keyframes bar-part {
    0%   {transform: translateX(0);}
    50%  {transform: translateX(-899.8525px);}
    50%  {transform: translateX(-899.8525px);}
    100%  {transform: translateX(-450px);}
}

@keyframes bar-appear {
    0%   {stroke-opacity: 0; fill-opacity: 0;}
    50%  {stroke-opacity: 1; fill-opacity: 0;}
    100%  {stroke-opacity: 1; fill-opacity: 1;}
}

@keyframes bar-disappear {
    0%   {stroke-opacity: 1; fill-opacity: 1;}
    50%  {stroke-opacity: 1; fill-opacity: 0;}
    100%  {stroke-opacity: 0; fill-opacity: 0;}
}

#logo-bar-part {
    stroke-opacity: 0;
    fill-opacity: 0;
    animation: bar-appear 0.75s ease-out 3s 1 forwards,
    bar-part 4s ease 3.75s 1 forwards,
    bar-disappear 0.75s ease 8.25s 1 forwards;
}