body {
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    #max-width:100vw;
    #overflow-x: hidden;
    height : 100%;
    #overflow : scroll;
    -webkit-overflow-scrolling : touch;
}

.mobile {
display: none;
}

.desktop {
height: 100%;
position: relative;
}

.top_page {
    height: 100vh;
    width: 100%;
    background-image: url("/static/images/tlo-glowna.png");
    #background-attachment: fixed;
    background-repeat:no-repeat;
    background-size: cover;
    #background-position: center;
    min-width: 300px;
    height: clamp(100px, 100vh, 100000px);
    display: flex;
    flex-direction: column;
    align-items: left;
    #background-color: red;
    overflow: hidden;
    max-width:100vw;
    min-height: 400px;

}



.logo_menu {
    width: 100vw;
    height: 20vh;
    display: flex;
    flex-direction: row;
    align-items: left;
    padding-top:7vh;
    padding-left:5vw;
    padding-right: 5vw;
    padding-bottom: 5vh;
}

.logo {
    display: flex;
    justify-content: left;
    align-items: center;
}

.logo img {
    height: clamp(10px, 4.5vw, 100000px);
}

.menu_moje {
    font-weight: 500;
    font-size: clamp(10px, 1.05vw, 500px);
    line-height: 1.5vw;
    width: 70vw;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row-reverse;
    color: white;
    padding-left: 4vw;
}

.logowanie {
    flex-basis: auto;
    margin-left: clamp(2vw, 3vw, 500px);
}

.pobieranie {
    flex-basis: auto;
    margin-left: clamp(2vw, 3vw, 500px);
}

.kontakt {
    flex-basis: auto;
    margin-left: clamp(2vw, 3vw, 500px);}

.zarzadca {
    flex-basis: auto;
    margin-left: clamp(2vw, 3vw, 500px);}

.wspolnoty {
    flex-basis: auto;
    margin-left: clamp(2vw, 3vw, 500px);}

.oferta {
    flex-basis: auto;
    margin-left: clamp(2vw, 3vw, 500px);}

.ofirmie {
    flex-basis: auto;
    margin-left: clamp(2vw, 3vw, 500px);}


.content {
    width: 100vw;
    height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top:25vh;
    padding-left:15vw;
    padding-right: 15vw;
    color: white;
        font-weight: 400;
    font-size: clamp(10px, 2.05vw, 500px);
}

.content p{
    width: 100vw;
        font-weight: 500;
    font-size: clamp(10px, 4.5vw, 500px);
        padding-left:15vw;
    padding-right: 15vw;
        text-align: center;

}


h6 {
    font-size: clamp(6px 1.1vw, 500px);
}

a {
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: left;
    padding-left: 4px;
    align-items: center;
    #background-color: pink;
}

a img {
    display: none;
}

.logowanie a {
color: red;
}



a:hover {
    color: #10d0d2;
    text-decoration: none;
}

a:hover img {
    display: block;
    height: clamp(6px, 2.2vw, 500px);
    }


h5 {
    font-weight: 300;
    font-size: clamp(6px, 1.3vw, 500px);
    #background-color: green;
    text-align: left;
    padding-top: 3vh;
    line-height: 1.05;
}

.top_page2 {
    height: 100vh;
    min-height: 600px;
    width: 100%;
    background-image: url("/static/images/tlo-o-firmie.png");
    #background-attachment: fixed;
    background-repeat:no-repeat;
    background-size: cover;
    #background-position: center;
    min-width: 300px;
    height: clamp(100px, 100vh, 100000px);
    display: flex;
    flex-direction: column;
    align-items: left;
    #background-color: red;
    overflow: hidden;
    max-width:100vw;

}

.firma {
height: 100%;
width: 60vw;
padding-left: 7vw;
padding-right: 7vw;
padding-bottom: 8vh;
padding-top: 8vh;
        font-weight: 500;
    font-size: clamp(10px, 0.95vw, 500px);
    color: black;
}

.firma .pogrubienie {
        font-weight: 700;
color: #0069B4;
display: inline-block;
}

.firma p {
color: #0069B4;
        font-weight: 700;
    font-size: clamp(25px, 2.5vw, 500px);
}

.top_page3 {
    height: 100vh;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: left;
    overflow: hidden;
    background-color: #ebebeb;
        min-height: 600px;


}



.oferta2 {
height: 15vh;
width: 100vw;
padding-left: 7vw;
padding-right: 7vw;
padding-bottom: 8vh;
padding-top: 8vh;
        font-weight: 500;
    font-size: clamp(13px, 0.95vw, 500px);
    color: black;
}

