html, body{
	background: #0b0f14 !important;
	background-image: radial-gradient(circle at 50% 0, #1c2530, #050505) !important;
	background-attachment: fixed !important;
	background-size: cover !important;
	color: #c0c0c0;
	font-family: 'Segoe UI', Roboto, Arial, sans-serif;
	min-height: 100vh;
}

.wrapper, #wrapper, .container, .content, .main-content, .box, .white-bg{
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

.navbar-default{
	background: #10151b !important;
	border: none !important;
	border-bottom: 1px solid #cfb53b !important;
	box-shadow: 0 0 15px rgba(207, 181, 59, 0.2);
}

.navbar-default .navbar-nav > li > a{
	color: #e0e0e0 !important;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
	transition: all 0.3s ease;
}

.navbar-default .navbar-nav > li > a:hover{
	color: #cfb53b !important;
	text-shadow: 0 0 8px rgba(207, 181, 59, 0.6);
}

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:hover{
	background-color: rgba(207, 181, 59, 0.1) !important;
	color: #cfb53b !important;
	box-shadow: inset 0 -2px 0 0 #cfb53b;
}

.navbar-default .navbar-toggle{
	border-color: #cfb53b !important;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #cfb53b !important;
}

.navbar-default .navbar-toggle:hover{
	background-color: #222 !important;
}

.shop_goods{
	background: transparent !important;
	border: none !important;
	border-collapse: separate !important;
	border-spacing: 0 5px !important;
}

.table-bordered{
	border: none !important;
}

.table-bordered > tbody > tr > td{
	border: 1px solid #2a3b4c !important;
}

.table-bordered > tbody > tr > th{
	border: 1px solid #2a3b4c !important;
}

.shop_goods th{
	background: linear-gradient(to bottom, #232d3a, #151a21) !important;
	color: #cfb53b;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	border: none !important;
	padding: 15px !important;
	text-align: center;
}

tr.separator td{
	background: linear-gradient(90deg, #141b24, #1f2a38, #141b24) !important;
	color: #ffffff !important;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
	padding: 12px !important;
	border: none !important;
}

.shop_goods td{
	background: rgba(22, 28, 36, 0.9) !important;
	color: #dddddd;
	vertical-align: middle !important;
}

.title{
	font-weight: 500;
	color: #fff;
}

.img_td{
	border-radius: 4px;
	margin-right: 10px;
	border: 1px solid #444;
}

.price_tbl{
	color: #cfb53b;
	font-weight: bold;
	font-size: 14px;
}

a.buy{
	display: inline-block;
	background: linear-gradient(135deg, #d4af37 0%, #a08020 100%) !important;
	color: #000000 !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 8px 25px !important;
	font-weight: 800 !important;
	font-size: 12px !important;
	text-transform: uppercase;
	box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
	transition: all 0.3s ease;
	text-decoration: none !important;
}

a.buy:hover{
	background: linear-gradient(135deg, #ffd700 0%, #deb887 100%) !important;
	box-shadow: 0 0 20px rgba(255, 215, 0, 0.7);
	transform: translateY(-2px);
	color: #000 !important;
	cursor: pointer;
}

a.buy i{
	margin-right: 5px;
}

#footer{
	background: #080a0d !important;
	border-top: 1px solid #2a3b4c !important;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 40px;
}

#footer a.footer-links{
	color: #8899a6 !important;
	margin-right: 15px;
	font-size: 13px;
	text-decoration: none;
	transition: 0.3s;
}

#footer a.footer-links:hover{
	color: #cfb53b !important;
}

#footer .text-muted{
	color: #444 !important;
	font-size: 11px;
	margin-top: 10px;
}

#footer .text-muted a{
	color: #555 !important;
}

.banner-wrapper{
	text-align: center;
	margin-bottom: 30px;
	padding: 10px;
	text-align: center;
	margin-bottom: 40px;
	padding: 15px;
	text-align: center;
	margin-bottom: 40px;
	padding: 15px;
}

