*
{
	font-family: poppins;
	font-size: 14px;
}

.btn, .form-control
{
	font-size: 14px;
}

.font-bold
{
	font-weight: bold;
}
/*HEADER CSS*/

#logo
{
	position: static;
	float: none;
}

#logo img
{
	object-fit: cover;
	padding: 10px;
	height: 120px;
	margin: auto;
}

.ipoint-btn
{
	background-color: lightgreen;
	font-weight: bold;
	color: black;
	padding: 5px;
}

.header-details, #language-menu, .dropdown .dropdown-menu 
{
	font-size: 13px;
}

#language-menu, .dropdown .dropdown-menu 
{
	width: 100%;
	text-align: center;
}

.mobile-language-dropdown
{
	right: 15px;
	top: 30px;
}

.mobile-language-dropdown
{
	font-size: 10px;
}

.headerBtn
{
	color: white;
	height: 50px;
	border-radius: 15px;
	width: 100%;
	font-weight: bold;
	font-size: medium;
}

.loginBtn
{
	background-color: #3b4461;
}

.loginBtn:hover
{
	color: white;
	background-color: #4346ab;
}

.registerBtn
{
	background: linear-gradient(0deg, rgba(210,148,39,0.8) 0%, rgba(232,180,79,0.8) 20%, rgba(244,205,100,0.8) 45%, rgba(238,208,34,0.8) 70%, rgba(176,122,16,0.8) 100%);
	transition: 0.5s;
}

.registerBtn a
{
	color: black;
}

.registerBtn:hover
{
	background: linear-gradient(0deg, rgba(176,122,16,1) 0%, rgba(238,208,34,1) 20%, rgba(244,205,100,1) 45%, rgba(232,180,79,1) 70%, rgba(210,148,39,1) 100%);
}

#primary-menu
{
	height: auto;
	font-size: medium;
	font-weight: bold;
}

#primary-menu ul
{
	height: auto;
}

#primary-menu ul li
{
	border: none;
}

#primary-menu ul li a
{
	padding: 10px;
}

#primary-menu ul li a:hover
{
	background-color: gold;
	color: black;
}

#primary-menu:not(.style-2), #primary-menu:not(.style-2) > ul
{
	height: auto;
}
/*HEADER CSS END*/

/*HOME CSS*/
.slide-container img
{
	width: 100%;
	height: 100%;
}

.style-msg
{
	background-color: black;
}

.style-msg .sb-msg
{
	padding: 15px 0px;
}

.style-msg .announcement, .style-msg .announcement_info
{
	font-size: medium;
	font-weight: bold;
	text-align: left;
}

.live-casino-background
{
	background-image: url('../images/home/live-bg.png');
}

.slot-background
{
	background-image: url('../images/home/slot-bg.png');
}

