/* Banner */
.banner-container{
	position			: relative;
	background-image:  linear-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.95)), url('_lib/images/trimitra_skyline.png');
	/* background-image:  url('_lib/images/trimitra_skyline.png'); */
	background-size		: cover;
	background-position	: center;
	height			: 180px;
}

.banner-overlay{
	display: none;
	position		: absolute;
	bottom			: 0;
	z-index			: 90;
	width			: 100%;
	height			: 100px;
	/* background		: linear-gradient(90deg, red, blue); */
	/* background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95)); */
}
.banner-content{
	position		: absolute;
	top				: 0;
	z-index			: 91;
	width			: 100%;
}
.banner-logo{
	text-align: center;
	padding-top: 30px;
}
.banner-logo img{
	height: 120px;
}
.banner-title{
	margin-top: 20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 600;
}
.banner-subtitle{
	text-align: center;
}


/* Footer */
.footer{
	width			: 100%;
	padding			: 20px 20px;
	background		: #EEE;
	color			: #333;
	font-size		: 0.85em;
}



/* Content */
.wrapper{
	padding			: 20px;
}
.container-box{
	border			: solid 1px #EEE;
}
.content-container{
	margin-top: 20px;

}


/*  Passcode */
.passcode-container{
	max-width	: 400px;
	margin		: auto;
	margin-top		: 20px;
	margin-bottom	: 20px;
	text-align	: center;
}
.client_code{
	/* width: 100%; */
}
.passcode_submit{
	margin: 0;
}

/* Booking Ticket */
.ticket-container{
	margin-top	: 20px;
	padding		: 20px;
	text-align	: center;
	border		: solid 1px #EEE;
}
.ticket-title{
	font-size: 1.5em;
	font-weight: 600;
}
.ticket-content{
	margin: 20px;
}
.ticket-booking_code{
	width: fit-content;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;

	padding: 10px 20px;
	background: #555;
	color: #FFF;
	font-size: 1.5em;
}