.label-highlight {
	cursor:pointer;
}
	.label-highlight:hover {
		color: #c2181e;
	}
/* Absolute Center Splash Screen */
.splash-screen {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

	/* Transparent Overlay */
	.splash-screen:before {
		content: '';
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: white;
		background-image: url('../images/logo.webp');
		/* Center and scale the image nicely */
		background-position: center;
		background-repeat: no-repeat;
		background-size: 200px;
		animation: hideSplashScreen 0s ease-in 1s;
		animation-fill-mode: forwards;
	}

@keyframes hideSplashScreen {
	to {
		visibility: hidden;
		width: 0;
		height: 0;
	}
}

.swal-wide2 {
	width: 850px !important;
}

table.lead-times {
	border-collapse: collapse;
	width: 100%;
}

	table.lead-times td, table.lead-times th {
		border: 1px solid #dddddd;
		text-align: left;
		padding: 8px;
	}

	table.lead-times tr:nth-child(even) {
		background-color: #dddddd;
	}

.header-banner-about-us {
	padding: 125px;
	color: white;
	font-size: 50px
}

@media screen and (max-width: 1024px) {
	.header-banner-about-us {
		padding: 100px;
		color: white;
		font-size: 40px
	}
}

@media screen and (max-width: 720px) {
	.header-banner-about-us {
		padding: 75px 25px 25px 25px;
		color: white;
		font-size: 40px;
		text-align: center
	}
}

.red-line {
	background: #c2181e;
	height: 4px;
	margin-top: 100px;
	margin-bottom: 100px;
}

	.red-line span {
		background-image: url('../images/landing/plug-right.webp'), url(../images/landing/plug-left.webp);
		background-repeat: no-repeat;
		background-size: 89px;
		background-position: right center, left center;
		background-color: white;
		padding: 20px 120px 20px 120px;
		position: relative;
		top: -30px;
		font-size: 40px;
		color: black;
		font-weight: bold;
		text-align: center;
	}

@media screen and (max-width: 720px) {
	.red-line {
		background: #c2181e;
		height: 2px;
		margin-top: 100px;
		margin-bottom: 100px;
	}

		.red-line span {
			background-image: url('../images/landing/plug-right.webp'), url(../images/landing/plug-left.webp);
			background-repeat: no-repeat;
			background-size: 55px;
			background-position: right center, left center;
			background-color: white;
			padding: 20px 75px 20px 60px;
			position: relative;
			top: -18px;
			font-size: 25px;
			color: black;
			font-weight: bold;
			text-align: center;
		}
}

/*Landing Page Banner*/
.banner-title-carousel {
	top: 0px !important;
	transform: translateY(-250px) !important;
	margin-left: 65%;
}

.banner-title-size1 {
	margin-bottom: 0px;
	font-size: 40px
}

.banner-title-size2 {
	font-size: 30px
}

.banner-image1 {
	height: 100%;
	background-image: url('../images/landing/banner1.webp');
	background-repeat: no-repeat;
	background-size: cover
}
.banner-image2 {
	height: 100%;
	background-image: url('../images/landing/banner2.webp');
	background-repeat: no-repeat;
	background-size: cover
}

@media screen and (max-width: 1024px) {
	.banner-title-carousel {
		top: 0px !important;
		transform: translateY(-250px) !important;
		margin-left: 10%;
	}

	.banner-image1 {
		height: 100%;
		background-image: url('../images/landing/banner1-tablet.webp');
		background-repeat: no-repeat;
		background-size: cover
	}
	.banner-image2 {
		height: 100%;
		background-image: url('../images/landing/banner2-tablet.webp');
		background-repeat: no-repeat;
		background-size: cover
	}
}

@media screen and (max-width: 512px) {
	.banner-title-carousel {
		top: 0px !important;
		transform: translateY(-270px) !important;
		margin-left: 10%;
	}

	.banner-title-size1 {
		margin-bottom: 0px;
		font-size: 30px
	}

	.banner-title-size2 {
		font-size: 20px
	}

	.banner-image1 {
		height: 100%;
		background-image: url('../images/landing/banner1-mobile.webp');
		background-repeat: no-repeat;
		background-size: cover
	}
	.banner-image2 {
		height: 100%;
		background-image: url('../images/landing/banner2-mobile.webp');
		background-repeat: no-repeat;
		background-size: cover
	}
}

.category-button {
	background-color: #4CAF50; /* Green */
	border: none;
	color: transparent;
	transition-duration: 0.4s;
	cursor: pointer;
	color: black;
	background-color: transparent;
	border-radius: 50%;
}

	.category-button:hover {
		background-color: green !important;
		color: white !important;
	}


.city-skyline_large {
	height: 500px;
	background-image: url('../images/landing/cityskyline.webp');
	background-repeat: no-repeat;
	background-size: cover
}

@media screen and (max-width: 720px) {
	.city-skyline_large {
		height: 650px;
		text-align: center;
		padding-top: 200px;
		background-image: url('../images/landing/cityskyline-mobile.webp');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
}