/*--Dostępność--*/

html {
scroll-behavior: smooth; /* CSS dla płynnego przewijania */
}

[id^="galeria-"] {
    scroll-margin-top: 100px; /* Dopasuj do wysokości nagłówka */
}

#1111 {
    display: block;
    visibility: visible;
}

.accordion-heading > a.accordion-toggle {
  display: block;
  padding: 0px 35px 0px 20px;
  position: relative;
}

#item-17293685583251 {
  display: block;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 20px;
}

.menunav {
  position: relative;
  z-index: 658;  
}

.afterbutt {
 position: relative;
 z-index: 659; 
}

.djacc--sticky.djacc-popup {
  margin: 0px;
  right: 25px;
  padding: 5px 0px 0px 0px;
}

.djacc-popup .djacc__openbtn--default {
  background: #777;
  margin-top: 16px;
}

.djacc-popup .djacc__close {
  background: #e2ed13;
  border-color: transparent;
}

.djacc-popup .djacc__close:hover {
  background: #e2ed13;
  border-color: transparent;
}

.djacc-popup .djacc__bar::before {
  background: #e2ed13;
}

.djacc__openbtn.djacc__openbtn--default:hover {
  margin-right: 0px !important;
}

/*--test--*/

.contener-block {
  display: flex;
  flex-wrap: wrap; /* Pozwala na łamanie wierszy */
  justify-content: flex-start; /* Ustawia elementy po lewej stronie */
}

.content-text-block {
  width: 23%; /* Każda kolumna zajmuje około 1/4 szerokości */
  margin: 1%;  /* Dodaje odstępy między kolumnami */
  box-sizing: border-box; /* Sprawia, że padding nie powiększa szerokości elementu */
  margin-bottom: 45px;
}

.content-text-block-border {
  border-left: 1px solid #CCC;
  padding: 15px;
}

.content-text-block p {
  font-family: 'Montserrat';
}

.content-text-block-border p {
  font-family: 'Montserrat';
  font-family: 'Montserrat';
  font-size: 16px;
  color: #333;
  font-weight: 400;
}


/*--*/

#item-1717624090965 {
  position: relative;
  z-index: 22;
}

.menu-spis li {
  background: #FFF;
  border-radius: 50px;
  border: 3px solid #e2ed13;
  margin-top: 20px;
}

.menu-spis li:hover {
  background: #e2ed13;
  color: #212121!important;
  border-radius: 50px;
  border: 3px solid #e2ed13;
}

/*--główne tło--*/

.djacc-dark-contrast .djacc-contrast {
  background-color: #0000 !important;
  border-color: #fff !important;
  color: #fff !important;
}

.djacc-dark-contrast {
  background-image: none;
  background: #000;
}

/*---*/

.djacc-dark-contrast #item-1717840875449.etyka {
    background: #000;
}

.oko-yellow {
  margin-top: -90px;
}

.slownik .content-text {
  border-left: 1px solid #CCC;
  padding: 20px;
}

/*---mapa czerwony---*/

#item-17180270247204.djacc-contrast {
   background: #220bc8!important; 
}

#item-17311640491593.djacc-contrast {
   background: #891717!important; 
}

#item-17180270247211.djacc-contrast {
     background: #210bc7!important; 
}

#item-17311640491600.djacc-contrast {
  background: #891717!important;
}

/*------*/

/*---mapa zielona---*/

#item-17180270243424.djacc-contrast {
   background: #1e4914!important; 
} 

#item-17180270243431.djacc-contrast {
   background: #1e4914!important;
}

/*------*/

#religia-345-repeat {
  background: none !important;
}

#item-17180251306395.djacc-contrast {
  background: #250ec3!important;
}

#item-17180251306396.djacc-contrast {
  background: #250ec3!important;
}

