@media (min-width: 992px) {
	header, .header-container, .menu-header-menu-container{
			position: fixed;
		z-index: 9000;
		top: 0;
		left: 0;
		/* width: 0; */
		height: 100vh;
		/* background-color: #2a9bd7; */
		/* -webkit-transition: width .7s cubic-bezier(.73,0,.42,1); */
		/* transition: width .7s cubic-bezier(.73,0,.42,1); */
		will-change: width;
		-ms-touch-action: none;
		touch-action: none;
			/* align-items: center; */
			overflow: hidden;
	}

	header ul.menu, header ul.sub-menu {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		height: 100%;
		/* display: flex; */
		margin: 0;
		padding: 25.2rem 3.9rem 0;
		width: 100%;
		pointer-events: all;
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%);
		visibility: hidden;
		-webkit-transition: background-color .7s cubic-bezier(.73,0,.42,1),visibility 0s linear .7s,-webkit-transform .7s cubic-bezier(.73,0,.42,1);
		transition: background-color .7s cubic-bezier(.73,0,.42,1),visibility 0s linear .7s,-webkit-transform .7s cubic-bezier(.73,0,.42,1);
		transition: transform .7s cubic-bezier(.73,0,.42,1),background-color .7s cubic-bezier(.73,0,.42,1),visibility 0s linear .7s;
		transition: transform .7s cubic-bezier(.73,0,.42,1),background-color .7s cubic-bezier(.73,0,.42,1),visibility 0s linear .7s,-webkit-transform .7s cubic-bezier(.73,0,.42,1);
		will-change: transform,background-color,visibility;
		flex-direction: column;
		justify-content: center;
	}

	header ul.menu > li:first-child{
		margin-top: 2.4rem;
	}

	.menu-heading{
		transition: 0.7s;
	}

	header[data-active-children]:not([data-active-children='0']) .menu-heading{
		opacity: 0;
	}

	header ul.menu[data-active-children="0"]{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	header ul.menu[data-active-children="1"] > li > .sub-menu-container{
		width: 37.5rem;
	}

	header ul.menu[data-active-children="2"] > li > .sub-menu-container, 
	header ul.menu[data-active-children="3"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container,
	header ul.menu[data-active-children="4"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container{
		width: 41.4rem;
	}

	header ul.menu[data-active-children="3"] > li > .sub-menu-container, 
	header ul.menu[data-active-children="4"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container,
	header ul.menu[data-active-children="5"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container{
		width: 45.3rem;
	}

	header ul.menu[data-active-children="4"] > li > .sub-menu-container, 
	header ul.menu[data-active-children="5"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container,
	header ul.menu[data-active-children="6"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container{
		width: 49.2rem;
	}

	header ul.menu[data-active-children="5"] > li > .sub-menu-container, 
	header ul.menu[data-active-children="6"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container,
	header ul.menu[data-active-children="7"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container{
		width: 53.1rem;
	}

	header ul.menu[data-active-children="6"] > li > .sub-menu-container, 
	header ul.menu[data-active-children="7"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container,
	header ul.menu[data-active-children="8"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container{
		width: 57rem;
	}

	header ul.menu[data-active-children="7"] > li > .sub-menu-container, 
	header ul.menu[data-active-children="8"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container{
		width: 60.9rem;
	}

	header ul.menu[data-active-children="8"] > li > .sub-menu-container{
		width: 64.8rem;
	}

	header ul.menu{
		opacity: 0;
		transition: 0.7s;
	}

	header ul.menu, .sub-menu-container.active > ul.sub-menu{
		visibility: visible;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;	
		opacity: 1;
	}

	/* header ul.menu, .sub-menu-container.active ul.sub-menu .menu-arrow{ */
		/* right: -30px; */
	/* } */

	header ul.menu ul.sub-menu{
		transition: 0.7s;
	}

	header ul.menu[data-active-children="1"] {
		background: var(--bg2);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}

	header ul.menu[data-active-children="1"] > li > .sub-menu-container > ul.sub-menu{
		-webkit-transform: translateX(0);
		transform: translateX(0);
		/* opacity: 1;	 */

	}

	header ul.menu[data-active-children="1"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu{
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%);	
	}


	header ul.menu[data-active-children="2"] {
		background: var(--bg3);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}

	header ul.menu[data-active-children="2"] ul.sub-menu {
		background: var(--bg2);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}

	header ul.menu[data-active-children="2"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu{
		background: var(--bg1);
		-webkit-transform: translateX(0);
		transform: translateX(0);	
	}
	

	header ul.menu[data-active-children="2"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu{
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%);	
	}


	header ul.menu[data-active-children="3"] {
		background: var(--bg4);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}
	
	header ul.menu[data-active-children="3"] li a {
		background: var(--bg4);
	}	

	header ul.menu[data-active-children="3"] ul.sub-menu {
		background: var(--bg3);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}
	
	header ul.menu[data-active-children="3"] ul.sub-menu li a{
		background: var(--bg3);
	}

	header ul.menu[data-active-children="3"] ul.sub-menu ul.sub-menu{
		background: var(--bg2);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}
	
	header ul.menu[data-active-children="3"] ul.sub-menu ul.sub-menu li a{
		background: var(--bg2);
	}

	header ul.menu[data-active-children="3"] ul.sub-menu ul.sub-menu ul.sub-menu{
		background: var(--bg1);
		-webkit-transform: translateX(0);
		transform: translateX(0);	
	}
	
	header ul.menu[data-active-children="3"] ul.sub-menu ul.sub-menu ul.sub-menu li a{
		background: var(--bg1);
	}

	header ul.menu[data-active-children="3"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu{
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%);	
	}



	header ul.menu[data-active-children="4"] {
		background: var(--bg5);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}

	header ul.menu[data-active-children="4"] ul.sub-menu {
		background: var(--bg4);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}

	header ul.menu[data-active-children="4"] ul.sub-menu ul.sub-menu{
		background: var(--bg3);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}

	header ul.menu[data-active-children="4"] ul.sub-menu ul.sub-menu ul.sub-menu{
		background: var(--bg2);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);	
	}

	header ul.menu[data-active-children="4"] ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu{
		background: var(--bg1);
		-webkit-transform: translateX(0);
		transform: translateX(0);	
	}
	
	header ul.menu[data-active-children="4"] ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li a{
		background: var(--bg1);
	}

	header ul.menu[data-active-children="4"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu{
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%);	
	}



	header ul.menu[data-active-children="5"] {
		background: var(--bg6);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}

	header ul.menu[data-active-children="5"] ul.sub-menu {
		background: var(--bg5);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}

	header ul.menu[data-active-children="5"] ul.sub-menu ul.sub-menu{
		background: var(--bg4);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}

	header ul.menu[data-active-children="5"] ul.sub-menu ul.sub-menu ul.sub-menu{
		background: var(--bg3);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);	
	}

	header ul.menu[data-active-children="5"] ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu{
		background: var(--bg2);
		-webkit-transform: translateX(-100%) translateX(3.9rem);
		transform: translateX(-100%) translateX(3.9rem);
	}

	header ul.menu[data-active-children="5"] ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu{
		background: var(--bg1);
		-webkit-transform: translateX(0);
		transform: translateX(0);	
	}

	header ul.menu[data-active-children="5"] > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu > li > .sub-menu-container > ul.sub-menu{
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%);	
	}

	/* header ul.sub-menu li.menu-item-has-children > a{ */
		/* width: calc(100% - 4.8rem); */
	/* } */


	.sub-menu-container {
		display: none;
		width: 37.5rem;
		height: 100vh;
		position: absolute;
		top: 0;
		right: 0;
		pointer-events: none;
		overflow: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	.sub-menu-container.active{
		display: block;
	}


	.menu-header-menu-container, .header-container{
		width: 100%;
	}
	.header-container, #site-navigation, .menu-header-menu-container {
		width: inherit;
	}
}

header .bottom-header, header .site-branding {
	transition: 0.7s;
}
#mobile-menu {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--bg1);
    z-index: 99999;
    box-shadow: 0px -5px 20px rgb(0 0 0 / 15%);
}

header {
	z-index: 3;
}

#mobile-menu .extra-small {
	color: #FFF;
}

/*.bottom-header {
	align-items: unset;
}*/

#mobile-menu .mobile-menu-block {
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
    height: 50px;
    padding: 0 15px;
	display: flex;
}

header .site-branding, header .menu li {
    width: 100%;
    max-width: 29.7rem;
	
}

header .site-branding{
	left: 0;
}

#mobile-menu #site-navigation {
    position: fixed;
    top: 0;
    left: 0;
    background: var(--bg1);
    width: 100%;
    /* height: calc(100vh - 50px); */
	height: calc(((var(--vh, 1vh) * 100)) - 50px);
    display: none;
    z-index: -1;
    flex-direction: column;
    justify-content: end;
    /* padding: 60px 15px 30px 15px; */
    padding: 60px 15px 0px 15px;
}

/* #mobile-menu .menu-header-menu-container ul li:last-child{ */
    /* margin-bottom: 30px;	 */
/* } */

.active-mobile-menu {
    height: calc((var(--vh, 1vh) * 100));
    /* overflow-y: scroll; */
    right: 0;
    bottom: unset;
    top: unset;
	background: var(--bg2);
	left: 0;
}
#mobile-menu #site-navigation.active {
	display: flex;
	touch-action: none!important;
}

#mobile-menu .menu-header-menu-container {
    overflow: auto;
    height: auto;
}

#mobile-menu .menu-header-menu-container a {
	color: #FFF;
}

#mobile-menu .menu-arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 5.6rem;
    height: 5.3rem;
    cursor: pointer;
    z-index: 9999;
}

#mobile-menu .menu-arrow svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

#mobile-menu .menu-arrow svg path {
	stroke: #FFF!important;
}