.live-casino-background, .slot-background
{
	height: 550px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.game-container
{
	padding: 20px 0px;
}

.category-title
{
	color: white;
	font-size: x-large;
	font-weight: bold;
	margin: 20px auto;
}

.game-title
{
	margin: 20px 0px;
}

.game-title img
{
	filter: grayscale(100%);
	transition: 1s;
}

.game-title img:hover
{
	filter: grayscale(0%);
}

.home-page
{
	background-color: black;
}

.how-its-work
{
	padding: 30px 0px;
}

.home-title
{
	margin-bottom: 20px;
	font-size: x-large;
	font-weight: bold;
	color: white;
}

.how-its-work-title
{
	margin: 10px auto;
	font-size: medium;
	font-weight: bold;
	color: white;
}

.home-details-container
{
	border: 2px solid gold;
	width: 100%;
	height: 450px;
	border-radius: 15px;
}

.home-details-container iframe
{
	border-radius: 15px;
	width: 100%;
	height: 100%;
}

.realtime-button
{
	text-align: center;
	margin: 10px auto;
	width: 100%;
	padding: 10px;
	font-weight: bold;
	font-size: small;
	border-radius: 20px;
	color: white;
	border: transparent 2px solid;
  	background: linear-gradient(90deg, #2c2c2c, #2c2c2c) padding-box,
              linear-gradient(0deg, rgba(176,122,16,1) 0%, rgba(238,208,34,1) 20%, rgba(244,205,100,1) 45%, rgba(232,180,79,1) 70%, rgba(210,148,39,1) 100%) border-box;	
}

.realtime-button.active
{
	color: black;
	background: linear-gradient(to bottom, #a97a0e, #f7eb82, #a97a0e);
}

.depTable tr th
{
	font-size: medium;
	padding: 10px 0px;
	text-align: center;
}

.depTable tr td
{
	color: white;
	text-align: center;
	font-size: small;
	padding: 10px 0px;
}

#mobile-side-menu
{
	position: static;
	color: white;
}

.mobile-header
{
	width: 95%;
	margin: auto;
}	

.mobile-logo img
{
	height: 60px;
	margin: 10px;
}

.mobile-border
{
	border-top: 3px solid gold;
	border-radius: 38px;
	margin-top: 20px;
	height: 150px;
}

.mobile-icon
{
	text-align: center;
	margin: 30px auto 20px;
}

.mobile-icon img 
{
	height: 40px;
	width: 40px;
	object-fit: contain;
}

.mobile-icon-text
{
	color: white;
	padding: 15px 0px;
	font-weight: bold;
}

.mobile-login-register-button
{
	background: linear-gradient(#846317 10%,#fdf36a 60%,#967c31 100%);
	font-weight: bold;
	padding: 10px 0px;
}

.mobile-login-register-button:hover
{
	background: linear-gradient(#846317 10%,#fbd016 60%,#967c31 100%);
}


/* FOOTER CSS */
.desktop-footer
{
	color: white;
	font-size: 13px;
	text-align: justify;
	background-color: #171717;
	padding: 20px 0px;
}

.footer-icon img
{
	width: 100%;
}

.footer-follow-us-title, .help-and-support-title, .product-title, .payment-method-title, .footer-logo
{
	color: gold;
	font-weight: bold;
	margin: 10px auto;
}

.footer-follow-us i
{
	margin: auto 5px;
}

.mobile-footer
{
	border-top: 5px solid gold;
	border-top-left-radius: 38px;
	border-top-right-radius: 38px;
	background-color: black;
	position: fixed;
	bottom: 0px;
	width: 100%;
}

.mobile-footer .col
{
	text-align: center;
	padding: 10px 0px;
}

.mobile-footer img
{
	height: 30px;
	width: auto;
}

.footer-icon-title
{
	font-weight: bold;
	color: white;
	margin: 5px auto;
	word-wrap: break-word;
}

.mobile-footer-spacing
{
	min-height: 250px;
}

.mobile-side-menu-bg
{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.8);;
	z-index: 2;
}

.page-banner
{
	margin: 10px 0px;
	min-height: 250px;
}

.page-banner img
{
	min-height: 250px;
	width: 100%;
	height: auto;
}

.game-icon
{
	margin: 10px 0px;
}

.game-icon img
{
	transition: 0.5s;
	width: 100%;
}

.game-icon img:hover
{
	filter: drop-shadow(0 0 10px skyblue);
}

.modal-border
{
	border-radius: 10px;
}

.login-modal-header
{
	background: linear-gradient(180deg, rgba(168,127,34,1) 0%, rgba(254,254,213,1) 24%, rgba(226,184,85,1) 41%, rgba(241,197,104,1) 58%, rgba(162,114,11,1) 75%, rgba(162,114,11,1) 100%);
}

.login-modal-header img 
{
	height: 25px;
}

.login-modal-bg
{
	background-image: url('../images/login-modal-bg.png');
	background-position: center;
	background-size: cover;
}

.login-modal-button
{
	background: linear-gradient(180deg, rgba(168,127,34,1) 0%, rgba(254,254,213,1) 24%, rgba(226,184,85,1) 41%, rgba(241,197,104,1) 58%, rgba(162,114,11,1) 75%, rgba(106,77,12,1) 100%);
	border: none;
	border-radius: 5px;
	font-weight: bold;
	color: black;
	width: 100px;
}

.modal-header, .modal-body, .modal-footer
{
	padding-left: 20px;
	padding-right: 20px;
}

.redeem-bg
{
	background-image: url('../images/redeem-bg.png');
	background-position: center;
	background-size: cover;
	text-align: center;
	padding: 50px;
}

.redeem-bg img
{
	margin: 50px auto;
}

.redeem-button-spin a
{
	color: white;
}

.redeem-button
{
	padding: 10px 100px;
	border-radius: 50px;
	font-size: 26px;
	font-weight: bold;
	background: linear-gradient(0deg, rgba(176,122,16,1) 0%, rgba(238,208,34,1) 20%, rgba(244,205,100,1) 45%, rgba(232,180,79,1) 70%, rgba(210,148,39,1) 100%);
}

@media screen and (max-width: 991px)
{
	*
	{
		font-size: small;
	}

	.headerBtn
	{
		font-size: 13px;
	}

	.home-details-container
	{
		height: 350px;
	}

	.realtime-button
	{
		font-size: 10px;
	}
}

@media screen and (max-width: 767px)
{
	#logo img
	{
		padding: 10px;
		margin: auto;
	}

	.style-msg .announcement, .style-msg .announcement_info
	{
		text-align: center;
	}

	.home-title
	{
		font-size: large;
		text-align: center;
		margin-top: 20px;
	}

	.realtime-button
	{
		font-size: 11px;
		border-radius: 10px;
	}

	.table-responsive
	{
		margin: 0px;
	}

	.depTable tr th
	{
		font-size: x-small;
	}

	.depTable tr td
	{
		font-size: x-small;
	}

	/* new add by jh */
	.page-banner,.page-banner img
	{
		min-height: 100px;
	}
}