#preBootstrap {
	background-color: #2e3946;
	bottom: 0px;
	left: 0px;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: -100;
}
#triflame {
	height: 50px;
	left: calc(50% - 25px);
	position: absolute;
	top: calc(50% - 25px);
	width: 50px;
}
#triflame .st0{
	fill: #ffffff;
}
#logoContainer {
	left: 0;
	position: absolute;
	top: calc(50% - 100px);
	width: 100%;
}
#logoContainer .st0 {
	fill: #ffffff;
}
#logo {
	height: 30px;
	width: 180px;
}
.shape {
	fill: #fff;
}
#hcSplashSpinner {
	border: 3px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	border-top: 3px solid #fff;
	height: 100px;
	transform-origin: center center;
	width: 100px;
}
.center-children {
	align-items: center;
	display: flex;
	justify-content: center;
}

.fade-spin {
	animation: spin 1.2s linear infinite, fade 1.5s;
	-webkit-animation: spin 1.2s linear infinite, fade 1.5s;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

.fade {
	animation: fade 1.5s;
	-webkit-animation: fade 1.5s;
}
@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}