
.formError{z-index:990;}
.formError .formErrorContent{z-index:991;}
.formError .formErrorArrow{z-index:996;}
.formErrorInsideDialog.formError{z-index:5000;}
.formErrorInsideDialog.formError .formErrorContent{z-index:5001;}
.formErrorInsideDialog.formError .formErrorArrow{z-index:5006;}
.inputContainer{position:relative;float:left;}
.formError{position:absolute;top:300px;left:300px;display:block;cursor:pointer;}
.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent{width:100%;background:#ee0101;position:relative;color:#fff;width:150px;font-size:11px;border:2px solid #ddd;box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;padding:4px 10px 4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.greenPopup .formErrorContent{background:#33be40;}
.blackPopup .formErrorContent{background:#393939;color:#FFF;}
.formError .formErrorArrow{width:15px;margin:-2px 0 0 13px;position:relative;}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0;}
.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin:0px 0 0 12px;top:2px;}
.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0 2px 3px #444;-moz-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;font-size:0px;height:1px;background:#ee0101;margin:0 auto;line-height:0;font-size:0;display:block;}
.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}

a {
color: #000;
}

a:hover {
color: #000;
}

.page a {
color: #004b2d;
font-weight: bold;

}

.page img {
  margin: 0 auto;
  max-width: 500px;
}

a:hover {
  text-decoration: none;
}

.kontakt img{ max-width:60px;}
.kontakt a { color:#000}
.kontakt a:hover { cursor:pointer; color:#478da9; text-decoration:none}
.navbar__phone a { color:#000}
.navbar__phone a:hover { color:#478da9; text-decoration:none}
#search-caption { display:none}

.grid{ display:flex;flex-wrap: wrap}
.bint-page-bm { flex: display-flex; margin-bottom:30px;}

.bint-page-bm img { max-width:100%}



.circle {
    width: 500px;
    height: 500px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: lightgray;
  }
  .circle img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
  }

.galerry_offer { margin-top:30px;}
.galerry_offer .foto_gallery {  overflow: hidden; max-height:200px; margin-bottom:20px;}
.galerry_offer .foto_gallery img { height:100%; min-height:200px; width:auto; object-fit: cover;}
.section__content ol,.section__content ul { line-height:1.5}
.page .section__content > * { margin-bottom: 0}
.page .section__content ul { margin-bottom:20px}

.align-center {
  align-items: center;
}

.stopka {font-size: 16px; margin-top:30px;}
.copyrights,.autor { text-align:center}

@media (min-width: 991px) {
  .copyrights {
    text-align: left;
  }
  .autor {
    text-align: right;
  }
  .section__content { text-align:justify}
}

@media (max-width: 520px) {
.circle {
  width: 320px;
  height: 320px;
}


.kontakt img{ max-width:40px;}
}

body {
  color: var(--black-color);
  font-weight: 400;
}






section img {
  border-radius: 30px;
}


.oferta img {
  border-radius: 30px;

}

.oferta h3 {
  text-align: center;
  color: var(--black-color);
}

.header {
      position: relative;
  }


.slider-content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80%;

  transform: translate(-50%, -50%);
   bottom: max(200px, 10vh);
}


.slider-content a.btn, .phone-btn  {
  background-color: var(--primary-color);
  color: white;
  font-size: 16px;
  font-weight: normal;
  padding: 20px 34px;
  max-width: 320px;
  letter-spacing: 1px;
  border-radius: 30px;
}

.ogloszenia-btn {
  
  color: var(--primary-color);
  font-weight: bold;
  background-color: #fff;
  font-family: "Lato", sans-serif !important;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;

}

.phone-btn, .ogloszenia-btn  {
  display: block;
  margin-inline: 15px;
  font-weight: bold;
  text-align: left;
  padding: 8px 24px;
  max-width: 200px;
  font-size: 10px;
  letter-spacing: 2px;
  position: relative;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
}



.ogloszenia-btn:hover, .ogloszenia-btn:focus {
  background-color: #fff;
}



.slider-content .first-line {
  color: var(--black-color);

}

.kategorie-buttons > div {

  background-color: var(--white-color);
  color: var(--primary-color);
  font-size: 16px;
  font-weight: normal;
  padding: 20px 30px;
  max-width: 320px;
  letter-spacing: 1px;
  border-radius: 30px;
  max-width: 230px;
  min-width: 180px;
  flex: 1;


}

.bledy {
  background-color: var(--secondary-darken-color);
}

.kategorie-buttons a {
color: var(--primary-color);
font-weight: bold;

}


.kategorie-buttons  {
color: var(--primary-color);
gap: 20px
}

#section3 {
  height: max(500px, 35vh);
  background-image: url("../images/tlo-jasne-bg.jpg");
  background-size: cover;      /* dopasowanie obrazka do elementu */
  background-position: center; /* wyśrodkowanie */
  background-repeat: no-repeat; /* bez powtarzania */
}

.section__title.no-before:not(.section__title-without-decoration):before {
    content: none;
   
}



.section__text-slider {
  height: 100%;
}

.section--gallery-slider .swiper-pagination {
    position: relative;
    bottom: 10%;
}

.section--two-cols .section__text-wrapper:after {
        content: none;

    }

#section5 .section__text-wrapper {
  border-radius: 30px;
}

