body {
	font-family: 'Prompt', sans-serif;
	color: #5a5a5a;
	background-color: black;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

a {
	color: #d59b28 !important;
}

.nav-link {
	margin-top: .5rem;
}

.nav-item:hover {
	background-color: #d59b28;

}

.nav-item:hover a {
	color: #FFF !important;
}

.navbar-toggler {
	border: none;
}

.logo-mini-icon {
	width: 100px;
}

.countdown {
	font-size: 40px;
	font-weight: bold;
}

.social_link {
	margin-right: 10px;
}

#Main-Menu .nav-item {
	border-left: 1px solid #434343;
}

#Main-Menu .nav-item:last-child {
	border-right: 1px solid #434343;
}

#Main-Menu {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e2e2e+0,121212+100 */
	background: #2e2e2e;
	/* Old browsers */
	background: -moz-linear-gradient(top, #2e2e2e 0%, #121212 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2e2e2e 0%, #121212 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2e2e2e 0%, #121212 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#121212', GradientType=0);
	/* IE6-9 */
}

.bg-xxo {
	background-color: #2e2e2e;
}

.btn-xxo {
	border: 1px solid #d59b28;
}

.btn-xxo-active {
	border: 1px solid #d59b28;
	background-color: #d59b28;
	color: #FFF !important;
}

.btn-buyticket {
	margin: .5rem 1rem;
}

.btn-ticket-block {
	background-color: #d59b28 !important;
	color: #FFF !important;
	font-weight: bold;
}

.xxo_line {
	border-top: 1px solid #d59b28;
}

.text-xxo {
	color: #d59b28;
}

#CountDown-Block {
	margin-bottom: 5rem;
}

.countdown_header {
	font-size: 40px;
	font-weight: bold;
	color: #d59b28;
	text-transform: uppercase;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.fs-20 {
	font-size: 20px;
}

.fs-24 {
	font-size: 24px;
}

.xxo_header_section {
	position: relative;
	color: #FFF;
	font-weight: bold;
	font-size: 2.5rem;
	padding-bottom: 10px;
}

.xxo_header_left {
	background-image: url('../../xxo-asset/header_left.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	width: 157px;
}

.xxo_header_right {
	background-image: url('../../xxo-asset/header_right.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	width: 157px;
}

#DJ-PODCAST {
	background-color: #212121;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#Concept {
	background-image: url('../../xxo-asset/bg_donation.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
	overflow: hidden;
	padding-top: 120px;
}

#Donation {
	background-image: url('../../xxo-asset/bg_concept.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 420px;
	overflow: hidden;
	padding-top: 60px;
}

#Venue {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#Ticket {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#Singer {
	background-color: #212121;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#Dancers {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#Ambassadors {
	background-color: #212121;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#Sponsor {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#Contact {
	background-color: #212121;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#backtotopBtn {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Fixed/sticky position */
	bottom: 10px;
	/* Place the button at the bottom of the page */
	right: 30px;
	/* Place the button 30px from the right */
	z-index: 99;
	/* Make sure it does not overlap */
	border: none;
	/* Remove borders */
	outline: none;
	/* Remove outline */
	background-color: #d59b28;
	/* Set a background color */
	color: white !important;
	/* Text color */
	cursor: pointer;
	/* Add a mouse pointer on hover */
	padding: 5px 15px;
	/* Some padding */
	border-radius: 10px;
	/* Rounded corners */
	font-size: 18px;
	/* Increase font size */
}

#contact_name,
#contact_email,
#contact_subject,
#contact_message {
	background-color: #333333;
	border-color: #333333;
}

.grayscale {
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

@media (max-width: 1200px) {
	body {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	#Social-Link {
		position: absolute;
		right: .8rem;
		top: .8rem;
	}

	.xxo_header_c {
		font-size: 40px;
	}

	#backtotopBtn {
		right: 30px !important;
	}

	.countdown {
		font-size: 40px;
		font-weight: bold;
	}

	#Donation {
		padding-top: 60px;
	}
}

@media (max-width: 575.98px) {
	body {
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}

	#Social-Link {
		position: absolute;
		right: .8rem;
		top: .8rem;
	}

	.xxo_header_c {
		font-size: 24px;
	}

	#backtotopBtn {
		right: 30px !important;
	}

	.countdown {
		font-size: 32px;
		font-weight: bold;
	}

	#Donation {
		padding-top: 40px;
	}
}