.oferta2 .pogrubienie {
        font-weight: 700;
color: #0069B4;
display: inline-block;
}

.oferta2 p {
color: #0069B4;
        font-weight: 700;
    font-size: clamp(25px, 2.5vw, 500px);
}

.zawartosc {
    height: 85vh;
    width: 100vw;
    display: flex;
    flex-direction: row;
    align-items: left;

}


.ikonki {
height: 85vh;
min-height: 500px;
width: 55vw;
padding-left: 10vw;
padding-right: 10vw;
padding-bottom: 8vh;
padding-top: 8vh;
padding-left: 10vw;
        font-weight: 500;
    font-size: clamp(13px, 0.95vw, 500px);
    color: black;
        display: flex;
    flex-direction: column;
    align-items: left;
}

.blok {
#max-height: 20vh;
min-height: 100px;
width: 42vw;
display: flex;
flex-direction: row;
text-align: center;
margin-top: 3vh;
}

.ikonkaaa {
width:14vw;
cursor: pointer;
min-height: 100px;
}

.ikonkaaa img {
height: 10vh;
min-height: 50px;
}

.tekst_ikonki {
margin-top: 15%;
width: 14vw;
    font-size: clamp(8px, 1.4vh, 500px);
}

.opisy {
height: 85vh;
width: 40vw;
padding-left: 3vw;
padding-right: 5vw;
padding-bottom: 8vh;
padding-top: 9vh;
        font-weight: 500;
    font-size: clamp(13px, 1.1vw, 500px);
    color: black;
}

.hidden {
    display: none;
}

.active {
  display: block;
}

li {
  list-style-image: url("/static/images/lista_strzalka.svg");
  padding-top: 4vh;
}

li span {
position: relative;
left: 2vw;
}

.top_page4 {
    height: 100vh;
    width: 100wh;
    display: flex;
    flex-direction: column;
    align-items: left;
    background-color: #dedede;
    overflow: hidden;
    display: none;



}

.top_page5 {
    height: 100vh;
    min-height: 400px;
    background-image: url("/static/images/tlo-zarzadca.png");
    background-repeat:no-repeat;
    background-size: cover;
    min-width: 300px;
    display: flex;
    flex-direction: row;
    background-color: red;
    #width:100vw;
    justify-content: flex-end;


}


.zarzadca2 {
height: 100%;
#width: 60vw;
padding-left: 7vw;
padding-right: 15vw;
padding-bottom: 8vh;
padding-top: 8vh;
        font-weight: 500;
    font-size: clamp(13px, 0.95vw, 500px);
    color: white;
}

.zarzadca2 .pogrubienie {
        font-weight: 700;
display: inline-block;
}

.zarzadca2 p {
        font-weight: 700;
    font-size: clamp(25px, 2.5vw, 500px);
}


.pobieraniee {
height: 100%;
#width: 60vw;
padding-left: 7vw;
padding-right: 25vw;
padding-bottom: 8vh;
padding-top: 8vh;
        font-weight: 500;
    font-size: clamp(13px, 0.95vw, 500px);
    color: white;
}


.pobieraniee p {
        font-weight: 700;
    font-size: clamp(25px, 2.5vw, 500px);
}

.pob {
  margin-top: 3vh;
  font-weight: 500;
  font-size: clamp(13px, 0.95vw, 500px);
  display: flex;           /* ustawia ikonę i tekst w jednej linii */
  align-items: center;
}

.pob span:hover {
  color: #10d0d2;
}

.pob span {
        font-weight: 500;
    font-size: clamp(13px, 1.5vw, 500px);
    margin-left: 3vw;
}

.pob img {
max-height: 3vh;
width: auto;
display: block;
}


.z_zdjecia {
height: 100vh;
width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.top_page5 img {
height: 50vh;
#width: fit-content;
}


.top_page6 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: left;
    background-color: #f1f1f1;
    justify-content: flex-end;


}

.kontakt0 {
    height: 15vh;
    width: 100%;
    padding-left: 7vw;
    padding-top: 8vh;
    color: #0069B4;
    font-weight: 700;
    font-size: clamp(25px, 2.5vw, 500px);
}

.kontakt1 {
    max-width: 100vw;
    display: flex;
    flex-direction: row;
    align-items: left;
    justify-content: flex-end;
    margin-top: 10vh;
}












.tekst1 {
    width: 40vw;
    display: flex;
    flex-direction: column;
}

.tyt {
    padding-left: 7vw;
    padding-top: 3vh;
    color: #0069B4;
    font-weight: 500;
    font-size: clamp(12px, 1.6vw, 500px);
}

.spod {
min-height: 10vh;
}

