@charset "UTF-8";
@font-face {
  font-family: "Museo Sans 100";
  src: url("Fonts/1427932/91268a4a-de76-4513-9642-543c0456af92.woff2") format("woff2"), url("Fonts/1427932/c6cabdc6-ad03-4ea9-ac7b-31233ccc300f.woff") format("woff");
}
@font-face {
  font-family: "Museo Sans W03_100 Italic";
  src: url("Fonts/1427934/30a807b0-b644-4811-afdd-b24cc2dfbe42.woff2") format("woff2"), url("Fonts/1427934/953451c6-1900-4d9b-b71a-dd759c891f4e.woff") format("woff");
}
@font-face {
  font-family: "Museo Sans";
  src: url("Fonts/1427936/9803fddf-c005-431a-92d5-0f18688f945d.woff2") format("woff2"), url("Fonts/1427936/ea9b8ac3-ff16-4387-a473-32a6a617329f.woff") format("woff");
}
@font-face {
  font-family: "Museo Sans W03_300 Italic";
  src: url("Fonts/1427938/e06f2f30-3e7d-4888-af69-b34534f4539a.woff2") format("woff2"), url("Fonts/1427938/6a517117-e499-4a58-87c4-ceb3af4c4420.woff") format("woff");
}
@font-face {
  font-family: "Museo Sans 500";
  src: url("Fonts/1427940/0672fa78-143a-4a7b-9140-86205c4c65c9.woff2") format("woff2"), url("Fonts/1427940/2a0dda39-dc44-4540-9f6b-2cc54a9eefc1.woff") format("woff");
}
@font-face {
  font-family: "Museo Sans W03_500 Italic";
  src: url("Fonts/1427942/0be05537-2912-493f-a6bb-b8320def786f.woff2") format("woff2"), url("Fonts/1427942/4bc952b1-2101-4866-892e-3d864bda25f8.woff") format("woff");
}
@font-face {
  font-family: "Museo Sans 700";
  src: url("Fonts/1427944/66c06801-da3e-4587-a89c-674cfbe39c21.woff2") format("woff2"), url("Fonts/1427944/f3c7f613-9728-4ed6-a383-1c8519b215d2.woff") format("woff");
}
@font-face {
  font-family: "Museo Sans W03_700 Italic";
  src: url("Fonts/1427946/232d6a9b-2d6e-4b4e-9ac2-ff019b57fdd6.woff2") format("woff2"), url("Fonts/1427946/30eb78cd-56c9-4c82-ad4a-0d9fe7ef31dd.woff") format("woff");
}
@font-face {
  font-family: "Museo Sans 900";
  src: url("Fonts/1427948/0400d9df-9cad-415e-b60d-c4cde57b76b0.woff2") format("woff2"), url("Fonts/1427948/9d82e511-62ee-42ec-bfff-239f70283422.woff") format("woff");
}
@font-face {
  font-family: "Museo Sans W03_900 Italic";
  src: url("Fonts/1427950/9bef797b-4eab-449d-82d3-821de9f8a651.woff2") format("woff2"), url("Fonts/1427950/8b147151-6804-475e-bc6a-5e6f361d156b.woff") format("woff");
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.bg-p-8 {
  padding: 2rem;
}

body {
  font-family: Museo Sans;
}

.align-center {
  text-align: center;
}
.align-center img {
  margin: auto !important;
}

.align-justify {
  text-align: justify;
}

.embed-responsive {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 60px;
  overflow: hidden;
}

.embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.font-red, red {
  color: #1A7467;
}

.font-green, green {
  color: #00945c;
}

.inner-shadow {
  box-shadow: inset 0 0 15px #b6b5b5;
}
.inner-shadow-gold {
  box-shadow: inset 0 0 10px #e9aa12;
}
.inner-shadow-gold-light {
  box-shadow: inset 0 0 5px #e6a91c;
}
.inner-shadow-light {
  box-shadow: inset 0 0 10px #c2c0c0;
}
.inner-shadow-ultra-light {
  box-shadow: inset 0 0 3px #c2c0c0;
}

.container {
  max-width: 1535px;
  width: 86%;
}

h1 {
  color: #1c1c1c;
  font-size: 32px;
  font-weight: 600;
}
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 24px;
  }
}

p {
  color: #1c1c1c;
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  p {
    font-size: 16px;
  }
}

span {
  font-weight: 700;
}

mark {
  background: #cce197;
}

.text-black {
  color: #1c1c1c !important;
}

.font-red {
  color: #1A7467;
}

.skk_filters {
  text-align: center !important;
}
@media only screen and (max-width: 1024px) {
  .skk_filters p {
    width: auto !important;
    float: none !important;
  }
}
.skk_filters p select {
  height: 183px !important;
  box-shadow: none !important;
}
.skk_filters p input {
  background-color: #f2f2f2 !important;
  color: black !important;
  box-shadow: none !important;
}
.skk_filters .skk_filters_btn_search {
  background: #pgeGreen !important;
  border-radius: 5px !important;
  padding: 9px 30px !important;
  color: black !important;
  transition: background 0.2s !important;
  color: black !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  justify-content: center !important;
  align-items: center !important;
  color: black !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  float: none !important;
  padding: 5px !important;
}
@media only screen and (max-width: 1024px) {
  .skk_filters .skk_filters_btn_search {
    width: fit-content !important;
    margin: 42px 0px 0px 0px !important;
  }
}

.skk_pager {
  font-family: Museo Sans !important;
}
.skk_pager a:hover {
  background-color: none !important;
}
.skk_pager a {
  font-weight: 700 !important;
  color: black !important;
}
.skk_pager .skkPagerActivePage {
  background-color: #pgeGreen !important;
}
.skk_pager a.skk_pager_page:hover, .skk_pager .skk_pager_page:hover {
  background-color: #pgeGreenHover !important;
}
.skk_pager .skk_pager_next,
.skk_pager .skk_pager_prev {
  background-color: none !important;
}
.skk_pager .skk_pager_next:hover,
.skk_pager .skk_pager_prev:hover {
  background-color: none !important;
}

.skk_offers_tb {
  font-family: Museo Sans !important;
}
.skk_offers_tb thead tr th {
  padding-bottom: 15px !important;
  font-size: 20px !important;
  font-family: Museo Sans !important;
}
.skk_offers_tb .skk_row_odd {
  background-color: white !important;
  height: 30px !important;
  font-weight: 600 !important;
}
.skk_offers_tb .skk_row_even {
  height: 30px !important;
  background-color: #B2CF66 !important;
  font-weight: 600 !important;
}
.skk_offers_tb .skk_row_odd td,
.skk_offers_tb .skk_row_even td {
  width: 50% !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: black !important;
  font-family: Museo Sans !important;
}

.skk_pager a:hover {
  background: #cce197 !important;
}

.skk_regions-list {
  overflow-y: scroll;
  height: 140px;
}
.skk_regions-list div {
  opacity: 0.8;
  cursor: pointer;
}
.skk_regions-list div:hover, .skk_regions-list div.active {
  opacity: 1;
  font-weight: 600;
}

.skk_offers_tbody tr {
  font-weight: 600 !important;
  font-size: 14px !important;
  height: 30px !important;
}

.skk_offers_tbody tr:hover {
  background-color: #cce197 !important;
}

.skk_offers tr:hover td:hover, .skk_offers tr:hover td {
  background: #cce197 !important;
}

.skk_filters .skk_filters_btn_search {
  border-color: #B2CF66 !important;
}
.skk_filters .skk_filters_btn_search:hover {
  background: #B2CF66 !important;
}

.global-button,
.global-button-custom {
  background: #B2CF66;
  border-radius: 5px;
  padding: 9px 30px;
  color: black !important;
  transition: background 0.2s;
  color: black !important;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
}
.global-button span,
.global-button-custom span {
  color: black !important;
  font-size: 16px;
  font-weight: 600;
}
.global-button-negative,
.global-button-custom-negative {
  background: black;
  border-radius: 5px;
  padding: 9px 30px;
  color: #fff !important;
  transition: background 0.2s;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
}
.global-button-negative span,
.global-button-custom-negative span {
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
}
.global-button-negative-slim,
.global-button-custom-negative-slim {
  transition: background 0.2s;
  padding: 7px 15px;
}

.global-button-custom {
  width: auto;
  padding: 9px 30px;
}

.global-button-slim {
  transition: background 0.2s;
  padding: 7px 15px;
}
.global-button-slim span {
  font-size: 16px;
  font-weight: 600;
}

.global-button-negative-slim {
  transition: background 0.2s;
  padding: 7px 15px;
}
.global-button-negative-slim span {
  font-size: 16px;
  font-weight: 600;
}

.global-button:hover,
.global-button-slim:hover,
.global-button-custom:hover {
  background: #cce197;
  transition: background 0.6s;
}

.global-button-negative:hover,
.global-button-negative-slim:hover {
  background: rgba(0, 0, 0, 0.7);
  transition: background 0.6s;
}

.global-buttons-bar {
  background-repeat: no-repeat, repeat;
  background-position: right;
  background-size: auto 100%;
  min-height: 259px;
  padding: 32px;
}
.global-buttons-bar-heading {
  margin-bottom: 12px;
  width: 70%;
}
@media only screen and (max-width: 600px) {
  .global-buttons-bar-heading {
    width: 100%;
  }
}

