* {
	outline: none;
	margin: 0;
	padding: 0; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background: #000;
	margin: 0;
	padding: 0;
	background-image: radial-gradient(circle farthest-corner at center, #000 0%, #1C262B 100%);
}

#error-message, #progress-bar, canvas {
	display: none;
}

canvas {
	width: 100% !important;
	height: auto !important;
	display: none;
}

#error-message {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
}

#error-message .error-mess-in {
	position: absolute;
	width: 620px;
	height: auto;
	top: 50%;
	left: 50%;
	margin: -300px 0px 0px -310px;
	text-align: center;
	color: #90a4ae;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
}

#error-message .error-mess-in img {
	margin-left: 35px;
}

#error-message .error-mess-in h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 80px;
	color: #d32f2f;
}

#error-message .error-mess-in a {
	color: #0288d1;
}

#error-message .message {
	margin-top: 10px;
	font-weight: bold;
	font-size: 30px;
	text-transform: uppercase;
}

#error-message .text {
	margin-top: 20px;
	font-family: 'Roboto Condensed', sans-serif;
}

.progress {
	width: 100%;
	height: 100%;
	position: relative;
}

.progress img {
	width: 100%;
	display: block;
}

.progress svg {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -70px 0px 0px -70px;
	width: 140px !important; 
}

.blur-img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.progress img {
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	filter: blur(10px);
}

.progress svg {
	-webkit-filter: blur(0.8px);
	-moz-filter: blur(0.8px);
	filter: blur(0.8px);
}

.progressbar-text {
	font-size: 22px !important;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}

.progress-text {
	position: absolute;
	width: 300px;
	top: 62%;
	left: 50%;
	z-index: 10;
	margin: 0px 0px 0px -150px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 100;
	color: #fff;
}

@media screen and (max-width: 1500px) {
	.progress-text {
		top: 66%;
	}
}

@media screen and (max-width: 1200px) {
	.progress-text {
		top: 67%
	}
}

@media screen and (max-width: 1000px) {
	.progress-text {
		top: 72%
	}
}

@media screen and (max-width: 800px) {
	.progress svg {
		top: 46%;
	}

	.progressbar-text {
		top: 46% !important;
	}

	.progress-text {
		top: 74%
	}
}

@media screen and (max-width: 550px) {
	.progress-text {
		top: 78%
	}
}