/*
    Theme Name: Moldilus
    Description: Szablon stworzony dla Moldilus
    Version: 1.0
    Author: Noveo
    Author URI: http://noveo.pl/

*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
    font-size:62.5%;
}

body,
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar{
    font:500 16px/1.4 'Open Sans', Lato, sans-serif;
    
}

body {
    color:#444;
    margin: unset;
    padding-top: 82px;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
    max-width:100%;
    vertical-align:bottom;
}
a {
    color:#444;
    text-decoration:none;
    transition: 0.4s;
}
a:hover {
    color:#444;
} 



.head-abs{
    position: fixed!important;
    top: 0px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    z-index: 9999;
}
.header .butt-sep{
    margin-top: 0px;
}
.stickymenu .head-abs {
    position: fixed;  
    max-width: 100%;
    width:100%;
}

.stickymenu .header {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0px 28px;
}


.logo-img {
    transition: 0.4s;
    height: 93px;
}


.stickymenu .logo-img {
    height: 50px;
}


.head-abs:after{
    content:"";
    height: 0%;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 0px;
    z-index: -1;
    transition: 0.4s;
} 
.stickymenu .head-abs:after{
    content:"";
    height: 100%;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: rgb(255 255 255 / 100%);
}           
        
/*------------------------------------*\
    REALIZACJE
\*------------------------------------*/


.realizacje-gallery {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0px 20px;
}

.gallery-row {
    display: flex;
    width: 100%;
    gap: 10px;
}

.large-item {
    width: 66.66%;
}

.small-item {
    width: 100%;

}

.small-items-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 33.33%;
}

.large-items-column {
    display: flex;
    width: 66.66%;
    gap: 10px;
    flex-direction: column;
}


.realizacje-navigation {
    text-align: center;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  width: 500px;
  margin: 0 auto;
}

.filter-btn {
    padding: 15px 40px;
    color: #808080;
    border-bottom: 1px solid #C1C1C1;
    cursor: pointer;
    transition: background-color 0.3s;
    font-family: 'DM Sans';
    font-weight: bold;
    font-size: 14px;
    color: #808080;
    text-transform: uppercase;
}

.filter-btn.active,
.filter-btn:hover {
    color: #1BE5B8;
}
.filter-btn.active, .filter-btn:hover {
  border-bottom: 2px solid #1BE5B8;
}
.realizacje-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
}

.gallery-item {
    min-height: 200px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

}
.realizacje-wrapper{
    padding: 144px 0px;
}
.realizacje-headline{
    text-align: center;
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 48px;
    color: #000;
    padding-bottom: 32px;

}
/*------------------------------------*\
    SZACHOWNICA TEKSTOWA
\*------------------------------------*/
.chess-simple-bg{
    padding: 144px 0px 72px;
}
.simple-headline-medium{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 32px;
    color: #000;
    padding-bottom: 48px;
    margin: 0px;

}
.chess-simpleitem{
    display: flex;
    justify-content: space-between;
    gap: 200px;
}
.chess-simple-left, .chess-simple-right{
    width: 50%;
    flex: 1 1 calc((100% - 200px) / 2);
    font-family: 'DM Sans';
    font-weight: normal;
    font-size: 16px;
    color: #808080;
    line-height: 150%;
}
.chess-simple-right .simple-content li{
    border-bottom: 1px solid rgba(128, 128, 128, 0.25);
    padding-bottom: 12px;
    padding-top: 12px;
}
.chess-simple-right .simple-content ul{
    padding-left: 0px;
}
.simple-separator{
    padding: 10px 0px;
}
.t-center{
    text-align: center !important;
}
.simple-subtitle{

}
.simple-headline-big{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 48px;
    color: #000;
    padding-bottom: 48px;
    margin: 0px;

}
.simple-headline-big p{
    margin: 0px;
    padding: 0px;
}
.simple-subtitle, .simple-subtitle p{
    font-family: 'DM Sans';
    font-weight: bold;
    font-size: 10px;
    color: #1BE5B8;
    line-height: 100%;
    text-transform: uppercase;

}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
    max-width: 1248px;
    width:100%;
    margin:0 auto;
    position:relative;
}
/* header */
.header {display: flex;justify-content: space-between;
align-items: center;
height: 82px;
padding: 0px 28px;}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {display: flex;align-items: center;}

.nav ul{
    padding: unset;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    gap: 80px;
}
.nav li{
    margin-left: 20px;
    position: relative;
    white-space: nowrap;
}


.nav a:hover,
.current_page_parent > .wrap-li a,
.current-menu-ancestor > a,
.current-menu-item > a, 
.current-page-ancestor > a{
    transition: 0.4s;
    color: #1BE5B8 !important;
}

.wrap-li{
    margin-right: 20px;
    position: relative;
}

  
.header  .nav .sub-menu{
    display: none;
    position:absolute;
    flex-direction: column;
    z-index: 99999;
    opacity: 0;
}


@keyframes load {
  0%   {opacity:0;} 
  100% {opacity: 1}
}

.header .sub-menu   li{margin-left: unset;}
.header .sub-menu a{
    padding-left: unset;
    display: block;
    padding: 10px 15px;
    margin: unset;
}


