/*cursor type*/
.x_button, .submenu_button {
	cursor: pointer;
}

/*X_BUTTON*/
.x_button {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	margin-top: 25px;
	margin-right: 35px;
	/*display: none;*/
}
.x_button_container {
	width: 50px;
	height: 50px;
	
	/*background-color: red;*/
}
.x_icon {
	width: 50px;
	height: 50px;
	margin: 0px;
}
/*SUBMENU*/
.submenu {
	z-index: 99;
	/*display: none;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 50vw;
	height: 100vh;
	background-color: inherit;
	overflow-x: hidden;
	overflow-y: hidden;
}
.submenu_container {
	background-color: inherit;
	position: absolute;
	right: -2vw;
	width: 52vw;
	height: 100vh;
	overflow-y: auto;
	padding: 110px 10vw 100px 8vw;
}
.submenu_container > h4 {
	margin-bottom: 32px;
}
.submenu_container > ul {
	list-style-type: none;
	padding-top: 30px;
}
.submenu_container > ul > li {
	padding: 5px 0 5px 0;
	/*border-bottom: 1px solid black;*/
	/*display: block;*/
	/*width: auto;*/
	/*margin-bottom: 21px;*/
}
.submenu_container > ul > li > a {
	display: inline-block;
	/*width: auto;*/
}
.submenu_container > ul > li > a > p {
	/*margin-bottom: 2px;*/
}
.submenu_container > ul > li > a > p > span {
	/*margin-bottom: 2px;*/
	font-family: BwNistaGeo-Rg;
}
.submenu_container > ul > li > a > h2 {
	display: none;
}

/*ANIMACJE SUBMENU*/
.submenu_desktop_visible {
	display: block;
	width: 50vw;
	transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.submenu_desktop_hidden {
	width: 0vw;
	transition: width 0.2s cubic-bezier(0.12, 0, 0.39, 0);
}
.submenu_desktop_visible .submenu_container {

}
.submenu_desktop_hidden .submenu_container {

}
.submenu_desktop_visible .submenu_container > ul > li {
	/*background-color: pink;*/
	transform: translate(0px, 0px);
	opacity: 1;
	
	transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s;
	/*transition-delay: 0.3s;*/
}
.submenu_desktop_hidden .submenu_container > ul > li {
	transform: translate(00px, 20px);
	opacity: 0;
	
	transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.4s;
}
.submenu_desktop_visible > .submenu_container > ul > li:nth-child(1) {transition-delay: 0.40s;}
.submenu_desktop_visible > .submenu_container > ul > li:nth-child(2) {transition-delay: 0.46s;}
.submenu_desktop_visible > .submenu_container > ul > li:nth-child(3) {transition-delay: 0.52s;}
.submenu_desktop_visible > .submenu_container > ul > li:nth-child(4) {transition-delay: 0.58s;}
.submenu_desktop_visible > .submenu_container > ul > li:nth-child(5) {transition-delay: 0.64s;}
.submenu_desktop_visible > .submenu_container > ul > li:nth-child(6) {transition-delay: 0.70s;}
.submenu_desktop_visible > .submenu_container > ul > li:nth-child(7) {transition-delay: 0.76s;}
.submenu_desktop_visible > .submenu_container > ul > li:nth-child(8) {transition-delay: 0.82s;}
.submenu_desktop_visible > .submenu_container > ul > li:nth-child(9) {transition-delay: 0.88s;}
.submenu_desktop_visible > .submenu_container > ul > li:nth-child(10) {transition-delay: 0.94s;}
.submenu_desktop_visible > .submenu_container > ul > li:nth-child(11) {transition-delay: 0.90s;}
.submenu_desktop_visible > .submenu_container > ul > li:nth-child(12) {transition-delay: 1.06s;}

/*HOOVER SUBMENU*/
.submenu_desktop_visible .menu_2 {
	transform: scale(1);
	transform-origin: left;
	transition: transform 0.2s;
}
.submenu_desktop_visible .menu_2:hover {
	/*background-color: pink;*/
	transform: scale(1.04);
	transform-origin: left;
}

@media only screen and (max-width: 1300px) {
	.submenu {
		width: 75vw;
	}
	.submenu_container {
		width: 72vw;
		height: 100vh;
	}
	.submenu_desktop_visible {
		width: 75vw;
	}
	.submenu_desktop_hidden {
		width: 0vw;
	}
}
@media only screen and (max-width: 1024px) {
	.submenu {
		width: 85vw;
	}
	.submenu_container {
		width: 87vw;
		height: 100vh;
	}
	.submenu_desktop_visible {
		width: 85vw;
	}
	.submenu_desktop_hidden {
		width: 0vw;
	}
}
@media only screen and (max-width: 800px) {
	.submenu {
		width: 100vw;
	}
	.submenu_container {
		width: 102vw;
		height: 100vh;
	}
	.submenu_desktop_visible {
		width: 100vw;
	}
	.submenu_desktop_hidden {
		width: 0vw;
	}
}
/*UNDER MENU ELEMENT*/
#umElement {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background-color: black;
	opacity: 0.2;
}