.toper_1 {
	background:linear-gradient(180deg, rgba(10,10,15,0.98) 0%, rgba(20,15,25,0.95) 100%);
	border-bottom:2px solid #c9a84c;
	box-shadow:0 4px 20px rgba(0,0,0,0.5);
	position:relative;
	z-index:100;
}
.toper_2 {
	margin:0 auto;
	width:1200px;
	max-width:95%;
	height:90px;
	position:relative;
	display:flex;
	align-items:center;
}
.toper_3 {
	width:60px;
	height:60px;
	margin-right:15px;
	flex-shrink:0;
	z-index:7;
}
.toper_3 img {
	width:60px;
	height:60px;
	border-radius:8px;
	box-shadow:0 0 15px rgba(201,168,76,0.3);
}
.toper_4 {
	margin-right:auto;
	z-index:7;
}
.toper_4 img {
	max-height:60px;
	height:auto;
	filter:drop-shadow(0 0 8px rgba(201,168,76,0.3));
}
.toper_5 { display:none; }

/* Navigation buttons */
.toper_6, .toper_7, .toper_8, .toper_9 {
	display:flex;
	align-items:center;
	z-index:7;
	text-align:center;
	margin:0 5px;
}
.toper_6 a, .toper_7 a, .toper_8 a, .toper_9 a {
	display:block;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1.5px;
	color:#e0d8c8;
	transition:all .3s ease;
	padding:8px 18px;
	border-radius:8px;
	border:1px solid rgba(201,168,76,0.2);
	background:rgba(20,15,25,0.6);
}
.toper_6 a span, .toper_7 a span, .toper_8 a span, .toper_9 a span {
	display:block;
	font-size:11px;
	letter-spacing:0.5px;
	opacity:0.7;
	margin-top:2px;
}
.toper_6 a:hover, .toper_7 a:hover, .toper_8 a:hover, .toper_9 a:hover {
	color:#ffd700;
	border-color:#c9a84c;
	background:rgba(139,0,0,0.3);
	box-shadow:0 0 15px rgba(201,168,76,0.2);
	transform:translateY(-2px);
}

.toper_10 {
	width:48px;
	height:48px;
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	z-index:7;
	transition:all .5s ease;
}
.toper_10 img {
	width:48px;
	height:48px;
	opacity:0.4;
	transition:all .7s ease;
	border-radius:50%;
}
.toper_10:hover { margin-top:0; }
.toper_10 img:hover { opacity:1; box-shadow:0 0 15px rgba(201,168,76,0.5); }