:root{
--pme-primary-color: #208552;
--pme-primary-color-dark: #14613b;
--pme-yellow: #ffd100;
}
a:focus,
button:focus,
input:focus,
select:focus{
outline: 2px solid #ff0000; outline-offset: 2px;
border-radius: 2px;
color:#000 !important;
}
.note{
font-style: italic;
margin:0;
padding-left:1em
}
button.cky-btn.cky-btn-accept{
background-color: #208552 !important;
border-color: #208552 !important;
}
button.cky-btn.cky-btn-reject {
border-color: #3e3d40 !important;
color: #3e3d40 !important;
}
h2#cookie-title-1 {
color: #3e3d40 !important;
}
.screen-reader-shortcut.btn:hover, .screen-reader-shortcut.btn:focus, .screen-reader-shortcut.btn:active, .screen-reader-shortcut.btn:active:hover {
color:#fff !important;
}
@media (min-width: 960px) {
body .submenu-dark .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:hover,
body .submenu-dark .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:focus {
color: #000000 !important;
}
}
.submenu-buttons .social-icos a:focus,
ul.drop-menu a.cursor-init:focus{
color:#000000 !important;
}
.mp-topbar a:focus{
color:#ffffff !important;
}
a{
cursor: pointer;
}
a.themecolor-link, .post-body a{
color:var(--pme-primary-color);
font-style: italic;
font-weight: 600;
}
ul#menu-menu-glowne li:focus {
outline: 1px dotted red !important;
color:red !important;
}
ul#menu-menu-glowne li:focus a{
color: red !important;
} a.themecolor-link:hover, .post-body a:hover{
color:#3e3d40 !important;
text-decoration: underline;
} .mp-topbar .contact-mail a{
color:#303133;
font-size:13px;
}
.mp-topbar .contact-mail a:hover{
text-decoration:underline;
}
.mp-topbar .social-topbar-icos ul, .mp-topbar .wcag-bar, .mp-topbar .form-button{
display:flex;
align-items: center;
gap:1em;
width: auto;
}
.mp-topbar .social-icos{
justify-content: start;
}
.mp-topbar .form-button{
justify-content: end;
}
.mp-topbar .social-topbar-icos a{
color:#303133;
font-size:17px;
}
.mp-topbar .social-topbar-icos a:hover, .mp-topbar .wcag-bar a:hover{
color: rgba(48,49,51,.5)
}
.mp-topbar .form-button a{
background-color:var(--pme-primary-color);
border:solid 1px var(--pme-primary-color);
border-radius:5px;
padding:5px 15px;
color:#fff;
text-transform:uppercase;
font-size:13px;
display: flex;
gap:4px;
width: auto;
flex-shrink: 0;
white-space: nowrap;
}
.mp-topbar .form-button a img {
height: 20px !important;
}
.mp-topbar .form-button a img:nth-child(2){
margin-left:10px;
}
.mp-topbar .form-button a:hover{
opacity:.85;
}
.mp-topbar .wcag-bar a{
height:30px
}
.mp-topbar .wcag-bar a img{
height:100%;
}
.sr-only{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.center{
text-align: center;
}
.signet-pattern{
background-image:url(//przydomowemagazyny.gov.pl/wp-content/uploads/2026/03/pme-pattern.webp), url(//przydomowemagazyny.gov.pl/wp-content/uploads/2026/03/pme-pattern.webp);
background-position: 10% 10%, 90% 90%;
background-size: min(25%, 400px);
background-repeat: no-repeat;
}
.top-menu.navbar{
background-color:#fff2b7;
}
.top-menu.navbar i{
display: none;
}
.top-menu.navbar ul li a, .menu-dark.top-menu .menu-bloginfo-inner{
color: #000000 !important;
}
.top-menu.navbar.menu-dark ul.menu-smart li.active a, .top-menu.navbar ul li a:hover{
color:#000000 !important;
font-weight: 500 !important;
}
.heat-pump-slider-img .background-inner{
background-position: 100% 50% !important;
}
.slider-title strong{   font-size: 1.3em;
line-height: 30px; }
.slider-info-box p.themecolor-bg-title {
background-color: var(--pme-primary-color);
color: #fff;
padding: 5px 20px 5px 8px;
display: inline-block;
margin-top: 5px;
}
.footer-divider{
margin-top:15px !important;
}
.footer-ico-txt{
display: flex;
flex-direction: row;
align-items: center;
gap:15px;
margin-top:15px !important;
}
.footer-ico-txt p, .footer-ico-txt h2{
margin: 0; font-size: 1.5em;
font-weight: 400;
font-family: Poppins, Poppins;
}
.footer-ico-txt h2.mail {
font-size: 0.8em;
}
.footer-ico-txt img{
width:35px;
vertical-align: middle;
max-width: unset;
}
.square {
position: relative;
width: 100%;
margin: 0 auto;
}
.square:after {
content: "";
display: block;
padding-bottom: 100%;
}
.squarecontent {
position: absolute;
width: 100%;
height: 100%;
}
.footer-logos .squarecontent{
background-color:transparent;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
padding:18px;
text-align: center;
}
.submenu-buttons {
display: flex;
height: 100%;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-end;
align-items: center;
width: 100%;
gap:10px;
}
.submenu-buttons div{
display: flex;
gap:10px;
width: 50%;
}
.submenu-buttons a, .cta-submit a{
background-color: #fff;
border-radius: 9999px;
width:45px;
height: 45px;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
color:var(--pme-primary-color);
transition: 0.4s;
font-style: normal;
}
.submenu-buttons .wcag-bar a img{
height:60%;
}
.submenu-buttons .social-icos a{
border:solid 2px var(--pme-primary-color);
}
.submenu-buttons .social-icos a:hover{
border:solid 2px var(--pme-primary-color-dark);
}
.submenu-buttons a:hover, .cta-submit a:hover{
border:solid 1px var(--pme-primary-color-dark);
color:#000;
background-color: transparent;
}
.submenu-buttons .heat-forms a, .cta-submit a{
width: auto;
padding: 0 15px;
font-size:0.8em;
font-weight: 600;
text-transform: uppercase;
line-height: 12px;
}
.submenu-buttons .heat-forms a img, .cta-submit a img{
height:52%;
margin-right: 10px;
}
.submenu-buttons .heat-forms a .fwd, .cta-submit a .fwd{
border:solid 1px #01b5eb;
height:100%;
border-radius: 9999px;
margin-right: -15px;
margin-left:15px;
padding:9px;
transition: 0.4s;
}
.dont-wait-cta-submit a .fwd{
border:solid 1px #000 !important;
}
.submenu-buttons .heat-forms a .fwd img, .cta-submit a .fwd img{
height: 100%;
margin-right: 0;
}
.submenu-buttons a:hover .fwd, .cta-submit a:hover .fwd{
background-color:var(--pme-primary-color);
fill:#fff;
}
.submenu-buttons a:hover img, .cta-submit a:hover img{
filter: invert(100%) sepia(10%) saturate(7462%) hue-rotate(248deg) brightness(116%) contrast(108%);
}
.about-card{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
}
.about-card > div{
width: 50%;
background-color:#fff;
height: auto;
transition: 0.4s;
cursor: pointer;
}
.about-col:hover .about-card > div{
background-color: var(--pme-primary-color);
}
.about-col:hover .about-card .title img{
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.about-col:hover .about-card .title h2{
color:#fff;
}
.about-card .photo img{
height: auto;
display: block;
}
.about-card .title{
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
font-weight: 700;
text-transform: uppercase;
}
.about-card .title h2{
font-size:1.2em;
line-height: 1.2;
margin-top:1em;
}
.about-card .title img{
height:80px;
}
.ue-funds img{
max-height:137px;
max-width: 100% !important;
width: auto !important;
margin: 0 auto;
}
.map-row{
background: url(//przydomowemagazyny.gov.pl/wp-content/uploads/2024/04/green-energy-house.png), url(//przydomowemagazyny.gov.pl/wp-content/uploads/2024/04/mew-signet.png);
background-repeat: no-repeat, no-repeat;
background-position: 10% 90%, right 102%;
background-size:auto 60%, auto 65%;
padding: 60px 0 40px;
}
.map-row h2{
max-width: 400px;
line-height: 1.2;
}
.dont-wait-cta{
display: flex;
flex-direction: row;
align-items: center;
}
.dont-wait-cta p{
font-size:0.8em;
margin:0;
max-width: 475px;
}
.dont-wait-cta img{
height:105px;
}
.dont-wait-cta-infocol{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.dont-wait-cta-infocol h3{
font-size:3em;
color:#fff;
white-space: nowrap;
}
.dont-wait-cta-infocol a{
display: flex;
flex-direction: row;
}
.dont-wait-cta-infocol .cta-submit a{
width: 200px;
background-color: #fff;
padding: 0 0 0 15px;
border:solid 1px var(--pme-primary-color);
transition: 0.4s;
color: #3e3d40 !important;
}
.dont-wait-cta-infocol .cta-submit a .fwd{
margin-right: -6px;
border:solid 1px #1a171b;
}
.dont-wait-cta-infocol .cta-submit a:hover img{
filter: brightness(0) saturate(100%) invert(21%) sepia(31%) saturate(2365%) hue-rotate(174deg) brightness(99%) contrast(94%);
}
.dont-wait-cta-infocol .cta-submit a:hover .fwd img{
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7451%) hue-rotate(86deg) brightness(111%) contrast(101%);
}
.project-stats .squarecontent{
border:solid 3px var(--pme-primary-color);
border-radius: 9999px;
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.project-stats .squarecontent p{
max-width: 80%;
margin: 0 auto;
text-align: center;
}
.project-stats .squarecontent p.value, .project-stats .squarecontent h2.value{
font-size: 2em;
font-weight: 700;
color:var(--pme-primary-color);
margin-top:0.5em;
}
.project-stats .squarecontent p.stat-desc{
font-size:0.9em;
font-weight: 600;
}
.stat-found-info p{
max-width: 520px;
margin: 0 auto;
font-weight: 300;
}
.post-title-date .uncode-info-box, .post-title-date .vc_custom_heading_wrap {
margin-top:15px !important;
}
.remember-content{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
align-content: center;
border: solid 3px var(--pme-primary-color);
box-shadow: var(--pme-primary-color) 0px 3px 8px;
}
.remember-content .box{
width: 50%;
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: nowrap;
padding: 30px;
position: relative;
background-color: #ffffffd6;
}
.remember-content .box:hover{
background-color: #e6e7e9;
}
.remember-content .box img{
width: 20%;
margin:0 5%;
}
.remember-content .box-description .title{
text-transform: uppercase;
font-weight: 700;
}
.remember-content .box-description a{
margin-top:1em;
font-weight: 700;
font-size:0.85em;
display: block;
}
.remember-content .box-description .text{
font-size:0.85em;
}
.remember-content-info-box img{
background-color: var(--pme-primary-color);
border-radius: 9999px;
padding:20%;
width: 50px;
}
.remember-content-info-box p{
font-size:0.7em;
}
.about-subsidy-header{
background: url(//przydomowemagazyny.gov.pl/wp-content/uploads/2025/05/Asset-1.svg);
background-repeat: no-repeat;
background-position: 30% 50%;
background-size: auto 90%;
}
.about-subsidy-header h1{
font-size: 4em !important;
width: 100%;
}
.circle-icons .squarecontent{
border:solid 3px var(--pme-primary-color);
border-radius: 9999px;
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap:15px;
}
.circle-icons .squarecontent img{
height: 60px;
}
.circle-icons .squarecontent p{
max-width: 70%;
margin: 0 auto;
text-align: center;
}
.circle-icons .squarecontent p.title{
font-weight: 700;
text-transform: uppercase;
}
.circle-icons .squarecontent p.desc{
font-size:0.85em;
font-weight: 400;
}
.bg-text{
-webkit-text-stroke: 1px #ececec;
color: #fff;
-webkit-text-fill-color: #fff;
font-weight: 700;
}
.budget-bg{
font-size: 8em !important;
line-height: 0.3;
opacity:0.6;
text-align: center;
}
.subsidy-bg, h2.subsidy-bg{
font-size:8em !important;
text-align: center;
line-height: 0.2;
}
.subsidy-table{
text-align: center;
font-size: 0.8em;
white-space: normal;
}
.table-wrapper{
display: block;
overflow-x: auto;
white-space: nowrap;
}
.subsidy-table td{
font-weight: 400;
}
.subsidy-table tr:first-child{
background-color: var(--pme-primary-color);
color:#fff; }
.subsidy-table tr:first-child td{
font-weight: 700;
}
table.subsidy-table td:first-child{
border-left-width: 1px;
}
table.subsidy-table .new-segment{
border-top: solid 3px #eaeaea;
}
.docs-bg{
font-size:8em !important;
text-align: center;
line-height: 0.2;
}
body .uncode-accordion:not(.default-typography) .panel{
border-top:0;
}
body .uncode-accordion:not(.default-typography) .panel-title > a{
padding-right: 60px;
}
body .uncode-accordion:not(.default-typography) .panel-title > a > span{
color:#3e3d40;
font-weight: 700 !important;
font-size:1.2em;
text-transform: none;
letter-spacing: 0;
}
body .uncode-accordion:not(.default-typography) .panel-title > a > span::after {
top:50%;
background-color: var(--pme-primary-color);
border-radius: 9999px;
width: 45px;
height: 45px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff !important;
font-style: normal;
}
body .uncode-accordion:not(.default-typography) .panel-title > a > span:after{
transform: translateY(-50%) rotate(90deg);
}
body .uncode-accordion:not(.default-typography) .panel-title.active > a span:after {
transform: translateY(-50%) rotate(-90deg);
}
body .uncode-accordion:not(.default-typography) .uncode_text_column ol{
margin-left:20px;
}
.download-card, .download-card > div{
transition: 0.4s;
}
.download-card:hover > div{
background-color: #fefbf6;
}
.download-card:hover .download-ico-button img{
transition: 0.4s;
background-color:#f2faff;
}
.download-card .download-ico-button img{
padding: 10px;
border: solid 2px var(--pme-primary-color);
border-radius: 9999px;
}
.bullet-list ol {
margin-left: 30px !important;
}
.bullet-list li {
color: #3e3d40;
font-weight: 400;
margin-bottom: 15px;
}
.bullet-list li::marker {
color: var(--pme-primary-color);
font-weight: 700;
}
ol.olsub,
ol.olsub > li > ol {
list-style: none;
counter-reset: section;
padding-left: 0;
}
ol.olsub > li > ol {
padding-left: 25px;
}
ol.olsub > li,
ol.olsub > li > ol > li {
counter-increment: section;
}
ol.olsub > li::before,
ol.olsub > li > ol > li::before {
content: counters(section, ".") ". ";
font-weight: 600;
}
ol.olsub > li {
margin-bottom: 1em;
}
.results-bg{
font-size:8em !important;
text-align: center;
line-height: 0.2;
}
.rank-table, .stat-table{
width:100%;
}
.rank-table thead tr, .stat-table thead tr{
background-color: var(--pme-primary-color);
color: #fff;
text-align: left;
font-family: Ubuntu, Poppins, sans-serif !important;
text-transform: uppercase;
}
.rank-table thead th, .stat-table thead th{
font-size: 0.9em;
padding:12px 30px;
vertical-align: middle;
}
.rank-table thead th, .rank-table tbody td, .stat-table thead th, .stat-table tbody td{
border: solid 1px #e5e5e5;
}
.rank-table tbody tr, .stat-table tbody tr{
text-align: left;
}
.rank-table tbody td, .stat-table tbody td{
padding:12px 30px;
}
.rank-table tbody tr:nth-child(even), .stat-table tbody tr:nth-child(even){
background-color: #eceded;
}
.rank-table tbody td, .stat-table tbody td{
color:#3e3d40;
font-family: Poppins, sans-serif !important;
font-weight: 400;
font-size: 0.9em;
}
.stat-table tbody tr.sum{
background-color:#ffedd6;
}
.stat-table tbody tr.sum td{
font-weight: 600;
}
p.show-table{
text-align: center;
position: absolute;
width: 100%;
top: -50px;
right: 0;
}
p.show-table a{
font-style: normal;
text-decoration: underline;
padding: 15px;
color: var(--pme-primary-color);
border-radius: 29px;
}
body .btn, body .btn-link{
font-size:0.8em;
}
.footer-contact-section{
font-weight: 300;
}
.footer-contact-section .mail-contact a{
font-size:1.7em;
}
p.panel-title, .panel-collapse{
transition: 0.4s;
}
.panel-collapse, p.panel-title.active {
background-color: #f2f2f2;
}
body .panel-group .panel-heading + .panel-collapse .panel-body{
border-top:0;
position: relative;
}
.panel-body::before{
content: '';
height: 1px;
width: 70px;
background-color: var(--pme-primary-color);
position: absolute;
top: 0;
left: 0;
}
.panel-title > a{
font-style: normal;
}
p.sup-wrap {
margin-left: 1em;
display: flex;
flex-direction: row;
max-width: 990px;
}
p.sup-wrap sup {
color: var(--pme-primary-color);
top: 0.6em;
padding-right: 1em;
}
p.sup-wrap .sup-desc{
font-size:0.9em;
}
.mc-posts a{
cursor: pointer;
}
.basic-text{
font-weight: 400 !important;
font-size:15px !important;
font-family: Poppins, Poppins;
}
ul#menu-menu-footer{
padding-left: 0;
}
ul#menu-menu-footer li{
font-size:0.85em;
}
ul#menu-menu-footer li:first-child a{
padding-left:0;
}
.cky-revisit-bottom-left{ }
.ordered-lower-alpha{
list-style-type: lower-alpha;
}
ul.check > li::marker {
content: '✓';
color: green;
font-size: 1.5em;
font-weight: bold;
}
ul.check > li{
padding-left:10px;
}
.img-source{
text-align: center;
font-size: 0.8em;
}
strong.important{
color:var(--pme-primary-color) !important;
}
.about-section-content{ }
.uncode_text_column.page-header-subtitle:empty {
display: none;
}
.page-pme-menu .active-color-jevc-color.active a{
color:#000 !important;
text-decoration: underline;
}
@media screen and (max-width: 570px) {
.squarecontent img {
max-width: 70%;
}
.footer-contact-section .mail-contact a{
font-size:0.7em !important;
}
}
@media screen and (max-width: 959px){
.mp-topbar .form-button{
flex-direction: column;
}
.slider-info-box{
padding:1em !important;
}
.slider-title strong{
position: relative;
top:unset;
left: unset;
}
.slider-info-box .uncode_text_column{
align-items: center;
}
.slider-info-box p.orange-bg-title{
font-size:0.8em;
}
.slider-info-box ul{
text-align: left;
}
.submenu-buttons{
flex-direction: column;
gap:15px;
}
.submenu-buttons a{
border:solid 1px var(--pme-primary-color);
}
.submenu-buttons .search, .submenu-buttons .social-icos, .submenu-buttons .wcag-bar, .submenu-buttons .heat-forms .submit-form{
display: none;
}
.navbar-nav li{
text-align: center;
}
.navbar-nav li.active a{
color:#000 !important;
}
.navbar-nav li a.search-icon span, .navbar-nav li a.search-icon .fa-dropdown{
display: none;
}
.navbar-nav li a.search-icon i{
margin-right: 0;
font-size:1.5em;
}
.navbar.menu-primary .menu-horizontal-inner{
display: flex;
flex-direction: column;
}
.navbar.menu-primary .menu-horizontal-inner .submenu-buttons{
order:3;
margin-bottom:30px;
}
.wpb_row.row-inner .about-col:nth-child(odd) .about-card{
flex-direction: row-reverse;
}
.about-card .title p{
font-size:0.9em;
}
.map-row{
background: url(//przydomowemagazyny.gov.pl/wp-content/uploads/2024/04/mew-signet.png);
background-repeat: no-repeat;
background-position: right 102%;
background-size: auto 65%;
padding: 40px 0 40px;
}
p.show-table{
bottom: -37px !important;
top:unset !important;
text-shadow: 1px 0px 3px var(--pme-primary-color) !important;
}
p.show-table a{
color:#fff!important;
}
.dont-wait-cta-infocol{
flex-direction: column;
}
.project-stats .square{
width:80%;
margin: 0 auto;
}
.project-stats .squarecontent p.stat-title{
font-size:0.8em;
}
.project-stats .squarecontent p.value{
font-size:1.5em;
}
.remember-content .box{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
padding: 30px;
position: relative;
text-align: center;
}
.remember-content .box a{
margin-top:2em;
}
.remember-content .box::before{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 30%;
height: 1px;
background-color:var(--pme-primary-color);
}
.remember-content .box:nth-child(4)::before{
height: 0;
}
.about-subsidy-header{
background: url(//przydomowemagazyny.gov.pl/wp-content/uploads/2026/03/pme-pattern.webp);
background-repeat: no-repeat;
background-position: 50% 16%;
background-size: cover;
}
.about-subsidy-header h1{
font-size: 3em !important;
width: 100%;
}
.about-subsidy-header .vc_custom_heading_wrap{
text-align: center !important;
}
.circle-icons .squarecontent p{
max-width: 75%;
}
.circle-icons .squarecontent p.desc{
font-size:0.80em;
font-weight: 400;
}
.budget-bg{
font-size: 3em !important;
}
.subsidy-bg{
font-size: 3em !important;
}
.docs-bg{
font-size: 3em !important;
}
.results-bg{
display: none;
}
footer .footer-last{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.footer-scroll-top{
bottom: 60px !important;
}
.footer-contact-section .mail-contact a{
font-size:1.4em;
}
.panel-collapse, p.panel-title.active{
background-color: unset;
}
.footer-ico-txt p, .footer-ico-txt h2{
font-size:1.2em;
}
}
@media screen and (min-width: 960px){
p.panel-title{
padding:15px 30px;
}
.panel-collapse{
padding:0 30px;
}
body .menu-wrapper .row-menu.limit-width .row-menu-inner{
padding:0;
}
#menu-menu-glowne li{
text-transform: uppercase;
}
.menu-horizontal-inner{
display: flex !important;
}
.nav.navbar-nav.navbar-nav-first, .nav.navbar-nav.navbar-nav-last{
display: none !important;
}
.about-row:nth-child(even) .about-card{
flex-direction: row-reverse;
}
.remember-content .box:nth-child(1)::before{
content:'';
height:90%;
width:1px;
background-color:var(--pme-primary-color);
bottom:0;
right: 0;
position: absolute;
}
.remember-content .box:nth-child(2)::before{
content:'';
width:30%;
height:1px;
background-color:var(--pme-primary-color);
bottom:0px;
left: 0;
position: absolute;
}
.remember-content .box:nth-child(3)::before{
content:'';
width:90%;
height:1px;
background-color:var(--pme-primary-color);
top:-1px;
right: 0;
position: absolute;
}
.remember-content .box:nth-child(4)::before{
content:'';
width:1px;
height:25%;
background-color:var(--pme-primary-color);
top:0;
left: -1px;
position: absolute;
}
ul.drop-menu {
background-color: #fff !important;
border-radius: 15px;
box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
transition: all 0.5s;
}
body .submenu-dark .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul.drop-menu a:hover{
color:#000 !important;
}
.top-menu.top-menu-enhanced.top-menu-border.menu-dark .row-menu-inner::after, body.menu-mobile-borders .submenu-dark .menu-container .main-menu-container .menu-horizontal, body:not(.menu-force-opacity) .menu-dark .menu-borders.needs-after .navbar-nav-last > *:first-child::after, body:not(.menu-force-opacity) .menu-dark .menu-borders.needs-after .navbar-nav + .navbar-cta:not(.hmenu-center-split-child) > *:first-child::after, body:not(.menu-force-opacity) .menu-dark .menu-borders.needs-after .navbar-nav-first > *:first-child::after, .top-menu.top-menu-enhanced.submenu-dark:not(.top-menu-border) .row-menu-inner .menu-horizontal ul.menu-smart > li > ul{
border: solid 1px var(--pme-primary-color) !important;
}
body .menu-dark .menu-smart > li.current-menu-ancestor > a{
color: unset !important;
}
.top-menu.top-menu-enhanced.submenu-dark:not(.top-menu-border) .row-menu-inner .menu-horizontal ul.menu-smart > li > ul a{
color:var(--pme-primary-color);
}
}
@media screen and (max-width: 1080px){
.submenu-buttons .fwd{
display: none;
}
}
@media screen and (max-width: 1040px){
.mp-topbar .social-icos{
display: none;
}
}
@media screen and (max-width: 1200px){
body .menu-wrapper .row-menu.limit-width .row-menu-inner{
padding:0 5px !important;
}
}
@media screen and (min-width: 960px) and (max-width: 1200px){
.main-scene-description{
height: 50px;
overflow: hidden;
}
}
@media screen and (min-width: 960px) and (max-width: 1500px){
.slider-title{
left: -60px;
}
.main-scene-description{
height: 50px;
overflow: hidden;
}
}
@media screen and (max-width: 1700px){
body #page-header .row-background.background-element .background-inner{
background-size: auto !important;
}
} .mc-map .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#ffffffe3;}
.mc-map .st1{opacity: 0.3;
stroke-width: 2px;
stroke: #bbbbbb;
enable-background:new;
}
.mc-map .st3{font-size:25px; text-anchor: middle;}
.mc-map .water{
fill: var(--pme-primary-color);
font-weight: 600;
font-size: 2em;
}
.mc-map .air{
fill: #5b8aa9;
font-weight: 600;
font-size: 2em;
}
.mc-map{
position: relative;
}
.mc-map .map-desc{
position: absolute;
bottom:-10px;
left:0;
background-color:#ffffffdb;
padding:5px 15px 5px 30px;
border-radius: 5px;
font-size:0.8em;
opacity: 0.8;
}
.mc-map .map-desc p{
margin:0;
font-size: 1.2em;
}
.mc-map .map-desc p:before{
content: '';
width: 10px;
height: 10px;
position: absolute;
margin-top: 8px;
margin-left: -15px;
border-radius: 2px;
}
.mc-map .water-desc:before{
background-color:var(--pme-primary-color);
}
.mc-map .air-desc:before{
background-color: #5b8aa9;
} #ranking-list.loading .mc_spinner{
display: block;
}
#ranking-list.loading table{
display: none;
}
.mc_spinner {
width: 11.2px;
height: 11.2px;
animation: spinner-o824ag 0.8s infinite linear;
margin: 30px auto;
display: none;
}
.mc_spinner div {
position: absolute;
width: 100%;
height: 100%;
background: var(--pme-primary-color);
border-radius: 50%;
animation: spinner-vse6n7 1s infinite ease;
}
.mc_spinner div:nth-child(1) {
--rotation: 90;
}
.mc_spinner div:nth-child(2) {
--rotation: 180;
}
.mc_spinner div:nth-child(3) {
--rotation: 270;
}
.mc_spinner div:nth-child(4) {
--rotation: 360;
}
@keyframes spinner-vse6n7 {
0%, 100% {
transform: rotate(calc(var(--rotation) * 1deg)) translateY(0);
}
50% {
transform: rotate(calc(var(--rotation) * 1deg)) translateY(300%);
}
}
@keyframes spinner-o824ag {
to {
transform: rotate(360deg);
}
} .popup-check-status h2{
text-align: center;
}
.popup-check-status label, form#mewCalc label{
font-weight: 700;
font-size: 0.75em;
margin-top:20px;
}
.popup-check-status .popup-text{
text-align: center;
font-weight: 300;
}
.popup-check-status input{
margin:0;
background-color:#f6f6f6;
border:solid 1px #eceded;
box-shadow: none;
border-radius:120px;
}
.popup-check-status button{
margin:20px auto 0;
background-color: var(--pme-primary-color);
color: #fff;
max-width: 250px;
}
.popup-check-status .error{
display: none;
color:red;
font-size:0.8em;
}
form#mewCalc h3{
margin-bottom: 15px;
}
form#mewCalc .error{
display: none;
color:red;
font-size:0.8em;
position: absolute;
margin-top:-10px;
}
form#mewCalc input{
margin:0 0 15px 0;
background-color:#f6f6f6;
border:solid 1px #eceded;
box-shadow: none;
border-radius:120px;
width: 100%;
}
form#mewCalc .results{
display: none;
background-color: #efffef;
padding: 20px;
border-radius: 15px;
margin-top: 15px;
}
form#mewCalc .results p{
font-weight: 400;
}
form#mewCalc .results p span{
font-weight: 500;
}
form#mewCalc .note{
background-color: #fcfcfc;
padding: 20px;
border-radius: 15px;
margin-top: 15px;
}
form#mewCalc .note p, form#mewCalc .note li{
font-size: 0.9em;
}
form#mewCalc .results h3{
margin-top:0;
}
.popup-check-status .get-app-status form{
display: flex;
flex-direction: column;
margin: 30px auto 0;
}
.popup-check-status .status{
width: 100%;
padding: 1em;
text-align: center;
color:#fff;
text-transform: uppercase;
border-radius:5px;
}
.popup-check-status .status-success{
background-color: #4dc54d !important;
}
.popup-check-status .status-info{
background-color: #0b5fab !important;
}
.popup-check-status .status-error{
background-color: #FF3333 !important;
}
#pme-calc {
--pme-accent: #208552;
--pme-accent-dark: #175f3b;
--pme-text: #3e3d40;
--pme-muted: #545458;
--pme-border: #8a8a8a;
box-sizing: border-box;
max-width: 640px;
margin: 2rem auto;
padding: 40px;
background:
linear-gradient(rgba(255, 255, 255, .55), rgba(255, 255, 255, .55)),
#fbfaf0 url(//przydomowemagazyny.gov.pl/wp-content/uploads/2026/03/hero-bg-main.webp) left center / cover no-repeat;
border-radius: 16px;
box-shadow: 0 20px 60px rgba(0, 0, 0, .1);
font-family: Poppins, sans-serif;
color: var(--pme-text);
}
#pme-calc *, #pme-calc *::before, #pme-calc *::after { box-sizing: border-box; }
#pme-calc h2 {
font-family: Ubuntu, Poppins, sans-serif;
font-weight: 600;
font-size: 26px;
color: var(--pme-accent);
text-align: center;
margin: 0 0 8px;
}
#pme-calc .intro {
margin: 0 0 28px;
text-align: center;
font-size: 14px;
color: var(--pme-muted);
}
#pme-calc .field { margin: 0 0 22px; }
#pme-calc label {
display: block;
margin: 0 0 8px;
font-size: 14px;
font-weight: 600;
color: var(--pme-text);
}
#pme-calc input[type="text"],
#pme-calc select {
width: 100%;
height: 48px;
padding: 0 16px;
margin: 0;
font-family: inherit;
font-size: 15px;
color: var(--pme-text);
background-color: #fff;
border: 2px solid var(--pme-border);
border-radius: 8px;
box-shadow: none;
transition: border-color .3s ease, box-shadow .3s ease;
}
#pme-calc select {
-webkit-appearance: none;
appearance: none;
padding-right: 44px;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23208552' stroke-width='2'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: 12px 8px !important;
}
#pme-calc input[type="text"]:hover,
#pme-calc select:hover { border-color: #5a5a5a; }
#pme-calc input[type="text"]:focus,
#pme-calc select:focus {
outline: none;
border-color: var(--pme-accent);
box-shadow: 0 0 0 3px rgba(32, 133, 82, .35);
}
#pme-calc input::placeholder { color: #767676; opacity: 1; }
#pme-calc .hint {
display: block;
margin-top: 6px;
font-size: 13px;
color: var(--pme-muted);
}
#pme-calc label.check {
display: flex;
align-items: center;
gap: 12px;
margin: 0;
padding: 14px 16px;
font-weight: 500;
background: #fff;
border: 2px solid var(--pme-border);
border-radius: 8px;
cursor: pointer;
transition: background-color .3s ease, border-color .3s ease;
}
#pme-calc label.check:hover { border-color: #5a5a5a; }
#pme-calc label.check input {
width: 20px;
height: 20px;
margin: 0;
flex: 0 0 20px;
accent-color: var(--pme-accent);
border: 2px solid var(--pme-border) !important;
cursor: pointer;
}
#pme-calc label.check input:checked { border-color: var(--pme-accent) !important; }
#pme-calc label.check input:focus-visible {
outline: 3px solid rgba(32, 133, 82, .5);
outline-offset: 2px;
}
#pme-calc .req { color: #b3261e; margin-left: 2px; }
#pme-calc .field.has-error input[type="text"] {
border-color: #b3261e;
background-color: #fdf3f2;
}
#pme-calc .field.has-error input[type="text"]:focus {
box-shadow: 0 0 0 3px rgba(179, 38, 30, .3);
}
#pme-calc .field.has-error .hint {
color: #b3261e;
font-weight: 600;
}
#pme-calc .field.has-error .hint::before {
content: "!";
display: inline-block;
width: 16px; height: 16px;
margin-right: 6px;
border-radius: 50%;
background: #b3261e;
color: #fff;
font-size: 11px;
line-height: 16px;
text-align: center;
vertical-align: 1px;
}
#pme-calc .sr-only {
position: absolute !important;
width: 1px; height: 1px;
margin: -1px; padding: 0;
overflow: hidden; clip: rect(0 0 0 0);
white-space: nowrap; border: 0;
}
#pme-calc .result {
display: none;
margin-top: 32px;
padding: 24px;
background: linear-gradient(135deg, var(--pme-accent-dark) 0%, var(--pme-accent) 100%);
border: 0;
border-radius: 12px;
color: #fff;
text-align: center;
box-shadow: 0 10px 30px rgba(32, 133, 82, .25);
}
#pme-calc .result.is-visible { display: block; animation: pmeSlideIn .4s ease-out; }
#pme-calc .result.is-hiding  { animation: pmeFadeOut .3s ease-in forwards; }
@keyframes pmeSlideIn {
from { opacity: 0; transform: translateY(-10px); }
to   { opacity: 1; transform: translateY(0); }
}
@keyframes pmeFadeOut {
from { opacity: 1; }
to   { opacity: 0; }
}
#pme-calc .result-label {
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
}
#pme-calc .result-value {
margin: 0 0 18px;
font-family: Ubuntu, Poppins, sans-serif;
font-size: 42px;
font-weight: 700;
line-height: 1.2;
color: #fff;
}
#pme-calc .breakdown {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
border-top: 1px solid rgba(255, 255, 255, .3);
}
#pme-calc .breakdown li {
display: flex;
justify-content: space-between;
margin: 0;
padding: 10px 0;
font-size: 14px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, .2);
}
#pme-calc .breakdown li:last-child { border-bottom: 0; padding-bottom: 0; }
#pme-calc .breakdown li::before { display: none; }
#pme-calc .breakdown li span:last-child { font-weight: 600; color: #fff; }
#pme-calc .note {
margin: 24px 0 0;
padding: 0;
font-size: 13px;
line-height: 1.6;
color: var(--pme-muted);
}
@media (prefers-reduced-motion: reduce) {
#pme-calc .result { animation: none !important; }
}
@media (max-width: 600px) {
#pme-calc {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 28px 20px 32px;
border-radius: 0;
box-shadow: none;
}
#pme-calc h2 { font-size: 22px; }
#pme-calc .result {
margin-left: -8px;
margin-right: -8px;
padding: 22px 16px;
}
#pme-calc .result-value { font-size: 32px; }
}