#preloader
{
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 9000;
    color:#D32C2C;
}

.loader
{
    position: fixed;
    top: 0px;
    left: 0px;
    height: 3px;
    width: 0px;
    z-index: 9000;
    -webkit-transition: width 1s cubic-bezier(.2, .89, .2, .89) 0s;
    -moz-transition: width 1s cubic-bezier(.2, .89, .2, .89) 0s;
    -o-transition: width 1s cubic-bezier(.2, .89, .2, .89) 0s;
    transition: width 1s cubic-bezier(.2, .89, .2, .89) 0s;
}

.loader.red
{
    background: #c12e2a;
}

.loader .shadow
{
    float: right;
    width: 100px;
    height: 3px;
}

.loader.red .shadow
{
    -webkit-box-shadow: 0 0 10px #c12e2a, 0 0 5px #c12e2a;
    -moz-box-shadow: 0 0 10px #c12e2a, 0 0 5px #c12e2a;
    box-shadow: 0 0 10px #c12e2a, 0 0 5px #c12e2a;
    transform: rotate(3deg) translate(0px, -4px);
}

#loaderbg
{
    background: #CCCCCC;
    position: fixed;
    right: 0px;
    left:0px;
    top: 0px;
    height:3px;
    z-index: 8999;
}