/*
Theme Name: Polgast
Theme URI: www.polgast.com.pl
Author: Artmask Group x Iron Brand
Author URI: #
Description: Motyw WordPress dla Polgast.
Version: 1.0
Text Domain: polgast
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700&display=swap');

html {font-size: 62.5%; scroll-behavior: smooth; }
body {margin: 0; padding: 0; font-family: 'Barlow'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 1.5; color: #D2D4EA; height: 100%; background-color: rgba(53, 53, 69, 1); }
main {display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; justify-content: center; width: 100vw; }

h1, h2, h3 {margin: 0; font-family: 'Barlow'; line-height: 1.5; }
h5.wp-block-heading {font-family: 'Barlow'; font-style: normal; font-weight: 600; font-size: 26px; line-height: 40px; color: #D2D4EA; padding: 0 0 0 32rem; position: relative; }
h5.wp-block-heading::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 15rem; height: 1px; margin: 2rem 10rem; background-color: #a40e0e; }
a {color: #D2D4EA; text-decoration: none; transition: 0.3s ease-in-out }
a:hover {color: rgb(225 87 96); text-decoration: none; }

section.single > .container > article > .entry-content p {
    padding: 0 !important;
}
section.single > .container > article > .entry-content ul {
    padding: 0 0 0 4rem;
}
.wp-block-image img, .wp-block-image.has-custom-border img {
    width: 100%;
}

#slb_viewer_wrap .slb_theme_slb_black .slb_data_title {
    display: none!important;
}
#slb_viewer_wrap .slb_theme_slb_black .slb_container {
    background-color: rgb(22 22 28) !important;
    border-radius: 20px !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_container {
    box-shadow: 0 0 64px -40px #353535!important;
    border-radius: 5px;
}
#slb_viewer_wrap .slb_theme_slb_baseline .slb_container {
    padding: 0!important;
}
.site-header {
    background: #353545;
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wrap {
    max-width: 1400px;
    width: 100%;
    display: flex;
    align-items: center;
    background: #353545;
    height: 70px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.logo {
    margin: 0;
    padding: 6px 0 0 0;
}
.logo img {
  height: 40px;
  width: auto;
}
.header-right.mobile {
    display: none;
}

.main-menu {margin-left: 20px; }

.hamburger-icon path {
    transition: 0.2s ease-in-out
}
.hamburger-icon:hover path {
    stroke: rgba(227, 6, 19, 1);
}
ul#menu-menu-glowne, ul#menu-menu-glowne-en {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.main-menu li {
    text-align: center;
    padding: 0 1.5rem;
}
nav.main-menu, nav li a{
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    display: block;
    text-decoration: none;
    color: rgba(255,255,255,0);
    position: relative;
    transition: 0.3s ease;
}
nav.main-menu li:not(.button-catalogue) a:after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    color: rgba(255,255,255,1);
    text-wrap: nowrap;
}
nav.main-menu li:not(.button-catalogue):hover a:after {
    font-weight: 500;
}
nav.main-menu:hover, nav li a:hover {
    color: #ffffff;
}
.main-menu li.lang-item {
    width: 34px !important;
    display: flex;
    align-items: center;
    padding: 0 5px;
}
.main-menu li.lang-item:not(.lang-item + .lang-item) {
    margin-left: 20px;
}
.main-menu li.lang-item:last-child {
    margin-right: 20px;
}
.main-menu li.lang-item:not(:last-child):not(:nth-last-child(2))::after {
    content: "|";
    margin: 0 10px;
    color: #999;
}
.hamburger-menu {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.button-catalogue > a {
    border-radius: 4px;
    border: 1px solid #D2D4EA;
    background-color: #D2D4EA;
    display: flex;
    padding: 0 7px !important;
    width: min-content;
    height: 20px;
    align-items: center;
    justify-content: space-evenly;
    font-size: 10px;
    color: #353545;
    margin: 0;
    padding: 0;
    line-height: normal;
    gap: 4px;
}
.button-catalogue a:hover {
    color: #ffffff;
    background-color: #E30613;
    cursor: pointer;
    font-weight: inherit;
    border-color: #E30613;
}
.button-catalogue > a::after {
    content: '';
    background: url('./assets/pobierz-katalog.svg') no-repeat center center;
    width: 20px;
    height: 20px;
    margin-left: 0;
    display: inline-block; 
    transition: 0.3s ease-in-out;
}
.button-catalogue > a:hover::after {
    background: url('./assets/pobierz-katalog-hover.svg') no-repeat center center;
}

.header-right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 70px;
    background: #353545;
}

.det-mobile, .oferta-container-mobile {
    display: none;
}
.menu-items-ham {
    position: absolute;
    top: 100%;
    margin-top: 19px;
    z-index: -1;
    right: 0;
    width: 243px;
    background: #353545;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: none;
    text-align: center;
    padding: 2rem;
    animation: slide-in 0.4s ease-out;
    border-radius: 0 0 10px 10px;
    text-transform: uppercase;
}
.menu-items-ham ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
li.ham-download {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;

}
li.ham-download::after {
    content: "";
    display: block;
    width: 20%;
    margin: 02rem auto;
    height: 1px;
    background-color: rgba(227, 6, 19, 1);
}
li.ham-sm {
    margin: 0;
    padding: 0;
    line-height: 2.2rem !important;
}
li.ham-sm-head {
    padding: 0 0 1rem 0;
}
.menu-items-ham li a{
    transition: 0.2s ease-in-out
}
.menu-items-ham li a:hover {
    color: rgba(227, 6, 19, 1);
}

.hamburger-menu.active .menu-items-ham {
    display: block;
    z-index: -1;
}

/* Układ strony */
.container {
    visibility: hidden;
}
.container.dis-fade {
    visibility: visible;
}
.container, .containerhome {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.container.visible > p.page-title {
    font-size: 54px;
    font-weight: 400;
    line-height: 60px;
    text-transform: uppercase;
    margin: 100px 0;
}
section {width: 100%; position: relative; }
section.welcome {height: 100vh; }
section.stal-nierdzewna {background: url('././assets/home/background/tlo_stal_nierdzewna.png'); background-repeat: no-repeat; background-blend-mode: multiply; background-color: #353545; background-size: contain; }
section.stal-nierdzewna, section.nasza-oferta {height: 100%; }
section.nasza-oferta {background-repeat: no-repeat; background-position: center; background: radial-gradient(68.44% 41.36% at -1.56% 52.29%, rgba(53, 53, 69, 0) 0%, #353545 100%),url('././assets/home/background/tlo_nasza_oferta.png'); background-blend-mode: normal, luminosity; margin: 20rem 0 17rem 0; }
section.nasza-oferta > .fullscreen-bg > .container > .content {margin: 0px 0 -5rem 0; position: relative; z-index: 2; }

.line-nasza-oferta {
    left: 50%;
    transform: translateX(-50%);
    bottom: -2.5rem;
    position: absolute;
    z-index: 1;
    width: 67vw;
    height: 100%;
}
.line-nasza-oferta img {
    width: 100%;
    height: 100%;
}
.arrows {
    position: absolute;
    top: 1rem;
    right: -9rem;
    z-index: 500;
}
.arrow-kariera {
    position: absolute;
    top: 3rem;
}
.featured-image {
    cursor: pointer;
}

section.nasza-oferta > .fullscreen-bg  {z-index: 2; }
section.nasza-oferta > .fullscreen-bg > .container > .content > .title_desc {display: flex; flex-direction: row; padding: 0 14rem 5rem; align-items: flex-start; }
section.nasza-oferta > .fullscreen-bg > .container > .content > .title_desc h1 {font-family: 'Barlow'; font-style: normal; font-weight: 400; font-size: 36px; line-height: 48px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #D2D4EA; width: 33%; padding: 0 4.5rem 0 6rem; }
section.nasza-oferta > .fullscreen-bg > .container > .content > .title_desc > .text {display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; font-family: 'Barlow'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 32px; letter-spacing: 0.07em; color: #D2D4EA; width: 50%; }
section.nasza-oferta > .fullscreen-bg > .container > .content > .our-offer {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4rem; justify-content: center; }
section.nasza-oferta > .fullscreen-bg > .container > .content > .our-offer > a .item {background: linear-gradient(180deg, rgba(113, 113, 149, 0.6) 0%, rgba(53, 53, 69, 0.7) 100%); box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 50px rgba(255, 255, 255, 0.25), inset 1px 1px 1px rgba(255, 255, 255, 0.15); border-radius: 10px; width: 356px; height: 236px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: nowrap; transition: 0.3s ease-in; }
section.nasza-oferta > .fullscreen-bg > .container > .content > .our-offer > a:hover .item {background: linear-gradient(180deg, rgba(113, 113, 149, 0.6) 30%, rgba(53, 53, 69, 0.7) 100%); box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 50px rgba(255, 255, 255, 0.25), inset 1px 1px 1px rgba(255, 255, 255, 0.15); }

section.katalog-produktow {background-repeat: no-repeat; background-position: center; background: radial-gradient(82.81% 58.84% at 105.83% 31.19%, rgba(53, 53, 69, 0) 0%, #353545 99.53%), url('././assets/home/background/tlo_katalog_produktow.png'); background-blend-mode: normal, luminosity; padding: 8rem 0 15rem 0; }

section.kontakt-head, section.blog-head, section.single-head, section.o-nas-head {min-height: 500px; background: url('././assets/kontakt/tlo_page_kontakt.png'); background-position: center; background-size: cover; position: relative; display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; z-index: 20; }

section.blog-head {background: url('././assets/blog/tlo_blog.png'); width: 100%; background-repeat: no-repeat; background-size: cover; }

section.single-head {background: url('././assets/blog/tlo-post.jpg'); width: 100%; background-repeat: no-repeat; background-size: cover; }
section.o-nas-head {background: url('././assets/o-nas/tlo_onas.png'); width: 100%; background-repeat: no-repeat; background-size: cover; }
section.sekcja_s1_image {background: url('././assets/o-nas/s1_onas.png'); height: 100vw; width: 100%; background-repeat: no-repeat; background-size: contain; }
.sekcja_s1_image {z-index: 990; position: relative; }
section.kontakt-head > .gradient, section.blog-head > .gradient, section.single-head >.gradient, section.oferta-head >.gradient, section.o-nas-head >.gradient {position:absolute; width: 100%; height:156px; background: linear-gradient(180deg, #353545 7.14%, rgba(53, 53, 69, 0) 88.57%); transform: rotate(-180deg); bottom: 0; }
section.kontakt-head > .container, section.blog-head > .container, section.single-head > .container, section.oferta-head > .container, section.o-nas-head > .container {text-align: left; width: 100%; position:relative; z-index: 3;}
section.kontakt-head > .container h1, section.blog-head > .container h1, 
section.single-head > .container h1, section.oferta-head > .container h1, section.o-nas-head > .container h1  {font-family: 'Barlow'; font-style: normal; font-weight: 400; font-size: 100px; line-height: 120px; display: flex; align-items: center; text-transform: uppercase; color: #D2D4EA; }
section.sekcja_1 {background: radial-gradient(33.23% 73.19% at 70.94% 52.41%, #353545 0%, rgba(53, 53, 69, 0) 100%), linear-gradient(360deg, #353545 5.93%, rgba(53, 53, 69, 0) 32.78%), linear-gradient(180deg, #353545 1.11%, rgba(53, 53, 69, 0) 22.96%), url('././assets/o-nas/sekcja_1_onas.png'); background-blend-mode: normal, normal, normal, luminosity; background-position: bottom; margin: 5rem 0 0 0; min-height: 1050px; background-size: cover; }
section.sekcja_2 {margin: 0 0 10rem 0; padding: 16rem 0 6rem 0; background: linear-gradient(0deg, #353545 1.63%, rgba(53, 53, 69, 0) 25.13%), url('././assets/o-nas/tlo_jakdzialamy.png'); background-blend-mode: normal, luminosity; }
section.sekcja_3 {margin: 0 0 11rem 0; padding: 0; background: radial-gradient(98.35% 42.03% at -3.97% 51.56%, rgba(53, 53, 69, 0) 0%, #353545 96.11%), url('././assets/o-nas/tlo_korzystny_wybor.png'); background-repeat: no-repeat; }
section.sekcja_3 > .container {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; position: relative; }
section.sekcja_3 > .container > .s_left_3, section.sekcja_3 > .container > .s_right_3 {width: 38%; margin-left: 10%; }
section.sekcja_3 > .container > .vert {display: flex; width: 70%; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: center; }
section.sekcja_3 > .container > .cechy {display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; margin: 8rem 0 8rem 40rem; position: relative; }
section.sekcja_3 > .container > .cechy > .cecha {display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0 0rem; gap: 5rem; margin: 0 0 5rem 0; align-items: center; justify-content: center; }
section.sekcja_3 > .container > .cechy > .cecha img {width: 110px; }

.s_right_3 p {margin: 7.5rem 0 7.5rem -14rem; }
.s_left_3 h2, .s_left_4 h2 {font-family: 'Barlow'; font-style: normal; font-weight: 400; font-size: 36px; line-height: 48px; display: flex; align-items: center; text-align: right; letter-spacing: 0.05em; text-transform: uppercase; color: #D2D4EA; }
.s_right_3 h3, .s_right_4 h3 {font-family: 'Barlow'; font-style: normal; font-weight: 250; font-size: 36px; line-height: 52px; letter-spacing: 0.01em; text-transform: uppercase; color: #D2D4EA; }
.s_right_3 p, .center p, .s_right_4 p {font-family: 'Barlow'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 32px; letter-spacing: 0.07em; color: #D2D4EA; }
.s_right_3 p.strong, .center p.strong {font-weight: 600; font-size: 20px; line-height: 40px; }
.cecha p {font-family: 'Barlow'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 40px; color: #D2D4EA; }

section.sekcja_4 > .container {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.s_left_4 {width: 35%; position: relative; }
.s_right_4 {width: 50%; }

section.sekcja_1 > .container, section.sekcja_2 > .container {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: space-around; position: relative; }

.line-onas-1 {position: absolute; top: 16rem; height: 26rem; left: 28rem; overflow: hidden; }
.line-onas-2 {position: absolute; bottom: -11rem; left: 28rem; }
.line-onas-3 {position: absolute; top: 10.5rem; left: 43rem; }
.line-onas-4 {position: absolute; top: -1.5rem; right: 20rem; }
.line-onas-5 {position: absolute; top: -2rem; left: -10rem; }
.line-onas-6 {position: absolute; top: 12rem; overflow: hidden; left: 34rem; height: 42rem; }
.line-onas-7 {position: absolute; top: -2rem; left: -8rem; }
.line-onas-8 {position: absolute; top: 8rem; left: -0.3rem; }
.line-onas-9 {position: absolute; top: 25rem; left: -0.3rem; }
.line-onas-10 {position: absolute; bottom: 6rem; left: -0.3rem; }
.line-onas-11 {position: absolute; top: -4rem; left: 14rem; }

.oferta-button {
    position: fixed;
    left: 44%;
    bottom: 18.5rem;
    transform: translateX(-50%);
    z-index: 9999;
}
.tg {
    display: flex;
    width: 100%;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.s_left_4 img {
    margin: 14rem 0 5rem 0;
}
.s_left_4 h2, .s_right_4 h3 {
    padding: 0 0 5rem 0;
}
.s_left_2 {
    text-align: right;
}
.s_left_1, .s_left_2 {
    width: 60%;
}
.s_right_1, .s_right_2 {
    width: 50%;
}
.s_left_1 > h2, .s_left_2 > h2 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 100;
    font-size: 36px;
    line-height: 52px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #D2D4EA;
    margin: 0 10rem 0 0;
}
.s_right_1 > h3 > strong, .s_right_2 > h3 > strong{
    font-weight: 300;
}
.s_left_1 > h2 > strong, .s_left_2 > h2 > strong{
    font-weight: 300;
    display: block;
}
.s_right_1 > h3, .s_right_2 > h3 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 100;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #D2D4EA;
}
p.s-right_1_top {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.07em;
    color: #D2D4EA;
    padding: 6rem 6rem 6rem 0;
    margin-left: -10rem;
}
p.s-right_1_bottom {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
    color: #D2D4EA;
}
.kroki {
    margin: 0 0 0 27rem;
}
.pozycja_n p, .pozycja_p p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
    display: flex;
    align-items: center;
    color: #D2D4EA;
    padding: 0 0 0 5rem;
}
.pozycja_p {
    margin: 4px 12rem 0 24rem !important;
}
.pozycja_n, .pozycja_p {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 7rem 0;
    align-items: center;
    position: relative;
}
.desc-head {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
    color: #D2D4EA;
    width: 50%;
}
.onas-head {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between
}
.katalog-produktow .content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.katalog-produktow .h, .katalog-produktow .desc, .katalog-produktow .image {
    padding: 2.5rem;
    width: 100%;
}
.katalog-produktow .image {
    padding: 18% 2.5rem;
    width: 100%;
    z-index: 2;
    position: inherit;
}
.katalog-produktow .content .top {
    position: relative;
}
.content > .bottom >.desc > pre {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.07em;
    color: #D2D4EA;
    padding: 0 0 0 5rem;
    white-space: pre-wrap;
}
.line-katalog {
    position: absolute;
    top: 15%;
    left: 50%;
    z-index: 0;
}
.buttons-katalog {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 24.3rem;
    bottom: -2.2rem;
}
section.blog {
    background-repeat: no-repeat;
    background-position: center;
    background: linear-gradient(0deg, #353545 1.78%, rgba(53, 53, 69, 0) 15.74%), linear-gradient(180deg, #353545 1.9%, rgba(53, 53, 69, 0) 16.71%), url('././assets/home/background/tlo_blog.png');
    background-blend-mode: normal, normal, luminosity;
    padding: 1rem;
}
.blog > .container > h2 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    display: flex;
    align-items: center;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #D2D4EA;
    padding: 5rem 0 11rem 28rem;
}
.margin {
  margin: 6rem 0;
}
.item img {
    width: auto;
    height: 80%;
}
.item h2 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #D2D4EA;
}
video.fullscreen-bg__video {
    opacity: 0.5;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
img.bg-w-tle {
    object-fit: contain;
    width: 100%;
}
.overlay-video-home {
    position: absolute;
    width: 100%;
    height: 408px;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, #353545 7.14%, rgba(53, 53, 69, 0) 88.57%);
    transform: rotate(-180deg);
}
.fullscreen-bg {height: 100%; width: 100%; position: relative; }

.welcome > .fullscreen-bg > .containerhome {position: absolute; top: 50%; left: 14%; transform: translateY(-50%); z-index: 3; }

.stal-nierdzewna > .fullscreen-bg > .container {position: relative; width: 100%; color: #ffffff; padding: 10 20rem 10rem 20rem; }
.stal-nierdzewna > .fullscreen-bg > .container > .content {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: center; }
.stal-nierdzewna > .fullscreen-bg > .container > .content > .top, .stal-nierdzewna > .fullscreen-bg > .container > .content > .bottom {display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: flex-start; }
.stal-nierdzewna > .fullscreen-bg > .container > .content > .top {position: relative; width: 45%; }
.stal-nierdzewna > .fullscreen-bg > .container > .content > .bottom {align-items: flex-start; width: 55%; }
.stal-nierdzewna > .fullscreen-bg > .container > .content >.bottom > .desc >pre {font-family: 'Barlow'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 32px; letter-spacing: 0.07em; color: #D2D4EA; white-space: pre-wrap; padding: 0 0 0 6rem; }

.h {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.h, .desc, .image {
  width: 100%;
}
.h h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #D2D4EA;
}

.wh-h {
    width: 100%;
}
.wh-h h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 120px;
    text-transform: uppercase;
    color: rgba(210, 212, 234, 1);
}

.h1-90 {
    font-size: 70px !important;
    line-height: 100px !important;
}

.h1-80 {
    font-size: 4vw !important;
}

.h1-70 {
    font-size: 0.3vw !important;
}

section.welcome a.button.main {
    margin: 0;
}
a.button.main, a.button.main.line, a.button.main-katalog, .actp, a.button.oferta {
    box-sizing: border-box;
    margin: 10rem 0;
    position: absolute;
    width: 236px;
    height: 60px;
    text-align: center;
    border: 1px solid #E30613;
    border-radius: 10px;
    color: rgba(210, 212, 234, 1);
    line-height: 60px;
    transition: 0.2s ease-in-out;
    text-decoration: none;
    background-color: transparent;
}
a.button.main-katalog {
    position: relative;
    margin: 0 0.5rem 0 0;
}
a.button.oferta {
    background-color: #353545;
    }
.stal-nierdzewna > .fullscreen-bg > .container > .content > .top > .button {
    margin: 0;
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
}
.stal-nierdzewna > .fullscreen-bg > .container > .content > .top > .image {
    margin: 55% 0 15% 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
a:hover.button.main, a:hover.button.main.line, a:hover.button.main-katalog, input:hover.actp, a:hover.button.oferta {
background-color: #E30613;
cursor: pointer;
}
.line {
    position: absolute;
    top: 106px;
    left: calc(50% - 1px);
    right: calc(50% - 1px);
    height: calc(100% - 60px - 91px);
    width: 1px;
    background-color: #E30613;
}
.line-contact {
    position: absolute;
    bottom: -2.5rem;
    left: 34rem;
}
.desc {
    padding: 0 0 6rem 0;
}
.desc > h2 {
font-family: 'Barlow';
font-style: normal;
font-weight: 100;
font-size: 36px;
line-height: 48px;
/* or 100% */

letter-spacing: 0.01em;
text-transform: uppercase;

color: #D2D4EA;
}
.desc > h2 strong {
    font-weight: 300;
}
.desc p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.07em;
    color: #D2D4EA;
    padding: 0 0 0 5rem;
}

.blog-posts {display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 10rem 6rem; position: relative; }
.blog-post {width: 30%; height: auto; position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; }
.blog-post::after {content: ''; display: block; position: absolute; left: 0; bottom: 11px; width: 65%; height: 1px; background-color: #717195; }
.blog-post:hover::after {background-color: #E30613; }
.thumbn {position: relative; width: 100%; height: 230px; border-radius: 10px; display: flex; overflow: hidden; }
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {position: relative; width: 100%; height: 100%; object-fit: cover; }
.blog-post .post-overlay {position: absolute; bottom: -100%; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(227, 6, 19, 0) 50.52%, #E30613 73.44%); transition: bottom 0.3s ease-in-out; }
.blog-post:hover .post-overlay {bottom: 0; }
.blog-post .post-overlay-bef {position: absolute; bottom: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(53, 53, 69, 0) 20%, rgba(0, 0, 0, 0.8) 76.96%); background-blend-mode: multiply; transition: all 0.3s ease-in-out; opacity: 1; }
.blog-post:hover .post-overlay-bef{opacity: 0; }
.thumbn h3 {position: absolute; bottom: 0; font-family: 'Barlow'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 28px; display: flex; align-items: flex-end; text-transform: uppercase; color: #D2D4EA; padding: 2rem; }
.post-content {font-family: 'Barlow'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 32px; letter-spacing: 0.07em; color: #D2D4EA; padding: 2rem 0; }
.post-content > .post-excerpt {padding: 0 0 2rem; }
.post-info {position: absolute; bottom: 0; right: 0; }


.cent {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin: 10rem;
}
.entry-wrapper-kariera > .right-side > .featured-image {
    cursor: pointer;
    border-radius: 20px;
    overflow: hidden;
    height: 300px;
}
.entry-wrapper-kariera > .right-side > .featured-image > img {
    object-fit: cover;
}

footer.footer-bg {min-height: 56rem; background: linear-gradient(180deg, #353545 6.75%, rgba(53, 53, 69, 0) 74.05%), url('././assets/home/background/tlo_stopka.png'); background-blend-mode: normal, luminosity; background-position: bottom; margin: 10rem 0 0 0; }
footer h1 {font-family: 'Barlow'; font-style: normal; font-weight: 400; font-size: 36px; line-height: 48px; display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #D2D4EA; }
footer pre {font-family: 'Barlow'; font-style: normal; font-weight: 200; font-size: 16px; line-height: 32px; letter-spacing: 0.07em; color: #D2D4EA; text-wrap: wrap; }

.b-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}
.b-bottom {
    position: relative;
}

footer > .container > .b-top {padding: 100px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; gap: 15%; }
footer > .container > .b-top > .b-top-item {white-space: nowrap; }
footer > .container > .b-bottom {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; padding: 2rem 0 12rem 0; }
footer p {font-family: 'Barlow'; font-style: normal; font-weight: 200; font-size: 16px; line-height: 32px; letter-spacing: 0.07em; color: #D2D4EA; margin: 0; }

.b-bottom-right > .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.b-box {
    margin: 0 0 5rem 0;
}
.b-top-left {
    margin: 0 15rem 0 0;
}
.b-top-left, .b-top-right {
    width: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    padding: 12rem 0;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #D2D4EA;
}
.b-top-right {
    align-items: flex-start;
}
section > .container > .b-bottom {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}
section > .container > .b-bottom > .b-top-left > .b-box > pre, section > .container > .b-bottom > .b-top-right > .b-box > pre{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
    color: #D2D4EA;
}
p.fat {
    font-weight: 700;
}
footer.footer-bg > .container > .b-top::before, footer.footer-bg > .container > .b-bottom::before {
    content: "";
    display: block;
    height: 1px;
    width: 75%;
    background-color: #E30613;
    position: absolute;
    top: -2rem;
    right: 0;
}
footer.footer-bg > .container > .b-bottom::before {
    width: 100%;
}
section.form {
    height: 100%;
    padding: 0 0 10rem 0;
}
section.form > .container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
section.form > .container > h2 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 250;
    font-size: 36px;
    line-height: 52px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #D2D4EA;
    width: 100%;
    margin: 0 0 8rem 0;
}
.b-bottom-right > .row >.col {
    padding: 0 5rem;
}
.b-bottom-left h2 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 36px;
    display: flex;
    align-items: center;
    color: #D2D4EA;
    margin: 0 5rem 0 0;
}
.dokument > h2 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #D2D4EA;
}
.contact-form {
    max-width: 750px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
form.wpcf7-form.init > p {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.wpcf7-form label {
    color: #D2D4EA;
    width: 18rem;
    text-align: right;
    padding: 0 2rem 0 0;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="url"], .wpcf7-form input[type="number"], .wpcf7-form input[type="date"], .wpcf7-form input[type="time"], .wpcf7-form input[type="file"], .wpcf7-form input[type="checkbox"] {border: 1px solid #E30613; background: #353545; color: rgba(210, 212, 234, 1); }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="url"], .wpcf7-form input[type="number"], .wpcf7-form input[type="date"], .wpcf7-form input[type="time"], .wpcf7-form input[type="file"] {height: 51px; max-width: 700px; width: 100%; }
.wpcf7-form textarea {border: 1px solid #E30613; background: #353545; color: rgba(210, 212, 234, 1); height: 297px; }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="url"], .wpcf7-form input[type="number"], .wpcf7-form input[type="date"], .wpcf7-form input[type="time"], .wpcf7-form input[type="file"], .wpcf7-form input[type="checkbox"], .wpcf7-form textarea {display: block; float: none; width: 100%; margin: 0; padding: 0; }
span.wpcf7-form-control-wrap {width: 100%; }
span.wpcf7-list-item > label {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; align-content: flex-start; width: 100%; text-align: left; }
input.wpcf7-form-control.has-spinner.wpcf7-submit.actp {margin: 2rem 0 2rem 16.5rem; }
form#filters-form {display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; font-family: 'Barlow'; font-style: normal; font-weight: 200; font-size: 16px; line-height: 32px; letter-spacing: 0.07em; color: #D2D4EA; }

.filters {
    margin: 10rem 0;
}
select#category, select#sort, select.postform {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 36px;
    color: #D2D4EA;
    background: transparent;
    border: none;
    padding: 1.5rem;
}
h4.wp-block-heading {
    font-family: 'Barlow';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 40px;
color: #D2D4EA;
    padding: 0 0 2rem 0;
    margin: 1rem 0 0 0;
}
.wp-block-column.is-layout-flow {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.07em;
    color: #D2D4EA;
}
h2.wp-block-heading {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 250;
    font-size: 36px;
    line-height: 52px;
    display: flex;
    align-items: center;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #D2D4EA;
    padding: 8rem 0;
}
.entry-content p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.07em;
    color: #D2D4EA;
    padding:2rem 0;
}.wp-block-post-excerpt {
    display: none;
}
table, th, tr, td {
  border: none !important; /* lub border-style: hidden; */
  border-spacing: 0;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.07em;
    color: #D2D4EA;
    padding:4rem 0;
}
tr:first-child > td {
    font-weight: 700 !important;
}
th,
td {
  border: none; /* lub border-style: hidden; */
  padding: 10px;
  text-align: center;
}
article {
    margin: 10rem 0;
}
h3.wp-block-heading {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
    color: #D2D4EA;
    padding: 0 0 5rem 0;
}
.breadcrumbs {
    position: absolute;
    right: 8rem;
    top: 8rem;
}
ul {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.07em;
    color: #D2D4EA;
    padding: 0 0 0 10%;
}
.wlcm {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 8rem;
    margin: 0;
    z-index: 3;
}
.wlcm p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
    color: #D2D4EA;
}
section.oferta {
    margin: 5rem 0;
    overflow-x: hidden;
}
.wlcm-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    gap: 8rem;
    width: 83%;
}
.oferta-container > .oferta-left > h2, .oferta-container > .oferta-left > a > h2 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 47px;
    display: flex;
    align-items: center;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #D2D4EA;
    margin: 0 0 1rem 0;
}
.oferta-content p {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
}
.oferta-content > table {
    padding: 2rem 0;
}
.oferta-content > table th, .oferta-content > table td {
    padding: 0px;
}
.oferta-content > table tbody th p, .oferta-content > table tbody td p {
    margin: 6px;
}
.oferta-left {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.oferta-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 12.4rem 0;
    position: relative;
}
.oferta-left, .oferta-right {
    margin: 0 4rem;
    position: relative;
}

.bg-image-offer {
    background: linear-gradient(180deg, rgba(113, 113, 149, 0.6) 0%, rgba(53, 53, 69, 0.7) 100%);
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.25), inset 0px 0px 50px rgba(255, 255, 255, 0.25), inset 1px 1px 1px rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    width: 476px;
    height: 476px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.bg-image-offer > a {
    display: flex;
    transition: .3s ease;
}
.bg-image-offer > a:hover {
    display: flex;
    transform: scale(1.02);
}
.line-oferta {
    position: absolute;
    bottom: -13rem;
    right: 23rem;
    z-index: -1;
}
.mirror {
  transform: scaleX(-1);
}
.oferta-background-image, .oferta-background-image2  {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 100%;
    transform: translate(-40%, -50%);
    mix-blend-mode: luminosity;
}
.oferta-background-image2  {
    left: 70%;
    transform: translate(-50%, -50%);
}
.oferta-head {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
section.sgallery {
    margin: 9rem 0;
    position: relative;
    overflow: hidden;
}
.swiper-container-mobile {
    display: none;
}
.swiper-container-desktop, .swiper-container-mobile {
  overflow: hidden;
}

.swiper-horizontal {
    overflow: hidden;
}
  .swiper-slide {
    display: flex;
    justify-content: center;
  }

  .image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
  }

  .image-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
  }

  .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    margin: 4rem 0;
    position: relative;
    transform: scale(1.5);
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #D2D4EA;
}
span.swiper-pagination-bullet {
    background-color: rgba(210, 212, 234, 0.3);
}
.entry-wrapper-kariera {
    display: flex;
    align-items: stretch;
    margin: 9rem 0 8rem 0;
    position: relative;
    padding: 6rem 0 0 0;
}
.entry-wrapper-kariera:last-child {
    margin: 9rem 0 35rem 0;
}
.left-side {
    width: 23%;
    padding-right: 20px;
    box-sizing: border-box;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.07em;
    color: #D2D4EA;
    position: relative;
}
.right-side {
    width: 77%;
    position: relative;
    /* border-left: 1px solid rgba(227, 6, 19, 1); */
    padding: 0 0rem 0 7rem;
}
.right-side::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 70%;
    width: 1px;
    background-color: rgba(227, 6, 19, 1);
    transition: 0.3s ease-in-out;
}
.right-side.details-link-hovered::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 80%;
    width: 1px;
    background-color: rgba(227, 6, 19, 1);
  }
.right-side.\.rs-hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    background-color: rgba(227, 6, 19, 1);
}

.right-side > .title > h2 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 250;
    font-size: 36px;
    line-height: 52px;
    display: flex;
    align-items: center;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #D2D4EA;
    padding: 0 0 5rem 0;
    margin: 0;
}
.right-side > .k-content > h1, .right-side > .k-content > h2, .right-side > .k-content > h3, .right-side > .k-content > h4 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
    color: #D2D4EA;
    padding: 2rem 0;
}
.right-side > .k-content {
    padding: 5rem 1rem;
}
.right-side > .k-content > ul {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.07em;
    color: #D2D4EA;
}
.details-link {
    cursor: pointer;
    margin-top: 5rem;
    padding: 2rem 0 0 0;
    font-weight: 600;
    font-size: 20px;
    bottom: 0;
    line-height: 24px;
    transition: 0.3s ease-in;
    position: absolute;
    width: 20rem;
    opacity: 1;
}
.details-link:hover {
    color: rgb(225 87 96);
    cursor: pointer;
}
.det-l {
    opacity: 0 !important;
} 
.location {
    border-top: 1px solid rgba(227, 6, 19, 1);
    margin: 2rem 5rem 0 0;
    padding: 2rem 0 0 0;
    transition: 0.3s ease-in-out;
}
.show-l {
    border-top: 0px;
}

.location-province {
    padding: 0;
    font-weight: 200;
    font-size: 16px;
    margin: 0 0 4rem 0;
}
.offer-summary, .work-mode {
    font-weight: 200;
    font-size: 16px;
    margin: 0 0 4rem 0;
}
.o-s {
    font-weight: 700;
    font-size: 16px;
}
.aplikuj-button {
    position: absolute;
    bottom: 10rem;
    left: 14.2rem;
}
.location-province,
.offer-summary,
.work-mode,
.aplikuj-button,
.k-content {
  display: none;
  transition: 1.5s ease;
  animation: fade-in 3s ease;
}
.k-content {
    height: 0;
    opacity: 0;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.show {
  display: block;
}
.show-content {
  display: block;
  opacity: 1;
  height: 100%;
}

@keyframes slide-in {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-in-cc {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

section.welcome {animation: slide-in 2s ease-out; overflow: visible; }
section.stal-nierdzewna > .container {opacity: 0; }
/* Page - Oferta */

section.oferta-head { min-height: 500px; background-position: center; background-size: cover; background-color: rgba(53, 53, 69, 0.95); background-blend-mode: luminosity; width: 100%; position: relative; display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; z-index: 1; }
section.oferta-head > .overlay-gradient { background: linear-gradient(180deg, #353545 10.29%, rgba(53, 53, 69, 0.8) 50%, #353545 100%); z-index: 1; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
section.oferta { z-index: 0; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: rgba(53, 53, 69, 0.95); background-blend-mode: luminosity; display: flex; flex-direction: column; gap: 8rem; }
section.oferta > .overlay-gradient { background: linear-gradient(180deg, #353545 10.29%, rgba(53, 53, 69, 0.87) 50%, #353545 100%); z-index: 1; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
section.oferta > .container { z-index: 3; display: flex; flex-direction: column; gap: 8rem; width: -webkit-fill-available; }
section.oferta > .container > .text-with-line { display: flex; align-items: center; position: relative; font-size: 28px; font-weight: 600; text-transform: uppercase; }
section.oferta > .container > .text-with-line::after { content: ''; flex-grow: 1; margin-left: 100px; border-top: 1px solid rgba(227, 6, 19, 1); }
.oferta-grid { display: flex; flex-wrap: wrap; gap: 135px; row-gap: 70px; z-index: 3; position: relative; justify-content: flex-start; }
.oferta-grid.four-col { gap: 66px; }
.oferta-item { display: flex; flex-direction: column; align-items: center; width: calc(33.333% - 90px); text-align: center; margin-bottom: 40px; }
.oferta-item.four-col { width: calc(25% - 50px); }
.oferta-item > a.oferta-link{ color: inherit; }
.oferta-item > a.oferta-link > .oferta-image { height: 300px; width: 300px; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(180deg, rgba(113, 113, 149, 0.6) 0%, rgba(53, 53, 69, 0.7) 100%); border-radius: 10px; flex-wrap: nowrap; align-items: center; box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.25); position: relative; }
.oferta-item > a.oferta-link > .oferta-image.four-col { height: 240px; width: 240px; }
.oferta-item > a.oferta-link > .oferta-image > .overlay-hover { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; background-color: rgba(113, 113, 149, 0.65); transition: .2s ease; opacity: 0; font-size: 18px; }
.oferta-item > a.oferta-link:hover > .oferta-image > .overlay-hover { opacity: 1; border-radius: inherit;}
.oferta-item > a.oferta-link > .oferta-image > img { max-width: 100%; height: auto; border-radius: 10px; /* Opcjonalne zaokrąglenie */ }
.oferta-item > a.oferta-link > .oferta-content > h2.oferta-title { color: rgba(255, 255, 255, 1); text-transform: uppercase; margin-top: 15px; font-size: 1.6rem; transition: .2s ease; font-weight: 500; }
.oferta-item > a.oferta-link:hover > .oferta-content > h2.oferta-title { color: #D2D4EA; }
.oferta-description { margin-top: 10px; font-size: 1rem; color: #555; }
section.download-catalog > .buttons-wrapper { max-width: 1000px; margin: 0 auto; padding: 0 0 3rem; display: flex; flex-direction: column; align-items: center; gap: 3rem; }
section.download-catalog > .buttons-wrapper > p { font-size: 26px; font-weight: 600; text-align: center; padding: 0 4vw; }
section.download-catalog > .buttons-wrapper > .buttons{ display: flex; flex-direction: row; align-items: center; gap: 1rem; flex-wrap: wrap; justify-content: center; }
section.download-catalog > .buttons-wrapper > .buttons > a { font-size: 18px; font-weight: 300; padding: 1rem 9rem; border: 1px solid rgba(210, 212, 234, 1); border-radius: 10px; }
section.download-catalog > .buttons-wrapper > .buttons > a:hover { color: rgb(225 87 96); text-decoration: none; border:1px solid rgb(225 87 96); }

section.single-oferta > .container > article > .entry-content { display: flex; flex-direction: column; gap: 7rem; }
section.single-oferta > .container > article > .entry-content > .offer-head { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; gap: 8rem; }
section.single-oferta > .container > article >  .entry-content > .offer-head > .featured-image { background: linear-gradient(180deg, rgba(113, 113, 149, 0.6) 0%, rgba(53, 53, 69, 0.7) 100%); box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.25); width: 500px; height: 500px; display: flex; align-items: center; justify-content: center; border-radius: 10px; overflow: hidden; }
section.single-oferta > .container > article >  .entry-content > .offer-head > .featured-image:hover { cursor: initial;}
section.single-oferta > .container > article >  .entry-content > .offer-head > .featured-image > img { object-fit: contain; width: 100%; }
section.single-oferta > .container > article >  .entry-content > .offer-head > .short-information { display: flex; flex-direction: column; gap: 2rem; height: auto; justify-content: space-between; }
section.single-oferta > .container > article >  .entry-content > .offer-head > .short-information > .heading { display: flex; flex-direction: column; gap: 2rem; }
section.single-oferta > .container > article >  .entry-content > .offer-head > .short-information > a.button { font-size: 18px; font-weight: 300; padding: 1rem 9rem; border: 1px solid rgb(225, 87, 96); border-radius: 10px; text-align: center; }
section.single-oferta > .container > article >  .entry-content > .offer-head > .short-information > a.button:hover { border: 1px solid rgba(227, 6, 19, 1); background-color: rgba(227, 6, 19, 1); color: #D2D4EA; }
section.single-oferta > .container > article >  .entry-content > .offer-head > .short-information > .heading > .short-offer-description > ul { padding: 0 0 0 3rem; }
section.single-oferta > .container > article >  .entry-content > .offer-head > .short-information > .heading > .short-offer-description > p { padding: 0; }
section.single-oferta > .container > article > .entry-content > .full-offer-description { max-width: 970px; margin: 0 auto; }
section.single-oferta > .container > article > .entry-content > #tables-container { display: flex; flex-direction: column; align-items: center; margin: 4rem 0 0; gap: 4rem; flex-wrap: nowrap;}
section.single-oferta > .container > article > .entry-content > #tables-container .table-container { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center;gap: 1rem;width: calc(100% - 2rem); }
section.single-oferta > .container > article > .entry-content > #tables-container .table-container .scroll { overflow-x: scroll; white-space: nowrap; scrollbar-width: auto; }
section.single-oferta > .container > article > .entry-content > #tables-container table.dynamic-table { width: 100%; border-collapse: collapse; }
section.single-oferta > .container > article > .entry-content > #tables-container table.dynamic-table td, section.single-oferta > .container > article > .entry-content > #tables-container table.dynamic-table th { border: 1px solid #fff !important; color: rgba(210, 212, 234, 1) !important; font-size: 16px; padding: 0.1rem 1.4rem; }
section.single-oferta > .container > article > .entry-content > #tables-container table.dynamic-table tr.main-header-row, section.single-oferta > .container > article > .entry-content > #tables-container table.dynamic-table tr.sub-header-row { background-color: rgba(36, 37, 47, 1); }
section.single-oferta > .container > article > .entry-content > #tables-container table.dynamic-table tr:first-child > td { font-weight: normal !important;}

@media (max-width: 1300px) {
    .oferta-grid.four-col { gap: 30px; }
    .oferta-item.four-col{ width: calc(50% - 30px); }
    .oferta-item > a.oferta-link > .oferta-image.four-col { height: 300px; width: 300px; }
}
@media (max-width: 1200px) {
    .oferta-grid { gap: 30px; }
    .oferta-item{ width: calc(50% - 30px); /* Dwie kolumny na tabletach */ }
}
@media (max-width: 800px) {
    section.single-oferta > .container > article > .entry-content > .offer-head { flex-wrap: wrap; justify-content: center; }
    section.single-oferta > .container > article >  .entry-content > .offer-head > .featured-image { height: auto; }
}
@media (max-width: 700px) {
    .oferta-grid, .oferta-grid.four-col  { gap: initial; } 
    .oferta-item, .oferta-item.four-col { width: 100%; /* Jedna kolumna na małych ekranach */ }
    .oferta-item > a.oferta-link > .oferta-image, .oferta-item > a.oferta-link > .oferta-image.four-col { height: 90vw; width: 90vw; }
}
/* End - Page - Oferta */

/* Page - Distributors */
  /* Styl dymka */
  #tooltip {position: absolute; display: none; padding: 5px; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); pointer-events: none; color: #000; }
  section#distributors svg#map path {
    transition: .2s ease;
  }

  section#distributors svg#map path:hover {fill: #9a9ab0 !important; cursor: pointer; }

  section#distributors svg#map path.active {fill: #9a9ab0 !important; }
  section#distributors .container.distributors {display: flex; flex-wrap: wrap; }
  section#distributors .map-select {flex: 1 1 50%; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; gap: 4rem; padding: 12rem 0 0; }
  section#distributors .map-select > h2 {text-align: center; letter-spacing: 0.05rem; }
  section#distributors .map-select > h2 > span {display: block; }
  section#distributors .map-select > select#province-select {padding: 0.8rem 2rem; font-family: 'Barlow'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 32px; letter-spacing: 0.07em; background-color: #D2D4EA; color: #000000; }
  section#distributors .map-select-line {position: relative; height: 70px; opacity: 0; transition: 0.3s ease; }
  section#distributors .map-select-line::after {content: ''; position: absolute; bottom: 0; width: 1px; height: 100%; background-color: #E30613; }
  section#distributors .map-container {flex: 1 0 35%; display: flex; align-items: center; justify-content: center; }
  section#distributors div#distributors-list {flex: 1 0 100%; margin-top: 2.5rem; }
  section#distributors .distributor {padding: 3rem; display: flex; flex-direction: row; align-items: center; gap: 3rem; justify-content: flex-start; flex-wrap: wrap; }
  section#distributors .distributor:not(:last-child) {border-bottom: 1px solid #d3d5ea; }
  section#distributors .distributor > div {display: flex; gap: 1rem; flex: 1 0 70px; align-items: center; }
  section#distributors .distributor > div.company-name {display: flex; gap: 1rem; flex: 1 0 150px; }
  section#distributors .distributor > div.logo {padding: 0; flex: 0 0 75px; }
  section#distributors .distributor > div.mail {flex: 1 0 180px; }
  section#distributors .distributor > div > div {text-wrap: nowrap; }
  section#distributors .contacts-section {width: 100%; display: flex; flex-direction: row; align-items: flex-start; gap: 4rem; justify-content: center; margin: 2rem 0 0; }
  section#distributors .contacts-section h3, h4 {margin: 0 0 1rem; font-size: 16px; letter-spacing: 0.03em; }
  section#distributors .contacts-section ul {list-style-type: none; margin: 0; padding: 0; }
  section#distributors .contacts-section ul > li {text-wrap: nowrap; }
  section#distributors .contacts-section ul > li > svg {margin: 0 0.5rem 0 0.8rem; }
  @media (max-width: 600px) {
    section#kontakt-head h1.mob {font-size: 11vw !important; }
    section#distributors .distributor {padding: 3rem 1rem; }
    section#distributors .map-select {flex: 1 1 100%; }
    section#distributors .map-select-line {display: none; }
    section#distributors .contacts-section {flex-wrap: wrap; }
  }
/* End - Page - Distributors */

.visible {animation: slide-in-cc 1.5s ease-out; visibility: visible; }

.hamburger-menu .line1, .hamburger-menu .line2, .hamburger-menu .line3,.hamburger-iconm .line4, .hamburger-iconm .line5, .hamburger-iconm .line6{transition: 0.3s ease-in-out; }
.hamburger-menu .line1.cross, .hamburger-iconm .line4.cross {transform: rotate(45deg) translate(3px, -1px); stroke: rgba(227, 6, 19, 1); }
.hamburger-menu .line3.cross, .hamburger-iconm .line6.cross {transform: rotate(-45deg) translate(-14px, -6px); stroke: rgba(227, 6, 19, 1); }
.hamburger-menu .line2.hide, .hamburger-iconm .line5.hide {opacity: 0; }

input[type="checkbox"] {width: 50% !important; }
.wpcf7-list-item {display: flex; margin: 0 0 0 0em; width: 79%; flex-direction: column; align-items: flex-end; flex-wrap: nowrap; align-content: flex-end; }
span.wpcf7-form-control.wpcf7-acceptance.optional {display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-end; }
span.wpcf7-list-item > label {text-align: left; font-size: 14px; }