html, body {
  overscroll-behavior-y: none;
}
.my-panel-toggle {
  position: fixed;
  top: 29px;
  right: 58px;
  width: 50px;
  height: 37px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  z-index: 9999;
  transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  will-change: opacity, transform;
  visibility: visible;
}
.my-offcanvas-menu #menu-main-menu-en li {
    list-style: none;
}
.my-offcanvas-menu #menu-main-menu-en{padding-left: 0px;}
.my-panel-toggle span {
  display: block;
  height: 3px;
  background: #000;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.my-panel-toggle.hidings {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.my-panel-toggle.showing {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}


@media (prefers-reduced-motion: reduce) {
  [data-aos="fade-up"] {
    animation-name: fade-up !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    animation-duration: 0.8s !important;
  }
}





.my-panel-toggle.open span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 12px);
}
.my-panel-toggle.open span:nth-child(2) {
  opacity: 0;
}
.my-panel-toggle.open span:nth-child(3) {
  transform: rotate(-45deg) translate(12px, -16px);
}

.my-offcanvas-panel {
   display: flex;
    flex-direction: column;
  position: fixed;
  top: 99px; 
  right: -110%;
  width: 376px;
  height: 100%;
  background: #fff;
  overflow-y: auto;
  transition: right 0.3s ease;
  border-left: 3px solid #000;
  z-index: 9998;
}
.my-offcanvas-panel.open {
  right: 0;
}

.my-offcanvas-menu {
  padding-top: 65px;
  padding-left: 53px;
}
.menu-offcanvas li {
  margin-bottom: 2.25rem;
}
.menu-offcanvas a {
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  font-size: 1.31rem;
  font-weight: 700;;
}


.header-menu-1{opacity:0}

.est-text {
  position: relative;
  transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  margin-top: 40px;
  margin-right: 214px;
}