.banner {
  margin-top: 240px;
  overflow: hidden;
}
@media only screen and (max-width: 1100px) {
  .banner {
    margin-top: 20px;
  }
}
.banner-header {
  left: 50%;
  top: 5vw;
  transform: translateX(-50%);
}
.banner-header h1 {
  color: white;
  font-size: 2.4vw;
}
.banner .breadcrumbs {
  bottom: 0;
  color: #000;
}
.banner .breadcrumbs .mainline {
  height: 48px;
}
@media only screen and (max-width: 1024px) {
  .banner .breadcrumbs .mainline {
    height: 28px;
  }
}
.banner .breadcrumbs a {
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (max-width: 1024px) {
  .banner .breadcrumbs a {
    font-size: 16px;
  }
}
.banner .breadcrumbs .w-fit {
  min-width: 80%;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 1024px) {
  .banner .breadcrumbs .w-fit {
    min-width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
  }
}
.banner .breadcrumbs .left-line {
  width: calc((100% - 1400px) / 2);
  height: 48px;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 1775px) {
  .banner .breadcrumbs .left-line {
    width: 13%;
  }
}
@media only screen and (max-width: 1024px) {
  .banner .breadcrumbs .left-line {
    height: 28px;
    width: 15%;
  }
}
.banner .banner-img-wrapper {
  height: 305px;
}
.banner .banner-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .line-ending {
  width: 93.5px;
  /* transform: translateY(-10px); */
  top: 19px;
  right: -46px;
  aspect-ratio: 1/1;
  background-color: #B2CF66;
  transform: rotate(45deg);
}
@media only screen and (max-width: 1024px) {
  .banner .line-ending {
    transform: rotate(0deg);
    top: auto;
    right: auto;
    width: 900px;
  }
}

.border-gold {
  border-bottom: 1px solid #fff;
}

.border-bottom {
  border-bottom: 1px solid #ddd;
}

.object-cover {
  object-position: 50% 25%;
}

.image-cover-400 {
  height: 400px;
}
.image-cover-400 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

button span {
  color: white;
}

.shadow-grey1 {
  box-shadow: 7px 11px 25px rgba(0, 0, 0, 0.15);
}

.bg-grey0 {
  background-color: #f3f3f3;
}

.bg-light-grey,
.bg-grey1 {
  background-color: #f6f6f6;
}

.bg-grey2 {
  background-color: #eeeeee;
}

.bg-grey2 {
  background-color: #ebebeb;
}

.bg-grey3 {
  background-color: #e5e5e5;
}

.bg-grey4 {
  background-color: #e9e9e9;
}

.bg-grey5 {
  background-color: #dcdcdc;
}

.bg-grey6 {
  background-color: #dbdbdb;
}

.bg-grey-gradient1 {
  background: linear-gradient(360deg, #e2e2e2 0%, #f0f0f0 98.18%);
}

.bg-grey-gradient2 {
  background: linear-gradient(249.96deg, #e0e0e0 -0.54%, #bababa 100%);
}

.bg-grey-gradient3 {
  background: linear-gradient(180deg, #d6d6d6 0%, #c4c4c4 100%);
}

.bg-grey-gradient4 {
  background: linear-gradient(249.96deg, #b4b4b4 -0.54%, #8e8e8e 100%);
}

.bg-medium-grey {
  background-color: #e4e4e4;
}

.bg-dark-grey {
  background-color: #d2d2d2;
}

.bg-medium-dark-grey {
  background-color: #ebebeb;
}

.bg-gold {
  background-color: #B2CF66;
}

.bg-white {
  background-color: #fff;
}

.bg-light-red {
  background-color: #1A7467;
}

.bg-gradient {
  background: linear-gradient(249.96deg, #e0e0e0 -0.54%, #bababa 100%);
}

.bg-dark {
  background-color: #3f3f3f;
}

.bg-red {
  background-color: #1A7467;
  color: white;
}

.bg-dark-gradient {
  background: linear-gradient(249.96deg, #b4b4b4 -0.54%, #8e8e8e 100%);
}

.text-green {
  color: green;
}

.text-gold {
  color: #B2CF66;
}

.blur {
  filter: blur(8px) saturate(0.6);
  transition: filter 0.2s;
  pointer-events: none;
}

.red-tabs ul {
  border-bottom: 4px solid #1A7467;
  width: 100%;
  letter-spacing: 1px;
  font-size: 16px;
}
@media only screen and (max-width: 1024px) {
  .red-tabs ul {
    font-size: 16px;
  }
}

.text-grey p,
.text-grey h1,
.text-grey h3,
.text-grey h4 {
  color: #8e8e8e;
}

.text-white p,
.text-white h3,
.text-white h4,
.text-white h1 {
  color: white;
}

.text-segment a {
  color: #1A7467;
  font-weight: 700;
  font-size: 16px;
}
@media only screen and (max-width: 1024px) {
  .text-segment a {
    font-size: 16px;
  }
}

.rich-text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.rich-text a {
  color: #1A7467;
  font-weight: 700;
  font-size: 16px;
}
@media only screen and (max-width: 1024px) {
  .rich-text a {
    font-size: 16px;
  }
}
.rich-text a span {
  color: white;
}
.rich-text .global-button a {
  color: black;
}
.rich-text ul {
  list-style: disc;
  margin-left: 17px;
}
@media only screen and (max-width: 1024px) {
  .rich-text ul li {
    font-size: 16px;
  }
}

.global-searchbar-content input {
  background-color: #f2f2f2;
  width: 100%;
  padding-left: 8px;
  color: black;
}
@media screen and (max-width: 400px) {
  .global-searchbar-content input {
    width: auto;
  }
}
.global-searchbar-content h2 {
  white-space: nowrap;
}

h3 {
  font-weight: 600 !important;
  font-size: 20px !important;
}
h3 span,
h3 a {
  font-size: 20px !important;
}
@media only screen and (max-width: 1024px) {
  h3 {
    font-size: 14px !important;
  }
  h3 span,
h3 a {
    font-size: 14px !important;
  }
}

h4 {
  font-weight: 600 !important;
  font-size: 16px !important;
}
h4 span,
h4 a {
  font-size: 16px !important;
}
@media only screen and (max-width: 1024px) {
  h4 {
    font-size: 16px !important;
  }
  h4 span,
h4 a {
    font-size: 16px !important;
  }
}

h2 {
  font-weight: 600 !important;
  font-size: 24px !important;
}
h2 span,
h2 a {
  font-size: 24px !important;
}
@media only screen and (max-width: 1024px) {
  h2 {
    font-size: 18px !important;
  }
  h2 span,
h2 a {
    font-size: 18px !important;
  }
}

.text-red-500 {
  color: #1A7467 !important;
}

.img-position {
  object-position: 50% 38%;
}

.bg-solar-energy {
  background-image: url("./images/solar-energy.png");
  background-position: 100%;
  background-repeat: no-repeat;
}

.text-shadow {
  text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.98);
}

.bg-shadow {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.download-arrow-container {
  width: 14px;
}

.main-margin-top {
  margin-top: 188px;
}
@media only screen and (max-width: 1100px) {
  .main-margin-top {
    margin-top: 60px;
  }
}

.hover-border-gold:hover {
  outline: 4px solid #B2CF66;
  outline-offset: -4px;
}

.hover-bg-gold:hover {
  color: black;
  background-color: #B2CF66;
}

@media only screen and (max-width: 900px) {
  .swiper-button {
    display: none !important;
  }
}
.swiper-button-next::after,
.swiper-button-prev::after {
  color: #B2CF66;
}

.text-white p,
.text-white h3,
.text-white h4,
.text-white h1,
.text-white {
  color: white !important;
}

.rich-text .text-white {
  color: white !important;
}

.download-btn img {
  display: inline;
  margin-right: 10px;
}

.box-button {
  height: 240px;
}

@media only screen and (max-width: 1024px) {
  .box-with-text h3 {
    font-size: 18px;
  }
  .box-with-text p {
    font-size: 14px;
  }
}
.box-with-text ul {
  list-style-type: none;
}
.box-with-text ul li {
  display: grid;
  grid-template-columns: 20px auto;
  justify-content: start;
  align-items: center;
}
.box-with-text ul li::before {
  content: ">";
  font-weight: 700;
  font-size: 23px;
  color: #1A7467;
}

.map-popup {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 100000;
}
.map-popup .close {
  color: white;
  position: fixed;
  top: 10px;
  right: 25px;
  font-size: 35px;
  cursor: pointer;
  font-weight: bold;
}
.map-popup .map-wrapper {
  margin: 10px auto;
  width: 800px;
}
.map-popup .map-wrapper img {
  border: 1px solid #c5c5c5;
}
.map-popup .map-wrapper .map-tooltip {
  position: absolute;
  background-color: #1A7467;
  color: #fff;
  font-size: 10px;
  padding: 10px;
  width: 200px;
  text-transform: uppercase;
}

@media only screen and (max-width: 900px) {
  .map-popup .close {
    color: #1A7467;
  }
  .map-popup .map-wrapper .map-tooltip {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0 !important;
    top: auto !important;
  }
}
.wladze .zarzad {
  background-color: #f6f6f6;
}
.wladze .zarzad .background {
  display: block;
  position: absolute;
  background-color: #c7c7c7;
  top: 50%;
  left: 50%;
  width: 126%;
  height: 115%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: -1;
}
.wladze .zarzad .person {
  width: 250px;
}
.wladze .zarzad .person .no-active .person-text {
  width: 250px;
}
.wladze .zarzad .person .no-active .person-text span {
  cursor: pointer;
}
.wladze .zarzad .wladze-people-0 {
  background-image: url("https://pkpe.testuj.org.pl/images//prezes.png");
  background-size: cover;
  height: 250px;
}
.wladze .zarzad .wladze-people-0:hover {
  background-image: url("https://pkpe.testuj.org.pl/images//prezes-usmiech.jpg");
}
.wladze .zarzad .wladze-people-1 {
  background-image: url("https://pkpe.testuj.org.pl/images//people1.jpg");
  background-size: cover;
  height: 250px;
}
.wladze .zarzad .wladze-people-1:hover {
  background-image: url("https://pkpe.testuj.org.pl/images//people1-usmiech.png");
}
.wladze .zarzad .wladze-people-2 {
  background-image: url("https://pkpe.testuj.org.pl/images//people2-powaga.jpg");
  background-size: cover;
  height: 250px;
}
.wladze .zarzad .wladze-people-2:hover {
  background-image: url("https://pkpe.testuj.org.pl/images//people2.png");
}
.wladze .zarzad .wladze-people-3 {
  background-image: url("https://pkpe.testuj.org.pl/images//people3-powaga.jpg");
  background-size: cover;
  height: 250px;
}
.wladze .zarzad .wladze-people-3:hover {
  background-image: url("https://pkpe.testuj.org.pl/images//people3.png");
}
.wladze .zarzad .wladze-people-4 {
  background-image: url("https://pkpe.testuj.org.pl/images//people4-powaga.jpg");
  background-size: cover;
  height: 250px;
}
.wladze .zarzad .wladze-people-4:hover {
  background-image: url("https://pkpe.testuj.org.pl/images//people4.png");
}
.wladze .zarzad .img-wrapper {
  width: 250px;
  position: relative;
}
.wladze .zarzad .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wladze .zarzad .img-wrapper .d-block {
  display: block;
}
.wladze .zarzad .infobox {
  width: 44vw;
  min-width: 126%;
  left: -12.8%;
  top: 29%;
  z-index: 49;
  background-color: #c7c7c7;
}
.wladze .zarzad .infobox-text {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
}
.wladze .zarzad .infobox .close-toggler {
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.wladze .zarzad .infobox .close-toggler img {
  width: 100%;
  height: 100%;
}
.wladze .zarzad .person:nth-child(3) .infobox,
.wladze .zarzad .person:nth-child(4) .infobox {
  right: -12.8%;
  left: auto;
}
.wladze .zarzad .d-none {
  display: none;
}
.wladze .zarzad .d-block {
  display: block;
}
.wladze .zarzad button {
  padding: 0.5rem 1rem;
  margin-top: 1.35rem;
  background-color: #B2CF66;
  color: white;
}
.wladze .zarzad p {
  font-weight: 500;
}
.wladze .zarzad p span {
  font-weight: 700;
  font-size: 20px;
}
.wladze .zarzad p .infobox-toggler {
  font-weight: 600 !important;
  font-size: 20px !important;
}
@media only screen and (max-width: 1024px) {
  .wladze .zarzad p .infobox-toggler {
    font-size: 14px !important;
  }
}
.wladze .czlonkowie-single-item {
  background-color: #f6f6f6;
  height: fit-content;
}
.wladze .czlonkowie-single-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wladze .organy ul {
  list-style-type: disc;
}
.wladze .organy-single-item {
  background-color: #f6f6f6;
}

@media only screen and (max-width: 1100px) {
  .header {
    position: fixed;
    background-color: white;
    width: 100%;
    z-index: 99;
  }
}
@media only screen and (max-width: 1100px) {
  .header .mobile-menu-header-container {
    width: 100%;
  }
}
.header .mobile-menu-header-container .toggle-menu {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .header .mobile-menu-header-container .toggle-menu {
    display: block;
  }
}
@media only screen and (max-width: 1100px) {
  .header .mobile-menu-header-container .searchbar {
    display: none;
  }
}
.header .lang-switch {
  display: block;
}
@media only screen and (max-width: 1100px) {
  .header .lang-switch {
    display: none;
  }
}
.header .down {
  background-color: #f9f9f9;
  color: #000;
}
@media only screen and (max-width: 1100px) {
  .header .down {
    display: none;
  }
}
.header .text-bold {
  font-weight: 700;
}
.header #tab-contents {
  background-color: #fff;
}
.header .link-active {
  color: #1A7467;
}

.link-active {
  color: #1A7467;
}

.searchbar input {
  background-color: #f2f2f2;
  width: 256px;
  padding-left: 8px;
  color: black;
}
@media screen and (max-width: 400px) {
  .searchbar input {
    width: auto;
  }
}
.searchbar button img {
  margin-top: -67%;
  transform: translateY(25%);
}

.text-options .contrast {
  background-color: black;
  color: white;
}
.text-options .bigger {
  font-size: larger;
}

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

.toggle-menu {
  display: none;
}
@media only screen and (max-width: 1100px) {
  .toggle-menu {
    display: block;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    align-items: center;
  }
  .toggle-menu span {
    border-bottom: 4px solid black;
    width: 30px;
    height: 1px;
    opacity: 1;
    transition: transform 0.5s, opacity 0.2s;
  }
}

.toggle-menu.active-menu span:nth-child(3) {
  opacity: 0;
  transform: rotate(45deg);
  transform-origin: left;
}
.toggle-menu.active-menu span:nth-child(1) {
  transform: rotate(45deg) translateY(15px) translateX(4px);
  transition: transform 0.5s;
}
.toggle-menu.active-menu span:nth-child(2) {
  transform: rotate(-45deg) translateY(-4px) translateX(-8px);
  transition: transform 0.5s;
}

@media only screen and (max-width: 1100px) {
  .mobile-menu-wrapper {
    width: 100%;
  }
}

.text-bold {
  font-weight: 700;
}

/* HEADER STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-header {
  position: fixed;
  top: 0;
  color: black;
  background-color: white;
  z-index: 99;
  width: 100%;
}

.blackbar {
  width: 100%;
  height: 40px;
  background-color: #000;
}

.mobile-lang-switch {
  width: 100%;
  transform: translateX(100%);
  transition: transform 0.5s;
  position: absolute;
  z-index: 9999;
}

.tab-contents {
  width: 100%;
}

.mobile-lang-switch.is-active {
  transform: none;
}

.under-menu {
  height: 64px;
}
@media only screen and (max-width: 1100px) {
  .under-menu {
    height: auto;
  }
}

.page-header .header-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 33px 20px 3.5rem;
}
@media only screen and (max-width: 1100px) {
  .page-header .header-bar {
    padding: 20px 0px 20px 0px;
  }
}

.header-bar {
  max-width: 1535px;
  width: 86%;
  margin: auto;
}

.page-header .header-bar .brand {
  font-weight: bold;
}

.page-header .header-bar .social {
  display: flex;
}

.page-header .menu-wrapper {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(100vh - 117px);
  overflow: hidden;
  transform: translateX(100%);
  transition: transform 0.5s;
}
.page-header .menu-wrapper .mobile-menu-single-link {
  width: 100%;
}

.tabs-d-none {
  display: none;
}

.page-header .menu-wrapper.is-visible {
  display: block;
}

.page-header a {
  transition: all 0.3s;
}
.page-header a:hover,
.page-header li:hover {
  color: #1A7467;
  transform: scale(1.05);
  transition: all 0.2s;
}
@media only screen and (max-width: 1100px) {
  .page-header a:hover,
.page-header li:hover {
    transform: none;
  }
}

.menu-wrapper-socials {
  display: flex;
  align-items: flex-end;
  padding: 30px 24px;
  background: white;
  position: absolute;
  bottom: 0;
  height: 30%;
  width: 100%;
}
.menu-wrapper-socials-wrapper {
  display: flex;
  gap: 26px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.page-header .list-wrapper {
  position: absolute;
  bottom: 30%;
  width: 100%;
  height: 66%;
  padding-top: 1rem;
  overflow-y: auto;
  background-color: white;
}
.page-header .list-wrapper span {
  color: black;
}
.page-header .list-wrapper .back-one-level {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 7px 2rem;
  border-bottom: 1px solid #f9f9f9;
}
.page-header .list-wrapper li {
  border-bottom: 1px solid #f9f9f9;
  padding: 0 2rem;
  cursor: pointer;
  padding: 7px 2rem;
}

.page-header .list-wrapper:nth-child(2),
.page-header .list-wrapper:nth-child(3) {
  position: absolute;
  bottom: 30%;
  height: 66%;
  width: 100%;
  left: 0;
  right: 0;
  transform: translateX(100%);
  backface-visibility: hidden;
  transition: transform 0.5s;
}

.page-header .menu-wrapper.is-visible,
.page-header .list-wrapper:nth-child(2).is-visible,
.page-header .list-wrapper:nth-child(3).is-visible {
  transform: none;
}

.page-header .list-wrapper:nth-child(1) > ul > li > .sub-menu,
.page-header .list-wrapper:nth-child(2) .level-3 {
  display: none;
}

.page-header .menu-wrapper a.nested {
  font-weight: 700;
}

.page-header .menu-wrapper a.nested-light {
  font-weight: normal;
}

.page-header .menu-wrapper a:hover,
.page-header .menu-wrapper a.is-active {
  color: var(--orange);
}

.page-header .menu-wrapper a:hover::before,
.page-header .menu-wrapper a.is-active::before {
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  color: var(--orange);
}

.tabs2 li a {
  font-weight: normal;
}

.kalkulator .m_config_body {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  opacity: 1;
  transition: 250ms ease;
  animation: show 2s 2.5s forwards linear;
  flex-basis: calc(100% - 340px);
  position: relative;
}
.kalkulator .m_config_element {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  min-height: 801px;
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.kalkulator .m_calculator_space {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0px 1px 20px 0px rgba(31, 31, 31, 0.24);
}
.kalkulator .m_calculator_box {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 25px;
}
.kalkulator .m_calculator_box p {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1;
  font-size: 1.8rem !important;
  flex-basis: 100%;
  margin-bottom: 20px;
}
.kalkulator .m_calculator_box .m_single_device {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-basis: 49%;
  margin: 10px 0;
  align-items: center;
}
.kalkulator .m_calculator_box .m_single_device .m_checkbox {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  flex-basis: calc(100% - 155px);
}
.kalkulator .m_calculator_box .m_single_device .m_checkbox input {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  left: -9999px;
}
.kalkulator .m_calculator_box .m_single_device .m_checkbox label {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  font-size: 1.8rem !important;
  display: block;
  color: #000;
  padding-left: 55px;
  cursor: pointer;
}
.kalkulator .m_calculator_box .m_single_device .m_energy_box {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  flex-basis: 150px;
}
.kalkulator .m_calculator_box .m_single_device .m_energy_box input {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  width: 80px;
  border-radius: 5px;
  border: 1px solid #b7b7b7;
  padding: 5px;
  height: 50px;
  font-size: 18px;
}
.kalkulator .m_calculator_box .m_single_device .m_energy_box span {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  font-size: 1.8rem !important;
  display: inline-block;
  margin-left: 10px;
}
.kalkulator .m_calculator_summary {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  background-color: #dcf3f4;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 25px;
}
.kalkulator .m_calculator_summary .m_summary_column {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  flex-basis: 49%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kalkulator .m_calculator_summary .m_summary_column span {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  flex-basis: 55px;
}
.kalkulator .m_calculator_summary .m_summary_column p {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1;
  font-size: 2.5rem !important;
  flex-basis: calc(100% - 60px);
}
.kalkulator .m_calculator_summary .m_summary_disclaimer {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  outline: none;
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0;
  font-weight: normal;
  flex-basis: 100%;
  font-size: 14px;
  color: #555555;
  line-height: 1.2;
  margin-top: 15px;
}

.home .homepage-margin-top {
  margin-top: 229px;
}
@media only screen and (max-width: 1100px) {
  .home .homepage-margin-top {
    margin-top: 116px;
  }
}
.home .strefa-klienta-btn {
  position: fixed;
  right: 0;
  top: 30%;
  background: #B2CF66;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px 0px 0px 10px;
  height: 190px;
  z-index: 999;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .home .strefa-klienta-btn {
    top: 61%;
  }
}
@media only screen and (max-width: 1024px) {
  .home .strefa-klienta-btn {
    height: auto;
  }
}
.home .strefa-klienta-btn .strefa-klienta-content .img-wrapper img {
  width: 100%;
  height: 100%;
}
.home .strefa-klienta-btn .strefa-klienta-content-text {
  top: 64px;
  left: -21px;
  transform: rotate(270deg);
}
@media only screen and (max-width: 1024px) {
  .home .strefa-klienta-btn .strefa-klienta-content-text {
    display: none;
  }
}
.home .swiper-button-next, .home .swiper-button-prev {
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.8);
}
.home .meet-us-single-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home .meet-us-single-item .image-title {
  bottom: 15px;
  left: 15px;
  color: #fff;
  width: 60%;
}
.home .meet-us-single-item p {
  color: white;
}
.home .klimat {
  background-image: url("./images/klimat-background.png");
  background-attachment: fixed;
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.home .klimat h1,
.home .klimat p {
  color: white;
}
.home .klimat .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
}
.home .klimat video {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  object-fit: cover;
}
.home-header {
  width: 100%;
  height: 590px;
  color: white;
  background-image: url("./images/home-header-background.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.home-header_grad {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) -1.15%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (max-width: 1024px) {
  .home-header {
    height: 390px;
  }
}
.home-header_content-wrapper {
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
}
.home-header_content-wrapper .home-header_content {
  max-width: 598px;
  background-color: rgba(253, 202, 40, 0.7);
  padding: 15px;
  border-radius: 15px;
}
.home-header_content-wrapper .home-header_content p,
.home-header_content-wrapper .home-header_content h1 {
  color: black;
  text-shadow: none;
}
@media only screen and (max-width: 500px) {
  .home-header_content-wrapper .home-header_content p {
    font-size: 13px;
  }
}
.home-header_content-wrapper h1 {
  color: white;
  margin-bottom: 0.5rem;
  font-size: 85px;
  line-height: 90px;
}
@media only screen and (max-width: 768px) {
  .home-header_content-wrapper h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
.home-header_content-wrapper p {
  color: white;
  font-size: 11px;
}
@media only screen and (min-width: 1025px) {
  .home-header_content-wrapper p.subtitle-lg-desctop {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-header_content-wrapper {
    bottom: 1.5rem;
  }
}
.home-header_button {
  background-color: #fdb827;
}
.home .inner-shadow {
  box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
}
.home-banner {
  width: 100%;
  height: 809px;
  background-image: url("./images/home-banner-background.png");
  object-fit: cover;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
  .home-banner {
    height: 75vw;
    background-size: cover;
  }
}
.home-banner_content {
  text-align: center;
  top: 0.5rem;
  left: 50%;
  transform: translate(-50%);
}
.home-banner_content h1 {
  margin-bottom: 0.5rem;
}
.home-banner_button {
  color: white;
  background-color: #fdb827;
}

.floating-icon {
  background-color: #B2CF66;
  border-radius: 10px;
  position: fixed;
  bottom: 32px;
  right: 5%;
  padding: 22px;
  cursor: pointer;
  z-index: 99999;
  height: auto;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  transition: all 0.5s;
}
.floating-icon img {
  width: 36px;
}
.floating-icon .bg-white {
  background-color: white;
}
.floating-icon .open {
  display: block;
}
.floating-icon .close {
  display: block;
}

.floating-icon:hover {
  background-color: #cce197;
  transition: all 0.5s;
}

.active {
  display: block !important;
}

.dnone {
  display: none !important;
}

.floating-icon-content {
  width: 276px;
  display: none;
  position: fixed;
  bottom: 126px;
  right: 5%;
  background-color: #B2CF66;
  border-radius: 10px;
  padding: 8px;
  cursor: pointer;
  z-index: 99999;
  transition: height 2s;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.floating-icon-content .img-container {
  border-radius: 5px;
  min-width: 48px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.floating-icon-content .img-container img {
  width: 22px;
}

.floating-icon-content.active {
  display: block !important;
}

.footer h2,
.footer a {
  line-height: 20px;
}
.footer h2 {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.footer .footer-content {
  background-color: #f6f6f6;
}
.footer .footer-content button {
  background-color: #B2CF66;
}
.footer .map-wrapper {
  margin-top: 4rem;
  width: 240px;
  height: 200px;
}
.footer .map-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer .inner-container {
  max-width: 1535px;
  width: 86%;
  margin: auto;
}
.footer .text-container {
  width: 200px;
}
.footer-socials {
  background-color: #c5c5c5;
  height: 96px;
}
@media only screen and (max-width: 768px) {
  .footer-socials {
    padding: 32px 0px;
    height: 48px;
  }
}
.footer-content {
  background: #f6f6f6;
  padding: 25px 72px;
}
@media only screen and (max-width: 768px) {
  .footer-content {
    padding: 32px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .footer-content-inner {
    gap: 36px;
  }
}
.footer-content h3 {
  font-weight: 700px;
  font-size: 20px;
  color: black;
}
@media only screen and (max-width: 768px) {
  .footer-content h3 {
    margin-bottom: 15px;
  }
}
.footer-content a {
  font-size: 16px;
  color: black;
  text-decoration: none;
  display: block;
  margin-bottom: 6px;
}
.footer-links {
  padding: 25px 72px;
  background-color: #c5c5c5;
  color: black;
}
@media only screen and (max-width: 768px) {
  .footer-links {
    padding: 22px 0px;
  }
}
.footer-links .links-container {
  gap: 27px;
}
@media only screen and (max-width: 768px) {
  .footer-links .links-container {
    gap: 18px;
  }
}
.footer-links a {
  font-size: 16px;
}

.company .about-us img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.company .about-us h4 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.company .activity-single-item {
  background-color: #B2CF66;
  width: 100%;
  height: 160px;
}
.company .activity-single-item img {
  position: absolute;
  right: 2%;
  top: 2%;
  transform: scale(0.75);
  object-fit: cover;
}
.company .activity-single-item .image-title {
  bottom: 20%;
  left: 5%;
  width: 60%;
}
.company .activity-single-item .image-title p {
  color: white;
}
.company .about-owner {
  background-color: #f6f6f6;
}
.company .about-owner-contact div {
  margin-bottom: 1rem;
}
.company .tables {
  background-color: #f6f6f6;
}
.company .tables .first {
  height: 130px;
}
.company .tables h3 {
  font-weight: 600 !important;
  font-size: 24px !important;
}
@media only screen and (max-width: 1024px) {
  .company .tables h3 {
    font-size: 18px !important;
  }
  .company .tables h3 span {
    font-size: 24px;
    font-weight: 900;
  }
}
.company .tables h3 span {
  font-size: 32px;
  font-weight: 900;
}
.company .tables p {
  font-weight: 400 !important;
  font-size: 20px !important;
}
@media only screen and (max-width: 1024px) {
  .company .tables p {
    font-size: 14px !important;
  }
}
.company .tables p span {
  font-weight: 700;
}
.company .tables-row {
  padding-bottom: 0.75rem;
}
.company .property {
  background-color: #B2CF66;
}
.company .property .bg1 {
  background-color: #f0ba18;
}
.company .property .bg2 {
  background-color: #eab61c;
}
.company .property h2 span {
  font-size: 30px;
  font-weight: 600;
}
.company .property-small-tab-up {
  min-height: 70px;
}
.company .property-small-tab-down {
  min-height: 70px;
}
.company .property-big-tab {
  min-height: 70px;
}
.company .property .tab-border {
  border-bottom: 1px solid black;
}
.company .card {
  height: 237px;
  background-color: #f6f6f6;
  transition: 0.4s;
  overflow: visible;
}
.company .card-bg {
  background-color: #B2CF66;
}
.company .card-img-wrapper {
  bottom: 0;
  right: 0;
}
.company .card p {
  font-weight: 700;
}
.company .card .card-active {
  width: 125%;
  height: auto;
  min-height: 290px;
  display: flex;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.company .card .card-active .card-img-wrapper {
  z-index: -1;
  bottom: 0;
}
.company .card .d-none {
  display: none;
}
.company .reward .reward-active {
  width: 596px;
  height: 290px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #e4e4e4;
  z-index: 999;
}
.company .reward .reward-active .card-img-wrapper {
  z-index: -1;
}
.company .reward .reward-active .reward-img-wrapper {
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 445px;
  height: 326px;
}
.company .reward .reward-active .reward-img-wrapper img {
  width: 100%;
  height: 100%;
}
.company .d-none {
  display: none;
}
.company .transform-x {
  transform: translateX(30vw);
  transition: 2s;
}
.company .logo-wrapper img {
  width: 100%;
}
.company .nagroda-img {
  height: 200px;
}
.company .nagroda-img-wrapper {
  left: 0;
  bottom: 0;
}
.company .our-history .bg-gold {
  color: white;
}
.company .our-history .history-circle {
  height: 90px;
  width: 90px;
}
.company .our-history .history-circle span {
  pointer-events: none;
}
.company .our-history .timeline {
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
.company .our-history .timeline-bottom {
  height: 140px;
  width: 0;
  left: 50%;
  top: 50%;
  z-index: -1;
}
.company .our-history .timeline-text {
  left: 75%;
  width: 250px;
  top: 120px;
  color: black;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .company .our-history .transform-x {
    transform: translateY(30vw);
    transition: 2s;
  }
  .company .our-history .timeline {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  .company .our-history .timeline-bottom {
    height: auto;
    width: 25vw;
    left: 50%;
    top: 50%;
    z-index: -1;
  }
  .company .our-history .timeline-text {
    left: 136%;
    width: 50vw;
    top: 54px;
  }
}
.company .law-status ul {
  padding-left: 3rem;
}
.company .law-status ul li {
  list-style-type: disc;
}
.company .law-status p {
  margin-bottom: 0.75rem;
}
.company .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.company .swiper-slide {
  padding-right: 1.5rem;
  display: flex;
  font-size: 18px;
  background-color: #f6f6f6;
  height: calc((100% - 30px) / 2);
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.company .swiper-slide p {
  font-weight: 700;
}
.company .swiper-button-next,
.company .swiper-button-prev {
  color: #B2CF66;
}
.company .swiper-button-next {
  right: -60px;
}
.company .swiper-button-prev {
  left: -60px;
}

.dlamediow .aktualnosci-single-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dlamediow .aktualnosci-single-item .image-title {
  bottom: 15px;
  left: 15px;
  color: #fff;
  width: 75%;
}
.dlamediow .tabs li {
  height: fit-content;
}
.dlamediow .kontakt {
  background-color: #f6f6f6;
}
.dlamediow .kontakt-persons img {
  margin-bottom: 1rem;
}
.dlamediow .kontakt .download {
  margin-left: 50%;
}
.dlamediow .tabs-section {
  /* Style the tab */
  /* Style the buttons inside the tab */
  /* Change background color of buttons on hover */
  /* Create an active/current tablink class */
  /* Style the tab content */
}
.dlamediow .tabs-section .tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
.dlamediow .tabs-section .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
.dlamediow .tabs-section .tab button:hover {
  background-color: #ddd;
}
.dlamediow .tabs-section .tab button.active {
  background-color: #B2CF66;
}
.dlamediow .tabs-section .tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}
.dlamediow .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.dlamediow .swiper-slide {
  background-image: url("./images/placeholder.png");
  background-size: auto 100%;
  background-position: center;
  font-size: 18px;
  height: calc((100% - 30px) / 2);
}
.dlamediow .swiper-slide .content .date p {
  color: #fff;
  font-size: 12px;
}
.dlamediow .swiper-slide .content .text {
  width: 200px;
}
.dlamediow .swiper-slide .content .text p {
  font-weight: 400;
  color: #fff;
}
.dlamediow .swiper-button-next,
.dlamediow .swiper-button-prev {
  color: #B2CF66;
}
.dlamediow .swiper-button-next {
  right: -60px;
}
.dlamediow .swiper-button-prev {
  left: -60px;
}

.fundacja textarea {
  height: 86%;
}
.fundacja .misja a {
  color: #feca2d;
}
@media only screen and (max-width: 1200px) {
  .fundacja .rada h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .fundacja .rada h1 {
    font-size: 24px;
  }
}
.fundacja .rada .img-wrapper {
  width: 250px;
  height: 250px;
}
.fundacja .rada .img-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.fundacja .rada .single-person {
  width: 250px;
}

.strategy-text-container h1 {
  margin-bottom: 0.75rem;
}
.strategy-text-container P {
  margin-bottom: 0.75rem;
}
.strategy .strategy-number-wrapper {
  right: 10px;
  bottom: 0px;
  opacity: 0.3;
}
.strategy .strategia-container {
  background-image: url("./images/strategy-footer-background.png");
  background-attachment: fixed;
  background-size: auto 100%;
  background-position: center;
}
.strategy .strategia-container button {
  width: 180px;
}
.strategy .d-none {
  display: none;
  transition: transform 2s;
}
.strategy .book {
  bottom: 0;
}
.strategy h3 {
  font-size: 28px;
}
.strategy .card {
  height: 220px;
  transition: 0.4s;
}
.strategy .card-big {
  pointer-events: none;
  background-color: #bdbdbd;
  width: 69vw;
  max-width: 936px;
  z-index: 999;
  top: 0;
}
@media only screen and (max-width: 1280px) {
  .strategy .card-big {
    width: 200%;
  }
}
@media only screen and (max-width: 768px) {
  .strategy .card-big {
    width: 100%;
  }
}
.strategy .card-big-content {
  gap: 6vw;
}
.strategy .card h1,
.strategy .card p,
.strategy .card h3 {
  color: white;
}
.strategy .card h3 {
  font-size: 22px;
}
.strategy .right-direct {
  right: 0 !important;
}
@media only screen and (max-width: 600px) {
  .strategy .right-direct {
    left: 0;
  }
}
.strategy .active {
  opacity: 0.3;
}
.strategy .letter-wrapper {
  right: 0;
  bottom: 0;
  width: 26%;
}
.strategy .card-big-image-wrapper {
  left: 20%;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  z-index: -1;
}
@media only screen and (max-width: 800px) {
  .strategy .card-big-image-wrapper {
    left: 0;
  }
}
@media only screen and (max-width: 800px) {
  .strategy .card-big-image-wrapper {
    width: 70px;
  }
}

.innowacje .projects-project {
  height: 268px;
  background-size: cover;
  background-repeat: no-repeat;
}
.innowacje .projects-project p {
  color: white;
}
.innowacje .zarzadzanie-inicjatywami {
  top: 0;
  right: 0;
}
.innowacje .text-content p {
  margin-bottom: 2rem;
}

.select-box {
  position: relative;
  display: block;
  width: 100%;
  font-size: 18px;
  color: #60666d;
}
.select-box__current {
  position: relative;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  outline: none;
}
.select-box__current:focus + .select-box__list {
  opacity: 1;
  -webkit-animation-name: none;
  animation-name: none;
}
.select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}
.select-box__current:focus .select-box__icon {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.select-box__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  fill: white;
  transition: 0.2s ease;
}
.select-box__value {
  display: flex;
}
.select-box__input {
  display: none;
}
.select-box__input:checked + .select-box__input-text {
  display: block;
}
.select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  font-weight: 600 !important;
  font-size: 20px !important;
  color: white;
  padding: 15px;
  background-color: #e7122e;
}
@media only screen and (max-width: 1024px) {
  .select-box__input-text {
    font-size: 14px !important;
  }
}
.select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  list-style: none;
  opacity: 0;
  -webkit-animation-name: HideList;
  animation-name: HideList;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
  animation-timing-function: step-start;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
}
.select-box__option {
  display: block;
  font-weight: 600 !important;
  font-size: 20px !important;
  padding: 15px;
  background-color: #fff;
}
@media only screen and (max-width: 1024px) {
  .select-box__option {
    font-size: 14px !important;
  }
}
.select-box__option:hover, .select-box__option:focus {
  color: white;
  background-color: #ee7171;
}
@-webkit-keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

.transformacja .chart-text {
  width: 100%;
}
.transformacja .case-study-card-text {
  bottom: 15px;
  left: 20px;
  width: 70%;
}
.transformacja .case-study-card-button {
  bottom: 15px;
  right: 20px;
  font-weight: 700;
}
.transformacja .text-gold {
  color: #B2CF66;
}

.OSD .aktualnosci-single-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.OSD .aktualnosci-single-item .image-title {
  bottom: 15px;
  left: 15px;
  color: #fff;
  width: 75%;
}
.OSD-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.OSD-card h3 {
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .OSD-card h3 {
    font-size: 16px;
  }
}
.OSD-card .global-button {
  margin-top: 8px;
}
.OSD .tabs li {
  height: fit-content;
}
.OSD .kontakt {
  background-color: #f6f6f6;
}
.OSD .kontakt-persons img {
  margin-bottom: 1rem;
}
.OSD .kontakt .download {
  margin-left: 50%;
}
.OSD .tabs-section {
  /* Style the tab */
  /* Style the buttons inside the tab */
  /* Change background color of buttons on hover */
  /* Create an active/current tablink class */
  /* Style the tab content */
}
.OSD .tabs-section .tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
.OSD .tabs-section .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
.OSD .tabs-section .tab button:hover {
  background-color: #ddd;
}
.OSD .tabs-section .tab button.active {
  background-color: #B2CF66;
}
.OSD .tabs-section .tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}
.OSD .text-container ul li {
  list-style-type: disc;
  padding-top: 0.5rem;
}

.iriesd .aktualnosci-single-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.iriesd .aktualnosci-single-item .image-title {
  bottom: 15px;
  left: 15px;
  color: #fff;
  width: 75%;
}
.iriesd-card h3 {
  font-size: 24px;
}
.iriesd .tabs li {
  height: fit-content;
}
.iriesd .kontakt {
  background-color: #f6f6f6;
}
.iriesd .kontakt-persons img {
  margin-bottom: 1rem;
}
.iriesd .kontakt .download {
  margin-left: 50%;
}
.iriesd .tabs-section {
  /* Style the tab */
  /* Style the buttons inside the tab */
  /* Change background color of buttons on hover */
  /* Create an active/current tablink class */
  /* Style the tab content */
}
.iriesd .tabs-section .tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
.iriesd .tabs-section .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
.iriesd .tabs-section .tab button:hover {
  background-color: #ddd;
}
.iriesd .tabs-section .tab button.active {
  background-color: #B2CF66;
}
.iriesd .tabs-section .tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.rozwoj .bg-image {
  background: url("./images/banner-placeholder.png");
  background-repeat: no-repeat;
  background-size: auto;
  object-fit: cover;
  height: 337px;
}
.rozwoj .bg-image2 {
  background: url("./images/banner-placeholder2.png");
  background-repeat: no-repeat;
  background-size: auto;
  object-fit: cover;
  height: 337px;
}
.rozwoj .ecovadis-logo {
  width: 270px;
}
.rozwoj .ecovadis-logo img {
  width: 100%;
  height: 100%;
}

.aktualnosc .bg-image {
  background: url("./images/banner-placeholder.png");
  background-repeat: no-repeat;
  background-size: auto;
  object-fit: cover;
  height: 337px;
}
.aktualnosc .bg-image2 {
  background: url("./images/banner-placeholder2.png");
  background-repeat: no-repeat;
  background-size: auto;
  object-fit: cover;
  height: 337px;
}
.aktualnosc .navigation {
  left: 0;
  position: -webkit-sticky;
  position: fixed;
}
@media only screen and (max-width: 768px) {
  .aktualnosc .navigation {
    position: relative;
    justify-items: center;
    align-items: center;
  }
  .aktualnosc .navigation img {
    width: 60%;
  }
}
.aktualnosc .download-btn img {
  display: inline;
  margin-right: 10px;
}

@media only screen and (max-width: 992px) {
  .news-more-list {
    max-width: 440px;
    margin: 0 auto;
  }
}
.kolej h3 {
  font-weight: bold;
  font-size: 22px;
}
.kolej ul {
  padding-left: 1rem;
}
.kolej ul li {
  list-style-type: disc;
}
.kolej .tabs li {
  list-style-type: none;
}
.kolej .xxxx img {
  object-position: 50% 75%;
}
.kolej .slowniczek ul {
  padding-left: 0rem;
}
.kolej .slowniczek ul li {
  list-style-type: none;
}
.kolej .slowniczek .tabs-contents .content ul li {
  list-style-type: none;
}
.kolej .energia-img-wrapper-1 {
  width: 174px;
}
.kolej .energia-img-wrapper-2 {
  width: 150px;
}
.kolej .szablon-wniosku-img-wrapper {
  width: 150px;
}
.kolej #map {
  height: 700px;
  width: 100%;
}
.kolej .check-us {
  background: url("./images/img-placeholder.png");
  background-repeat: no-repeat;
  background-size: auto;
  object-fit: cover;
  height: 337px;
}
.kolej #searchbar {
  border-radius: 3px;
  width: 25%;
}
.kolej .drag-and-drop .drag-drop {
  background-color: white;
  height: 320px;
  border: grey dashed 4px;
}
.kolej .drag-and-drop .form-field label {
  cursor: pointer;
}
.kolej .drag-and-drop .form-field label .drag-drop input {
  width: 0;
  height: 0;
  outline: none;
  opacity: 0;
}
.kolej .drag-and-drop .file-list {
  font-size: 0.8em;
}
.kolej .drag-and-drop .file-list .file {
  width: 100%;
  margin: 1em auto 1em auto;
  display: grid;
  grid-template-columns: 100%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.kolej .drag-and-drop .file-list .file .file-details {
  display: grid;
  grid-template-columns: 50% 50%;
}
.kolej .oferta-dashboard-single-item {
  height: 200px;
}
.kolej .oferta-dashboard-single-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kolej .oferta-dashboard-single-item .image-title {
  bottom: 15px;
  left: 15px;
  color: #fff;
  width: 60%;
}
.kolej .meet-us-single-item {
  height: 200px;
  width: 400px;
}
.kolej .meet-us-single-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kolej .meet-us-single-item .image-title {
  bottom: 15px;
  left: 15px;
  color: #fff;
  width: 60%;
}
.kolej .meet-us-single-item p {
  color: white;
}
.kolej button span {
  color: white;
}
.kolej .link-gold {
  color: #B2CF66;
}
.kolej .animals {
  display: list-item;
}
.kolej .bg-gradient {
  background: linear-gradient(97.42deg, #cccccc 8.85%, #e9e9e9 99.61%);
}

.oferta-main .bg-shadow-gradient {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8379726891) 0%, rgba(0, 0, 0, 0.4934348739) 25%, rgba(33, 33, 33, 0.1544992997) 52%, rgba(255, 255, 255, 0) 100%);
}
.oferta-main-single {
  height: 200px;
  color: white;
  overflow: hidden;
}
.oferta-main-single img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bg-faktura {
  background-image: url("./images/faktura.png");
  background-position: 100%;
  background-repeat: no-repeat;
}

