/*=================================
//                                 
//    ###     ####   ###    ###  
//   ## ##   #   ##  ## #  # ##  
//  ##   ##    ###   ##  ##  ##  
//  #######  #   ##  ##      ##  
//  ##   ##   ####   ##      ##  
//                                 
//=================================*/

/* ------------------ Top Menu ------------------ */
#offNav {
	background-color: var(--bkg3);
}

.menu-top {
	font-family: var(--font-family-sans-serif);
	background-color: var(--menuBkg1);
	display: inline-block;
	text-align: center;
	font-size: .875rem;
	font-weight: 500;
	width:100%;
}

nav.m-top ul {
	justify-content: space-between;
	list-style: none;
	/* position: relative; */
}

nav.m-top ul>li {
	display: flex;
	flex-direction: row;
	position: relative;
}

nav.m-top ul>li>a,
nav.m-top ul>li>a.nav-link {
	color: var(--menu1);
	cursor: pointer;
}

nav.m-top .mask {
	background-color: transparent;
	margin: 0 .25rem;
	padding: .25rem .5rem;
	min-width: 8rem;
}

nav.m-top a:hover:focus {
	outline: none;
}

nav.m-top .a-bkg {
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

nav.m-top .a-src>img {
	height: 5.5rem;
	vertical-align: top;
}

nav.m-top .a-src>div {
	display: block;
}
/* end default */


/* start first ul */
nav.m-top>ul>[data-level="1"] a {
	color: var(--menu1);
	padding: 1rem;
	z-index: 3;
}

nav.m-top>ul>[data-level="1"]:hover a,
nav.m-top>ul>[data-level="1"].select a,
nav.m-top>ul>[data-level="1"] a:hover {
	color: var(--menu1hov)
}

nav.m-top>ul>[data-level="1"].active {
	color: var(--menu1hov);
}

nav.m-top>ul>[data-level="1"].active>a,
nav.m-top>ul>[data-level="1"].active>a:hover {
	color: var(--menu1hov);
	display: inline-block;
}

nav.m-top>ul>[data-level="1"] .sign {
	border-bottom: 2px solid transparent;
	margin: 0 auto;
	position: relative;
	width: 50%;
	z-index: 111;
	transition: all ease-in-out 250ms;
}

nav.m-top>ul>[data-level="1"]:hover .sign,
nav.m-top>ul>[data-level="1"].active .sign,
nav.m-top>ul>[data-level="1"].select .sign {
	border-bottom: 2px solid var(--color3);
	margin: -.625rem auto 0;
	transition: all ease-in-out 250ms;
}

/* nav.m-top>ul>[data-level="1"].select a {
	border-bottom: 3px solid var(--border4);
} */

nav.m-top>ul>[data-level="1"]:hover,
nav.m-top>ul>[data-level="1"].active {
	/* background-color: var(--footer); */
	color: var(--menu1hov)
}

/* end first ul */



/* start dropdown-toggle */
header.toggle-open nav.m-top>ul>[data-level="1"].active a {
	border: none;
}

.dropdown-toggle::after:hover {
	color: var(--ddownTriangleHov);
}
/* end dropdown-toggle */




/* start second ul */
nav.m-top>ul>[data-level="1"] > .sec {
	display: none;
}

nav.m-top>ul>[data-level="1"].active > .sec.active { 
	display: flex;
	position: fixed;
	left: 0;
	padding: 3rem 1rem 0;
	margin: 0 .75rem;
	top: 8rem;
	width: 100%;
	/* z-index: 1; */
	transition: all ease-in-out 250ms;
}

header.fix nav.m-top>ul>[data-level="1"].active>.sec.active {
	top: 6rem;
	transition: all ease-in-out 250ms;
}

nav.m-top>ul>[data-level="1"].active>.sec > div.container {
	display: flex;
	width: 100%;
	background-color: var(--text10);
	align-items: end;
	box-shadow: 0 0px 15px rgba(50, 50, 50, .3);
}

nav.m-top>ul>[data-level="1"].active>.sec .header {
	font-size: 1.825rem;
	font-weight: 600;
	width: 25%;
	text-align: left;
	padding: 1rem 1rem;
}

nav.m-top>ul>[data-level="1"].active > .sec ul {
	padding: 1rem 0;
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
	display: block;
	width: 75%
}

nav.m-top>ul>[data-level="1"].active>.sec ul>[data-level="2"] a {
	border-bottom: none;
	border-radius: none;
	color: var(--menu2);
	text-align: left;
	text-transform: initial;
	white-space: nowrap;
}

nav.m-top>ul>[data-level="1"].active>.sec ul>[data-level="2"]>a:hover {
	background: var(--menu1hov);
	color: var(--menu1);
}

nav.m-top>ul>[data-level="1"].active> .sec ul>[data-level="2"] .sign {
	display: none;
}


/* start Toogle */
header #toggle {
	display: none;
}

