*:not(input) {
  	caret-color: transparent;
}
input {
   	caret-color: auto;
}

.title-large{
		font-family: 'Anton', sans-serif;
		font-weight: 100;
		text-shadow: 0 1px 0 #000000,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
#creativeTitle h4 {
	background-color: rgba(0,0,0,0.25);
	max-width: 80% !important; 
	left: 50%;
    position: absolute;
    margin-top: -14px;
    top: 50%;
    text-align: center;
    transform: translateX(-50%);
    z-index: 1;
}
.spacer {
	margin-bottom: 6%;
}
.grid-item { width: 25%; }
.grid-item--width2 { width: 50%; }

#mainNav a.active{
	color: #222;
	font-weight: 800;
	font-size: 0.9em;
}
.hover-dialogue{
	background: rgba(0,0,0,.3);
	text-shadow: 0 1px 0 #000000,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
.hover-dialogue:hover{
	background: rgba(0,0,0,0.8);
}
/* Preloader Styling */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(252, 252, 252); /* Semi-transparent overlay */
	z-index: 99999;
	overflow: hidden;
  }
  
  .preloader-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ensures the video covers the screen */
	z-index: -1; /* Ensures the video stays behind the progress bar */
  }
  
  .progress-container {
	position: absolute;
	bottom: 15%; /* Place the progress bar at the bottom third */
	left: 50%;
	transform: translateX(-50%);
	width: 80%; /* Adjust as needed */
	height: 10px;
	background-color: #afafaf;
	border-radius: 10px;
	overflow: hidden;
  }
  
  .progress-bar {
	height: 100%;
	width: 0;
	background-image: linear-gradient(to right, rgb(53, 150, 152) , rgb(50, 209, 201));
	box-shadow: 3px 3px 5px 6px #b6fd45;
	transition: width 0.1s ease;
  }
  
  #progress-text {
	position: absolute;
	bottom: calc(15% - 50px); /* Adjust the vertical alignment relative to the progress bar */
	left: 50%;
	transform: translate(-50%, 0); /* Center horizontally */
	font-size: 18px;
	font-weight: bold; /* Optional: Bold for better readability */
	color: #333333; /* White text color for better visibility */
	text-align: center; /* Ensure the text is centered */
	
  }
/* Preloader ends */


.tpn-bg{
	
		background: linear-gradient(-45deg, #510420, #48082c, #083444, #06231c);
		background-size: 400% 400%;
		animation: gradient 15s ease infinite;
		/* height: 100vh; */
	}
	
	@keyframes gradient {
		0% {
			background-position: 0% 50%;
		}
		50% {
			background-position: 100% 50%;
		}
		100% {
			background-position: 0% 50%;
		}
	}

@media screen and (min-width: 1024px){
	.title-large {
	/* padding-top: 40px; */
	word-spacing: 100vh;
	line-height: 100px;
	}
	.slider-title-logo img{
		padding-bottom: 80px;
	}
}
@media screen and (max-width: 767px){
	.logo-holder img {
		width: auto;
	}
}
@media screen and (max-width: 480px){
	.logo-holder img {
		width: auto;  /*for maintaining aspect ratio*/
	}
}