.elementor-kit-10{--e-global-color-primary:#707070;--e-global-color-secondary:#DFDFDF;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF;--e-global-color-19caa52:#151515;--e-global-color-6bf381b:#9D9D9C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Outfit", Sans-serif;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:500ms;--e-preloader-animation-duration:500ms;--e-preloader-delay:0ms;--e-preloader-width:150px;}.elementor-kit-10 e-page-transition{background-color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1199px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-skin-slideshow .elementor-thumbnails-swiper .swiper-slide:not(.swiper-slide-active):after {
    background: transparent !important;
}
#obrazekportfolio {
    height: 240px !important;
    width: auto !important;
}
.elementor-widget-n-carousel .swiper-pagination-bullets {
    left: calc(var(--e-n-carousel-dots-horizontal-position) + var(--e-n-carousel-dots-horizontal-offset)) !important;
    width: max-content !important;
}
.elementor-flip-box__layer {
    transition: all .3s ease-in-out !important;
}
#listaservices ul {
    margin-top: -15px;
   
}

.wyslij {
    color: #ffffff !important;
    font-weight: 700;
}
.litera {
    color: #707070;
    font-weight: 700;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.przyciskduzy:hover svg, .e-n-accordion-item:hover .e-closed svg {
    transform: rotate(90deg);
    transition: 300ms ease-in-out;
}
.przyciskduzy svg, .e-n-accordion-item .e-closed svg {
    transition: 300ms ease-in-out;
      transform: rotate(0deg);
}
.przyciskduzy:hover .elementor-icon-box-title {
    
     transition:  300ms !important;
   text-decoration-color: rgba(0, 0, 0, 0);
}
.przyciskduzy .elementor-icon-box-title {
  
     text-decoration: underline 1px rgba(0, 0, 0, 1);
    text-underline-offset: 0.2em;
     transition: text-decoration-color 200ms;
}
#aktywny-jezyk .e-n-menu-icon svg{
    color: #000000 !important;
    fill:#000000 !important;
}
 #karuzela .elementor-swiper-button {
      visibility: hidden;
            opacity: 0;
            transition: 
                 300ms;
 }
 #przycisk:hover .elementor-button-icon {
    transform: translate(4px);
    transition: 200ms;
 }
 .elementor-button-icon {
    transition: 200ms;
    margin-left: 2px;
}

 .active {
     color: #ffffff;
     background: #000000;
     padding: 0px 10px;
  
   
 }
 .optionalstand {
      overflow: hidden;
 }
 .elementor-slideshow__footer,  .elementor-slideshow__header {
     display: none !important;
 }

 .portfolio:hover img {
     transform: scale(1.05);
     transition: 300ms;
 }
 .portfolio img {
       transition: 300ms;
 }
 
#obrazekportfolio img, #obrazekportfolio svg {
   max-height: 240px;
   width: auto;
}
#tytul span {
    color: #F3FF00;
   text-transform: uppercase;
   font-weight: 900;
}
#stickyheaders {
    box-shadow: 0 0 12px #00000025 !important;
}
.swiper-pagination-bullet {
    border-radius: 0px !important;
    margin-bottom: 20px !important;
        margin-left: 4px !important;
          margin-right:4px !important;
}
.elementor-counter-number-suffix {
    font-size: 80%;
    margin-left:2px;}
.elementor-custom-embed-image-overlay img {
    width:100%;
    height: 540px;
}
.elementor-sticky--effects #logo2 {
  max-width:210px;
  transition: 210ms;
}

 
ul {
        padding-inline-start: 25px;
}
#logo2 {
    max-width: 260px;
    transition: 200ms;
}
::placeholder { 
    opacity: 0.8 !important;
}
.elementor-testimonial, .elementor-testimonial__header {
    text-align: center;
    
    
}
.elementor-testimonial__cite {
    width: 100% !important;
}
.elementor-post__meta-data {
    padding: 15px 30px !important;
}
 
.zloty {
    font-size: 70%;
    margin-left: 2px;
}
 
strong, b {
    font-weight: 600;
}


.grecaptcha-badge {
    display: none !important;
}
.elementor-widget-text-editor a, .elementor-widget-theme-post-content a {
    color:#000000;
    font-weight: 300;
    text-decoration: underline;
}
 
.cc-window {
    border-radius: 10px !important;
    max-width: 26em !important;
    padding: 20px !important;
     
}
.cc-message {
    font-size: 14px !important;line-height: 1.5 !important;
    
}
.cc-compliance a {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
    border-radius:25px !important;

}
.cc-compliance  {
        text-align: left !important;
}
.elementor-widget-text-editor ol, .elementor-widget-text-editor ul, .elementor-widget-theme-post-content ul, .elementor-widget-theme-post-content ol {
    margin-bottom: 15px;
}
.elementor-widget-text-editor a:hover, .elementor-widget-theme-post-content a:hover {
    color:#000000;
 transition: 200ms;
 text-decoration: none !important;
}

