a
{
  color: #000;
  text-decoration: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html
{
  font: normal 62.5%/1.4em Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
  scroll-behavior:smooth; 
}


ol, ul
{
  /*list-style: none;*/
}

blockquote, q
{
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
  content: '';
}

ins
{
  text-decoration: underline;
}

del
{
  text-decoration: line-through;
}

table
{
  border-collapse: collapse;
  border-spacing: 0;
}

body{
margin:0px;
padding:0px;
font-size:14px;
font-family: lato, sans-serif; 
background:white;
line-height:normal;
font-style: normal;
}

body input, body textarea, body button
{
font-family: lato, sans-serif; 
line-height:normal;
font-style: normal;
}

body a, body a:hover
{
text-decoration:none;
}

.body-hide-ow
{
overflow: hidden;
}

.kontener
{
width:calc(100% - 30px);
max-width:1600px;
padding:0px 15px;
margin:0px auto;
}




/*HEADER TOP PAGE*/

.naglowek-strona
{
width:100%;
position:relative; 
padding-top:126px; 
}

.naglowek-strona-gora
{
width:100%;
top:0px;
left:0px;
position:absolute;
padding:18px 0px; 
background:#fff;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0);
z-index:9999;
}

.naglowek-strona-gora-f
{
width:100%;
top:0px;
left:0px;
position:fixed;
padding:15px 0px; 
background:#fff;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.22);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.22);
z-index:9999;
}

.naglowek-strona-gora-zaw
{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
}

.naglowek-strona-gora .naglowek-strona-gora-logo img
{
width:auto;
height:90px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;	
}

.naglowek-strona-gora-f .naglowek-strona-gora-logo img
{
width:auto;
height:58px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;	
}





.naglowek-strona-gora-przycisk a
{
display:inline-block;
vertical-align:middle;
border-radius:6px;
padding:14px 22px;
font-weight:700;
color:#fff;
font-size:16px;
line-height:18px;
text-transform:uppercase;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
background:#003366;
}

.naglowek-strona-gora-przycisk a:hover
{
color:#fff;
background:#929291;
}



/*MENU*/


.naglowek-strona-gora-menu ul
{
padding:0px;
margin:0px;
}

.naglowek-strona-gora-menu ul li
{
padding:0px;
margin:0px 15px;
list-style-type:none;
display:inline-block;
vertical-align:middle;
}

.naglowek-strona-gora-menu ul li a
{
display:inline-block;
vertical-align:middle;
font-weight:600;
color:#003366;
font-size:18px;
line-height:normal;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.naglowek-strona-gora-menu ul .current-menu-item a, .naglowek-strona-gora-menu ul li a:hover,
.naglowek-strona-gora-menu ul .current-page-ancestor a 
{
color:#929291;
}


.naglowek-strona-gora-mobile
{
width:40px;
height:40px;
cursor: pointer;
border:1px solid #003366;
border-radius:4px;
position:relative;
display:none;
margin-left:15px;
background:#003366;
}


.naglowek-strona-gora-mobile::before
{
content:'';
position: absolute;
top:50%;
left:6px;
width:calc(100% - 12px);
height:2px;
background:#fff;
margin-top:-1px;   
}

.naglowek-strona-gora-mobile::after
{
content:'';
position: absolute;
top:50%;
left:6px;
width:calc(100% - 12px);
height:20px;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
margin-top:-12px;
}


.naglowek-strona-gora-menu-zam
{
position:absolute;
top:15px;
right:15px;
width:40px;
height:40px;
cursor: pointer;
border:1px solid #003366;
border-radius:4px;
display:none;
background:url('../images/zam.png') no-repeat center center;
}


/*BANERY STRONA*/

.baner-strona-glowna
{
position:relative;
}

.baner-strona-glowna-zaw-ob
{
width:100%;
height:685px;
}

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

.baner-strona-glowna-zaw
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:99;
}

.baner-strona-glowna-zaw-t
{
position:relative;
top:50%;
transform: translateY(-50%); 
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
width:calc(100% - 30px);
max-width:1200px;
padding:0px 15px;
margin:0px auto;   
}

.baner-strona-glowna-zaw-t-blok
{
padding:43px;
border-radius:6px;
background:rgba(0,51,102,0.8);
text-align:center;
font-size:18px;
font-weight:400;
color:#fff;
line-height:normal;
}

.baner-strona-glowna-zaw-t-blok i, .baner-strona-glowna-zaw-t-blok em
{
font-size:30px;
font-weight:400;
color:#fff;
}

.baner-strona-podstrona
{
position:relative;
}

.baner-strona-podstrona-ob
{
width:100%;
height:277px;
}

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

.baner-strona-podstrona-zaw
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:99;
background:rgba(0,51,102,0.8);
}

