
    #bg_mask {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        /*background: rgba(255,255,255,1);*/
        background: rgba(255,255,255,.5);
        /*background: rgba(220,232,228,0);*/
        z-index: 1000;
    }

    .sk-wave {
        position: absolute;
        top:50%;
        left:50%;
        margin: -65px auto 0 -70px;
        width: 140px;
        height: 130px;
        text-align: center;
        font-size: 10px;
    }

    .sk-wave .sk-rect {
        background-color: #df1a20;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
        animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }

    .sk-wave .sk-rect1 {
        -webkit-animation-delay: -1.2s;
        animation-delay: -1.2s; }

    .sk-wave .sk-rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s; }

    .sk-wave .sk-rect3 {
        -webkit-animation-delay: -1s;
        animation-delay: -1s; }

    .sk-wave .sk-rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s; }

    .sk-wave .sk-rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s; }

    @-webkit-keyframes sk-waveStretchDelay {
        0%, 40%, 100% {
            -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
        20% {
            -webkit-transform: scaleY(1);
            transform: scaleY(1); }
    }

    @keyframes sk-waveStretchDelay {
        0%, 40%, 100% {
            -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
        20% {
            -webkit-transform: scaleY(1);
            transform: scaleY(1); }
    }