@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext');

*
{
  margin:0px;
  padding:0px;
  border:0px;
}


body
{
margin:0px;
font-family: 'Open Sans', sans-serif;
background:white;
}


body a
{
text-decoration:none;
color:black;
}


.kasuj
{
  clear:both;
}

header
{
width:100%;
height:274px;
position: relative;
background:url('../images/gora-1.gif') no-repeat top left;
}

@media (max-width: 600px) {

header
{
height:auto;
}

}

.naglowek-baner
{
  width:100%;
  height:219px;
  max-width:1200px;
  margin:0px auto;
  background:url('../images/gora-2.png') no-repeat 50px 10px;
  position: relative;
}

@media (max-width: 1200px) {

.naglowek-baner
{
  
  background:url('../images/gora-2.png') no-repeat 80px 10px;
  
}

}

@media (max-width: 960px) {

.naglowek-baner
{
  
  background:url('../images/gora-2.png') no-repeat 20px 10px;
  
}

}


@media (max-width: 600px) {

.naglowek-baner
{
  
  background:url('../images/gora-2.png') no-repeat bottom center;
  background-size:90%;
  height:210px;
}
}


@media (max-width: 400px) {

.naglowek-baner
{
  
  background:url('../images/gora-2.png') no-repeat bottom center;
  background-size:90%;
  height:160px;
}

}


.naglowek-monitor
{
  width:600px;
  height:350px;
  position: absolute;
  top:30px;
  right:60px;
  background:url('../images/gora-3.png') no-repeat top left;
  z-index:9998; 
   
}

@media (max-width: 1200px) {

.naglowek-monitor
{
  width:450px;
  height:263px;
  position: absolute;
  top:80px;
  right:60px;
  background:url('../images/gora-4.png') no-repeat top left;
  z-index:9998; 
   
}

}


@media (max-width: 960px) {

.naglowek-monitor
{
  width:300px;
  height:175px;
  position: absolute;
  top:40px;
  right:20px;
  background:url('../images/gora-4.png') no-repeat top left;
  z-index:9998; 
  background-size:cover;
   
}

}


@media (max-width: 760px) {

.naglowek-monitor
{
  display:none;
   
}

}


.naglowek-linia-mobilny
{

  height:20px;
  background:#F7F7F7;
  width:100%;
  display:none; 
  border-bottom:1px solid #E5E5E5;
  border-top:1px solid #E5E5E5; 
}

@media (max-width: 600px) {

.naglowek-linia-mobilny
{

  display:block;  
}

}

.naglowek-menu
{
  position: absolute;
  left:0px
  bottom:0px;
  height:54px;
  background:#0B3C5A;
  width:100%; 
}

@media (max-width: 760px) {

.naglowek-menu
{
  position: absolute;
  left:0px
  bottom:0px;
  height:54px;
  background:#0B3C5A;
  width:100%; 

}

}

@media (max-width: 600px) {

.naglowek-menu
{
  position: absolute;
  left:0px
  bottom:0px;
  height:auto;
  background:#0B3C5A;
  width:100%; 
  display:none;
}

}

.naglowek-menu-p
{
  padding:0px;
}

@media (max-width: 1200px) {

.naglowek-menu-p
{
  padding:0px 40px;
}

}

.menu-strony-nav
{
 
  width:100%;
  max-width:1200px;
  margin:0px auto;
  position: relative;
}

@media (max-width: 960px) {

.menu-strony-nav
{
 
  text-align:center;
}

}


.menu
{
  position: absolute;
  top:0px;
  left:0px;
  z-index:9999;

}

@media (max-width: 600px) {

.menu
{
  position:relative;
  top:0;
  left:0;
  z-index:9999;  
  display:block;
}

}

.menu > li
{
  list-style-type:none;
  display:inline-block;
  position: relative;

}



@media (max-width: 600px) {

.menu > li
{
  
  display:block;
  position: relative;
  padding:10px 0px;
  border:1px solid white;
  margin:20px 0px;
}

}


.menu > li > a
{
  color:white;
  display:inline-block;
  font-size:19px;
  font-weight:400; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  padding:0px 23px;
  line-height:54px;
  

}


