/*import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:wght@500&family=Poppins&family=Satisfy&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@500&family=Poppins&display=swap');

body {
	background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Cabin', sans-serif;
	;
}

p,
li,
div {
	font-family: 'Poppins', sans-serif;
}

.button-group .button {
	background: #fff;
	color: #405a9a;
}

.button {
	background: #155263;
	color: #fff;
}

.button:hover,
.buttton:focus {
	background: #3b4098;
	color: white;
}

.button-group .button:hover {
	color: #fff;
	background: #155263;
	border: 1px solid #FFF;
}

.header-top {
	/*background: #ffc93c;*/
	background: #72c245;
	padding: 1rem 0 0 0;
}

.header-top h1 {
	font-family: Georgia, serif;
	font-size: 2.5rem;
}

.header-top h1 a {
	color: #155263;
}

.header-btn .button {
	background: #fff;
	width: 150px !important;
	color: #155263;
}

.slider-container {
	background: #fff;
}

.game_container {
	background: #405a9a;
	padding: 1.5rem 0;
	background: #FFF;
}

.game_container h2 {
	color: #155263;
	font-size: 2rem;
}

.game_blocks.even {
	border-bottom-style: dotted;
	border-bottom-color: #405a9a;
}

.game_blocks.odd {
	border-bottom-style: dotted;
	border-bottom-color: #405a9a;
}

.game_blocks {
	margin: 8px 0;
	padding: 1rem 0;
	text-align: center;
	font-size: 1.1rem;
}

.game_blocks a {
	color: #ff9a3c;
	font-size: 2rem;
	font-family: 'Cabin', sans-serif;
}

.game_name {
	text-align: center;
	font-size: 1.8rem;
}

a.label.alert {
	background: #155263;
	color: #fff;
	border: 1px solid #155263;
	font-size: 0.8rem;
	cursor: pointer;
}

.game_name a {
	color: #FFF;
}

.game_time {
	margin-bottom: 8px;
	color: #FFF;
}

.game_result {
	text-align: center;
	color: #FFF;
	font-size: 1.2rem;
}

.cbrate {
	background: #155263;
	padding-top: 2rem;
}

.bcrate {
	margin-bottom: 1rem;
}

.bcrate .column-block {
	border: 2px dotted #FFF;
	border-radius: 270px;
}

.bcrate p {
	margin-bottom: 0;
	line-height: 200%;
	padding: 8px 0;
	color: #fff;
}

.cbrate .rate-note {
	padding-top: 1.5rem;
	font-size: 1.2rem;
	color: #ff6f3c;
	line-height: 3rem;
}

.dwnote {
	background: #fff;
	padding: 2rem 0;
}

.dwnote p {
	color: #ff6f3c;
}

.game-charts {
	background: #155263;
	padding: 2rem 0;
}

.game-charts h3 {
	text-align: center;
	padding-bottom: 1rem;
	color: #ff6f3c;
}

.game-charts ul li {
	text-align: center;
	list-style: none;
	font-size: 1.2rem;
	border-bottom-style: hidden;
	border-bottom-color: #405a9a;
	margin: 8px 0;
	line-height: 200%;
}

.game-charts ul li a {
	color: #FFF;
}

.game-charts ul li:hover a:hover {
	color: #ff6f3c;
}

.cnnote {
	padding: 2rem 0;
	background: #fff;
	color: #ff6f3c;
}

.whatsapp {
	background: transparent;
}

.footer {
	background: #ffc93c;
	padding: 2rem 0;
}

.footer ul li {
	list-style: none;
}

.footer ul li a {
	color: white;
}

.footer p {
	text-align: center;
	color: #155263;
}

.footer p a {
	color: #155263
}

.ocl {
	float: left;
}

.ocr {
	float: right;
}

.num {
	text-align: center;
	font-size: 1.5rem;
	line-height: 300%;
	padding: 0 6px;
}

.res-date {
	text-align: center;
}

.res-null {
	text-align: center;
}

.charts {
	padding: 2rem 0;
	background: #fff;
}

.charts h1 {
	text-align: center;
	font-size: 1.8rem;
	padding-bottom: 1rem;
	color: #405a9a;
}

.charts .table-scroll table {
	width: 100%;
}

.charts .table-scroll table tr td {
	border: 1px solid #CCC;
	min-width: 71px;
}

.hslider {
	padding: 2rem 0;
}

.comtitle {
	font-size: 2rem;
}

.commsg {
	font-weight: bold;
	color: #ff6f3c;
}

.author {
	font-weight: bold;
	color: #155263;
	padding: 2rem 0 1rem 0;
	text-transform: uppercase;
}

.slider-container .button {
	background: #ff9A3c;
	border-radius: 270px;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	font-size: 1.2rem;
}

.team-score {
	padding: 2rem 0 2rem 0;
	background: #ff9a3c;
	color: #155263;
}

.team-score h5 {
	text-align: center;
	font-size: 2rem;
}

.akmenu-container {
	background: #155263;
	margin-bottom: 2rem;
}

ul.akmenu li a {
	font-size: 1.2rem;
	color: #fff;
	line-height: 200%;
	font-family: 'Cabin', sans-serif;
}

ul.akmenu li a:hover {
	color: #cfb783;
}

#numberlists {
	list-style: none;
}

/* .input-group-label{width: 20%;} */
.bet_button {
	border-radius: 270px;
	background: #155263;
	color: #FFF;
	padding: 1rem 2rem;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
}

.game_type_heading h6 {
	font-size: 1.2rem;
}

.game__heading h4 {
	line-height: 300%;
}

.detail .columns {
	text-align: center;
	line-height: 250%;
	color: #405a9a;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 1px;
}

.no .columns {
	text-align: center;
	color: #937a3b;
	border-bottom: 1px dashed #CCC;
	line-height: 250%;
	font-family: 'Poppins', sans-serif;
}

.off-canvas {
	background: #155263;
}

.slip__heading {
	color: #FFF;
	font-family: 'Cabin', sans-serif;
	font-size: 2rem;
	padding-top: 1rem;
}

.off-canvas button.close-button {
	color: #eff0ea;
}

.off-canvas button.close-button:hover {
	color: #cfb783;
}

.set {
	border-bottom-style: double;
	border-bottom-color: #999;
	margin-bottom: 1rem;
}

.set a {
	color: #ff6f3c;
	font-size: 1rem;
}

.set .content {
	color: #eff0ea;
	padding: 0.5rem;
}

.log-in-form {
	margin-top: 2rem;
}

.socialcont {
	background: #155263;
}

@media screen and (max-width:40em) {
	.header-top h1 {
		text-align: center;
	}

	.charts .table-scroll table {
		width: auto;
	}

	.charts .table-scroll table tr td {
		font-size: 0.775rem;
		min-width: 71px;
		padding: 2px;
	}

	.num {
		font-size: 1rem;
		font-weight: bold;
	}

	.game_blocks {
		font-size: 1rem;
	}
}

@media screen and (min-width:40em) and (max-width:64em) {
	.charts .table-scroll table {
		width: 100%;
	}

	.charts .table-scroll table tr td {
		font-size: 1rem;
		min-width: 71px;
		padding: 2px;
	}

	.num {
		font-size: 1.2rem;
		font-weight: bold;
	}
}