.list-container {
  height: 694px;
  overflow-y: scroll;
  background-color: white;
}
.list-container ul li {
  list-style-type: none;
}

.kariera-tags {
  top: 10%;
  right: 3%;
}

.zakup-umowa-hover {
  display: none;
}
.zakup .zakup-umowa:hover .zakup-umowa-hover {
  display: block;
}
.zakup-zaliczka-hover {
  display: none;
}
.zakup .zakup-zaliczka:hover .zakup-zaliczka-hover {
  display: block;
}

.map-location-list {
  height: 634px;
  overflow-y: scroll;
}
.map #map {
  height: 700px;
  width: 100%;
}

.form textarea {
  height: 244px;
}
.form .textarea-with-dnd textarea {
  height: 200px;
}
.form .textarea-with-dnd .drag-and-drop .drag-drop {
  height: 100px;
}

.drag-and-drop .drag-drop {
  background-color: white;
  height: 120px;
  border: 1px solid #e1e1e1;
}
.drag-and-drop .form-field label {
  cursor: pointer;
}
.drag-and-drop .form-field label .drag-drop input {
  width: 0;
  height: 0;
  outline: none;
  opacity: 0;
}
.drag-and-drop .file-list {
  font-size: 0.8em;
}
.drag-and-drop .file-list .file {
  width: 100%;
  margin: 1em auto 1em auto;
  display: grid;
  grid-template-columns: 100%;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.drag-and-drop .file-list .file .file-details {
  display: grid;
  grid-template-columns: 50% 50%;
}

/* Tab content - closed */
.tab-content {
  height: 0;
  overflow: hidden;
  -webkit-transition: min-height 0.8s;
  -moz-transition: min-height 0.8s;
  transition: min-height 0.8s;
}

.tabs li {
  font-weight: 700;
}

/* :checked - resize to full height */
.tab input:checked ~ .tab-content {
  height: fit-content;
}

/* Label formatting when open */
.tab input:checked + label {
  padding: 1.25rem; /*.p-5*/
}

/* Icon */
.tab label::after {
  float: right;
  right: 0;
  top: 0;
  display: block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  font-size: 1.25rem;
  text-align: center;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}

/* Icon formatting - closed */
.tab input[type=checkbox] + label::after {
  content: "+";
  font-weight: bold; /*.font-bold*/
}

.tab input[type=radio] + label::after {
  content: "";
  background-image: url("./images/");
  font-weight: bold; /*.font-bold*/
}

/* Icon formatting - open */
.tab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
  color: #f8fafc; /*.text-grey-lightest*/
}

.tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
  color: #f8fafc; /*.text-grey-lightest*/
}

.tab-clean {
  /* Tab content - closed */
  /* :checked - resize to full height */
  /* Label formatting when open */
}
.tab-clean .tab-content {
  max-height: 0;
  -webkit-transition: max-height 0.35s;
  -o-transition: max-height 0.35s;
  transition: max-height 0.35s;
}
.tab-clean .tabs li {
  font-weight: 700;
}
.tab-clean .tab-clean input:checked ~ .tab-content {
  max-height: 100vh;
}
.collapsible {
  background-color: #B2CF66;
  color: black;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.collapsible-active,
.collapsible:hover {
  background-color: #cce197;
}

.collapsible:after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='black'><path d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /></svg>");
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  height: 24px;
  transition: transform 0.2s;
}

.collapsible-active:after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='black'><path d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /></svg>");
  transform: rotate(180deg);
  transform-origin: center;
  height: 24px;
  transition: transform 0.2s;
}

.collapsible-content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f3f4f6;
}

@media only screen and (max-width: 600px) {
  .errorpage {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.awarie #awarie-table-input {
  background-image: url("/css/searchicon.png");
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}
.awarie-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 18px;
}
.awarie-table th,
.awarie-table td {
  text-align: center;
  padding: 22px;
}
.awarie-table tr td:nth-child(4) {
  text-align: left;
}
.awarie-table tr td:nth-child(4) {
  text-align: left;
}
.awarie-table tr .status {
  padding: 5px 15px;
  border-radius: 50%;
  margin-right: 20px;
}
.awarie-table tr .status.planowane {
  background-color: #c0edf3;
}
.awarie-table tr .status.awaria {
  background-color: #e7122e;
}
.awarie-table tr:hover {
  background-color: #f1f1f1;
}
.awarie-table > thead > tr > th, .awarie-table > thead > tr > td, .awarie-table > tbody > tr > th, .awarie-table > tbody > tr > td, .awarie-table > tfoot > tr > th, .awarie-table > tfoot > tr > td {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.awarie-table > thead > tr > :last-child, .awarie-table > tbody > tr > :last-child, .awarie-table > tfoot > tr > :last-child {
  border-right: 0;
}
.awarie-table > :last-child > tr:last-child > td, .awarie-table > :last-child > tr:last-child > th {
  border-bottom: 0;
}

.cookies-popup {
  display: none;
  background-color: #ffffff;
  max-width: calc(100% - 10px);
  position: fixed;
  left: 32px;
  bottom: 32px;
  width: 404px;
  border: 1px solid #d7d7d7;
  z-index: 10151;
  width: 667px;
}
.cookies-popup button {
  width: 202px;
}
@media screen and (max-width: 1024px) {
  .cookies-popup {
    width: 360px;
  }
  .cookies-popup button,
.cookies-popup a {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .cookies-popup {
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
  }
}
.cookies-popup__header {
  background-color: #c4c4c4;
  height: 48px;
}
@media screen and (max-width: 1024px) {
  .cookies-popup__header {
    padding: 0 10px;
  }
}
.cookies-popup__body {
  background-color: white;
  padding: 32px;
}
@media screen and (max-width: 1024px) {
  .cookies-popup__body {
    padding: 26px 10px;
  }
}

.historia .active {
  display: flex !important;
}
.historia .date-component {
  background: #B2CF66;
  box-shadow: 0 0 0 0 rgb(192, 213, 139);
  animation: pulse-orange 1.5s infinite;
  position: relative;
}
.historia .date-component::before {
  content: url("data:image/svg+xml,%3Csvg width='47' height='35' viewBox='0 0 47 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.66695 15.9551C1.86171 16.8096 1.86171 18.1973 2.66695 19.0518L15.0354 32.1768C15.8406 33.0313 17.1483 33.0313 17.9535 32.1768C18.7588 31.3223 18.7588 29.9346 17.9535 29.0801L7.04099 17.5L17.9471 5.91992C18.7523 5.06543 18.7523 3.67773 17.9471 2.82324C17.1419 1.96875 15.8342 1.96875 15.0289 2.82324L2.6605 15.9482L2.66695 15.9551Z' fill='%23B2CF66'/%3E%3Cpath d='M13.7985 15.9551C12.9933 16.8096 12.9933 18.1973 13.7985 19.0518L26.1669 32.1768C26.9722 33.0313 28.2799 33.0313 29.0851 32.1768C29.8904 31.3223 29.8904 29.9346 29.0851 29.0801L18.1726 17.5L29.0787 5.91992C29.8839 5.06543 29.8839 3.67773 29.0787 2.82324C28.2734 1.96875 26.9657 1.96875 26.1605 2.82324L13.7921 15.9482L13.7985 15.9551Z' fill='%23B2CF66'/%3E%3Cpath d='M24.9301 15.9551C24.1249 16.8096 24.1249 18.1973 24.9301 19.0518L37.2985 32.1768C38.1038 33.0313 39.4115 33.0313 40.2167 32.1768C41.0219 31.3223 41.0219 29.9346 40.2167 29.0801L29.3041 17.5L40.2103 5.91992C41.0155 5.06543 41.0155 3.67773 40.2103 2.82324C39.405 1.96875 38.0973 1.96875 37.2921 2.82324L24.9237 15.9482L24.9301 15.9551Z' fill='%23B2CF66'/%3E%3C/svg%3E%0A");
  right: -89%;
  position: absolute;
  height: 35px;
  top: 26%;
  width: 47px;
  animation: pulse-text 1.5s infinite;
}
@media only screen and (max-width: 1024px) {
  .historia .date-component::before {
    content: "";
  }
}
.historia .date-component::after {
  content: url("data:image/svg+xml,%3Csvg width='47' height='35' viewBox='0 0 47 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.66695 15.9551C1.86171 16.8096 1.86171 18.1973 2.66695 19.0518L15.0354 32.1768C15.8406 33.0313 17.1483 33.0313 17.9535 32.1768C18.7588 31.3223 18.7588 29.9346 17.9535 29.0801L7.04099 17.5L17.9471 5.91992C18.7523 5.06543 18.7523 3.67773 17.9471 2.82324C17.1419 1.96875 15.8342 1.96875 15.0289 2.82324L2.6605 15.9482L2.66695 15.9551Z' fill='%23B2CF66'/%3E%3Cpath d='M13.7985 15.9551C12.9933 16.8096 12.9933 18.1973 13.7985 19.0518L26.1669 32.1768C26.9722 33.0313 28.2799 33.0313 29.0851 32.1768C29.8904 31.3223 29.8904 29.9346 29.0851 29.0801L18.1726 17.5L29.0787 5.91992C29.8839 5.06543 29.8839 3.67773 29.0787 2.82324C28.2734 1.96875 26.9657 1.96875 26.1605 2.82324L13.7921 15.9482L13.7985 15.9551Z' fill='%23B2CF66'/%3E%3Cpath d='M24.9301 15.9551C24.1249 16.8096 24.1249 18.1973 24.9301 19.0518L37.2985 32.1768C38.1038 33.0313 39.4115 33.0313 40.2167 32.1768C41.0219 31.3223 41.0219 29.9346 40.2167 29.0801L29.3041 17.5L40.2103 5.91992C41.0155 5.06543 41.0155 3.67773 40.2103 2.82324C39.405 1.96875 38.0973 1.96875 37.2921 2.82324L24.9237 15.9482L24.9301 15.9551Z' fill='%23B2CF66'/%3E%3C/svg%3E%0A");
  left: -89%;
  position: absolute;
  height: 35px;
  top: 26%;
  rotate: 180deg;
  width: 47px;
  animation: pulse-text 1.5s infinite;
}
@media only screen and (max-width: 1024px) {
  .historia .date-component::after {
    content: "";
  }
}
.historia .date-component.active::after {
  content: "";
}
.historia .date-component.active::before {
  content: "";
}
.historia .date-component.active {
  background: #B2CF66;
  box-shadow: none;
  animation: none;
}
.historia .date-component.active::before {
  display: none;
}
@keyframes pulse-text {
  0% {
    transform: scale(0.95);
    text-shadow: 0 0 0 0 rgba(192, 213, 139, 0.7);
  }
  70% {
    transform: scale(1);
    text-shadow: 0 0 0 20px rgba(192, 213, 139, 0);
  }
  100% {
    transform: scale(0.95);
    text-shadow: 0 0 0 0 rgba(192, 213, 139, 0);
  }
}
@keyframes pulse-orange {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(192, 213, 139, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 20px rgba(192, 213, 139, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(192, 213, 139, 0);
  }
}
.historia .historia-container {
  height: 934px;
  max-height: 934px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .historia .historia-container {
    height: 589px;
    max-height: 589px;
  }
}
@media only screen and (max-width: 600px) {
  .historia .historia-container {
    height: 486px;
    max-height: 486px;
  }
}
.historia .central-line {
  border-left: 2px solid #B2CF66;
  position: absolute;
  height: 93%;
  left: 50%;
  top: 7%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1024px) {
  .historia .central-line {
    top: 8%;
    height: 91%;
  }
}
@media only screen and (max-width: 600px) {
  .historia .central-line {
    top: 6%;
  }
}
.historia .components-container {
  padding-top: 98px;
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translateX(-50%) translateY(75px);
  display: flex;
  flex-direction: column;
  gap: 96px;
  transition: transform 2s;
}
@media only screen and (max-width: 1024px) {
  .historia .components-container {
    padding-top: 48px;
  }
}
@media only screen and (max-width: 600px) {
  .historia .components-container {
    padding-top: 27px;
  }
}
@media only screen and (max-width: 1024px) {
  .historia .components-container {
    left: 13%;
  }
}
@media only screen and (max-width: 1024px) {
  .historia .components-container {
    gap: 41px;
  }
}
.historia .components-container .date-component {
  cursor: pointer;
  pointer-events: all;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #B2CF66;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  z-index: 1;
  margin: auto;
  transition: width 0.3s, height 0.3s, background 0.5s;
}
@media only screen and (max-width: 1024px) {
  .historia .components-container .date-component {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .historia .components-container .date-component {
    width: 35px;
    height: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .historia .components-container .date-component .date-component-header {
    font-size: 12px;
  }
}
.historia .components-container .date-component .reference-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.historia .components-container .date-component .reference-wrapper .reference {
  position: relative;
  height: 100%;
}
.historia .components-container .date-component .reference-wrapper .teaser-right .horizontal-line {
  position: absolute;
  width: 0px;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
}
.historia .components-container .date-component .reference-wrapper .teaser-right .teaser {
  overflow: visible;
  position: absolute;
  border-left: 2px solid #B2CF66;
  top: 50%;
  left: 94px;
  display: none;
  width: 39vw;
  max-width: 550px;
  padding: 8px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1024px) {
  .historia .components-container .date-component .reference-wrapper .teaser-right .teaser {
    left: 54px;
  }
}
@media only screen and (max-width: 600px) {
  .historia .components-container .date-component .reference-wrapper .teaser-right .teaser {
    left: 42px;
  }
}
.historia .components-container .date-component .reference-wrapper .teaser-left .horizontal-line {
  position: absolute;
  width: 0px;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
}
.historia .components-container .date-component .reference-wrapper .teaser-left .teaser {
  text-align: right;
  position: absolute;
  border-right: 2px solid #B2CF66;
  top: 50%;
  right: 94px;
  display: none;
  width: 39vw;
  max-width: 550px;
  padding: 8px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1024px) {
  .historia .components-container .date-component .reference-wrapper .teaser-left .teaser {
    right: 54px;
  }
}
@media only screen and (max-width: 600px) {
  .historia .components-container .date-component .reference-wrapper .teaser-left .teaser {
    right: 42px;
  }
}
@media only screen and (max-width: 600px) {
  .historia .components-container .date-component .reference-wrapper .teaser-left .teaser {
    width: calc((100vw - 89px) / 2 - 7%);
  }
}
@media only screen and (max-width: 1024px) {
  .historia .components-container .date-component .reference-wrapper .teaser-left .horizontal-line {
    position: absolute;
    width: 0px;
    left: 32px;
    top: 50%;
    transform: translateY(-50%);
  }
  .historia .components-container .date-component .reference-wrapper .teaser-left .teaser {
    overflow: visible;
    position: absolute;
    border-left: 2px solid #B2CF66;
    top: 50%;
    left: 94px;
    display: none;
    width: 39vw;
    max-width: 550px;
    padding: 8px;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .historia .components-container .date-component .reference-wrapper .teaser-left .teaser {
    left: 54px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 600px) {
  .historia .components-container .date-component .reference-wrapper .teaser-left .teaser {
    left: 42px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .historia .components-container .date-component .reference-wrapper .teaser-left .teaser {
    width: calc(100vw - 75px);
  }
  .historia .components-container .date-component .reference-wrapper .teaser-left .teaser p {
    font-size: 10px;
  }
}
.historia .components-container .date-component:hover {
  background: #cce197;
  transition: background 0.5s;
}
.historia .components-container .date-component.active {
  cursor: auto;
  pointer-events: none;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #B2CF66;
  margin: auto;
  transition: width 0.3s, height 0.3s;
}
@media only screen and (max-width: 1024px) {
  .historia .components-container .date-component.active {
    width: 90px;
    height: 90px;
  }
}
@media only screen and (max-width: 600px) {
  .historia .components-container .date-component.active {
    width: 68px;
    height: 68px;
  }
}
.historia .components-container .date-component.active .date-component-header {
  font-size: 24px;
}
@media only screen and (max-width: 600px) {
  .historia .components-container .date-component.active .date-component-header {
    font-size: 16px;
  }
}
.historia .components-container .date-component.active .teaser-left .horizontal-line,
.historia .components-container .date-component.active .teaser-right .horizontal-line {
  border: 1px solid #B2CF66;
  width: 64px;
}
@media only screen and (max-width: 1024px) {
  .historia .components-container .date-component.active .teaser-left .horizontal-line,
.historia .components-container .date-component.active .teaser-right .horizontal-line {
    width: 22px;
  }
}
@media only screen and (max-width: 600px) {
  .historia .components-container .date-component.active .teaser-left .horizontal-line,
.historia .components-container .date-component.active .teaser-right .horizontal-line {
    width: 10px;
  }
}
.historia .components-container .date-component.active .teaser-left .teaser,
.historia .components-container .date-component.active .teaser-right .teaser {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .historia .components-container .date-component.active .teaser-left .teaser,
.historia .components-container .date-component.active .teaser-right .teaser {
    width: 80vw;
    text-align: left;
  }
  .historia .components-container .date-component.active .teaser-left .teaser p,
.historia .components-container .date-component.active .teaser-right .teaser p {
    font-size: 10px;
  }
}

.dokumenty {
  background-color: #eeeeee;
}
.dokumenty .single-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: black;
}
.dokumenty .single-row img {
  display: inline;
  margin-right: 3px;
}
.dokumenty .single-row .download-btn {
  cursor: pointer;
}

.formularz {
  background-color: #f3f3f3;
}
.formularz input,
.formularz textarea {
  background: #ffffff;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  padding: 10px;
}
.formularz select {
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  padding: 10px;
  position: relative;
  padding: 10px;
  /* Replace Default styling (arrow) */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='black'><path d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /></svg>");
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 98%;
}
.formularz select:focus,
.formularz select:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='black'><path d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /></svg>");
}
.formularz textarea {
  height: 75px;
}
.formularz label {
  font-weight: 400;
  font-size: 16px;
}
.formularz .row-input-wrapper {
  margin-top: 24px;
  gap: 21px;
}
.formularz .drag-drop {
  height: 120px !important;
}
.formularz .drag-drop p {
  font-weight: 300;
  font-size: 16px;
}

.radio-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

input[type=radio] {
  position: relative;
  width: 2em;
  background-color: white;
  height: 2em;
  color: black;
  border: 1px solid #e1e1e1;
  border-radius: 50%;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
input[type=radio]::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: black;
  border-style: solid;
  border-color: black;
  border-width: 0 2px 2px 0;
  opacity: 0;
}
input[type=radio]:checked {
  color: white;
  border-color: #e1e1e1;
  background: #B2CF66;
}
input[type=radio]:checked::before {
  opacity: 1;
}
input[type=radio]:checked ~ label::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.checkbox-container input[type=checkbox] {
  position: relative;
  width: 2em;
  background-color: white;
  height: 2em;
  color: black;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
.checkbox-container input[type=checkbox]::before {
  position: absolute;
  content: "";
  display: block;
  top: 6px;
  left: 11px;
  width: 8px;
  height: 14px;
  border-style: solid;
  border-color: black;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.checkbox-container input[type=checkbox]:checked {
  color: white;
  border-color: #e1e1e1;
  background: #B2CF66;
}
.checkbox-container input[type=checkbox]:checked::before {
  opacity: 1;
}
.checkbox-container input[type=checkbox]:checked ~ label::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

input[type=text] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.how-to .single-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: black;
}
.how-to .single-row img {
  display: inline;
  margin-right: 3px;
}
.how-to .single-row .download-btn {
  cursor: pointer;
}
.how-to .path {
  background: linear-gradient(249.96deg, #e0e0e0 -0.54%, #bababa 100%);
}

.kodeks-box {
  height: 352px;
  max-width: 352px;
  padding: 70px 80px;
  text-align: center;
  cursor: pointer;
}
.kodeks-box-wide {
  min-width: auto;
  max-width: auto;
  width: 100%;
  margin-top: 2rem;
  text-align: center;
  padding: 26px 0px;
}

.dostawca-box .dostawca-list {
  overflow: hidden;
  height: 0;
  transition: all 2s;
}
.dostawca-box .dostawca-list ul {
  display: none;
  list-style-type: disc;
}
.dostawca-box.list-active .dostawca-list {
  height: 100%;
  transition: all 2s;
}
.dostawca-box.list-active .dostawca-list ul {
  display: block;
}

.rich-text table {
  table-layout: fixed;
}
.rich-text table td,
.rich-text table th {
  padding: 12px 15px;
}
.rich-text table td,
.rich-text table tr {
  border: 1px solid #e3e3e3;
}
.rich-text table tr:nth-child(2n+1) {
  background-color: #e3e3e3;
}
.rich-text table tr:first-child {
  background: #B2CF66;
  font-weight: 700;
}

table {
  table-layout: fixed;
}
table td,
table th {
  word-wrap: break-word;
}

.article-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
}

.article-grid + .article-grid {
  margin-top: 1rem;
}

.article-grid figure, .article-grid img {
  margin: 0;
}

.article-grid .col-1 {
  grid-column: span 1;
}

.article-grid .col-2 {
  grid-column: span 2;
}

.article-grid .col-3 {
  grid-column: span 3;
}

.article-grid .col-4 {
  grid-column: span 4;
}

.article-grid .col-5 {
  grid-column: span 5;
}

.article-grid .col-6 {
  grid-column: span 6;
}

.article-grid .col-7 {
  grid-column: span 7;
}

.article-grid .col-8 {
  grid-column: span 8;
}

.article-grid .col-9 {
  grid-column: span 9;
}

.article-grid .col-10 {
  grid-column: span 10;
}

.article-grid .col-11 {
  grid-column: span 11;
}

.article-grid .col-12 {
  grid-column: span 12;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-justify {
  text-align: justify;
}

.align-center img {
  display: inline;
}

.valign-middle {
  align-items: center;
}

.valign-bottom {
  align-items: flex-end;
}

.icon-phone, .icon-email {
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 20px;
}

/*.icon-phone.align-center, .icon-email.align-center{
    justify-content: center;
}*/
.icon-phone:before {
  content: "";
  width: 40px;
  height: 24px;
  display: block;
  background: url(../../theme/pkpe/images/phone.png) no-repeat;
  background-size: auto 100%;
  margin-left: -40px;
}

.icon-email:before {
  content: "";
  width: 40px;
  height: 24px;
  display: block;
  background: url(../../theme/pkpe/images/email.png) no-repeat;
  background-size: auto 100%;
  margin-left: -40px;
}

.rich-text .mb-4 {
  margin-bottom: 16px !important;
}

.rich-text .global-button a {
  color: black !important;
}

.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.rich-text .mb-8 {
  margin-bottom: 32px !important;
}

.font-red {
  color: #e7122e !important;
}

.font-small {
  font-size: 12px !important;
}

.font-bold {
  font-weight: bold !important;
}

.bg-opacity {
  opacity: 0.6;
}

.newslist-photo {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%;
}

.newslist-photo img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}

.w-100 {
  width: 100%;
}

.w-100 img {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .article-grid .col-mobile-12 {
    grid-column: span 11 !important;
  }
}
@media only screen and (max-width: 600px) {
  .article-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .article-grid .col-1, .article-grid .col-2, .article-grid .col-3, .article-grid .col-4, .article-grid .col-5, .article-grid .col-6, .article-grid .col-7, .article-grid .col-8, .article-grid .col-9, .article-grid .col-10, .article-grid .col-11, .article-grid .col-12 {
    grid-column: span 1;
    margin-bottom: 1rem;
  }
  .icon-phone, .icon-email {
    width: 200px;
  }
  .icon-phone:before, .icon-email:before {
    width: 30px;
    height: 18px;
  }
}
.zielona_kolej {
  background-image: url("./images/zielona-kolej/background.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.zielona_kolej .headline {
  background-color: white;
  padding: 30px 50px;
}
.zielona_kolej .headline h2 {
  color: #faba14;
  font-size: 47px !important;
}
@media screen and (max-width: 1484px) {
  .zielona_kolej .headline h2 {
    font-size: 36px !important;
  }
}
@media screen and (max-width: 1024px) {
  .zielona_kolej .headline h2 {
    font-size: 24px !important;
  }
}
.zielona_kolej .wrapper-content {
  background: white;
  background-size: 100px 50px;
  background-repeat: no-repeat;
  box-shadow: inset 25px 0 0 0 white;
  padding: 0 80px;
}
@media screen and (max-width: 1024px) {
  .zielona_kolej .wrapper-content {
    padding: 0 2vw;
  }
}
.zielona_kolej .instalations {
  padding: 20px;
  margin: 0 5px;
  border: 2px solid black;
  border-radius: 15px;
  background-color: white;
  margin-bottom: -46px;
}
.zielona_kolej .ico-image {
  width: 56px;
  height: 54px;
  padding: 8px;
  border: 1px solid black;
  border-radius: 10px;
  cursor: pointer;
}
.zielona_kolej .ico-image img {
  height: 100%;
  width: 100%;
}
.zielona_kolej .produkcja {
  padding: 0 80px 2rem 80px;
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .zielona_kolej .produkcja {
    padding: 0 2vw 2rem 2vw;
  }
}
.zielona_kolej .map-container {
  max-width: 700px;
  width: 100%;
  height: 630px;
  margin-top: 1rem;
}
@media screen and (max-width: 1280px) {
  .zielona_kolej .map-container {
    max-width: 100%;
  }
}
.zielona_kolej .produkcja-content {
  flex-grow: 1;
}
.zielona_kolej .produkcja-content p,
.zielona_kolej .produkcja-content h3 {
  color: white;
}
.zielona_kolej .produkcja-content .filled {
  margin: auto;
}
.zielona_kolej .box-energia {
  padding: 50px 0;
  border-radius: 15px;
  max-width: 246px;
  width: 100%;
  margin: auto;
}
.zielona_kolej .box-energia-white {
  color: #ffffff;
  border: 2px solid white;
}
.zielona_kolej .box-energia-yellow {
  color: #face2d;
  border: 2px solid #face2d;
}
.zielona_kolej .produced-energy img {
  margin-bottom: 1rem;
}

.img-gallery {
  /* The Modal (background) */
  /* Modal Content */
  /* The Close Button */
  /* Hide the slides by default */
  /* Next & previous buttons */
  /* Position the "next button" to the right */
  /* On hover, add a black background color with a little bit see-through */
  /* Number text (1/3 etc) */
  /* Caption text */
}
.img-gallery .modal {
  display: none;
  position: fixed;
  z-index: 1000000;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}
.img-gallery .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 600px;
}
.img-gallery .close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}
.img-gallery .close:hover,
.img-gallery .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.img-gallery .mySlides {
  display: none;
}
.img-gallery .prev,
.img-gallery .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}
.img-gallery .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.img-gallery .prev:hover,
.img-gallery .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.img-gallery .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.img-gallery .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}
.img-gallery img.demo {
  opacity: 0.6;
}
.img-gallery .active,
.img-gallery .demo:hover {
  opacity: 1;
}
.img-gallery img.hover-shadow {
  transition: 0.3s;
  cursor: pointer;
}
.img-gallery .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}