.main-banner{
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	border: 1px solid #2a3b4c;
	margin-bottom: 20px;
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 5px 25px rgba(0,0,0,0.7);
	border: 1px solid #3a4b5c;
	margin-bottom: 25px;
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 5px 25px rgba(0,0,0,0.7);
	border: 1px solid #3a4b5c;
	margin-bottom: 25px;
}

.banner-buttons{
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.btn-link{
	display: inline-block;
	padding: 12px 25px;
	font-family: 'Segoe UI', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none !important;
	border-radius: 5px;
	font-size: 13px;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
	min-width: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px 40px;
	font-family: 'Segoe UI', sans-serif;
	font-weight: 800;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none !important;
	border-radius: 50px;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	min-width: 220px;
	position: relative;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px 40px;
	font-family: 'Segoe UI', 'Microsoft YaHei', 'SimHei', sans-serif;
	font-weight: 800;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none !important;
	border-radius: 50px;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	min-width: 240px;
	position: relative;
	top: 0;
}

.gold-btn{
	background: linear-gradient(135deg, #d4af37 0%, #a08020 100%);
	color: #000 !important;
	border: 1px solid #d4af37;
	box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);
	background: linear-gradient(to bottom, #f0c346 0%, #b88a00 100%);
	color: #2b2000 !important;
	border: 2px solid #ffd700;
	box-shadow: 0 5px 15px rgba(184, 138, 0, 0.4);
	background: linear-gradient(to bottom, #f0c346 0%, #b88a00 100%);
	color: #2b2000 !important;
	border: 2px solid #ffd700;
	box-shadow: 0 5px 15px rgba(184, 138, 0, 0.4);
}

.gold-btn:hover{
	background: linear-gradient(135deg, #ffd700 0%, #deb887 100%);
	box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
	transform: translateY(-2px);
	color: #000 !important;
	background: linear-gradient(to bottom, #ffd700 0%, #e6ac00 100%);
	box-shadow: 0 0 25px rgba(255, 215, 0, 0.7);
	transform: translateY(-4px);
	color: #000 !important;
}

.outline-btn{
	background: transparent;
	color: #cfb53b !important;
	border: 2px solid #cfb53b;
}

.outline-btn:hover{
	background: rgba(207, 181, 59, 0.1);
	color: #fff !important;
	box-shadow: 0 0 15px rgba(207, 181, 59, 0.4);
	transform: translateY(-2px);
}

.btn-link i{
	margin-right: 8px;
	margin-right: 10px;
	font-size: 20px;
	margin-right: 12px;
	font-size: 22px;
}

.silver-btn{
	background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
	color: #000000 !important;
	border: 2px solid #fff;
	box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);
	background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
	color: #000000 !important;
	border: 2px solid #fff;
	box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);
}

.silver-btn:hover{
	background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
	box-shadow: 0 0 25px rgba(255, 255, 255, 0.6);
	transform: translateY(-4px);
	color: #000 !important;
}

.gold-btn:hover{
	background: linear-gradient(to bottom, #ffd700 0%, #e6ac00 100%);
	box-shadow: 0 0 25px rgba(255, 215, 0, 0.7);
	transform: translateY(-4px);
	color: #000 !important;
}

.silver-btn:hover{
	background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
	box-shadow: 0 0 25px rgba(255, 255, 255, 0.6);
	transform: translateY(-4px);
	color: #000 !important;
}

/* Lequecontact trigger  only icon */
.lequecontact-widget .lequecontact-widget__footer .lequecontact-trigger--only-icon{
	display:none;
}

@media (min-width: 768px){

	.navbar-collapse{
		text-align: center !important;
	}
	
	.navbar-nav{
		float: none !important;
		display: inline-block !important;
		margin: 0 auto !important;
	}
	
	.navbar-right{
		display: none !important;
	}
	
}