#mobile-menu .menu-header-menu-container ul ul.sub-menu {
	display: none;
}

header #primary-menu ul li,
#mobile-menu .menu-header-menu-container ul li {
	position: relative;
	margin: 0;
	width: 29.7rem;
	/* transition: 0.3s; */
	/* clip-path: polygon(0 0, calc(100% - 0.6rem) 0%, calc(100% - 0.6rem) 0.6rem, 100% 0.65rem, 100% 101%, 0 101%); */
}
header #primary-menu ul li{
	position: static;
}
header #primary-menu ul li{
	padding-left: 1px;
}
/* header #primary-menu ul li a:hover{ */
	/* background-color: #fff; */
    /* border: 1px solid #fff; */
/* } */

header #primary-menu ul.sub-menu li a .menuitem-wrap:hover{ 
	background-color: #fff;
    border: 1px solid #fff;
}

/* header #primary-menu ul li a:hover { */
    /* color: var(--color1); */
/* } */
/* header #primary-menu ul li a:hover span { */
    /* color: var(--color1); */
/* } */
#mobile-menu .menu-header-menu-container ul li.active > a > span.description {
	display: none;
}

header #primary-menu ul li.border-top,
#mobile-menu .menu-header-menu-container ul li.border-top,
ul li.border-top {
	border-top: 2px solid var(--bg10);
	margin-top: 15px;
	padding-top: 23px;
}