@media (max-width: 1040px) {

.menu > li > a
{
  padding:0px 10px;
}

}



@media (max-width: 600px) {

.menu > li > a
{
  color:white;
  display:block;
  font-size:19px;
  font-weight:400; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  padding:10px 23px;
  line-height:normal;
  
  

}

}

.menu > li > a:hover
{
  color:#cccccc;
}

.menu > li > ul
{
  position: absolute;
  top:54px;
  left:0px;
  background:#0B3C5A;
  padding:0px;
  margin:0px;
  width:300px;
  display:none;
  z-index:9999;
}

@media (max-width: 600px) {

.menu > li > ul
{
  position:relative;
  top:0;
  left:0;
  background:#0B3C5A;
  padding:0px;
  margin:0px;
  width:auto;
  display:block;
  z-index:9999;
}

}

.menu > li:hover > ul
{

  display:block;
}

.menu > li > ul > li
{
  
  list-style-type:none;
  display:block;
  padding:11px 23px;
    
}

.menu > li > ul > li > a
{
  
  color:white;
  font-size:16px;
  font-weight:300;
  display:block;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;

}

.menu > li > ul > li > a:hover
{
  
  color:#cccccc;
 

}



.menu-strony-przycisk-mobilny
{
  width:36px;
  height:36px;
  position: absolute;
  right:40px;
  top:15px;
  background:#0B3C5A;
  display:none;
  cursor: pointer;
  border:1px solid #0B3C5A;
  z-index:99999;
}

@media (max-width: 600px) {

.menu-strony-przycisk-mobilny
{
  
  display:block;
  
}

}

.menu-strony-przycisk-mobilny::before
{
  content:'';
  position: absolute;
  top:8px;
  left:7px;
  width:22px;
  height:13px;
  border-top:3px solid white;
  border-bottom:3px solid white;
}

.menu-strony-przycisk-mobilny::after
{
  content:'';
  position: absolute;
  top:16px;
  left:7px;
  width:22px;
  height:3px;
  background:white;
}


.strona
{
  padding-top:120px;
}

@media (max-width: 960px) {

.strona
{
  padding-top:40px;
}

}


.sekcja-c
{
  width:100%;
  max-width:1200px;
  margin:0px auto;
}

.sekcja-p
{
  padding:0px;
}

@media (max-width: 1200px) {

.sekcja-p
{
  padding:0px 40px;
}

}

.o-mnie h1, .ostatnio h2, .artykul h1, .ostatnio h1
{
   font-size:34px;
   color:#0B3C5A;
   font-weight:700; 
   margin-bottom:50px;
}

@media (max-width: 500px) {

.o-mnie h1, .ostatnio h2, .artykul h1, .ostatnio h1
{
   font-size:24px;
   margin-bottom:50px;
}

}

.ostatnio h3
{
   font-size:21px;
   color:#0B3C5A;
   font-weight:600; 
   margin-bottom:30px;

}

@media (max-width: 500px) {

.ostatnio h3
{
   font-size:18px;
   margin-bottom:30px;

}

}

.o-mnie p, .ostatnio p, .artykul p
{
   font-size:16px;
   color:#242424;
   font-weight:400; 
   padding-bottom:30px;
}

.ostatnio span
{
   display:block;
   text-align:right;
   margin-bottom:20px;
}

@media (max-width: 500px) {

.ostatnio span
{
   
   text-align:center;
   
}

}

.ostatnio span a
{
   display:inline-block;
   color:white;
   background:#0B3C5A url('../images/st-p.png') no-repeat right center;
   padding:14px 36px 14px 16px; 
   font-size:17px;
   font-weight:400; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;

}

.ostatnio span a:hover
{
   display:inline-block;
   color:#0B3C5A;
   background:#CCCCCC url('../images/st-p-h.png') no-repeat right center;

   
}


.ostatnio-artykul-kat a
{
   display:inline-block;
   color:white;
   background:#0B3C5A url('../images/st-p.png') no-repeat right center;
   padding:14px 36px 14px 16px; 
   font-size:17px;
   font-weight:400; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}

.ostatnio-artykul-kat a:hover
{
   display:inline-block;
   color:#0B3C5A;
   background:#CCCCCC url('../images/st-p-h.png') no-repeat right center;

   
}

