.overflow { overflow: hidden; } input[id^=eael-tabs-filter-type-] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 18px; min-width: 18px; height: 18px; border: 1px solid #000; overflow: hidden; } input[id^=eael-tabs-filter-type-]::before { content: ""; position: absolute; top: -8px; left: 19px; width: 11px; height: 1.5px; background: #000; transform: rotate(-45deg); transition: all 250ms ease-in-out; } input[id^=eael-tabs-filter-type-]::after { content: ""; position: absolute; top: -6px; left: -13px; width: 5px; height: 1.5px; background: #000; transform: rotate(45deg); transition: all 250ms ease-in-out; } input[id^=eael-tabs-filter-type-]:checked::before { top: 7px; left: 4px; } input[id^=eael-tabs-filter-type-]:checked::after { top: 9px; left: 2px; } .eael-tabs-filter { flex-wrap: wrap; row-gap: 20px !important; } .eael-tabs-filter .eael-tabs-filter-types ul { flex-wrap: wrap; row-gap: 20px !important; } .eael-tabs-filter .eael-tabs-filter-types label { padding-top: 3px; } .eael-tabs-nav.eael-tabs-nav-custom { -moz-column-gap: 50px; column-gap: 50px; display: grid; grid-template-areas: "tabs-name tabs-list" "tabs-name tabs-toggle"; grid-template-columns: auto 1fr; } .eael-tabs-nav.eael-tabs-nav-custom .tabs-category-name { grid-area: tabs-name; } @media (max-width: 1000px) { .eael-tabs-nav.eael-tabs-nav-custom .tabs-category-name { margin-bottom: 40px; } .eael-tabs-nav.eael-tabs-nav-custom .tabs-category-name br { display: none; } } .eael-tabs-nav.eael-tabs-nav-custom ul[role=tablist] { grid-area: tabs-list; flex: 1; gap: 24px; flex-wrap: wrap; } .eael-tabs-nav.eael-tabs-nav-custom ul[role=tablist].limit { overflow: hidden; max-height: 140px; } .eael-tabs-nav.eael-tabs-nav-custom .show-more-tabs { grid-area: tabs-toggle; position: relative; color: #000; font-size: 16px; font-weight: 700; font-family: "Manrope", Sans-serif; text-transform: uppercase; letter-spacing: 0.6px; margin-top: 50px; width: -moz-fit-content; width: fit-content; } .eael-tabs-nav.eael-tabs-nav-custom .show-more-tabs::before { content: "\e65a"; color: #000; font-family: "themify"; position: absolute; left: calc(100% + 10px); top: calc(50% - 3px); width: 30px; height: 30px; border-radius: 100%; transform: translateY(-50%) rotate(90deg); display: flex; align-items: center; justify-content: center; font-size: 24px; animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(-50%) translateX(0) rotate(90deg); } 40% { transform: translateY(calc(-50% - 10px)) translateX(-10px) rotate(90deg); } 60% { transform: translateY(calc(-50% - 5px)) translateX(-5px) rotate(90deg); } } @media (max-width: 1000px) { .eael-tabs-nav.eael-tabs-nav-custom { grid-template-areas: "tabs-name" "tabs-list" "tabs-toggle"; grid-template-columns: 1fr; } } .eael-tabs-nav > ul { display: grid !important; grid-template-columns: repeat(auto-fit, 194px); } .eael-tabs-nav > ul li { height: 100%; } .color-anchor { position: relative; height: 100px; display: flex; align-items: center; } .color-anchor::before { content: "\e65a"; color: #000; font-family: "themify"; position: absolute; left: calc(100% - 20px); top: 50%; width: 100px; height: 100px; background: #f4f4f4; border-radius: 100%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; font-size: 28px; } .color-anchor > .elementor-widget-container { position: relative; height: -moz-fit-content !important; height: fit-content !important; z-index: 1; } .anchor-arrow .elementor-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 100%; background: #f4f4f4; margin-left: -20px; } .quality-box { position: relative; } .quality-box::before { content: ""; position: absolute; background-image: url("/wp-content/uploads/2024/04/quality-bg.svg"); mix-blend-mode: multiply; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.4; top: 0; bottom: 0; right: 0; left: auto; width: 320px; z-index: 1; } .quality-box .quality-item { position: relative; z-index: 1; } .quality-box .quality-item .elementor-icon-box-wrapper .elementor-icon-box-content { position: relative; padding-left: 24px; } .quality-box .quality-item .elementor-icon-box-wrapper .elementor-icon-box-content::before { content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 2px; background: #000; } @media (max-width: 768px) { .quality-box .quality-item .elementor-icon-box-wrapper .elementor-icon-box-content:before { display: none; } } .numeric-list ol { padding: 0; margin: 0; counter-reset: number; list-style-type: none; } .numeric-list ol li { position: relative; counter-increment: number; padding-left: 55px; } .numeric-list ol li:not(:last-child) { margin-bottom: 20px; } .numeric-list ol li:before { content: counter(number); position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 100%; background: #f4f4f4; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; letter-spacing: 0.6px; } .home-nasze-produkty .premium-carousel-wrapper .premium-carousel-inner .carousel-arrow { position: absolute; top: -108px; padding: 0; border: none; margin: 0 !important; } .home-nasze-produkty .premium-carousel-wrapper .premium-carousel-inner .carousel-arrow:hover { background: transparent; } .home-nasze-produkty .premium-carousel-wrapper .premium-carousel-inner .carousel-arrow.carousel-next { right: 50px; } @media (max-width: 500px) { .home-nasze-produkty .premium-carousel-wrapper .premium-carousel-inner .carousel-arrow.carousel-next { right: auto; left: calc(50% + 70px); transform: translateX(-50%); } } .home-nasze-produkty .premium-carousel-wrapper .premium-carousel-inner .carousel-arrow.carousel-prev { right: 130px; left: auto; } @media (max-width: 500px) { .home-nasze-produkty .premium-carousel-wrapper .premium-carousel-inner .carousel-arrow.carousel-prev { right: auto; left: calc(50% - 70px); transform: translateX(-50%); } } @media (max-width: 500px) { .home-nasze-produkty .premium-carousel-wrapper .premium-carousel-inner .carousel-arrow { top: -50px; } } .home-gallery .elementor-widget-container .swiper .elementor-swiper-button { top: -92px; } .home-gallery .elementor-widget-container .swiper .elementor-swiper-button.elementor-swiper-button-prev { left: auto; right: 130px; left: auto; } @media (max-width: 500px) { .home-gallery .elementor-widget-container .swiper .elementor-swiper-button.elementor-swiper-button-prev { right: auto; left: calc(50% - 70px); transform: translateX(-50%); } } .home-gallery .elementor-widget-container .swiper .elementor-swiper-button.elementor-swiper-button-next { right: 50px; } @media (max-width: 500px) { .home-gallery .elementor-widget-container .swiper .elementor-swiper-button.elementor-swiper-button-next { right: auto; left: calc(50% + 70px); transform: translateX(-50%); } } @media (max-width: 500px) { .home-gallery .elementor-widget-container .swiper .elementor-swiper-button { top: -50px; } } .home-numbers-1 { position: relative; } .home-numbers-1::before { content: ""; position: absolute; left: 0; top: -115px; width: 495px; height: 495px; transform: translateX(-50%); background-image: url("/wp-content/uploads/2024/04/V.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; } .home-troska { position: relative; } .home-troska .home-troska-left { position: relative; } .home-troska .home-troska-left::before { content: ""; position: absolute; left: 10px; top: 0; bottom: 0; transform: translateX(-50%); background-image: url("/wp-content/uploads/2024/04/V.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; } #home-hero-slider { width: 100%; max-width: 1920px; margin-left: auto; margin-right: auto; overflow: hidden; } #home-hero-slider .premium-carousel-inner .slick-dots { display: flex; justify-content: flex-end; left: 72%; position: absolute; bottom: 7.8%; counter-reset: list; list-style-type: none; } #home-hero-slider .premium-carousel-inner .slick-dots > li { position: relative; counter-increment: list; width: auto; margin: 0 10px; } #home-hero-slider .premium-carousel-inner .slick-dots > li:before { content: "0" counter(list); color: #000; font-size: 24px; font-weight: 700; font-family: "Manrope", Sans-serif; } @media (max-width: 900px) { #home-hero-slider .premium-carousel-inner .slick-dots > li:before { font-size: 20px; } } #home-hero-slider .premium-carousel-inner .slick-dots > li:first-child::after { content: ""; position: absolute; top: 50%; right: calc(100% + 17px); width: 100vw; height: 2px; background: #000; } #home-hero-slider .premium-carousel-inner .slick-dots > li:last-child::after { content: ""; position: absolute; top: 50%; left: calc(100% + 17px); width: 100vw; height: 2px; background: #000; } #home-hero-slider .premium-carousel-inner .slick-dots > li:last-child.slick-active { margin: 0 10px 0 53px; } #home-hero-slider .premium-carousel-inner .slick-dots > li:last-child.slick-active .dot-helper { position: relative; } #home-hero-slider .premium-carousel-inner .slick-dots > li:last-child.slick-active .dot-helper::before { content: ""; position: absolute; width: 33px; height: 2px; right: 47px; background: #000; } #home-hero-slider .premium-carousel-inner .slick-dots > li:first-child.slick-active { margin: 0 53px 0 10px; } #home-hero-slider .premium-carousel-inner .slick-dots > li:first-child.slick-active .dot-helper { position: relative; } #home-hero-slider .premium-carousel-inner .slick-dots > li:first-child.slick-active .dot-helper::after { content: ""; position: absolute; width: 33px; height: 2px; left: 15px; background: #000; } #home-hero-slider .premium-carousel-inner .slick-dots > li:not(:last-child, :first-child).slick-active { margin: 0 53px; } #home-hero-slider .premium-carousel-inner .slick-dots > li:not(:last-child, :first-child).slick-active .dot-helper { position: relative; } #home-hero-slider .premium-carousel-inner .slick-dots > li:not(:last-child, :first-child).slick-active .dot-helper::before { content: ""; position: absolute; width: 33px; height: 2px; right: 47px; background: #000; } #home-hero-slider .premium-carousel-inner .slick-dots > li:not(:last-child, :first-child).slick-active .dot-helper::after { content: ""; position: absolute; width: 33px; height: 2px; left: 15px; background: #000; } @media (max-width: 1100px) { #home-hero-slider .premium-carousel-inner .slick-dots { left: 70%; } } @media (max-width: 900px) { #home-hero-slider .premium-carousel-inner .slick-dots { left: 60%; bottom: 6%; } } @media (max-width: 768px) { #home-hero-slider .premium-carousel-inner .slick-dots { left: 50%; transform: translateX(-50%); } } @media (max-width: 768px) { #home-hero-slider .slide-text-box { bottom: 15%; } } .product-gallery-colors .show-more-colors .premium-button-text-icon-wrapper { display: flex; align-items: center; } .product-gallery-colors .show-more-colors .premium-button-text-icon-wrapper span { padding-top: 5px; } .product-colors .elementor-image-gallery .gallery { display: flex; flex-wrap: wrap; gap: 32px; max-height: 128px; overflow: hidden; } .product-colors .elementor-image-gallery .gallery .gallery-item { display: flex; flex-direction: row; align-items: center; gap: 13px; width: calc(50% - 16px); } .product-colors .elementor-image-gallery .gallery .gallery-item .gallery-icon { width: 48px; min-width: 48px; height: 48px; } .product-colors .elementor-image-gallery .gallery .gallery-item .gallery-icon img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .product-colors .elementor-image-gallery .gallery .gallery-item .gallery-caption { padding: 0; } .product-colors-s2 .elementor-image-gallery .gallery { display: flex; flex-wrap: wrap; } .product-colors-s2 .elementor-image-gallery .gallery .gallery-item { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; } .product-colors-s2 .elementor-image-gallery .gallery .gallery-item .gallery-icon { width: 98px; min-width: 98px; height: 98px; } .product-colors-s2 .elementor-image-gallery .gallery .gallery-item .gallery-icon img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .product-colors-s2 .elementor-image-gallery .gallery .gallery-item .gallery-caption { padding: 0; } .product-gallery-drafts .show-more-drafts .premium-button-text-icon-wrapper { display: flex; align-items: center; } .product-gallery-drafts .show-more-drafts .premium-button-text-icon-wrapper span { padding-top: 5px; } .product-drafts .elementor-image-gallery .gallery { max-height: 210px; overflow: hidden; } .product-drafts .elementor-image-gallery .gallery .gallery-item .gallery-caption { padding: 0; } .product-gallery-drafts .elementor-image-gallery .gallery { max-height: 1030px; overflow: hidden; } .product-catalog-bg { position: relative; } .product-catalog-bg::before { content: ""; position: absolute; left: 30px; top: 0; width: 495px; height: 495px; transform: translateX(-50%); background-image: url("/wp-content/uploads/2024/04/V.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; } #footer-data { position: relative; overflow: hidden; } #footer-data::before { content: ""; position: absolute; top: 115px; height: 2px; width: 100vw; background: #f4f4f4; } body.page-id-729 .custom-bg-v .elementor-widget-container { position: relative; } body.page-id-729 .custom-bg-v .elementor-widget-container::before { content: ""; position: absolute; left: calc(100% - 5px); top: 50%; width: 495px; height: 495px; transform: translate(-50%, -50%); background-image: url("/wp-content/uploads/2024/04/Group-371.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; } #quote-box .carousel-arrow { left: auto; } #quote-box .carousel-arrow.carousel-prev { top: -60px; right: 100px; } #quote-box .carousel-arrow.carousel-next { top: -60px; right: 0px; } #contact-form select.wpcf7-select { visibility: hidden; opacity: 0; display: none; } #contact-form .select-custom-text { position: relative; padding: 15px 24px; border: 1px solid #000; font-family: "League Spartan", Sans-serif; letter-spacing: 0.6px; font-weight: 400; } #contact-form .select-custom-text.selected { color: #000; } #contact-form .select-custom-text.active::before { transform: translateY(-50%) scale(-1); } #contact-form .select-custom-text::before { content: "3"; position: absolute; top: 50%; right: 24px; transform: translateY(-50%); transition: all 250ms ease-in-out; font-family: "ElegantIcons"; font-size: 26px; color: #000; } #contact-form .select-custom-options { list-style: none; padding: 15px 24px; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; } #contact-form .select-custom-options li { color: #000; font-family: "League Spartan", Sans-serif; letter-spacing: 0.6px; font-weight: 400; cursor: pointer; } #contact-form .select-custom-options li:not(:last-child) { margin-bottom: 10px; } #contact-form .wpcf7-list-item { margin-left: 0; } #contact-form .wpcf7-list-item label { display: flex; flex-direction: row; gap: 10px; cursor: pointer; } #contact-form input[type=checkbox] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 14px; min-width: 14px; height: 14px; border-radius: 100%; border: 1px solid #000; overflow: hidden; margin-top: 2px; } #contact-form input[type=checkbox]:checked::before { top: 6px; left: 4px; } #contact-form input[type=checkbox]:checked::after { top: 7px; left: 3px; } #contact-form input[type=checkbox]::before { content: ""; position: absolute; top: -4px; left: 14px; width: 6px; height: 1px; background: #000; transform: rotate(-45deg); transition: all 250ms ease-in-out; } #contact-form input[type=checkbox]::after { content: ""; position: absolute; top: -3px; left: -7px; width: 3px; height: 1px; background: #000; transform: rotate(45deg); transition: all 250ms ease-in-out; } #contact-form input[type=text]::-moz-placeholder, #contact-form input[type=tel]::-moz-placeholder, #contact-form input[type=email]::-moz-placeholder { color: #a8a8a8; } #contact-form input[type=text]::placeholder, #contact-form input[type=tel]::placeholder, #contact-form input[type=email]::placeholder { color: #a8a8a8; } #contact-form textarea::-moz-placeholder { color: #a8a8a8; } #contact-form textarea::placeholder { color: #a8a8a8; } #contact-form p { color: #a8a8a8; font-size: 16px; font-family: "League Spartan" sans-serif; letter-spacing: 0.6px; font-weight: 400; } #contact-form .form-submit-btn { position: relative; width: -moz-fit-content; width: fit-content; margin: 20px 0 0 auto; } #contact-form .form-submit-btn::before { content: "\e65a"; color: #000; font-family: "themify"; position: absolute; right: 0; top: 0; width: 100px; height: 100px; background: #f4f4f4; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 28px; } #contact-form .form-submit-btn input.wpcf7-submit { position: relative; height: 100px; display: flex; align-items: center; padding-right: 80px; } #contact-form .wpcf7-spinner { display: block; } #contact-form.contact-form-2 .row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } #contact-form.contact-form-2 .row .col-6 p { width: 100%; } #contact-form.contact-form-2 .row .col-6 textarea { max-height: 208px; } .customized-shapes-box { position: relative; } .customized-shapes-box::before { content: ""; position: absolute; background-image: url("/wp-content/uploads/2024/04/quality-bg.svg"); mix-blend-mode: multiply; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.4; top: 0; bottom: 0; right: 0; left: auto; width: 320px; z-index: 1; } #accessories-head::before { content: ""; position: absolute; background-image: url("/wp-content/uploads/2024/05/Group-373.svg"); mix-blend-mode: multiply; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.5; top: 0; bottom: 0; right: auto; left: 20px; width: 100px; z-index: 1; } .box-bg-v::before { content: ""; position: absolute; right: 0px; left: auto; top: 50%; width: 495px; height: 495px; transform: translate(50%, -50%); background-image: url("/wp-content/uploads/2024/04/V.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 1; opacity: 0.5; } body.elementor-page > div[data-elementor-type=single-page] { overflow: hidden; } #checkbox-btn.active a::before { content: ""; position: absolute; top: 7px; left: 4px; width: 11px; height: 6px; transform: rotate(-45deg); transition: all 250ms ease-in-out; border-bottom: 1.5px solid #000; border-left: 1.5px solid #000; } #checkbox-btn a { position: relative; padding-left: 30px; width: -moz-fit-content; width: fit-content; display: block; } #checkbox-btn a::after { content: ""; position: absolute; top: 2px; left: 0px; width: 18px; height: 18px; border: 1px solid #000; } .product-list-icon-desc .elementor-icon-box-icon { position: relative; padding-right: 20px; } .product-list-icon-desc .elementor-icon-box-icon::before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 40px; background: #000; } .product-list-icon-desc .elementor-icon-box-title { margin: 0; } .custom-acc .eael-adv-accordion .eael-accordion-list:not(:last-child) { border-bottom: 1px solid #000; } .custom-acc .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle { transform: rotate(180deg) !important; } #top-header-box.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 999; } header { background: #fff; } header.active { position: sticky; top: 0; z-index: 999999; } .addon-btn-title { margin: 0; display: flex; align-items: center; } .addon-btn-title .elementor-icon { position: relative; margin-left: -20px; z-index: -1; } .addon-btn-title .elementor-icon::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90px; height: 90px; background: #e6e3e3; border-radius: 100%; z-index: -1; } .addon-btn-title .elementor-icon i { color: #000; width: 100px; height: 100px; background: #f4f4f4; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 28px; transition: all 250ms ease-in-out; } .addon-btn-title span { position: relative; } .addon-btn-title span::before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #000; transition: width 250ms ease-in-out; } .addon-btn-title:hover span::before { width: 100%; } .addon-btn-title:hover .elementor-icon::before { animation: puls 500ms ease-in-out; } .addon-btn-title:hover .elementor-icon i { background: #e6e3e3; } @keyframes puls { 0% { opacity: 1; } 100% { width: 140px; height: 140px; opacity: 0; } } @media (min-width: 501px) { #center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu li.menu-item-4927 { display: none; } } @media (min-width: 1025px) { #center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu > .menu-item.current_page_item > a::after { width: 100%; } #center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu > .menu-item > a::after { width: 0; transition: width 250ms ease-in-out; } #center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu > .menu-item > a:hover::after { width: 100%; } } @media (max-width: 1024px) { #center-header-box > .e-con-inner .center-header-box-logo { flex: 1; display: flex; } #center-header-box > .e-con-inner .center-header-box-menu > .elementor-widget-container > .elementor-nav-menu--dropdown { position: absolute; right: 0px; left: auto; top: 64px; width: 100vw; z-index: 1; } } @media (max-width: 1024px) and (max-width: 768px) { #center-header-box > .e-con-inner .center-header-box-menu > .elementor-widget-container > .elementor-nav-menu--dropdown { top: 52px; } } @media (max-width: 1024px) { #center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu .menu-item ul.sub-menu { background: #f4f4f4; } } @media (max-width: 1024px) and (max-width: 500px) { #center-header-box > .e-con-inner .center-header-box-contact { display: none; } } #scroller-rows { overflow: hidden; } #scroller-rows > .e-con-inner { overflow: auto; padding-right: 20px; /* Track */ /* Handle */ /* Handle on hover */ } #scroller-rows > .e-con-inner::-webkit-scrollbar { width: 10px; } #scroller-rows > .e-con-inner::-webkit-scrollbar-track { background: #f4f4f4; } #scroller-rows > .e-con-inner::-webkit-scrollbar-thumb { background: #d9d9d9; } #scroller-rows > .e-con-inner::-webkit-scrollbar-thumb:hover { background: #afafaf; } @media (max-width: 1024px) { #page-hero-baner h1 { font-size: 50px; } #page-hero-baner h2 { font-size: 24px; } } @media (max-width: 576px) { #page-hero-baner h1 { font-size: 40px; } #page-hero-baner h2 { font-size: 22px; } }/*# sourceMappingURL=custom.css.map */