body{
  font-family: 'Poppins', sans-serif;
  background: #000;
  font-size: 16px;
  color:#fff;
  overflow-x: hidden;
}

@media only screen and (max-width: 990px) {
  .mobile-schowaj{
    display: none;
  }
}

/* teksty */
strong{
  font-weight: 700 !important;
}

.text-regular{
  font-weight: 400 !important;
}

.naglowek-z-linia{
  display: flex;
  justify-content: left;
  align-items: center;
  width:100%;
  background: url('../img/tmp/naglowek-z-linia.png') center center repeat-x !important;
  overflow: hidden;
  margin: 20px 0 ;
}
  .naglowek-z-linia h2{
    color: #041686;
    font-weight: bold;
    background: #fff;
    padding:12px 24px 12px 0;
    margin-right: 4px;
    display: inline-block;
    font-size: 24px;
  }

/* buttony */
.btn-niebieski{
  display: inline-block;
  background: yellow;
  color: #000 !important;
  padding: 12px 21px;
  width: auto;
  font-weight: bolder;
  line-height: 1.6em;
  text-decoration: none;
  text-align: left;
}
  .btn-niebieski em{
    display: inline-block;
    margin-left: 14px;
    font-size: 130%;
  }
  .btn-niebieski:hover, .btn-niebieski:focus{
    text-decoration: none;
    color:#000;
    border:3px dashed yellow;
  }
.btn-zielony{
  display: inline-block;
  background: #47cfa9;
  color: #fff;
  padding: 12px 21px;
  width: auto;
  font-weight: bolder;
  line-height: 1.6em;
  text-decoration: none;
  text-align: left;
}
  .btn-zielony em{
    display: inline-block;
    margin-left: 14px;
    font-size: 130%;
  }
  .btn-zielony:hover, .btn-zielony:focus{
    text-decoration: none;
    color:#fff;
  }


.news-kontener{
  padding: 30px 0;
}
.news{
  margin:10px 0;
}
  .news-strona-margin{
    margin: 0 0 60px;
    border-bottom:1px solid yellow;
    padding-bottom: 10px;
  }
  .news-wprowadzenie{
    font-size: 80%;
  }
    .news-wyswietlenia{
      font-weight: bold;
      color: #ff0;
      border-bottom: 1px solid #777;
      padding-bottom: 5px;
      margin-bottom: 0px;
      display: inline-block;
      clear: both;
      float: left;
    }
      .hasz{
        color: yellowgreen;
        display: inline-block;
        margin-right: 6px;
      }
      .news a{
        text-decoration: none;
        display: inline-block;
      }
      .news a h2{
        margin: 14px 0;
        font-weight: bold;
        color:#ff0;
        font-size: 175%;
        display: block;
        width:100%;
      }
        .news a h2:hover{
          color: #000;
          background: yellow;
        }
      .news-wstep{
        color: #fff;
        font-weight: 400;
      }

.news-img{
  display: flex;
  width: 100%;
  height: 300px;
  background-position: top center !important;
  background-size: cover !important;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  margin-bottom: 10px;
}
.news-img:before {
}
.news-img:hover, .news-img:focus, .news-img:active {
  color: white;
}
.news-img:hover:before, .news-img:focus:before, .news-img:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}        
        
        .news-data{
          position: absolute;
          right:-14px;
          top:-14px;
          z-index: 10;
          display: inline-block;
          background: #000;
          color: #fff;
          padding: 20px;
          text-align: center;
        }
        .data1, .data2{
          font-weight: bolder;
        }
@media only screen and (max-width: 990px) {
  .news{
    margin-bottom: 50px;
  }
}

.news-linie .linie{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 14px 0;
  font-size: 90%;
}
  .news-linie p{
    color: #fff;
    font-weight: 400;
    margin: 14px 0;
  }

.galeria-zobacz{
  display: block;
  text-decoration: none;
}

  .galeria-img{
    display: block;
    width:100%;
    height: 200px;
  }