#formularz .elementor-field-textual {
    padding: 5px 20px;
}
#formularz input[type="checkbox"] {
    
   
      content: '';
    background: #ffffff;
    border: 0px solid #1D2939;
    display: inline-block !important;
    border-radius: 0px !important;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    padding: 2px;
    
    text-align: center;
 -webkit-appearance: none;
    -moz-appearance: none;
        box-shadow: none;
    cursor: pointer;
  position: absolute !important;
   
}
#formularz .elementor-field-option label {
    font-size: 16px;
    text-align: justify !important;
font-weight: 300;
display: inline-block !important;
margin-left: 40px;line-height: 1.2 !important;
margin-top: -5px
 
}
#formularz input[type="checkbox"]:checked::before {
    content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E);
    position: absolute;
    margin:-4px 0px 0px -12px !important;
  
    height: 1.5rem;
    width: 1.5rem;
}
.header-2 {
 transform: translatey(-150px);
 -moz-transition: all .2s ease!important;
 -webkit-transition: all .2s ease!important;
 transition: all .2s ease!important;
}

.elementor-sticky--effects.header-2  {
 height: auto!important;
 transform: translatey(0px);
}

.elementor-sticky--effects.header-1 {
 display: none!important;
}
.header-2 {
 opacity: 0;
 -moz-transition: opacity .2s ease-out!important;
  -webkit-transition: opacity .2s ease-out!important;
  transition: opacity .2s ease-out!important;
}
.elementor-sticky--effects.header-2  {
 opacity: 1!important;
}

#kolumna:hover img, #kolumna:hover svg {
   transform: translateY(-5px);
    transition: 0.3s;
}
#kolumna svg{
    transition: 0.3s ease-out;
}
 
#wpis img {
     transition-duration: .3s;
     
    transition-timing-function: ease-in-out;
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
   ;
   
 }
 
#wpis:hover img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
   ;
   transform: scale(1.02)
}
  #wpisimg {
       overflow: hidden;
  }
#wpisobrazek {
  height: 250px;  
  overflow: hidden;  
}


#wpisobrazek img {
  transition: transform .5s ease;
}


#wpis:hover #wpisobrazek img {
  transform: scale(1.2);
}
@media (max-width:800px) {
    .elementor-custom-embed-image-overlay img {
    width:100%;
    height: 400px;
}

#obrazekportfolio {
    height: 100px !important;
    width: 90% !important;
}

#obrazekportfolio img, #obrazekportfolio svg {
   max-height: 90px;
   width: 90%;
}
.produktowa .elementor-swiper-button {
    display:none !important;
}
}
#menu .menu-item a, #menu2 .menu-item a {
  display: inline-block;
 
  text-decoration: none;
}

#menu .menu-item a::after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background: #ffffff;
  transition: width .2s ease-in;
}
#menu2 .menu-item a::after, #menu .sub-menu a::after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background: #1D1D1B;
  transition: width .2s ease-in;
}

#menu .menu-item a:hover::after, #menu2 .menu-item a:hover::after {
  width: 25px;
  margin-left: 1px;
}
#menu  a.eael-item-active::after {
    content: '';
  display: block;
  width: 0;
  height: 1px;
  background: #ffffff;
   margin-left: 1px;
  width: 25px;
}

#menu2  a.eael-item-active::after, #menu .sub-menu a.eael-item-active::after {
    content: '';
  display: block;
  width: 0;
  height: 1px;
  background: #1D1D1B;
   margin-left: 1px;
  width: 25px;
}
.elementor-button svg {
    transition: 300ms !important;
}

 
.post-navigation__arrow-prev i{

opacity: 0%;

}
 
.post-navigation__arrow-prev{

background: url("https://brandista.matiprojektuje.pl/wp-content/uploads/2024/12/arrow1a.svg") no-repeat center center;
margin-right: 15px;
width: 54px;
height: auto;
min-width: 50px;
}

.post-navigation__arrow-next i{

opacity: 0%;

}
 
.post-navigation__arrow-next{

background: url("https://brandista.matiprojektuje.pl/wp-content/uploads/2024/12/arrow2a.svg") no-repeat center center;
margin-left: 15px;
width: 54px;
height: auto;
min-width: 50px;
}
 .elementor-post-navigation__separator {
     margin: 0 10px !important;
 }/* End custom CSS */