/* cmsms stylesheet: nowy modified: 09.07.2025 10:07:13 */
.certyfikaty .touchtouch-gallery a .touchtouch-gallery-img img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
#gallerySlider .placeholder:not(.placeholder:nth-child(1)) {
    /*margin-top: -540px;*/
}
#gallerySlider .placeholder {
    overflow: scroll;
}
#gallerySlider .placeholder:nth-child(1) img {
    max-height: unset;
}
.logo-ue {
    /*margin-left: 150px;*/
    width: 80px;
}

@media screen and (max-width: 1799px) and (min-width: 1500px) {
        .logo-ue {
            /*margin-left: 70px;*/
    }
}

@media screen and (max-width: 1499px) and (min-width: 992px) {
        .logo-ue {
            width: 70px;
            translate: 3rem 0;
            /*margin-left: 150px;*/
    }
}
@media screen and (max-width: 991px) and (min-width: 401px) {
        .logo-ue {
            width: 60px;
            margin-left: 0;
            align-self: center;
    }
}

@media screen and (max-width: 400px) {
        .logo-ue {
            width: 50px;
            margin-left: 7px;
            align-self: center;
    }
}

@media screen and (max-width: 991px) and (min-width: 401px) {
        #header #header-logo img {
            height: 80%;
            vertical-align: -webkit-baseline-middle;
    }
}

@media screen and (max-width: 400px) and (min-width: 311px) {
        #header #header-logo img {
            height: 70%;
            vertical-align: -webkit-baseline-middle;
    }
}

@media screen and (max-width: 310px) {
        #header #header-logo img {
            height: 65%;
            vertical-align: -webkit-baseline-middle;
    }
}

@media screen and (max-width: 400px) {
        #header #header-nav-button {
            align-items: flex-start;
    }
}

@media screen and (max-width: 310px) {
    #header #header-nav-button #header-nav-button-container .bar  {
        width: 85%;
    }
}



@media screen and (max-width: 1799px)and (min-width: 1500px) {
    #header #header-content #header-lang {
        margin-left: 0;
    }
}

@media screen and (max-width: 1799px) {
    #header #header-content #header-navbar #header-nav>.header-nav-item .header-nav-link {
        padding: 22px 20px;
    }
}




/*
.video-wrapper {
  position: relative;
  width: 400px;
  height: 200px;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
*/
#main .main-about .main-about-img video {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    right: 0;
    height: 240px;
    max-height: 100%;
    margin-bottom: 20px;
}


