.naglowek-strona
{
width:100%;
position: relative;
padding-top:236px;
}

.naglowek-strona.naglowek-strona-zam
{
width:100%;
position: relative;
padding-top:202px;
}


.naglowek-strona-pasek-promocja
{
height:35px;
background:#BBA2AA; 
position:absolute;
top:0px;
left:0px;
width:100%;
}

.naglowek-strona-pasek-promocja-zaw
{
text-align:center;
position:relative;
padding:0px 10px;  
}



.naglowek-strona-pasek-promocja-zaw-tekst
{
font-size:14px;
color:#fff;
position:relative;
display:inline-block;
line-height:34px;
font-weight:500; 
margin:0px 25px;
width:200px;
}

.naglowek-strona-pasek-promocja-zaw-tekst:hover
{
color:#fff;
}

.naglowek-strona-pasek-zamykajacy
{
height:35px;
background:#F0F0F0; 
position:absolute;
top:34px;
left:0px;
width:100%;
}

.naglowek-strona-zam .naglowek-strona-pasek-zamykajacy
{
display:none;
}

.naglowek-strona-pasek-zamykajacy-zaw
{
position:relative;
text-align:center;
}

.naglowek-strona-pasek-zamykajacy-zaw-tekst
{
font-size:14px;
color:#333333;
position:relative;
display:inline-block;
line-height:34px;
font-weight:500; 
}

.naglowek-strona-pasek-zamykajacy-zaw-tekst:hover
{
color:#333333;
}

.naglowek-strona-pasek-zamykajacy-zaw-zam
{
position:absolute;
right:0px;
top:4px;
cursor:pointer;
width:16px;
height:16px;
}

.naglowek-strona-pasek-zamykajacy-zaw-zam img
{
width:16px;
height:16px;
}


.naglowek-strona-gora
{
position:absolute;
top:0px;
left:0px;
width:100%;
background:#fff; 
z-index:999; 
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
z-index:9999;  
-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0);
-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0);
box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0);

}

.naglowek-strona-zam
.naglowek-strona-gora {
    top: 34px;
    
}



.naglowek-strona-gora-f
{
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:999; 
background:#fff; 
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
z-index:9999;  
-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.18);
-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0.18);
box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0.18);

}


.open-szukaj .naglowek-strona-gora, 
.open-szukaj .naglowek-strona-gora-f
{
position:absolute;
}


.naglowek-strona-gora-zaw {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding: 0px 0px 20px 0px;
}

.naglowek-strona-gora-zaw-lewo {
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
   /* width: 286px;*/
    width: 320px;
}


.naglowek-strona-gora-zaw-logo
{
width:188px;
}

.naglowek-strona-gora-zaw-logo img
{
width:100%;
height:auto; 
}

.naglowek-strona-gora-zaw-prawo
{
width:286px;
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap;
}

.naglowek-strona-gora-zaw-prawo-ikony
{
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap;
}

.naglowek-strona-gora-zaw-prawo-ikony a
{
display:block;
position:relative;
margin-left:30px;
}

.naglowek-strona-gora-zaw-prawo-ikony a img
{
height:18px;
width:auto;
}





.naglowek-strona-gora-zaw-nawigacja
{
width:100%;
}

