/**
 * Trang chủ — header trong suốt đè slider/hero (giống lk-tech.com/vi/).
 * Trang con: .header.stickyMain trong app.css (nền đen).
 */

body.hl-front-hero .header.stickyMain.hl-header-over-hero:not(.showingUp) {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	background: transparent !important;
	box-shadow: none;
	transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

body.hl-front-hero .header.stickyMain.hl-header-over-hero:not(.showingUp) .middle-header {
	background: transparent;
	border: none;
}

body.hl-front-hero .header.stickyMain.hl-header-over-hero:not(.showingUp) .showForBlack {
	opacity: 0 !important;
}

body.hl-front-hero .header.stickyMain.hl-header-over-hero:not(.showingUp) .showFowTransparent {
	opacity: 1 !important;
}

body.hl-front-hero .header.stickyMain.hl-header-over-hero.showingUp {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	background: #fff !important;
}