/* ===================
   NAVIGATION MEGAMENU 
   =================== */

.navigation__main__wrapper {
	min-height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: end;
	opacity: 0;
	transition: opacity .6s ease-in-out .2s;
	box-sizing: border-box;
	width: 100vw;
	z-index: -1; }

.navigation__main__wrapper:before {  }
		
	
.navigation__main {
	overflow: hidden;
	box-sizing: border-box;
	position: absolute;
	padding: 8rem 4rem;
	z-index: 90;
	width: 100%;
	min-height: 100vh; }

.navigation__main a {
	padding: .6em 0;
	transition: opacity .6s;
	color: var(--color__white); }




.navigation__main__panels {
	position: relative;
	display: flex;
	margin-bottom: 5rem; }
	
	
.navigation__main__panel__primary,
.navigation__main__panel__products,
.navigation__main__panel__about,
.navigation__main__panel__industries {
	opacity: 1;
	flex-basis: 33%;
	flex-shrink: 0;
	box-sizing: border-box;
	transition: all .3s ease-in-out .2s; }
	
		
.navigation__main__panel__primary {
	font-size: 3rem;
	position: relative;  }


.navigation__main__panel__products,
.navigation__main__panel__about,
.navigation__main__panel__industries {
	position: relative;
	opacity: 1;
	padding-left: 5rem;
	margin-top: 1rem;
	font-size: 2.1rem;
	transition: all .6s;
	transform: translate(3rem, 0);
	opacity: 0; }

.navigation__main__panel__about,
.navigation__main__panel__industries{
	margin-left: -33.3%; }
	
.navigation__main__panel__products a {
	color: var(--color__white); }
	
.navigation__main__panels a {
	display: block; }	
	
.navigation__main__panel__products.active {
	/*transform: translate(0, 0);*/
	opacity: 1; }
	
.navigation__main__panels .main_link a {
	font-weight: 700; }


.panel_products__active .navigation__main__panel__products,
.panel_about__active .navigation__main__panel__about,
.panel_industries__active .navigation__main__panel__industries {
	opacity: 1;
	z-index: 9000;
	transform: translate(0, 0);}	


.navigation__main__panel__primary.secondary__active a {
	opacity: .5; }

.navigation__main__panel__primary.secondary__active a.active {
	opacity: 1; }


@media all and (max-width: 900px) {
	
	.navigation__main {
		padding-left: 0;
		padding-right: 0;}
		
	.navigation__main .main_link {
		font-size: 2rem; }
		
	.navigation__main__panels {
		width: 200%;
		margin-left: 0;
		overflow: hidden; }
	
	.navigation__main__panels li {
		margin-bottom: 1em; }
		
	.navigation__main__panel__about,
	.navigation__main__panel__industries {
		 margin-left: -50%; }
	
	.navigation__main__panel__primary,
	.navigation__main__panel__products,
	.navigation__main__panel__about,
	.navigation__main__panel__industries {
		margin-right: 0;
		padding-left: 3rem;
		padding-right: 3rem;
		transition: all .6s;
		flex-basis: 50%; }
	
	.navigation__main__panel__primary {
		z-index: 90;
		font-size: 2.3rem; }
	
	.navigation__main__panel__products,
	.navigation__main__panel__about,
	.navigation__main__panel__industries {
		position: relative;
		font-size: 1.8rem; }
	
	.navigation__main__panel__products ul,
	.navigation__main__panel__about ul,
	.navigation__main__panel__industries ul {
		width: 100%;
		padding-left: 4rem; 	}
		
	/* Back Arrow */
	.nav_panel_back {
		position: absolute;
		top: 1.1rem;
		transform: rotate(180deg);
		left: 2rem;
		width: 2rem;
		height: 2rem;
		display: block;
		z-index: 100;
		transition: all .3s;
		transform-origin: center;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='11px' height='18px' viewBox='0 0 11 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.031613, -0.031613)' fill='%2314CBEB'%3E%3Cpolygon id='Fill-1' transform='translate(5.500000, 9.000000) rotate(90.000000) translate(-5.500000, -9.000000) ' points='12.1493949 14.5 5.50063838 8.05533997 -1.14971406 14.5 -3.5 12.2224073 5.50079798 3.5 14.5 12.2224073'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: contain; }	
		
		
	.panel_products__active .navigation__main__panel__primary,
	.panel_about__active .navigation__main__panel__primary,
	.panel_industries__active .navigation__main__panel__primary {
		margin-left: -50%; }	
}	
	

@media all and (max-width: 500px) {

	.navigation__main {
		padding-left: 2rem;
		padding-right: 2rem; }

}

	
		
/* ===============
   NAVIGATION OPEN 
   =============== */		

.nav-open .navigation__main__wrapper {
	opacity: 1;
	overflow: auto;
	z-index: 90000; }		

.nav-open .navigation__main__wrapper .navigation__main__panel__primary {
	transform: translate(0, 0);
	opacity: 1; }	
	
.nav-open {
	overflow: hidden; }		
			
#container,
#header {
	/* filter: blur(0); */
	transition: all .6s; }
				
.nav-open #container,
.nav-open #header {
	/* filter: blur(6px); 		 */ }	
			
			
.overlay__background {
	content: '';
	position: fixed;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0;
	transition: opacity .6s ease-in-out;
	background: linear-gradient(90deg, rgba(28, 80, 142,.80) 0%, rgb(12, 35, 64,.80) 100%);
    backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px); }	
	
.nav-open .overlay__background {
	opacity: 1;
	z-index: 9000;
	transition-delay: 0s; }	 

.nav-open ~ .overlay__background {
	transition-delay: .6s; }
	
	
/* Open Next Panel */
#menu-item-1861,
#menu-item-1861,
#menu-item-379 {
	position: relative; }	
		
	
.nav-open #menu-item-1861:after,
.nav-open #menu-item-1862:after,
.nav-open #menu-item-3798:after {
	position: absolute;
	content: '';
	top: .9em;
	right: 2rem;
	width: 1.6rem;
	height: 2rem;
	display: block;
	z-index: -1;
	transition: all .3s;
	transform-origin: center;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='11px' height='18px' viewBox='0 0 11 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0.031613, -0.031613)' fill='%2314CBEB'%3E%3Cpolygon id='Fill-1' transform='translate(5.500000, 9.000000) rotate(90.000000) translate(-5.500000, -9.000000) ' points='12.1493949 14.5 5.50063838 8.05533997 -1.14971406 14.5 -3.5 12.2224073 5.50079798 3.5 14.5 12.2224073'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;	}