header {
display: block;
float:left;
width: 100%;
min-height:calc(var(--h2) + (var(--h2) / 2));
background-color: var(--k5);
}


/*------------------------------------*
PASEK 1
*------------------------------------*/

.NagPas1 {
display: flex;
align-items:center;
justify-content:space-between;
width: 100%;
background-color: var(--k2);
box-shadow: 0px 0px 44px 9px var(--t2);
position:fixed;
top:calc(var(--h2) / 2);
xtop:0;
left:0;
z-index:9000;
transition:0.5s;
}

.NagPas1.sticky {
background-color: var(--k2);
xbox-shadow: 0px 0px 44px 4px var(--k1);
}

.NagPas1:hover {
background-color: var(--k2);
xbox-shadow: 0px 0px 44px 4px var(--k1);
transition:0.5s;
}

.NagGL {
min-height:var(--h2);
display: flex;
align-items: center;
justify-content: center;
}

.NagGL > span {
min-height:var(--h2);
display: flex;
align-items: center;
justify-content: center;
width: 300px;
color:var(--k3);
font-size:18px;
font-weight:700;
padding:0 25px;
xbackground: linear-gradient(to right, rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 100%);
}

.NagLogo {
xfloat:left;
display: flex;
align-items: center;
justify-content: center;
width: 210px;
min-height:var(--h2);
border-right:1px solid var(--k3);
background-color:var(--k2);
color:var(--k3);
}

.NagLogo > img {
width: 60%;
}

.Ng2 {
width:auto;
xfloat:right;
border-left:1px solid var(--k3);
}

.Ng6 {
float:right;
display:none;
min-height:var(--h2);
width: 100px;
cursor: pointer;
align-items: center;
justify-content: center;
font-size:28px;
color:var(--k4);
transition:0.5s;
}


/*------------------------------------*
PASEK 2
*------------------------------------*/

.NagPas2 {
display:flex;
align-items:center;
justify-content:space-between;
width: 100%;
background-color: var(--k3);
height:calc(var(--h2) / 2);
position:fixed;
top:0;
xtop:calc(var(--h2) / 1);
left:0;
z-index:9001;
color:var(--k2);
transition:0.5s;
}


.NagPas2 > div.NagPas2-1 {
display: flex;
align-items:center;
padding-left:50px;
height:calc(var(--h2) / 2);
}

.NagPas2 > div.NagPas2-1 > img {
height:calc(100% - 16px);
}

.NagPas2 > div.NagPas2-2 {
display:flex;
align-items: center;
justify-content: center;
height:100%;
width:100%;
max-width:200px;
}

.NagPas2 > div.NagPas2-2 > a {
display:flex;
align-items: center;
justify-content: center;
height:100%;
width:25%;
max-width:100px;
border-left:0px solid var(--k1);
color:var(--k2);
font-size:16px;
transition:0.2s;
}

.NagPas2 > div.NagPas2-2 > a:hover {
background-color: var(--k2);
color:var(--k3);
transition:0.2s;
}


/*------------------------------------*
PASEK 3
*------------------------------------*/

.NagPas3 {
float:left;
display: block;
width: 100%;
background-color:var(--k2);
box-shadow: 0px 0px 44px 9px var(--t5);
}

.NagPas3 > .Szablon {
grid-auto-rows:minmax(auto,auto);
grid-template-areas: 
"pnaw pnaw pnaw pnaw pnaw pnaw pnaw pnaw pnaw pnaw pnaw pnaw";
}

header .Szablon > div {
align-self: center;
justify-self: stertch;
}

.NagPasek {
grid-area: pnaw;
line-height: 50px;
color:var(--k6);
font-size:13px;
font-weight:700;
}


.NagPasek > a {
margin: 0px 6px 0px 6px;
color:var(--k6);
font-size:10px;
font-weight:700;
}
/*------------KOLUMNY------------*//*------------------------------------*
PASEK 4
*------------------------------------*/

.NagPas4 {
display: none;
width: 100%;
float:left;
height:calc(var(--h2) * 2);
background-color: var(--k1);
position:relative;
}

.SzN163 .NagPas4,
.SzN184 .NagPas4 {
display: block;
}

.NagPas4 > img {
float:left;
width:100%;
height:100%;
object-fit:cover;
}

.NagPas4 > div {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
text-shadow: 2px 2px 2px var(--k1);
background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.35) 100%);
color:var(--k2);
font-size:37px;
font-weight:600;
}

.NagPas4 > div.anim-element {
margin-top:-120px;
transition:4.5s;
}


.NagPas4 > div.anim-element.in-view {
margin-top:0;
transition:4.5s;
}

.NagPas4 > div > span {
font-size:14px;
margin:0 25px;
}/*------------KOLUMNY------------*//*------------------------------------*
NAWIGACJA GÓRA
*------------------------------------*/

/*---*
ROZSUWAK
*----*/

span.NawRoz {
width: 100% !important;
display: none;
font-size: 40px;
text-align:center;
color:var(--k4);
}

.NavGora > span.NawRozRoz {
display: block !important;
}

/*---*
RESZTA
*----*/

nav.NavGora {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
width: auto;
min-height:var(--h2);
margin: 0;
}


.NavGora > span {
flex:none;
position: relative;
min-height:var(--h2);
}


.NavGora > span > a {
display: flex;
align-items: center;
justify-content: center;
min-height:var(--h2);
text-align: center;
padding: 0px 25px;
width: 100%;
font-size: 16px;
text-transform:uppercase;
xborder-left:1px dotted var(--t5);
font-weight:700;
color: var(--k3);
transition: 0.9s;
}

.NavGora > span:hover {
background-color: var(--k3);
color: var(--k2);
transition: 0.1s;
}

.NavGora > span:hover > a {
background-color: var(--k3);
color: var(--k2);
transition: 0.1s;
}


.NavGora > span.select_nawgor > a {
background-color: var(--k3);
color: var(--k2);
}

.NavGora > span > a > img {
height: 15px;
border: 0;
width: auto;
margin: 0 20px 0 20px;
}

.NavGora > span > div {
opacity: 0;
visibility: hidden;
padding: 0;
background-color: var(--k3);
text-align: left;
position: absolute;
z-index: 1200;
top:100%;
left:0px;
width:300px;
transition: 0.3s;
}


.NavGora > span:hover > div {
opacity: 1;
visibility: visible;
}


.NavGora > span > div > span > a {
display: flex;
align-items: center;
width: 100%;
float: right;
font-size:14px;
min-height:calc(var(--h2) / 2);
padding:0 25px;
color:var(--k2);
transition: 0.3s;
}


.NavGora > span > div > span:hover > a {
background-color:var(--k4);
transition: 0.1s;
}


.NavGora > span > div > span {
position: relative;
}

.NavGora > span > div > span > div {
position: absolute;
right: -100%;
top: 0px;
z-index: 10000;
width: 100%;
opacity: 0;
visibility: hidden;
padding: 0;
background-color:var(--k7);
text-align: left;
}


.NavGora > span > div > span {
display: block;
float: left;
width: 100%;
}

.NavGora > span > div > span:hover > div {
visibility: visible;
opacity: 1;
}


.NavGora > span > div > span > div > a {
display: flex;
align-items: center;
min-height:calc(var(--h2) / 2);
padding:0 25px;
width: 100%;
float: right;
font-size:14px;
border: 0px;
color:var(--k2);
transition: 0.3s;
}


.NavGora > span > div > span > div > a:hover {
background-color:var(--k8);
color:var(--k2);
transition: 0.1s;
}