@charset "UTF-8";
@font-face {
  font-family: "Sofia Pro";
  src: local("SofiaPro-Thin"), local("Sofia Pro Thin"), url("fonts/Sofia Pro Thin.otf");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Pro";
  src: local("SofiaPro-ExtraLight"), local("Sofia Pro ExtraLight"), url("fonts/Sofia Pro ExtraLight.otf");
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Pro";
  src: local("SofiaPro-Light"), local("Sofia Pro Light"), url("fonts/Sofia Pro Light.otf");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Pro";
  src: local("SofiaPro-Regular"), local("Sofia Pro Regular"), url("fonts/Sofia Pro Regular.otf");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Pro";
  src: local("SofiaPro-Medium"), local("Sofia Pro Medium"), url("fonts/Sofia Pro Medium.otf");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Pro";
  src: local("SofiaPro-SemiBold"), local("Sofia Pro SemiBold"), url("fonts/Sofia Pro SemiBold.otf");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Pro";
  src: local("SofiaPro-Bold"), local("Sofia Pro Bold"), url("fonts/Sofia Pro Bold.otf");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Pro";
  src: local("SofiaPro-ExtraBold"), local("Sofia Pro ExtraBold"), url("fonts/Sofia Pro ExtraBold.otf");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Sofia Pro";
  src: local("SofiaPro-Black"), local("Sofia Pro Black"), url("fonts/Sofia Pro Black.otf");
  font-weight: 900;
  font-display: swap;
}
/* ================= FORMULARZE ================ */
input[type=file]::-webkit-file-upload-button {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  cursor: pointer;
  padding: 0;
}

label {
  color: #88888D;
  text-transform: none;
  margin: 5px 0;
  font-size: 16px;
}

.window label {
  font-size: 14px;
}

span + label {
  margin-top: 0;
}

input,
select,
textarea,
.input-placeholder {
  margin: 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  height: 56px;
  line-height: 1;
}

.submit-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
}
.submit-controls .button {
  width: 100%;
}

.submit-controls > div {
  width: auto;
  margin-right: 20px;
}

.submit-controls > div:last-child {
  margin-right: 0;
}

.submit-area {
  display: block;
  text-align: right;
}

.submit-area .button {
  margin: 0;
}

.input-wrapper {
  padding: 0 0 10px 0;
  width: 100%;
  position: relative;
}

.form-fields-wrapper {
  margin-right: -10px;
  width: 100%;
}

.columns .form-fields-wrapper {
  width: auto;
}

/* ================= formularze nowe ================ */
/* ---- placeholdery pól ---- */
input ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333;
  opacity: 0.4;
}
input ::-moz-placeholder,
textarea ::-moz-placeholder {
  /* Firefox 19+ */
  color: #333;
  opacity: 0.4;
}
input :-ms-input-placeholder,
textarea :-ms-input-placeholder {
  /* IE 10+ */
  color: #333;
  opacity: 0.4;
}
input :-moz-placeholder,
textarea :-moz-placeholder {
  /* Firefox 18- */
  color: #333;
  opacity: 0.4;
}

.input-wrapper.floating-label {
  position: relative;
}

.input-wrapper.floating-label > label[for] {
  margin-top: 0;
  pointer-events: none;
}

.input-wrapper.floating-label > label[for]:first-child {
  position: absolute;
  top: 28px;
  transform: translate(0, -50%);
  left: 10px;
  line-height: 1;
  display: inline-block;
  padding: 2px;
  background: #fff;
  cursor: text;
  opacity: 0.5;
  z-index: 1;
  transition: all 200ms;
}

.input-wrapper.floating-label > label[for].active:first-child,
.input-wrapper.floating-label > label[for].stay-active:first-child {
  top: 0;
  left: 5px;
  opacity: 1;
  font-size: 0.7rem;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
} /* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.input-number {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 168px;
  max-width: 168px;
}

.input-number input {
  width: 56px;
  text-align: center;
}

.input-number > span {
  height: 56px;
  width: 56px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #fff;
  transition: all 300ms;
}

.input-number > span.down {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.input-number > span.up {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.input-number > span.up.disabled:after,
.input-number > span.down.disabled:after {
  line-height: 1;
}

.input-number > span.up:not(.disabled):after,
.input-number > span.down:not(.disabled):after {
  line-height: 1;
  opacity: 50%;
}

.input-number > span.up:after {
  content: url("graphics/commerce/plus.png");
}

.input-number > span.down:after {
  content: url("graphics/commerce/minus.png");
}

.input-number > span.down:hover,
.input-number > span.up:hover {
  background: #eee;
}

.select-placeholder {
  color: #999999;
}

/* ----- select ----- */
.s-hidden {
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  height: 56px;
  margin: 0;
  width: 100%;
}

.styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0px 40px 0 10px;
  font-weight: normal;
  border: 1px solid #ddd;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#page-products_listing .styledSelect {
  border-radius: 5px;
  gap: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#page-products_listing .styledSelect ul, #page-products_listing .styledSelect li {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.styledSelect:after {
  content: "";
  background: url(graphics/svg/accordion-arrow-select.svg);
  border: none;
  width: 1.3333rem;
  height: 1.3333rem;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: absolute;
  pointer-events: none;
}

.styledSelect.active:after {
  transform: rotate(180deg) translate(0, 50%);
}

.options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ddd;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
  padding: 5px 10px;
  color: #81878d;
  margin: 3px;
  border-radius: 3px;
}

/* -- SELECT HOVER -- */
.options li:hover {
  background-color: #f6f6f9;
  color: #32323B;
}

/* INNY SELECT */
.select2-container .select2-selection--single {
  height: 56px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 9px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 50%;
  margin-top: -13px;
}

.select2-results ul,
.select2-results ul li {
  text-align: left;
  margin: 0;
}

.select2-results ul li {
  padding: 9px 15px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #111;
  color: #fff;
}

.select2-container {
  width: 100% !important;
}

/* --- input type=radio, input type=checkbox --- */
input[type=checkbox] + label,
input[type=radio] + label {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  cursor: pointer;
  margin: 0;
  line-height: 1.5;
  padding-left: 40px;
  position: relative;
}

input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: block;
  width: 22px;
  height: 22px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-indent: 0.15em;
  line-height: 1;
  color: #fff;
  font-size: 20px;
}

input[type=checkbox]:checked + label::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: block;
  width: 22px;
  height: 22px;
  background: #192030;
  border-radius: 2px;
  border-color: #192030;
}

input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 6px;
  display: block;
  width: 12px;
  height: 10px;
  border-radius: 2px;
  background-image: url("graphics/svg/check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

input[type=radio] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: block;
  width: 22px;
  height: 22px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 100%;
}

input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
  display: block;
  width: 14px;
  height: 14px;
  background: #192030;
  border-radius: 100%;
}

input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.checklist.rodo label {
  font-size: 0.7rem;
}

.checklist.wrapper {
  display: block;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 10px 10px;
}

.checklist.wrapper > label {
  margin-bottom: 10px;
}

.checklist.wrapper > label:last-child {
  margin-bottom: 0;
}

/* === DISABLED === */
input[type=checkbox][disabled] + label {
  opacity: 0.8;
}

input[type=checkbox][disabled] + label:before {
  background-color: #f0f0f0;
  opacity: 0.8;
}

input[type=radio][disabled] + label {
  opacity: 0.8;
}

input[type=radio][disabled] + label:before {
  background-color: #f0f0f0;
  opacity: 0.8;
}

input[disabled=disabled] {
  background-color: #f0f0f0;
}

/* =============== zestawy pól ============== */
.input-combo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.input-combo > div {
  flex: 1;
  margin-right: 10px;
}

.input-combo > div:last-child {
  margin-right: 0;
}

.input-combo > div.post-code {
  flex: 0.5;
}

/* ================ Klasy specjalne ============= */
.question-label {
  display: block;
  margin-top: 20px;
}

span + .question-label {
  margin-top: 0;
}

/* ================ Wyszukiwarka ================== */
.simple-search-wrapper .button.search-button img {
  pointer-events: none;
}

.custom-file {
  cursor: pointer;
}

.custom-file > input {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}

.custom-file .ico {
  position: static;
  height: 35px;
  width: 35px;
  background-image: url("graphics/svg/drop.svg");
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.custom-file-label {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: flex-end;
}

.required-star {
  color: #D6134B;
}

/* ========== helpery w formularzu ========= */
.card.trzecia, .card.trzyrezta {
  border-right: 1px solid #ddd;
}

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

html,
body,
input,
textarea {
  font-size: 16px;
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.5em 0 0.8em 0;
  line-height: 1.2;
}

h1 {
  font-size: 2.5rem;
  font-weight: 400;
}

h2 {
  font-size: 2.25rem;
  font-weight: 400;
}

h3 {
  font-size: 31px;
  line-height: 40px;
  font-weight: 400;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

#START h1 {
  font-size: 85px;
  font-weight: 400;
  line-height: 90px;
}

#START h2 {
  margin: 0;
  font-size: 57px;
  line-height: 60px;
  font-weight: 400;
  text-align: left;
}