.baner-strona-podstrona-zaw-t
{
position:relative;
top:50%;
transform: translateY(-50%); 
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
width:calc(100% - 30px);
max-width:1200px;
padding:0px 15px;
margin:0px auto;   
}

.baner-strona-podstrona-zaw-t-blok
{
text-align:center;
font-size:18px;
font-weight:400;
color:#fff;
line-height:normal;
}

.baner-strona-podstrona-zaw-t-blok i, .baner-strona-podstrona-zaw-t-blok em
{
font-size:30px;
font-weight:400;
color:#fff;
}


/*NAGŁOWKI GÓRNE STRONY*/

.strona-naglowek-jeden
{
font-size:30px;
font-weight:700;
color:#003366;
line-height:normal;
margin:0px 0px 50px 0px;  
}

/*TEKST P OGÓLNY*/

.strona-teksty-jeden p
{
font-size:18px;
font-weight:400;
color:#767677;
line-height:30px;
padding-bottom:30px;
}

.strona-teksty-jeden p a, .strona-teksty-jeden p a:hover
{
font-size:18px;
font-weight:400;
color:#767677;
text-decoration:underline;
}

.strona-teksty-jeden ol,
.strona-teksty-jeden ul
{
list-style-type:initial;
margin-left:25px;
margin-bottom:20px;
}

.strona-teksty-jeden li
{
font-size:18px;
font-weight:400;
color:#767677;
line-height:30px;
padding-bottom:30px;
}

/*STRONA GŁÓWNA BLOKI*/

.sekcja-strona-glowna
{
padding:60px 0px 0px 0px;  
}