.naglowek-strona-gora-zaw-nawigacja nav
{
padding-top:0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.naglowek-strona-gora-f .naglowek-strona-gora-zaw-nawigacja nav
{

padding-top:0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.naglowek-strona-gora-zaw-nawigacja .menu-glowne
{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
width:100%;
max-width:1080px;
margin:0px auto;
padding:0px;
}

.naglowek-strona-gora-zaw-nawigacja .menu-glowne li
{
display:inline-block;
vertical-align:middle;
margin:0px;
padding:0px;
}


.naglowek-strona-gora-zaw-nawigacja .menu-glowne li a,
.naglowek-strona-gora-zaw-nawigacja .menu-glowne li a:hover
{
display:inline-block;
vertical-align:middle;
margin:0px;
padding:0px 0px 6px 0px;
color:#333333;
font-size:16px;
line-height:22px;
font-weight:500;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
position:relative;
}

.naglowek-strona-gora-zaw-nawigacja .menu-glowne li a::before
{
content:'';	
position:absolute;
top:calc(100% - 10px);
left:0px;
width:100%;
height:1px;
background:#333333;
opacity:0;
}

.naglowek-strona-gora-zaw-nawigacja .menu-glowne li .menu-akt::before
{
content:'';	
position:absolute;
top:calc(100% - 10px);
left:0px;
width:100%;
height:1px;
background:#333333;
opacity:1;
}



.menu-podmenu
{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
display:none;
padding-top:20px;
position:relative;
border-top:1px solid #dedddb;   
}



.menu-podmenu-zaw
{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:nowrap;
width:100%;
max-width:1200px;
margin:0px auto 24px auto;
}




.menu-podmenu-zaw-bloki 
{

}

.menu-podmenu-zaw-bloki span
{
color:#333333;
font-size:14px;
line-height:24px;
display:block;
margin:0px 0px 25px 0px;
font-weight:700;
}

.menu-podmenu-zaw-bloki ul
{
padding:0px;
margin:0px;
display:block;
}

.menu-podmenu-zaw-bloki ul li
{
padding:0px;
margin:0px;
display:block;
}

.menu-podmenu-zaw-bloki ul li a, .menu-podmenu-zaw-bloki ul li a:hover
{
color:#333333;
font-size:14px;
line-height:22px;
display:block;
margin:0px 0px 10px 0px;
font-weight:500;
}

.menu-podmenu-zaw-bloki ul .wszystkie-menu a, .menu-podmenu-zaw-bloki ul .wszystkie-menu a:hover
{
color:#000;
font-size:14px;
line-height:28px;
display:block;
margin:0px 0px 40px 0px;
padding-top:10px;
text-decoration:underline;
}

.menu-podmenu-zaw-wszystkie
{
width:100%;
max-width:1200px;
margin:0px auto 34px auto;
position:relative;
}

.menu-podmenu-zaw-wszystkie img
{
width:100%;
height:100%;
object-position:center;
object-fit:cover;
}

.menu-podmenu-zaw-wszystkie a, .menu-podmenu-zaw-wszystkie a:hover
{
position:absolute;
left:50%;
top:50%;
margin:-25px 0px 0px -100px;
width:200px;
height:50px;
background:#fff;
line-height:50px;
text-align:center;
font-size:14px;
color:#333333;
font-weight:500;
}


.naglowek-szukaj-zaw
{
display:none;
margin-left:0px;
}

.naglowek-szukaj-zaw-p
{
padding:100px 0px 150px 0px;
position:relative;
}

.szukaj-wynik  .naglowek-szukaj-zaw-p
{
padding:100px 0px 50px 0px;
}

.naglowek-szukaj-zaw-zam
{
position:absolute;
top:10px;
right:0px;
width:15px;
height:15px;
cursor:pointer;
background:url('../../images/code/ikona-zam-gora.svg') no-repeat center;
}

.naglowek-szukaj-zaw-kon
{
width:100%;
max-width:800px;
margin:0px auto;
border:1px solid #777;
font-size:0px;
}

.naglowek-szukaj-zaw-kon input[type='text']
{
margin:0px;
padding:0px 15px;
width:calc(100% - 44px);
height:50px;
border:0px;
font-size:14px;
color:#000;
line-height:50px;
display:inline-block;
vertical-align:middle;
outline:none;
background:transparent;
font-weight:300;
}

.naglowek-szukaj-zaw-kon button
{  
margin:0px;
padding:0px;
width:44px;
height:50px;
border:0px;
font-size:15px;
color:#000;
line-height:50px;
display:inline-block;
vertical-align:middle;
outline:none;
background:transparent;
font-weight:400;
text-align:center;
text-indent:-9999999px;
background:url('../../images/code/szukaj.svg') no-repeat center;
}

.naglowek-szukaj-wynik-bloki
{
display:none;
}



.naglowek-szukaj-wynik-bloki-kon
{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.naglowek-szukaj-wynik-blok
{
width:33.3333333333333333333%;
margin-bottom:17px;
}

.naglowek-szukaj-wynik-blok-zaw
{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;  
}

.naglowek-szukaj-wynik-blok-zaw-ob
{
width:100px;
height:100px;
border:1px solid #d3d3d3;
}

.naglowek-szukaj-wynik-blok-zaw-ob img
{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.naglowek-szukaj-wynik-blok-zaw-tekst
{
width:calc(100% - 150px);
padding:0px 25px;
}

.naglowek-szukaj-wynik-blok-zaw-tekst-nag
{
font-size:14px;
color:#333333;
line-height:24px;
font-weight:500;
margin:0px 0px 0px 0px;
}

.naglowek-szukaj-wynik-blok-zaw-tekst-cena span
{
font-size:14px;
color:#333333;
line-height:24px;
font-weight:400;
}

.naglowek-szukaj-wynik-blok-zaw-tekst-cena .cena-stala
{
display:inline-block;
vertical-align:middle;
margin-right:50px;
font-weight:700;
}


.naglowek-szukaj-wynik-blok-zaw-tekst-cena .cena-przekreslona
{
display:inline-block;
vertical-align:middle;
text-decoration:line-through;
}


.naglowek-szukaj-wynik-bloki-przycisk
{
padding:33px 0px 60px 0px;
text-align:center;  
}

.naglowek-szukaj-wynik-bloki-przycisk a
{
display:inline-block;
width:200px;
height:50px;
line-height:50px;
font-size:14px;
color:#333333;
font-weight:300;
text-align:center;
background:#F0F0F0;
text-transform:uppercase; 
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-weight:500;
}

.naglowek-szukaj-wynik-bloki-przycisk a:hover
{
color:#333333;
background:#F0F0F0;
}

.menu-strony-przycisk-mobilny
{
width:26px;
height:15px;
position: absolute;
left:25px;
top:17px;
display:none;
cursor: pointer;
}

.menu-strony-przycisk-mobilny-a
{
width:26px;
height:15px;
position: absolute;
left:25px;
top:22px;
display:block;
cursor: pointer;
}

.menu-strony-przycisk-mobilny span
{
width:100%;
height:1px;
background:#000;
position: absolute;
left:0px;
top:7px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;   
}

.menu-strony-przycisk-mobilny-a span
{
width:0%;
height:1px;
background:#000;
position: absolute;
left:50%;
top:7px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;   
}

.menu-strony-przycisk-mobilny::before
{
content:'';
position: absolute;
top:0px;
left:0px;
width:100%;
height:1px;
background:#000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
transform: rotate(0deg); 
-webkit-transform: rotate(0deg); 
-ms-transform:rotate(0deg);
transform-origin:center center;
-webkit-transform-origin:center center;  
-ms-transform-origin:center center;       
}

.menu-strony-przycisk-mobilny-a::before
{
content:'';
position: absolute;
top:4px;
left:0px;
width:100%;
height:1px;
background:#000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
transform: rotate(45deg); 
-webkit-transform: rotate(45deg); 
-ms-transform:rotate(45deg); 
transform-origin:center center;
-webkit-transform-origin:center center;  
-ms-transform-origin:center center;      
}

.menu-strony-przycisk-mobilny::after
{
content:'';
position: absolute;
bottom:0px;
left:0px;
width:100%;
height:1px;
background:#000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
transform: rotate(0deg); 
-webkit-transform: rotate(0deg); 
-ms-transform:rotate(0deg);
transform-origin:center center;
-webkit-transform-origin:center center;  
-ms-transform-origin:center center;  
}

.menu-strony-przycisk-mobilny-a::after
{
content:'';
position: absolute;
bottom:10px;
left:0px;
width:100%;
height:1px;
background:#000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
transform: rotate(-45deg); 
-webkit-transform: rotate(-45deg); 
-ms-transform:rotate(-45deg);
transform-origin:center center;
-webkit-transform-origin:center center;  
 -ms-transform-origin:center center;     
}


/*MENU MOBILNE AKTYWNE*/

.menu-strony-mobile
{
width:0%;
height:0px;
overflow:hidden;
text-align:center; 
display:none;
z-index:9999;
background:#fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.menu-strony-mobile-a
{
width:100%;
height:auto;
overflow:initial;
text-align:center; 
display:block;
z-index:9999;
background:#fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;  
}

.menu-strony-mobile-a ul, .menu-strony-mobile ul
{
display:block;
margin:0px;
padding:0px;
position:relative;
}

.menu-strony-mobile-a ul li, .menu-strony-mobile ul li
{
display:block;
margin:0px;
padding:0px;
list-style-type:none;
}

.menu-strony-mobile-a ul li a, .menu-strony-mobile-a ul li span,
.menu-strony-mobile ul li a, .menu-strony-mobile ul li span
{
display:block;
margin:0px;
padding:15px 25px 15px 15px;
border-bottom:1px solid #000;
text-align:left;
color:#000; 
font-size:14px;
cursor:pointer;
position:relative;
background:#fff;
}

.menu-strony-mobile-a ul li ul li span,
.menu-strony-mobile ul li a, .menu-strony-mobile ul li span
{
font-size:14px;
}

.menu-strony-mobile-a ul .nowowsci a,
.menu-strony-mobile ul .nowowsci a
{
background:#fff;
color:white;
}



.menu-strony-mobile ul li span::before, .menu-strony-mobile-a ul li span::before
{
content:'';
position:absolute;
width:7px;
height:7px;
top:23px;
right:15px;
border-top:2px solid #000;
border-right:2px solid #000;
transform: rotate(45deg); 
-webkit-transform: rotate(45deg); 
-ms-transform:rotate(45deg); 
}

.menu-strony-mobile-a ul li .menu-strony-mobile-zob, .menu-strony-mobile-a ul li .menu-strony-mobile-zob-p
{
display:none;
position:absolute;
top:0px;
right:0px;
margin:0px;
padding:15px 35px 15px 0px;
text-align:right;
color:#000;
font-size:14px;
font-weight:700; 
background:#fff;
z-index:999;
}

.menu-strony-mobile-a .dziecko-a li .menu-strony-mobile-zob-p
{
display: block;
}

.menu-strony-mobile-a ul li .menu-strony-mobile-zob::before, .menu-strony-mobile-a ul li .menu-strony-mobile-zob-p::before
{
content:'';
position:absolute;
width:7px;
height:7px;
top:23px;
right:15px;
border-top:2px solid #000;
border-right:2px solid #000;
transform: rotate(45deg); 
-webkit-transform: rotate(45deg); 
-ms-transform:rotate(45deg); 
}


.menu-strony-mobile-a div
{
display:none;
margin:0px;
padding:15px 50% 15px 35px;
border-bottom:1px solid #000;
text-align:left;
color:#000;
font-size:14px;
cursor:pointer;
position:relative;
font-weight:700; 
background:#fff;
}

.menu-strony-mobile-a div::before
{
content:'';
position:absolute;
width:7px;
height:7px;
top:22px;
left:15px;
border-top:2px solid #000;
border-right:2px solid #000;
transform: rotate(-135deg); 
-webkit-transform: rotate(-135deg); 
-ms-transform:rotate(-135deg); 
}


.menu-strony-mobile-a ul li ul, .menu-strony-mobile-a ul li ul li ul
{
width:100%; 
display:block;
z-index:9999;
background:#fff;
transform: translateX(-100%); 
-webkit-transform: translateX(-100%);
-ms-transform:translateX(-100%); 
position:absolute; 
margin:0px;
padding:0px;
}



.menu-strony-mobile-a .dziecko-a > li > ul
{
width:100%; 
display:block;
z-index:9999;
background:#fff;
transform: translateX(-100%); 
-webkit-transform: translateX(-100%);
-ms-transform:translateX(-100%); 
position:absolute; 
margin:0px;
padding:0px;
}

.menu-strony-mobile-a .dziecko-a > li > div
{
display:none;
}

.menu-strony-mobile-a .dziecko-a > li > span, .menu-strony-mobile-a .dziecko-a > li > a
{
display:none;
}

.menu-strony-mobile-a .dziecko-a > .dziecko-a-dwa > div
{
display:block;
}

.menu-strony-mobile-a .dziecko-a > .dziecko-a-dwa > ul 
{
width:100%; 
display:block;
z-index:9999;
background:#fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
transform: translateX(0%); 
-webkit-transform: translateX(0%);
-ms-transform:translateX(0%);
position:relative;
margin:0px;
padding:0px; 
}


.menu-strony-mobile-a .dziecko-b > li > ul
{
width:100%; 
display:block;
z-index:9999;
background:#fff; 
transform: translateX(-100%); 
-webkit-transform: translateX(-100%);
-ms-transform:translateX(-100%); 
position:absolute; 
margin:0px;
padding:0px;
}

.menu-strony-mobile-a .dziecko-b > li > div
{
display:none;
}

.menu-strony-mobile-a .dziecko-b > li > span, .menu-strony-mobile-b .dziecko-b > li > a
{
display:none;
}

.menu-strony-mobile-a .dziecko-b > .dziecko-b-dwa > div
{
display:block;
}

.menu-strony-mobile-a .dziecko-b > .dziecko-b-dwa > .menu-strony-mobile-zob 
{
display: block;
}

.menu-strony-mobile-a .dziecko-b > .dziecko-b-dwa > ul 
{
width:100%; 
display:block;
z-index:9999;
background:#fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
transform: translateX(0%); 
-webkit-transform: translateX(0%);
-ms-transform:translateX(0%);
position:relative;
margin:0px;
padding:0px; 
}


.menu-strony-mobile-a .dziecko-b > .dziecko-b-dwa > ul > li > a  
{
display:block;
margin:0px;
padding:15px 35px 15px 15px;
border-bottom: 1px solid #000;
text-align:left;
color:#000;
font-size:14px;
cursor:pointer;
position:relative;
}

.menu-strony-mobile-a .dziecko-b > .dziecko-b-dwa > ul > li > a > .podmenu-tekst  
{
display: block;
margin: 0px;
padding:0px;
border-bottom:0px;
text-align: left;
color:#000;
font-size:15px;
cursor: pointer;
position: relative;
}

.menu-strony-mobile-a .dziecko-b > .dziecko-b-dwa > ul > li > a > .podmenu-ob  
{
position:absolute;
top:14px;
right:15px;
display: block;
margin: 0px;
padding:0px;
border-bottom:0px;
text-align: left;
color:#000;
font-size:12px;
cursor: pointer;
}

.menu-strony-mobile-a .dziecko-b > .dziecko-b-dwa > ul > li > a > .podmenu-ob::before,
.menu-strony-mobile-a .dziecko-b > .dziecko-b-dwa > ul > li > a > .podmenu-tekst::before
{
display:none;
}

.menu-strony-mobile-a .dziecko-b > .dziecko-b-dwa > .menu-strony-mobile-pod-z > li > a
{
padding-left:35px;
}