#START p {
  font-size: 17px;
  line-height: 28px;
  font-weight: 300;
  margin-bottom: 25px;
}

p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  margin-bottom: 25px;
}

#START .text-wrapper p:last-child,
.text-wrapper p:last-child {
  margin-bottom: 0;
}

span.subtitle {
  color: #7c8398;
  margin-top: 10px;
}

#START span.subtitle {
  margin-bottom: 5px;
  color: #7c8398;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none !important;
}

.container,
.container.alt {
  padding: 0 60px;
}

.social-sharing-module {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  border-top: 1px solid #ddd;
}

.social-sharing-module > span.sharing-title {
  margin: 0;
  margin-right: 1.8em;
  font-size: 1.1em;
}

#copy_link_sharing {
  position: relative;
}

#copy_link_sharing:after {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #519c46;
  color: #fff;
  border-radius: 50%;
  transition: all 400ms;
  transform: scale(0);
}

#copy_link_sharing.link-copied:after {
  transform: scale(1);
}

.links ul li {
  list-style: none;
  margin-left: 0;
}

.links ul li a {
  text-decoration: none;
  transition: all 300ms;
}

.video-wrapper .mp4-video video {
  display: block;
  max-width: 100%;
}

.header {
  max-width: 100%;
}

.header.center .text-wrapper {
  margin: 0 auto;
}

.header.with-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 60px;
  flex-wrap: wrap;
}

.header.with-button .button {
  margin: 0;
  margin-bottom: 10px;
}

.header.with-button h2 {
  margin-bottom: 10px;
  margin-right: 30px;
}

.logo-box .thb {
  filter: grayscale(100%);
  transition: filter 600ms;
}

.logo-box:hover .thb {
  filter: grayscale(0);
}

.quote-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 150px 0;
}

.quote-section .container {
  position: relative;
  z-index: 1;
}

.quote-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.quote-section h2,
.quote-section blockquote,
.quote-section p,
.quote-section span,
.quote-section a {
  color: #fff;
}

.quote-section h2 {
  text-align: center;
}

.quote-section .header {
  padding-bottom: 0;
}

.quote-section blockquote,
.quote-section span.signature {
  text-align: center;
  display: block;
}

blockquote span.signature {
  text-transform: uppercase;
}

.quote-section .slick-next,
.quote-section .slick-prev {
  display: none !important;
}

.counter-wrapper .text-wrapper {
  margin: 0 auto;
  text-align: center;
}

.counter-section {
  margin-top: 40px;
}

.counter-section > div {
  border-right: 1px solid rgba(42, 42, 42, 0.1019607843);
}

.counter-section > div:last-child {
  border-right: 0;
}

.counter-card .content {
  text-align: center;
}

.counter-card .content strong {
  min-height: 2lh;
  line-height: 1.6;
  font-weight: 400;
  font-size: 1.25rem;
  display: block;
  color: #2a2a2a;
}

.counter-card .content .value-wrapper .count,
.counter-card .content .value-wrapper .unit {
  font-size: 2.5rem;
  color: #2a2a2a;
  font-weight: 300;
  font-family: sofia-pro, Sofia Pro, sans-serif;
  line-height: 1.6;
  font-size: 5.375rem;
}

.colage-box-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  height: 450px;
}

.colage-box-wrapper .colage-box {
  flex: 1;
  display: block;
  text-decoration: none;
  position: relative;
  transition: all 400ms;
  border-right: 4px solid #fff;
}

.colage-box-wrapper .colage-box:last-child {
  border-right: 0;
}

.colage-box-wrapper .colage-box .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 400ms;
}

.colage-box-wrapper .colage-box .content {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 60px 30px;
  z-index: 2;
  width: 100%;
  height: auto;
  background: linear-gradient(0deg, #1c2532 0%, rgba(28, 37, 50, 0) 100%);
  box-sizing: border-box;
}

.colage-box-wrapper .colage-box .content h4 {
  color: #fff;
  font-size: 1.8em;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.colage-box-wrapper .colage-box .content .controls {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: all 400ms;
}

.colage-box-wrapper .colage-box .content .controls .button {
  font-size: 0.8rem;
  padding: 0;
  color: #fff;
}

.colage-box-wrapper .colage-box .content .controls .button.txt::after {
  display: none;
}

.colage-box-wrapper .colage-box .content .controls .button:last-child {
  border: 0;
}

.colage-box-wrapper a.colage-box:hover,
.colage-box-wrapper .colage-box:hover {
  flex: 1.5;
  cursor: pointer;
}

.colage-box-wrapper .colage-box:hover {
  cursor: default;
}

.colage-box-wrapper .colage-box:hover .content .controls {
  opacity: 1;
  height: 50px;
}

#START #TOP.unsticked {
  background: none;
  border-bottom: 0;
}
#START #TOP.unsticked .primary-logo {
  display: none;
}
#START #TOP.unsticked .secondary-logo {
  display: block;
}
#START #TOP.unsticked nav.desktop .nav-button > a {
  color: white;
}
#START #TOP.unsticked .chevron-svg path {
  stroke: white;
}

.phone-wrapper .button .ico {
  padding: 10px;
}

.opSlider-control-prev,
.opSlider-control-next {
  display: none;
}

#BANER-CONTENT .splide__pagination {
  left: auto;
  right: 45px;
  gap: 10px;
}
#BANER-CONTENT .splide__pagination .splide__pagination__page {
  padding: 15px;
  margin: 0;
  background: none;
}
#BANER-CONTENT .splide__pagination .splide__pagination__page::before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
#BANER-CONTENT .splide__pagination button.is-active {
  opacity: 1;
}
#BANER-CONTENT .splide__pagination button.is-active::after {
  content: "";
  width: 35px;
  height: 35px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

#SYSTEM-FOOT {
  background: white;
  border-top: 1px solid #E1E1E8;
}

#START #SYSTEM-FOOT {
  border-top: 0;
}

#SYSTEM-FOOT .container {
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.article-section .container .text-wrapper ol {
  display: block;
}

.article-section.ordered-list .container .text-wrapper ol {
  counter-reset: item;
  display: block;
}

.article-section.ordered-list .container .text-wrapper li {
  display: block;
}

.ordered-list li::before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  margin-left: -1em;
}

#page-contactus .columns .contact_data h4:first-child,
#page-contactus .columns .form-wrapper h3:first-child {
  margin-top: 0;
}

#page-contactus .columns .form-wrapper h3 {
  font-size: 1.6em;
}

.company_name,
.add_company_name,
.address,
.phone,
.email,
.hours,
.add_descr,
.fax {
  display: block;
}

.company_name,
.add_company_name,
.address,
.phones-wrapper,
.emails-wrapper,
.hours,
.add_descr,
.fax {
  margin-bottom: 1em;
}

.contact-section-icon {
  overflow: hidden;
}

.contact-icon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.contact-box.small .contact-icon {
  align-items: center;
}

.contact-icon .icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin: 0;
  margin-right: 20px;
}

.contact-icon .button {
  margin: 0;
}

.contact-icon strong {
  display: block;
  margin-bottom: 5px;
  color: #32323B;
  font-family: sofia-pro, Sofia Pro, sans-serif;
}

.contact-icon .hours {
  margin-top: 0;
}

.email-wrapper .email,
.phone-wrapper .phone {
  display: none;
}

.email-wrapper.show-email .email,
.phone-wrapper.show-phone .phone {
  display: flex;
}

.email-wrapper.show-email .button.show-btn,
.phone-wrapper.show-phone .button.show-btn {
  display: none;
}

.phone-number > a:hover {
  text-decoration: none;
}

.map iframe {
  width: 100% !important;
}