.zaw {
    padding-left: 7vw;
    padding-top: 2vh;
    font-weight: 400;
    font-size: clamp(12px, 1.2vw, 500px);
    line-height: 2.2vw;
}

.mapa1 {
    width: 60vw;
    display: flex;
    flex-direction: raw;
    #justify-content: flex-end;
    fit-content: height;
}

.mapa2 {
    width: 60vw;
    display: flex;
    flex-direction: raw;
    fit-content: height;
}

.img1 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5vw;
  width: 25vw;
}

.img2 {
  margin-left: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25vw;
}

.img3 {
  display: flex;
  align-items: center;
  justify-content: center;
    margin-left: 5vw;
}

.img1 iframe {
width: 25vw;
height: 20.8vw;
}

.img3 iframe {
width: 25vw;
height: 20.8vw;
}

.img2 img {
width: 25vw;
height: auto;
}

.tekst2 {
    height: 50vh;
    width: 40%;
}



.tekst3 {
    height: 50vh;
    width: 40%;
}





.top_page7 {
    height: 100vh;
    width: 100%;
    background-image: url("/static/images/tlo-pliki-do-pobrania.png");
    #background-attachment: fixed;
    background-repeat:no-repeat;
    background-size: cover;
    #background-position: center;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: left;
    #background-color: red;
    overflow: hidden;
    max-width:100vw;
        min-height: 400px;


}


.footer {
    position: absolute;
    bottom: 0;
    font-weight: 500;
    font-size: clamp(6px, 1.05vw, 500px);
    width: 100%;
    height: clamp(40px, 8vh, 10000px);
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    color: white;
    padding-left: 6%;
    padding-right: 6%;
}

.stronaglowna_footer {
    flex-basis: auto;
}

.ofirmie_footer {
    flex-basis: auto;
    margin-left: 5%;
}


.oferta_footer {
    flex-basis: auto;
    margin-left: 5%;
}

.wspolnoty_footer {
    flex-basis: auto;
    margin-left: 5%;
}

.zarzadca_footer {
    flex-basis: auto;
    margin-left: 5%;
}

.kontakt_footer {
    flex-basis: auto;
    margin-left: 5%;
}

.pobieranie_footer {
    flex-basis: auto;
    margin-left: 5%;
}

.logowanie_footer {
    flex-basis: auto;
    margin-left: 5%;
}

.logowanie_footer a {
color: red;
}

.logowanie_footer a:hover {
  color: #10d0d2;
}

._footer {
    flex-basis: auto;
    margin-left: 5%;
}

.contact_footer {
    flex-basis: auto;
    margin-left: 5%;
}









.menu-container {
    display: none;
  position: fixed;
  top: calc(33vh - 50px); /* Ustawienie na 1/3 wysokości okna */
  right: 0;
  z-index: 1000;
  #box-shadow: -5px 5px 4px 0px rgba(0, 0, 0, 0.2);
}

.menu {
  width: 10vw;
  background-color: white;
  color: #0069B4;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  position: relative;
  font-weight: 600;
  font-size: clamp(12px, 1.1vw, 500px);
      #border-radius: 3vw;

}

.dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #e9ecef;
  min-width: 13vw;
  font-weight: 700;
  font-size: clamp(10px, 0.8vw, 500px);
  box-shadow: -5px 5px 4px 0px rgba(0, 0, 0, 0.2);
  text-align: left;
}

.menu:hover .dropdown-content {
  display: block;
}

.dropdown-content a {
  text-decoration: none;
  display: block;
  padding: 8px 16px;
  color: #0069B4;
}

.dropdown-content a.karto {
  text-decoration: none;
  display: block;
  padding: 8px 16px;
  color: red;
}

.dropdown-content a:hover {
  color: #10d0d2;
  background-color: #dee2e6;
}



































