.sekcja-strona-glowna-zaw
{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.sekcja-strona-glowna-zaw-tekst
{
width:calc(100% - 500px);
}

.sekcja-strona-glowna-zaw-ob
{
width:470px;
margin-left:30px;
text-align:right;
}

.sekcja-strona-glowna-zaw-ob img
{
width:100%;
height:auto;
}

/*STRONA GŁÓWNA KAFELKI*/

.sekcja-strona-glowna-kafelki
{
padding:60px 0px 30px 0px;    
}

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

.sekcja-strona-glowna-kafelki-blok
{
width:calc(33.33333333333% - 24px);
border:2px solid #003366;
border-radius:6px;
margin-bottom:30px;
}

.sekcja-strona-glowna-kafelki-bloki-zaw
{
padding:50px 43px 15px 43px;
text-align:center;
}

.sekcja-strona-glowna-kafelki-bloki-zaw img
{
width:auto;
height:auto;
max-width:100%;
margin:0px 0px 40px 0px;
}

.sekcja-strona-glowna-kafelki-bloki-zaw-nag
{
font-size:18px;
font-weight:700;
color:#003366;
line-height:normal;
margin:0px 0px 40px 0px;   
}

/*SEKCJA JAK ZACZĄĆ I ABC FARNKOWICZA*/

.sekcja-faq
{
padding:60px 0px 30px 0px;  
}

.sekcja-faq-bloki
{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
}

.sekcja-faq-blok
{
width:calc(50% - 15px);
}

.sekcja-faq-blok
{
width:calc(50% - 15px);
}

.sekcja-faq-blok-zaw
{
border:2px solid transparent;
padding:0px;
margin-bottom:25px;
border-radius:6px;
background:transparent; 
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.sekcja-faq-blok-zaw.sekcja-faq-blok-zaw-open
{
border:2px solid #003366;
padding:10px 0px 0px 0px;
margin-bottom:25px; 
border-radius:6px;
background:transparent;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.sekcja-faq-blok-zaw-nag
{
border-radius:6px;
font-size:18px;
font-weight:700;
color:#fff;
line-height:normal;
background:#003366;
margin:0px;
padding:14px 80px 14px 30px;
cursor:pointer;
position:relative;
}

.sekcja-faq-blok-zaw-nag::before {
content: '';
position: absolute;
right:30px;
top:50%;
width:40px;
height:40px;
margin-top:-20px;
background:url('../images/faq-1.png') no-repeat center;
}

.sekcja-faq-blok-zaw-open .sekcja-faq-blok-zaw-nag
{
border-radius:6px;
font-size:18px;
font-weight:700;
color:#003366;
line-height:normal;
background:transparent;
margin:0px;
padding:14px 80px 0px 30px;
cursor:pointer;
position:relative;
}

.sekcja-faq-blok-zaw-open .sekcja-faq-blok-zaw-nag::before {
content: '';
position: absolute;
right:30px;
top:50%;
width:40px;
height:40px;
margin-top:-20px;
background:url('../images/faq-2.png') no-repeat center;
}

.sekcja-faq-blok-zaw-tekst
{
display:none;
padding:30px;
}

.sekcja-faq-blok-zaw-open
.sekcja-faq-blok-zaw-tekst
{
display:block;
padding:30px 30px 0px 30px;
}


/*SEKCJA BANK LUB MISATO*/

.sekcja-bm
{
padding:60px 0px 80px 0px;  
}

.sekcja-bm-bloki
{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
}

.sekcja-bm-blok-poj
{
width:100%; 
}

.sekcja-bm-blok
{
width:50%;
}

.sekcja-bm-blok-a
{
background:#003466; 
}

.sekcja-bm-blok-b
{
background:#767678; 
}

.sekcja-bm-zaw
{
padding:50px;
}

.sekcja-bm-zaw-nag
{
font-size:18px;
font-weight:700;
color:#fff;
line-height:30px;
margin:0px 0px 30px 0px;
padding:0px;
}

.sekcja-bm-zaw-tekst.strona-teksty-jeden p
{
color:#fff;
font-weight:300;  
}

.sekcja-bm-zaw-tekst.strona-teksty-jeden p a, .sekcja-bm-zaw-tekst.strona-teksty-jeden p a:hover
{
color:#fff;
font-weight:300;
text-decoration:underline;  
}

.sekcja-bm-zaw-tekst.strona-teksty-jeden ol,
.sekcja-bm-zaw-tekst.strona-teksty-jeden ul
{
list-style-type:initial;
margin-left:25px;
margin-bottom:20px;
}

.sekcja-bm-zaw-tekst.strona-teksty-jeden li
{
color:#fff;
font-weight:300;
padding-bottom:10px;
}

.sekcja-bm-tekst
{
margin-bottom:30px;
}

/*SEKCJA BANKNKI LISTA*/

.sekcja-banki-lista
{
padding:60px 0px 80px 0px;  
}

.sekcja-banki-lista-bloki
{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
margin:0px -15px;  
}

.sekcja-banki-lista-blok
{
width:calc(25% - 36px);
border:2px solid #003366;
border-radius:6px;
margin-bottom:30px;
display:block;
position:relative;
margin:0px 15px 30px 15px;
}

.sekcja-banki-lista-zaw
{
padding:50px 43px 130px 43px;
text-align:center;
display:block;
position:relative;
}

.sekcja-banki-lista-zaw-nag
{
font-size:18px;
font-weight:700;
color:#003366;
line-height:normal;
margin:0px;
}

.sekcja-banki-lista-zaw img
{
width:auto;
max-width:100%;
height:auto;
margin-bottom:28px;  
}

.sekcja-banki-lista-zaw-przycisk
{
position:absolute;
bottom:30px;
left:43px;
width:calc(100% - 129px);
border-radius:6px;
padding:18px 22px;
font-weight:700;
color:#fff;
font-size:16px;
line-height:18px;
text-transform:uppercase;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
background:#003366;
text-align:center;
}

a:hover .sekcja-banki-lista-zaw-przycisk 
{
color:#fff;
background:#929291;
}


/*SEKCJA FORMULARZ*/

.sekcja-formularz
{
padding:60px 0px 60px 0px;
background:#003366;
}

.sekcja-formularz h4
{
font-size:30px;
font-weight:700;
color:#fff;
line-height:normal;
margin:0px 0px 25px 0px;  
}

.sekcja-formularz p
{
font-size:18px;
font-weight:400;
color:#fff;
line-height:30px;
padding-bottom:25px;
}

.sekcja-formularz p a, .sekcja-formularz p a:hover
{
font-size:18px;
font-weight:400;
color:#fff;
}

.sekcja-formularz-zaw
{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
}

.sekcja-formularz-zaw-poz
{
width:calc(50% - 15px);
}

.sekcja-formularz-zaw-poz label
{
font-size:18px;
font-weight:400;
color:#fff;
line-height:normal;
margin-bottom:12px;
padding:0px;
display:block;
}

.sekcja-formularz-zaw-poz input
{
display:block;
width:calc(100% - 36px);
border:0px;
padding:0px 18px;
margin:0px 0px 20px 0px;
background:white;
outline:none;
font-weight:400;
font-size:18px;
color:#000;
line-height:50px;
border-radius:6px;
}


.sekcja-formularz-zaw-poz textarea
{
display:block;
width:calc(100% - 36px);
border:0px;
padding:8px 18px;
margin:0px 0px 20px 0px;
background:white;
outline:none;
font-weight:400;
font-size:18px;
color:#000;
line-height:normal;
border-radius:6px;
resize:none;
height:130px;
}

.sekcja-formularz-zaw-poz-przycisk
{
padding-top:37px;
}


.formularz-przycisk
{
display:inline-block;
vertical-align:middle;
border-radius:5px;
padding:21px 93px;
border:2px solid #fff;
font-weight:400;
color:#fff;
font-size:24px;
line-height:18px;
text-transform:uppercase;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
background:transparent;
text-align:center;
cursor:pointer;
}

.formularz-przycisk:hover
{
border:2px solid #fff;
color:#003366;
background:#fff;
}

.sekcja-formularz-okno
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:9999999;
background:rgba(0,0,0,0.9);
display:block;
display:none;
}

.sekcja-formularz-okno-zaw
{
position:relative;
top:50%;
width:calc(100% - 90px);
max-width:500px;
margin:0px auto;
background:white;
border-radius:6px;
text-align:center;
padding:30px;
transform: translateY(-50%); 
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%); 
}

.sekcja-formularz-okno-zaw-zam
{
display:inline-block;
vertical-align:middle;
border-radius:4px;
padding:0px 53px;
border:2px solid #003366;
font-weight:700;
color:#003366;
font-size:18px;
line-height:50px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
background:transparent;
text-align:center;
cursor:pointer;
}

.sekcja-formularz-okno-zaw-zam:hover
{
border:2px solid #003366;
color:#fff;
background:#003366;
}

.sekcja-formularz-okno-zaw-tekst
{
font-weight:700;
color:#003366;
font-size:18px;
line-height:18px;
margin:0px 0px 30px 0px;	
}

/*PODSTRONA*/

.sekcja-podstrona
{
padding:60px 0px 30px 0px;  
}

.sekcja-podstrona-tekst li
{
font-size:18px;
font-weight:400;
color:#767677;
line-height:30px;
margin-left:30px;
}

.sekcja-podstrona-tekst ol, .sekcja-podstrona-tekst ul
{
margin-bottom:30px;
}

.sekcja-podstrona-tekst p
{
font-size:18px;
font-weight:400;
color:#767677;
line-height:30px;
padding-bottom:30px;
}

.sekcja-podstrona-tekst h2, .sekcja-podstrona-tekst h3, .sekcja-podstrona-tekst h4
{
font-size:24px;
font-weight:700;
color:#767677;
margin-bottom:30px;
}

.sekcja-podstrona-tekst a
{
font-size:18px;
font-weight:400;
color:#767677;
text-decoration:underline;
}

.sekcja-podstrona-tekst .ob-wpis
{
width:auto;
max-width:100%;
height:auto;
margin:0px auto 30px auto;
}


.sekcja-podstrona-zaw-wpis-kat-a
{
width:calc(100% - 76px);
border:2px solid #003366;
border-radius:6px;
display:block;
position:relative;
margin:0px 0px 30px 0px;
padding:36px;
}

.sekcja-podstrona-zaw-wpis-kat-poz-tekst-nag
{
font-size:18px;
font-weight:700;
color:#003366;
line-height:24px;
margin:0px 0px 30px 0px;    
}

.sekcja-podstrona-zaw-wpis-kat-poz-tekst-nag span
{
font-size:14px;
font-weight:400;
}

.sekcja-podstrona-zaw-wpis-kat-poz-tekst-przycisk
{
display:inline-block;
border-radius:6px;
padding:18px 22px;
font-weight:700;
color:#fff;
font-size:16px;
line-height:18px;
text-transform:uppercase;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
background:#003366;
text-align:center;
}

a:hover .sekcja-podstrona-zaw-wpis-kat-poz-tekst-przycisk
{
color:#fff;
background:#929291;
}

.sekcja-podstrona-zaw-wpis-kat-poz
{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
}

.sekcja-podstrona-zaw-wpis-kat-poz-image
{
width:150px;
}

.sekcja-podstrona-zaw-wpis-kat-poz-image img
{
width:100%;
height:auto;
}

.sekcja-podstrona-zaw-wpis-kat-poz-tekst
{
width:calc(100% - 180px);
}

.sekcja-podstrona404
{
text-align:center;
}

/*KONTAKT*/

.sekcja-strona-kontakt p
{
font-weight:700;
color:#003366;
font-size:18px;
line-height:auto;  
}

.sekcja-strona-kontakt p a, .sekcja-strona-kontakt p a:hover
{
font-weight:700;
color:#003366;
font-size:18px;
line-height:auto;
text-decoration:none; 
}

.sekcja-strona-kontakt .sekcja-strona-glowna-kafelki-bloki-zaw-nag
{
font-size:24px;
}

/*STOPKA*/

.stopka-strony
{
padding:50px 0px;
}

.stopka-strony-bloki
{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
margin-bottom:30px;
}

.stopka-strony-blok
{
width:calc(33.33333333333333% - 20px);
}

.stopka-strony-blok-nag
{
font-size:24px;
line-height:30px;
color:#003366;
margin:0px 0px 38px 0px;
padding:0px;
font-weight:700;
}

.stopka-strony-blok p
{
font-size:18px;
line-height:30px;
color:#003366;
margin:0px 0px 30px 0px;
padding:0px;
}

.stopka-strony-blok p a, .stopka-strony-blok p a:hover
{
font-size:18px;
line-height:30px;
color:#003366;
}

.stopka-strony-blok ul
{
padding:0px;
margin:0px;
}

.stopka-strony-blok ul li
{
padding:0px;
margin:0px;
display:block;
list-style-type:none;
}

.stopka-strony-blok ul li a
{
font-size:18px;
line-height:30px;
color:#003366;
display:inline-block;
vertical-align:middle;
}

.stopka-strony-blok ul li a:hover
{
font-size:18px;
line-height:30px;
color:#929291;
display:inline-block;
vertical-align:middle;
}



.stopka-strony-copy
{
border-top:1px solid #003366;
padding:20px 0px 0px 0px;
text-align:center;
font-size:16px;
line-height:30px;
color:#003366;
}

.stopka-strony-copy a, .stopka-strony-copy a:hover
{
font-size:16px;
line-height:30px;
color:#003366;
}