.form-fields-wrapper {
  overflow: visible;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.form-fields-wrapper > .col1,
.form-fields-wrapper > .col2 {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.form-fields-wrapper > .col1 {
  padding-right: 5px;
}

.form-fields-wrapper > .col2 {
  padding-left: 5px;
}

.form-fields-wrapper .input-wrapper.field-rodo {
  clear: both;
}

.form-fields-wrapper > .col2 .input-wrapper {
  height: calc(100% - 10px);
}

.form-fields-wrapper > .col2 textarea {
  min-height: 120px;
  height: 100%;
}

.form-fields-wrapper .input-wrapper input,
.form-fields-wrapper .input-wrapper textarea {
  display: block;
}

.contact-data-form-section {
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.contact-data-form-section > div {
  box-sizing: border-box;
  padding: 50px;
}

.contact-data-form-section > div.contact-col {
  background: #eee;
  position: relative;
  width: 40%;
}

.contact-data-form-section > div.contact-col:after {
  content: "";
  position: absolute;
  top: 60px;
  right: -10px;
  width: 20px;
  height: 20px;
  background: #eee;
  transform: rotate(45deg);
}

.contact-data-form-section > div.add-module-col {
  width: 60%;
}

.contact-data-form-section h3,
#START .contact-data-form-section h3,
.contact-data-form-section h4,
#START .contact-data-form-section h4 {
  margin-top: 0;
  margin-bottom: 15px;
  text-align: left;
  font-size: 2.4rem;
}

.contact-data-section .contact-box {
  padding: 50px 50px 20px 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-sizing: border-box;
  position: relative;
}

.contact-data-section .contact-box.small {
  padding-right: 50%;
  overflow: hidden;
  background: #f5f3f3;
}
.contact-data-section .contact-box.small span.subtitle {
  color: #32323b;
}

.contact-data-section .contact-box.small .image-wrapper {
  position: absolute;
  top: -15px;
  right: 0;
  bottom: -15px;
  width: 45%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.contact-data-section .contact-box.small .image-wrapper .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contact-data-section .form-fields-wrapper textarea {
  min-height: 179px;
}

.contact-data-section h3,
#START .contact-data-section h3,
.contact-data-section h4,
#START .contact-data-section h4 {
  margin-top: 0;
  text-align: left;
  font-size: 2.6rem;
}

.contact-data-section .phone-wrapper .button,
.contact-data-section .email-wrapper .button,
.contact-data-form-section .phone-wrapper .button,
.contact-data-form-section .email-wrapper .button {
  min-width: 180px;
}

.contact-data-form-section .contact-icon {
  align-items: center;
}

.reveal-phone-number-wrapper {
  position: relative;
  margin-left: 10px;
}

.phone-window-wrapper {
  display: none;
  position: absolute;
  z-index: 1;
  top: 100%;
  right: 0;
  right: 0;
  width: -moz-max-content;
  width: max-content;
  padding: 15px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  margin-top: 5px;
}

@keyframes slidein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.phone-window-wrapper.show-me {
  display: block;
  animation-duration: 400ms;
  animation-name: slidein;
  animation-timing-function: ease-in-out;
  padding: 0;
}

.phone-window-wrapper.show-me a {
  padding: 15px;
  color: #111;
}

.blog-article {
  display: flex;
  justify-content: space-between;
}

.mail-phone-combo {
  display: flex;
  gap: 5px;
}

#SYSTEM-FOOT .footer-section {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#SYSTEM-FOOT .footer-section .links ul li {
  margin-bottom: 5px;
}

.right-footer-section {
  display: flex;
  gap: 80px;
}

.footer-section a,
.footer-section div,
.footer-section li,
.copyright a,
.footer-section span.phone-txt {
  color: #5c5c60;
  font-weight: 300;
}

#SYSTEM-FOOT .footer-section a:hover,
.copyright a:hover,
#SYSTEM-FOOT .footer-section span.phone-txt:hover,
#SYSTEM-FOOT .footer-section li a:hover {
  color: #192030;
}

.footer-section .tel-mail-combo {
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: center;
}

.footer-section .contact_data .image-wrapper {
  border-radius: 0;
  position: relative;
}
.footer-section .contact_data .image-wrapper img {
  max-height: 95px;
}

.social-footer-section span {
  margin-bottom: 10px;
}

.social-footer-section .social-icon {
  width: 24px;
  height: 24px;
}

.social-links .social-icon img {
  width: 100%;
  height: 100%;
}

.contact_data .address {
  margin-bottom: 0 !important;
}

.social-footer-section {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.footer-section .links ul {
  margin-bottom: 0;
}

.investment-map {
  position: relative;
  background-color: #ddd;
}

.investment-map img {
  display: block;
  width: 100%;
  height: 100%;
}

.point {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 22px;
  height: 30px;
  margin-left: -11px;
  z-index: auto !important;
  cursor: pointer;
}

#page-article .point .image-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 32px;
  overflow: visible;
}

.point .map-tooltip .image-wrapper img {
  left: 0;
  top: 0;
}

.point span {
  font-weight: 400;
  color: #000;
  font-size: 16px;
  line-height: 21px;
}

.point::after {
  background-image: url("graphics/svg/marker.svg");
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.container.full.map-full-width {
  padding: 0;
  margin-bottom: 50px;
}

.map-tooltip {
  display: none;
  position: absolute;
  left: 20px;
  top: 15px;
  width: 195px;
  height: auto;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1098039216);
  background-color: #fff;
  border-radius: 7px;
  padding-top: 100px;
  padding-left: 15px;
  z-index: 3;
  cursor: default;
}

.map-tooltip img {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 180px;
  height: 75px;
  border-radius: 5px;
}

.map-tooltip.show-me,
.map-tooltip.show-me2 {
  display: block;
}

.map-tooltip .button {
  position: relative;
  height: 40px;
  width: 180px;
  padding: 10px;
  margin-top: 5px;
  justify-content: left;
  padding-left: 20px;
  margin-bottom: 15px;
  font-size: 14px;
}

.map-tooltip .button::after {
  background-image: url("graphics/svg/arrow-bw-right-orange.svg");
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 12px;
  width: 29px;
  height: 20px;
}

.map-tooltip .button:hover::after {
  right: -5px;
  transition: all 700ms;
}

.map-tooltip.flipped {
  left: -100px;
}

.title-tooltip {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  padding: 5px 0 8px 0;
  color: #000;
}

.loading-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.loader {
  width: 50px;
  height: 50px;
  border: 4px solid #f0f0f0;
  border-top: 4px solid #0066ff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.loader::after {
  display: none;
}

#transaction_window .loading-wrapper {
  background: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.multiblocks_slider.second_variant .splide__track {
  overflow: visible;
}
.multiblocks_slider.second_variant .splide__track::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  bottom: -10px;
  width: 2000px;
  background-color: white;
  z-index: 1;
}

.scroll_trigger_animate #scroll-container {
  display: flex;
  gap: 4rem;
  justify-content: center;
  padding: 4rem 0;
}
.scroll_trigger_animate .trigger_content {
  max-width: 700px;
  width: 100%;
  display: flex;
  gap: 4rem;
  flex-direction: column;
  align-items: center;
}
.scroll_trigger_animate .trigger_card {
  width: 100%;
  min-height: 60vh;
  padding: 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.scroll_trigger_animate .trigger_card h2,
.scroll_trigger_animate .trigger_card p {
  margin: 0 !important;
}
.scroll_trigger_animate .new_sticky-wrapper {
  flex-shrink: 0;
  position: relative;
  height: 100vh;
  width: 570px;
  display: block;
}
.scroll_trigger_animate .trigger_card h2,
.scroll_trigger_animate .trigger_card p {
  text-align: center;
}
.scroll_trigger_animate .sticky-box {
  position: fixed;
  width: 570px;
  height: 570px;
  min-height: 570px;
  min-width: 570px;
  border-radius: 12px;
  padding: 1.5rem;
  color: white;
}

#scroll_trigger_animate {
  transition: background-color 0.3s ease;
}

.sticky-box {
  position: fixed;
  width: 570px;
  height: 570px;
  overflow: hidden;
  border-radius: 12px;
}

.bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  transition: opacity 0.3s ease;
  z-index: 0;
}

.bg-layer.current {
  opacity: 1;
  z-index: 1;
}

.bg-layer.next {
  opacity: 0;
  z-index: 2;
}

.contact-box-form-window-wrapper {
  display: flex;
  align-items: center;
  gap: 100px;
}

.contact-data-form-window-section .buttons > div {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 24px;
}
.contact-data-form-window-section .buttons > div:last-child {
  margin-bottom: 0;
}

.img_links {
  gap: 100px;
  display: flex;
  align-items: center;
}
.img_links .right {
  text-align: left;
  width: 100%;
  max-width: 700px;
}
.img_links .right .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}
.img_links .right p {
  margin-bottom: 2em;
}
.img_links .right .link {
  display: block;
  padding: 25px 0;
  border-top: 1px solid #E1E1E8;
}
.img_links .right .link h4 {
  margin: 0;
  font-weight: 400;
}
.img_links .right .link:last-of-type {
  border-bottom: 1px solid #E1E1E8;
}

.start_slider .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
.start_slider .header h2 {
  margin-bottom: 0 !important;
}
.start_slider .splide__arrows {
  display: flex;
  gap: 12px;
  position: static;
}
.start_slider .splide__arrow {
  width: 40px;
  height: 40px;
  background: #f8f9fa;
  border: 1px solid #1a1a1a;
  position: relative;
  transform: none;
  left: auto;
  right: auto;
}
.start_slider .splide__arrow--prev img {
  transform: rotate(180deg);
}

#START .bg-secondary {
  background-color: #f7f5f5;
}

#START .header {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding-bottom: 150px;
}

#START .header .header-right {
  padding-top: 30px;
}

#START .header .header-left,
#START .header .header-right {
  flex: 1;
}

#START .header .header-left .button {
  margin: 0;
  margin-top: 40px;
}

.photo-box-wrapper {
  margin: 0;
}
.photo-box-wrapper > div {
  padding: 0;
}
.photo-box-wrapper .photo-box {
  overflow: hidden;
  border: 1px solid white;
}
.photo-box-wrapper > div:first-child .photo-box {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.photo-box-wrapper > div:last-child .photo-box {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#SYSTEM-FOOT .links-footer-section ul li:last-child {
  margin-bottom: 0;
}

#SYSTEM-FOOT h3 {
  font-weight: 700;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 20px;
}