.artykul-pol
{
  float:left;
  width:50%;
}

.artykul-pol-l
{
  padding-right:40px;
}

.artykul-pol-p
{
  padding-left:40px;
}

@media (max-width: 960px) {

.artykul-pol
{
  float:none;
  width:100%;
}

.artykul-pol-l
{
  padding-right:0px;

}

.artykul-pol-p
{
  padding-left:0px;
}


}

footer
{
  margin-top:60px;
  background:#0B3C5A;
  padding:36px 0px;  
}


.stopka-dane
{
  float:left;
  width:25%;
}

@media (max-width: 1200px) {

.stopka-dane
{
  float:left;
  width:35%;
}

}


@media (max-width: 960px) {

.stopka-dane
{
  float:left;
  width:45%;
}

}


@media (max-width: 760px) {

.stopka-dane
{
  float:none;
  width:100%;
}

}

.stopka-dane-p
{
  padding-right:40px;
   font-size:16px;
   color:white;
   font-weight:600; 
}

.stopka-formularz
{
  float:left;
  width:75%;
}

@media (max-width: 1200px) {

.stopka-formularz
{
  float:left;
  width:65%;
}

}

@media (max-width: 960px) {

.stopka-formularz
{
  float:left;
  width:55%;
}

}


@media (max-width: 760px) {

.stopka-formularz
{
  float:none;
  width:100%;
}

}

.ikona-tel
{
  display:block;
  height:28px;
  line-height:28px;
  padding-left:34px;
  font-size:16px;
  color:white;
  font-weight:400; 
  background:url('../images/ikona-tel.png') no-repeat top left;
  margin-bottom:10px;
}

.ikona-mail
{
  display:block;
  height:28px;
  line-height:28px;
  padding-left:41px;
  font-size:16px;
  color:white;
  font-weight:400; 
  background:url('../images/ikona-mail.png') no-repeat center left;
}

@media (max-width: 330px) {

.ikona-tel, .ikona-mail
{
   font-size:12px;
}

}

.ikona-zip
{
  display:block;
  height:44px;
  line-height:44px;
  padding-left:60px;
  font-size:16px;
  font-weight:400;
  color:#242424;
  background:url('../images/ikona-zip.gif') no-repeat center left;
}


.ikona-excel
{
  display:block;
  height:44px;
  line-height:44px;
  padding-left:60px;
  font-size:16px;
  font-weight:400;
  color:#242424;
  background:url('../images/ikona-excel.gif') no-repeat center left;
}


/*PAGINACJA*/

.pagination-strona
{
margin:30px 0px 0px 0px;
text-align:center;
padding-bottom:30px;
}

.pagination-strona span
{
  margin:0px;
}

.pagination-strona ul
{
display: block;


}




.pagination-strona ul li
{
display: inline-block;

color:#cccccc;
padding:12px 17px 12px 17px;
margin:4px;
font-size:16px;
background:#0B3C5A;
}

.pagination-strona ul li a
{
color:white;
text-decoration:none;

}


    .tooltip-inner {
     display:none;
    }

    .tooltip.in {
      opacity: 0.8;
      filter: alpha(opacity=80);
      display:none;
    }

    .tooltip.top .tooltip-arrow {
      border-top-color: #000000;
      display:none;
    }

    .tooltip.right .tooltip-arrow {
      border-right-color: #000000;
      display:none;
    }

    .tooltip.left .tooltip-arrow {
      border-left-color: #000000;
      display:none;
    }

    .tooltip.bottom .tooltip-arrow {
      border-bottom-color: #000000;
      display:none;
    }


.ciasteczka
{
position:fixed;
top:0px;
right:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
z-index:999999999999;
}



.ciasteczka-z
{
  position: fixed;
  left:50%;
  top:50%;
  width:600px;
  background:white;
  transform:translateY(-50%)translateX(-50%); 
-webkit-transform:translateY(-50%)translateX(-50%);
-ms-transform:translateY(-50%)translateX(-50%); 
  z-index:99999999;
  -webkit-box-shadow: 0px -1px 11px 0px rgba(50, 50, 50, 0.49);
-moz-box-shadow:    0px -1px 11px 0px rgba(50, 50, 50, 0.49);
box-shadow:         0px -1px 11px 0px rgba(50, 50, 50, 0.49);

}