#mobile-menu .bottom-header .block {
	padding: 0 2.2rem 0 0;
}

#mobile-menu .menu-header-menu-container ul li.active > .menu-arrow {
	display: none;
}

#mobile-menu .menu-header-menu-container ul li.active > .sub-menu-container > .sub-menu {
	display: block;
}

#mobile-menu .menu-header-menu-container ul li.active > a > .menu-arrow{
	display: none;
}

header #primary-menu ul,
#mobile-menu .menu-header-menu-container ul {
	list-style: none;
}

header #primary-menu ul li a,
#mobile-menu .menu-header-menu-container ul li a {
	font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 500;
    padding: 1.6rem 0;
    display: flex;
	font-style: italic;
}

#mobile-menu ul li.active > a, 
#mobile-menu .menu-heading {
    color: #FFF;
    font-size: 2.6rem;
    line-height: 2.8rem;
    font-weight: 700;
    font-style: normal;
	touch-action: none!important;
}

header #primary-menu ul.sub-menu li a .menuitem-wrap {
    display: flex;
    flex-direction: column;
    padding: 0 1.6rem 0;
    height: 100%;
    justify-content: center;
}
header #primary-menu ul li a .menuitem-wrap:hover span {
    color: var(--color1);
}

header #primary-menu ul.sub-menu li a,
#mobile-menu .menu-header-menu-container ul.sub-menu li a {
	border: 1px solid #FFF;
	/* padding: 1.1rem 1.6rem 0.9rem; */
	padding: 0;
	margin-bottom: 8px;
	position: relative;
	line-height: 1.2;
    height: 4.8rem;
	flex-direction: column;
    justify-content: center;
	/* clip-path: polygon(0 0, calc(100% - 0.6rem) 0%, calc(100% - 0.6rem) 0.6rem, 100% 0.65rem, 100% 101%, 0 101%); */
}