#SYSTEM-FOOT .contact-footer-section,
#SYSTEM-FOOT .footer-section .contact_data {
  display: flex;
  gap: 80px;
}

#SYSTEM-FOOT .social-icon {
  padding: 20px;
  border: 1px solid #E1E1E8;
  border-radius: 5px;
  margin-right: 10px;
}

.accordion_images_wrapper .accordion_images {
  display: flex;
  gap: 30px;
  align-items: stretch;
}
.accordion_images_wrapper .left,
.accordion_images_wrapper .right {
  flex: 1;
}
.accordion_images_wrapper img {
  width: 100%;
  height: 100%;
}
.accordion_images_wrapper .accordion-card {
  padding: 25px 30px;
  background-color: white;
  border-radius: 5px;
  margin-bottom: 4px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
}
.accordion_images_wrapper .accordion-icon-svg {
  display: inline-block;
  transition: background 0.2s;
  z-index: 2;
}
.accordion_images_wrapper .accordion-icon-svg svg {
  pointer-events: none;
}
.accordion_images_wrapper .svg-line {
  transition: transform 0.3s cubic-bezier(0.4, 2, 0.3, 1), opacity 0.3s;
  transform-origin: 24px 24px;
}
.accordion_images_wrapper .accordion-card.active .svg-vertical {
  transform: rotate(90deg);
  opacity: 1;
}
.accordion_images_wrapper .accordion-card.active .svg-horizontal {
  transform: scaleX(1);
  opacity: 1;
}
.accordion_images_wrapper .accordion-card:not(.active) .svg-vertical {
  transform: rotate(0deg);
  opacity: 1;
}
.accordion_images_wrapper .accordion-card:not(.active) .svg-horizontal {
  transform: scaleX(1);
  opacity: 1;
}
.accordion_images_wrapper .left .accordion-card:last-child {
  margin-bottom: 0;
}
.accordion_images_wrapper .accordion-card.active {
  padding: 25px 30px;
}
.accordion_images_wrapper .accordion-header {
  display: flex;
  gap: 25px;
  justify-content: flex-start;
  cursor: pointer;
  position: relative;
}
.accordion_images_wrapper .icon {
  max-width: 34px;
  height: auto;
  margin: 0;
}
.accordion_images_wrapper .footer {
  text-align: left;
  padding-top: 40px;
}
.accordion_images_wrapper .accordion-card h3 {
  cursor: pointer;
  margin: 0 !important;
  font-size: 24px;
}
.accordion_images_wrapper .content {
  width: 100%;
}
.accordion_images_wrapper .accordion-content {
  margin: 30px 0 0 0;
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  padding-right: 0;
}
.accordion_images_wrapper .accordion-content .button {
  margin-top: 25px;
}
.accordion_images_wrapper .image-wrapper {
  display: none;
  border-radius: 5px;
  animation: fadeIn 0.5s ease forwards;
}
.accordion_images_wrapper .image-wrapper.active {
  display: flex;
  flex: 1;
}
@keyframes fadeIn {
  from {
    opacity: 1;
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.accordion_images_wrapper .right {
  background-color: #ddd;
  position: relative;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border-radius: 5px;
}
.accordion_images_wrapper .right .image-wrapper {
  position: relative;
  inset: 0;
  display: none !important;
  border-radius: 5px;
}
.accordion_images_wrapper .right .image-wrapper.active {
  display: block !important;
}
.accordion_images_wrapper .right .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#relative_div {
  position: relative;
}

.support-us {
  position: sticky;
  top: calc(50% - 100px);
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  z-index: 60;
  transform: rotate(-90deg);
  transform-origin: 100% 100%;
}

.support-us .button {
  margin: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.my-slider-progress {
  margin-top: 50px;
  background: #E1E1E8;
}

.my-slider-progress-bar {
  background: #192030;
  height: 3px;
  transition: width 400ms ease;
  width: 0;
}

.listing-module .splide__track,
.reviews_slider .splide__track {
  overflow: visible !important;
}

.donors .reviews_slider .splide__track {
  overflow: hidden !important;
}

#START .page-section:has(.listing-module) {
  overflow: hidden;
}

.listing_slider .splide__arrow,
.contribution_slider .splide__arrow,
.reviews_slider .splide__arrow {
  top: 60%;
  width: 80px;
  height: 80px;
  background-color: white;
  opacity: 1;
  transition: opacity 300ms ease, transform 300ms ease;
  will-change: opacity, transform;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.listing_slider .splide__arrow:disabled,
.contribution_slider .splide__arrow:disabled,
.reviews_slider .splide__arrow:disabled {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.98);
}
.listing_slider .splide__arrow--prev,
.contribution_slider .splide__arrow--prev,
.reviews_slider .splide__arrow--prev {
  left: -38px;
}
.listing_slider .splide__arrow--next,
.contribution_slider .splide__arrow--next,
.reviews_slider .splide__arrow--next {
  right: -38px;
}

.reviews_slider .splide__arrow {
  top: 50%;
}

.aktualnosci .splide__slide {
  display: flex;
  align-items: flex-end;
}
.aktualnosci h3 {
  margin-bottom: auto;
  max-height: 3lh;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aktualnosci .card {
  width: 100%;
  height: 100%;
}
.aktualnosci .image-wrapper {
  margin-bottom: 0;
}
.aktualnosci .show_date {
  color: #2d2d33;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  letter-spacing: 2px;
}
.aktualnosci .line {
  display: inline-block;
  width: 100%;
  background: #E1E1E8;
  height: 1px;
  width: 100%;
  display: block;
}
.aktualnosci .date_line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  margin-bottom: 35px;
}
.aktualnosci .img-placeholder,
.aktualnosci .image-wrapper {
  aspect-ratio: 1/1 !important;
}
.aktualnosci .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.aktualnosci .button {
  margin-top: 50px;
  margin-bottom: 0;
}

.banner-wrapper {
  padding-right: 400px;
}

.banner-side-index {
  position: absolute;
  right: 0;
  bottom: 70px;
  z-index: 10;
  max-width: 380px;
}

.banner-side-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.banner-side-link {
  background: transparent;
  cursor: pointer;
  padding: 30px 100px 30px 40px;
  color: inherit;
  text-align: right;
  color: white;
}

.banner-side-idx {
  font-weight: 400;
  font-size: 34px;
  display: inline-block;
}

.banner-side-title {
  font-size: 19px;
  font-weight: 400;
  line-height: 23px;
  text-align: right;
}

.banner-side-item {
  margin: 0;
  display: flex;
  justify-content: flex-end;
}

.banner-side-item.active .banner-side-link {
  background: rgba(25, 31, 48, 0.2);
}

.show_index {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.show_index .line {
  display: inline-block;
  width: 124px;
  background: #E1E1E8;
  height: 1px;
}

.mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
}

.search-wrapper {
  padding: 0 15px 0 0;
}

.sticked .search-wrapper img,
.unsticked .search-wrapper img {
  filter: invert(0.4);
}

#START .unsticked .search-wrapper {
  border-color: white;
}

.search-wrapper.show-panel .search-btn-wrapper {
  padding-left: 220px;
  transition: all ease-in-out 0.3s;
}

.search-btn-wrapper .search-btn:hover img {
  filter: invert(0);
}

#START #TOP.unsticked .search-panel input {
  border: unset;
}

#START #TOP .container {
  max-width: 1700px;
}

#START #TOP.sticked .search-panel input {
  border: 1px solid #ddd;
}

.search-panel input {
  border: 1px solid #ddd;
}

#START #TOP.unsticked .search-btn-wrapper .search-btn {
  background: unset;
}

#START #TOP.unsticked .search-btn-wrapper .search-btn img {
  filter: invert(100%) grayscale(100%);
}

.add_links a {
  position: relative;
  color: #192030;
  padding-left: 15px;
}

