@import url('https://fonts.googleapis.com/css2?family=Exo:wght@100;400;700&family=Open+Sans&display=swap');
@import "reset.css";

body{
margin:0px;
padding:0px;
font-size:16px;
font-family: 'Exo', sans-serif;
font-weight:400;
font-style: normal;
background:white;
/*300,500,900*/
}



body input, body textarea, body button
{
font-family:'Exo', sans-serif;
font-weight:400;
font-style: normal;
}

body.body-otw
{
overflow: hidden;
}

.kontener
{
width:100%;
max-width:1200px;
padding:0px;
margin:0px auto;
position:relative;
}

.kasuj
{
clear:both;
}



/*NAGŁOWEK*/

.naglowek-strona-logo
{
height:58px; 
}

.no-webp .naglowek-strona-logo
{ 
background-image:url('../grafika/tlo-1.png');  
}

.webp .naglowek-strona-logo
{ 
background-image:url('../grafika/tlo-1.webp');  
}

.naglowek-strona-logo-ob
{
padding-top:16px; 
}


/*MENU*/

.naglowek-menu
{
position:relative;
top:auto;
left:auto;
width:100%;
background:#edeeed;
height:62px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
-webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0);
-moz-box-shadow:    0px 5px 8px 0px rgba(0, 0, 0, 0);
box-shadow:         0px 5px 8px 0px rgba(0, 0, 0, 0);
z-index:999; 
}

.naglowek-menu-f
{
position:fixed;
top:0px;
left:0px;
width:100%;
background:#edeeed;
height:62px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
-webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    0px 5px 8px 0px rgba(0, 0, 0, 0.22);
box-shadow:         0px 5px 8px 0px rgba(0, 0, 0, 0.22);
z-index:999; 
}

.naglowek-menu-strona nav
{
text-align:center;
}

.naglowek-menu-strona ul
{
display:inline-block;
}

.naglowek-menu-strona ul li
{
display:inline-block;
vertical-align:middle;
padding:16px 15px 0px 15px;
}

.naglowek-menu-strona ul li a
{
display:inline-block;
vertical-align:middle;
font-weight:400;
font-size:20px;
color:#000;
padding:8px 0px;
position:relative;

}

