#splash {
	background: #000;
	height: 100%;
	overflow: hidden;
	position: fixed;
	width: 100vw;
}

#splash .splash-swiper {
	height: 100%;
}

#splash .swiper-image {
	filter: brightness(50%);
	height: 100%;
	object-fit: cover;
	width: 100vw;
}

#splash #welcome {
	color: #FFF !important;
	font-family: "RubikMedium";
	font-size: 20px;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px #000 !important;
	top: 50px;
	width: 100vw;
	z-index: 2;
}

#splash #splash-texts {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	z-index: 1;
}

#splash .splash-text {
	color: #FFF !important;
	font-family: "RubikLight";
	font-size: 26px;
	opacity: 0;
	padding: 20px 0 20px 0;
	text-shadow: 0 1px #000 !important;
	transition: opacity 2s;
}

#splash .splash-text .fas.fa-bars {
	text-shadow: 0 1px #000 !important;
}

#splash .splash-text.hide {
	opacity: 0;
}

#splash .splash-text.show {
	opacity: 1;
}

#splash #logo {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

#splash #powered-by-container {
	bottom: 50px;
	display: table;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: fit-content;
	z-index: 1;
}

#splash #powered-by-text {
	color: white !important;
	float: left;
	font-family: "RubikMedium";
	font-size: 15px;
	margin: 10px 10px 0 0;
	text-shadow: 0 1px black !important;
	z-index: 2;
}

#splash #powered-by-logo {
	float: left;
	width: 40px;
}