#primary-menu .description {
	font-weight: 200;
    font-size: 1.2rem;
	line-height: 1.4rem;
	font-style: normal;
}

header #primary-menu ul.sub-menu li .menu-arrow,
#mobile-menu ul.sub-menu li .menu-arrow {
	border-left: 1px solid #FFF;
    width: 4.8rem;
	top: -1px;
    /* height: 100%; */
    height: 4.8rem!important;
	/* clip-path: polygon(0 0, calc(100% - 0.6rem) 0%, calc(100% - 0.6rem) 0.6rem, 100% 0.65rem, 100% 101%, 0 101%); */
}

header #primary-menu ul.sub-menu li .menu-arrow {
    height: calc(100% - 8px);
    background-color: var(--bg1);
    /* border: 1px solid #fff; */
    transition: 0.7s;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

header #primary-menu ul.sub-menu li .menu-arrow::after {
    position: absolute;
    top: -1px;
    bottom: -1px;
    content: '';
    width: 7px;
    left: -8px;
    background-color: var(--bg1);
	transition: 0.7s;
}

header #primary-menu ul.sub-menu li .menu-arrow:hover{
	background-color: #fff;
}

header #primary-menu ul.sub-menu li .menu-arrow:hover svg path{
	stroke: var(--bg1);;
}

header #primary-menu ul.sub-menu li .menu-arrow:before,
#mobile-menu ul.sub-menu li .menu-arrow:before {
	content: '';
    width: 7px;
    height: calc(100% + 0px);
    position: absolute;
    background: var(--bg1);
	border-left: 1px solid #FFF;
	left: -9px;
    top: 0px;
	bottom: 0px;
}

header #primary-menu ul.sub-menu li a:after,
#mobile-menu ul.sub-menu li a:after {
	content: '';
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    background: var(--bg1);
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	right: -1px;
    top: -1px;
	z-index: 1;
}

#mobile-menu ul.sub-menu li a.no-border {
	border: 0;
	padding-left: 0;
}

#mobile-menu ul.sub-menu li a.no-border:after {
	display: none;
}

#mobile-menu .mobile-menu-tab .tab {
    padding: 0 1.5rem;
    height: 4rem;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.4rem;
    letter-spacing: 1.2px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header #primary-menu ul.sub-menu .menu-arrow svg,
#mobile-menu .sub-menu .menu-arrow svg {
	position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

#mobile-menu .mobile-menu-button {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    line-height: 1.8rem;
    cursor: pointer;
}

#mobile-menu .close-mobile-menu {
	position: absolute;
	top: 9px;
	right: 9px;
	width: 45px;
	height: 45px;
}

#mobile-menu .close-mobile-menu:after {
	content: '+';
	position: absolute;
	transform: translate(-50%, -50%) rotate(-45deg);
	color: #FFF;
	font-size: 65px;
	font-weight: 200;
	top: 50%;
	left: 50%;
}

/* header #primary-menu .sub-menu { */
	/* position: fixed; */
    /* left: 3.9rem; */
    /* top: 0; */
    /* width: calc(100% - 3.9rem); */
    /* height: 100vh; */
    /* flex-direction: column; */
    /* justify-content: center; */
    /* padding: 0 3.9rem; */
    /* background: var(--bg2); */
    /* transition: 0.7s; */
    /* transition: clip-path 0.7s; */
    /* clip-path: inset(0 0 0 100%); */
	/* z-index: -1; */
	/* display: flex; */
	/* padding-top: 21.2rem; */
	/* opacity: 0; */
/* } */

/* header .sub-menu-container{ */
	/* display: none; */
    /* width: 0; */
    /* height: 100vh; */
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    /* pointer-events: none; */
    /* overflow: hidden; */
    /* -webkit-transform: translateX(100%); */
    /* transform: translateX(100%); */
/* } */

/* header .sub-menu-container ul.sub-menu{ */
    /* position: absolute; */
    /* z-index: 10; */
    /* top: 0; */
    /* left: 0; */
    /* margin: 0; */
    /* pointer-events: all; */
/* } */

header .menu-tab-name {
	position: absolute;
    top: 0;
	left: 0;
    height: 100vh;
    width: 3.9rem;
    z-index: 9999;
    color: #FFF;
    font-size: 1.4rem;
	opacity: 0;
	cursor: pointer;
	text-transform: uppercase;
}

header .menu-tab-name:hover span{
	top: 19.5rem;
}