#item-1717840875449.etyka {
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0, #DFF213),
  color-stop(0.92, #EBEBEB)
);
background-image: -o-linear-gradient(bottom, #DFF213 0%, #EBEBEB 92%);
background-image: -moz-linear-gradient(bottom, #DFF213 0%, #EBEBEB 92%);
background-image: -webkit-linear-gradient(bottom, #DFF213 0%, #EBEBEB 92%);
background-image: -ms-linear-gradient(bottom, #DFF213 0%, #EBEBEB 92%);
background-image: linear-gradient(to bottom, #DFF213 0%, #EBEBEB 92%);
}

#item-1717840875451 {
  padding-bottom: 30px;
  padding-top: 30px;
}

/*---strona zakodowana--*/

#item-17178758641926.onas-strona-zakodowana {
background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0, #DFF213),
  color-stop(0.92, #666666)
);
background-image: -o-linear-gradient(bottom, #DFF213 0%, #666666 92%);
background-image: -moz-linear-gradient(bottom, #DFF213 0%, #666666 92%);
background-image: -webkit-linear-gradient(bottom, #DFF213 0%, #666666 92%);
background-image: -ms-linear-gradient(bottom, #DFF213 0%, #666666 92%);
background-image: linear-gradient(to bottom, #DFF213 0%, #666666 92%);
}

#item-17178758641923 {
  padding-right: 45px;
}

/*-------------------------*/

.kola-nas {
  width: 350px !important;
  height: 350px;
}

.djacc-dark-contrast  {
  background-image: none;
}

.djacc-dark-contrast .kola-nas {
  border: solid 5px #FFF;
}

.ramka_box {
  border-radius: 30px !important;
  padding: 20px !important;
  border: 2px solid #FFF;
}

.ramka_box #item-17178463003331 {
  margin-left: -30px;
}

/*--publication--*/

.ba-blog-post {
  margin-bottom: 70px;
}

.ba-blog-post-intro-wrapper {
  font-weight: 600 !important;
}

.mapa-grafika-slider {
 margin: auto; 
}

/*---button-kr---*/

.button-kr a {
  display: block;
  background: #CCC;
  max-width: 160px;
  text-align: center;
  padding: 8px 12px;
  border-radius: 50px;
  color: #000;
  background: #FFF;
  border: 1px solid #2e2e2e;
  font-size: 17px;
  font-weight: 500;
  padding: 7px 50px;
}

.button-kr a:hover { 
  color: #FFF;
  background: #0639b6;
}

.button-gd a {
  display: block;
  background: #CCC;
  max-width: 160px;
  text-align: center;
  padding: 8px 12px;
  border-radius: 50px;
  color: #000;
  background: #FFF;
  border: 1px solid #2e2e2e;
  font-size: 17px;
  font-weight: 500;
  padding: 7px 50px;
}

.button-gd a:hover { 
  color: #FFF;
  background: #d2021a;
}

.button-lb a {
  display: block;
  background: #CCC;
  max-width: 160px;
  text-align: center;
  padding: 8px 12px;
  border-radius: 50px;
  color: #000;
  background: #FFF;
  border: 1px solid #2e2e2e;
  font-size: 17px;
  font-weight: 500;
  padding: 7px 50px;
}

.button-lb a:hover { 
  color: #FFF;
  background: #30ab12;
}

/*----activ menu ----*/

.button-kr-activ a {
  display: block;
  background: #CCC;
  max-width: 160px;
  text-align: center;
  padding: 8px 12px;
  border-radius: 50px;
  color: #FFF;
  background: #0639b6;
  border: 1px solid #2e2e2e;
  font-size: 17px;
  font-weight: 500;
  padding: 7px 50px;
}

.button-gd-activ a { 
  display: block;
  background: #CCC;
  max-width: 160px;
  text-align: center;
  padding: 8px 12px;
  border-radius: 50px;
  border: 1px solid #2e2e2e;
  font-size: 17px;
  font-weight: 500;
  padding: 7px 50px;
  color: #FFF;
  background: #d2021a;
}

.button-lb-activ a {
  display: block;
  background: #CCC;
  max-width: 160px;
  text-align: center;
  padding: 8px 12px;
  border-radius: 50px;
  color: #FFF;
  background: #30ab12;
  border: 1px solid #2e2e2e;
  font-size: 17px;
  font-weight: 500;
  padding: 7px 50px;
}

.button-pod-activ a {
  display: block;
  max-width: 120px;
  text-align: center;
  padding: 12px 12px;
  border-radius: 50px;
  color: #000!important;
  background: #e2ed13;
  font-size: 18px;
  font-weight: 500;
  padding: 7px 50px;
}

.main-menu .nav > li > a[data-alias="ć"] {
 color: #9e9e9e!important;
 cursor: auto;
}

.main-menu .nav > li > a[data-alias="g"] {
 color: #9e9e9e!important;
 cursor: auto;
}

.main-menu .nav > li > a[data-alias="h"] {
 color: #9e9e9e!important;
 cursor: auto;
}

.kola-nas:hover {
box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.2);
}

/*-----Persone-----*/

.column3-persone {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.persone3-img img {
  border-radius: 150px;
  border: 5px solid #FFF;
}

.persone3-img img:hover {
  border: 5px solid #e2ed13;
}

.persone3-head {
  text-align: center;
  font-weight: bold;
  padding-top: 35px;
  font-size: 22px;
  color: #181818;
}

.persone3-head:hover {
  color: #e2ed13;
}

.persone3-body p {
  text-align: center;
  padding-top: 10px;
  font-size: 18px;
}

/*-----Persone-2----*/

.column2-persone {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.persone2 {
  margin: 0px 70px 0px 70px;
}

.persone2-img img {
  border-radius: 150px;
  border: 5px solid #FFF;
}

.persone2-img img:hover {
  border: 5px solid #e2ed13;
}

.persone2-head {
  text-align: center;
  font-weight: bold;
  padding-top: 35px;
  font-size: 22px;
  color: #181818;
}

.persone2-head:hover {
  color: #e2ed13;
}

.persone2-body p {
  text-align: center;
  padding-top: 10px;
  font-size: 18px;
}

/*-----refleksje---*/

.sphere6-container {
 position: relative;
 z-index: 4; 
} 

.refleksje {
 position: relative;
 z-index: 5; 
}

.refleksje {
 position: relative;
 z-index: 5; 
}

/*---menu accordion--*/

.accordion-heading > a > span + i {
  font-size: 0px !important;
  letter-spacing: normal;
  line-height: 18px !important;
}

#item-1717624738317 .accordion-heading a:hover {
  color: #e2ed13;
}

/*---##---*/

/*---Gallery border radius---*/

.ba-image {
  border-radius: 25px!important;
}

.ba-image img {
  border-radius: 25px;
}

.ba-image img:hover {
  border-radius: 25px!important;
}

/*---##---*/

/*--oko yellow--*/

.oko-yellow {
    transform: scale(0);
    opacity: 0;
    animation: scaleAndFadeIn 4s ease-in-out forwards;
}

@keyframes scaleAndFadeIn {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/*---##---*/

/*-----------Z-index home------------*/
.home-1-text-naglowek {
  position: relative;
  z-index: 4;
}

.home-1-text {
  position: relative;
  z-index: 3;
}

.home-1-text h1 {
  padding-bottom: 60px;
}

.home-1-oko-yellow {
  position: relative;
  z-index: 1;
  padding-top: 100px !important;
}

/*roum*/

/*---Buttom scroll suppage Kraków---*/

.buttom-scroll-subpage a {
  color: #FFF;
  background: #0639b6;
  display: block;
  padding: 10px 30px 10px 30px;
  max-width: 100px;
  margin: auto;
  border-radius: 50px;
}

.buttom-scroll-subpage a:hover {
  background: #e2ed13;
  display: block;
  padding: 10px 30px 10px 30px;
  max-width: 100px;
  margin: auto;
  border-radius: 50px;
}

/*---Buttom scroll suppage Gdańsk---*/

.buttom-scroll-subpage2 a {
  color: #FFF;
  background: #d2021a;
  display: block;
  padding: 10px 30px 10px 30px;
  max-width: 100px;
  margin: auto;
  border-radius: 50px;
}

.buttom-scroll-subpage2 a:hover {
  background: #e2ed13;
  display: block;
  padding: 10px 30px 10px 30px;
  max-width: 100px;
  margin: auto;
  border-radius: 50px;
}

/*---Buttom scroll suppage Lublin---*/

.buttom-scroll-subpage3 a {
  color: #FFF;
  background: #30ab12;
  display: block;
  padding: 10px 30px 10px 30px;
  max-width: 100px;
  margin: auto;
  border-radius: 50px;
}

.buttom-scroll-subpage3 a:hover {
  background: #e2ed13;
  display: block;
  padding: 10px 30px 10px 30px;
  max-width: 100px;
  margin: auto;
  border-radius: 50px;
}

.columnstad [class*="ba-col-"] {
  margin-left: 0px;
}

/*--icon language---*/

.zmdi.zmdi-chevron-down {
  margin-left: 0px !important;
}

#item-1697052331932 .ba-language-switcher-list {
 background: #FFF; 
}

strong {
  font-weight: 600;
}

/*---menu before center---*/

li.deeper > span i.ba-icon-caret-right,
li.deeper > a i.ba-icon-caret-right {
     vertical-align: middle;
}

/*---error 404----*/


ul li {
 font-size: 18px;
 font-weight: 400;
 line-height: 2.1em
}

ul li::marker {
 color: #212121;
}

/*---dektop----*/

.ba-overlay-section-close {
  background: #282f35!important;
  z-index: 1;
}

/*-------home btn nav-----*/

/*----desktop before-----*/

.ba-icon-caret-right::before {
  content: "\f2f6";
  font-weight: 30px;
  font-size: 28px;
}

li.deeper > span i.ba-icon-caret-right, li.deeper > a i.ba-icon-caret-right {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: 0 0px 0px 5px;
}

/*-------Language---------*/

.zmdi-chevron-down::before {
  content: '\f2f9';
  font-size: 28px;
}

/*------------------------*/
/*--------Mobile----------*/

.zmdi.zmdi-power {
  padding-right: 20px;
}

/*---------------WCAG---------------*/

.djacc-dark-contrast h1.djacc-contrast, .djacc-dark-contrast h2.djacc-contrast, .djacc-dark-contrast h3.djacc-contrast, .djacc-dark-contrast h4.djacc-contrast, .djacc-dark-contrast h5.djacc-contrast {
  color: #FFF!important;
}

/*----wyskakujące okna onas----*/

.persone3-img.djacc-contrast img {
  border-radius: 150px;
  border: 5px solid #000!important;
}

.persone3-img.djacc-contrast img:hover {
  border-radius: 150px;
  border: 5px solid #fcff3c !important;
}

.persone2-img.djacc-contrast img {
  border-radius: 150px;
  border: 5px solid #000!important;
}

.persone2-img.djacc-contrast img:hover {
  border-radius: 150px;
  border: 5px solid #fcff3c!important;
}

/*-----------*/

.djacc-dark-contrast .ba-form-page {
  background: #000;
  border: 1px solid #000;
}
.djacc-dark-contrast .ba-form-page p {
  color: #FFF;
}
.djacc-dark-contrast .ba-form-page a {
  color: #FFF!important;
}
.djacc-dark-contrast .ba-form-page a {
  color: #fcff3c!important;
}
.djacc-dark-contrast .ba-forms-lightbox-row i {
  color: #fcff3c!important;
}

/*-----tło kółka-----cytowane strony--------*/

.djacc-dark-contrast .djacc-contrast #item-17178713380100 {
  background-image: none;
}

/*---testy---*/

#item-17178722817200 {
  display: block;
  margin-bottom: 8px;
  margin-top: 0px;
  max-width: 100px;
}

#item-17178723769480 {
  display: block;
  margin-bottom: 8px;
  margin-top: 0px;
  max-width: 100px;
}

/*--*/

#item-17178724403460 {
  max-width: 100px;
}

#item-17178723938400 {
    max-width: 100px;
}