.add_links a::before {
  content: "●";
  color: #192030;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

#START .calendar_events_listing_module h3,
.calevents_listing h3 {
  margin: 0 !important;
}
#START .calendar_events_listing_module .content,
.calevents_listing .content {
  gap: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#START .calendar_events_listing_module .header-left,
.calevents_listing .header-left {
  width: 100% !important;
}
#START .calendar_events_listing_module .header-right,
.calevents_listing .header-right {
  max-width: 50%;
}
#START .calendar_events_listing_module .header,
.calevents_listing .header {
  padding-bottom: 0 !important;
}
#START .calendar_events_listing_module .header-left .text-wrapper,
.calevents_listing .header-left .text-wrapper {
  margin-top: 40px;
}
#START .calendar_events_listing_module .calevents,
.calevents_listing .calevents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
#START .calendar_events_listing_module .calevents .card.lower,
.calevents_listing .calevents .card.lower {
  margin-top: 60px;
}
#START .calendar_events_listing_module .show_date,
.calevents_listing .show_date {
  color: #2d2d33;
  font-size: 55px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: 0;
  line-height: normal;
}
#START .calendar_events_listing_module .line,
.calevents_listing .line {
  display: block;
  height: 1px;
  background-color: #E1E1E8;
}
#START .calendar_events_listing_module .date_name,
.calevents_listing .date_name {
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 2px;
  color: #2d2d33;
}
#START .calendar_events_listing_module .date-head,
.calevents_listing .date-head {
  display: flex;
  align-items: center;
  gap: 20px;
}
#START .calendar_events_listing_module .date-head .line,
.calevents_listing .date-head .line {
  width: 100%;
  background: #2d2d33;
  margin: 0;
}
#START .calendar_events_listing_module .location-wrapper,
#START .calendar_events_listing_module .time-wrapper,
.calevents_listing .location-wrapper,
.calevents_listing .time-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
#START .calendar_events_listing_module .location-wrapper img,
#START .calendar_events_listing_module .time-wrapper img,
.calevents_listing .location-wrapper img,
.calevents_listing .time-wrapper img {
  padding-top: 5px;
  max-width: 18px;
  height: auto;
}
#START .calendar_events_listing_module .time-wrapper,
.calevents_listing .time-wrapper {
  margin-bottom: 5px;
}
#START .calendar_events_listing_module .location,
#START .calendar_events_listing_module .time,
.calevents_listing .location,
.calevents_listing .time {
  font-weight: 200;
  font-size: 15px !important;
  color: #88888d;
  margin: 0 !important;
}
#START .calendar_events_listing_module .img-placeholder,
#START .calendar_events_listing_module .image-wrapper,
.calevents_listing .img-placeholder,
.calevents_listing .image-wrapper {
  aspect-ratio: 1/1 !important;
}

#START .calendar_events_listing_module .uk-sticky-placeholder {
  flex: 1 !important;
}
#START .calendar_events_listing_module .uk-sticky-placeholder .header-left {
  width: auto !important;
  max-width: 550px;
}

.footer-section .contact-footer-section {
  width: 100%;
}
.footer-section .contact-footer-section .contact_data {
  flex: 2;
}
.footer-section .links {
  flex: 1;
}

.events-mobile-list .event-row-right {
  padding: 15px 15px 15px 20px;
}

.event-title {
  font-size: 21px;
  font-weight: 400;
  color: #32323B;
  margin: 0 0 5px 0;
}

.events_wrapper .event-row-left .date-image,
.events_wrapper .event-row-left .img-placeholder {
  width: 200px;
  height: 200px;
}
.events_wrapper .event-row {
  margin: 0;
}
.events_wrapper .event-location,
.events_wrapper .event-time {
  font-size: 15px;
  font-weight: 200;
  gap: 8px;
}
.events_wrapper .event-location img,
.events_wrapper .event-time img {
  width: 16px;
  height: 16px;
}

.calendar_wrapper {
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  padding: 30px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.calendar_wrapper .calendar_events_calendar {
  padding-right: 30px;
  border-right: 1px solid #ddd;
}
.calendar_wrapper .calendar_events_list {
  padding-left: 30px;
}
.calendar_wrapper > div {
  flex: 1;
}
.calendar_wrapper h2 {
  margin-top: 0 !important;
}

#events_calendar .cal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

#events_calendar .cal-month-label {
  font-weight: 600;
  font-size: 18px;
}

#events_calendar .cal-nav {
  border: none;
  background: transparent;
  font-size: 18px;
  cursor: pointer;
}

#events_calendar .cal-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 8px;
}

#events_calendar .cal-weekdays > div {
  padding: 4px 0;
}

#events_calendar .cal-body {
  position: relative;
  min-height: 220px;
}

#events_calendar .cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}

#events_calendar .cal-day {
  border-radius: 10px;
  padding: 6px 6px 10px;
  min-height: 40px;
  font-size: 12px;
  text-align: center;
  position: relative;
  cursor: default;
  border: 1px solid transparent;
}

#events_calendar .cal-day:hover {
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#events_calendar .cal-day.has-event:hover {
  cursor: pointer;
}

#events_calendar .cal-day.other-month {
  opacity: 0.3;
}

#events_calendar .cal-day-number {
  font-weight: 500;
}

#events_calendar .cal-day-events {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 4px;
  display: flex;
  gap: 2px;
  flex-wrap: wrap;
}

#events_calendar .cal-event-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #0066ff; /* kolor eventu – możesz podpiąć pod zmienne */
}

#events_calendar .cal-day.today {
  border: 1px solid #0066ff;
}

#events_calendar .cal-day.has-event {
  background: rgba(0, 102, 255, 0.06);
}

/* skeleton */
#events_calendar .cal-skeleton {
  position: absolute;
  inset: 0;
  padding-top: 2px;
  background: #fff;
}

#events_calendar.cal-loaded .cal-skeleton {
  display: none;
}

#events_calendar .cal-skeleton-row {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  margin-bottom: 4px;
}

#events_calendar .cal-skeleton-cell {
  display: block;
  height: 40px;
  border-radius: 10px;
  padding: 6px 6px 10px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.06) 75%);
  background-size: 200% 100%;
  animation: cal-skeleton-shimmer 1.2s infinite;
}

@keyframes cal-skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/* modal backdrop */
.cal-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.cal-modal-backdrop.visible {
  display: flex;
}

/* modal */
.cal-modal {
  background: #fff;
  border-radius: 14px;
  max-width: 480px;
  width: 100%;
  padding: 20px 22px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.22);
  position: relative;
  max-height: 80vh;
  overflow: auto;
}

.cal-modal-close {
  position: absolute;
  top: 18px;
  right: 22px;
  border: none;
  background: transparent;
  font-size: 22px;
  cursor: pointer;
}

.cal-modal-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.cal-modal-date {
  color: #32323B;
  font-weight: 600;
  font-size: 20px;
}

.cal-modal-count {
  font-size: 13px;
  opacity: 0.7;
  margin-top: 3px;
}

.cal-modal-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cal-modal-body .cal-modal-event:last-child {
  padding-bottom: 0;
}

.cal-modal-event {
  padding: 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.cal-modal-event-buttons {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.cal-modal-event-buttons .button {
  font-size: 10px;
  padding: 5px 10px;
  height: 38px;
  margin: 0;
}

.cal-modal-event:first-child {
  border-top: none;
}

.cal-modal-event-title {
  font-size: 18px;
  font-weight: 400;
  color: #32323b;
  margin: 0 0 5px 0;
}

.cal-modal-event-meta {
  font-size: 15px;
  font-weight: 300;
  opacity: 0.8;
  margin-top: 4px;
}

.events-mobile-list {
  display: flex;
  flex-direction: column;
}

.event-row {
  display: flex;
  padding: 10px;
  margin: 0 -10px;
  border-radius: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  align-items: center;
}

.event-row:last-child {
  border-bottom: none;
}

.event-row:hover {
  background: #f9f9f9;
  cursor: pointer;
}

.event-row-left .event-date {
  width: auto;
  height: 25px;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 5px;
  background: #f3f4f6;
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}

.event-row-left .date-image {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  width: 120px;
  height: 120px;
}
.event-row-left .img-placeholder {
  width: 120px;
  height: 120px;
  background-color: #ddd;
}
.event-row-left .event-date {
  position: absolute;
  top: 5px;
  left: 5px;
}

.event-date .event-day {
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

.event-date .event-month {
  font-size: 11px;
  opacity: 0.7;
  text-transform: uppercase;
  margin-top: 1px;
}

.event-row-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  padding: 30px;
}

.event-time {
  opacity: 0.8;
  margin: 0 0 2px 0;
}

.event-location,
.event-time {
  font-size: 15px;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 4px;
  opacity: 0.85;
  margin: 0;
}

.event-location img,
.event-time img {
  width: 14px;
  height: 14px;
  opacity: 0.8;
}

nav.desktop ul {
  z-index: 1;
}

.listing-tile-wrapper > div .tile {
  border-bottom: 0;
}
.listing-tile-wrapper > div:nth-child(3n) .tile {
  border-right: 0;
}
.listing-tile-wrapper .tile {
  gap: 20px;
}
.listing-tile-wrapper .tile .content {
  padding-left: 0;
  padding-right: 15px;
}
.listing-tile-wrapper .tile .image-wrapper {
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  max-width: 200px;
}
.listing-tile-wrapper .tile .image-wrapper .img-placeholder {
  background: #f5f5f5;
  padding: 0;
  height: 100%;
  width: 100%;
}

#page-calendar_event .event-row {
  gap: 30px;
  border: 0;
  padding: 0;
  align-items: flex-start;
  margin: 0;
}
#page-calendar_event .event-row:hover {
  background: transparent;
  cursor: default;
}
#page-calendar_event .event-row-right {
  flex: 1;
  padding: 0;
}
#page-calendar_event .event-row-right {
  justify-content: flex-start;
}
#page-calendar_event h1 {
  margin-top: 0;
}
#page-calendar_event .date-image {
  width: 250px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