header .menu-tab-name:nth-child(2) {
	left: 3.9rem;
}
header .menu-tab-name:nth-child(3) {
	left: 7.8rem;
}
header .menu-tab-name:nth-child(4) {
	left: 11.7rem;
}
header .menu-tab-name:nth-child(5) {
	left: 15.6rem;
}
header .menu-tab-name:nth-child(6) {
	left: 19.5rem;
}


header .menu-tab-name span {
    transform: translateY(-50%) translateX(-50%) rotate(-90deg);
    position: absolute;
    top: 17.5rem;
    left: 50%;
    padding: 14px;
    white-space: nowrap;
    text-align: right;
    letter-spacing: 0.12em;
    width: 32rem;
    transition: 0.6s;
}

header #primary-menu .sub-menu:before {
    content: attr(data-name);
    position:relative;
    top: -2.4rem;
    left: 0;
	color: #FFF;
    font-size: 2.6rem;
    line-height: 2.8rem;
    font-weight: 700;
}

header #primary-menu ul.sub-menu li .menu-arrow:before,
header #primary-menu ul.sub-menu li a:after {
	background-color: var(--bg1);
	transition: 0.7s;
}

@media (max-width: 992px) {
/* header #primary-menu ul.sub-menu li .menu-arrow:before,
header #primary-menu ul.sub-menu li a:after {
	background-color: var(--bg1);
} */

header[data-active-children="0"] {
	background-color: var(--bg1);
}
header #primary-menu[data-active-children="0"] ul.sub-menu {
	transform: translateX(-100%);
	/* transition:0.7s; */
}

header[data-active-children="1"] {
	background-color: var(--bg1);
}
header #primary-menu[data-active-children="1"] ul.sub-menu {
	background: var(--bg1);
	/* transition:0.7s; */
	transform: translateX(0%);
}

header #primary-menu[data-active-children="1"] ul.sub-menu ul.sub-menu {
	transform: translateX(-100%);
}


header[data-active-children="2"] {
	background-color: var(--bg3);
}
header #primary-menu[data-active-children="2"] ul.sub-menu {
	background: var(--bg2);
}
header #primary-menu[data-active-children="2"] ul.sub-menu ul.sub-menu {
	background: var(--bg1);
    width: calc(100% - 7.8rem);
	/* transition:0.7s; */
	transform: translateX(0%);
}
/* header #primary-menu[data-active-children="2"] ul.sub-menu ul.sub-menu ul.sub-menu { */
	/* transform: translateX(-100%); */
/* } */

header[data-active-children="3"] {
	background-color: var(--bg4);
}
header #primary-menu[data-active-children="3"] ul.sub-menu {
	background: var(--bg3);
}
header #primary-menu[data-active-children="3"] ul.sub-menu ul.sub-menu {
	background: var(--bg2);
}
header #primary-menu[data-active-children="3"] ul.sub-menu ul.sub-menu ul.sub-menu {
	background: var(--bg1);
    width: calc(100% - 11.7rem);
	/* transition:0.7s;	 */
	transform: translateX(0%);
}
header #primary-menu[data-active-children="3"] ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu{
	transform: translateX(-100%);
}

header[data-active-children="4"] {
	background-color: var(--bg5);
}
header #primary-menu[data-active-children="4"] ul.sub-menu {
	background: var(--bg4);
}
header #primary-menu[data-active-children="4"] ul.sub-menu ul.sub-menu {
	background: var(--bg3);
}
header #primary-menu[data-active-children="4"] ul.sub-menu ul.sub-menu ul.sub-menu {
	background: var(--bg2);
}
header #primary-menu[data-active-children="4"] ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu {
	background: var(--bg1);
    width: calc(100% - 15.6rem);	
	/* transition:0.7s; */
	transform: translateX(0%);
}

header[data-active-children="5"] {
	background-color: var(--bg6);
}
header #primary-menu[data-active-children="5"] ul.sub-menu {
	background: var(--bg5);
}
header #primary-menu[data-active-children="5"] ul.sub-menu ul.sub-menu {
	background: var(--bg4);
}
header #primary-menu[data-active-children="5"] ul.sub-menu ul.sub-menu ul.sub-menu {
	background: var(--bg3);
}
header #primary-menu[data-active-children="5"] ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu {
	background: var(--bg2);
}
header #primary-menu[data-active-children="5"] ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu {
	background: var(--bg1);
    width: calc(100% - 19.5rem);	
	/* transition:0.7s; */
}

