:root {

    --black: #000000;
    --grey: #c6c8cd;
    --light-grey: #ededed;
    --dark-grey: #626262;
    --white: #ffffff;
    --brown: #826756;
    --bg: #002943;
    --gold-line: rgba(94,82,52,1);
    --form: #262626;
    --yellow: #fcc437;
    --orange: #f65219;
    --blue: #006db2;
    

  --color:     #e9ac36;    
    
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* Urzędowy stack */
body, p, li {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 15px;  /* Min. WCAG */
    line-height: 1.6; /* Czytelność */
}


h1,h2,h3,h4,h5,h6 {padding:unset;margin:unset;font-weight:500}
html 			{height:100%; position:relative; font-size:1rem;font-family: "Jost", sans-serif;background-color: var(--bg)}
body 			{margin:0;padding:0;background-color:var(--bg); }
img             {max-width:100%;height:auto !important}
a                 {color:var(--blue);text-decoration: none}
.w1500 {max-width:1500px;width:100%;margin:0 auto;position: relative}
.container {max-width:1500px;width:100%;margin:0 auto;position: relative}
.content {min-width:1500px}
.fundingBox {width:60%;margin:20px auto;position: relative;background-color: white;padding:5px 10px;max-width:1100px}
.fundingBox .fundingText{text-align: center;font-size:0.9rem}
.fundingBox .fundingFlex{display:flex;justify-content: space-between;align-items: center}
.fundingBox .fundingLogo:nth-child(1) img{max-height:100px;width:100%}
.fundingBox .fundingLogo:nth-child(2) img{max-height:70px;width:100%}
.fundingBox .fundingLogo:nth-child(3) img{max-height:50px;width:100%}




nav {position:relative;background-color: white;width:80%;margin:0 auto;min-width:1500px}
nav .navMain{position:relative;display:flex;justify-content: flex-start;align-items: center;width:98%}
nav .navMain .navLogo{flex-basis: 200px;background-color: var(--grey);padding:10px 5px}
nav .navMain .navItem{flex-basis: 17%;border-right:1px solid var(--grey);position: relative}
nav .navMain .navItem a{display:block;font-size:clamp(16px,1.6vw, 1.5rem);;font-weight:500;text-decoration: none;text-align: center;color:black;padding:10px 0}

nav .navMain .navLanguage{flex-basis: 10%;font-size:1.5rem;font-weight:500;text-align: center}
nav .navMain .navLanguage img{width:25px; margin-right:5px}
nav .navMain .navContact{flex-basis: 10%;font-size:clamp(16px,1.6vw, 1.5rem);;font-weight:500;background-color: var(--yellow);text-align: center;padding:10px;color:black}
nav .subNav{flex-basis: 100%; position:relative;display:flex;justify-content: space-between;align-items: center;background-color:var(--light-grey);padding:10px;gap:10px;overflow: hidden}
nav .subNav .subNavItem{flex:1 1 0;padding:0 10px;text-align: center;  white-space: nowrap;color:black}
nav .subNav .subNavSearch {  flex: 0 0 auto;padding: 5px 10px; }
nav .subNav .subNavSocial { flex: 0 0 auto;padding: 5px 10px;}
nav .subNav .subNavSocial img{ max-height:20px;top:3px ;position: relative}



nav .subNavContainer {  display:flex;width:100%;min-width:120px ;background-color:var(--light-grey);}
nav .subNavContainer .subNavSearch {  flex: 0 0 auto;padding: 5px 10px;cursor:pointer}
nav .subNavContainer .subNavSocial { flex: 0 0 auto;padding: 5px 10px;}
nav .subNavContainer .subNavSocial img{ max-height:20px;top:3px ;position: relative}

nav .subNav-track {
  display: flex !important;
  flex-wrap: nowrap;
  gap: 10px;
  width: max-content;
  animation: subNavScroll 40s linear infinite;
}

nav .subNav:hover .subNav-track {
  animation-play-state: paused;
}

@keyframes subNavScroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}



