/* Native template navigation and browser scrolling, without pointer effects. */
html { scroll-behavior: auto !important; }
#smooth-wrapper, #smooth-content { transform: none !important; }
.cb-cursor, .mt-cursor, #preloader, .loader-wrap { display: none !important; }
.menu-caret { display: inline-block; width: 7px; height: 7px; margin-left: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); vertical-align: middle; transition: transform .2s; }
header .menu-item-has-children > a::after { display: none !important; }
header li.menu-item-has-children:focus-within > ul,
header li.menu-item-has-children.menu-expanded > ul { opacity: 1; visibility: visible; transform: none; pointer-events: auto; }
header li.menu-expanded > a .menu-caret { transform: translateY(2px) rotate(225deg); }
.mean-nav .menu-caret { display: none; }
a:focus-visible, button:focus-visible { outline: 2px solid #b93036; outline-offset: 5px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

:root { --secondary: #ee4137; --black: #202326; --blue: #d13634; --green: #ee4137; --action: #c83232; }
body { font-family: "DM Sans", sans-serif; }
.btn-primary:hover, .btn-primary:focus-visible, .btn-primary.btn-black-2:hover, .btn-primary.btn-black-2:focus-visible { color: #fff; background: #b52c30; }
.btn-primary::after, .btn-primary.btn-black-2::after { background: #b52c30; }
.btn-primary:hover::before, .btn-primary:focus-visible::before, .btn-primary.btn-black-2:hover::before { background: #fff; }
/* Keep translated labels centred when they wrap inside the native round buttons. */
.video-services .popup-video { padding: 24px; text-align: center; line-height: 1.3; color: #202326; }
.video-services .popup-video span { display: block; width: 100%; }
.video-services .popup-video:hover, .video-services .popup-video:focus-visible { background: #b52c30; color: #fff; }
.video__pagination a { padding: 24px; text-align: center; line-height: 1.35; gap: 16px; }
.video__pagination a span { display: block; width: 100%; }
.video__pagination a svg { width: 24px; height: 24px; flex: 0 0 24px; }
.video__pagination a:hover, .video__pagination a:focus-visible { background: #b52c30; border-color: #b52c30; color: #fff; }
.video__pagination a:hover svg path { stroke: currentColor; }
.section-2__bottom { max-width: 1040px; margin-inline: auto; text-align: center; }
.section-2__bottom .title { text-indent: 0; text-align: center; text-wrap: balance; font-size: clamp(30px,3.6vw,50px); line-height: 1.18; margin-bottom: 22px; }
.section-2__bottom .offer-intro { max-width: 760px; margin: 0 auto 28px; font-size: 19px; line-height: 1.65; color: #50565a; }
.contact-info-widget-link .enquiry-choice { display: grid; grid-template-columns: minmax(0,1fr) 24px; gap: 4px 16px; width: 100%; min-height: 104px; padding: 20px 22px; border: 1px solid #62676a; border-radius: 12px; color: #fff; background: #202326; text-align: left; text-decoration: none; transition: background-color .2s, border-color .2s, transform .2s; }
.enquiry-choice .enquiry-choice-title { grid-column: 1; font-size: 21px; line-height: 1.3; font-weight: 600; }
.enquiry-choice .enquiry-choice-detail { grid-column: 1; font-size: 15px; line-height: 1.5; color: #d8dadd; }
.enquiry-choice .enquiry-choice-arrow { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 27px; line-height: 1; }
.contact-info-widget-link .enquiry-choice[aria-current="page"], .contact-info-widget-link .enquiry-choice:hover, .contact-info-widget-link .enquiry-choice:focus-visible { background: #b52c30; border-color: #b52c30; color: #fff; }
.enquiry-choice:hover .enquiry-choice-detail, .enquiry-choice[aria-current="page"] .enquiry-choice-detail { color: #fff; }
.contact-info-widget-link .enquiry-choice:hover { transform: translateY(-2px); }
.contact-info-area + .contact-area { padding-top: 60px; }
#zapytanie, #contact, #rodzaje-cementu { scroll-margin-top: 130px; }
@media (max-width: 991px) { .video__pagination a { padding: 18px; font-size: 16px; } .video-services .popup-video { padding: 18px; font-size: 17px; } }
@media (max-width: 575px) { .contact-info-area + .contact-area { padding-top: 32px; } .enquiry-choice .enquiry-choice-title { font-size: 20px; } .section-2__bottom .offer-intro { font-size: 17px; } .video__pagination { gap: 16px; } .video__pagination a { width: calc((100% - 16px) / 2); max-width: 150px; height: auto; aspect-ratio: 1; padding: 14px; gap: 10px; font-size: 14px; } .video-services .media img { min-height: 180px; object-fit: cover; } }
.container { max-width: min(1440px, calc(100% - 64px)); }
.hero-3__bg { background-image: none !important; background-color: #151719; }
.hero-3__inner { align-items: center; gap: 60px; padding: 165px 0 90px; flex-wrap: nowrap; }
.hero-3__content { flex: 1 1 50%; min-width: 0; max-width: none; margin: 0; }
.hero-3__content .title { font-size: clamp(54px, 6.1vw, 96px); line-height: 1.04; letter-spacing: -.04em; }
.hero-3__content .title .small-img { margin: 22px 14px 18px 0; }
.hero-3__content .title .small-img img { width: 185px; height: 64px; object-fit: cover; }
.hero-3__content .title .shape { margin: 0; }
.hero-3__content .title .shape img { width: 74px; }
.hero-3__content .hero-eyebrow { font-size: 14px; font-weight: 700; letter-spacing: .15em; color: #f28a82; margin-bottom: 24px; }
.hero-3__content .hero-description { color: #dadddf; font-size: 19px; line-height: 1.65; max-width: 490px; margin: 28px 0; }
.hero-3__content .btn-wrapper { width: fit-content; }
.hero-3__media { flex: 1 1 48%; min-width: 0; align-self: stretch; }
.hero-3__media img { display: block; width: 100%; height: 100%; min-height: 480px; max-height: 650px; object-fit: cover; object-position: 68% center; border-radius: 12px; animation: none; }
.get-in-touch__bg::before { background: rgba(15,18,20,.72); }
.get-in-touch p { color: #fff; }
.creative-journey-3 .media::after { content: ""; position: absolute; inset: 0; background: rgba(10,14,17,.72); }
.creative-journey-3 .media { position: absolute; inset: 0; }
.creative-journey-3 .media img { width: 100%; height: 100%; object-fit: cover; }
.creative-journey-3__inner { padding: 100px 0; }
.creative-journey-3__inner .row { align-items: flex-start !important; }
.creative-journey-3__content { position: relative; left: auto; top: auto; z-index: 1; padding: 30px 40px 40px 0; }
.creative-journey-3__content .title { font-size: clamp(34px,4.4vw,64px); line-height: 1.12; margin-bottom: 30px; }
.creative-journey-3__wrapper { position: relative; width: 100%; right: auto; top: auto; margin: 0; }
.creative-journey-3__item .description { color: #50565a; }
.creative-journey-3__inner::before { height: 4px; background: #ee4137; }
.creative-journey-3__inner::after, .creative-journey-3__inner .line-wrp::before { display: none; }
.creative-journey-3__content .title, .creative-journey-3__content .description { color: #fff; }
.footer-area-3, .footer-area-3 .footer-bg, .footer-area, .footer-area-2 { background: #191c1f !important; }
.footer-area-2 .footer-bg { background-image: none !important; background-color: #191c1f; }
.contact-info-area .section-title-wrapper .title { font-size: clamp(30px,4vw,54px); line-height: 1.15; max-width: 900px; margin-inline: auto; text-indent: 0; text-align: center; text-wrap: balance; }
.contact-info-area .wrapper { padding-top: 45px; }
.contact-info-widget h3, .contact-info-widget-link h3 { font-size: 22px; line-height: 1.4; }
.contact-us__form input, .contact-us__form textarea, .contact-us-3__form input, .contact-us-3__form textarea, .contact-us__form input::placeholder, .contact-us__form textarea::placeholder, .contact-us-3__form input::placeholder, .contact-us-3__form textarea::placeholder { font-family: "DM Sans",sans-serif !important; }
.contact-us__form .contact-us__input label, .contact-us__form .contact-us__textarea label { color: #d8d8d8; font-size: 14px; line-height: 20px; min-height: 40px; margin-bottom: 8px; display: block; }
.contact-us__area .contact-us__form-wrapper { padding: clamp(24px,3vw,48px); }
.contact-us__area .contact-us__form-wrapper .title { font-size: clamp(30px,3vw,48px); line-height: 1.2; }
.contact-us__form input[type="date"] { color-scheme: dark; }
.contact-info__item { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; align-items: center; }
.footer-area-2 .footer-widget-wrapper { grid-template-columns: minmax(0,1.3fr) repeat(3,minmax(0,1fr)); }
.footer-area-2 .footer-widget-wrapper > .footer-widget-box { min-width: 0; grid-column: auto; padding: 56px 28px; border-right: 1px solid rgba(255,255,255,.1); }
.footer-area-2 .footer-widget-wrapper > .footer-widget-box:first-child { padding-left: 0; padding-right: 32px; }
.footer-area-2 .footer-widget-wrapper > .footer-widget-box:last-child { padding-right: 0; border-right: 0; }
.footer-area-2 .footer-widget-box .title { font-size: 23px; line-height: 1.3; margin-bottom: 24px; }
.footer-area-2 .footer-nav-list li a, .footer-area-2 .content p { color: #d5d7d9; }
@media (max-width: 991px) {
  .footer-area-2 .footer-widget-wrapper { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; padding-block: 40px; }
  .footer-area-2 .footer-widget-wrapper > .footer-widget-box, .footer-area-2 .footer-widget-wrapper > .footer-widget-box:first-child { padding: 0; border: 0; }
  .contact-info__item { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .contact-info-widget { grid-column: 1 / -1; }
}
@media (max-width: 575px) {
  .footer-area-2 .footer-widget-wrapper { grid-template-columns: minmax(0,1fr); }
  .contact-info__item { grid-template-columns: minmax(0,1fr); }
}
.footer-area-3 .triangle { display: none; }
.footer-area-3 .footer-widget-box .title { font-size: 23px; line-height: 1.3; margin-bottom: 26px; }
.footer-area-3 .footer-nav-list li a, .footer-area-3 p, .footer-nav-list li a { color: #d5d7d9; }
.footer-area-3 .footer-nav-list li a:hover, .footer-nav-list li a:hover { color: #ff9289; }
.footer-area-3 .footer-top-inner .text .title { font-size: clamp(44px, 7.5vw, 110px); line-height: 1.1; }
.footer-area-3 .footer-top-inner .text .title span { font-size: inherit; line-height: inherit; margin-left: .16em; text-transform: uppercase; }
.footer-area-3 .footer-top-inner .text .sub-title { font-size: 20px; line-height: 1.5; margin-bottom: 20px; }
.footer-area-3 .copyright-area::before { height: 4px; background: #ee4137; }
.footer-area-3 .copyright-area::after, .footer-area-3 .copyright-area .line-wrp::before { display: none; }
.footer-area-3 .copyright-text { margin-top: 4px; }
.footer-cta .footer-cta-title { background: none; color: #fff; -webkit-text-fill-color: currentColor; letter-spacing: -.02em; font-size: clamp(32px, 7vw, 96px); line-height: 1.15; }
h1, h2, h3, h4, h5, h6, h1 span, h2 span, h3 span, h2 cite { -webkit-text-fill-color: currentColor; -webkit-text-stroke: 0; }
.feature-works-3 .section-title-wrapper .title span { -webkit-text-fill-color: currentColor; -webkit-text-stroke: 0; }
.clients-3 .text .icon { filter: grayscale(1); }
.faq-3-content .main-title { font-size: clamp(36px,4vw,60px); line-height: 1.08; margin-bottom: 35px; overflow-wrap: normal; }
.faq-3-content .rr-accordion-button .number .title { font-size: 20px; line-height: 1.4; }
.faq-3-content .rr-accordion-body .desc { color: #50565a; }
.contact-us-3__form-wrapper .contact-us-3__form .btn-wrapper:hover .btn-circle { background: #a6232a; color: #fff; }
.btn-wrapper .btn-text, .btn-wrapper .btn-circle { background-color: #c83232; color: #fff; }
.btn-wrapper:hover .btn-text, .btn-wrapper:hover .btn-circle { background-color: #a6232a; color: #fff; }
.btn-wrapper:focus-visible .btn-text { background-color: #a6232a; }
.breadcrumb__menu a, .breadcrumb__menu span { color: #fff; }
.breadcrumb__menu .active, .breadcrumb__menu li:last-child { color: #f28a82; }
.main-menu .dp-menu { background: #fff; }
.main-menu .dp-menu a { color: #202326; }
.main-menu .dp-menu a:hover, .main-menu .dp-menu a:focus { color: #b52c30; }
header .main-menu ul li .dp-menu { background: #25282b !important; }
header .main-menu ul li .dp-menu a { color: #eee !important; }
header .main-menu ul li .dp-menu a:hover, header .main-menu ul li .dp-menu a:focus { color: #ff9289 !important; }
header .main-menu > ul > li > a:hover, header .main-menu > ul > li > a:focus, header .main-menu > ul > li.menu-expanded > a { color: #ff9289 !important; }
.contact-us-3__form p, .contact-us-3__form [data-form-status] { color: #4b5257; }
.contact-us-3__form p a { color: #a6232a; text-decoration: underline; }
.get-in-touch__bg { overflow: hidden; }
.get-in-touch__bg > img { display: block; width: 100%; }
.about-company-3 .line { max-width: 100%; overflow: hidden; }
.services-3__wrapper { flex-wrap: nowrap; margin-top: 55px; }
.services-3__item, .services-3__item:hover { flex: 1 1 0; width: auto; min-width: 0; padding: 24px 18px; height: 570px; cursor: pointer; }
.services-3__item.active { flex: 6 1 0; width: auto; padding: 24px; }
.services-3__item .content { visibility: hidden; }
.services-3__item.active .content { visibility: visible; }
.services-3__item .content .titile { font-size: 32px; line-height: 1.15; }
.services-3__item .content .desc { color: #c9cbcd; margin-bottom: 24px; }
.services-3__item .content ul { flex-wrap: wrap; margin-bottom: 25px; }
.services-3__item .content .media-wrapper .thumb { width: 50%; height: 170px; }
.services-3__item .number { gap: 7px; }
.services-3__item .number i, .services-3__item .number span { font-size: 22px; }
.services-3__item .collapsed-label { position: absolute; top: 115px; left: 24px; writing-mode: vertical-rl; font-size: 20px; color: #fff; font-weight: 500; }
.services-3__item.active .collapsed-label { display: none; }
@media (max-width: 1199px) { .services-3__wrapper { display: block; } .services-3__item, .services-3__item:hover { width: 100%; height: 84px; margin-bottom: 12px; padding: 20px; } .services-3__item.active { height: auto; padding: 24px; } .services-3__item .collapsed-label { writing-mode: horizontal-tb; left: 100px; top: 26px; font-size: 18px; } .services-3__item .dot { display: none; } .services-3__item .content .media-wrapper .thumb { max-width: none; height: 200px; } }
@media (min-width: 1201px) { .footer-area-3 .footer-widget-wrapper { grid-template-columns: 1.25fr 1fr 1fr 1fr; gap: 36px; } }
@media (max-width: 1199px) { .hero-3__inner { gap: 35px; padding-top: 130px; } .hero-3__media img { min-height: 420px; } }
@media (max-width: 767px) { .hero-3__inner { flex-direction: column; gap: 35px; padding: 105px 0 45px; } .hero-3__content .title { font-size: clamp(42px, 10vw, 70px); } .hero-3__content .title .small-img img { width: 130px; height: 45px; } .hero-3__content .title .shape img { width: 48px; } .hero-3__media { width: 100%; } .hero-3__media img { min-height: 0; height: 310px; max-width: none; } .hero-3__content .hero-description { font-size: 17px; } .footer-area-3 .footer-top-inner .text .title span { display: block; margin: 0; } }
@media (max-width: 575px) { .container { max-width: calc(100% - 20px); } }
@media (max-width: 575px) { .breadcrumb .breadcrumb__content h1.title { font-size: 48px; line-height: 1.1; } .faq-3-content .main-title { font-size: 36px; } }