@font-face { font-family: "fontawesome"; src: url('../font-awesome/fonts/fontawesome-webfont.woff') format("woff"), url('../font-awesome/fonts/fontawesome-webfont.ttf') format("truetype"); }

@keyframes loadingStart {
	0% { opacity: 0.5; }
	100% { opacity: 1; }
}

@keyframes loading {
	0% { transform: rotate(0deg); }
	50% { transform: rotate(180deg); }
	100% { transform: rotate(360deg); }
}

.loading { position: relative; pointer-events: none; overflow:hidden; }

.loading .loading-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-animation: loadingStart 300ms 300ms linear 1 both; -moz-animation: loadingStart 300ms 300ms linear 1 both; -o-animation: loadingStart 300ms 300ms linear 1 both; animation: loadingStart 300ms 300ms linear 1 both; background: rgba(9, 9, 9, 0.3); z-index:99; text-align: center; }
.loading .loading-text { font-size: 2.000rem; line-height: 1.3125rem; text-shadow: white 0 0 1em, white 0 0 0.5em, white 0 0 0.25em; position: relative; display: block; text-transform: uppercase; font-weight: bold; }
.loading .loading-text:after { content: "..."; }
.loading .loading-spinner { position: absolute; top: 50%; bottom: 0; left: 0; right: 0; margin: -3.9375rem auto 0; color: #1a1d1d; text-align: center; }
.loading .loading-icon { font-size: 4.8125rem; line-height: 5.25rem; text-shadow: rgba(255, 255, 255, 0.75) 0 0 0.5em; -webkit-animation: loading 1s steps(4) infinite; -moz-animation: loading 1s steps(4) infinite; -o-animation: loading 1s steps(4) infinite; animation: loading 1s steps(4) infinite; display: block; vertical-align: middle; }
.loading .loading-icon:before { vertical-align: middle; content: "\f110"; font-family: "fontawesome"; }