.naglowek-menu-strona ul li a::before
{
content:'';
position:absolute;
bottom:0px;
height:4px;
width:0%;
background:#bada48;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.naglowek-menu-strona ul li a:hover::before, .naglowek-menu-strona ul .aktywny a::before
{
width:100%;
}

.naglowek-menu-strona-prz
{
text-align:right;
display:none;
padding-top:17px;
}

.naglowek-menu-strona-prz-zm
{
width:34px;
height:20px;
border-top:4px solid white;
border-bottom:4px solid white;
display:inline-block;
position:relative;
cursor:pointer;
}

.naglowek-menu-strona-prz-zm::before
{
content:'';
position:absolute;
top:8px;
left:0px;
width:100%;
height:4px;
background:white;
}


.naglowek-menu-mobilne
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:#bada48;
overflow:auto;
z-index:99999; 
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.naglowek-menu-mobilne.naglowek-menu-mobilne-otw
{ 
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.naglowek-menu-mobilne-zam
{
position:absolute;
top:20px;
right:20px;
width:50px;
height:50px;
cursor:pointer;
z-index:99;
}

.naglowek-menu-mobilne-zam::before
{
content:'';
position:absolute;
top:22px;
left:0px;
width:100%;
height:4px;
background:white;
transform: rotate(45deg); 
-webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
}

.naglowek-menu-mobilne-zam::after
{
content:'';
position:absolute;
top:22px;
left:0px;
width:100%;
height:4px;
background:white;
transform: rotate(-45deg); 
-webkit-transform: rotate(-45deg); 
-ms-transform: rotate(-45deg); 
}

.naglowek-menu-mobilne nav
{
padding:60px 0px;
}

.naglowek-menu-mobilne ul
{
display:block;
text-align:center;
}

.naglowek-menu-mobilne ul li
{
display:block;
padding:18px 15px;
}

.naglowek-menu-mobilne ul li a
{
display:block;
font-weight:400;
font-size:20px;
color:#fff;
position:relative;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}


.naglowek-menu-mobilne ul li a:hover, .naglowek-menu-mobilne ul .aktywny a
{
color:#000;
}

/*BANER*/

.naglowek-baner
{
position:relative;
}

.naglowek-baner-tekst
{
position:absolute;
top:50%;
left:0px;
width:100%;
z-index:90;
transform: translateY(-50%); 
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

.naglowek-baner-tekst-zaw
{
text-align:center;
font-weight:400;
font-size:36px;
color:#fff;
line-height:normal;
}

.naglowek-baner-ob
{
width:100%;
height:300px;
}

.naglowek-baner-ob img
{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.naglowek-baner-linki
{
position:relative;
height:90px;
margin-bottom:30px; 
}

.naglowek-baner-linki-t
{
position:absolute;
top:-70px;
left:0px;
width:100%;
}

.naglowek-baner-linki-zaw
{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:nowrap;
margin:0px 0px;
}

.naglowek-baner-linki-zaw-poz
{
width:calc(20% - 30px);
}

.naglowek-baner-linki-zaw-poz-blok
{
padding:12px;
height:140px;
background:#edeeed;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}


a:hover .naglowek-baner-linki-zaw-poz-blok, .naglowek-baner-linki-zaw-poz-blok.blok-aktywny
{
background:#bada48;
}

.naglowek-baner-linki-zaw-poz-blok-ob
{
height:56px;
width:100%;
}

.naglowek-baner-linki-zaw-poz-blok-ob img
{
height:100%;
width:100%;
object-fit:contain;
object-position:top center;
}

.naglowek-baner-linki-zaw-poz-blok-tekst
{
padding-top:12px;
text-align:center;
font-weight:400;
font-size: 18px;
color:#231f20;
line-height:normal;
}


.sekcja-strona-nag
{
background:#cbceca;
padding:4px 14px;
margin-bottom:30px;
position:relative;  
}

.sekcja-strona-nag::before
{
content:'';
position:absolute;
bottom:-8px;
left:0px;
width:217px;
height:4px;
background:#bada48;
}

.sekcja-strona-nag-tekst
{
font-size:18px;
color:#000;
line-height:normal;
font-weight:400;
}

.sekcja-strona-tekst
{
padding:50px 50px 25px 50px;
background:#edeeed;
margin-bottom:30px;
}

.sekcja-strona-tekst p
{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 16px;
color:#231f20;
line-height:24px;
padding-bottom:25px;
}

.sekcja-strona-tekst p a, .sekcja-strona-tekst p a:hover
{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 16px;
color:#bada48;
line-height:24px;
padding-bottom:25px;
}

.sekcja-strona-tekst ul li
{
margin-left:15px;
}

.sekcja-strona-tekst ul li
{
list-style-type:disc;
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 16px;
color:#231f20;
line-height:24px;
padding-bottom:25px;
}

.sekcja-strona-tekst .sekcja-strona-li-a
{
padding-bottom:20px;
}

.sekcja-strona-tekst .sekcja-strona-li-a li
{
list-style-type:disc;
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 16px;
color:#231f20;
line-height:24px;
padding-bottom:0px;
}

.sekcja-strona-referencje
{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:stretch;
}

.sekcja-strona-referencje-poz
{
border:1px solid black;
padding:10px;
width:calc(20% - 32px);
cursor:pointer;
margin-bottom:15px;
}

.sekcja-strona-referencje-poz img
{
width:100%;
height:auto;
}


.stopka
{
background:#cbceca;
padding:12px 14px;
margin-bottom:30px;
position:relative;  
text-align:center; 
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 16px;
color:#231f20;
line-height:24px; 
}

.sekcja-strona-referencje-okno
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
z-index:99999999;
display:none;
}

.sekcja-strona-referencje-okno-zaw
{
position:absolute;
top:60px;
left:50px;
width:calc(100% - 120px);
height:calc(100% - 100px);
}

.sekcja-strona-referencje-okno-zaw-zam
{
position:absolute;
top:-40px;
right:-40px;
width:40px;
height:40px; 
cursor:pointer;
z-index:999;  
}

.sekcja-strona-referencje-okno-zaw-zam::before
{
content:'';
position:absolute;
top:22px;
left:0px;
width:100%;
height:4px;
background:white;
transform: rotate(45deg); 
-webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
}

.sekcja-strona-referencje-okno-zaw-zam::after
{
content:'';
position:absolute;
top:22px;
left:0px;
width:100%;
height:4px;
background:white;
transform: rotate(-45deg); 
-webkit-transform: rotate(-45deg); 
-ms-transform: rotate(-45deg);
}

.sekcja-strona-referencje-okno-zaw-img
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;  
}

.sekcja-strona-referencje-okno-zaw-img img
{
width:100%;
height:100%; 
object-position:center;
object-fit:contain; 
}


.sekcja-strona-formularz
{
width:100%;
max-width:500px;
}

.sekcja-strona-formularz-poz label
{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 16px;
color:#231f20;
line-height:24px;
margin-bottom:6px; 
}

.sekcja-strona-formularz-poz input
{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 16px;
color:#231f20;
line-height:24px;
margin-bottom:6px;
border:1px solid black;
padding:5px 10px;
display:block;
background:transparent;
outline:none; 
width:calc(100% - 22px);
}

.sekcja-strona-formularz-poz textarea
{
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size: 16px;
color:#231f20;
line-height:24px;
margin-bottom:6px;
border:1px solid black;
padding:5px 10px;
display:block;
background:transparent;
outline:none; 
width:calc(100% - 22px);
height:200px;
resize:none;
}

.sekcja-strona-formularz-wys
{
display:inline-block;
padding:10px 20px;
background:#231f20;
color:white;
font-weight:400;
font-size:18px;
cursor:pointer;
margin-bottom:20px;
}