#page-calendar_event .img-placeholder {
  width: 250px;
  height: 250px;
}
#page-calendar_event .event-location,
#page-calendar_event .event-time {
  font-size: 18px;
  gap: 8px;
}
#page-calendar_event .event-time {
  margin-bottom: 10px;
}
#page-calendar_event .event-location img,
#page-calendar_event .event-time img {
  width: 20px;
  height: 20px;
}

#page-documents .documents-tree {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  font-size: 0.95rem;
}
#page-documents .documents-year-section + .documents-year-section {
  border-top: 0;
}
#page-documents .documents-category-section,
#page-documents .category-body {
  padding-left: 30px;
}
#page-documents .accordion-toggle {
  padding: 15px 30px;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 4px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 25px;
  justify-content: flex-start;
  width: 100%;
  max-width: 1000px;
  border: 1px solid #e1e1e8;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.08s ease;
}
#page-documents .accordion-toggle .year-title,
#page-documents .accordion-toggle .category-title {
  margin: 0 !important;
  font-weight: 600;
  color: #111827;
}
#page-documents .year-toggle {
  font-size: 1.1rem;
  font-weight: 600;
  width: 100%;
}
#page-documents .category-toggle {
  font-size: 1rem;
  font-weight: 600;
  padding-left: 25px;
}
#page-documents .year-body,
#page-documents .category-body {
  transition: opacity 0.15s ease;
}
#page-documents .year-body[hidden],
#page-documents .category-body[hidden] {
  opacity: 0;
}
#page-documents .accordion-icon-svg {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  margin-left: auto;
  flex: 0 0 48px;
  z-index: 2;
}
#page-documents .accordion-icon-svg svg {
  pointer-events: none;
  display: block;
}
#page-documents .svg-line {
  transition: transform 0.3s cubic-bezier(0.4, 2, 0.3, 1), opacity 0.3s;
  transform-origin: 24px 24px;
}
#page-documents .accordion-toggle .svg-vertical {
  transform: rotate(0deg);
  opacity: 1;
}
#page-documents .accordion-toggle[aria-expanded=true] .svg-vertical {
  transform: rotate(90deg);
  opacity: 0;
}
#page-documents .accordion-toggle .svg-horizontal {
  transform: scaleX(1);
  opacity: 1;
}
#page-documents .year-body {
  margin-left: 18px;
  padding-left: 22px;
  border-left: 2px solid #e5e7eb;
  padding-top: 10px;
  padding-bottom: 10px;
}
#page-documents .documents-category-section {
  position: relative;
  padding-left: 0;
}
#page-documents .documents-category-section::before {
  content: "";
  position: absolute;
  left: -22px;
  top: 38px;
  width: 16px;
  height: 2px;
  background: #e5e7eb;
}
#page-documents .category-body {
  margin-left: 18px;
  padding-left: 22px;
  border-left: 1px dashed #d1d5db;
  padding-top: 8px;
  padding-bottom: 8px;
}
#page-documents .links-files {
  position: relative;
}
#page-documents .link-file {
  margin-bottom: 10px;
  font-size: 0.95rem;
  border-radius: 5px;
  position: relative;
}
#page-documents .link-file .file-btn {
  height: auto;
  padding: 10px 20px;
}
#page-documents .documents-year-section .link-file::before {
  content: "";
  position: absolute;
  left: -22px;
  top: 50%;
  width: 18px;
  height: 1px;
  background: #d1d5db;
  transform: translateY(-50%);
}
#page-documents .category-body {
  position: relative;
}
#page-documents .category-body::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: transparent;
}

.dynamic_accordion_images .header {
  display: none;
}
.dynamic_accordion_images .accordion-card {
  border: 1px solid #E1E1E8;
}

#START .dynamic_accordion_images .header {
  display: flex;
}
#START .dynamic_accordion_images .accordion-card {
  border: 0;
}

#page-contactus .boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
#page-contactus .box:nth-child(even) {
  background-color: #f5f3f3;
}
#page-contactus .box:nth-child(odd) {
  background-color: #ebf7fc;
}
#page-contactus .box {
  position: relative;
  padding: 40px;
  border-radius: 5px;
}
#page-contactus .box p:has(strong) {
  font-size: 18px;
  margin: 0;
}
#page-contactus .box h3 {
  margin-top: 0;
}
#page-contactus .box p,
#page-contactus .box div,
#page-contactus .box span {
  font-weight: 300;
}
#page-contactus .box.x2 {
  grid-column: span 2;
  display: flex;
  gap: 30px;
}
#page-contactus .box.x2 > div {
  flex: 1;
}
#page-contactus .boxy.x3 {
  grid-column: span 3;
}

.laureaci a.laureat:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.laureaci .laureat {
  display: block;
  padding: 15px;
}
.laureaci h4 {
  font-size: 15px;
  margin: 0.5em 0 0 0;
}
.laureaci .text-wrapper {
  font-size: 14px;
}
.laureaci img {
  width: 100%;
}
.laureaci > div {
  padding: 0 !important;
}

.first_section {
  margin-top: -56px;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.pagination ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 8px;
  padding: 0;
  justify-content: center;
}

.pagination li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  padding: 0;
}

.pagination li a {
  text-decoration: none;
  font-size: 16px;
  color: black;
  font-weight: bold;
  padding: 5px 15px;
  display: flex;
  align-items: center;
}

.pagination li span.active {
  color: white;
  background: black;
  padding: 5px 15px;
}

.pagination-arrow.left {
  transform: rotate(180deg);
}

.pagination-arrow img {
  width: 15px;
  height: 15px;
  cursor: pointer;
}

/* Disable effect */
.pagination-arrow.disabled img {
  opacity: 0.5;
  cursor: not-allowed;
}

#page-calendar_events .pagination-wrapper {
  margin-top: 1em;
  margin-left: 10px;
}

#page-blog_listing .columns {
  margin: 0;
}
#page-blog_listing .columns .blog-tile-wrapper {
  padding-left: 0;
  padding-right: 0;
}
#page-blog_listing .columns .blog-tile-wrapper .image-wrapper {
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  max-width: 350px;
  max-height: 350px;
  border: 1px solid #ededed;
}
#page-blog_listing .columns .image-wrapper:has(.img-placeholder) {
  width: 350px;
  height: 350px;
  aspect-ratio: 1/1;
  background-color: #f5f5f5;
}
#page-blog_listing .columns .image-wrapper:has(.img-placeholder) .img-placeholder {
  padding: 0;
}

.calevents-tabs {
  display: flex;
  position: relative;
  gap: 0;
  width: -moz-fit-content;
  width: fit-content;
}

.calevents-tabs button {
  position: relative;
  background: none;
  border: none;
  padding: 12px 22px;
  margin-bottom: 12px;
  font-size: 16px;
  cursor: pointer;
  color: #666;
  transition: color 0.25s ease;
  border-bottom: 2px solid #eee;
}

.calevents-tabs button.active {
  color: #000;
  border-bottom: 2px solid #000;
}

#page-calendar_events .calevents_listing {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.container .cb-container .text-wrapper.cb-col-2 h3:first-child {
  margin-top: 0;
}

.zaloga .columns > div:nth-child(4n+1) .tile,
.zaloga .columns > div:nth-child(4n+4) .tile {
  background-color: #f5f3f3;
}

.zaloga .columns > div:nth-child(4n+2) .tile,
.zaloga .columns > div:nth-child(4n+3) .tile {
  background-color: #ebf7fc;
}

.zaloga .tile {
  overflow: hidden;
  display: flex;
  border-radius: 5px;
}
.zaloga .tile .image-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.zaloga .tile .image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.zaloga .tile .image-wrapper {
  border-top-right-radius: 0;
  flex: 1;
  border-bottom-right-radius: 0;
}
.zaloga .tile .content {
  flex: 1;
  padding: 30px;
}
.zaloga .tile .content p {
  font-weight: 300;
}
.zaloga .tile .content h3 {
  margin: 5px 0 15px 0;
}

.cal-modal-date {
  display: flex;
  gap: 5px;
  align-items: center;
}
.cal-modal-date .cal-modal-date-day {
  font-size: 24px;
  opacity: 0.7;
  font-weight: 600;
  line-height: 1;
}
.cal-modal-date .cal-modal-date-monthyear {
  opacity: 0.7;
  text-transform: uppercase;
  margin-top: 1px;
  font-weight: 400;
}

#START .unsticked nav.desktop .nav-button > a span:after {
  background: #6dc2e9;
}