.est-text.hidings {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.est-text.showing {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.toggle-element {
  display: inline-block;
  transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.toggle-element.hidings {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.toggle-element.showing {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.default-logo {
  transition: transform 0.4s ease, opacity 0.4s ease;
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.default-logo.hidings {
  transform: translateY(-300%);
  opacity: 0;
  pointer-events: none;
}

.default-logo.showing {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}



.default-logo-sticky {
  position: sticky;
  top: 0;
  transition: margin-top 0.3s ease-in-out;
}

.default-logo-sticky.scrolled-down {
  margin-top: -90px;
}


#header {
  transition: min-height 0.01s ease, height 0.01s ease;
}

/* Dodaj animację też na elementach wewnątrz data-row */
#header [data-row] > div {
  transition: min-height 0.01s ease;
}

/* Klasa shrunk - zmniejszamy wysokość */
#header.shrunk {
  --header-height: 56 !important;
  --header-sticky-height: 56px !important;
  --shrink-height: 56px !important;
}

#header.shrunk[data-header*="type-1"] .ct-header [data-row*="middle"] {
  --height: 56px !important;
  --shrink-height: 56px !important;
}

/* Nadpisanie min-height */
#header.shrunk [data-row] > div {
  min-height: 56px !important;
}



.my-offcanvas-menu #menu-main-menu li{list-style: none;}
.my-offcanvas-menu #menu-main-menu{padding-left: 0px;}
    #footer .widget_nav_menu a{font-weight: 700;font-size:16px;font-family: "Barlow", Sans-Serif!important;     color: #000000;}


#menu-item-49 a,#menu-item-90 a,#menu-item-89 a{display: none;}
#menu-item-49 .sub-menu a,#menu-item-90 .sub-menu a,#menu-item-89 .sub-menu a{display: block;font-weight: 400;}
#menu-item-49 .sub-menu,#menu-item-90 .sub-menu,#menu-item-89 .sub-menu{display: flex;padding-left: 0px;gap:10px;line-height: 18px;padding: 71px 0 33px 0;}
#menu-item-49 #menu-item-49-en a,#menu-item-90 #menu-item-90-en a,#menu-item-89 #menu-item-89-en a{border-right: 3px solid #000;padding: 0px 8px 0px 0px;}
#menu-item-49 .sub-menu a,#menu-item-90 .sub-menu a,#menu-item-89 .sub-menu a{font-weight: 400;}
#menu-item-49 .sub-menu .current-lang a,#menu-item-90 .sub-menu .current-lang a,#menu-item-89 .sub-menu .current-lang a{font-weight: 700;}



.ct-header-text .entry-content{    margin-bottom: -88px;
    padding-left: 15px;
    text-align: left; }

.ct-header-text {
  transition: opacity 0.3s ease, margin-bottom 0.3s ease;
}

.ct-header-hidden {
  opacity: 0;
  margin-bottom: -80px;
  pointer-events: none;
}

.hidden {
  display: none !important;
}
.my-offcanvas-menu {
    flex-grow: 0.5;
}
#menu-item-49 .sub-menu li{margin-bottom: 0px;}
.my-offcanvas-extras-menu{padding-left: 53px;font-size:21px;font-weight: 700;line-height: 28px;display: flex;  flex-direction: column;}
.extras-menu1{border-top:3px solid #000;border-bottom:3px solid #000;padding-top:24px;padding-bottom: 53px;background-color: #F0F9EE;}

.extras-menu2{background-color: #E8F1FF;border-bottom:3px solid #000;padding-top:22px;padding-bottom: 83px;height: auto; /* lub usuń height */}
#my-offcanvas-panel a:hover{text-decoration: underline;}

#menu-menu-scroll a{font-weight: 700;color: #000;}
.ct-sticky-container{height: 96px!important;}
.stk-block-carousel__slider .stk-row > .stk-block-column:nth-child(1),
  .stk-block-carousel__slider .stk-row > .stk-block-column:nth-child(4) {
    flex: 1 1 0!important;
  }
 .stk-block-carousel__slider .stk-row > .stk-block-column:nth-child(2),
  .stk-block-carousel__slider .stk-row > .stk-block-column:nth-child(3) {
    flex: 0 0 574px!important;
    max-width: 574px;}
    #footer .ct-container-fluid .widget_block{margin-top:0px;}
    #footer .ct-container-fluid{width: 100%;}
    #footer .ct-container-fluid{--container-spacing: 0px;}
    #footer .widget_nav_menu ul{display: flex;flex-direction: column;gap: 25px;flex-wrap: wrap;padding: 58px 0 0 38px;max-height: 200px;}
    #menu-item-90 .sub-menu,#menu-item-89 .sub-menu{flex-direction: row!important;padding: 0px 0px 50px 0px!important;}
    .max-height-carusela{max-height: 424px;}
.link-underline {
  /* podstawowy styl podkreślenia */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: currentColor;

  /* dla przeglądarek wspierających CSS4 */
  text-underline-offset: 4px;
  text-decoration-thickness: 3px;

  /* prefixty WebKit */
  -webkit-text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  -webkit-text-decoration-color: currentColor;
  -webkit-text-decoration-thickness: 3px;
  -webkit-text-underline-offset: 4px;
}

.carusela-two-image-big .stk-block-carousel__slider {
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 0 10%; /* odsłania po 10% z każdej strony */
}

.carusela-two-image-big .stk-block-carousel__slider > .stk-block-column {
  scroll-snap-align: center;
  flex: 0 0 80%; /* każdy slajd zajmuje 80% szerokości kontenera */
  margin: 0;
}

.stk-block-carousel__slide--active figure img{border-left: 3px solid #000;}
.carusela-two-image-big .stk-block-carousel__buttons{ max-width: 800px;
    margin: 660px auto 0 auto;}


 .cytat-google {
  position: fixed;
  z-index: 999999;
  background-color: white;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
  pointer-events: none; /* zapobiega klikaniu, gdy ukryte */
}

.cytat-google a {
  text-decoration: none;
}

.opinie:hover .cytat-google {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

  .right-button-menu{    position: absolute;
    top: -13px;
    right: -12px;}
.sticky-submenu{position: sticky;top:55px;z-index: 10;}
.sticky-submenu-wizual{position: sticky;top:0px;z-index: 10;}
.about-history-left{min-width: 368px!important;}
.sticky-logo{width: 210px!important;margin-left: 55px;margin-top:10px;}

.stk-block-carousel__slider .stk-block-image img{border-left: 3px solid #000;}

  a {text-decoration-thickness: 3px; /* grubość kreski */
  text-underline-offset: 4px; /* opcjonalnie – oddalenie od tekstu */
}
.def-logo-pad{margin-bottom: 28px!important;}
.shrunk .est-text{margin-top: 0px!important;}
.default-logo-sticky{line-height: 12px!important;}
.shrunk #menu-menu-scroll{margin-top:19px;}
.slider-maxheight{height: 1vh;}
.slider-maxheight .stk-img-wrapper img{max-height: 1000px!important;}
.sticky-header-scroll {padding-top: 55px; 
}
.est-footer{margin-left:80%;}
#footer .widget_nav_menu a{text-transform: uppercase;}
#footer .widget_nav_menu .sub-menu{gap:12px;}
.realizacje img{border-bottom: 3px solid #000;}
.realizacje li{position: relative;margin-bottom: 0px;}
.realizacje h2{    border-width: 3px;
    position: absolute;
    bottom: -42px;
    left: 50%;
    z-index: 999999;
    transform: translate(-50%, -50%);
  background-color: #fff;
border: 3px solid #000;
padding: 13px 77px;
font-size: 16px;
font-weight: 700;}
.realizacje ul{margin-bottom:45px;}
.realizacje .wp-load-more__button{background-color: #ffff;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline;
  text-decoration: underline solid 3px; text-underline-offset: 4px; }
    .realizacje .wp-load-more__button:hover{background-color: #ffff;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline;
  text-decoration: underline solid 3px; text-underline-offset: 4px; }
    .realizacje .wp-load-more__button .wp-block-query-pagination__arrow{display: none;}

footer .wp-block-stackable-image{margin-bottom:0px;}
.single-post header .ct-sticky-container{display: none;}
.single-post footer{display: none;}
.single-post .hero-section header, .single-post .entry-content,.single-post .author-box{max-width: 768px;margin: 0 auto;}
.single-post h1{text-align: center;}
.single-post .entry-content h2{text-align: center;font-size:24px;line-height: 34px;margin:72px 0 32px 0;font-weight: 700;text-transform: uppercase;}
.single-post .entry-content h3{text-align: center;text-transform: uppercase;font-size:20px;}
.single-post .entry-content p{text-align: justify;}
.single-post .entry-content .image-title-post p{text-align: center;text-decoration: underline;}
.single-post .hero-section header{margin-top:107px;}
.single-post .hero-section header h1{margin-top:57px;font-size: 32px;font-weight: 700;line-height: 50px;text-transform: uppercase;}
.single-post .hero-section header .ct-meta-element-date{font-size: 16px;font-weight: 700;line-height: 24px;}
.single-post .entry-content img{margin: 0 auto;display: block;}
.single-post .author-box img{display: none;}
.single-post .author-box[data-type=type-2]{margin-top: 40px!important;margin-bottom: 100px;} 
.single-post .author-box-name{font-size: 16px;font-weight: 700;line-height: 24px;}
.single-post p img{padding-top:20px;padding-bottom:20px;}
.single-post p > em {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.single-post .big-img figure{  width: 1000px;
 margin:0 auto;border-top:3px solid #000;border-bottom:3px solid #000;
margin-left: -17%;} 
  

.single-post p:has(img) {
  text-align: center;
}
.single-post p:has(img) img {
  display: inline-block;
  margin: 0 auto;
}
.single-post li img{padding-top:20px;padding-bottom:20px;}

.blog-wiecej article img{border-bottom: 3px solid #000;}
.blog-wiecej article h2 a{font-size: 18px;line-height: 28px;font-weight: 700;}

[data-pagination=simple] .page-numbers:not(.dots):hover, [data-pagination=next_prev] .page-numbers:not(.dots):hover{border:none!important;border-color: #fff!important;}
[data-pagination=simple]>div .page-numbers{font-weight: 300!important;font-size: 21px;width: 15px!important;}
[data-pagination=simple]>div .page-numbers.current{color:#000!important;background-color: #fff!important;font-weight: 700!important;}
.ct-pagination{max-width: 812px;margin: 0 auto;}
select[name="select-667"] option:first-child {
  color: #999;
  visibility: hidden;
  height: 0;
  height: 0px;
  display: none;
}


/* Ukryj natywny przycisk */
input[type="file"].wpcf7-file::-webkit-file-upload-button {
  visibility: hidden;
}

input[type="file"].wpcf7-file::before {
  content: attr(data-file, 'Dodaj plan nieruchomości');
  display: inline-block;
  background-color: #fff;
  color: #000;
  padding: 72px 70px 69px 70px;
  border-radius: 0px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  border: 3px solid #000;
}
.contact-two-beegers, .contact-two-beegers input{width:100%!important;}
.contact-two-beegers{padding-left: 10px;}

/* Hover efekt */
input[type="file"].wpcf7-file:hover::before {
  background-color: #fff;
}

/* Ukryj tekst "Nie wybrano pliku" */
input[type="file"].wpcf7-file {
  color: transparent;
  width: auto;
}

/* Przezroczysty input – tylko tekst ukryty */
input[type="file"].wpcf7-file::-ms-value {
  color: transparent;
}

.contact-two {
    display: flex;
    gap: 33px;
}
.contact-twos {
    display: flex;
    gap: 61px;
}
.contact-two-smalll p{display: flex;
    gap: 33px;}
/* Nagłówki */
.contact-two-beg{max-width: 544px;}
.contact-two .beeg-margen{text-transform: uppercase;margin-bottom: 70px;font-size: 32px;line-height: 44px;font-weight: 700;}
.wpcf7-submit{width: 100%;}
.wpcf7-submit[value]{font-size: 24px;line-height: 34px;font-weight: 700;}

.contact-two h3 {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 37px;
    font-weight: 700;
}
.contact-two-beeg label{max-width: 646px;}
.wpcf7-form-control::placeholder {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  opacity: 0;
  color: #000000!important; /* opcjonalnie, domyślnie placeholder ma jasny kolor */
  padding: 0 0 14px 0;
}
input.wpcf7-form-control.wpcf7-text{color: #000000!important; /* opcjonalnie, domyślnie placeholder ma jasny kolor */
  padding: 0 0 14px 0!important;}
/* Styl podstawowy SELECT */
.wpcf7-form-control.wpcf7-select {
  text-align: left;
  text-transform: uppercase;
  border-radius: 0;
  padding: 0 0 14px 0;
  font-size: 16px;
  line-height: 1.3;
  width: 100%;
   color: #000000!important; 
  appearance: none; /* usuwa natywne strzałki (dla bardziej jednolitego stylu) */
  background-color: #fff;
  margin-bottom:33px;
  border-bottom: 3px solid #000;
}
.contact-two-smalll .cf-beeg{width: 352px;}
.contact-two-smalll .cf-small{width: 159px;}
.contact-two-smalll p:after{display:none!important;}

/* Styl dla opcji w rozwijanym menu */
.wpcf7-form-control.wpcf7-select option {
  text-align: left;
  text-transform: uppercase;
   color: #000000!important; 
  border-radius: 0;
}


/* Dla przeglądarek, które ignorują `appearance` */
select.wpcf7-select::-ms-expand {
  display: none;
}


.contact-two input{margin-bottom:31px;}

input.wpcf7-form-control.wpcf7-text {
  border: none;
  border-bottom: 3px solid black;
  padding: 8px 4px;
  font-size: 16px;
  outline: none;
  background: transparent;
  width: 100%;
  box-sizing: border-box;
}

/* Opcjonalny efekt focus */
input.wpcf7-form-control.wpcf7-text:focus {
  border-bottom-color: #000;
  /* Można dodać np. cień lub kolor aktywny */
}
.wpcf7-form-control::placeholder {
  color: #000 !important;
  opacity: 1 !important;
}

.wpcf7-form-control::-webkit-input-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}

.wpcf7-form-control::-moz-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}

.wpcf7-form-control:-ms-input-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}

.wpcf7-form-control::-ms-input-placeholder {
  color: #000 !important;
  opacity: 1 !important;
}
.contact-two-smallss .wpcf7-text{max-width: 159px;}
.cf-introtext{font-size: 14px!important;line-height: 24px;font-weight: 500!important;margin-bottom: 51px!important;text-align: justify;}
.cf-introtext.mobile{display:none!important;}
.cf-introtext.desctop{display:block!important;}
.contact-two-smalls input{margin-bottom:34px;width: 172px!important;}
.contact-two-smalls{width: 159px;margin-top: 80px;}
#projekty,#wykonczenie{
  scroll-margin-top: 300px;
}
#menu-item-53 {cursor:pointer;}
.scroll-sekc.active a{font-weight: 700;}
#my-offcanvas-panel {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 99px);
}

.my-offcanvas-menu {
  flex: 1;
  overflow-y: auto;
}

.my-offcanvas-extras {
  flex-shrink: 0;
}
header [data-device="desktop"] .ct-container-fluid{max-width: 1264px;}

#menu-menu-scroll{padding-right: 55px;}
.stk-block-column { flex: 0 0 calc(33.333% - x); }
.stk-block-columns.stk-block-columns.stk-block.stk-block-columns-v3 .stk-block-column {
  flex: 1 1 33.333% !important;
  max-width: 33.333% !important;
}

  .contact-two-beegers .qbutton{padding-top:72px;padding-bottom: 69px;color:#000;background-color: #00000000;border:3px solid #000;  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;}
.contact-two-beegers .qbutton:hover{color:#000;background-color: #00000000;border:3px solid #000;}

@media (max-width: 1400px) {
.est-text{padding-right: 40px;}}

@media (max-width: 1300px) {
.realizacje figure{max-height: 70vh;}
.realizacje img{max-height: 70vh;}
}

@media (min-width: 1200px) {
  footer .stk-row {
    display: flex !important;
  }

  /* Kolumny 2 i 3 — dokładnie 574px */
  footer .stk-block-column:nth-child(2),
  footer .stk-block-column:nth-child(3) {
    flex: 0 0 574px !important;
    max-width: 574px !important;
    min-width: 574px !important;
  }

  /* Kolumny 1 i 4 — elastyczne, wypełniają resztę przestrzeni */
  footer .stk-block-column:nth-child(1),
  footer .stk-block-column:nth-child(4) {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}




@media (min-width: 1024px) {
  .main-navigation,
  .ct-header-element--nav {
    display: none !important;
  }
}


@media (max-width: 1400px) {
 .stk-row > .stk-block-column:nth-child(3) {
    flex: 0 0 450px!important;
    max-width: 450px;}}
@media (max-width: 1250px) {
.single-post .big-img figure{  width: 100%;
 margin:0 auto;border-top:3px solid #000;border-bottom:3px solid #000;
margin-left: 0px;} 
  #footer .stk-2itnrxk figure{margin-top: -360px;margin-left: 80%;}
  #footer .widget_nav_menu ul{max-height: 100%;}
   #menu-item-90 .sub-menu,#menu-item-89 .sub-menu{padding: 77px 0px 50px 50%!important;}
  #footer .wp-block-stackable-column {border-left-width: 0px !important;border-right-width: 0px !important;}
  footer .mobile-footer{margin: 0px 24px;border-left: 3px solid #000;border-right: 3px solid #000;}

 #footer .wp-block-stackable-column.mobile-footers{margin: 0px 74px;border-left: 3px solid #000!important;border-right: 3px solid #000!important;border-left-width: 3px !important;border-right-width: 3px !important;} 

  #footer .stk-block-column {
    position: relative;
  }

  #footer .stk-block-column::before {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    width: 3px;
    height: 100%;
    background-color: black;
    z-index: 10;
    pointer-events: none;
  }

  #footer .stk-block-column::after {
    content: "";
    position: absolute;
    top: 0;
    right: 24px;
    width: 3px;
    height: 100%;
    background-color: black;
    z-index: 10;
    pointer-events: none;
  }
  .about-history-left{min-width: 100%!important;}
  .ct-button-ghost.toggle-element.showing{margin-top:30px;}
  .est-text.showing{margin-right: -110px!important;}
    .est-text.hidings{margin-right: -110px!important;}

}
@media (max-width: 1279px) {
  .menu-offcanvas li {
    margin-bottom: 1rem;
}
  .est-text{padding-right: 0px;}
  .norm-width{width: 100%!important;}
   .stk-block-carousel__buttons{display: none;}
   .stk-row > .stk-block-column:nth-child(3){ flex: 0 0 100%!important;
        max-width: 100%;}
  #footer .wp-block-stackable-column.mobile-footers{margin: 0px 24px;border-left: 3px solid #000!important;border-right: 3px solid #000!important;border-left-width: 3px !important;border-right-width: 3px !important;}
.mobile-footer .mobile-est-footer{position: absolute;top: 15px;right: 0px;}
#footer .widget_nav_menu ul{flex-wrap: nowrap;}
    #menu-item-90 .sub-menu{
        padding: 77px 0px 50px 80% !important;
    }
    footer .mobile-footer{margin: 0px 24px;border-left: 3px solid #000;border-right: 3px solid #000;}
    .stk-4668ca2 {
    padding-bottom: 85px !important;
}
.home-filozofia-mob h2 a{font-size: 20px;}
.home-filozofia-mob img{margin-bottom: 15px;margin-left:24px;margin-right:24px;}
.home-filozofia-mob p{margin-bottom: 40px!important;text-align: justify;}


}


@media (max-width: 770px) {
  .mobile-opacity{opacity: 0;}
  .contact-two-small .beeg-margen{margin-top:50px;}
.cf-introtext.desctop{display:none!important;;}
.cf-introtext.mobile{display:block!important;;}
.contact-two-smalls input{width: 100%!important;}
  input[type="file"].wpcf7-file::before {
            padding: 31px 10px;
        font-size: 12px;
        margin: 0;
        box-sizing: border-box;
        width: 100%;
        text-align: center;
  }
  .contact-two-beegers{padding-left: 0px;}
  .contact-two, .contact-twos{display: block;}
  .contact-two-smalll .cf-beeg{width: 100%;}
.contact-two-smalll .cf-small{width: 100%;}
.contact-two-smalls{width: 100%}
  footer .has-text-align-left img{width: 75%!important;}
  .single-post h1,.single-post h2, .single-post h3,.single-post h4, .single-post p{padding-left: 24px;padding-right: 24px;}
  .single-post ol,.single-post ul{padding:10px 24px 10px 48px;}
  .realizacje figure,.realizacje img{height: 40vh!important;}
footer ul li{max-width: 250px;}
footer .mobile-footer{margin: 0px 24px;border-left: 3px solid #000;border-right: 3px solid #000;}
  #footer .wp-block-stackable-column.mobile-footers{margin: 0px 24px;border-left: 3px solid #000!important;border-right: 3px solid #000!important;border-left-width: 3px !important;border-right-width: 3px !important;}

.mobile-footer .stk-row{display: block;}
  .realizacje h2{    border-width: 3px;
    position: relative;
padding: 5px 30px 0px 30px;
bottom:0px;
margin-bottom:0px;
border:none;
border-top:3px solid #000}
.wp-block-post:nth-child(n+2) figure img {
  border-top: 3px solid #000;
}
.my-offcanvas-menu {
  padding-left: 49px;
}
.sticky-submenu{top: 78px;}
.my-offcanvas-panel {

  width: 90%;
  overflow: scroll;
  
}

.ct-header .site-branding .default-logo{width: 28px;height: 28px;margin-top:-6px!important} 
#header .site-branding{margin-left:18px!important;}
.ct-header-text .entry-content { margin-bottom: -90px;padding-left: 0px; margin-left: -28px;max-width: 214px;}
.shrunk .ct-header-text .entry-content{margin-bottom:15px}
.my-panel-toggle{top: 20px; right: 25px;width: 32px;height: 25px;}
.my-panel-toggle.open span:nth-child(1) {
    transform: rotate(45deg) translate(0px, 12px);}
.my-panel-toggle.open span:nth-child(3) {
    transform: rotate(-45deg) translate(3px, -16px);}
    #header .ct-button-ghost{font-weight: 700;;}
     .stk-block-carousel__slider .stk-row > .stk-block-column:nth-child(2),
  .stk-block-carousel__slider .stk-row > .stk-block-column:nth-child(3) {
    flex: 0 0 250px!important;
    max-width: 250px;}


    html, body {
  overscroll-behavior: none;
}
  html, body {
  overscroll-behavior: none;
}

body.menu-opened {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}

.my-offcanvas-panel {
  position: fixed;
  width: 90%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
    height: 100dvh;
  
}

.my-offcanvas-panel::before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 101%;
  z-index: -1;
}
  .extras-menu2{padding-bottom: 150px;}

      }


      #menu-item-90{display: none;}