.nav a{}
/* sidebar */
.sidebar {

}
/* footer */
.footer {
    max-width: 1920px;
    margin: 0 auto;

}
.nav li a{
    font-family: 'DM Sans';
    font-weight: bold;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;

}
.logo-img{
    max-height: 48px;
}
/*------------------------------------*\
    TRZY KAFELKI
\*------------------------------------*/
.trzy-kafelki-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.trzy-kafelki-item {
    flex: 1 1 calc((100% - 40px) / 3);
    max-width: calc((100% - 40px) / 3);
    aspect-ratio: 2 / 1;
    background-image: url('/wp-content/uploads/2024/11/kafelki_black.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 48px;
    display: flex;
    flex-direction: column;
}
.trzy-kafelki-title{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 32px;
    color: #fff;
    padding: 0px;
    margin: 0px;
}
.trzy-kafelki-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.trzy-kafelki-description p{
    font-family: 'DM Sans';
    font-weight: normal;
    font-size: 16px;
    color: #c7c7c7;
}


/*------------------------------------*\
    SZACHOWNICA
\*------------------------------------*/

.chess-box{
    position: relative;
    z-index: 10;
    padding: 72px 0px;

}
.chess-left{
    padding: 0px 96px 0px 96px !important;
}
.chess-item{
    display: flex;
    width: 100%;
    align-items: stretch;


}
.chess-left{
    width: 50%;
    display: flex;
    flex-direction: column;
    display: flex;
  align-items: center; 
  justify-content: center; 
}
.chess-right{
  width: 50%;
  min-height: auto;
  background-size: cover;
  flex: 1; 
  display: flex;
  align-items: center; 
  justify-content: center; 
  min-height: auto; 
  background-size: cover;
}
.chess-shape-img {
  position: relative;
  clip-path: polygon(
    0% 0px,      /* Lewy górny róg */
    0px 0px,     /* Wcięcie w lewym górnym rogu */
    100% 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 50px),    /* Prawy dolny róg */
    calc(100% - 200px) calc(100% - 50px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 250px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}
.chess-shape-img-big {
  position: relative;
  clip-path: polygon(
    0% 0px,      /* Lewy górny róg */
    0px 0px,     /* Wcięcie w lewym górnym rogu */
    100% 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 50px),    /* Prawy dolny róg */
    calc(100% - 200px) calc(100% - 50px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 250px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}
.chess-bg{
    max-width: 1920px;
    width:100%;
    margin:0 auto;
    position:relative;
}
.wrapper-max{
    max-width: 1920px;
    width:100%;
    margin:0 auto;
    position:relative;

}

.chess-bg-shape {
  position: relative;
 
  
  overflow: hidden;
}
.chess-left-content{
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 72px 0px;
}
.chess-bg-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 72%; /* Ograniczenie szerokości do 72% */
  height: 100%;
  background-color: #252525;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
   clip-path: polygon(
    0% 50px,      
    200px 50px,    
    250px 0%,     
    100% 0%,     
    100% 100%,  
    0% 100% 

  );
}
.chess-bg-inner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%; 
  height: 100%;
  background-image: url('/wp-content/uploads/2024/11/kratka_szara.svg');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  opacity: 1; 
  pointer-events: none; 
  z-index: 2; 
}
.chess-bg-inner-big {
  position: absolute;
  top: 0;
  left: 0;
  width: 72%; 
  height: 100%;
  background-color: #252525;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
   clip-path: polygon(
    0% 50px,      
    200px 50px,    
    250px 0%,     
    100% 0%,     
    100% 100%,  
    0% 100% 

  );
}
.chess-bg-inner-big::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%; 
  height: 100%;
  background-image: url('/wp-content/uploads/2024/11/kratka_szara.svg');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  opacity: 1; 
  pointer-events: none; 
  z-index: 2; 
}
.chess-left-content-title p{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 48px;
    color: #fff;
    padding: 0px;
    margin: 0px;
    line-height: 100%;

}
.chess-left-content-subtitle{
    font-family: 'DM Sans';
    font-weight: bold;
    font-size: 10px;
    color: #1BE5B8;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;

}
.simple-text{
    font-family: 'DM Sans';
    font-weight: normal;
    font-size: 16px;
    color: #c7c7c7;

}
.bg-button-black{
  background-image: url('/wp-content/uploads/2024/11/bg_button_black.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  font-family: 'DM Sans';
  font-weight: bold;
  font-size: 10px;
  padding: 24px;
  text-transform: uppercase;

}
.butt-sep{
    margin-top: 12px;
}
.cecha-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0px;
    border-bottom: 1px solid #545454;
}
.cecha-left{
    font-family: 'DM Sans';
    font-weight: normal;
    font-size: 12px;
    color: #fff;
}
.cecha-right{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 32px;
    color: #fff;
}

/*------------------------------------*\
    podpis
\*------------------------------------*/

.custom-shape-podpis {
  background-color: #252525; 
  position: relative;
  clip-path: polygon(
    0% 50px,      /* Lewy górny róg */
    200px 50px,     /* Wcięcie w lewym górnym rogu */
    250px 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 50px),     /* Prawy dolny róg */
    calc(100% - 200px) calc(100% - 50px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 250px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}

.chess-right-button{
  align-items: flex-end !important;
  padding: 12px 72px;
  justify-content: flex-end !important;
}
.chess-right-button::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%; 
  height: 100%;
  background-image: url('/wp-content/uploads/2024/11/kratka2.svg');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  opacity: 1; 
  pointer-events: none; 
  z-index: -1; 
}
.chess-left-button{
    width: 70% !important;
}
.chess-right-button{
    width: 30% !important;
}
.chess-content-podpis{
    padding: 2px 0px !important;
}
/*------------------------------------*\
    HEADLINE
\*------------------------------------*/
.custom-shape-headline {
  background-color: #252525; 
  position: relative;
  clip-path: polygon(
    0% 50px,      /* Lewy górny róg */
    200px 50px,     /* Wcięcie w lewym górnym rogu */
    250px 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 50px),    /* Prawy dolny róg */
    calc(100% - 200px) calc(100% - 50px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 250px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}
.chess-left-headline{
    align-items: flex-start;
    width: 70%;
}
.chess-right-headline{
    width: 30%;

    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    position: relative;
}
.chess-right-headline::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%; 
  height: 100%;
  background-image: url('/wp-content/uploads/2024/11/krakta_headline.svg');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  opacity: 1; 
  pointer-events: none; 
  z-index: -1; 
}
.chess-box-headline{
    padding: 0px !important;
    height: 250px;
}
.enter-title{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 48px;
    color: #000;
    padding-bottom: 32px;
    margin: 0px;

}
.enter-title p{
    margin: 0px;
}
.enter{
    padding: 144px 0px 72px;
}
.enter-section {
    position: relative; 
}

.enter-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('/wp-content/uploads/2024/11/kratka_enter-2.svg');
    background-repeat: no-repeat;
    background-size: contain; 
    z-index: -1;
    pointer-events: none; 
}
.bg-enter-1 {
    position: relative; 
}