.galeria-img-src{
  display: flex;
  width: 100%;
  height: 100%;
  background-position: top center !important;
  background-size: cover !important;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.galeria-img-src:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(71, 207, 169, 0.8);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.galeria-img-src:hover, .galeria-img-src:focus, .galeria-img-src:active {
  color: white;
}
.galeria-img-src:hover:before, .galeria-img-src:focus:before, .galeria-img-src:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.hexagon{
  width: 70px;
  height: 70px;
  vertical-align: middle;
  background: yellow;
  color: #000;
  font-size: 220%;
  text-align: center;
  position: absolute;
  top:30%;
  bottom: 0;
  left:0;
  right: 0;
  margin: 0 auto;
  display: none;
  justify-content: center;
  align-items: center;
}
  .hexagon em{

  }

.galeria-zobacz-stopka{
  padding: 14px 0;
  font-size: 90%;
  border-bottom: 1px solid yellow;
}
  .galeria-zobacz:hover .galeria-zobacz-stopka{
    opacity: 0.8;
  }
  .galeria-zobacz-stopka em{
    float:right;
    font-size: 200%;
    color:#000;
  }
    .galeria-zobacz-stopka:hover em{
      /*cursor: default;*/
      transform: scale(1.1,1.1);
      transition: all 0.2s ease-in-out 0s;
    }
  .galeria-h-5{
    font-weight: bold;
    color: yellow;
    font-size: 105%;
  }
  .galeria-h-6{
    font-weight: normal;
    color: #fff;
    font-size: 95%;
  }
  .galeria-meta{
    display: block;
    margin: 2px 0 14px;
    font-size: 80%;
    color: #eee;
    padding-bottom: 6px;
    border-bottom: 1px dashed #7581cb;
  }

.kierunki-ksztalcenia{
  background: #041686;
  padding: 80px 0 50px;
}
  .kierunek{
    display: block;
    width: 100%;
    height: 200px;
    border: 3px solid #fff;
    text-align: center;
    position: relative;
    margin:0 auto 40px;
    padding: 20px 0;
  }
    .kierunek img{
      margin: 30px auto;
      width: 100px;
    }
    .kierunek h2{
      display: inline-block;
      color: #fff;
      width: auto;
      max-width: 80%;
      background: #041686;
      position: absolute;
      bottom: -20px;
      left:0;
      right: 0;
      font-weight: bold;
      font-size: 115%;
      padding: 10px;
      /*border:1px solid #fff;*/
      margin:0 auto;
      text-align: left;
    }

.stopka{
  background: #000;
  color:#fff;
  padding: 40px 0;
}
  .stopka-info{
    color: #a5a5a5;
    font-size: 90%;
  }
  .stopka-h{
    font-weight: bold;
    color: yellow;
  }
  .stopka-element{
    border-right: 1px solid yellowgreen;
    padding: 30px 30px 30px 0;
    margin-right: 14px;
  }
  .stopka a{
    color: yellow;
    text-decoration: none;
  }
.do-gory{
  display: inline-block;
  margin: 30px auto;
  font-size: 200%;
  text-decoration: none;
  color: yellow;
  float: right;
}
  .do-gory:hover{
    opacity: 0.8;
    color: #000;
    background: yellow;
  }

.cpr{
  padding: 30px 0 70px;
}
  .cpr p{
    margin: 14px 0;
    font-size: 90%;
    color: #737373;
  }

.nowa-galeria{
  background: yellow;
  padding: 30px 0;
  margin: 110px 0 90px;
}
  .nowa-galeria-relative{
    position: relative;
    width: 100%;
    height: 320px;
  }
    .nowa-galeria-relative a{
      display:block;
      width:100%;
      position: absolute;
      height: 500px;
      top:-100px;
      left:0;
      background-size: cover !important;
      background-position: top center !important;
      z-index: 10;
    }
    .nowa-galeria-relative a em{
      position: absolute;
      right:40px;
      bottom: 40px;
      z-index: 20;
      display: block;
      width:80px;
      height: 80px;
      background: #041686;
      color:#000;
      font-size: 200%;
      text-align: center;
      padding-top: 14px;
    }
      .nowa-galeria-relative a:hover em{
        background: #47cfa9;
      }

  .nowa-galeria-opis{
    padding: 40px 0;
  }
    .nowa-galeria-h{
      color: #000;
      font-weight: bold;
      font-size: 220%;
      margin: 0 0 20px;
    }
      .nowa-galeria-h span{
        color: #041686;
      }
      .nowa-galeria-p{
        color: #000;
        font-size: 95%;
      }
@media only screen and (max-width: 990px) {
  .nowa-galeria-relative a{
    position: static !important;
    top:auto;
    left: auto;
    height: inherit !important;
    display: table;
  }
}

.powitanie{
  background: url("../img/tmp/powitanie.jpg") top center;
  background-size: cover;
  min-height: 550px;

  display: none;
}
  .powitanie-img{
    display: flex;
    position: relative;
    width: 100%;
    height: inherit;
    min-height: 550px;
  }
    .powitanie-img img{
      position: absolute;
      right:0;
      bottom: 0;
      z-index: 10;
      display: none;
    }
    .powitanie-tekst{
      padding: 140px 0 40px;
    }
      .powitanie-tekst-h{
        font-weight: bold;
        color: #fff;
        font-size: 260%;
        margin: 0 0 30px 0;
      }
@media only screen and (max-width: 990px) {
  .powitanie-tekst{
    padding: 20px 0 !important;
  }
  .powitanie-tekst-h{
    margin-bottom: 0 !important;
  }
  .powitanie-img{
    min-height: auto !important;
    padding-top: 20px;
  }
  .powitanie-img img{
    position: static !important;
    height: auto !important;
  }
}


.naglowek-z-logo{
  height: 60px;
  background: #041686;
  /*overflow: hidden;*/
}
.logo-kontener{
  position: relative;
  width: 100%;
  display: block;
}
  .logo{
    position: absolute;
    width: 100%;
    left:0;
    top:-64px;
    z-index: 15;
    background: #fff;
    padding: 50px 0;
    text-align: center;
  }
    .logo img{
      max-width: 180px;
    }
@media only screen and (max-width: 990px) {
  .logo-kontener{
    background: #fff;
    text-align: center;
    overflow: hidden;
    padding: 30px 0;
  }
  .logo {
    text-align: center;
    position: static !important;
    background: #fff !important;
    padding: 30px !important;
    height:auto;
  }
}

/* menu strony ------------------------------------------------------------------------------------------------------ */
.menu-glowne-pudelko{

}
  .btn-rozwin-menu{
    display: none;
    margin: 20px auto;
    width:100%;
    text-align: center;
    background: yellow;
    color:#000;
    padding: 14px;
    font-weight: bold;
    text-decoration: none;
  }
  .btn-rozwin-menu:hover{
    background: #47cfa9;
    color: #fff;
  }



.menu-glowne-na-gorze{
  display: block;
  margin: 44px 0 30px;
  padding: 0;
  float: right;
}
.menu-glowne-na-gorze li{
  display: inline-block;
  list-style-type: none;
  margin: 0 0 0 24px;
  padding: 0;
  line-height: 2.4em;
  position: relative;
  font-size: 90%;
}
.menu-glowne-na-gorze li a{
  font-weight: bold;
  color: yellow;
  text-decoration: none;
}
.menu-glowne-na-gorze li a:hover, .menu-glowne-na-gorze li a:focus{
  color: #000;
  background: yellow;
}
.btn-round{
  background: yellow;
  color: #000 !important;
  /*border-radius: 32px;*/
  padding: 16px 26px;
}
.btn-round:hover{
  background: #041686;
}
.menu-glowne-na-gorze .m-over{
  position: absolute;
  top:40px;
  left:0;
  z-index: 120;
  background: #ff0;
  margin: 0;
  padding: 10px;
  float:none;
  min-width: 260px;
  display: none;
  border-top: 3px solid #000;
}
.m-over li{
  display: block;
  margin: 2px 10px !important;
  border-bottom: 1px dashed #041686;
  font-size: 90%;
}
.m-over li a{
  color: #000 !important;
}
  .m-over li a:hover{
    background: #000 !important;
    color: yellow !important;
  }

@media only screen and (max-width: 990px) {
  .menu-glowne-pudelko{
  }
  .btn-rozwin-menu{
    display: block;
  }
  .menu-glowne-na-gorze{
    display: none;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  .menu-glowne-na-gorze ul{
    float:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  .menu-glowne-na-gorze li{
    display: block !important;
    list-style-type: none;
    margin:4px auto !important;
    padding: 2px 0 !important;
    text-align: center !important;
    border-bottom: 1px dashed #555;
  }
    .menu-glowne-na-gorze .m-over{
      position: static !important;
      display: block !important;
      background: #000;
      margin:0 !important;
    }
}

.menu-prawe{
  float:right;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 60px;
}
  .menu-prawe li{
    display: inline-block;
    list-style-type: none;
    color: #fff;
    font-size: 80%;
    line-height: 2.4em;
    position: relative;
    min-width: 76px;
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
    .menu-prawe li span{
      display: block;
      padding: 14px 0;
    }
    .menu-prawe em{
      margin-right: 6px;
      color: #3dffbe;
    }
    .a-w-icon{
      padding: 14px;
      color: #fff !important;
      background: #3b5999;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      height: 60px;
      width: 81px;
      position: absolute;
      left:0;
      top:-34px;
    }
      .a-w-icon em{
        color: #fff !important;
        font-size: 200%;
        margin: 0 !important;
      }
      .bg-czerwony{
        background: #ff2b41 !important;
      }
      .menu-prawe-ml{
        margin-left: 24px !important;
      }
      .-a-w-img{
        background: #fff;
      }
        .-a-w-img img{
          width: 22px;
          margin-top: 4px;
        }
        .menu-prawe span a{
          color: #fff;
          text-decoration: none;
        }

@media only screen and (max-width: 990px) {
  .menu-prawe {
    display: none;
  }

}

.boczne-menu-wcag{
  position: fixed;
  top:240px;
  right:0;
  z-index: 300;
}
  .boczne-menu-wcag ul{
    margin: 0;
    padding: 0;
    background: #041686;
    border-right: 5px solid #47cfa9;
  }
    .boczne-menu-wcag ul li{
      display: block;
      list-style-type: none;
      border-bottom: 1px solid #3242a5;
    }
      .boczne-menu-wcag ul li a{
        display: block;
        font-size: 120%;
        color: #fff;
        padding: 14px;
        position: relative;
      }
        .boczne-menu-wcag ul li a:hover{
          background: #2335a6;
        }
        .boczne-menu-wcag span{
          display: none;
          position: absolute;
          right:46px;
          top:16px;
          background: #2335a6;
          color: #fff;
          font-size: 60%;
          padding: 4px 8px;
          border-radius: 2px;
          white-space: nowrap;
          font-weight: bold;
        }
@media only screen and (max-width: 990px) {
  .boczne-menu-wcag{
    display: none;
  }
}

/* ------------------------------------------------------------------------------------------------------------------ */
.menu{
  background: yellow;
  display: block;
  width: 100%;
  padding: 30px 20px 40px;
}
  .menu-h{
    border-left: 16px solid #000;
    padding: 2px 8px;
    margin: 20px 0;
    color: #222;
    font-weight: bold;
    font-size: 125%;
  }
    .menu-h span{
      color: #000;
    }

  .menu ul{
    margin: 0;
    padding: 0;
  }
    .menu ul li{
      list-style-type: none;
      display: block;
      margin: 0;
      padding: 0;
      border-bottom: 1px dashed #000;
    }
      .menu a{
        display: block;
        padding: 6px 24px;
        font-weight: bold;
        font-size: 85%;
        color: #000;
        text-decoration: none;
      }
        .menu a:hover{
          color: #ff0;
          background: #000;
        }
        .menu li.sub a{
          padding-left: 44px;
          font-weight: normal;
        }
/* ------------------------------------------------------------------------------------------------------------------ */
.tutaj-jestes{
  margin: 0 0 20px;
  padding: 0;
}
  .tutaj-jestes li{
    display: inline-block;
    list-style-type: none;
    color:#7edcc1 !important;
    font-weight: bold;
  }
    .tutaj-jestes li:after{
      content: '/';
      padding: 0 10px;
    }
    .tutaj-jestes li:after:first-child{
    }
    .tutaj-jestes a{
      font-weight: bold;
      color: #041686;
      text-decoration: none;
      padding: 0;
    }
      .tutaj-jestes a:hover{
        border-bottom: 1px solid #041686;
      }
.art-linia{
  display: block;
  width:200px;
  margin: 4px 0 20px;
  border-bottom: 1px solid #bbb;
}

.art{
  display: block;
  background: rgba(0,0,0,0.95);
  padding: 30px 50px;
  border:1px solid #333;
  color:#fff;
}
  .art h1, .art h2, .art h3{
    color: #fff;
    font-weight: bold;
    margin: 02px 0;
  }
    .art h1{
      font-size: 200%;
    }
    .art h2{
      font-size: 150%;
    }
    .art h3{
      font-size: 120%;
    }
  .art p, .art li{
    color: #fff;
    margin: 14px 0;
    font-size: 90%;
  }
  .art a{
    font-weight: bold;
    color:yellow;
    text-decoration: none;
  }
    .art a:hover{
      background: yellow;
      color: #000;
    }
    .art-wstep{
      border-top: 1px solid yellow;
      border-bottom: 1px solid yellow;
      padding: 10px 0;
      font-weight: bold;
      color: #ff0 !important;
    }

.page-item{
  width: 54px;
  text-align: center;
}
.page-item a{
  padding: 10px 16px !important;
  border:2px solid transparent !important;
  color: #ff0 !important;
  background: #000 !important;
}
.pagination .active a{
  background: yellow !important;
  color: #000 !important;
}
.page-item a:hover{
  background: #1d3e87 !important;
  color: #fff !important;
}


.pop-nast-art{
  margin: 30px 0;
  padding: 0;
  width: 100%;
  background: rgba(0,0,0,0.4);
}
.pop-nast-art li{
  display: inline-block;
  width:49.5%;
  list-style-type: none;
  margin: 0;
  padding: 20px;
}
.nast-element{
  text-align: end;
}
.pop-nast-art li span{
  display: block;
  font-size: 80%;
}
.pop-nast-art li:last-child{
  text-align: right;
}
.pop-nast-art a{
  font-weight: bold;
  text-decoration: none;
  color:yellow;
  font-size: 85%;
}
.pop-nast-art a:hover, .pop-nast-art a:focus{
  border-bottom: 1px solid yellow;
  color:yellowgreen;
}
.pop-nast-art h4{
  font-size: 125%;
  margin-top: 6px;
  font-weight: bold;
}

.art table{
  border:1px solid #f1ddc4;
  width:100%;
}
table th{
  font-weight:bold;
  background: #ab1903;
  color: #fff;
  padding: 8px;
}
table td{
  vertical-align: middle;
  font-size:90%;
  padding: 8px;
  border-color: #f1ddc4 !important;
}
table p{
  margin:0 auto !important;
}


.dolacz-obraz{
  display: block;
  margin: 20px 0 30px;
  text-align: center;
  position: relative;
}
.dolacz-obraz-opis{
  position: absolute;
  bottom: 0;
  left:0;
  width:100%;
  padding: 10px;
  font-size: 80%;
  font-weight: bold;
  background: rgba(255,255,255,0.8);
}
.dolacz-obraz-oplywanie{
  float:left;
  clear: left;
  width:40%;
  max-width: 300px;
  margin: 4px 14px 20px 0px;
  text-align: center;
}
.dolacz-obraz-oplywanie img{
  max-width: 100%;
  margin: 4px auto;
}

.dolacz-galerie {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 10px auto 20px;
  padding: 0;
}
.dolacz-galerie li {
  list-style-type: none;
  float: left;
  width: 100px;
  margin: 3px 3px 3px 0;
  text-align: center;
  overflow: hidden;
  display: inline-block;
  border-radius: 5px;
  border:2px dashed #041686;
  padding: 2px;
}
.dolacz-galerie li:hover{
  opacity: 0.9;
}
.dolacz-galerie li .dolacz-galerie-img {
  position: relative;
  float: left;
  width: 94px;
  height: 94px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover !important;
  border-radius: 5px;
}
.nazwa-galerii {
  font-weight: bold;
  margin: 14px 0 10px;
  overflow: hidden;
  font-size: 160%;
  line-height: 1.5em;
}
.opis-galerii {
  font-weight: bold;
  margin: 14px 0 10px;
  overflow: hidden;
  line-height: 1.5em;
}


/* ------------------------------------------------------------------------------------------------------------------ */
.wcag-menu-klawiatura{
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  z-index: 100;
  background: rgba(255,255,255,0.3);
}
  .wcag-menu-klawiatura nav{
    display: block;
    width: 100%;
    max-width:700px;
    margin: 3%;
    padding: 20px;
    background: #041686;
  }
    .wcag-menu-klawiatura ul{
      margin: 0;
      padding: 0;
    }
      .wcag-menu-klawiatura li{
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
        border-bottom: 1px dashed #4c5ab1;
      }
        .wcag-menu-klawiatura a{
          display: block;
          color: #fff;
          font-weight: bold;
          padding: 14px 24px;
          text-decoration: none;
          border:3px dashed transparent;
        }
          .wcag-menu-klawiatura a:hover, .wcag-menu-klawiatura a:focus{
            background: #067f5d;
            color: #fff;
            border:3px dashed yellow;
          }
          .wcag-menu-klawiatura a em{
            display: inline-block;
            margin-right: 10px;
          }
          .wcag-menu-klawiatura a img{
            width: 18px;
            margin-right: 9px;
          }

/* Okno nowego okna ------------------------------------------------------------------------------------------------- */
.okno-nowego-okna{
  display: none;
  position: fixed;
  top:5%;
  width:90%;
  height: 100%;
  left:5%;
  z-index: 1000;
  background: rgba(0,0,0,0.98);
}
.okno-nowego-okna .kontener{
  margin: 20px;
  padding: 30px;
  border-radius: 30px;
  border: 2px dashed darkblue;
}
.okno-nowego-okna .kontener h2{
  font-weight: bold;
  font-size: 130%;
  margin: 10px 0 20px;
}
.okno-nowego-okna .kontener a{
  display: inline-block;
  background: #0d6efd;
  padding: 10px 16px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.okno-nowego-okna .kontener a:hover,.okno-nowego-okna .kontener a:focus{
  background: blueviolet;
}

/* --- wyskakujące okno --------------------------------------------------------------------------------------------- */
.wyskakujace-okno{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align: center;
  background: rgba(52, 77, 103, 0.85);
  z-index: 10000;
  /*display: none;*/
  display: flex;
  justify-content: left;
  align-items: center;
  backdrop-filter: blur(7px);
}
.okno{
  display: block;
  width: 90%;
  max-width: 990px;
  margin: 1% auto;
  border:5px dashed #344d67;
  border-radius: 24px;
  padding: 6px 30px;
  background: rgba(255, 255, 255, 0.98);
  text-align: left;
  overflow: hidden;
  position: relative;
}
.okno .btn-schowaj{
  position: absolute;
  top:10px;
  right:10px;
  padding: 10px 24px !important;
  border-radius: 0px;
  text-align: center;
}
  .okno .btn-schowaj em{
    display: block;
    margin: 10px auto;
  }
  .okno .art{
    border:0px !important;
    background: transparent !important;
  }
  .okno .art h1, .okno .art h2, .okno .art h3{
    color: #041686 !important;
  }

@media only screen and (max-width: 990px) {
  .wyskakujace-okno
  {
    height: 550px !important;
    overflow-y:scroll !important;
    overflow-x:hidden !important;
  }
}

/* ---- belka strony ------------------------------------------------------------------------------------------------ */
.belka-strony{
  display: block;
  width: 100%;
  background: url('../img/tmp/powitanie.jpg') top center;
  background-size: cover;
  min-height: 200px;
}
.strona{
  margin-top: -86px;
  margin-bottom: 60px;
}

/* ---- duże i pełne menu ------------------------------------------------------------------------------------------- */
.okno-pelnego-menu{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  padding: 30px;
  background: rgba(255,255,255,0.95);
  z-index: 10000;
  display: none;
}
  .okno-pelnego-menu-kontener{
    background: #fff;
    padding: 30px;
    overflow-y: scroll;
    max-height: 900px !important;
  }
    .okno-pelnego-menu ul{
      margin:0;
      padding: 0;
    }
      .okno-pelnego-menu ul li{
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0;
        width:49%;
        text-align: center;
        border-bottom: 1px solid #041686;
      }
        .okno-pelnego-menu ul li a{
          display: block;
          padding: 12px;
          color: #041686;
          font-weight: bold;
          text-decoration: none;
        }
          .okno-pelnego-menu ul li a:hover, .okno-pelnego-menu ul li a:focus, .okno-pelnego-menu ul li a:active{
            background: #041686;
            color: #fff;
          }
          .schowaj-pelne-menu{
            display: inline-block;
            /*max-width: 400px;*/
            width: 100%;
            margin: 20px auto;
            background: #47cfa9;
            color: #fff;
            text-align: center;
            font-weight: bold;
            padding: 14px 20px !important;
            text-decoration: none;
          }
            .schowaj-pelne-menu:hover{
              background: #041686;
              color: #fff;
            }

@media only screen and (max-width: 990px) {
  .okno-pelnego-menu ul li{
    width: 100%;
    max-height: 400px;
  }
}


@media only screen and (max-width: 990px) {
  .wyskakujace-okno
  {
    height: 550px !important;
    overflow-y:scroll !important;
    overflow-x:hidden !important;
  }
}


.belka-cookie{
  position: fixed;
  bottom: 0;
  left:0;
  width:100%;
  z-index: 10;
  background: #041686;
  color: #fff;
  text-align: center;
}
  .belka-cookie p{
    margin: 0 auto;
    padding: 14px;
    font-size: 85%;
  }
  .belka-cookie a{
    color: yellow;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    padding-left: 6px;
  }
    .belka-cookie a:before{
      display: inline-block;
      content: "|";
      padding-right: 6px;
    }