/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap');

.jackpot-section {
	/*
	background: linear-gradient(-45deg, #0F5B51, #052C2F, #092324, #040710);
	background-size: 400% 400%;
	animation: jackpotBackground 15s ease infinite;
	*/
	
	padding-top: 20px;
	padding-bottom: 20px;

	text-align: center;
}
@keyframes jackpotBackground {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
.jackpot-text {
	background: #000;
	
	-webkit-animation: x-wm-neon-secondary 1.5s ease-in-out infinite alternate;
	animation: x-wm-neon-secondary 1.5s ease-in-out infinite alternate;
	
	text-align: center;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 5px;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	margin: auto;

}
#jackpot-number, #jackpot-number-minor {
	
	font-weight: bolder;
	color: #f35626;
	

}
@-webkit-keyframes jackpotAmount {
	from {
		-webkit-filter: hue-rotate(0deg);
	}
	to {
		-webkit-filter: hue-rotate(-360deg);
	}
}

#jackpot-menu {
	margin: 0px;
	padding: 0px;
	background-color: #383535;
	display: inline-block;
	list-style: none;
	color: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#jackpot-menu li {
	display: inline-block;
	color: #fff;
	padding: 0 10px;
	padding-bottom: 2px;
	line-height: 1em;
}
#jackpot-menu li a {
	font-size: 20px !important;
}


/* ============== new jackpot ============== */

@media (max-width:576px) {
	#jp {

	}
	#jp-left {
		max-width: 210px;
		min-width: 210px;
		position: relative;
		border: 1px solid #C80B0E;
	}
	#jp-right {
		max-width: 210px;
		min-width: 210px;
		position: relative;
		border: 1px solid #179F4D;
	}
	#jp-left-bg, 
	#jp-right-bg {
		position: relative;
		width: 100%;
	}
	#jp-text-left, #jp-text-right {
		font-size: 18px;
		position: absolute;
		top: 44px;
		right: 50px;
		font-family: 'Orbitron', sans-serif;
	}	
}

@media (min-width:576px) {
	#jp {

	}
	#jp-left {
		max-width: 270px;
		min-width: 270px;
		position: relative;
	}
	#jp-right {
		max-width: 270px;
		min-width: 270px;
		position: relative;
	}
	#jp-left-bg, 
	#jp-right-bg {
		position: relative;
		width: 100%;
	}
	#jp-text-left, #jp-text-right {
		font-size: 24px;
		position: absolute;
		top: 58px;
		right: 58px;
		font-family: 'Orbitron', sans-serif;
	}	
}

@media (min-width:768px) {
	#jp {

	}
	#jp-left {
		max-width: 330px;
		min-width: 330px;
		position: relative;
	}
	#jp-right {
		max-width: 330px;
		min-width: 330px;
		position: relative;
	}
	#jp-left-bg, 
	#jp-right-bg {
		position: relative;
		width: 100%;
	}
	#jp-text-left, #jp-text-right {
		font-size: 30px;
		position: absolute;
		top: 70px;
		right: 75px;
		font-family: 'Orbitron', sans-serif;
	}	
}

/* ====================== jp2 =================== */

#jp2 {
	
}
#jp2-menu {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	display: inline-block;
	list-style: none;
}
#jp2-menu li {
	display: inline-block;
	color: #fff;
	padding: 0 10px;
	padding-bottom: 2px;
}
#jp2-menu li a {
	font-size: 20px !important;
}
@media (max-width:576px) {
	#jp2-header {
		color: #F1E31B;
		font-size: 36px;
		font-family: 'Orbitron', sans-serif;
	}
	#jp2-totaljackpot {
		font-size: 1.2em;
		color: aliceblue;
		font-family: 'Orbitron', sans-serif;
	}
	.jp2-box {
		display: inline-block;
		margin: 5px;
		position: relative;
		width: 48%;
		max-width: 180px;
		min-width: 180px;
	}
	#jp2-left-bg, 
	#jp2-right-bg {
		position: relative;
		width: 100%;
	}
	#jp2-text-left, #jp2-text-right {
		font-size: 18px;
		position: absolute;
		top: 40px;
		right: 30px;
		font-family: 'Orbitron', sans-serif;
	}
	

	#jp2-totaljackpot {
		position: relative;
		font-family: 'Orbitron', sans-serif;
		margin: 5px 0;
		width: 340px;
		max-width: 340px;
	}
	#jp2-totaljackpot-bg {
		position: relative;
		width: 100%;
	}
	#jp2-totaljackpot-text {
		position: absolute;
		font-size: 18px;
		text-align: center;
		width: 100%;
		left: 0;
		right: 0;
		top: 20px;
		font-family: 'Orbitron', sans-serif;
	}
}
@media (min-width:576.2px) {
	#jp2-header {
		color: #F1E31B;
		font-size: 48px;
		font-family: 'Orbitron', sans-serif;
	}
	#jp2-totaljackpot {
		font-size: 1.8em;
		color: aliceblue;
		font-family: 'Orbitron', sans-serif;
	}
	.jp2-box {
		display: inline-block;
		margin: 5px;
		position: relative;
		width: 48%;
		max-width: 230px;
		min-width: 230px;
	}
	#jp2-left-bg, 
	#jp2-right-bg {
		position: relative;
		width: 100%;
	}
	#jp2-text-left, #jp2-text-right {
		font-size: 26px;
		position: absolute;
		top: 50px;
		right: 40px;
		font-family: 'Orbitron', sans-serif;
	}
	
	#jp2-totaljackpot {
		position: relative;
		font-family: 'Orbitron', sans-serif;
		margin: 5px 0;
		width: 480px;
		max-width: 4480px;
	}
	#jp2-totaljackpot-bg {
		position: relative;
		width: 100%;
	}
	#jp2-totaljackpot-text {
		position: absolute;
		font-size: 26px;
		text-align: center;
		width: 100%;
		left: 0;
		right: 0;
		top: 30px;
		font-family: 'Orbitron', sans-serif;
	}
}
@media (min-width:768px) {
	#jp2-header {
		color: #F1E31B;
		font-size: 56px;
		font-family: 'Orbitron', sans-serif;
	}
	.jp2-box {
		display: inline-block;
		margin: 5px;
		position: relative;
		width: 49%;
		max-width: 330px;
		min-width: 330px;
	}
	#jp2-left-bg, 
	#jp2-right-bg {
		position: relative;
		width: 100%;
	}
	#jp2-text-left, #jp2-text-right {
		font-size: 36px;
		position: absolute;
		top: 70px;
		right: 50px;
		font-family: 'Orbitron', sans-serif;
	}
	
	#jp2-totaljackpot {
		position: relative;
		font-family: 'Orbitron', sans-serif;
		margin: 5px 0;
		width: 660px;
		max-width: 660px;
	}
	#jp2-totaljackpot-bg {
		position: relative;
		width: 100%;
	}
	#jp2-totaljackpot-text {
		position: absolute;
		font-size: 36px;
		text-align: center;
		width: 100%;
		left: 0;
		right: 0;
		top: 40px;
		font-family: 'Orbitron', sans-serif;
	}
}


#ordinate-list {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-flex;
}
#ordinate-list li {
width:33%;
}