.bg-enter-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    background-image: url('/wp-content/uploads/2024/11/kratka_enter.svg') !important;
    background-repeat: no-repeat;
    background-size: contain; 
    z-index: -1;
    pointer-events: none; 
}

/*------------------------------------*\
    KAFELKI OFERTA
\*------------------------------------*/
.offer-kafelki-list {
    display: flex;
    flex-wrap: wrap; 
    gap: 26px; 
    justify-content: space-between; 
    width: 100%;
}

.offer-kafelki-item {
    flex: 1 1 calc(50% - 13px); 
    max-width: calc(50% - 13px); 
    box-sizing: border-box; 
    min-height: 494px;
    padding: 48px;
    position: relative;
}

.bg-button-black-green{
  background-image: url('/wp-content/uploads/2024/11/button_green.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  font-family: 'DM Sans';
  font-weight: bold;
  font-size: 10px;
  padding: 24px;
  text-transform: uppercase;
  margin-top: 32px;

}
.offer-kafelki-title p{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 32px;
    color: #fff;
    padding: 0px;
    margin: 0px;
}
.offer-kafelki-description p{
  color: #fff;
  font-family: 'DM Sans';
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  text-align: justify;

}
.offer-kafelki-cecha{
  color: #fff;
  font-family: 'DM Sans';
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  border-bottom: 1px solid rgba(255,255,255,0.25);
  padding-bottom: 12px;
  padding-top: 12px;

}
.offer-kafelki-title{
    padding: 0px;
    margin: 0px;
}
.number{
    position: absolute;
    top: 32px;
    right: 18px;
    color: #000;
    font-family: 'DM Sans';
    font-weight: bold;
    font-size: 10px;
}

/*------------------------------------*\
    DLACZEGO WARTO
\*------------------------------------*/
.warto-kafelki-list {
    column-count: 2; 
    column-gap: 20px; 
}

.warto-kafelki-item {
    background: #f5f5f5;
    margin-bottom: 20px; 
    padding: 48px;
    box-sizing: border-box;
    border-radius: 8px;
    display: inline-block;
    width: 100%; 
}
.custom-warto-shape {
  background-color: #EDFFFB; 
  position: relative;
  clip-path: polygon(
    0% 25px,      /* Lewy górny róg */
    100px 25px,     /* Wcięcie w lewym górnym rogu */
    125px 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 25px),    /* Prawy dolny róg */
    calc(100% - 100px) calc(100% - 25px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 125px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}
.warto-kafelki-title p{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 32px;
    color: #1BE5B8;
    padding: 0px;
    margin: 0px;
    line-height: 100%;
}
.warto-kafelki-description p{
  color: #808080;
  font-family: 'DM Sans';
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;

}
/*------------------------------------*\
    SZACHOWNICA PRAWA
\*------------------------------------*/
.chess-right-shape-img{
    position: relative;
   clip-path: polygon(
    0% 50px,      
    200px 50px,    
    250px 0%,     
    100% 0%,     
    100% 100%,  
    0% 100% 

  );
}
.chess-bg-inner-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 72%; 
  height: 100%;
  background-color: #F4F4F4;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  clip-path: polygon(
    0% 0%,      /* Lewy górny róg */
    0% 0%,     /* Wcięcie w lewym górnym rogu */
    30% 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 50px),    /* Prawy dolny róg */
    calc(100% - 200px) calc(100% - 50px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 250px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}
.chess-bg-inner-right::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
  background-image: url('/wp-content/uploads/2024/11/kratka_szara.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  opacity: 1; 
  pointer-events: none; 
  z-index: 2; 
}
.chess-bg-inner-right-cnt {
  position: absolute;
  top: 0;
  right: 0;
  width: 72%; 
  height: 100%;
  background-color: #F4F4F4;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  clip-path: polygon(
    0% 0px,      /* Lewy górny róg */
    0px 0px,     /* Wcięcie w lewym górnym rogu */
    100% 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 50px),    /* Prawy dolny róg */
    calc(100% - 200px) calc(100% - 50px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 250px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}
.chess-bg-inner-right-cnt::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
  background-image: url('/wp-content/uploads/2024/11/kratka_white.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  opacity: 1; 
  pointer-events: none; 
  z-index: 2; 
}
.right-chess-title p{
  font-family: 'ChakraPetch';
  font-weight: normal;
  font-size: 32px;
  color: #000;
  padding: 0px;
  margin: 0px;
  line-height: 100%;

}
.simple-text-right{
  color: #808080;
  font-family: 'DM Sans';
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;

}
.simple-text-right p{
    margin: 0px;
    padding: 0px;
    text-align: justify;
}
.bigger p{
    font-size: 48px !important;
}
.cecha-right{
  color: #808080;
  font-family: 'DM Sans';
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);
  padding: 12px 0px;

}
.chess-right-half{
  position: relative;
  clip-path: polygon(
    0% 50px,      /* Lewy górny róg */
    200px 50px,     /* Wcięcie w lewym górnym rogu */
    250px 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 50px),    /* Prawy dolny róg */
    calc(100% - 200px) calc(100% - 50px),    /* Wcięcie w prawym dolnym rogu */
    calc(100% - 250px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );

}
.chess-left-half{
       background-color: #f4f4f4;
       position: relative;
       clip-path: polygon(
        0% 50px,      
        200px 50px,    
        250px 0%,     
        100% 0%,     
        100% 100%,  
        0% 100% 

  );
       margin: 6% 0% 3%;
       position: relative;

}
.cechy-row{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 12px;
}
.cecha-right{
    flex: 1 1 calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);

}
.chess-left-half::after{
  content: "";
  position: absolute;
  top: 0;
  left: 88%;
  width: 100%; 
  height: 100%;
  background-image: url('/wp-content/uploads/2024/11/kratka_szara.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  opacity: 1; 
  pointer-events: none; 
  z-index: -1; 
}
/*------------------------------------*\
    BRANŻE
\*------------------------------------*/
.p144{
    padding: 144px 0px;
}
.industry-title p{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 48px;
    color: #000;
    padding: 0px;
    margin: 0px;

}
.mh500{
    max-height: 500px;
    height: 500px;
}
.nav-buttons{
    width: 144px;
    position: absolute;
    bottom: 15%;
}
.swiper-button-next::after{
  display: none;
}
.swiper-button-prev::after{
  display: none;
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  width: unset !important;
  height: unset !important;
  gap: 4px;

}
.p120{
    padding: 120px 0px;
}
.nav-buttons img {
    transition: transform 0.3s ease, opacity 0.3s ease; 
}

.nav-buttons img.active {
    transform: scale(0.9); 
    opacity: 0.8; 
    transition: transform 0.3s ease, opacity 0.3s ease;
}
/*------------------------------------*\
    KONTAKT
\*------------------------------------*/
.contact-section{
  color: #fff;
  font-family: 'DM Sans';
  font-weight: bold;
  font-size: 10px;
  line-height: 100%;
  text-transform: uppercase;
  padding: 24px 0px 8px;

}
.contact-right{
    display: flex;
    flex-direction: column;
}
.contact-section-footer{
  color: #15E5B8;
  font-family: 'DM Sans';
  font-weight: bold;
  font-size: 10px;
  line-height: 100%;
  text-transform: uppercase;
  padding: 24px 0px 8px;

}
.contact-description p{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 16px;
    color: #000;
    padding: 0px;
    margin: 0px;

}
.contact-details{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 32px;
    color: #000;
    padding: 0px;
    margin: 0px;

}
.contact-content{
    display: flex;
    flex-direction: column;
}
/*------------------------------------*\
    BANNER
\*------------------------------------*/
.custom-shape-banner {
    background: #f4f4f4;
    position: relative;
    clip-path: polygon(
        0% 50px,      /* Lewy górny róg */
        200px 50px,     /* Wcięcie w lewym górnym rogu */
        250px 0%,      /* Górna krawędź przed wcięciem */
        100% 0%,     /* Prawy górny róg */
        100% calc(100% - 50px),     /* Prawy dolny róg */
        calc(100% - 200px) calc(100% - 50px),     /* Wcięcie w prawym dolnym rogu */
        calc(100% - 250px) 100%,     /* Dolna krawędź przed wcięciem */
        0% 100%,     /* Lewy dolny róg */
        0% 10%       /* Powrót do lewego górnego rogu */
    );
}

.chess-right-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
    z-index: 2; 
}