header #toggle .navbar-toggle {
	width: 18px;
	height: 16px;
	position: relative;
	margin: 0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}


header #toggle .navbar-toggle span {
	display: block;
	position: absolute;
	height: 2px;
	width: 50%;
	background: #fff;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

header #toggle .navbar-toggle span:nth-child(even) {
	left: 50%;
	border-radius: 0 9px 9px 0;
}

header #toggle .navbar-toggle span:nth-child(odd) {
	left: 0px;
	border-radius: 9px 0 0 9px;
}

header #toggle .navbar-toggle span:nth-child(1),
header #toggle .navbar-toggle span:nth-child(2) {
	top: 0px;
}

header #toggle .navbar-toggle span:nth-child(3),
header #toggle .navbar-toggle span:nth-child(4) {
	top: 7px;
}

header #toggle .navbar-toggle span:nth-child(5),
header #toggle .navbar-toggle span:nth-child(6) {
	top: 14px;
}

header #toggle .navbar-toggle.open span:nth-child(1),
header #toggle .navbar-toggle.open span:nth-child(6) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

header #toggle .navbar-toggle.open span:nth-child(2),
header #toggle .navbar-toggle.open span:nth-child(5) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

header #toggle .navbar-toggle.open span:nth-child(1) {
	left: 0px;
	top: 2px;
}

header #toggle .navbar-toggle.open span:nth-child(2) {
	left: calc(50% - 0px);
	top: 2px;
}

header #toggle .navbar-toggle.open span:nth-child(3) {
	left: -50%;
	opacity: 0;
}

header #toggle .navbar-toggle.open span:nth-child(4) {
	left: 100%;
	opacity: 0;
}

header #toggle .navbar-toggle.open span:nth-child(5) {
	left: 0px;
	top: 12px;
}

header #toggle .navbar-toggle.open span:nth-child(6) {
	left: calc(50% - 0px);
	top: 12px;
}

@media (max-width: 992px) {
	header #toggle {
		position: absolute;
		display: block;
		transition: all ease-in-out 250ms;
		z-index: 10;
		background-color: var(--bkg5);
		padding: 5px;
		margin-top: -36px;
	}

	header #toggle svg {fill:var(--color5);}
}

/* end Toogle */