/*--*/

#item-1717871886849 {
   max-width: 100px;
}

#item-17178724548010 {
  max-width: 100px;
}

/*--*/

#item-17178726826761 {
  max-width: 100px;
}

#item-17178726826766 {
   max-width: 100px;
}

#item-17178726824401 {
   max-width: 100px;
}

#item-17178726824406 {
   max-width: 100px;
}

#item-17178726824411 {
   max-width: 100px;
}

#item-17178726826765 {
  display: block;
  max-width: 200px;
}

#item-17178726826770 {
  display: block;
  max-width: 200px;
}

#item-17178726824405 {
  display: block;
  max-width: 200px;
}

#item-17178726824410 {
  display: block;
  max-width: 200px;
}

/*--PROWADZONA DOMUMENTACJA---*/

#item-17178433237932 {
  border: 1px solid #000;
}

#item-17178463003330 {
  border: 1px solid #000;
}

/*---------------*/

@media only all and (min-width: 1025px) and (max-width: 1280px) {

.djacc--sticky.djacc-popup {
margin-top: 10px;
}
}

@media only all and (min-width: 769px) and (max-width: 1024px) {

#item-14960529412 {
margin-right: 30px;
}

.flaga {
  margin-left: -30px;
}

.djacc--sticky.djacc-popup {
  margin: 8px 0px 0px 0px;
  right: 25px;
}
  
