body {
	background-color: #f0f0f0;
	font-family: 'supermarket';
	font-size: 24px;
	color: #181818;
}

.header-color {
	color: #f0f0f0;
}

.text-border-between {
	background-color: #181818;
}

.nav-destop {
	background-color: #000;
	position: relative;
	z-index: 2001;
}

.footer {
	/* border-top: 3px solid #f4de6a; */
	/* background-color: rgba(0, 0, 0, 0); */
	/* color: #f0f0f0; */
	/* background-image: url('https://static.wixstatic.com/media/1bb4e6_9183e6618b7c414aa8a368ac8f1c5715~mv2.png/v1/crop/x_7,y_0,w_1908,h_208/fill/w_1908,h_208,al_c,q_90/bank.webp'); */
	/* position: fixed; */
	z-index: 1;
	width: 100%;
	/* height: 209px; */
	top: 0;
	left: 0;
	background-position: center;
}

.navbar-dark .navbar-nav .nav-link {
	color: #f0f0f0;
	font-size: 22px;
}

.nav-item.active .nav-link {
	color: #f4de6a !important;
	font-weight: bold;
	font-size: 22px;
}

.nav-item {
	margin: auto;
}

.content-editor {
	color: #fff;
	font-size: 24px;
}

.content-editor2 {
	color: #fff;
	font-size: 24px;
}

.content-editor h3 {
	color: #f4de6a;
	font-size: 36px;
}

.c-red {
	/* color: #B82626 !important; */
	color: #fffb09 !important;
}

.c-gray {
	color: #7c7870 !important;
}

.c-black {
	color: #060606 !important;
}

.c-light-gray {
	color: #beb5a3 !important;
}

.tap-color {
	background-color: #181818;
	height: 60px;
}

.main-footer {
	color: #f4de6a;
	font-size: 24px;
}

.help-contact {
	color: #000000;
	font-size: 14px;
}

.burger-color {
	color: #fff;
	font-size: 30px;
	margin-top: 18px;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #f4de6a;
}

.text-upderline {
	border-bottom: 1px solid #f4de6a;
}

.mobile-logo {
	color: #fff;
	font-size: 18px;
	height: 80px;
	padding: 12px 0px;
}

.bor-nav-tran {
	/* border-top: 3px solid #f4de6a; */
	border-bottom: 3px solid #f4de6a;
}

.btn-register {
	background-color: #f4de6a;
	border: 1px solid #f4de6a;
	color: #f0f0f0;
	width: 180px;
	height: 40px;
}

.posit {
	position: absolute;
	right: 20px;
}

.title-footer {
	font-size: 20px;
}

.des-footer {
	font-size: 20px;
}

.font-allright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h1 {
	color: #ffffff;
	font-size: 36px;
}

h3 {
	font-size: 36px;
}

.h-top-logo {
	height: 80px;
}

.nav-top-logo {
	font-size: 30px;
}

.dropdown-menu {
	padding: 0 0;
	border-radius: 0px;
}

.logo-size {
	height: 80px;
}

.left-content {
	right: 0;
	position: absolute;
}

.nav-mobile {
	display: none;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	z-index: 2001;
}

.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 24px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #606060;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
}

.inside-nav {
	position: relative;
}

.po-si-r {
	position: absolute;
	left: 20px;
}

.nav-mobile {
	z-index: 2001;
	position: relative;
	background-color: #000;
}

.banner-home-mobile {
	display: none;
}

@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1250px) {
}

@media screen and (max-width: 1254px) {
	.nav-destop {
		display: none;
	}
	.nav-mobile {
		display: block;
	}
	.banner-home {
		display: none;
	}
	.banner-home-mobile {
		display: block;
	}
}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}
	.sidenav a {
		font-size: 18px;
	}
	h1 {
		font-size: 2rem !important;
	}
	h1 span {
		font-size: 2rem !important;
	}
	.logo-footer {
		padding: 0px 5px 20px 10px;
	}
}

.icon-destop {
	width: 220px;
	padding: 10px 0px;
}

@media (max-width: 425px) {
	.posit {
		position: relative;
		right: auto;
		display: inline-block;
		text-align: center;
	}
	.btn-register {
		width: 130px;
		display: inline-block;
		height: 40px;
		margin: 0 4px;
		text-align: center;
	}
	.text-h-nav {
		font-size: 14px;
	}
	h1 {
		font-size: 2rem !important;
	}
	h1 span {
		font-size: 2rem !important;
	}
	.logo-footer {
		padding: 0px 5px 20px 10px;
	}
}

.btn-login {
	background-color: #000000;
	border: 1px solid #f4de6a;
	color: #f4de6a;
	width: 170px;
	/* height: 41px; */
}

.btn-login:hover {
	background-color: #f4de6a;
	border: 2px solid #000000;
	color: #000;
}

#Top-Menu {
	background: #000000;
	z-index: 2001;
	position: relative;
	color: #ffffff;
}

.btn-resgi {
	background: #f4de6a;
	min-width: 110px;
	border: 1px solid #f4de6a;
	color: #000;
}

.btn-resgi:hover {
	background: #000;
	min-width: 110px;
	color: #f4de6a;
}

.btn-join {
	background: #000;
	min-width: 110px;
	border: 1px solid #f4de6a;
	color: #f4de6a;
}

.btn-join:hover {
	background: #f4de6a;
	color: #000;
}

.img-slide {
	width: 100%;
}

.text-h-nav {
	font-size: 20px;
}

.carousel-indicators {
	margin-bottom: 0px;
}

.table {
	color: #fff;
}

.table-hover tbody tr:hover {
	color: #f4de6a;
}

.top-box {
	margin-left: 10rem;
	margin-right: 10rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.border-box {
	border-radius: 1.25rem;
	border: #ffffff 1px solid;
}

.img-box-game {
	float: right;
	width: 100%;
	height: 113px;
	border: thin silver solid;
}