.phone-wrapper.v4,
.email-wrapper.v4 {
  width: -moz-max-content;
  width: max-content;
  margin-top: 5px;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.phone-wrapper.v4 span,
.phone-wrapper.v4 a,
.phone-wrapper.v4 p,
.email-wrapper.v4 span,
.email-wrapper.v4 a,
.email-wrapper.v4 p {
  color: #88888D !important;
  margin: 0;
  font-weight: 300;
}
.phone-wrapper.v4 svg,
.phone-wrapper.v4 img,
.email-wrapper.v4 svg,
.email-wrapper.v4 img {
  min-width: 20px;
  width: 20px;
  opacity: 0.6;
}

.phone-wrapper.v4:hover span,
.phone-wrapper.v4:hover a,
.phone-wrapper.v4:hover p,
.email-wrapper.v4:hover span,
.email-wrapper.v4:hover a,
.email-wrapper.v4:hover p {
  color: #32323B !important;
}
.phone-wrapper.v4:hover svg,
.phone-wrapper.v4:hover img,
.email-wrapper.v4:hover svg,
.email-wrapper.v4:hover img {
  opacity: 1;
}

hr {
  margin: 30px 0;
  border: 0;
  height: 1px;
  border-top: 1px solid #ddd;
}

.contribution_wrapper {
  display: flex;
  gap: 40px;
}
.contribution_wrapper .contect-blocks-wrapper {
  padding-top: 54px;
}
.contribution_wrapper .contect-blocks-wrapper .container {
  padding: 0;
}
.contribution_wrapper .main {
  width: 100%;
}
.contribution_wrapper .main h1 {
  margin-top: 0;
}
.contribution_wrapper .main p {
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 20px;
}
.contribution_wrapper .image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contribution_wrapper .contribution_side_wrapper {
  width: 350px;
  min-width: 350px;
}
.contribution_wrapper .contribution_side {
  padding: 30px;
  border-radius: 5px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.contribution_wrapper .buttons {
  margin-top: 20px;
  display: flex;
  gap: 15px;
}
.contribution_wrapper .buttons .button {
  margin: 0;
  width: 100%;
  background-color: #0bf;
}
.contribution_wrapper .buttons .button:hover {
  background-color: rgb(0, 149.6, 204);
}

.contributors_number {
  font-weight: 600;
  font-size: 1.25rem;
  color: #32323B;
  margin-right: 5px;
}

.progress_wrapper {
  margin-top: 15px;
  padding-bottom: 50px;
  margin-bottom: 20px;
  text-align: right;
  border-bottom: 1px solid #ddd;
}
.progress_wrapper span {
  color: #32323B;
  margin-top: 5px;
  display: block;
}
.progress_wrapper .progress_bar {
  height: 10px;
  border-radius: 5px;
  background-color: #f0f0f0;
  width: 100%;
}
.progress_wrapper .progress_bar .progress_fill {
  height: 100%;
  border-radius: 5px;
  background-color: #0bf;
  width: 0;
  transition: width 1s ease-in-out;
  position: relative;
}
.progress_wrapper .progress_bar .progress_number {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
}
.progress_wrapper .progress-text {
  margin-top: 8px;
  font-size: 14px;
  color: #555;
}

.contribution_price_wrapper {
  font-size: 16px;
  text-align: center;
  line-height: normal;
}
.contribution_price_wrapper .curr_price {
  font-size: 32px;
  font-weight: 600;
  color: #192030;
}

#page-contribution:has(.is-simple-view) {
  padding: 0;
}
#page-contribution:has(.is-simple-view) .container.narrow {
  padding-top: 30px;
  padding-bottom: 30px;
}

#page-contribution .small_main {
  display: flex;
  align-items: center;
  gap: 30px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 30px;
}
#page-contribution .small_main h1 {
  margin: 0px;
}
#page-contribution .small_main .image-wrapper {
  width: 200px;
  height: auto;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ofiara_wrapper h2 {
  margin-top: 30px;
}
.ofiara_wrapper .choice-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin: 0px 3px 3px 3px;
  border-radius: 5px;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.ofiara_wrapper .choice-group.error {
  background-color: rgba(220, 53, 69, 0.08);
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.2);
}
.ofiara_wrapper #step2 .choice-group {
  grid-template-columns: repeat(1, 1fr);
}
.ofiara_wrapper #step2 .choice-group .choice-box {
  padding: 10px 16px;
}
.ofiara_wrapper .error-message {
  display: none;
  color: #dc3545;
  font-size: 14px;
  margin-top: 5px;
  font-weight: 500;
}
.ofiara_wrapper .additional_info {
  position: relative;
}
.ofiara_wrapper .additional_info input[type=email].error {
  border-color: #dc3545;
  background-color: rgba(220, 53, 69, 0.05);
}
.ofiara_wrapper .input-wrapper.error label span {
  color: #dc3545;
}
.ofiara_wrapper .choice-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ofiara_wrapper .choice-box {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 48px;
  padding: 18px 16px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.ofiara_wrapper .choice-box:hover {
  border-color: #192030;
  color: #192030;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}
.ofiara_wrapper input[type=radio] + label::before,
.ofiara_wrapper input[type=radio]:checked + label::after {
  display: none;
}
.ofiara_wrapper .choice-label {
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
}
.ofiara_wrapper .choice-input:checked + .choice-box {
  border-color: #192030;
  color: #192030;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  background-color: #ebf7fc;
}
.ofiara_wrapper .choice-input:focus-visible + .choice-box {
  outline: 3px solid rgba(25, 32, 48, 0.35);
  outline-offset: 2px;
}
.ofiara_wrapper .choice-box--custom {
  gap: 10px;
  grid-column: 1/-1;
}
.ofiara_wrapper .choice-custom {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 200px;
}
.ofiara_wrapper .choice-custom-input {
  flex: 1;
  height: 42px;
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 0 12px;
  font-size: 16px;
}
.ofiara_wrapper .choice-custom-input:focus {
  border-color: #192030;
  box-shadow: 0 0 0 3px rgba(25, 32, 48, 0.18);
}
.ofiara_wrapper .choice-box--icon img {
  max-height: 28px;
  max-width: 100%;
}
.ofiara_wrapper .step {
  display: none;
}
.ofiara_wrapper .step.show-me {
  display: block;
  position: relative;
}
.ofiara_wrapper .step.show-me .head {
  display: flex;
  align-items: center;
}
.ofiara_wrapper .step.show-me .head h2 {
  margin: 0;
  margin-bottom: 20px;
}
.ofiara_wrapper .footer {
  display: flex;
  flex-direction: row-reverse;
  gap: 15px;
}
.ofiara_wrapper .footer .button {
  width: 100%;
  margin: 0;
}

.cb-container p a:not(.button),
.cb-container .text-wrapper a:not(.button) {
  color: #6dc2e9;
}
.cb-container p a:not(.button) p,
.cb-container .text-wrapper a:not(.button) p {
  color: #88888D;
}

.cb-container p a:not(.button):hover,
.cb-container .text-wrapper a:not(.button):hover {
  color: #32323B;
}
.cb-container p a:not(.button):hover p,
.cb-container .text-wrapper a:not(.button):hover p {
  color: #88888D;
}

.cb-container strong {
  font-weight: 600;
  color: #32323B;
}

.icon-card.border-style {
  background: #ebf7fc;
  padding: 40px;
  border: none;
}

.circle-header {
  display: flex !important;
  align-items: center;
  gap: 24px;
  padding: 20px 0px;
  box-sizing: border-box;
}
.circle-header h4 {
  margin: 0;
  font-size: 25px;
  font-weight: 500;
  color: #2d2d33;
}
.circle-header .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
}
.circle-header .icon .stage-number {
  margin: 0;
  font-weight: 500;
  font-size: 40px;
  color: #192030;
}
.circle-header .icon p {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: normal;
}
.circle-header .header-wrapper {
  flex: 1;
}

.phone-wrapper.v5 a {
  color: white;
}

.email-wrapper.v5 a {
  color: white;
}
.email-wrapper.v5 .email {
  display: block;
}

.article-section.dark {
  background-color: #f6f4f4;
}

.ui-accordion-header,
h2.ui-accordion-header {
  font-size: 1.4rem;
  cursor: pointer;
  transition: border 300ms;
  position: relative;
  font-weight: normal;
  border: 1px solid #e1e1e8;
  padding: 25px 30px;
  background-color: white;
  border-radius: 5px;
  margin-top: 4px !important;
  box-sizing: border-box;
}

.ui-accordion-header-icon:after {
  background-image: url(graphics/svg/plus.svg);
  background-size: 100%;
}

.ui-accordion-header-active .ui-accordion-header-icon:after,
h2.ui-accordion-header-active .ui-accordion-header-icon:after {
  background-image: url(graphics/svg/minus.svg);
}

.ui-accordion-header:first-child,
h2.ui-accordion-header:first-child {
  margin-top: 0px;
}

.ui-accordion-header-icon {
  top: 50%;
  transform: translateY(-50%);
}

.ui-accordion-content {
  position: relative;
  border: 1px solid #e1e1e8;
  border-top: none;
  padding: 25px 30px;
  background-color: white;
  border-radius: 5px;
  margin-bottom: 4px;
  box-sizing: border-box;
}

.ui-accordion-header.ui-accordion-header-active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0 !important;
}

.ui-accordion-header.ui-accordion-header-active + .ui-accordion-content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.label-combo {
  display: flex;
  gap: 15px;
  align-items: center;
}
.label-combo > div {
  flex: 1;
}