header #primary-menu[data-active-children="6"] ul.sub-menu {
	background: var(--bg6);
}
header #primary-menu[data-active-children="6"] ul.sub-menu ul.sub-menu {
	background: var(--bg5);
}
header #primary-menu[data-active-children="6"] ul.sub-menu ul.sub-menu ul.sub-menu {
	background: var(--bg4);
}
header #primary-menu[data-active-children="6"] ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu {
	background: var(--bg3);
}
header #primary-menu[data-active-children="6"] ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu {
	background: var(--bg2);
}
header #primary-menu[data-active-children="6"] ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu {
	background: var(--bg1);
}


header #primary-menu ul.sub-menu ul.sub-menu li .menu-arrow:before,
header #primary-menu ul.sub-menu ul.sub-menu li a:after,
header #primary-menu .sub-menu .sub-menu {
	background: var(--bg3);
} 

/* header #primary-menu .sub-menu .sub-menu { */
	/* left: 7.8rem; */
/* } */

header #primary-menu ul.sub-menu ul.sub-menu ul.sub-menu li .menu-arrow:before,
header #primary-menu ul.sub-menu ul.sub-menu ul.sub-menu li a:after,
header #primary-menu .sub-menu .sub-menu .sub-menu {
	background: var(--bg4);
} 

/* header #primary-menu .sub-menu .sub-menu .sub-menu { */
	/* left: 11.7rem; */
/* } */

header #primary-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li .menu-arrow:before,
header #primary-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li a:after,
header #primary-menu .sub-menu .sub-menu .sub-menu .sub-menu {
	background: var(--bg5);
} 

/* header #primary-menu .sub-menu .sub-menu .sub-menu .sub-menu { */
	/* left: 15.6rem; */
/* } */

header #primary-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li .menu-arrow:before,
header #primary-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li a:after,
header #primary-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu {
	background: var(--bg6);
} 

header #primary-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu {
	left: 19.5rem;
}

header #primary-menu .sub-menu.active {
	clip-path: inset(0);
	z-index: 1;
}

header #primary-menu .sub-menu.active .sub-menu.active {
	z-index: 2;
}

header #primary-menu .sub-menu.active .sub-menu.active .sub-menu.active {
	z-index: 3;
}

header #primary-menu .sub-menu.active .sub-menu.active .sub-menu.active .sub-menu.active {
	z-index: 4;
}

header #primary-menu .sub-menu.active .sub-menu.active .sub-menu.active .sub-menu.active .sub-menu.active {
	z-index: 5;
}

header #primary-menu .sub-menu.active .sub-menu.active .sub-menu.active .sub-menu.active .sub-menu.active .sub-menu.active {
	z-index: 6;
}

}

header .bottom-header,
header .site-branding {
	z-index: 999999;
	position: relative;
}

header .site-branding svg {
    height: auto;
    width: 10.5rem;
    /* display: flex; */
    /* justify-content: center; */
	/* transition: 0.3s; */
}

/* header .site-branding a.active svg { */
    /* transform: translateX(0); */
/* } */

header .site-branding a.active {
	overflow: hidden;
}


#mobile-menu .color-0 {
	background: #000126;
	background: var(--bg1);
}
.active-mobile-menu .color-0 {
	background: var(--bg6)!important;
}
.mobile-menu-tab .color-1, #mobile-menu.color-1 {
	background: var(--bg1);
}
.mobile-menu-tab .color-2, #mobile-menu.color-2 {
	background: var(--bg2);
}
.mobile-menu-tab .color-3, #mobile-menu.color-3 {
	background: var(--bg3);
}
.mobile-menu-tab .color-4, #mobile-menu.color-4 {
	background: var(--bg4);
}
.mobile-menu-tab .color-5, #mobile-menu.color-5 {
	background: var(--bg5);
}

@media (max-width: 992px) {
	#mobile-menu {
		display: flex;
    	flex-direction: column-reverse;
	}
	.bottom-header {
		display: flex;
		flex-direction: row;
		margin-top: auto;
		padding: 0.7rem 0;
		align-items: center;
	}
.bottom-header .block svg {
		margin-bottom: 0.1rem;
		display: block;
		width: 2.4rem;
		height: auto;
	}
	/* header #primary-menu ul.sub-menu li .menu-arrow, #mobile-menu ul.sub-menu li .menu-arrow{ */
		/* top: 0; */
	/* } */
.bottom-header{
	margin: 0;
}
}