
.root-panel .panel-header {
	display: block;
	color: #fff;
	z-index: 1;
	width: 100%;
}
@media (max-width: 1025px) {
	.root-panel .panel-header {
		background-color:#000000 ;
	}
	.menu-icon-text {
		font-family: muli,sans-serif;
		font-size: 10px;
		margin-top: 4px;
	}
	.menu-icon-text.close-text {display: none;}
	.active .menu-icon-text.close-text {display: block;}
	.active .menu-icon-text.open-text {display: none;}
}
@media (min-width: 1025px) {
	.root-panel .panel-header {
		display: block;
		position: absolute;
		color: #fff;
		z-index: 1;
		width: 100%;
	}
}
.panel-header .inner {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
}

@media (min-width: 1025px) {
	.panel-header .inner {
		padding: 0 15px;
	}
}

.panel-header .top-nav-cont {
	display: flex;
	justify-content: space-between;
}

.panel-header .top-nav-cont .header-left {
	display: none;
}

.panel-header .top-nav-cont .header-right {
	display: none;
}

.panel-header .logo img { width:100% }

.panel-header .mobile-nav {
	width: 100%;
	position: relative;
}

.panel-header .mobile-nav .navbar {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.panel-header .mobile-nav .nav-toggle {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 20px;
	background-color: unset;
	outline: none;
	flex-flow: column;
	padding-bottom: 0;
	margin-bottom: 0;
	border-left: 1px solid rgba(204, 204, 204, 0.3);
	padding-bottom: 20px;
	max-width: 71px;
}

.panel-header .mobile-nav .mobile-dd {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	background-color: #000;
	z-index: 30;
}
.panel-header .mobile-nav .mobile-dd-top {

position: relative;

display: flex;

align-content: flex-end;
}
.panel-header .mobile-nav.active .mobile-dd {display: block;}


/* Hamburger icon */
.panel-header .mobile-nav .hamburger-inner {
	position: relative;
}

.panel-header .mobile-nav .hamburger-inner::after,
.panel-header .mobile-nav .hamburger-inner::before {
	position: absolute;
}

.panel-header .mobile-nav .hamburger-inner {
background-image: url(/includes/public/assets/menu-mobile.svg);
width: 30px;
height: 20px;
}



.panel-header .mobile-nav.active .hamburger-inner {
	color: #fff;
	background-image: url(/includes/public/assets/menu-close.svg);
	background-repeat: no-repeat;
}


/* end hamburger icon */

@media screen and (min-width: 1025px){
	.panel-header .top-nav-cont .header-left,
	.panel-header .contentRender_name_plugins_common_logo {
		display: flex;
		align-items: center;
		z-index: 1;
	}

	.panel-header .top-nav-cont .header-right {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

	.panel-header .top-nav-cont .header-right-top:before {
		content: '';
		background-color: rgba(255, 255, 255, 0.5);
		position: absolute;
		width: 100%;
		left: 0;
		height: 40px;
		z-index: 0;
		pointer-events: none;
	}

	.panel-header .top-nav-cont .header-right-top,
	.panel-header .top-nav-cont .header-right-bottom {
		display: flex;
		align-items: center;
	}
	.panel-header .top-nav-cont .header-right-bottom {
		min-height: 70px;
	}

	.panel-header .top-nav-cont .mobile-nav {
		display: none;
	}
	.panel-header .top-nav-cont .header-right-bottom:before {
		content: '';
		background-color: rgba(0,0,0,.7);
		position: absolute;
		width: 100%;
		left: 0;
		height: 70px;
		z-index: 0;
		pointer-events: none;
	}
	.no-hero .panel-header .top-nav-cont {}
	.no-hero .panel-header .top-nav-cont .header-right-bottom:before {
		height: 100%;
		top: 0;
		pointer-events: none;
	}
	.root-panel.no-hero .panel-header {
		top: 0px;
		position: relative;
		margin-bottom: 30px;
	}
	.no-hero .secondary .level-1.nav-item > .nav-item-control > a {color:#fff}
	.no-hero .nav-container.secondary {
		position: relative;
		z-index: 1;
	}
	.no-hero .navigation.desktop.secondary .level-1.open.nav-item > .nav-item-control> a {
		color: #BC0523;
	}
}
@media screen and (max-width: 1025px){
	.root-panel.no-hero .panel-header {
		margin-bottom: 30px;
	}
	.panel-header .mobile-nav.active .mobile-dd {
		max-width: 320px;
	}
}
@media screen and (max-width: 640px){
	.panel-header .mobile-nav.active .mobile-dd {
		max-width: 100%;
	}
}