html, body, div, span, applet, object, iframe, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none; }


.loading { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #0d1e30; transition: .75s; z-index: 999999; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.loading:after { content: ""; width: 100%; height: 11px; position: absolute; left: 0px; top: 0px; background: #1e2f40; }
.loading .logo { width: 200px; float: left; position: relative; animation: sdb04 2s infinite; }

.loading-progress { height: 11px; background: #028dc4; top: 0; bottom: 0; width: 100%; position: absolute; transition: .60s; z-index: 9999; }

@-webkit-keyframes sdb04 {
	0% { -webkit-transform: translate(0, 0); }
	20% { -webkit-transform: translate(-0px, 10px); }
	40% { -webkit-transform: translate(0, 0); }
}

@keyframes sdb04 {
	0% { transform: translate(0, 0); }
	20% { transform: translate(-0px, 10px); }
	40% { transform: translate(0, 0); }
}


@media screen and (max-width: 1024px) {

	.loading .logo .ust { width: 48px; }
	.loading .logo .alt { height: 33px; }
	.loading .logo .alt div img { height: 29px; }
}