.chess-left-banner{
    align-items: flex-start;
    width: 50%;
    padding-top: 0px;
    z-index: 4; 

}
.custom-shape-banner::after {
  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 58%;

  transform: translateX(-50%);

  width: 300px;

  background: linear-gradient(to right, rgb(244, 244, 244), rgba(244, 244, 244, 0));

  z-index: 3;

  pointer-events: none;

}
.chess-right-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 100px; 
    background: linear-gradient(to right, rgba(244, 244, 244, 1), rgba(244, 244, 244, 0)); 
    z-index: 3;
    pointer-events: none;
    width: 500px;
}

.chess-box-banner {
  padding: 0px !important;
  height: 500px;
  z-index: 2; 
}
.banner-title{
  font-family: 'ChakraPetch';
  font-weight: normal;
  font-size: 48px;
  color: #000;
  margin: 0px;
  line-height: 100%;

}
.banner-title p{
    margin: 0px;
}
.bg-button-green{
  background-image: url('/wp-content/uploads/2024/11/button_green-1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  font-family: 'DM Sans';
  font-weight: bold;
  font-size: 10px;
  padding: 24px;
  text-transform: uppercase;
  margin-top: 32px;

}
.chess-banner{
    max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family: 'ChakraPetch';
    src: url('fonts/ChakraPetch-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ChakraPetch';
    src: url('fonts/ChakraPetch-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'ChakraPetch';
    src: url('fonts/ChakraPetch-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ChakraPetch';
    src: url('fonts/ChakraPetch-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ChakraPetch';
    src: url('fonts/ChakraPetch-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'ChakraPetch';
    src: url('fonts/ChakraPetch-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ChakraPetch';
    src: url('fonts/ChakraPetch-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'ChakraPetch';
    src: url('fonts/ChakraPetch-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ChakraPetch';
    src: url('fonts/ChakraPetch-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'ChakraPetch';
    src: url('fonts/ChakraPetch-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DMSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DMSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DMSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DMSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DMSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DMSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DMSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wp-caption {
    background:#FFF;
    border:1px solid #F0F0F0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,
    a:visited {
        text-decoration:underline;
    }
    a[href]:after {
        content:" (" attr(href) ")";
    }
    abbr[title]:after {
        content:" (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }
    pre,blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }
    thead {
        display:table-header-group;
    }
    tr,img {
        page-break-inside:avoid;
    }
    img {
        max-width:100% !important;
        height: auto;
    }
    @page {
        margin:0.5cm;
    }
    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }
    h2,
    h3 {
        page-break-after:avoid;
    }
}


#toggle{
 display: none;
}




@media only screen and (min-width:821px) { 
    .header  .menu-item-has-children:hover .sub-menu{
      background: white;
      width: auto;
      display: block; 
      left: -20px;
      animation-duration: 1s;
      animation-fill-mode: forwards;
      animation-name: load;
      border-radius: 8px;
      border-top: 21px solid #ffffff00; 
    }
}

@media only screen and (max-width:1160px) {


    header .nav.show-mobile ul{
        display: none;
        position: initial;
    }
    header .sub-menu{
        padding: 0px!important;
    }
    header .sub-menu li{
        margin: 0px!important;
        padding-left: 0px;
    }

    .header .nav .sub-menu{
        position:initial;
        opacity: 1;
    }

    .nav li{
        margin-left: unset;
    }

     header .nav ul{
        overflow: hidden;
        position: absolute;
        background: white;
        flex-direction: column;
        width: 100%;
        padding: 19px;
        z-index: 9999999;
        border-top: unset!important;
        left: 0px;
        transition: 0.4s;
        margin: unset;
        display: none;
    }
    header .nav ul a{
        padding: 5px;
        display: inline-block;
        font-size: 20px;
        width: 100%;
        background:unset;
    }

    .logo{
        margin-left: 20px;
    }
 
    .head-abs .wrapper{width: 100%;}


    .wrapper-mobile {
        width: 100%;
    }
 

    header .nav{
        z-index: 999999; 
    }

    .stickymenu #toggle{
        top: 19px;
    }

    .stickymenu header .nav ul{
        top: 44px;
    }

    #toggle{
        display: flex;
        padding: 10px;
        text-align: right;
        font-size: 40px;
        width: 100%;
        padding-right: 10px;
        flex-direction: column;
        align-items: flex-end;
        position: absolute;
        margin-left: unset;
        width: 51px;
        right: 20px;
        z-index: 99999;
        top: 19px;
    }
    
     .arrow-menu{
         display: initial!important;
        }

    .hamburger-icon{
        width: 31px;
        height: 4px;
        background-color: #1BE4B7;
        margin: 2px 0;
        display: block;
    }
      
    .head-wrap{
        width: 100%;
    }


    .nav > ul{  
        height: 100vh;
        overflow-y: scroll;
        padding-bottom: 50px!important;
    }
      
}



.form-row-cf{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 49%;
}

 
.form-item-cf{
    width: 100%;
}

 

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
    width: 100% !important;
    border-radius: 0 !important;
    font-size: 14px;
    color: black!important;
    padding: 16px !important;
    font-weight: normal;
    border: 1px solid #d9d9d9;
    margin-top: 16px;
}

.form-row-cf .form-item-cf:first-of-type input{
    margin-top: unset;
}


.wpcf7-text:active, .wpcf7-text:focus, .wpcf7-textarea:active, .wpcf7-textarea:focus {
    outline: none!important;
    border:none;
    color: black;
    border: 1px solid #d9d9d9;
}


 



::-webkit-input-placeholder { /* Chrome */
  color: #c3c3c3;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #c3c3c3;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #c3c3c3;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #c3c3c3;
  opacity: 1;
}


input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    border: none;
    padding: 11px 59px;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    background: #258ed0;
    font-weight: 700;
}



.wpcf7-text:active::-webkit-input-placeholder,
.wpcf7-text:focus::-webkit-input-placeholder,
.wpcf7-textarea:active::-webkit-input-placeholder,
.wpcf7-textarea:focus::-webkit-input-placeholder{ 
    color:black;
}
.wpcf7-text:active::-ms-input-placeholder,
.wpcf7-text:focus::-ms-input-placeholder,
.wpcf7-textarea:active::-ms-input-placeholder,
.wpcf7-textarea:focus::-ms-input-placeholder{ 
    color:black;
}
.wpcf7-text:active::-moz-placeholder,
.wpcf7-text:focus::-moz-placeholder,
.wpcf7-textarea:active::-moz-placeholder,
.wpcf7-textarea:focus::-moz-placeholder{ 
    color:black;
}
.wpcf7-text:active::-moz-placeholder,
.wpcf7-text:focus::-moz-placeholder,
.wpcf7-textarea:active::-moz-placeholder,
.wpcf7-textarea:focus::-moz-placeholder{ 
    color:black;
} 

.form-column-cf{display: flex;justify-content: space-between;}



@media only screen and (max-width:700px) {

    .form-column-cf{
        flex-direction: column;
    }

    .form-row-cf{
        width:100%;
    }

}



.bg-single{
    height: 450px;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.bg-single.no-img{background-color: black;}



@keyframes fade-in {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60%, 0);
    transform: translate3d(0, 60%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fade-in-element {
  animation: fade-in 0.8s;
}
.hidden {
  opacity: 0;
}

            .gallery-size-full .gallery-item {
                padding: 5px;
            }

.foot-bg {}
.logo-item:hover{
    opacity:0.7;
}
.foot-cols {display: flex;justify-content: space-between;padding: 60px 0px;flex-wrap: wrap;}
.foot-col a {transition: 0.4s;}

.foot-col a:hover{
opacity:0.7;
}
.foot-col p{
    margin-top: 0px;
}
.foot-col ul{
    margin: unset;
    padding: unset;
    list-style: none;
    line-height: 30px;
}
.foot-col li{
    max-width: 146px;
}
.foot-col a{}

.foot-title {text-transform: uppercase;margin-bottom: 5px;}
.hr-bar {height: 2px;background: #ADADAD;}

.copyright{
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    color: black;
    font-weight: 100;
    font-size: 14px;
    padding-bottom: 24px;
}

.copy-left, .copy-right{ 
  color: #808080;
  font-family: 'DM Sans';
  font-weight: normal;
  font-size: 16px;
  line-height: 100%;

}
.foot-bg{
    position: relative;
}

.foot-spac{
    margin: 0 10px;
}

.foot-col img{
    margin:unset;
}
.menu-item::marker {
    content: none;
}
li::marker {
    content: none;
}
.foot-logo{
    
height: 30px;
    
margin-left: 20px;
}
.footer-shape{
 background-color: #f4f4f4;
       position: relative;
       clip-path: polygon(
        0% 50px,      
        200px 50px,    
        250px 0%,     
        100% 0%,     
        100% 100%,  
        0% 100% 

  );
       margin-top: 72px;
       position: relative;

}
.footer::after{
  content: "";
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%; 
  height: 100%;
  background-image: url('/wp-content/uploads/2024/12/kratka-stopka.svg');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  opacity: 1; 
  pointer-events: none; 
  z-index: -1; 
}
.contact-box{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 72px;
    padding-bottom: 96px;
}
.footer-menu{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.footer-menu a{
  font-family: 'DM Sans';
  font-weight: bold;
  font-size: 10px;
  color: #000;
  text-transform: uppercase;
}

span.wpcf7-list-item{
  margin-left:unset;
}

.copysend{
  display: none!important;
}


.btn:hover a {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
}
  

.page-bread span{
    display: flex;
    flex-wrap: wrap;
}


.page-bread p {
    margin:unset;
    display: flex;
}

.page-bread{
    display:flex;
    flex-wrap: wrap;
}

 .tns-item:not(.tns-slide-active)    + .tns-slide-active   + .tns-slide-active  { 
  /*center slider*/
}



.simple-margin{
    word-break: auto-phrase; 
    margin: 0 auto;
    padding: 80px 0;
}

    .menu-wrap-list {
        position: absolute;
        top: 82px;
        border-top: 1.5px dashed #c1c1c1!important;
        overflow-y: scroll;
        padding-bottom: 40px;
        left: 0px;
        width: 100%;
        height: calc(100vh - 65px);
        display: none;
        background: white;
        transition: 0.4s;
    }

.stickymenu .menu-wrap-list{
    top: 82px;
}

.foot-col-1{}

.foot-col-1 img{
    max-width: 250px;
}

                    
table td, table th {
  border: 1px solid #ddd;
  padding: 8px;
}

table tr:nth-child(even){background-color: #f2f2f2;}

table tr:hover {background-color: #ddd;}

table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

 

 
    .gallery  img{
        border: unset!important;
        height: auto;
    }
    div.gallery {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

.arrow-menu{
    position: absolute;
    right: -25px;
    top: 1px;
    width: 30px;
    height: 20px;
    text-align: center;
    z-index: 999;
    transition: 0.4s;
}
.arrow-menu {
    display: flex!important;
    transform: rotate(0deg);
    align-items: center;
    justify-content: center;
}
.arrow-menu.rotatearrow {
    transform: rotate(180deg);
}


.sub-menu.opensubmenu {
    display: block!important;
}

 /* DODATKOWE */
 .chess-bg-contact-map{
    padding: 144px 0px 72px;
 }
 .chess-left-x{
    padding: 0px 20px;
    align-items: flex-start !important;
 }
 .simple-text p{
    padding: 0px;
    margin: 0px;
    text-align: justify;
 }
 .chess-item-headline{
    display: flex;
  width: 100%;
  align-items: stretch;

 }
 .offer-kafelki-item{
       position: relative;
       clip-path: polygon(
        0% 25px,      
        100px 25px,    
        125px 0%,     
        100% 0%,     
        100% 100%,  
        0% 100% 

  );

}
.chess-left-content-subtitle::before {
    content: "+";
    margin-right: 5px; 
    font-weight: bold; 
    font-size: 12px;
}

.trzy-kafelki-item-x {
  background-color: #252525; 
  flex: 1 1 calc((100% - 40px) / 3);
  padding: 48px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  position: relative;
  clip-path: polygon(
    0% 25px,      /* Lewy górny róg */
    100px 25px,     /* Wcięcie w lewym górnym rogu */
    125px 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 25px),    /* Prawy dolny róg */
    calc(100% - 100px) calc(100% - 25px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 125px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}
.cecha-right-x{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 24px;
    color: #fff;
    padding: 0px
    margin: 0px;

}
.chess-left-x{
    align-items: flex-start !important;
    margin-bottom: 24px;
}
.chess-left-content-x{
    max-width: 500px;
}
.signature-section{
    position: relative;
    padding: 144px 0px;
}
.signature-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/wp-content/uploads/2024/12/kratka_podpis.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  pointer-events: none;
}
.no-bottom{
    padding-bottom: 0px !important;
}
.chess-left-content-title-y, .chess-left-content-title-y p{
    font-family: 'ChakraPetch';
    font-weight: normal;
    font-size: 48px;
    color: #000;
    padding: 0px;
    margin: 0px;

}
.simple-text-y p{
  font-family: 'DM Sans';
  font-weight: normal;
  font-size: 16px;
  color: #808080;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  text-align: justify;
}
.chess-left-y{
    align-items: flex-end !important;
}
.big-bottom{
    padding-bottom: 144px;
}
.simple-headline-medium p{
    padding: 0px;
    margin: 0px;
}
.cecha-right::before {
    content: "+";
    margin-right: 5px; 
    font-weight: bold; 
    font-size: 16px;
}
.simple-text-y ul li{
  font-family: 'DM Sans';
  font-weight: normal;
  font-size: 16px;
  color: #808080;
  line-height: 150%;
  margin: 0px;
  padding: 12px 0px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);

}

.simple-text-y ul{
    padding-left: 0px;
}
.simple-text-y ul li {
    padding-left: 10px; 
}
.simple-text-y ul li {
  position: relative;
  padding-left: 20px; 
}

.simple-text-y ul li::before {
  content: "+";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); 
  font-weight: normal;
  font-size: 16px;
}



.separation-list-text ul li{
  font-family: 'DM Sans';
  font-weight: normal;
  font-size: 16px;
  color: #808080;
  line-height: 150%;
  margin: 0px;
  padding: 12px 0px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);

}

.separation-list-text ul{
    padding-left: 0px;
}
.separation-list-text ul li {
    padding-left: 10px; 
}
.separation-list-text ul li {
  position: relative;
  padding-left: 20px; 
}

.separation-list-text ul li::before {
  content: "+";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); 
  font-weight: normal;
  font-size: 16px;
}


.simple-content ul li{
  font-family: 'DM Sans';
  font-weight: normal;
  font-size: 16px;
  color: #808080;
  line-height: 150%;
  margin: 0px;
  padding: 12px 0px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.25);

}

.simple-content ul{
    padding-left: 0px;
}
.simple-content ul li {
    padding-left: 10px; 
}
.simple-content ul li {
  position: relative;
  padding-left: 20px; 
}

.simple-content ul li::before {
  content: "+";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); 
  font-weight: normal;
  font-size: 16px;
}


.pt-144{
    padding-top: 144px;
}
.pt-72{
    padding-top: 72px;
}
.pb-144{
    padding-bottom: 144px;
}
.medium-title, .medium-title p{
    font-size: 32px;
}
.simple-content p{
    padding: 0px;
    margin: 0px;
    text-align: justify;
}
*{
    
}


/* RWD */

@media only screen and (min-width:1800px) {

}
 
@media only screen and (max-width:1535px) {

}
 
@media only screen and (max-width:1365px) {
    .nav ul{
        gap: 30px;
    }
}
 


 @media only screen and (min-width: 200px) and (max-width: 1620px)  { 
 .wrapper-xyzc{
    padding: 24px 20px;
 }
}

@media (max-width: 1260px) {
    
    .wrapper{
        padding: 0px 20px;
    }

    .realizacje-wrapper{
        padding: 72px 20px 0px;
}
.chess-left-x{
    padding: 0px 20px;
}
.o-nas .chess-box{
    padding-top: 0px;
}
.o-nas .chess-bg-shape .chess-left-content{
    margin-bottom: 0px;
}
.o-nas .chess-simple-bg{
    padding-bottom: 0px;
}
.custom-shape-headline .chess-left-content{
    margin-bottom: 0px;
}
    .signature-section{
        padding: 72px 0px;
    }
    .trzy-kafelki-item-x{
        padding: 48px;
    }
    .chess-bg-inner-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%; 
  height: 100%;
  background: linear-gradient(to bottom, #fff, #f4f4f4);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  clip-path: polygon(
    0% 0%,      /* Lewy górny róg */
    0% 0%,     /* Wcięcie w lewym górnym rogu */
    30% 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 25px),    /* Prawy dolny róg */
    calc(100% - 100px) calc(100% - 25px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 125px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );

}
.warto-section{
    padding: 24px 0px 48px; 
}
.chess-left-button{
    width: 100% !important;
}
.signature-section{
    padding: 72px 0px;
}
.page-id-418 .signature-section, .page-id-421 .signature-section{
    padding: 72px 0px 0px;
}
.page-id-463 .footer{
        margin-top: 0px;
    }
    .footer-menu{
        padding-left: 0px;
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .copy-left{
        padding-bottom: 20px;
    }
.big-bottom{
    padding-bottom: 48px;
}
.pt-144{
    padding-top: 72px;
}
.pb-144{
    padding-bottom: 72px;
}
.chess-bg-contact-map{
    padding: 0px 0px 0px;
}
    .trzy-kafelki-item {
        flex: 1 1 calc((100% - 20px) / 2);
        max-width: 400px;
    }
    .chess-item{
        flex-direction: column;

    }
    ..simple-headline-medium{
        padding: 72px 0px 0px;
    }
    .chess-left, .chess-right{
        width: 100%;
    }
    .chess-bg-inner-big{
        width: 100%;
        height: 80%;
    }
    .chess-left{
        padding: 0px 20px !important;
    }
    .chess-right-button {
       align-items: flex-start !important;
       padding: 12px 20px;
       justify-content: flex-start !important;
       width: 100% !important;
}
.custom-shape-podpis{
    padding: 72px 0px;
}
.chess-left-content-x, .chess-left-x{
    margin-bottom: 0px !important;
}
     .offer-kafelki-list {
        flex-direction: column;
     }
     .offer-kafelki-item{
        flex: unset;
        max-width: unset;
        width: 100%;
     }
     .mh500{
        height: 550px;
        max-height: 550px;
     }
     .chess-left-half{
        margin: 0% 0% -11%;
     }
     .nav-buttons{
        padding-bottom: 80px;
     }
     .p120{
        margin-bottom: 160px;
     }
     .contact-box{
        flex-direction: column;
        padding: 72px 20px !important;

     }
     .header .butt-sep{
        display: none;
     }
     .trzy-kafelki-item{
        padding: 18px;
     }
     .custom-shape-banner::after{
        display: none;
     }
     .chess-left-banner{
        margin-top: 72px;
        height: 50%;

     }
     .chess-right-banner{
        height: 50%;
        min-height: 350px;
        margin-top: 72px;

     }
     .chess-box-banner{
        height: unset;
        min-height: 700px;
     }
     .chess-right-banner::before{
        display: none;
     }
     .custom-shape-banner {
    background: #f4f4f4;
    position: relative;
    clip-path: polygon(
        0% 25px,      /* Lewy górny róg */
        100px 25px,     /* Wcięcie w lewym górnym rogu */
        125px 0%,      /* Górna krawędź przed wcięciem */
        100% 0%,     /* Prawy górny róg */
        100% calc(100% - 25px),    /* Prawy dolny róg */
        calc(100% - 100px) calc(100% - 25px),     /* Wcięcie w prawym dolnym rogu */
        calc(100% - 125px) 100%,    /* Dolna krawędź przed wcięciem */
        0% 100%,     /* Lewy dolny róg */
        0% 10%       /* Powrót do lewego górnego rogu */
    );
}
.enter-headline{
    padding-top: 48px;
    padding-bottom: 16px;
}
.chess-bg-inner-big {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
  height: 80%;
  background-color: #252525;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
   clip-path: polygon(
    0% 25px,      
    100px 25px,    
    125px 0%,     
    100% 0%,     
    100% 100%,  
    0% 100% 

  );
}
.chess-left-content{
padding: 72px 0px;
margin-bottom: 24px;
}
.custom-shape-podpis {
  background-color: #252525; 
  position: relative;
  clip-path: polygon(
    0% 25px,      /* Lewy górny róg */
    100px 25px,     /* Wcięcie w lewym górnym rogu */
    125px 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 25px),    /* Prawy dolny róg */
    calc(100% - 100px) calc(100% - 25px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 125px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}
.chess-shape-img-big{
    clip-path: polygon(
    0% 0px,      /* Lewy górny róg */
    0px 0px,     /* Wcięcie w lewym górnym rogu */
    100% 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 25px),    /* Prawy dolny róg */
    calc(100% - 100px) calc(100% - 25px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 125px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );

}
.chess-advanced{
    padding: 72px 0px 0px !important;
}
.offer-kafelki-item{
    padding: 48px;
}
.simple-separator {
  padding: 24px 0px 48px;
}
.simple-separator-list-bg{
    padding: 72px 0px 0px;
}
.chess-left-half{
       background-color: #f4f4f4;
       position: relative;
       clip-path: polygon(
        0% 25px,      
        100px 25px,    
        125px 0%,     
        100% 0%,     
        100% 100%,  
        0% 100% 

  );
       margin: 24px 0% -15%;
       position: relative;

}
.realizacje-gallery{
    padding: 0px;
}
.simple-headline-big{
    padding-bottom: 24px;
}
.simple-headline-medium{
    padding: 48px 0px 24px;
}
.open ul{
    display: block !important;
}
.chess-box{
    padding: 24px 0px 0px;
}
.chess-simpleitem{
    flex-direction: column;
    gap: 20px;
}
.chess-simple-left{
    width: 100%;
}
.chess-simple-right{
    width: 100%;
}
.simple-headline-big{
    font-size: 32px;
}
.chess-simple-bg {
  padding: 24px 0px;
}
.chess-bg-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Ograniczenie szerokości do 72% */
  height: 80%;
  background-color: #252525;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
   clip-path: polygon(
    0% 25px,      
    100px 25px,    
    125px 0%,     
    100% 0%,     
    100% 100%,  
    0% 100% 

  );
}
.warto-kafelki-list {
  column-count: 1;
}
.realizacje-navigation{
    flex-direction: column;
    width: unset;
}
.chess-bg-inner-right-cnt{
    width: 100%;
    height: 100%;
    clip-path: polygon(
    0% 0%,      /* Lewy górny róg */
    0% 0%,     /* Wcięcie w lewym górnym rogu */
    30% 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 25px),    /* Prawy dolny róg */
    calc(100% - 100px) calc(100% - 25px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 125px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}
.chess-map{
    max-height: 350px;
    margin-top: -100px;
}
.chess-map-second{
    padding: 40px 20px;
}
.chess-bg-map{
    overflow: unset !important;
    margin-top: 150px;
}
.footer-shape{
 background-color: #f4f4f4;
       position: relative;
       clip-path: polygon(
        0% 25px,      
        100px 25px,    
        125px 0%,     
        100% 0%,     
        100% 100%,  
        0% 100% 

  );
       margin: 72px 0% 0%;
       position: relative;

}
.trzy-kafelki-item{
    justify-content: center;
}
.chess-right-half{
  position: relative;
  clip-path: polygon(
    0% 25px,      /* Lewy górny róg */
    100px 25px,     /* Wcięcie w lewym górnym rogu */
    125px 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 25px),    /* Prawy dolny róg */
    calc(100% - 100px) calc(100% - 25px),    /* Wcięcie w prawym dolnym rogu */
    calc(100% - 125px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );

}
.hidden-mobile{
    display: none !important;
}
.custom-shape-headline {
  background-color: #252525; 
  position: relative;
  clip-path: polygon(
    0% 25px,      /* Lewy górny róg */
    100px 25px,     /* Wcięcie w lewym górnym rogu */
    125px 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 25px),    /* Prawy dolny róg */
    calc(100% - 100px) calc(100% - 25px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 125px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}
.chess-shape-img {
  position: relative;
  clip-path: polygon(
    0% 0px,      /* Lewy górny róg */
    0px 0px,     /* Wcięcie w lewym górnym rogu */
    100% 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 25px),    /* Prawy dolny róg */
    calc(100% - 100px) calc(100% - 25px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 125px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}
.custom-warto-shape {
  background-color: #EDFFFB; 
  position: relative;
  clip-path: polygon(
    0% 25px,      /* Lewy górny róg */
    100px 25px,     /* Wcięcie w lewym górnym rogu */
    125px 0%,      /* Górna krawędź przed wcięciem */
    100% 0%,     /* Prawy górny róg */
    100% calc(100% - 25px),    /* Prawy dolny róg */
    calc(100% - 100px) calc(100% - 25px),     /* Wcięcie w prawym dolnym rogu */
    calc(100% - 125px) 100%,    /* Dolna krawędź przed wcięciem */
    0% 100%,     /* Lewy dolny róg */
    0% 10%       /* Powrót do lewego górnego rogu */
  );
}
.chess-right-shape-img{
    position: relative;
   clip-path: polygon(
    0% 25px,      
    100px 25px,    
    125px 0%,     
    100% 0%,     
    100% 100%,  
    0% 100% 

  );
}
.chess-left-button{
    width: 100%;
}
}


@media (max-width: 768px) {
    .trzy-kafelki-item {
        flex: 1 1 100%;
        max-width: 400px;
    }
}
@media (max-width: 600px) {
    .trzy-kafelki-list{
        flex-direction: column;
    }
    .trzy-kafelki-item {
    flex: unset;
    max-width: 100%;
    box-sizing: border-box; 
    max-width: 380px;
}
}
@media (max-width: 400px) {
    .trzy-kafelki-list{
        flex-direction: column;
    }
    .trzy-kafelki-item {
    flex: unset;
    max-width: 100%;
    box-sizing: border-box; 
    max-width: 300px;
}
}

@media only screen and (max-width:642px) {
    .alignnone{
        margin-right: unset;
    }
    
    .copyright{
        flex-direction: column;
    }
}
.sm-panel {position: fixed;width: 155px;top: 150px;right: -105px;z-index: 1000000;transition: visibility .25s, opacity .25s}
.sm-panel>ul {margin: 0;padding: 0;list-style-type: none}
.sm-panel>ul>li {transition: transform .25s}
.sm-panel>ul>li:hover {transform: translateX(-105px)}
.sm-panel>ul>li>a {display: flex;align-items: center;color: #fff;padding: 5px 0 5px 5px;text-decoration: none}
.sm-panel>ul>li>a>img {margin: 0 10px 0 0}
.sm-panel>ul>li>a>span {font-size: initial}
.sm-panel>ul>li[class^="sm-"] {background-image: none;background-repeat: repeat;background-attachment: scroll;background-position: 0%}
.sm-text-black {color: #000}
.sm-fb {background:#1977f3}
.sm-twitter {background:#fff}
.sm-gmap {background:#333}
.sm-blog {background:#0171bb}
.sm-pinterest {background:#d73532}
.sm-youtube {background:#e32c26}
.sm-allegro {background:#ff5a00}
.sm-linkedin {background:#0097bd}
.sm-payback {background:#00349a}
.sm-olx {background:#002f34}
.sm-instagram {background:#eee}
.sm-pyszne {background:#ff8000}
.sm-tiktok {background:#fff}
.sm-booksy {background:#f9e5bc}
/* ukrywanie socjalek a mobilce
@media screen and (max-width:640px) {.sm-panel {visibility:hidden; opacity:0}}
*/