.normal-alert {
  height: 100%;
}

.error {
  color: red;
}

input.error {
  border-color: red;
}

.input-wrapper.combo {
  display: flex;
  gap: 15px;
  margin-top: 10px;
  padding: 0;
}
.input-wrapper.combo > div {
  flex: 1;
}
.input-wrapper.combo > div input {
  height: 40px !important;
  border-radius: 4px !important;
  font-size: 18px !important;
  color: black !important;
}

.show-more-wrapper .button {
  margin-top: 15px;
}

#donations-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
#donations-list .single_donation {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px 20px 10px 10px;
  display: flex;
  align-items: center;
  gap: 15px;
}
#donations-list .single_donation .donation_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  gap: 15px;
}
#donations-list .single_donation .avatar {
  background: #eee;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  box-sizing: border-box;
}
#donations-list .single_donation .avatar img {
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.6;
}
#donations-list .single_donation .name {
  font-size: 14px;
  color: #000;
}
#donations-list .single_donation .price {
  color: #000;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
}

.laureaci .contact_section svg,
.laureaci .contact_section img {
  width: 16px;
  height: 16px;
}
.laureaci .contact_section {
  font-size: 14px;
}
.laureaci .contact_section .phone-wrapper.v4,
.laureaci .contact_section .email-wrapper.v4 {
  align-items: center;
}

.photo-box-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  height: 500px;
}
.photo-box-wrapper .photo-box {
  transition: all 0.5s;
  flex: 1;
  height: auto;
  margin: 0px;
  position: relative;
  font-size: 0.95em;
}
.photo-box-wrapper .photo-box .content .hover-text {
  width: 420px;
  transition: all 0.5s;
  height: 0;
  overflow: hidden;
}
.photo-box-wrapper .photo-box .image {
  transition: all 0.5s;
  transform: scale(1);
}
.photo-box-wrapper .photo-box:hover {
  transition: all 0.5s;
  flex: 1.3;
}
.photo-box-wrapper .photo-box:hover .content .hover-text {
  transition: all 0.5s;
  height: 100px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.contributions-wrapper .contribution {
  display: block;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.contributions-wrapper .contribution .image-wrapper {
  width: 100%;
  height: 200px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.contributions-wrapper .contribution .image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.contributions-wrapper .contribution .img-placeholder {
  width: 100%;
  height: 200px;
  background-color: #f5f5f5;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.contributions-wrapper .contribution .content {
  padding: 20px;
}
.contributions-wrapper .contribution .content h3 {
  margin: 0;
  font-size: 20px;
  line-height: normal;
}
.contributions-wrapper .contribution .content .contribution_price_wrapper {
  text-align: left;
}
.contributions-wrapper .contribution .content .curr_price {
  font-size: 20px;
}
.contributions-wrapper .contribution .controls {
  margin-top: 20px;
}
.contributions-wrapper .contribution .controls .button {
  background-color: #0bf;
  width: 100%;
  margin: 0;
}
.contributions-wrapper .contribution.simple h3 {
  height: 2lh;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.contribution.disabled,
.contribution_side.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.contribution.disabled .controls .button,
.contribution.disabled .button,
.contribution_side.disabled .controls .button,
.contribution_side.disabled .button {
  background-color: #8f939c;
}

#page-error .cb-listing-tile-wrapper .image-wrapper .image {
  height: 100%;
}
#page-error .cb-listing-tile-wrapper .image-wrapper .image img {
  height: 100%;
}

#TOP .header-modules .support-us-button {
  padding: 17px 20px;
}

.flags {
  padding-right: 15px;
}
.flags a {
  color: #ffffff;
  border: none;
  font-size: 15px;
}

.flags #choose_lang {
  animation-name: SubmenuIn;
  animation-duration: 300ms;
}

.flags #choose_lang.flags-inline.show-me {
  background-color: white;
  box-shadow: 0px 0px 30px 0px rgba(26, 26, 26, 0.1);
  padding: 8px;
  border-radius: 3px;
}
.flags #choose_lang.flags-inline.show-me a {
  color: #1a1a1a;
}

.flags .chevron-svg svg {
  stroke: white;
  transition: all 300ms;
}

.flags li {
  padding: 2px 0px;
  border-bottom: 1px solid rgba(26, 26, 26, 0.1490196078);
  color: rgba(26, 26, 26, 0.6);
  font-weight: 400;
}

.flags li:last-child {
  border-bottom: none;
}

.flags:has(#choose_lang.flags-inline.show-me) .chevron-svg svg {
  transform: rotate(180deg);
}

#START #TOP.sticked .flags a,
#TOP .flags a {
  color: #1a1a1a;
}
#START #TOP.sticked .flags .chevron-svg svg,
#TOP .flags .chevron-svg svg {
  stroke: black;
}

.flags:hover {
  cursor: pointer;
}

#START #TOP.unsticked .flags a {
  color: white;
}
#START #TOP.unsticked #choose_lang a {
  color: #1a1a1a;
}
#START #TOP.unsticked .flags .chevron-svg svg {
  stroke: white;
}

#page-contributions_listing .contributions-wrapper .contribution .content > div h3 {
  line-height: 1.5rem;
  min-height: 3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.funding-logo-box {
  display: flex;
  align-items: center;
  gap: 30px;
}
.funding-logo-box .image-wrapper {
  border-radius: 0;
  flex: 1;
}
.funding-logo-box .image-wrapper img {
  min-height: 70px;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
}

.campaign_result {
  border: 5px solid #f5f3f3;
  padding-top: 60px;
  border-radius: 5px;
}
.campaign_result h2 {
  margin: 0 auto !important;
  text-align: center;
}
.campaign_result .tree-wrapper {
  padding-top: 200px;
  position: relative;
  margin: 0 auto;
}
.campaign_result .tree-wrapper .box {
  position: absolute;
  padding: 20px;
  border-radius: 6px;
  color: white;
  z-index: 1;
  height: -moz-max-content;
  height: max-content;
}
.campaign_result .tree-wrapper .box .title {
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
}
.campaign_result .tree-wrapper .box .value {
  font-weight: 500;
  font-size: 50px;
  line-height: normal;
  transition: all 0.3s ease;
}
.campaign_result .tree-wrapper .box .curr {
  font-size: 35px;
  line-height: normal;
}
.campaign_result .tree-wrapper .box.box1 .title {
  text-align: center;
}
.campaign_result .tree-wrapper .box.box1 {
  background-color: #4d5675;
  left: 50%;
  top: 7%;
  transform: translateX(-50%);
}
.campaign_result .tree-wrapper .box.box1::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid #4d5675;
  transform: translateX(-50%);
}
.campaign_result .tree-wrapper .box.box2::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid #a2c744;
  transform: translateY(-50%);
}
.campaign_result .tree-wrapper .box.box3::after {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 20px solid #eee8e8;
  transform: translateY(-50%);
}
.campaign_result .tree-wrapper .box.box4::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #f5f3f3;
  transform: translateX(-50%);
}
.campaign_result .tree-wrapper .box.box2 {
  background-color: #a2c744;
  left: 2%;
  bottom: 20%;
}
.campaign_result .tree-wrapper .box.box2 .title {
  text-align: right;
}
.campaign_result .tree-wrapper .box.box2 .value {
  color: #2d2d33;
}
.campaign_result .tree-wrapper .box.box2 {
  transform: translateY(-50%);
}
.campaign_result .tree-wrapper .box.box3 .title {
  color: #7c8398;
}
.campaign_result .tree-wrapper .box.box3 .value {
  color: #2d2d33;
}
.campaign_result .tree-wrapper .box.box3 {
  background-color: #eee8e8;
  right: 5%;
  top: 40%;
  transform: translateY(-50%);
}
.campaign_result .tree-wrapper .box.box4 .title {
  color: #7c8398;
  text-align: center;
}
.campaign_result .tree-wrapper .box.box4 .value {
  color: #2d2d33;
}
.campaign_result .tree-wrapper .box.box4 {
  background-color: #f5f3f3;
  right: 50%;
  bottom: 10%;
  transform: translateX(50%);
}
.campaign_result .tree-wrapper img {
  margin: 0 auto;
  display: block;
}
.campaign_result .controls {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
  padding: 50px;
  background-color: #f5f3f3;
}
.campaign_result .controls h3 {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
  font-size: 22px !important;
}
.campaign_result .controls .button {
  margin: 0;
}

.credo-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.credo-wrapper h2 {
  margin: 30px 0 0 0 !important;
}
.credo-wrapper .text-wrapper p {
  font-size: 1.25rem;
  margin-bottom: 0;
}
.credo-wrapper .text-wrapper {
  margin: 0 auto;
  padding: 30px 0 0 0;
  max-width: 800px;
}
.credo-wrapper .image-wrapper {
  width: 100px;
  margin: 0 auto;
}
.credo-wrapper {
  text-align: center;
}/*# sourceMappingURL=theme.css.map */