html, body {
    margin: 0;
    padding: 0;
    background-color: #f5f5f3;
    height: 100%;
}
@font-face{
    font-family: 'clearsans-regular';
    src: url('../fonts/clearsans/clearsans_regular_macroman/ClearSans-Regular-webfont.eot');
    src: url('../fonts/clearsans/clearsans_regular_macroman/ClearSans-Regular-webfont.eot?iefix') format('eot'),
    url('../fonts/clearsans/clearsans_regular_macroman/ClearSans-Regular-webfont.woff') format('woff'),
    url('../fonts/clearsans/clearsans_regular_macroman/ClearSans-Regular-webfont.ttf') format('truetype'),
    url('../fonts/clearsans/clearsans_regular_macroman/ClearSans-Regular-webfont.svg#webfont') format('svg');
}
@font-face{
    font-family: 'clearsans-bold';
    src: url('../fonts/clearsans/clearsans_bold_macroman/ClearSans-Bold-webfont.eot');
    src: url('../fonts/clearsans/clearsans_bold_macroman/ClearSans-Bold-webfont.eot?iefix') format('eot'),
    url('../fonts/clearsans/clearsans_bold_macroman/ClearSans-Bold-webfont.woff') format('woff'),
    url('../fonts/clearsans/clearsans_bold_macroman/ClearSans-Bold-webfont.ttf') format('truetype'),
    url('../fonts/clearsans/clearsans_bold_macroman/ClearSans-Bold-webfont.svg#webfont') format('svg');
}

span {
    margin-right: 5px;
}

.loading-v-wrap {
    display: table;
    width: 100%;
    height: 100%;
}
.loading-h-wrap {
    display: table-cell;
    vertical-align: middle;
}
.loading-block {
    position: relative;
    width: 478px;
    height: 240px;
    margin: 0 auto;
    border: 1px solid #ddd;
}
.loading-block h1 {
    position: absolute;
    text-align: center;
    top: 40px;
    left: 0;
    right: 0;
}