.loading-indicator {
    background-color: rgba(77, 90, 102, 0.9);
    height: 40px;
    padding: 10px 20px;
    color: #fff;
    border-radius: 4px;
    /*border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;*/
    width: 250px;
    margin: 0 auto;
    text-align: center;
    bottom: 12px;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 1003;
    -moz-transform: translateY(52px);
    -ms-transform: translateY(52px);
    -o-transform: translateY(52px);
    -webkit-transform: translateY(52px);
    transform: translateY(52px);
    -moz-transition: all 150ms 500ms ease-in;
    -o-transition: all 150ms 500ms ease-in;
    -webkit-transition: all 150ms 500ms ease-in;
    transition: all 150ms 500ms ease-in;
}

    .loading-indicator.visible {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -moz-transition: all 120ms 100ms ease-out;
        -o-transition: all 120ms 100ms ease-out;
        -webkit-transition: all 120ms 100ms ease-out;
        transition: all 120ms 100ms ease-out;
    }

    .loading-indicator span {
        margin-right: 5px;
    }