header .slider-nav {
  bottom: 30px;
  right: 5%;
  position: absolute
}

header .slider-nav .swiper-button-prev, header .slider-nav .swiper-button-next {
  color: #fff;
  background-color: var(--primary-color);
}

header .slider-nav .swiper-button-prev:hover, header .slider-nav .swiper-button-next:hover {

  background-color: var(--primary-darken-color);
}

header .slider-nav .swiper-button-prev {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

header .slider-nav .swiper-button-next {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

header .swiper-pagination {
  background: white;
  color: black;
  width: 165px !important;
  border-radius: 30px;
}

@media (min-width:1200px) {
      .header--slider .swiper-button-next {
        padding-right: 30px;
      }

      header .slider-nav .swiper-button-next {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
}



#section5 .btn {
background-color: transparent;
color: white;
border: 1px solid white;
border-radius: 30px;  
font-size: 20px;
font-weight: normal;
}

#section5 .btn:hover {
background-color: var(--primary-darken-color);

}

.navbar {
  background-color: white;
}



#section3 {
  text-align: center;
}

.ofirmie-desc {
  display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    min-height: 40%;
   
    align-items: center;}

.section__text-slider .swiper-slide {
  height: 100%;
}

.ofirmie-desc p  {
  max-width: 1200px;
 }

 .menu-bottom-social img{
  max-width: 35px;
  margin-right: 4px;

 }

 @media (max-width: 600px) {
  .kategorie-buttons {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .kategorie-buttons > div {
    width: 250px;
  }
}

.buttonzielony {
  color: #fff;
    font-size: 22px;
    box-sizing: border-box;
    text-align: center;
    padding: 15px;
    margin: 0 20px;
    background: #004a2c;
    text-decoration: none;
    width: 100%;
}

.section--offer-slider .swiper-scrollbar-drag {
    background-color: #004a2c;
}

.section--offer-slider .swiper-scrollbar-drag:after {
     background-color: #004a2c;
}

.section--offer-slider .swiper-scrollbar {
    width: 100%;
    height: 8px;
    background-color: var(--primary-darken-color);
    position: relative;
    bottom: 0;
    left: 0;
    cursor: grab;
}


#section3 h2 {
    padding-left: 0!important;
   }

@media(max-width: 768px) {
   .slider-content {
      bottom: min(300px, 30vh);
  
     
   }

   .header__title {
    margin-bottom: 15px;


   }

   .swiper-slide.oferta {
    padding: 0 !important
   }

    .swiper-slide.oferta h3 {
    margin-top: 20px;
   }

   .menu-bottom-social {
     justify-content: center;
   }

   
}





@media (max-width:1200px) {
    .navbar__bottom {
      gap: 20px;
      align-items: center;
    }
}

@media (max-width:1200px) {
    .section__text-wrapper {
      padding: 30px;
    }
}

.page h1 {
  font-size: 1.5rem;
  padding-left: 45px;
  position: relative;
  font-family: "Libre Caslon Text", serif;
}