@media screen and (max-aspect-ratio: 99/100) {

.mobile {
display: initial;
}


.desktop {
display: none;
}

.podstrony {
display: block;
}


.mobilne_menu {
width: 100%;
height: 100vh;
background-color: #001921;
display: none;
flex-direction: column;
color: white;
align-items: center;
}

.mobilne_menu a {
text-decoration: none;
color: white;
}

input.X {
position: absolute;
width: clamp(15px, 6vw, 10000px);
#align-items: right;
#justify-content: right;
#margin-left: 70vw;
#margin-top: 7vh;
top: 7.2vh;
right: 11vw;
}

.lista_menu {
margin-top: 20vh;
display: flex;
flex-direction: column;
font-weight: 500;
line-height: 10vh;
font-size: clamp(15px, 2.5vh, 10000px);
align-items: center;
text-align: center;
}

.lista_menu a {
text-align: center;
}


.menu-container_mobile {
  display: none;
  position: fixed;
  top: 7vh;
  right: 2vw;               /* 3vw od prawego brzegu */
  z-index: 1000;
}

.menuu_mobile {
  /* usuwamy szerokość 10vw, bo teraz opiera się na zawartości */
  text-align: center;
  cursor: pointer;
  position: relative;
  font-weight: 600;
  /* font-size już nie jest potrzebne, bo to obrazek */
}

.menu-arrow {
  display: block;
  width: 5vw;               /* dopasuj wielkość strzałki */
  height: auto;
}


.top_page_mobile {
    max-height: 100vh;
    max-width: 100vw;
    background-image: url("/static/images/tlo-glowna-mobile.png");
    #background-attachment: fixed;
    background-repeat:no-repeat;
    background-size: cover;
    #background-position: center;
    display: flex;
    flex-direction: column;
    align-items: left;
    #background-color: red;
    overflow: hidden;

}

.logo_menu_mobile {
    max-width: 100vw;
    height: 20vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 7vh;
}

.logo_mobile {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo_mobile img {
    height: clamp(10px, 7vh, 100000px);
}

.content_mobile {
    max-width: 100vw;
    height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top:20vh;
    margin-left:5vw;
    margin-right:5vw;
    color: white;
        font-weight: 300;
    font-size: clamp(10px, 2vh, 500px);
    text-align: center;
}

.content_mobile p{
    max-width: 100vw;
        font-weight: 700;
    font-size: clamp(10px, 4.5vh, 500px);
        margin-left:5vw;
    margin-right: 5vw;
        text-align: center;
    line-height: 5.5vh;

}

.menu_mobile {
margin-top: 5vh;
margin-bottom: 10vh;
    margin-left: auto;
    margin-right: auto;
font-size: clamp(10px, 3vh, 500px);
color: white;
background-color: #0069B4;
text-align: center;
font-weight: 700;
padding-left: 10vw;
padding-right: 10vw;
padding-top: 5vw;
padding-bottom: 5vw;
max-width: 40vw;
}

.menu_mobile:hover {
color: #10D0D2;
}


.top_page2_mobile {
    height: auto;
    min-height: 100vh;
    max-width: 100vw;
    background-image: url("/static/images/tlo-o-firmie-mobile.png");
    #background-attachment: fixed;
    background-repeat:no-repeat;
    background-size: cover;
    #background-position: center;
    display: flex;
    flex-direction: column;
    align-items: left;
    #background-color: red;
    overflow: hidden;

}

.firma_mobile {
height: 100%;
width: 100vw;
padding-left: 12vw;
padding-right: 12vw;
padding-bottom: 8vh;
padding-top: 8vh;
        font-weight: 500;
    font-size: clamp(10px, 3.5vw, 500px);
    color: white;
}

.firma_mobile .pogrubienie_mobile {
        font-weight: 700;
color: #10D0D2;
display: inline-block;
}

.firma_mobile p {
color: #10D0D2;
        font-weight: 700;
    font-size: clamp(25px, 2.5vw, 500px);
    text-align: center;
}


.top_page3_mobile {
    height: 100vh;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: left;
    overflow: hidden;
    background-color: #ebebeb

}



.oferta2_mobile {
height: 15vh;
width: 100vw;
padding-left: 7vw;
padding-right: 7vw;
padding-bottom: 8vh;
padding-top: 8vh;
        font-weight: 500;
    font-size: clamp(13px, 0.95vw, 500px);
    color: black;
}

.oferta2_mobile .pogrubienie_mobile {
        font-weight: 700;
color: #0069B4;
display: inline-block;
}

.oferta2_mobile p {
color: #0069B4;
        font-weight: 700;
    font-size: clamp(25px, 2.5vw, 500px);
    text-align: center;
}

.zawartosc_mobile {
    height: 85vh;
    width: 100vw;
    display: flex;
    flex-direction: row;
    align-items: left;

}


.ikonki_mobile {
height: 85vh;
width: 100vw;
padding-left: 5vw;
padding-right: 5vw;
padding-bottom: 8vh;
        font-weight: 500;
    font-size: clamp(13px, 0.95vw, 500px);
    color: black;
        display: flex;
    flex-direction: column;
    align-items: left;
}

.blok_mobile {
max-height: 20vh;
width: 90vw;
display: flex;
flex-direction: row;
text-align: center;
margin-top: 3vh;
}

.ikonkaaa_mobile {
width:45vw;
cursor: pointer;
}

.ikonkaaa_mobile img {
height: 7vh;
}

.tekst_ikonki_mobile {
margin-top: 15%;
width: 45vw;
    font-size: clamp(8px, 1.5vh, 500px);
}

.opisy_mobile {
height: 100vh;
width: 100vw;
padding-left: 5vw;
padding-right: 5vw;
padding-bottom: 10vh;
padding-top: 20vh;
        font-weight: 500;
    font-size: clamp(13px, 1.1vw, 500px);
    color: white;
    background-color: #022844;
}

.hidden_mobile {
    display: none;
}

.active_mobile {
  display: block;
}

li {
  list-style-image: url("/static/images/lista_strzalka.svg");
  padding-top: 4vh;
}

li span {
position: relative;
left: 2vw;
}


.top_page5_mobile {
    min-height: 600px;
    background-color: #0069B4;
    display: flex;
    flex-direction: column;
    max-width:100vw;
    justify-content: flex-end;


}


.zarzadca2_mobile {
max-width: 100vw;
padding-left: 5vw;
padding-right: 5vw;
padding-bottom: 8vh;
padding-top: 8vh;
        font-weight: 400;
    font-size: clamp(10px, 4vw, 500px);
    color: white;
}

.zarzadca2_mobile .pogrubienie_mobile {
        font-weight: 600;
display: inline-block;
}

.zarzadca2_mobile p {
        font-weight: 600;
    font-size: clamp(10px, 7vw, 500px);
    text-align: center;
}



.top_page5_mobile img {
max-width: 100vw;
}






.top_page6_mobile {
    min-height: 600px;
    background-color: #F1F1F1;
    display: flex;
    flex-direction: column;
    max-width:100vw;
    justify-content: flex-end;


}


.kontakt2_mobile {
max-width: 100vw;
padding-left: 5vw;
padding-right: 5vw;
padding-bottom: 8vh;
padding-top: 8vh;
        font-weight: 400;
    font-size: clamp(10px, 4vw, 500px);
    color: black;
}

.kontakt2_mobile .pogrubienie_mobile {
        font-weight: 600;
display: inline-block;
}

.kontakt2_mobile p {
        font-weight: 600;
    font-size: clamp(10px, 7vw, 500px);
    text-align: center;
    color: #0069B4;
}

.kontakt2_mobile h2 {
        font-weight: 600;
    font-size: clamp(10px, 4.5vw, 500px);
    color: #0069B4;
}



.top_page6_mobile iframe {
max-width: 100vw;
min-height: 300px;
}


.top_page7_mobile {
    max-width: 100vw;
    background-image: url("/static/images/tlo-pliki-do-pobrania-mobile.png");
    #background-attachment: fixed;
    background-repeat:no-repeat;
    background-size: cover;
    #background-position: center;
    display: flex;
    flex-direction: column;
    align-items: left;
    #background-color: red;
    overflow: hidden;
        min-height: 100vh;


}

.pobieraniee_mobile {
width: 100vw;
max-width: 100vw;
padding-left: 5vw;
padding-right: 5vw;
padding-bottom: 8vh;
padding-top: 8vh;
        font-weight: 500;
    font-size: clamp(10px, 5vw, 500px);
    color: white;
    text-align: center;
}


.pobieraniee_mobile p {
        font-weight: 700;
    font-size: clamp(10px, 6vw, 500px);
}

.pob_mobile {
  margin-top: 3vh;
  font-weight: 500;
  font-size: clamp(13px, 1.5vw, 500px);
  display: flex;           /* ikona + tekst w jednej linii */
  align-items: center;
  text-decoration: none;   /* usuń podkreślenie linku */
  color: inherit;          /* pozwól odziedziczyć kolor rodzica lub ustaw swój */
}

.pob_mobile img {
  height: 6vw;
  width: auto;
  display: block;
    transition: none; /* wyłącz ewentualne animacje */
}

/* ------------------------------ */
/* TYLKO KOLOR TEKSTU NA HOVER:   */
/* ------------------------------ */
.pob_mobile:hover {
  /* nic tu nie musisz robić */
}

.pob_mobile span {
margin-left: 3vw;
  font-size: clamp(8px, 2.7vw, 500px);
}

.pob_mobile:hover span {
  color: #10d0d2;  /* nowy kolor tekstu */
}

/* ewentualnie, jeśli chcesz, żeby <a> też zmieniło kolor: */
.pob_mobile:hover {
  color: #10d0d2;
}

.pob_mobile:hover img,
.pob_mobile img:hover {
  height: 6vw !important;
  width: auto !important;
  /* jeżeli masz gdzieś transition: all, to wyłącz ją: */
  transition: none !important;
}

.pobieraniee_mobile h4 {
  font-weight: 300;
  font-size: 4vw;
}
}