/*body {
  background: #f8f8f8;
  font: 12px normal Verdana, Arial, Helvetica, sans-serif;
}*/

.loading-mask {
	position: fixed;
	z-index: 4000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(17, 17, 17, 0.7);
	display: none;
}


/*.loading-mask>div {
	position: fixed;
    z-index: 5000;
    widows: 200px;
    top: 40%;
    background: rgba(17, 17, 17, 0.7);
    text-align: center;
    display: none;
}*/

h1.loadingtext {
	text-align: center;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif;
	font-size: 2.68em;
	color: transparent;
	letter-spacing: 0.01em;
	width: 200px;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -100px;
}

h1.loadingtext span {
	text-shadow: 0 0 1px rgba(208, 208, 208, 0.9), 0 5px 8px rgba(222, 222, 222, 0.3), 0 -1px 2px rgba(222, 222, 222, 0.1), 0 -2px 4px rgba(208, 208, 208, 0.5), 0 2px 4px rgba(222, 222, 222, 0.3), 0 1px 1px rgba(208, 208, 208, 0.2), 0 0 8px rgba(208, 208, 208ss, 0.45);
	-webkit-animation: letters 0.85s ease-in-out infinite alternate;
	-moz-animation: letters 0.85s ease-in-out infinite alternate;
	-ms-animation: letters 0.85s ease-in-out infinite alternate;
	animation: letters 0.85s ease-in-out infinite alternate;
	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	-o-animation-delay: 0;
	animation-delay: 0;
}

h1.loadingtext span:nth-child(2) {
	-webkit-animation-delay: 0.15s;
	-moz-animation-delay: 0.15s;
	-o-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

h1.loadingtext span:nth-child(3) {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

h1.loadingtext span:nth-child(4) {
	-webkit-animation-delay: 0.45s;
	-moz-animation-delay: 0.45s;
	-o-animation-delay: 0.45s;
	animation-delay: 0.45s;
}

h1.loadingtext span:nth-child(5) {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

h1.loadingtext span:nth-child(6) {
	-webkit-animation-delay: 0.75s;
	-moz-animation-delay: 0.75s;
	-o-animation-delay: 0.75s;
	animation-delay: 0.75s;
}

h1.loadingtext span:nth-child(7) {
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

@keyframes letters {
	to {
		text-shadow: 0 0 2px rgba(204, 208, 212, 0.2), 0 0 3px rgba(0, 0, 0, 0.02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(238, 238, 238, 0.6), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(238, 238, 238, 0.6), 0 0 0 rgba(238, 238, 238, 0.6);
	}
}

@-moz-keyframes letters {
	to {
		text-shadow: 0 0 2px rgba(204, 208, 212, 0.2), 0 0 3px rgba(0, 0, 0, 0.02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(238, 238, 238, 0.6), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(238, 238, 238, 0.6), 0 0 0 rgba(238, 238, 238, 0.6);
	}
}

@-webkit-keyframes letters {
	to {
		text-shadow: 0 0 2px rgba(71, 71, 71, 0.2), 0 0 3px rgba(0, 0, 0, 0.02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
	}
}