html, body{
    min-height: 100%;
}

@keyframes brand {
    0% {
        bottom: -30px;
        opacity: 1;
    }
    20% {
        bottom: 0px;
    }
    80% {
        bottom: 0px;
        opacity: 1;
    }

    100%{
        opacity: 0;
        bottom: -30px;
    }
}

.tt-brand {
    position: fixed;
    bottom: -30px;
    width: 100%;
    height: 30px;
    padding-top: 7px;
    z-index:99999;
    background: rgba(255, 99, 92, 0.7);
}

.tt-brand.showOnce {
    animation-name: brand;
    animation-duration: 2s;
    animation-timing-function: ease-out;
}

.tt-brand .icon,
.tt-brand .text
{
    /*float: left;*/
    text-align: center;
}
.tt-brand .text span{
    display: inline;
    color: white;
}

.brandtest {
    position: fixed;
    top: 0;
}