@charset "UTF-8";
    span.footer-1 {
font-size: 20px;
font-weight: 600;
display: block;
letter-spacing: 7px;
}
.section-padding-10 {
padding: 100px 0 0px 0;
} .fixed-side-menu.expandable{
position: fixed;
top: 30%;
left: 0;
width: auto;
background: #c6612D;
border-radius: 0 10px 10px 0;
z-index: 9999;
display: inline-block;
padding: 0;
box-shadow: 0 10px 30px rgba(0,0,0,0.18);
}
.fixed-side-menu__list{
list-style: none;
margin: 0;
padding: 0;
}
.fixed-side-menu__list li{
margin: 0;
padding: 0;
}
.fixed-side-menu.expandable a{
display: flex;
align-items: center;
gap: 8px;
padding: 10px 12px;
color: #fff;
font-size: 16px;
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,0.22);
line-height: 1.2;
width: 48px;
overflow: hidden;
transition: background .25s ease, width .3s ease;
}
.fixed-side-menu.expandable a:hover{
background: #a24f24;
color: #fff;
}
.fixed-side-menu.expandable a svg{
width: 24px;
height: 24px;
flex: 0 0 24px;
margin-top: 2px;
} .fixed-side-menu.expandable a span{
opacity: 0;
max-width: 0;
white-space: nowrap;
overflow: hidden;
transition: opacity .25s ease, max-width .3s ease;
} .fixed-side-menu.expandable:hover a,
.fixed-side-menu.expandable:focus-within a{
width: 265px;
}
.fixed-side-menu.expandable:hover a span,
.fixed-side-menu.expandable:focus-within a span{
opacity: 1;
max-width: 220px;
} .fixed-side-menu.expandable a:focus-visible{
outline: 2px solid rgba(255,255,255,.9);
outline-offset: 2px;
} .fixed-side-menu.expandable a:first-child{ border-top-right-radius: 10px; }
.fixed-side-menu.expandable li:last-child a{ border-bottom: 0; border-bottom-right-radius: 10px; } @media (max-width: 768px){
.fixed-side-menu.expandable{ display: none; }
}
.phone-button-fixed{
position: fixed;
bottom: 70px;
left: 20px;
width: 60px;
height: 60px;
background: #c6612D;
border-radius: 50%;
z-index: 1000;
text-decoration: none; display: block;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
transition: background-color .25s ease, box-shadow .25s ease; overflow: hidden;
}
.phone-button-fixed:hover{
background: #a24f24;
box-shadow: 0 8px 16px rgba(0,0,0,0.25);
} .phone-button-fixed svg{
position: absolute;
left: 50%;
top: 50%;
width: 32px;
height: 32px;
fill: #fff;
display: block;
transform: translate(-50%, -50%);
transform-origin: 50% 50%;
transition: transform .25s ease;
will-change: transform;
}
.phone-button-fixed:hover svg{
transform: translate(-50%, -50%) scale(1.12);
}
.material-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin:30px 0;
}
.material-card{
display:block;
padding:30px;
border:1px solid #e5e5e5;
border-radius:6px;
text-decoration:none;
background:#fff;
transition:all .3s ease;
}
.material-card:hover{
border-color:#d46d2c;
transform:translateY(-3px);
}
.material-card h3{
margin-bottom:15px;
color:#222;
}
.material-card p{
margin:0;
color:#666;
}
@media(max-width:991px){
.material-grid{
grid-template-columns:1fr;
}
}
@media screen and (max-width: 768px){
.mobile-materials,
.mobile-materials tbody,
.mobile-materials tr,
.mobile-materials td{
display:block;
width:100% !important;
}
.mobile-materials td{
margin-bottom:20px;
box-sizing:border-box;
}
}  .navbar .pur-submenu { position: relative; }
.navbar .pur-submenu-heading { display: flex; align-items: center; justify-content: space-between; }
.navbar .pur-parent-link { flex: 1; min-width: 0; }
.navbar .pur-submenu-toggle { display: flex; align-items: center; justify-content: center; width: 34px; height: 38px; border: 0; padding: 0; background: transparent; color: inherit; cursor: pointer; }
.navbar .pur-submenu-toggle i { font-size: 11px; }
.navbar .pur-submenu-list { position: absolute; top: 0; left: 100%; display: block; list-style: none; min-width: 250px; margin: 0; padding: 10px 20px; background: #fff; border-radius: 0px; box-shadow: 0 8px 30px rgba(0,0,0,.16); z-index: 9999; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(6px); transition: opacity .2s ease, transform .2s ease, visibility .2s; }
.navbar .pur-submenu:hover > .pur-submenu-list,
.navbar .pur-submenu:focus-within > .pur-submenu-list,
.navbar .pur-submenu.pur-open > .pur-submenu-list { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); }
.navbar .pur-submenu-list li { display: block; margin: 0; padding: 0; border-bottom: 1px solid #eee; }
.navbar .pur-submenu-list li:last-child { border-bottom: none; }
.navbar .pur-submenu-list li a { display: block; padding: 12px 0; color:#666; font-size: 16px; font-weight: 400; text-transform: none; text-decoration: none; white-space: nowrap; }
.navbar .pur-submenu-list li a:hover,
.navbar .pur-submenu-list li a.active { color: #d96b32; }
@media (max-width: 991px) {
.navbar .pur-submenu-list { position: static; display: none; width: 100%; min-width: 0; margin: 0; padding: 0 0 0 16px; border-radius: 0; box-shadow: none; opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition: none; }
.navbar .pur-submenu:hover > .pur-submenu-list,
.navbar .pur-submenu:focus-within > .pur-submenu-list { display: none; }
.navbar .pur-submenu.pur-open > .pur-submenu-list { display: block; transform: none; }
.navbar .pur-submenu.pur-open .pur-submenu-toggle i { display: inline-block; transform: rotate(90deg); }
.navbar .pur-submenu-list li a { white-space: normal; }
}
.navbar .pur-submenu-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.navbar .pur-submenu-heading i {
font-size: 11px;
margin-left: auto;
padding: 0;
}  .pur-single-sidebar .pur-contact-form {
width: 100%;
}
.pur-single-sidebar .pur-contact-form .form-group {
margin-bottom: 16px;
}
.pur-single-sidebar .pur-contact-form .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.pur-single-sidebar .pur-contact-form .cf-field {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
margin: 0;
padding: 12px 14px;
border: 1px solid #e5e0db;
border-radius: 4px;
background: #fff;
color: #222;
font-size: 15px;
line-height: 1.5;
}
.pur-single-sidebar .pur-contact-form textarea.cf-field {
min-height: 140px;
height: 140px;
resize: vertical;
}
.pur-single-sidebar .pur-contact-form select.cf-field {
height: 48px;
cursor: pointer;
}
.pur-single-sidebar .pur-contact-form .cf-field:focus {
outline: none;
border-color: #c6612d;
}
.pur-single-sidebar .pur-contact-form .cf-btn {
width: 100%;
background: #c6612d;
border-color: #c6612d;
color: #fff;
padding: 14px 18px;
text-transform: uppercase;
letter-spacing: 2px;
cursor: pointer;
}
.pur-single-sidebar .pur-contact-form .cf-btn:hover {
background: #a94e21;
border-color: #a94e21;
}
.pur-single-sidebar .pur-contact-form .wpcf7-not-valid-tip {
font-size: 12px;
margin-top: 5px;
}  .sidebar-widget.services .pur-offer-parent,
.sidebar-widget.services .pur-offer-parent > ul,
.sidebar-widget.services .pur-offer-children,
.sidebar-widget.services .pur-offer-children > li {
margin: 0 !important;
background: transparent !important;
border: 0 !important;
} .sidebar-widget.services .pur-offer-children {
display: block !important;
padding: 0 !important;
list-style: none !important;
} .sidebar-widget.services .pur-offer-parent > a,
.sidebar-widget.services .pur-offer-children > li > a {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 12px 20px !important;
box-sizing: border-box !important;
background: transparent !important;
color: #333 !important;
line-height: 1.5 !important;
transition: background-color .2s ease, color .2s ease;
} .sidebar-widget.services .pur-offer-children > li > a {
padding-left: 30px !important;
} .sidebar-widget.services .pur-offer-children > li.active > a,
.sidebar-widget.services .pur-offer-children > li > a[aria-current="page"] {
background: #c6612d !important;
color: #fff !important;
} .sidebar-widget.services .pur-offer-parent > a:hover,
.sidebar-widget.services .pur-offer-children > li > a:hover {
background: #c6612d !important;
color: #fff !important;
} .sidebar-widget.services .pur-offer-children > li > a::after {
right: 20px !important;
} .sidebar-widget.services .pur-offer-parent > a::after {
content: none !important;
display: none !important;
} .sidebar-widget.services .pur-offer-children > li > a {
position: relative !important;
} .sidebar-widget.services .pur-offer-children > li > a::after {
position: absolute !important;
top: 50% !important;
right: 16px !important;
left: auto !important;
transform: translateY(-50%) !important;
margin: 0 !important;
line-height: 1 !important;
} .sidebar-widget.services .pur-offer-children > li > a > i {
position: absolute !important;
top: 50% !important;
right: 16px !important;
transform: translateY(-50%) !important;
margin: 0 !important;
} .sidebar-widget.services .pur-offer-heading {
padding: 12px 20px !important;
box-sizing: border-box !important;
width: 100% !important;
} .sidebar-widget.services .pur-offer-heading > a {
display: block;
padding: 0 !important;
margin: 0 !important;
} .pur-single-sidebar .sidebar-widget.services ul.pur-offer-links > li.pur-offer-parent {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.pur-single-sidebar .sidebar-widget.services ul.pur-offer-links > li.pur-offer-parent > a.pur-offer-heading-link {
display: block !important;
position: relative !important;
width: 100% !important;
margin: 0 !important;
padding: 12px 40px 12px 0px !important;
box-sizing: border-box !important;
background: transparent !important;
color: #333 !important;
line-height: 1.5 !important;
} .pur-single-sidebar .sidebar-widget.services ul.pur-offer-links > li.pur-offer-parent > a.pur-offer-heading-link::before {
content: none !important;
display: none !important;
}  .pur-single-sidebar .sidebar .services ul li.pur-offer-parent
> a.pur-offer-heading-link::after {
content: "\e64b" !important;
font-family: "themify" !important;
position: absolute !important;
right: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
opacity: 1 !important;
font-size: 10px !important;
font-weight: normal !important;
line-height: 1 !important;
z-index: 1 !important;
display: block !important;
}
.pur-single-sidebar .pur-offer-heading-link {
position: relative !important;
} .pur-single-sidebar .sidebar .services
ul.pur-offer-links > li.pur-offer-parent > a.pur-offer-heading-link {
position: relative !important;
z-index: 1;
background: transparent !important;
isolation: isolate;
} .pur-single-sidebar .sidebar .services
ul.pur-offer-links > li.pur-offer-parent > a.pur-offer-heading-link::before {
content: "" !important;
display: block !important;
position: absolute !important;
left: -20px !important;
right: -20px !important;
top: 0 !important;
bottom: 0 !important;
background: #c6612d !important;
border-radius: 0 !important;
opacity: 0 !important;
transition: opacity 0.3s ease !important;
z-index: -1 !important;
}
.pur-single-sidebar .sidebar .services
ul.pur-offer-links > li.pur-offer-parent > a.pur-offer-heading-link:hover::before,
.pur-single-sidebar .sidebar .services
ul.pur-offer-links > li.pur-offer-parent > a.pur-offer-heading-link:focus-visible::before {
opacity: 1 !important;
}
.pur-single-sidebar .sidebar .services
ul.pur-offer-links > li.pur-offer-parent > a.pur-offer-heading-link:hover,
.pur-single-sidebar .sidebar .services
ul.pur-offer-links > li.pur-offer-parent > a.pur-offer-heading-link:focus-visible {
color: #fff !important;
} .pur-footer-banner {
position: relative;
width: 100%;
padding: 65px 0 70px;
background:
linear-gradient(
90deg,
rgba(30, 20, 8, .88),
rgba(20, 20, 20, .78)
),
url(https://trakbud.pl/wp-content/uploads/2026/10/bezplatna-wycena-pomiar-trakbud.jpg)
center center / cover no-repeat;
color: #fff;
}
.pur-footer-banner-content {
max-width: 1100px;
}
.pur-footer-kicker {
color: #c6612d;
font-size: 14px;
letter-spacing: 5px;
text-transform: uppercase;
margin-bottom: 14px;
}
.pur-footer-banner h2 {
color: #fff;
font-size: clamp(32px, 4vw, 54px);
line-height: 1.08;
font-weight: 400;
text-transform: uppercase;
margin: 0 0 22px;
}
.pur-footer-contact {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
}
.pur-footer-contact a {
color: #fff;
font-size: 16px;
text-decoration: none;
transition: color .3s ease;
}
.pur-footer-contact a:hover {
color: #c6612d;
}
.pur-footer-separator {
width: 1px;
height: 16px;
background: rgba(255,255,255,.4);
}
@media (max-width: 767px) {
.pur-footer-banner {
padding: 45px 0;
}
.pur-footer-banner h2 {
font-size: 32px;
}
.pur-footer-contact {
align-items: flex-start;
flex-direction: column;
gap: 12px;
}
.pur-footer-separator {
display: none;
}
} .pur-footer-banner {
position: relative !important;
display: flow-root !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
background-image:
linear-gradient(
90deg,
rgba(30, 20, 8, 0.88),
rgba(20, 20, 20, 0.78)
),
url(https://trakbud.pl/wp-content/uploads/2026/10/bezplatna-wycena-pomiar-trakbud.jpg) !important;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
} @media (max-width: 767px) {
.pur-footer-banner {
padding: 45px 0 !important;
height: auto !important;
min-height: 0 !important;
}
.pur-footer-banner .pur-footer-banner-content {
position: relative !important;
height: auto !important;
min-height: 0 !important;
}
.pur-footer-banner .pur-footer-contact {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 14px !important;
margin: 0 !important;
}
}
.premium-quote-btn {
position: fixed;
right: 120px;
bottom: 30px;
z-index: 99999;
display: flex;
align-items: center;
gap: 12px;
min-width: 260px;
height: 68px;
padding: 8px 18px 8px 8px;
color: #fff;
text-decoration: none;
background: linear-gradient(
135deg,
#ff8a1f 0%,
#e36517 48%,
#c94f12 100%
);
border-radius: 999px;
box-shadow:
0 14px 35px rgba(0,0,0,.30),
0 0 24px rgba(232,100,23,.30),
inset 0 1px 0 rgba(255,255,255,.25);
transition:
filter .25s ease,
box-shadow .25s ease;
}
.premium-quote-btn:hover {
color: #fff;
filter: brightness(1.05);
display: flex;
box-shadow:
0 20px 45px rgba(0,0,0,.38),
0 0 32px rgba(232,100,23,.45),
inset 0 1px 0 rgba(255,255,255,.35);
}
.premium-quote-icon {
width: 50px;
height: 50px;
min-width: 50px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
color: #d85f22;
border-radius: 50%;
box-shadow:
0 6px 16px rgba(0,0,0,.15);
}
.premium-quote-icon svg {
width: 24px;
height: 24px;
stroke: currentColor;
stroke-width: 2;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
.premium-quote-text {
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1;
}
.premium-quote-text strong {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .3px;
}
.premium-quote-text small {
margin-top: 4px;
font-size: 14px;
font-weight: 300;
opacity: .95;
}
.premium-quote-arrow {
margin-left: auto;
font-size: 30px;
line-height: 1;
font-weight: 300;
opacity: .9;
} .pur-footer-banner {
position: relative;
width: 100%;
height: auto !important;
padding: 65px 0 70px;
overflow: hidden;
background:
linear-gradient(
90deg,
rgba(24, 19, 13, .90),
rgba(18, 18, 18, .86)
),
url(https://trakbud.pl/wp-content/uploads/2026/10/bezplatna-wycena-pomiar-trakbud.jpg)
center center / cover no-repeat !important;
color: #fff;
} .pur-footer-banner-grid {
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
gap: 55px;
align-items: center;
} .pur-footer-banner-content {
min-width: 0;
}
.pur-footer-kicker {
color: #c6612d;
font-size: 14px;
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 14px;
}
.pur-footer-banner-content h2 {
color: #fff;
font-size: clamp(30px, 3vw, 52px);
font-weight: 400;
line-height: 1.1;
margin: 0 0 24px;
text-transform: uppercase;
}
.pur-footer-contact {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
.pur-footer-contact a {
color: #fff;
text-decoration: none;
font-size: 18px;
transition: color .3s ease;
}
.pur-footer-contact a:hover {
color: #c6612d;
}
.pur-footer-separator {
display: inline-block;
width: 1px;
height: 16px;
background: rgba(255,255,255,.4);
} .pur-footer-certificates {
min-width: 0;
padding: 28px 30px;
background: rgba(10,10,10,.70);
border-radius: 8px;
}
.pur-footer-certificates h3 {
color: #fff;
font-size: 28px;
line-height: 1.3;
font-weight: 400;
margin: 0 0 0px;
padding: 0;
border: 0;
}
.pur-footer-cert-subtitle {
color: #c6612d;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
margin-bottom: 12px;
} .pur-footer-brands {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 14px 0 20px;
max-width: 340px;
}
.pur-footer-brand {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
height: 50px;
padding: 0px 10px;
background: #fff;
border-radius: 7px;
box-sizing: border-box;
}
.pur-footer-brand img {
display: block;
width: 100%;
height: 100%;
max-width: 145px;
object-fit: contain;
object-position: center;
} @media (max-width: 767px) {
.pur-footer-brands {
max-width: 100%;
gap: 8px;
}
.pur-footer-brand {
height: 64px;
padding: 10px;
}
}
.pur-footer-cert-list {
list-style: none;
padding: 0;
margin: 0 0 16px;
}
.pur-footer-cert-list li {
position: relative;
padding: 0 0 0 18px;
margin-bottom: 0px;
color: #bbb;
font-size: 16px;
}
.pur-footer-cert-list li::before {
content: "•";
position: absolute;
left: 0;
top: 0;
color: #c6612d;
font-size: 19px;
line-height: normal;
}
.pur-footer-cert-actions {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.pur-footer-cert-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 14px;
border: 1px solid #c6612d;
border-radius: 30px;
color: #c6612d;
font-size: 16px;
font-weight: 400;
text-decoration: none;
transition: background .3s ease, color .3s ease;
letter-spacing: .2px;
}
.pur-footer-cert-actions a:hover {
background: #c6612d;
color: #fff;
} @media (max-width: 991px) {
.pur-footer-banner-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.pur-footer-certificates {
padding: 25px;
}
}
@media (max-width: 767px) {
.pur-footer-banner {
padding: 45px 0 !important;
height: auto !important;
}
.pur-footer-banner-content h2 {
font-size: 30px;
}
.pur-footer-contact {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.pur-footer-separator {
display: none;
}
.pur-footer-certificates {
padding: 22px 20px;
}
.pur-footer-certificates h3 {
font-size: 28px;
}
} .realizacje-wysiwyg-content ul {
list-style: none !important;
padding-left: 0 !important;
margin: 0 0 20px !important;
}
.realizacje-wysiwyg-content ul > li {
position: relative;
list-style: none !important;
padding-left: 20px !important;
margin-bottom: 10px;
}
.realizacje-wysiwyg-content ul > li::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0.7em !important;
width: 6px !important;
height: 6px !important;
border-radius: 50% !important;
background: #c6612d !important;
opacity: 1 !important;
display: block !important;
}
.pb-10 {
padding-bottom:10px;
} .trakbud-blog-heading { padding-bottom: 20px; }
.trakbud-blog-heading .section-title { margin-bottom: 0; }
.trakbud-blog-list { padding-top: 35px; }
.trakbud-blog-entry { align-items: stretch; margin-bottom: 45px !important; }
.trakbud-blog-entry .img, .trakbud-blog-entry .img a { display:block; height:100%; min-height:260px; overflow:hidden; }
.trakbud-blog-entry .img img { width:100%; height:100%; min-height:260px; object-fit:cover; transition:transform .35s ease; }
.trakbud-blog-entry .img a:hover img { transform:scale(1.04); }
.trakbud-blog-entry .content { width:100%; }
.trakbud-blog-entry .content .date h2 { font-size:48px; line-height:1; margin:0; color:#c6612d; }
.trakbud-blog-entry .content .date h6 { margin:5px 0 12px; }
.trakbud-blog-entry .cont h3 { font-size:24px; line-height:1.25; margin:12px 0; padding:0; border:0; }
.trakbud-blog-entry .cont h3 a { color:inherit; }
.trakbud-blog-entry .cont h3 a:hover { color:#c6612d; }
.trakbud-blog-entry .cont p { margin-bottom:15px; }
.trakbud-blog-placeholder { display:flex; align-items:center; justify-content:center; min-height:260px; background:#f5f1ee; color:#c6612d; font-size:42px; }
.trakbud-blog-pagination ul { display:flex; justify-content:center; gap:8px; list-style:none; padding:0; margin:30px 0; }
.trakbud-blog-pagination a, .trakbud-blog-pagination span { display:inline-flex; min-width:38px; height:38px; align-items:center; justify-content:center; border:1px solid #eee; padding:0 10px; }
.trakbud-blog-pagination .current, .trakbud-blog-pagination a:hover { background:#c6612d; color:#fff; border-color:#c6612d; }
.trakbud-blog-single-title { font-size:clamp(30px,3.4vw,48px); line-height:1.2; margin:10px 0 25px; }
.trakbud-blog-hero { margin-bottom:30px; }
.trakbud-blog-hero img { width:100%; height:auto; display:block; }
.trakbud-blog-wysiwyg img { max-width:100%; height:auto; }
.trakbud-blog-wysiwyg ul { list-style:none; padding-left:0; }
.trakbud-blog-wysiwyg ul li { position:relative; padding-left:20px; margin-bottom:8px; }
.trakbud-blog-wysiwyg ul li::before { content:""; position:absolute; left:0; top:.7em; width:6px; height:6px; border-radius:50%; background:#c6612d; }
.trakbud-blog-tags { margin:30px 0; }
.trakbud-blog-prev-next { margin:30px 0; }
@media(max-width:767px) { .trakbud-blog-entry .img, .trakbud-blog-entry .img a, .trakbud-blog-entry .img img { min-height:200px; } .trakbud-blog-entry .content { padding-top:20px; } .trakbud-blog-entry .order-md-1 { order:2; } .trakbud-blog-single .sidebar-side { margin-top:35px; } }