@media (max-width: 992px) {

	body.respo.navi {
		overflow-y: hidden;
		height: 100vh;
	}

	header .menu-top {
		height: 100vh;
		left: 0;
		position: fixed;
		top: 0;
		width: 0;
		overflow: hidden;
		transition: all ease-in-out 250ms;
	}

	header .menu-top .m-top {
		visibility: hidden;
	}

	body.respo.navi header .menu-top {
		width: 320px;
		transition: all ease-in-out 250ms;
		background-color: var(--menuBkgRespo);
	}
	
	body.respo.navi header .menu-top > .container {
		overflow-y: scroll;
		height: 100%;
	}

	body.respo.navi header .menu-top .m-top {
		visibility: visible;
		margin-top: 3rem;
	}

	body.respo.navi header .menu-top .m-top .sec .header {
		display: none;
	}	

	nav.m-top>ul>[data-level="1"]:not(:last-of-type) {
		border-bottom: 1px solid var(--opacity4)
	}

	nav.m-top>ul>[data-level="1"].active>.sec.active {
		position: static;
		padding: 0;
		margin: 0;
		top: initial;
	}

	nav.m-top>ul>[data-level="1"].active>.sec>div.container {
		background-color: transparent;
	}

	nav.m-top>ul>[data-level="1"].active>.sec ul {
		padding: 0;
		columns: initial;
		-webkit-columns: initial;
		-moz-columns: initial;
		display: block;
		width: 100%;
		margin-bottom: 1rem;
	}

	nav.m-top>ul>[data-level="1"].active>.sec ul>[data-level="2"]:not(:last-of-type) {
		border-bottom: 1px solid var(--opacity1)
	}
		

	nav.m-top>ul>[data-level="1"].active>.sec ul>[data-level="2"] a {
		color: var(--menu1);
		font-size: .825rem;
		font-weight: 400;
	}

	nav.m-top .mask {
		overflow: hidden;
	}

	nav.m-top > ul {
		flex-direction: column;
		text-align: left;
		margin: 0 auto;
		box-shadow: none;
		padding: 0;
	}

	nav.m-top ul li {
		flex-wrap: wrap;
		flex-direction: column;
		padding: 0;
	}

	nav.m-top>ul>[data-level="1"] .sign {
		margin: 0;
	}

	nav.m-top>ul>[data-level="1"].childs .sign,
	nav.m-top>ul>[data-level="1"].childs.active .sign,
	nav.m-top>ul>[data-level="1"].childs.select .sign {
		display: none;
	}

	nav.m-top>ul>[data-level="1"]:hover .sign,
	nav.m-top>ul>[data-level="1"].active .sign,
	nav.m-top>ul>[data-level="1"].select .sign {
		margin: 0;
	}

	nav.m-top>ul>[data-level="1"]>ul {
		flex-direction: column;
		width: 100%;
		z-index: 1;
		padding-left: 1.5rem
	}

	nav.m-top>ul>[data-level="1"].active>ul {
		padding-top: 0;
	}

	nav.m-top>ul>[data-level="1"]>ul>[data-level="2"] a {
		border-bottom: none;
		border-radius: none;
		color: var(--menu1);
		text-align: left;
		text-transform: initial;
		white-space: nowrap;
	}
}

@media (max-width: 768px) {
	header .menu-top {
		top: 0;
	}
}



nav.m-top > ul li a[title="Home"] {margin-top: -3rem;padding: 0 2rem;}

/* start nav-2 */

nav#nav-2 > ul li {width:32%; flex-direction: row;}
nav#nav-2 .mask {
	width: 100%; height: 100%; background-color: var(--bkg1); border-radius: 4rem 0 0 0;
}

nav#nav-2 > ul li a {
  color: var(--menu2);
  padding: 7% 5% 12% 5%;
  text-align: right;
}
nav#nav-2 .a-src > img {height: 3.5rem; margin-bottom: 1rem;}
nav#nav-2 .a-src div {text-align: left;}
nav#nav-2 .a-src div strong {font-size: 1.5rem; color:var(--color1); font-weight: 600;}
nav#nav-2 .a-src div .o-s-title {margin-top: .5rem;}

@media (max-width: 992px) {
	nav#nav-2 > ul li {width:48%; margin-bottom:3%; border:none;}
	nav#nav-2 > ul {flex-direction: row;}
}

@media (max-width: 768px) {
	nav#nav-2 > ul li {width:100%; margin-bottom:2%; padding: 1% 3% 1% 3%;}
}

/* end nav-2 */

























/* ------------------ Menu do footer  ------------------ */
#footer-1 nav.menu {
	width: 100%;
}

#footer-1 .ul-nav {
	display: flex;
	/* flex-wrap: wrap; */
	list-style: none;
	justify-content: space-between;
	padding: 0;
	flex-grow: 1;
}

