/***
            LOADING
*/
.now-loading-restaurant {
    z-index: 2;
    display: block;
    overflow: hidden;
    background-color: #fff;
}

    .now-loading-restaurant .box-thumbnail {
        animation: b;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        background: linear-gradient(90deg,#eee 8%,#ddd 18%,#eee 33%);
        background-size: 800px auto;
        height: 137px;
        width: 100%;
        float: left;
        display: block;
        margin-bottom: 10px;
    }

    .now-loading-restaurant [class*=box-line] {
        height: 12px;
        width: 400px;
        background: #d7d7d7;
        margin-bottom: 13px;
        display: block;
        float: left;
    }

    .now-loading-restaurant .box-thumbnail, .now-loading-restaurant [class*=box-line] {
        animation: b;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        background: linear-gradient(90deg,#eee 8%,#ddd 18%,#eee 33%);
        background-size: 800px auto;
    }

    .now-loading-restaurant .box-line-df {
        width: 60%;
    }

    .now-loading-restaurant .box-line-lgx {
        width: 80%;
    }

    .now-loading-restaurant .box-line-lg {
        width: 50%;
    }

@keyframes b {
    0% {
        background-position: -350px 0;
    }

    to {
        background-position: 400px 0;
    }
}

@keyframes c {
    to {
        transform: rotate(1turn);
    }
}

@keyframes d {
    50% {
        transform: translate(20px,20px);
    }
}

@keyframes e {
    50% {
        transform: translate(-20px,20px);
    }
}

@keyframes f {
    50% {
        transform: translate(20px,-20px);
    }
}

@keyframes g {
    50% {
        transform: translate(-20px,-20px);
    }
}

@keyframes h {
    to {
        border-width: 0;
    }
}