@media only screen and (min-width: 1200px) {
    #main .main-about .main-about-img video {
        margin-bottom: 0;
        position: absolute;
        height: 550px;
        width: 150%;
    }
}
@media only screen and (max-width: 1199px) {
    #main .main-about .main-about-img video.clip-path-rt-b {
        -webkit-clip-path: none;
        clip-path: none;
    }
}
#header #header-content #header-navbar #header-nav>.header-nav-header .header-nav-link, #header #header-content #header-navbar #header-nav>.header-nav-header h3, #header #header-content #header-navbar #header-nav>.header-nav-item .header-nav-link, #header #header-content #header-navbar #header-nav>.header-nav-item h3 {
        padding: 22px 18px;
}
#footer-copyright {
    flex-wrap: wrap;
}
/* Motyw kontrastowy */
.accessibility, .accessibility .acsbl__group, .accessibility .acsbl__options {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .5rem;
}
.accessibility {
    width: 100%;
    justify-content: flex-start;
  font-size: .875rem;
  gap: .5rem 1.25rem;
}
.accessibility .acsbl__options {
  gap: .25rem;
  align-items: stretch;
}
.accessibility .acsbl__label {
  color: #7e808b;
}
.accessibility .acsbl__options .acsbl__option {
  color: #7e808b;
  background-color: transparent;
  border: none;
}
.accessibility .acsbl__options--fontsize .acsbl__option {
  color: #7e808b;
}
.accessibility .acsbl__options--fontsize .acsbl__option:nth-child(1) {
  padding: 2px 0 0;
  font-size: 14px;
}
.accessibility .acsbl__options--fontsize .acsbl__option:nth-child(2) {
  padding: 1px 0 0;
  font-size: 16px;
}
.accessibility .acsbl__options--fontsize .acsbl__option:nth-child(3) {
  font-size: 18px;
}
.accessibility .acsbl__options--contrast .acsbl__option:nth-child(1) {
  padding: 0 .25rem;
  font-weight: 600;
  color: rgb(var(--color-text-light,0 0 0));
  background-color: rgb(var(--color-bg-light,255 255 255));
  border: 1px solid rgb(var(--color-text-light,0 0 0));
}
.accessibility .acsbl__options--contrast .acsbl__option:nth-child(2) {
  padding: 0 .25rem;
  font-weight: 600;
  color: rgb(var(--color-contrast,255 255 0));
  background-color: rgb(var(--color-text-light,0 0 0));
  border: 1px solid rgb(var(--color-contrast,255 255 0));
}
html[data-font-size="default"] {
  font-size: 16px;
}
html[data-font-size="lg"] {
  font-size: 18px;
}
html[data-font-size="xl"] {
  font-size: 20px;
}
html[data-contrast=high] #main .main-text-section .text-section-container .pros::before,html[data-contrast=high] a.button::after{display:none}html[data-contrast=high] #footer,html[data-contrast=high] #footer #footer-contact .footer-contact-content a,html[data-contrast=high] #footer #footer-contact .footer-contact-content a:hover,html[data-contrast=high] #footer #footer-contact .footer-contact-content p,html[data-contrast=high] #footer #footer-menu .footer-menu-content .footer-nav .footer-nav-header .footer-nav-header-item,html[data-contrast=high] #footer #footer-menu .footer-menu-content .footer-nav .footer-nav-header .footer-nav-link,html[data-contrast=high] #footer #footer-menu .footer-menu-content .footer-nav .footer-nav-item .footer-nav-header-item,html[data-contrast=high] #footer #footer-menu .footer-menu-content .footer-nav .footer-nav-item .footer-nav-link,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-header .header-nav-link,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-header h3,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-header span.parent::after,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-item .header-nav-link,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-item h3,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-item span.parent::after,html[data-contrast=high] #main #main-banner #main-banner-right #main-banner-right-desc h1,html[data-contrast=high] #main #main-banner #main-banner-right #main-banner-right-desc h2,html[data-contrast=high] #main #main-banner #main-banner-right #main-banner-right-desc h3,html[data-contrast=high] #main #main-banner #main-banner-right #main-banner-right-desc h4,html[data-contrast=high] #main #main-banner #main-banner-right #main-banner-right-desc h5,html[data-contrast=high] #main #main-banner #main-banner-right #main-banner-right-desc h6,html[data-contrast=high] #main #main-banner #main-banner-right #main-banner-right-desc p,html[data-contrast=high] #main #main-banner-tiles #banner-tile-container .banner-tile p,html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-checkbox :checked+label::before,html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-checkbox label,html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-input .form-control,html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-input .form-control.fail+label::after,html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-input .form-control.warn+label::after,html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-input label,html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-input[data-required=true] label::after,html[data-contrast=high] #main .main-cta-section .main-cta-desc .main-cta-phone.white,html[data-contrast=high] #main .main-cta-section .main-cta-desc h1.white,html[data-contrast=high] #main .main-product-production-section .product-prod-carousel .owl-stage-outer .owl-item.active+.owl-item .product-production-container .product-production-desc,html[data-contrast=high] #main .main-stages-section .main-stages-container .stages-field .stages .stage-column::before,html[data-contrast=high] #main .main-stages-section .main-stages-container .stages-field .stages .stage-column:hover .stage-header,html[data-contrast=high] #main .main-stages-section .main-stages-container h3,html[data-contrast=high] #main .main-text-color-section .main-text-section-left .main-text-section-left-desc,html[data-contrast=high] #main .main-text-dark-section .main-text-section-desc,html[data-contrast=high] #main .main-text-section .text-section-container .pros:hover .pros-desc h3,html[data-contrast=high] #main .main-text-section .text-section-container .pros:hover .pros-desc p,html[data-contrast=high] .accessibility .acsbl__options--fontsize .acsbl__option,html[data-contrast=high] .cc-window .cc-message p,html[data-contrast=high] a.link,html[data-contrast=high] body,html[data-contrast=high] h1,html[data-contrast=high] h2,html[data-contrast=high] h3,html[data-contrast=high] h4,html[data-contrast=high] h5,html[data-contrast=high] h6,html[data-contrast=high] p,html[data-contrast=high] p.signature,html[data-contrast=high] span,html[data-contrast=high] span.signature{color:#ff0!important}html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-button .button,html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-button .button span,html[data-contrast=high] a.button{color:#000!important}html[data-contrast=high] #footer,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-header .header-depth-nav-1,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-item .header-depth-nav-1,html[data-contrast=high] #main #main-banner #main-banner-left,html[data-contrast=high] #main #main-banner #main-banner-left #main-banner-left-text,html[data-contrast=high] #main #main-banner #main-banner-left #main-banner-left-text a:hover,html[data-contrast=high] #main #main-banner-tiles #banner-tile-container .banner-tile,html[data-contrast=high] #main #main-banner-tiles #banner-tile-container .banner-tile.banner-tile-dark,html[data-contrast=high] #main .main-about,html[data-contrast=high] #main .main-about .container,html[data-contrast=high] #main .main-cert-section,html[data-contrast=high] #main .main-contact-section,html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-input .form-control,html[data-contrast=high] #main .main-cta-section .main-cta-bg,html[data-contrast=high] #main .main-cta-section::after,html[data-contrast=high] #main .main-desc-section::after,html[data-contrast=high] #main .main-gallery-section::after,html[data-contrast=high] #main .main-history-section,html[data-contrast=high] #main .main-news-section.white,html[data-contrast=high] #main .main-product-history-section .product-history-container .product-history-desc,html[data-contrast=high] #main .main-product-production-section,html[data-contrast=high] #main .main-product-pros-section .product-pros-container,html[data-contrast=high] #main .main-product-spec-section .product-spec-container,html[data-contrast=high] #main .main-product-spec-section::after,html[data-contrast=high] #main .main-stages-section::before,html[data-contrast=high] #main .main-text-color-section .main-text-section-left .main-text-section-left-desc,html[data-contrast=high] #main .main-text-dark-section,html[data-contrast=high] #main .main-text-right-higher,html[data-contrast=high] #main .main-text-section .container::after,html[data-contrast=high] #main .main-text-section .text-section-container .offer .offer-desc,html[data-contrast=high] #main .main-text-section .text-section-container .offer .offer-img,html[data-contrast=high] #main .main-text-section .text-section-container .pros,html[data-contrast=high] #slide-up,html[data-contrast=high] body{background-color:#000!important}html[data-contrast=high] #header #header-nav-button #header-nav-button-container .bar,html[data-contrast=high] #header #header-nav-button #header-nav-button-container .bar:nth-child(2)::after,html[data-contrast=high] #header #header-nav-button #header-nav-button-container .bar:nth-child(2)::before,html[data-contrast=high] #header .logo-ue,html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-button .button,html[data-contrast=high] #main .main-desc-section .desc-container .desc-icon,html[data-contrast=high] #main .main-history-section .owl-carousel .owl-stage-outer button,html[data-contrast=high] a.button{background-color:#ff0!important}html[data-contrast=high] #header #header-fixed{background-color:#000!important;color:#ff0!important}html[data-contrast=high] #footer #footer-menu .footer-menu-content p,html[data-contrast=high] #header #header-fixed{border-bottom:1px solid #ff0!important}html[data-contrast=high] #footer-logo img,html[data-contrast=high] #header #header-content>a img,html[data-contrast=high] #header #header-logo img,html[data-contrast=high] #main .main-contact-section .contact-container .contact-links-container .contact-links:first-child::before,html[data-contrast=high] #main .main-contact-section .contact-container .contact-links-container .contact-links:nth-child(2)::before,html[data-contrast=high] #main .main-product-history-section .owl-nav button img,html[data-contrast=high] #main .main-product-production-section .product-prod-carousel .owl-nav button img,html[data-contrast=high] #main .main-stages-section .main-stages-container .stages-field .stages .stage-column .stage-icon img,html[data-contrast=high] #main .main-text-section .text-section-container .pros .pros-icon img{filter:brightness(0) invert(1)!important}html[data-contrast=high] #main .main-desc-section .desc-container .desc-icon img,html[data-contrast=high] #main .main-history-section .owl-carousel .owl-stage-outer button img{filter:brightness(0)!important}html[data-contrast=high] #header .logo-ue{padding:.375rem}html[data-contrast=high] #header #header-nav-button #header-nav-button-container.active .bar:first-child,html[data-contrast=high] #header #header-nav-button #header-nav-button-container.active .bar:nth-child(2),html[data-contrast=high] #header #header-nav-button #header-nav-button-container.active .bar:nth-child(3),html[data-contrast=high] #main .main-about.off-glass .container{background-color:transparent!important}html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-checkbox label::before,html[data-contrast=high] #main .main-contact-section .form-inputs .form-cols .form-col .form-input .form-control,html[data-contrast=high] #main .main-text-section .text-section-container .offer .offer-desc,html[data-contrast=high] #main .main-text-section .text-section-container .pros,html[data-contrast=high] #slide-up{border:1px solid #ff0!important}html[data-contrast=high] #footer{border-top:1px solid #ff0!important}html[data-contrast=high] #main .main-cta-section .main-cta-bg{background-image:unset!important}html[data-contrast=high] #slide-up{clip-path:unset;border:1px solid #000!important;background-color:#ff0!important}html[data-contrast=high] #slide-up img{filter:brightness(0)}@media only screen and (max-width:1499px){html[data-contrast=high] #header #header-content,html[data-contrast=high] #header #header-content #header-navbar #header-nav,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-header .header-depth-nav-1 .header-depth-nav-2,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-header .header-depth-nav-1 .header-nav-header,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-item .header-depth-nav-1 .header-depth-nav-2,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-item .header-depth-nav-1 .header-nav-header{background-color:#000!important}html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-header .header-depth-nav-1 .header-depth-nav-2 .header-nav-item .header-nav-link:hover,html[data-contrast=high] #header #header-content #header-navbar #header-nav>.header-nav-item .header-depth-nav-1 .header-depth-nav-2 .header-nav-item .header-nav-link:hover{background-color:#222!important}}