#footer-1 ul.ul-nav > li:not(:first-of-type),
#footer-1 ul.ul-nav>li:not(:last-of-type) {
	width: 100%;
	padding: 0 1rem 2rem 1rem;
	flex-grow: 1;
}

/* #footer-1 ul.ul-nav>li:first-of-type {
	padding: 0 1rem 2rem 0rem;
}

#footer-1 ul.ul-nav>li:last-of-type{
	padding: 0 0 2rem 1rem;
} */

#footer-1 ul.ul-nav > li > .head-branch {
	font-size: 1.125rem;
	font-weight: 500;
	color: white;
}

#footer-1 ul.ul-nav > li > ul {
	margin-top: 1.5rem;
	list-style: none;
	padding-left: 0;
}

#footer-1 ul.ul-nav > li > ul > li {
	margin: .225rem 0;
}

#footer-1 ul.ul-nav > li > ul a {
	color: white;
	font-size: .925rem;
	transition: all ease-in-out 250ms;
}

#footer-1 ul.ul-nav a:hover {
	color: var(--link1);
	transition: all ease-in-out 250ms;
}

@media (max-width: 567px) {
	#footer-1 .ul-nav {
		flex-wrap: wrap;
	}
}







#footer-2 .ul-nav {
	display: flex;
	list-style: none;
	justify-content: space-between;
	margin: 0;
	flex-wrap: wrap;
}

#footer-2 ul.ul-nav > li {
	width: auto;
	padding: .225rem 1rem;
}

#footer-2 ul.ul-nav > li a {
	color: white;
	font-size: .925rem;
	font-weight: 500;
	transition: all ease-in-out 250ms;
}

#footer-2 ul.ul-nav a:hover {
	color: var(--link1);
	transition: all ease-in-out 250ms;
}

@media (max-width: 1200px) {
	#footer-2 .ul-nav {
		justify-content: start;
		padding: 0;
	}
}






/* ------------------ Menu z opcjami grafiki background lub src  ------------------ */
/* .nav .memo a {
	color: var(--link1);
}

.menu-top .memo-add {
	background-color: var(--bkg5);
	border-radius: 0;
	padding-top: 1px;
	min-width: 12.5%;
}

.menu-top .memo-add a {
	color: var(--menu1);
	padding: .5rem 5%;
	display: inline-block;
	width: 100%;
	overflow: hidden;
}

nav.m-top ul.out .a-src img {
	height: 3.5rem;
	margin-right: .5rem;
	vertical-align: top;
}

nav.m-top ul.out .mask a {
	font-size: .875rem;
}


.ul-nav {
	list-style: none;
	position: relative;
	padding: 0;
	background-color: transparent;
}

.ul-nav li {
	padding: .25rem;
	text-align: left;
}

.ul-nav .mask {
	background-color: transparent;
	margin: 0 .25rem;
	padding: .25rem .5rem;
	min-width: 8rem;
}

.ul-nav .a-bkg {
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.ul-nav .a-src img {
	height: 3rem;
	vertical-align: top;
}

.ul-nav .a-src>div {
	display: inline-block;
}

.ul-nav svg {
	fill: var(--black);
	display: inline-block;
	height: 3rem;
	vertical-align: top;
	width: 3rem;
} */




/* ------------------ Menu menu-out jako przeniesione przez js podrzędne ul.out np. z menu-top ------------------ */
/* 
.menu-out {
	position: absolute;
	left: 0;
	visibility: visible;
	width: 100%;
	margin: 0 auto;
	background: var(--bkg8);
	margin-top: .75rem;
	padding: .5rem 0;
}

.menu-out ul {
	justify-content: space-between;
	margin: 0;
}

.menu-out .mask {
	font-size: .75rem;
}

.menu-out .a-src img {
	height: 3.5rem;
	margin-right: .5rem;
	vertical-align: top;
}

.menu-out .a-src>div {
	display: inline-block;
}

.menu-out li {
	background-color: var(--bkg8);
	width: 20%;
	max-width: 14rem;
	margin: .25rem;
	padding: 1rem 0;
}

.menu-out #out-top-30 {
	background-color: var(--bkg7);
} */