.kola-nas {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 25px;
}
  
/*-----Persone column----*/  
  
.column2-persone {
  flex-direction: column;
}
  
.column3-persone {
  flex-direction: column;
}
  
.persone2 {
  margin-bottom: 60px;
}
  
.persone3 {
  margin-bottom: 60px;
  }
  
body .modal-nav {
display: block !important;
}
  
.home-1-text h1 {
  padding-bottom: 30px;
}

.home-1-oko-yellow {
  position: relative;
  z-index: 1;
  padding-top: 100px !important;
}

.content-text-block {
  width: 48%;
  margin: 1%;
  box-sizing: border-box;
}
  
}

@media (max-width: 768px) {
  
.kola-nas {
  margin-left: auto;
  margin-right: auto;
}
  
#item-17178805145700 {
    margin: auto;
}
  
.column2-persone {
  flex-direction: column;
}
  
.column3-persone {
  flex-direction: column;
}
  
.persone2 {
  margin-bottom: 60px;
}
  
.persone3 {
  margin-bottom: 60px;
}
  
.persone3-img img {
  max-width: 300px;
}
  
.persone2-img img {
  max-width: 300px;
}  

.home-1-text h1 {
  padding-bottom: 30px;
}  
  
  /*---menu--cursor pointner---*/
  
 .open-menu i {
    color: inherit;
    font-size: inherit;
    padding: 15px;
    cursor: pointer;
}
  
.publication {
  margin-left: -5px;
}  
  
  #item-179497138805 > .ba-menu-wrapper > .main-menu > .integration-wrapper > ul {
    text-align: center;
    max-width: 350px;
    margin: auto;
  }
 .megamenu-item > a::after, .megamenu-item > span::after, .deeper.parent > span::after, .deeper.parent > a::after {
    padding: 0px;
    content: '';
    margin-left: -0.9em;
  }
  .ba-icon-caret-right::before {
  content: "\f2f6";
  font-weight: 30px;
  font-size: 28px;
  transform: rotate(90deg);
}
  
  /*-------home btn nav-----*/

.slider-home-2-image .ba-btn-transition.slideset-btn-prev.ba-icons.ba-icon-chevron-left {
 margin-left: -68px; 
}

.slider-home-2-image .ba-btn-transition.slideset-btn-next.ba-icons.ba-icon-chevron-right {
 margin-right: -68px; 
}
    .ba-form-page {
    padding: 0px !important;
    width: 100% !important;
  }
  
body .modal-nav {
display: block !important;
}
  
.content-text-block {
  width: 98%;
  margin: 1%;
  box-sizing: border-box;
}
}