.nav-hover-container { display:block;transition:all 0.3s;;visibility:hidden; opacity:0;position: relative;width:100%;;background-color:white;;top:0;}
.dropdown-content {margin: auto;display:grid;justify-content: center;grid-template-columns: 1fr;box-shadow: 0px 20px 30px -20px black;}
.drop:hover {  background-color:white;}
.drop:hover + .nav-hover-container {  visibility:visible; opacity:1;}
.drop-li:hover > .drop {  background-color:#c8eaff;color:black;font-weight:bold}
.drop-li.hovered {  background-color:#c8eaff;color:black;font-weight:bold}
.nav-container.hovered {  background-color:#c8eaff;color:black;font-weight:bold}

.drop-li:hover > .nav-hover-container {  visibility:visible; opacity:1;}
.nav-hover-container { display:block;transition:all 0.3s;;visibility:hidden; opacity:0;position: absolute;width:100%;;background-color:white;;top:100%;z-index: 9}

.dropdown-icon-link {padding: 5px 10px;color:black;  text-decoration: none;font-size:1.1rem;cursor:pointer;   align-items: center;}
.dropdown-icon-link:hover {font-weight:bold}

.dropdown-title {text-align: center}


.dropdown-box .dropdown-title{}
nav .dropdown-icon-link {font-size:1rem !important;border-bottom:1px solid #cecece !important;}
nav .navMain .navItem .dropdown-icon-link:hover{background-color:#e9e9e9}




.mainBox {position: fixed;top:0;min-height:1200px;width:100%;}
.mainBox::before {position:absolute;width:60%;right:0;top:0;height:100%;content:"";background-size: cover;background-repeat: no-repeat;background-position: center;}
.mainBox::after {position:absolute;width:40%;left:0;top:0;height:100%;content:"";color:var(--bg)}


.mainBoxContent {position: relative;width:80%;margin:0 auto;height:600px;display:flex;justify-content: flex-start;align-items: center}
.mainBoxContent .mainBoxTitle{position: relative;font-size:2.4vw;color:white;line-height: 120%;font-weight: 700}
.mainBoxContent .mainBoxText{position: relative;font-size:1.1vw;color:white;line-height: 150%;margin-top:80px}
.mainBoxContent .mainBoxText::before{position: absolute;content:"";width:60%;height:2px;background-color:var(--dark-grey);left:0;top:-30px}
.mainBoxContent .mainBoxText::after{position: absolute;content:"";width:10%;height:2px;background-color:var(--orange);left:0;top:-30px}
.mainBoxContent .mainBoxLeft{width:33%}


.boxContainer    {position: relative;display:flex; align-items: center;width:80%;margin:0 auto 100px auto;justify-content: center}
.boxContainer   .boxItem {position: relative;flex:1 1 0;white-space: nowrap;;padding:50px}
.boxContainer   .boxItem:nth-child(1) {background-color:#e3e3e3}
.boxContainer   .boxItem:nth-child(2) {background-color:#e9e9e9}
.boxContainer   .boxItem:nth-child(3) {background-color:#f3f3f3}
.boxContainer   .boxItem:nth-child(4) {background-color:#ffffff}
.boxContainer   .boxIcon img{max-height:120px}
.boxContainer   .boxText {position: relative;font-size:1.3rem;font-weight:bold;margin-top:10px;color:black}


.sectionNews {position: relative;background-color:white;padding:50px 0}
.sectionNews .newsContainer {position: relative;background-color:#f1f1f1;width:80%;margin:0 auto;text-align: center}
.sectionNews .newsSectionTitle {position: relative;font-size: 2rem;font-weight:bold;padding:30px 0 }
.sectionNews .newsGrid {position: relative;display:flex;align-items: center;;justify-content: center;gap:50px;padding:50px}
.sectionNews .newsItem {position: relative;flex-basis: 100%;text-decoration: none}
.sectionNews .newsFoto {position: relative;width:100%;height:220px;background-size: cover;background-repeat: no-repeat;background-position: center}
.sectionNews .newsTitle {font-size:1.2rem;font-weight: bold;text-align: left;margin:20px 0;color:black;text-decoration: none;min-height:60px }
.sectionNews .newsDate {font-size:0.8rem;;text-align: left;color:#222222}



.sectionShort    {position: relative;background-color: var(--bg);background-image: url('/img/short-bg.webp');background-size: cover;background-repeat: no-repeat;background-position: center}
.sectionShort .shortContainer   {position: relative;width:70%;margin:0 auto;display:grid;grid-template-columns: 300px 1fr;justify-content: flex-start;align-items: flex-start;gap:50px;padding:80px 50px}
.sectionShort .rowShortLeft   {position: relative;}

.sectionShort .shortName{position: relative;font-size:2.5rem;color:white;line-height: 150%;;font-weight:bold}
.sectionShort .shortText{position: relative;font-size:1.5rem;color:white;line-height: 150%;margin-top:80px}
.sectionShort .shortText::before{position: absolute;content:"";width:60%;height:2px;background-color:var(--dark-grey);left:0;top:-30px}
.sectionShort .shortText::after{position: absolute;content:"";width:10%;height:2px;background-color:var(--orange);left:0;top:-30px}
.sectionShort .rowShortRight{display:grid;grid-template-columns: 1fr 1fr;justify-content: flex-start;align-items: flex-start;grid-gap:10px 50px}
.sectionShort .shortItem{background-color:#fcc437;display: grid;grid-template-columns: 1fr 50px;justify-content: flex-start;align-items: flex-start;;padding:12px 20px}
.sectionShort .shortArrow{text-align: right}
.sectionShort .shortArrow i{font-size:1.2rem}
.sectionShort .shortTitle{font-weight: bold;font-size:1rem}
.sectionShort .shortItem {color:black;text-decoration: none}


.sectionWhite    {position: relative;height:200px;background-color:white}

footer {background-color: #383838;position: relative;width:100%;padding:100px 0 20px 0}

.sectionFooter    {position: relative;display:grid;grid-template-columns: 1fr 1fr;justify-content: flex-start;align-items: flex-start;color:white;width:70%;margin:0 auto}
.sectionFooter  .footerLogo img  {max-width:400px;margin-bottom:50px}
.sectionFooter  .footerText   {}
.sectionFooter  .footerRight .footerText   {margin-top:30px}


footer .footerBarContainer    {position: relative;width:70%;margin:0 auto;display:flex;justify-content: center;align-items: center}
footer .footerBar    {background-color:#323232;;margin:30px 0 }
footer .footerBar   i {color:white}
footer .footerBar .blueBox   {background-color:var(--blue);padding:0 20px;text-align: right;height:100px;width:100%;display: flex;justify-content: flex-end;align-items:center;font-size:2.2rem;font-weight:bold;color:white}
footer .footerBarItem  {min-width:100px;position: relative;display:inline-block;height:100%;}
footer .footerBarItem img {max-height:25px;filter: brightness(0) invert(1) brightness(1.5); }


.hdweb {text-align: center;color:#cecece;font-size:0.8rem}


.language-box {position: relative;display: inline-block;z-index: 13;text-align: center;flex-basis: 20%} 
.language-box .text-white{color:white;font-size:1rem} 
.language-box .dropbtn {  background-color: white;  color: black;}
.language-box .dropbtn-footer {   border: none;  font-size: 1.2rem;width: 100%;}
.language-box .dropbtn-footer:hover {  border: none;  font-size: 1.2rem;width: 100%;cursor:pointer}
.language-box .dropbtn-footer i{ margin-right:10px}
.language-box .dropdown-content-language {  width: 200px;min-width:200px}
.language-box header .container { }
.dropdown-content-language {  display: none;  position: absolute;  background-color: white;  min-width: 380px;color:black;    z-index: 1;right:0;box-shadow: 0 0 10px -4px black;border-radius: 10px;padding:20px;font-size: 1rem;
text-align: left;z-index: 12}
.show {display:block}
.dropdown-content-language span {  color: black;  padding: 5px;  text-decoration: none;  display: block;	cursor:pointer}
.btn-lang.selected_lang {background-color: var(--grey);color:black;border-radius:5px}
.btn-lang:hover {background-color: var(--grey);color:black;border-radius:5px}
.nav-language-title {display:inline-block;padding:10px 0 10px 5px}
.close-l-box {position: absolute;  right: 10px;  top: 4px;}
.close-l-box i{font-size:1.2rem}
.btn-lang img {padding:0 10px 0 0;vertical-align: middle}



.modal-search input {border:1px solid #cecece;padding:10px 20px;width:85%;border-radius:5px;font-size:1.2rem}
.modal-search .search {background-color:var(--yellow);color:black;padding:10px 20px;border-radius:5px;font-size:1rem;;cursor:pointer}
.grid-search {display:grid;grid-template-columns:80% 20% ;width:95%;margin:0 auto}


.pageDetails .grid-search {display:grid;grid-template-columns:80% 20% ;width:100%;margin-bottom:20px}
.pageDetails .grid-search input {border:1px solid #cecece;padding:10px 20px;width:95%;border-radius:5px;font-size:1.2rem}
.pageDetails .grid-search .search {background-color:var(--yellow);color:black;padding:10px 20px;border-radius:5px;font-size:1rem;text-align: center;cursor:pointer}
.pageDetails .phraze {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #cecece}


.breadcrumbs-small a{color:#969696 !important;font-size: 0.8rem !important}
.breadcrumbs-small i{color:#969696 !important;font-size: 0.8rem !important;margin:0 10px}


.search-result {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #cecece}

.searchPage .filesGrid {width:100%;gap:0;padding:10px 0 }

.news-page {position: relative; width: 80%; margin: 20px auto; }
.news-page .news-grid {position: relative;width:100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;justify-content: flex-start;align-items: flex-start;gap:20px}
.news-page .section-items-news {position: relative;flex-basis: 15.78%;box-sizing: border-box;transition: all 0.5s ease;}
.news-page .news-module-foto {position: relative;height:400px;background-size: cover;background-position: center;background-repeat:no-repeat;}
.news-page a {text-decoration: none;}



.form-input {position: relative;margin:10px 0 20px 0;color:white}
.form-label {position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s;}
.form-label-textarea {position: absolute;top: 10%;    transform: translateY(-50%);left:10px;transition: all 0.2s;}
.form-input input::placeholder {  color: transparent;}
.form-input input{ padding:10px 10px;width:calc(100% - 20px);background-color:var(--form);color:var(--text);;font-size: 1rem;}
.form-input textarea{ padding:10px;;width:calc(100% - 21px);background-color:var(--form);height:139px;color:white;}

.form-input input:focus{ }
.form-input input:placeholder-shown ~ .form-label{position: absolute;top: 50%;    transform: translateY(-50%);left:10px;transition: all 0.2s;font-family: 'tt_norms_prothin' }

.form-input input:not(:placeholder-shown) ~ .form-label{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  font-size:0.8rem}

.form-input input:focus ~ .form-label { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px; font-size:0.8rem}

.form-input textarea::placeholder {  color: transparent;opacity: 0;}
.form-input textarea:focus{ }
.form-input textarea:placeholder-shown ~ .form-label-textarea{position: absolute;top: 15px;    transform: translateY(-50%);left:10px;transition: all 0.2s;font-family: 'tt_norms_prothin' }
.form-input textarea:not(:placeholder-shown) ~ .form-label-textarea{ position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px;  font-size:0.8rem}
.form-input textarea:focus ~ .form-label-textarea { position: absolute; top: 0; display: block; transition:all 0.2s;  color: black; background-color: white;  padding: 0 5px; font-size:0.8rem}

.form-input input[name="agree"] {width:20px}
.form-input  input[name="agree"].required {border:1px solid red}
.form-input  .requiredCheckbox {border:1px solid red}
.form-input span {color:black}




input[type="checkbox"].gold-border-checkbox { appearance: none;width: 26px;height: 26px;border: 1px solid #fab743;background-color: transparent;  cursor: pointer; position: relative;}

input[type="checkbox"].gold-border-checkbox:checked {  background-color: #fab743;  border-color: #fab743;}

input[type="checkbox"].gold-border-checkbox:checked::after {  content: "";  position: absolute;  top: 5px;  left: 9px;  width: 5px;  height: 10px;  border: solid black;  border-width: 0 2px 2px 0;  transform: rotate(45deg);}




#message {position:fixed;top:-150px; right:47%; background-color:green; border-radius:10px;opacity:1;box-shadow: 0px 0px 65px -5px black;z-index: 999}
#message .text{color:white;font-size:1rem; padding:30px 50px;line-height:200%;text-align: center}


.form-input label{font-size:1rem;;color:var(--text);font-family: 'tt_norms_prothin'} 
.form-input textarea::placeholder{font-size:1rem;;color:var(--text);font-family: 'tt_norms_prothin'} 
.form-input textarea:focus-visible{outline: none} 
input:focus-visible {  outline: none;}


.pageContainer {position: relative;width:80%;margin:20px auto;display:grid;grid-template-columns: 300px 1fr;justify-content: flex-start;align-items: flex-start;grid-gap:20px;min-width:1500px}
.pageTitle {font-weight:bold;margin-bottom:20px;}

.pageNav {;width:100%;height:100%;background-color: #f9f9f9;border-radius:5px;}
.pageContent {background-color:white;height:calc(100% - 40px);padding:20px;border-radius:5px}
.navTitle:first-of-type {border-radius:5px 5px 0 0; }
.navTitle:last-of-type {border-radius:0 0 5px 5px}
.navTitle {padding:5px 5px 5px 10px;border-bottom: 1px solid #cbcbcb;background-color: #e7e7e7;transition: all 0.2s }
.navTitle a {color: black;text-decoration: none;display:inline-block}
.navPos {padding:5px 5px 5px 55px;border-bottom: 1px solid #cbcbcb; position:relative;transition: all 0.2s}
.navPos::after{content: '\f101';  position:absolute;left: 25px;width: 40px;top: 30%;font-family:"Font Awesome 6 Free" !important;font-weight: bold; color: #e3e3e3;
  font-size: 0.7rem;}
.navPos a{color: var(--blue);text-decoration: none;;display:block}
.navPos img{max-width:40px;vertical-align: middle;}
.navTitle img{max-width:40px; vertical-align: middle;}


.navTitle:hover {background-color:var(--blue);color:white}
.navTitle:hover a{color:white}
.navPos:hover {background-color:var(--blue);color:white}
.navPos:hover a{color:white}

.btn-phone-white {color:white;text-decoration: none;display:inline-block !important}

.elements {position: relative}
.elements .section-title {  margin: 50px 0;}
.elements .gradient-border {  bottom: -59px !important;}
.elements .elements-title{font-size:1.6rem;color:#d7a406;padding-bottom:20px}
.elements-container {;position: relative;color:white;min-height:500px;padding-top:150px;font-family: 'tt_norms_prothin';  font-size: 1.5rem;  text-align: left;display:inline-block}
.elements-container .elements-content { display:block; position: relative;  font-family: 'tt_norms_prothin';  font-size: 1.5rem;  color: white;  text-align: left;  padding: 0px;   width: 60%;  margin: 30px auto 80px auto;}

.elements-container .elements-content h3 {font-weight:bold;font-family: "TTChocolates-Regular"; border-bottom: 1px solid var(--color);  padding-bottom: 10px;
  margin-bottom: 10px;  position: relative;}


.project-details.section-offer-box  {  margin:  0;}
.realizacje.section-offer-box  {  margin:  0;}


.elements-content img{height:auto !important;width:37%;}
.signature {max-width:25%;  position: absolute;  right: 0;bottom:-10vw;height:auto !important;margin-right:0}


.pageFileList {margin-top:50px}
.filesGrid {display:grid;grid-template-columns: 60px calc(100% - 160px) 100px;justify-content: flex-start;align-items:center;gap:10px;border-bottom:1px solid #cecece;width:50%}
.filesGrid img {max-width:50px}
.filesGrid a {text-decoration: none;color:var(--blue);font-family: "Jost", sans-serif;}
.filesGrid a:hover {text-decoration: underline}


.btn-delete-file {display:none}

.titlerBreak {margin-top:50px;margin-bottom:20px}


.Extend {width:100%;padding: 10px 0;}

.subpage-grid {display: flex;justify-content: flex-start;gap:10px;flex-wrap: wrap;margin-bottom:30px;align-items: stretch}
.subpage-item {display: flex;flex-basis: 45%; justify-content: flex-start;align-items: center;padding:20px;border:1px solid #cecece;border-radius:5px;color:var(--blue);text-decoration: none;transition: all 0.2s}
.subpage-item:hover {background-color:var(--blue);color:white}



.breadcrubms {margin-bottom:20px;border-bottom:1px solid #ebebeb;padding-bottom:10px}
.breadcrubms a{color:#7C7C7C;text-decoration: none;font-size:0.9rem}
.breadcrubms .curLink{color:#2DAEE7;text-decoration: none;font-size:0.9rem}
.breadcrubms i{color:#2DAEE7;font-size:0.8rem;margin:0 10px}


 .gallery-grid {  width: calc(100% - 240px);  grid-template-columns: repeat(4,1fr);position: relative;  display: grid; justify-content: center; align-items: center;
  grid-gap: 20px;}
.offer-box-item {  position: relative;  transition: all 0.5s ease; outline: 0 solid var(--color);}

.offer-box-foto::before {content: ''; display: block;position: absolute;top: 0;left: 0; width: 100%;height: 100%;
background-image: var(--bg-img);   background-position: center;background-size: cover;  background-repeat: no-repeat;transition: transform 0.5s ease-out; 
z-index: 1;}
.offer-box-foto {  position: relative;  font-size: 0;  z-index: 2;  overflow: hidden;}
.offer-box-foto img{  max-width: 100%; height: 200px !important;}

.offer-box-item {position: relative;transition: all 0.5s ease;outline:0 solid var(--color)}
.offer-box-item:hover {box-shadow: 0px 20px 38px -25px var(--color);outline: 1px solid var(--color);}

.offer-box-item:hover .offer-box-foto::before {transform: scale(1.12); }
.offer-box-item:hover .offer-box-foto::after {background-color: rgba(0,0,0,0.35);}
 .offer-box-item:hover .offer-box-text {font-size: 1.3vw;}
.offer-box-item:hover .offer-box-text {font-size: 1.1vw;}
.offer-box-item:hover .offer-box-text {font-size: 1.1vw;}


.grid-2 {display:grid; grid-template-columns: 1fr 1fr ;align-items: flex-start;justify-content: flex-start}
.grid-4 {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr;align-items: flex-start;justify-content: flex-start}
.grid-80-20 {display:grid; grid-template-columns: 90% 10%;align-items: center;justify-content: flex-start}
.grid-gap-1 {grid-gap:10px}
.grid-gap-2 {grid-gap:20px}
.grid-gap-3 {grid-gap:30px}
.grid-gap-4 {grid-gap:40px}
.grid-gap-5 {grid-gap:50px}
.grid-gap-9 {grid-gap:90px}
.grid-gap-0-2 {grid-gap:0 20px}


.grid-3t {display:grid; grid-template-columns: 1fr 1fr 1fr;align-items: self-start; }
.flex {display:flex}
.grid {display:grid}
.bb {border-bottom:1px solid var(--border);}
.bt {border-top:1px solid var(--border);} 
.bt-w {border-top:1px solid white} 
.br {border-right:1px solid var(--border);} 
.mb-05 {margin-bottom:0.5rem}
.mb-1 {margin-bottom:1rem}
.ml-1 {margin-left:1rem }
.ml-2 {margin-left:2rem}
.mb-2 {margin-bottom:2rem}
.mr-2 {margin-right:2rem}
.mr-1 {margin-right:1rem}
.mb-3 {margin-bottom:3rem}
.mb-4 {margin-bottom:4rem}
.mb-5 {margin-bottom:5rem}
.mb-6 {margin-bottom:6rem}
.mb-8 {margin-bottom:8rem}
.mt-03 {margin-top:0.3rem}
.mt-1 {margin-top:1rem}
.mt-10 {margin-top:10px}
.mb-10 {margin-bottom:10px}
.mt-2 {margin-top:2rem}
.mt-3 {margin-top:3rem}
.mt-4 {margin-top:4rem}
.mt-5 {margin-top:5rem}
.mt-6 {margin-top:6rem}
.mt-8 {margin-top:8rem}
.mt--10 {margin-top:-10px !important}
.mt--9 {margin-top:-9px !important}
.mt--5 {margin-top:-5px !important}
.pb-03 {padding-bottom:3px}
.pb-05 {padding-bottom:5px}
.pb-06 {padding-bottom:6px}
.pb-1 {padding-bottom:1rem}
.pb-2 {padding-bottom:2rem}
.pb-04 {padding-bottom:0.4rem}
.pb-10 {padding-bottom:10px}
.pb-20 {padding-bottom:20px}
.pt-1 {padding-top:1rem}
.pt-10 {padding-top:10px}
.pl-1 {padding-left:1rem}
.pl-2 {padding-left:2rem}
.pl-10 {padding-left:10px}
.pt-2 {padding-top:2rem}
.pr-1 {padding-right:1rem}
.pr-2 {padding-right:2rem}
.pr-50 {padding-right:50px}
.pr-100 {padding-right:100px}
.p1 {padding:1rem;}
.p2 {padding:2rem;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.text-red {color:var(--red);font-weight:bold}
.text-cyan {color:darkcyan;font-weight:bold;text-decoration: none}
.text-0-8 {font-size:0.8rem;}
.text-1 {font-size:1rem;}
.text-1-2 {font-size:1.2rem;}
.text-1-4 {font-size:1.4rem;}
.text-1-6 {font-size:1.6rem;}
.disabled {background-color:#c2c2c2}
.bold {font-weight:bold}
.dark-grey-box {background-color:var(--dark-grey); color:white;border-radius:10px; padding:20px; }
.hide {display:none}
.hide-f {display:none !important}
.text-center {text-align: center}
.text-left {text-align: left}
.text-right {text-align: right}
.pr {position: relative}
.oh {overflow: hidden}
.lh-2 {line-height:200%}
.w100 {width:100% !important} /* NEW */
.w50 {width:50% } /* NEW */
.w60 {width:60% } /* NEW */
.w70 {width:70% } /* NEW */
.w82 {width:82% } /* NEW */
.mw150 {min-width:150px}
.db {display:block}
.dib {display:inline-block}
.btn-container-right {position: relative;text-align:right }
.btn-container-center {position: relative;text-align:center}
.ar {position:relative; margin-right:0;margin-left:auto} /*  NEW  */
.al {position:relative; text-align: left} /*  NEW  */
.link-text {text-decoration:none;font-size:0.8rem;color:var(--dark-grey);}
.link-text:hover {text-decoration:underline;}
.link-pdf {text-decoration:none;font-size:1rem;color:var(--orange);font-weight: bold}
.link-pdf:hover {text-decoration:underline;}
.auto-rows {grid-auto-rows: 1fr;align-items: unset}
.h100 {height:100%;}
.grid-cb {display:grid; grid-template-columns: 20% 80%; justify-content: center;align-items: center}
.disabledBtn {background-color:grey !important;color:white !important}
.disabledBtnFav {color:grey !important}
.fr {float:right}
.orange {color:orange}
.dark-red {color:var(--red)}
.emptyInfo {background-color: white;padding:20px}
.backToTop {position: sticky;bottom: 20px;right: 0;background-color: white;border-radius: 50%;padding: 10px;box-shadow: 0px 0px 35px -10px black;left: 100%;display: inline-block;margin-bottom: 20px;}
.backToTop:hover {color:var(--red);}
.hideBack {display:none !important}
.gr13 {grid-row:1/3}
.gr12 {grid-row:1/2}
.gc914 {grid-column:9/14}
.gc913 {grid-column:9/13}
.v-center {display:flex;align-items: center;height:100%}
p {margin:0}
.tar {text-align: right}
 .checkCont input[type="checkbox"],.checkCont input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.mh60 {min-height:60px}
.mh100 {min-height:100px}
.mh150 {min-height:150px}
.mh200 {min-height:200px}
.mh300 {min-height:300px}
.mh500 {min-height:500px}
.pt-0 {padding-top:0}
.colorYellow {color:#ff9700}
.colorGreen {color:#3f9d3d}
.colorBlue {color:#056eb0}
.va-c {align-items: center}
.btn-text {text-decoration: none;color:var(--dark-grey);font-size:0.8rem}
.btn-text-white {text-decoration: none;color:var(--white);font-size:0.8rem}
.btn-text-orange {text-decoration: none;  color: #e05c0b;  font-weight: bold;}
.bg-white {background-color:white}
.to-right {float:right}
.grid-2t {display:grid; grid-template-columns: 1fr 1fr;align-items: start; }
.showMob {display:none}
.tr {text-align: right}
.tc {text-align: center}
.checkCont {display: inline-block;position: relative;padding-left: 35px;margin-bottom:0;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkmark { position: absolute; top: -1px; left: 0; height: 20px; width: 20px; background-color: white;border:2px solid #00aafb;border-radius:5px}
.checkCont:hover >.checkmark { background-color: #DFDFDF;}
.checkCont input:checked ~ .checkmark { background-color: #00aafb;}
.checkCont .checkmark:after { content: ""; position: absolute; display: none;}
.checkCont input:checked ~ .checkmark:after { display: block;}
.checkCont .checkmark:after { left: 6px;top: 2px; width: 5px; height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}


.forDisabled  { background-color:var(--yellow);color:black;display: flex;padding:5px}
.forDisabled  div{ min-width:30px;text-align: center;cursor:pointer}

.modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:9;}
.close-button {position:absolute;right:0;margin:20px;width: 1.5rem;line-height: 1.5rem;text-align: center;cursor: pointer;border-radius: 0.25rem;background-color: #cecece;z-index:10;top:0}
.close-button:hover {background-color: darkgray;}
.show-modal {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:999}
.show-modal.modal-i .info-ghost-box{padding: 10px 20px 10px 85px;font-size: 2rem;text-align: center;}
.modal-content {width: 720px;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  background-color: white;  border-radius: 0.5rem;  display: block}
.modal-text {  text-align: center;  background-color: white;  border-radius: 0.5rem;}
.modal .powiadomienie { }
.modal .modalScroll {  max-height: 75vh;  overflow: auto;height:75vh}
.modal .msg-modal {text-align: left; padding:50px 20px 20px 20px;}
.modal .msg-modal .temat_wiadomosci {margin-bottom:20px}
.modal .title {font-weight:bold;font-size:1.2rem;margin:20px 0 }


.fontSize1 { font-size: 18px !important; }
.fontSize1 p{ font-size: 18px !important; }
.fontSize2 { font-size: 20px !important; }
.fontSize2 p{ font-size: 20px !important; }
.fontSize3 { font-size: 22px !important; }
.fontSize3 p{ font-size: 22px !important; }
.fontSize4 { font-size: 24px !important; }
.fontSize4 p{ font-size: 24px !important; }
.fontSize-1  p{ font-size: 14px !important; }
.fontSize-2 { font-size: 12px !important; }
.fontSize-2 p{ font-size: 12px !important; }
.high-contrast {
  background-color: #000 !important;
  color:#f7b900 !important;
}
.high-contrast * { 
  color: #f7b900 !important;
  background-color: #000 !important; 
}




#mobile {  opacity: 0;  visibility: hidden;  width: 100vw;  height: 100vh;  left: 0;  top: 0;  background-color: RGBA(0,0,0,0.9);  color: #fff;  z-index: 20;  display: block;  position: fixed;  transition: opacity .35s, visibility .35s, height .35s;overflow-y: auto;}

.open {  opacity: 1 !important;  visibility: visible !important;  display: block !important; }
#mobile .menu-item {  font-size: 4vw;  color: white;  padding: 15px 5px 15px 40px;  text-transform: uppercase;  letter-spacing: 5px;  display: inline-block;   text-decoration: none;border-bottom: 1px solid #404040;
  width: 100%;}
#mobile ul, #mobile li {  list-style: none;}
#mobile .mobile-menu {  position: relative;  width: 100%;  text-align: left;  margin-top: 1%;  display: inline-block;  z-index: 2;  left: 0%;background-color: #f9f9f9;padding-bottom: 20px;}
#mobile ul, #mobile li {  list-style: none;  padding: 0;  margin: 0;    margin-top: 0px;}


.offers-pagination{display:flex;gap:8px;justify-content:center;align-items:center;padding: 15px 0;}
.gotoPage{border:1px solid rgba(0,0,0,.15);background:#fff;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:600;line-height:1;transition:transform .05s ease, background .15s ease;}
.gotoPage:hover{ transform:translateY(-1px); }
.gotoPage.active{background:#111;color:#fff;border-color:#111;}
.gotoPage.is-disabled{opacity:.4;cursor:not-allowed;transform:none;}
.offers-pg-dots{padding:0 4px;opacity:.6;font-weight:700;}
.offers-pg-note{  text-align:center;  margin-top:6px;  opacity:.65; font-size:12px;}




.show-modal-quqi {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:999}
.quqi .modal-content {width: 100%;position: absolute;top: unset;left: 0;transform: unset;background-color: white;border-radius: 0;display: block;bottom: 0;}
.quqi .modal-content .modal-text .title {font-size:1.5rem}
.quqi .modal-content .modal-tresc {font-size:0.8rem}
.quqi .settings-quqi {max-width: 50%;  margin: 0 auto;  text-align: left;}
.quqi .title {  padding: 10px 0;position:relative;left:unset;top:unset;color:unset}
.quqi label {font-weight: bold}
.quqi .quqi-btn-container {text-align: center;display: flex;align-items: center;justify-content:center;grid-gap: 30px;position: relative;margin: 20px 0;}
.quqi .quqi-item {margin: 20px 0;}
.quqi .checkCont {  padding-left: 45px;}
.footer-quqi .settings-quqi {width:100%;max-width:100%}
.footer-quqi .title {font-weight: bold;  font-size: 1.5rem;}
.quqi .btn-orange-small{min-width:220px}
.quqi .set-quqi{min-width:200px}
.quqi .more-info-quqi{min-width:200px}
.quqi .btn-quqi-set{padding: 7px 10px;font-size: 0.8rem;}
.btn-orange-small {display: inline-block;text-align: center;padding: 8px 20px;color: black;background-color: #7CEA8D;border-radius: 5px;cursor: pointer;min-width: 100px;position: relative;text-decoration: none;font-weight: normal;box-sizing: border-box;}
.btn-cyan-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 8px 10px;color: white;border-radius: 5px;background-color: #4682F5;cursor: pointer;position: relative;font-weight: normal;text-decoration: none;min-width: 100px;box-sizing: unset;margin: 10px 0;max-width: 200px;width: calc(100% - 20px);}
.btn-cyan-ghost-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 7px 10px;color: #7a7979;border-radius: 5px;border: 1px solid #7a7979;cursor: pointer;min-width: 150px;max-width: 200px;width: 100%;position: relative;font-weight: normal;text-decoration: none;}
.btn-red-ghost-small {display: inline-block;font-size: 0.8rem;text-align: center;padding: 7px 10px;color: #c72f00;border-radius: 5px;border: 1px solid #AA0000;cursor: pointer;min-width: 150px;max-width: 200px;width: 100%;position: relative;font-weight: normal;text-decoration: none;}

.btn-orange {display: inline-block;text-align: center;padding: 11px 20px;color: var(--black);background-color: var(--orange);border-radius: 5px;cursor: pointer;min-width: 100px;position: relative;text-decoration: none;font-weight: 500;box-sizing: border-box;}


.loader {display:none}
.loader {position: fixed;z-index: 9999;background-color: RGBA(255,255,255,0.5);width: 100%;height: 100%;text-align: center;display:none;top:0;left:0}
.loader img {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);transform: -webkit-translate(-50%, -50%); transform: -moz-translate(-50%, -50%); transform: -ms-translate(-50%, -50%);}


.fa, .far, .fas {
  font-family: "Font Awesome 6 Free";
}

.fa-paperclip {
    --fa: "\f0c6";
    --fa--fa: "\f0c6\f0c6";
    font-family: "Font Awesome 6 Pro";font-weight: 100
}






@media screen and (max-width : 1500px) {
.content { min-width: 100%;width:100%}
.fundingBox {  width: 80%;}
nav {  width: 100%;  min-width: 100%;}
.sectionShort .shortContainer {  position: relative;  width: 90%;}
.pageContainer {  min-width: 100%;}
.subpage-item {  flex-basis: 45%;}
.gallery-grid {  width: calc(100% - 10px);  grid-template-columns: repeat(3,1fr);}
.dropdown-content {  width: calc(100% + 100px);  left: -50px;  position: relative;  background-color: white;}
nav .navMain .navItem a {  padding: 10px 5px;font-size:clamp(0.9rem,1.5vw, 1.5rem)}

}







@media screen and (max-width : 1200px) {
nav .navMain .navLanguage {  flex-basis: 13%;}

}
@media screen and (max-width : 720px) {

.pageNav {display:none}
.showMob {display:block}
	.navSticky  {position: fixed;bottom: 0;z-index: 99;background-color:white;width:100%;grid-gap: 1%;box-shadow: 0px 0px 10px 0px black;}
	.navSticky  .headerSticky {   display: flex;  align-items: center;   padding: 10px;   grid-gap: 1%;;}
	.navSticky  .btn-nav-sticky { display: inline-block;text-align: center;text-decoration: none;color: var(--blue2);font-size:0.8rem;width:100%;position: relative;cursor:pointer}
	.navSticky  .btn-nav-sticky:hover { color: var(--blue2);}
	.navSticky  .btn-nav-sticky i{ font-size: 1.2rem;width:100%}
	.navSticky  .btn-nav-sticky i.rotateIcon{ transform: rotate(45deg);left: 5px;top: 5px;}
	.navSticky  .btn-nav-sticky:hover i{ color: var(--blue);}
	.navSticky  .hamburger-inner::before{top:-7px}
	.navSticky  .hamburger-inner::after{top:7px}
	.navSticky  .cart-item { top: 2px; left: unset;right:10%;width: 12px;height: 12px;font-size: 0.6rem;}
	.navSticky  .hamburger-inner, .navSticky .hamburger-inner::before, .navSticky .hamburger-inner::after {   width: 30px;}
	.navSticky  .hamburger-box {    width: 30px;height:15px}
	.navSticky  .hamburger-1.nol {   text-align: center;width:100%;top:0}
	.navSticky  .hamburger-text {  display:block; text-align: center;font-size:0.8rem;color: var(--text);}
	.hamburger-1.hamburger {display:none }
	.hamburger-1.hamburger.is-active {display:block !important}




.content { min-width: 100%;width:100%}
.fundingBox {  width:calc(100% - 20px); margin: 0px auto;}
nav {  width: 100%;  min-width: unset;}

nav .navMain .navItem { display:none}
nav .subNavContainer {display: block;}
nav .navLanguage {display: none;}
nav .navContact {display: none;}
nav .forDisabled {display: none;}
nav .subNavSocial {display: none;}
nav .subNavSearch {display: none;}

.mainBox::before {width:100%}
.mainBox::after {width:100%}


.mainBoxContent {width: calc(100% - 20px);    height: unset;    background-color: #002943bd;    padding: 10px;    text-align: center;}
.boxContainer {  width: calc(100% - 20px);display:grid;grid-template-columns: 1fr 1fr ;justify-content: center;align-items: center}
.boxContainer .boxItem {  flex: unset;  padding: 10px 5px;text-align: center}
 .boxContainer .boxIcon img {  max-height: 70px;}   
 .boxContainer .boxText {  font-size: 0.8rem;} 
 .sectionNews .newsContainer {  width: 90%;} 
 .sectionNews .newsSectionTitle {  font-size: 1.2rem;}
 .sectionNews .newsGrid {  display: grid;  align-items: center;  justify-content: center;  gap: 40px;  padding: 20px;}
 .sectionNews .newsTitle {  font-size: 0.9rem;line-height: 140%;margin: 20px 0 0 0;}
 .sectionShort .shortContainer {  position: relative;  width: 90%;  margin: 0 auto;  display: grid;  grid-template-columns: 1fr;  justify-content: flex-start;  align-items: flex-start;  gap: 50px;  padding: 20px 10px;}
 .sectionShort .rowShortRight {  display: grid;  grid-template-columns: 1fr;  justify-content: flex-start;  align-items: flex-start;  grid-gap: 10px 50px;} 
 footer {    padding: 50px 0 20px 0;} 
 .sectionFooter {    width: 90%; grid-template-columns: 1fr; }
 .sectionFooter .footerLogo img {  max-width: 100%;  margin-bottom: 50px;}
 footer .footerBarContainer {  width: 100%;display:block}  
 footer .footerBar .blueBox {  padding: 0 20px;  height: 70px;  width: calc(100% - 40px);    font-size: 1.2rem;} 
 .mainBox {  position: fixed;  top: 0; min-height: 100vh;  width: 100%;}
 .mainBoxContent .mainBoxLeft {  width:calc(100% - 0px);padding: 20px 0;}
 .mainBoxContent .mainBoxTitle {  font-size: 4.4vw;}
 .mainBoxContent .mainBoxText {  font-size: 3.1vw;  line-height: 150%;  margin-top: 60px;} 
 .fundingBox .fundingText {  text-align: center;  font-size: 0.7rem;  line-height: 100%;} 
 .mainBoxContent .mainBoxText::before {  width: 60%;  height: 1px;  left: 0;  top: -30px;}
 .mainBoxContent .mainBoxText::after {  width: 10%;  height: 1px;  background-color: var(--orange);  left: 0;  top: -30px;}
 
 .pageContainer {  width: 100%;  margin: 20px auto;  display: block;  gap:0; min-width: unset;}
 .filesGrid {  display: grid;  grid-template-columns: 55px calc(100% - 100px) 30px; gap: 10px;  border-bottom: 1px solid #cecece;  width: calc(100% - 10px);}
 .pageContent {  padding: 10px;width:calc(100% - 20px) }
 
 .subpage-grid {  display: grid;}
 
 
 .news .container {max-width:100%}
 .news-page .news-grid { grid-template-columns: 1fr 1fr;} 
 .news-module-title  {font-size:0.8rem;line-height: 140%}
 
 
 
 
 
}


@media screen and (max-width : 480px) {
 .fundingBox .fundingText {    font-size: 0.6rem;}
    
    }