.page h2 {
 font-family: "Lato", sans-serif;
font-size: 26px;
}

.page h1::before
 {
  background-color: var(--primary-darken-color);;
    content: '';
    width: 35px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
}

@media(min-width:992px) {  
  
.page h1 {
  font-size: 2rem
}

.page h1 {
  padding-left: 75px;
}

.page h1::before
 {

    width: 35px;
 }


    
}
   


@media(min-width:1200px) {  
  
.page h1 {
  font-size: 2.5rem;
  padding-left: 90px;
}


.page h1::before {
  width: 60px;
}


}


.slider-content {
    text-shadow: 1px 1px 1px #000;
}

.navbar__bottom a.btn {
  width: 155px;
  font-size: 11px;
}

.section-form table {

    width: 100%;
    max-width: 800px;
    margin: 15px auto 10px auto;

}


.formName {

    color: var(--primary-color);
    font-size: 1.5rem;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
    margin: 0 0 2rem 0;

}

#zobacz-film {
    cursor: pointer;
}

.formSubmit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
}

div.zgodaform1,
div.zgodaform2 {
    width: 100%;
    margin: 10px 0;
    font-size: 12px;
}

.forms-formshow-desc .input1,
.forms-formshow-desc .textarea1,
.forms-formshow-desc .select1 {

    width: 100%;
    display: block;
    max-width: 650px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    color: var(--black-color);
    margin: 0 auto;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 12px;
     font-family: 'Lato', sans-serif;
    font-weight: 400; /* lub 300/700, jak używasz w innych miejscach */
    font-size: 1rem;  /* dopasuj do reszty strony */
    -webkit-font-smoothing: antialiased; /* Safari, Chrome */
    -moz-osx-font-smoothing: grayscale;  
}

.forms-formshow-desc .select1 {

    padding: 5px 10px;
}



.select1 {
    color: black;

}

.select1 option {
    padding: 5px 10px;
}

button.submit1 {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
    border-radius: 10rem;
    color: var(--white-color);
    font-weight: 700;
    padding: 0.625rem 4rem;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

button.submit1:hover {
    background-color: transparent;
    border: 2px solid var(--primary-color);
    border-radius: 10rem;
    color: var(--primary-color);
    font-weight: 700;
    padding: 0.625rem 4rem;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}


.forms-formshow-desc {
    width: 100%;
    float: none !important;
    padding: 10px 0px 10px 0 !important;
}

.forms-formshow-title {
    display: none;
}

.forms-formshow-desc70 {
    float: none !important;
}

.forms-formshow-top4,
.forms-formshow-top12 {
    font-size: 12px;
    width: 100%;
}
footer a {
  color: white !important;
}


input[type="checkbox"] {
    margin-top: 0;
    width: 15px;
    height: 15px;
    margin-right: 8px;
}

.cdweb_token td {
    margin: 0 10px;
    padding-inline: 10px;
    text-align: center;
}

.form_1, .form_3 {
    max-width: 700px;

    padding: 20px;
    background: #e4e4e4;
    margin: 30px 0;
  
    border-radius: 30px;
    padding-bottom: 30px;

}


.menu-bottom-social {

   display: flex;
    align-items: center;
    justify-content: center;
   

}


.form-box table{
margin: 0 auto;
}

.forms-formshow-top {
  font-size: 12px;
}

   


.page .pakiet-info {
  display: flex; 
  justify-content: space-between;
}

.form-box {
  min-height: 400px;
}


@media (max-width: 768px) {




  .slider-content .header__title {
    font-size: 1.75rem;
    line-height: 1.25;

  }

  .swiper-slide  .btn {
    font-size: 14px !important;
  }
  
  .slider-content {
  
  top: 35%;
  width: 90%;

  
}
  
  
}

#hfdhfghfg4daytry65ehgf, #hfdhfghfg4daytry65ehgf {
  margin-top: 20px;
}



.ogloszenia-btn:hover {
  color: #fff;
  background-color: var(--primary-color);
}


#section2 .section__content > * {
  margin-bottom: var(--spacing-6);
}