@media (max-width: 650px) {

.ciasteczka-z
{
  position:absolute;
  left:15px;
  top:15px;
  width:calc(100% - 30px);

  transform:translateY(0%)translateX(0%); 
-webkit-transform:translateY(0%)translateX(0%);
-ms-transform:translateY(0%)translateX(0%); 


}

}

.ciasteczka-p
{
  padding:10px 10px 10px 10px;
  font-size:14px;
  color:#0B3C5A;;
}

.ciasteczka-k{
padding:10px;
text-align:center;
}

.ciasteczka-odrz
{
  display:inline-block;
  vertical-align:middle; 
  color:red;
  font-size:14px;
  cursor: pointer;

}

.ciasteczka-ust
{
  display:inline-block;
  vertical-align:middle; 
  color:#0B3C5A;
  font-size:14px;
  cursor: pointer;
  margin:5px;

}

.ciasteczka-zam
{
  display:inline-block;
  vertical-align:middle; 
  background:#0B3C5A;
  padding:5px;
  color:white;
  font-size:14px;
  cursor: pointer;
  margin:5px;

}

.ciasteczka-zam-dwa
{
  background:#0B3C5A;
  padding:5px;
  color:white;
  font-size:14px;
  cursor: pointer;
  text-align:center;
}

.ciasteczka-info{
position:fixed;
top:0px;
right:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
z-index:9999999999999;
display:none; 
}

.ciasteczka-info-okno{
position:absolute;
top:40px;
left:50%;
width:calc(100% - 80px);
max-width:600px;
height:calc(100% - 80px);
background:white;
overflow:auto;
  transform:translateX(-50%); 
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);

}

.ciasteczka-info-okno-zaw{
padding:40px;
position:relative;
}

.ciasteczka-info-okno-zaw-zam{
position:absolute;
top:10px;
right:10px;
width:25px;
height:25px;
line-height:24px;
text-align:center;
font-size:20px;
color:#0B3C5A;
cursor:pointer;
}

.ciasteczka-info-okno-zaw-poz{
display:table;
width:100%;
border:1px solid #0B3C5A;
margin-bottom:40px;
}

.ciasteczka-info-okno-zaw-poz-row-t{
display:table-row;
}

.ciasteczka-info-okno-zaw-poz-cell-t{
display:table-cell;
padding:4px;
background:#0B3C5A;
color:#fff;
font-size:14px;
font-weight:700;
}

.ciasteczka-info-okno-zaw-poz-row{
display:table-row;
}

.ciasteczka-info-okno-zaw-poz-cell{
display:table-cell;
padding:4px;
color:#0B3C5A;
font-size:14px;
border:1px solid #0B3C5A;
}

.social-media
{
  position:fixed;
  right:0px;
  top:100px;

}

.social-media a
{
  display:block;
}

.social-media a img
{
  width:40px;
  height:auto;
}

.baner-strona
{
  width:100%;
  max-width:1200px;
  margin:0px auto;
  border: 3px solid #0B3C5A;
  margin-bottom: 40px;
}

.baner-strona img
{
  width:100%;
  height:auto;
}



.stats-boxes {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin: 40px 0 20px;
}

.stat-box {
  flex: 1 1 0px;
  background: #0B3C5A;
  border-radius: 20px;
  padding: 36px 24px;
  text-align: center;
  color: #ffffff;
  box-shadow: 0 10px 25px rgba(11, 60, 90, 0.15);
}

.stat-number {
  font-size: 46px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 14px;
}

.stat-number span {
  font-size: 18px;
}


.stat-text {
  font-size: 18px;
  line-height: 1.5;
  opacity: 0.95;
}

.stats-note {
  text-align: center;
  font-size: 18px;
  color: #0B3C5A;
  margin-top: 24px;
  font-weight: 500;
}

@media (max-width: 768px) {
  
  .stats-boxes {
    flex-direction: column;
  }

  .stat-number {
    font-size: 38px;
  }

}