.header-container{
	position: relative;
    z-index: 9;
}

.panel-header {
	--surface-foreground: linear-gradient(to bottom, rgba(65, 65, 65,.8) 0%, rgba(0,0,0,0) 100%);
	--surface-background: var(--primary-color-900);
	--surface-mobile-nav: var(--black-95);
	--text: var(--gray-100);
	--text-alt: var(--tan);
	position: absolute;
	color: var(--text);
	left: 0;
	width: 100%;
	z-index: 3;
}

.panel-header .secondary-nav-container {
	display: none;
	padding: 0 20px;
	background-color: var(--surface-background);
}

@media (min-width: 40em) {
	.panel-header .secondary-nav-container {
		display: block;
	}
}

.panel-header .primary-content-container {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding: 0 15px 0 15px;
	background: var(--surface-foreground);
}

.panel-header.menu-active .primary-content-container {
	background: var(--black);
}

.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
	padding: 10px 0 5px;
}

.panel-header .main-nav-widgets-container {
	display: grid;
	align-items: stretch;
	grid-template-columns: min-content;
	gap: var(--space-5);
}

@media (min-width: 64em) {
	.panel-header .main-nav-widgets-container {
		grid-template-rows: 46px 67px;
		gap: 0;
	}
}

.panel-header .main-nav-widgets-container > *:not(.widgets) {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.panel-header .main-nav-widgets-container .widgets {
	display: none;
	align-items: center;
}

.panel-header .contentRender_name_plugins_nav_children_of_active_parent {
	padding-top: 10px;
}

.panel-header .mobile-nav-container {
	position: absolute;
	z-index: 10;
	display: none;
	width: 100%;
}

.panel-header .mobile-nav-container.active {
	display: flex;
	justify-content: flex-end;
}

@media (min-width: 64em) {
	.panel-header .mobile-nav-container.active {
		display: none;
	}	
}

.panel-header .mobile-nav-container .mobile-nav {
	width: 100%;
	background-color: var(--surface-mobile-nav);
}

.panel-header .mobile-nav .widgets {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-flow: dense;
	padding: 25px 15px;
	color: var(--text);
}

.panel-header .mobile-nav footer.widgets {
	display: flex;
	flex-direction: column;
	padding: 15px 15px 20px;
}

.panel-header .mobile-nav footer.widgets .mobile-social-links {
	margin-bottom: 20px;
}

.panel-header .mobile-nav .search-cont {
	grid-column: 1 / -1;
}

.panel-header .mobile-nav .widgets > *:not(.search-cont) {
	align-self: center;
	justify-self: center;
}

.panel-header .main-nav-widgets-container > .search-cont {
	display: none;
}

@media screen and (min-width: 64em) {
    .panel-header {
    	position: fixed;
    }

    .panel-header.scrolled {
    	top: 0;
    }

    .panel-header.menu-active .primary-content-container {
	    background-color: var(--surface-foreground);
    }
	.panel-header .primary-content-container {
		padding: 0 0 0 30px;
	}

	.panel-header.scrolled .primary-content-container {
		background: var(--black);
	}
	
	.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
		padding: 17.5px 0;
	}

	.panel-header .logo {
		max-width: 240px;
		padding-right: 15px;
		box-sizing: border-box;
	}

	.panel-header .logo img {
		width: 100%;
	}

	.panel-header .main-nav-widgets-container .widgets {
		display: flex;
		justify-content: flex-end;
	}

	.panel-header .main-nav-widgets-container .widgets > div {
		border-right: var(--black) 2px solid;
		background-color:transparent;
		height: 100%;
		padding: 0 22px;
		display: flex;
		align-items: center;
	}
	
	.panel-header .main-nav-widgets-container .widgets > .contentRender_name_plugins_googletranslate_gtranslate {
		padding: 0 4px;
	}
	
	.panel-header .glink {
		color: #fff;
		display: flex;
		align-items: center;
		
		& img {
			min-width: 16px;
			margin-right: 4px;
		}
		
		& span {
			color: #fff !important;
		}
	}
	
	.panel-header .gt_languages > a > span {
		color: var(--black) !important;
	}

	.panel-header .main-nav-widgets-container .widgets > div:first-child {
		padding-left: 0;
	}

	.panel-header .main-nav-widgets-container .widgets > div:last-child {
		border-right: none;
	}

	.panel-header .main-nav-widgets-container .widgets .social-links {
		margin: 0 -5px;
		position: relative;
		top: 1px;
	}

	.panel-header.scrolled .widgets {
		display: none;
	}

	.panel-header.scrolled .main-nav-widgets-container {
	    display: flex;
	    justify-content: flex-end;
	    align-items: center;
	}

	.panel-header.scrolled .primary-content-container .contentRender_name_plugins_common_logo {
		padding: 20px 0;
	}
	.panel-header.scrolled .logo {
		max-width: 190px;
	}

	.panel-header.scrolled .main-nav-widgets-container > .search-cont {
		display: block;
	}

	.panel-header.scrolled .main-nav-widgets-container > .search-cont .search-button-text {
		display: none;
	}

	.panel-header.scrolled .main-nav-widgets-container > .search-cont .search-button {
		top: 0;
		margin: 0 50px 0 30px;
	}

	.panel-header.scrolled .main-nav-widgets-container > .search-cont .search-button i.open {
		font-size: 20px;
	}
}