@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('font.css');
@import url('slick.css');
@import url('select2.css');
/* STYLE IE ONLY */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

}


/********************************************************************************************************/
/* RESET */
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
	font-weight: 400;
}
sub, sup {
	font-size: smaller;
}
*, body, ul, ul li {
	padding: 0;
	margin: 0;
}
*, body {
	text-decoration: none;
}
input {
	border: none;
}
body {
	overflow-x: hidden;
	background-color: #FBFBFB;
}
* {
outline: 0 !important;
-webkit-box-sizing: box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
font-family: "Montserrat", sans-serif;
}
a, input[type=submit],button[type="submit"] {
	cursor: pointer !important;
}
sub {
	vertical-align: sub;
}
sup {
	vertical-align: super;
}
b, strong {
	font-weight: bolder;
}
em, i, strike {
	font-weight: 400;
}
em, i {
	font-style: italic;
}
strike {
	text-decoration: line-through;
}
u {
	text-decoration: underline;
}
a {
	text-decoration: none;
}
a:visited {}
ul {list-style:none;}

/* END RESET */

/********************************************************************************************************/

/*
font-size: min(max(12px, 4vw), 18px);

display: flex !important;
flex-direction: row;
justify-content: space-between;
align-items:center;
color: var(--dark);

-webkit-transition: all 500ms cubic-bezier(0.5, 0.11, 0.36, 0.88);
-moz-transition: all 500ms cubic-bezier(0.5, 0.11, 0.36, 0.88);
-o-transition: all 500ms cubic-bezier(0.5, 0.11, 0.36, 0.88);
transition: all 500ms cubic-bezier(0.5, 0.11, 0.36, 0.88);

  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
*/

/********************************************************************************************************/

:root {
--black:#000000;
--blue:#1554FF;
--green:#278647;
--red:#FF0000;
--white:#ffffff;
--grey:#6C6C6C;
--yellow:#d4a91a;
--padding:0 17%;
}

/********************************************************************************************************/




/*body.preloader { overflow: hidden !important;}

#preloader {
background-color: #808080;
display: flex;
position: absolute !important;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
justify-content: center;
flex-direction: column;
align-items: center;
z-index: 9999999;
padding: 0 50px;
}
#preloader .preloader_logo {
max-width: 700px;
width: 100%;
height: auto;
margin: 0 0 50px 0;
flex-shrink: 1;
}
#preloader .preloader_spin {
max-width: 100px;
width: 100%;
height: auto;
flex-shrink: 1;
}*/
body {
background-color: #ffffff;
font-size: 100%;
}
body, html, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	list-style: none;
}
#wrapper, #wrapper * {
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
font-family: "Montserrat", sans-serif;
}
#wrapper {
overflow: hidden;
width: 100%;
max-width: 1920px;
height: auto;
margin: 0 auto;
display: flex;
flex-direction: column;
min-height: 100vh;
}
/********************************************************************************************************/
.cta_bg {
background-color: var(--green);
text-align: center;
font-size: 15px;
color: var(--white);
font-weight: 600;
text-transform: uppercase;
padding: 7px 15px;
border: solid 1px var(--green);
}
.cta_bor {
background-color: var(--white);
text-align: center;
font-size: 15px;
color: var(--green);
font-weight: 600;
text-transform: uppercase;
padding: 7px 15px;
border: solid 1px var(--green);
}
.cta_bor_red {
background-color: var(--white);
text-align: center;
font-size: 15px;
color: var(--red);
font-weight: 600;
text-transform: uppercase;
padding: 7px 15px;
border: solid 1px var(--red);
}
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
#page_home #content {padding: 0 0 100px 0;}
#page_kat #content {padding: var(--padding);padding-top: 60px;padding-bottom: 35px;display: flex;flex-direction: row;gap:30px;}
#page_prod #content {padding: var(--padding);padding-top: 20px;padding-bottom: 60px;}
#page_txt #content {padding: var(--padding);padding-top: 50px;padding-bottom: 55px;margin-bottom: 75px;}
#page_zamowienie #content {padding: var(--padding);padding-top: 20px;padding-bottom: 70px;}
#page_logowanie #content {padding: var(--padding);padding-top: 50px;margin-bottom: 75px;}
#page_panel #content {padding: var(--padding);padding-top: 60px;padding-bottom: 60px;display: flex;flex-direction: row;gap:30px;}
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
.content-banner {
width: 100%;
padding: var(--padding);
/*
min-height: 170px;
max-height: 600px;
*/
overflow: hidden;
margin: 100px 0 0 0;
}
/*
.content-banner a {
display: block;
height: 100%;
width: 100%;
}
*/
.content-banner img {
width: 100%;
/* height: 100%; */
object-fit: cover;
}
#page_kat .content-banner {
padding: 0;
margin: 0;
}
/********************************************************************************************************/
.iframecontent {
width: 100%;
height: auto;
padding: 50px 14%;
}
.iframecontent iframe {
aspect-ratio: 16 / 9;
width: 100% !important;
height: auto !important;
}
/********************************************************************************************************/
#mob-nav {position: fixed;width: 100%;height: 100%;background-color:#ffffff;z-index: 9999;}
#mob-nav,#srchbox {display: none;}
/********************************************************************************************************/
#srchbox {
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
}
#srchbox:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--black);
opacity: 0.7;
}
#srchbox .content {
width: 100%;
max-width: 1920px;
margin: 0 auto;
background-color: var(--white);
}
#srchbox .popup-close {
position: absolute !important;
top: 30px;
right: 30px;
cursor: pointer;
font-size: 30px;
z-index: 99999;
}
#srchbox .content form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: var(--padding);
padding-top:100px;
padding-bottom: 100px;
gap:40px;
}
#srchbox .content form label {
text-transform: uppercase;
font-weight: 600;
font-size: 33px;
font-size: min(max(22px, 3vw), 33px);
color: var(--black);
}
#srchbox .content form .item {
width: 100%;
height: 40px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;

}
#srchbox .content form .item > * {
height: 100%;
}
#srchbox .content form .item input[type="text"] {
border: solid 1px #6C6C6C;
padding: 0 20px;
font-size: 20px;
font-size: min(max(14px, 3vw), 20px);
font-weight: 600;
flex-grow: 1;
height: 40px;
}
#srchbox .content form .item input[type="submit"] {
padding: 0 30px;
text-transform: uppercase;
color: var(--white);
font-weight: 600;
background-color: var(--green);
border: none;
height: 40px;
}

/********************************************************************************************************/
#mob-nav {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
display: none;
}
#mob-nav .header {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 20px;
height: 60px;
border-bottom: solid 1px #eeeeee;
align-items: center;
}
#mob-nav .header span {
font-size: 22;
font-weight: 600;
text-transform: uppercase;
color: var(--black);
}
#mob-nav .header .popup-close {
font-size: 30px;
cursor: pointer;
}
#mob-nav .content {
display: flex;
width: 100%;
padding: 0 20px;
height: 100%;
justify-content: center;
align-items: center;
}
#mob-nav .content ul {
display: flex;
gap:30px;
flex-direction: column;
}
#mob-nav .content ul,
#mob-nav .content ul li {
width: 100%;
}
#mob-nav .content ul li a {
display: block;
text-align: center;
font-size: 24px;
font-size: min(max(16px, 5vw), 24px);
font-weight: 600;
color: var(--black);
}
#mob-nav .content ul li.active a {
color: var(--blue);
}
/********************************************************************************************************/
#popup {
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
display: flex;
display: none;
}
body.popup-active #popup {
display: block;
}
#popup:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--black);
opacity: 0.7;
}
#popup .content {
width: 100%;
max-width: 1920px;
margin:auto;
background-color: var(--white);
padding: 120px 12%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75); 
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
top: 50%;
transform: translateY(-50%);
}
#popup .popup-close.icon {
position: absolute !important;
top: 30px;
right: 30px;
cursor: pointer;
font-size: 30px;
z-index: 99999;
}
#popup .content .title {
font-size: 33px;
font-size: min(max(22px, 2.5vw), 33px);
color: var(--black);
font-weight: 600;
text-transform: uppercase;
margin-bottom: 80px;
text-align: center;
}
#popup .content p {
font-size: 24px;
font-size: min(max(16px, 2.5vw), 24px);
font-weight: 600;
color: var(--black);
margin-bottom: 60px;
text-align: center;
}
#popup .content .link-wrap {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap:20px 6%;
}
#popup .content .link-wrap > * {
flex-grow: 1;
flex-shrink: 1;
}
/********************************************************************************************************/
#header {
display: flex;
flex-direction: column;
}
#header .header-promo {
background-color: var(--black);
height: 45px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0 20px;
}
#header .header-promo h3 {
font-size: 15px;
font-size: min(max(10px, 3vw), 15px);
color: var(--white);
font-weight: 600;
text-transform: uppercase;
text-align: center;
}

#header .header-main {
height: 160px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-bottom: solid 1px var(--grey);
}
#header .header-main .header-main-logo img {
max-width: 325px;
display: block;
width: 100%;
height: auto;
}
#header .header-main .header-main-links {
position: absolute;
top: 20px;
right: 30px;
display: flex;
flex-direction: row;
gap:20px;
}
#header .header-main .header-main-links a {
font-size: 30px;
color: var(--black);
}
#header .header-nav {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.header-nav .header-nav-mobtrigger {
display: flex;
flex-direction: row;
align-items: center;
gap:10px;
height: 70px;
display: none;
cursor: pointer;
}
.header-nav .header-nav-mobtrigger span {
font-size: 24px;
font-weight: 600;
color: var(--black);
text-transform: uppercase;
}
.header-nav .header-nav-main,
.header-nav .header-nav-bread{
display: flex;
flex-direction: row;
align-items: center;
}
.header-nav .header-nav-main {
height: 70px;
gap:40px;
}
.header-nav .header-nav-main a {
font-size: 15px;
font-size: min(max(10px, 1.5vw), 15px);
text-transform: uppercase;
font-weight: 600;
color: var(--black);
text-align: center;
display: block;
}
.header-nav .header-nav-main li:hover a ,
.header-nav .header-nav-main li.active a {
color: var(--blue);
}
.header-nav .header-nav-bread {
margin:0 auto;
height: 50px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
width: 100%;
border-top: solid 1px var(--grey);
padding: var(--padding);
}
.header-nav .header-nav-bread a {
font-size: 12px;
font-size: min(max(8px, 3vw), 12px);
text-transform: uppercase;
font-weight: 600;
color: #6C6C6C;
text-align: center;
}
.header-nav .header-nav-bread li:last-of-type:after {content: none;}
.header-nav .header-nav-bread li:after {
content: "\e906";
font-family: 'IvecoStore' !important;
font-size: 10px;
color: #6C6C6C;
padding: 0 5px;
}
/********************************************************************************************************/
.home-slider {
max-height: 675px;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
}
.home-slider .slick-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.home-slider .slick-dots {
bottom: 15px;
position: absolute !important;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: row;
gap:10px;
}
.home-slider .slick-dots li button {
font-size: 0;
width: 10px;
height: 10px;
border-radius: 100%;
background-color: var(--white);
cursor: pointer;
border: none;
}
.home-slider .slick-dots li.slick-active button {background-color: var(--green);}
/********************************************************************************************************/
.promobox {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px;
gap:10px;
height: 265px;
}
.promobox .item {
width: 33%;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--green);
height: 100%;
overflow: hidden;
flex-grow: 1;
}
.promobox .item a {
width: 100%;
height: 100%;
}
.promobox .item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/********************************************************************************************************/
#kategorie-list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding:var(--padding);
padding-top: 100px;
padding-bottom: 50px;
}
#kategorie-list h2 {
text-transform: uppercase;
color: var(--black);
font-size: 33px;
font-weight: 600;
padding-bottom: 40px;
margin-bottom: 30px;
}
#kategorie-list h2:after {
content: "";
position: absolute !important;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 10px;
background-color: var(--blue);
}
#kategorie-list .content {
display: flex;
flex-direction: row;
gap:4px;
width: 100%;
}
#kategorie-list .content .item {
-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05); 
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 40px 10px;
width: 20%;
}
#kategorie-list .content .item h4 {
width: 100%;
text-transform: uppercase;
font-weight: 600;
font-size: 21px;
font-size: min(max(12px, 1.5vw), 21px);
color: var(--black);
text-align: center;
z-index: 10;
height: 50px;
}
#kategorie-list .content .item .img {
width: 100%;
height: auto;
max-height: 230px;
z-index: 1;
margin-top: auto;
margin-bottom: auto;
}
#kategorie-list .content .item .img img {
width: 100%;
height: 100%;
object-fit: scale-down;
}
#kategorie-list .content .item::after {
content: "";
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--green);
z-index: 9;
opacity: 0;
}
#kategorie-list .content .item:hover:after {opacity: 0.5;}
#kategorie-list .content .item:hover h4 {
color: var(--white);
}
#kategorie-list .content .item .txt {
position: absolute !important;
top: 50px;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 10px 10px 10px;
color: var(--white);
font-size: 18px;
font-size: min(max(12px, 1.5vw), 18px);
font-weight: 600;
text-align: center;
opacity: 0;
}
#kategorie-list .content .item:hover .txt {
opacity: 1;
top: 0;
}

#kategorie-list .content .item h4,
#kategorie-list .content .item:after,
#kategorie-list .content .item .txt {
-webkit-transition: all 400ms cubic-bezier(0.5, 0.11, 0.36, 0.88);
-moz-transition: all 400ms cubic-bezier(0.5, 0.11, 0.36, 0.88);
-o-transition: all 400ms cubic-bezier(0.5, 0.11, 0.36, 0.88);
transition: all 400ms cubic-bezier(0.5, 0.11, 0.36, 0.88);
}
/********************************************************************************************************/
.produkty-list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding:var(--padding);
padding-top: 100px;
padding-bottom: 50px;
}
.produkty-list h2 {
text-transform: uppercase;
color: var(--black);
font-size: 33px;
font-size: min(max(22px, 2vw), 33px);
font-weight: 600;
padding-bottom: 40px;
margin-bottom: 30px;
}
.produkty-list h2:after {
content: "";
position: absolute !important;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 10px;
background-color: var(--blue);
}
.produkty-list .content {
--prodgap: 30px;
--prodcolumns: 4;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--prodgap);
width: 100%;
}
.produkty-list .content .item {
width: calc((100% / var(--prodcolumns)) - var(--prodgap) + (var(--prodgap) / var(--prodcolumns)));
display: flex;
flex-direction: column;
}
.produkty-list .content .item .img {
width: 100%;
height: 295px;
overflow: hidden;
margin-bottom: 15px;
}
.produkty-list .content .item .img img {
width: 100%;
height: 100%;
object-fit: scale-down;
margin: 0 auto;
}
.produkty-list .content .item .img .produkty-info {
position: absolute !important;
top: 25px;
left: 0;
display: flex;
flex-direction: column;
gap:5px;
}
.produkty-list .content .item .img .produkty-info li {
height: 35px;
width: 95px;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
color: var(--white);
font-size: 11px;
font-weight: 600;
}
.produkty-list .content .item .img .produkty-info li.produkty-info-promocja {background-color: var(--green);}
.produkty-list .content .item .img .produkty-info li.produkty-info-nowosc {background-color: var(--blue);}
.produkty-list .content .item .img .produkty-info li.produkty-info-bestseller {background-color: var(--red);}

.produkty-list .content .item .name {
text-transform: uppercase;
font-weight: 600;
font-size: 21px;
font-size: min(max(16px, 2vw), 21px);
color: var(--black);
padding-bottom: 10px;
border-bottom: solid 2px #e0e0e0;
flex-grow: 1;
}
.produkty-list .content .item .price {
margin-top: auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 15px 0 20px 0;
flex-wrap: wrap;
gap:10px;
}
.produkty-list .content .item .price span:nth-of-type(1) {
text-transform: uppercase;
font-size: 9px;
color: #6C6C6C;
font-weight: 600;
}
.produkty-list .content .item .price span:nth-of-type(2) {
text-transform: uppercase;
font-size: 15px;
color: #6C6C6C;
font-weight: 600;
flex-shrink: 0;
}
.produkty-list .content .item .cta_bg {
margin: 0 auto;
}
/********************************************************************************************************/

#page_kat #content .sidebar-content {
display: flex;
flex-direction: column;
gap:30px;
width: 235px;
flex-shrink: 0;
}
#page_kat #content .sidebar-content h4 {
text-transform: uppercase;
font-weight: 600;
color: var(--black);
font-size: 22px;
}
#page_kat #content .sidebar-content ul li:before {
content: "";
width: 6px;
height: 6px;
background-color: var(--green);
border-radius: 100%;
position: absolute !important;
left: 0;
top: 50%;
transform: translateY(-50%);
}
#page_kat #content .sidebar-content ul li {
padding-left: 15px;
}
#page_kat #content .sidebar-content ul li a {
font-size: 12px;
font-weight: 400;
color: var(--black);
padding: 5px 0;
display: block;
}
#page_kat #content .sidebar-content ul li.active a {
font-weight: 600;
font-size: 13px;
}
#page_kat #content .sidebar-content ul li:hover a {font-weight: 600;}
#page_kat #content .sidebar-content ul li a strong {color: var(--red);}
#page_kat #content .sidebar-content .content-banner { /* min-height: 170px; max-height: 600px; */}

#page_kat #content .main-content {
display: flex;
flex-direction: column;
gap:20px;
width: calc(100% - 265px);
}
#page_kat #content .main-content .header-content {
display: flex;
flex-direction: column;
}
#page_kat #content .main-content .header-content h2 {
font-size: 28px;
font-weight: 600;
color: var(--black);
margin-bottom: 30px;
}
#page_kat #content .main-content .header-content p {
font-size: 15px;
font-size: min(max(12px, 2.5vw), 15px);
color: var(--black);
font-weight: 400;
line-height: 140%;
display: block;
}
.pagin {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-top: solid 1px #e0e0e0;
border-bottom: solid 1px #e0e0e0;
padding: 20px 0;
}
.pagin .num {
font-size: 14px;
display: flex;
flex-direction: row;
gap:5px;
color: var(--black);
}
.pagin ul {
display: flex;
flex-direction: row;
align-items: center;
gap:10px;
}
.pagin ul li > * {
font-size: 14px;
color: var(--black);
}
.pagin ul li .icon {
color: #CCCCCC;
font-size: 16px;
top: 2px;
}
.pagin ul li.active a {
font-weight: 700;
}

#page_kat #content .main-content .produkty-list {padding: 20px 0;}
#page_kat #content .main-content .produkty-list .content .item {padding-bottom: 20px;}
/********************************************************************************************************/
.prod-main {
display: flex;
flex-direction: row;
gap:100px;
}
.prod-main .prod-gallery {
width: 50%;
display: flex;
flex-direction: column;
gap:20px;
}
.prod-main .prod-gallery .prod-slider-wrap {
display: flex;
flex-direction: column;
gap:10px;
}
.prod-main .prod-gallery .prod-slider-wrap .produkty-info {
display: flex;
flex-direction: row;
gap:3.5%;
flex-wrap: wrap;
}
.prod-main .prod-gallery .prod-slider-wrap .produkty-info li {
height: 35px;
width: 30%;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
color: var(--white);
font-size: 11px;
font-size: min(max(8px, 2.5vw), 11px);
font-weight: 600;
flex-grow: 0;
flex-shrink: 0;
}
.prod-main .prod-gallery .prod-slider-wrap .produkty-info li.produkty-info-promocja {background-color: var(--green);}
.prod-main .prod-gallery .prod-slider-wrap .produkty-info li.produkty-info-nowosc {background-color: var(--blue);}
.prod-main .prod-gallery .prod-slider-wrap .produkty-info li.produkty-info-bestseller {background-color: var(--red);}
.prod-main .prod-gallery .prod-slider {
width: 100%;
height: auto;
overflow: hidden;
}
.prod-main .prod-gallery .prod-slider .slick-slide a {
display: block;
width: 100%;
height: 100%;
text-align: center;
}
.prod-main .prod-gallery .prod-slider .slick-slide img{
/*width: 100%;
height: 100%;
object-fit: cover;*/
width:auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
.prod-main .prod-gallery .prod-slider-thumb {
width: 100%;
height: 120px;
overflow: hidden;
}
.prod-main .prod-gallery .prod-slider-thumb,
.prod-main .prod-gallery .prod-slider-thumb .slick-track {
display: flex !important;
align-items: center;
}

.prod-main .prod-gallery .prod-slider-thumb .slick-slide {padding:0 10px;opacity: 0.5;cursor: pointer;height: 120px;}
.prod-main .prod-gallery .prod-slider-thumb .slick-slide > div,
.prod-main .prod-gallery .prod-slider-thumb .slick-slide > div > div {height: 120px;}
.prod-main .prod-gallery .prod-slider-thumb .slick-slide.slick-current {opacity: 1;}
.prod-main .prod-gallery .prod-slider-thumb .slick-slide img  {
width: 100%;
height: 100%;
object-fit: scale-down;
}
.lb-number {display: none !important;}
.lb-data .lb-close:before {
background: none !important;
content: "\e90a" !important;
font-family: 'IvecoStore' !important;
font-size: 30px;
color: var(--white);
}
.prod-slider-thumb-wrap {padding: 0 25px;}

.prod-slider-thumb-prev,
.prod-slider-thumb-next {
font-size: 30px;
color: var(--black);
cursor: pointer;
position: absolute !important;
top: 50%;
transform: translateY(-50%);
}
.prod-slider-thumb-prev {left: -5px;}
.prod-slider-thumb-next {right: -5px;}

.prod-slider-thumb-prev.slick-disabled,
.prod-slider-thumb-next.slick-disabled {
display: none !important;
}
.prod-main .prod-gallery .prod-slider-thumb .slick-arrow.slick-disabled {display: none !important;}

.prod-main .prod-info form {
display: flex;
flex-direction: column;
}

.prod-info form > label {
font-size: 28px;
font-weight: 600;
color: var(--black);
margin-bottom: 10px;
}
.prod-info form .prod-dost,
.prod-info form .prod-kod{
display: flex;
flex-direction: row;
gap:25px;
margin-bottom: 30px;
}
.prod-info form .prod-dost span,
.prod-info form .prod-kod span,
.prod-info form .prod-price-sug span,
.prod-info form .prod-price > span:nth-of-type(1),
.prod-info form .prod-size span {
font-size: 12px;
text-transform: uppercase;
color: var(--grey);
font-weight: 400;
}
.prod-info form .prod-dost span strong{
color: var(--green);
font-weight: 600;
display: inline-block;
}
.prod-dost .prod-dost-low {color: var(--red) !important;}
.prod-dost .prod-dost-mid {color: var(--yellow) !important;}
.prod-dost .prod-dost-high {color: var(--green) !important;}

.prod-info form .prod-kod span strong {font-weight: 600;}
.prod-info form .prod-price-sug {
display: flex;
flex-direction: column;
margin-bottom: 20px;
gap:10px;
}
.prod-info form .prod-price-sug span.price {
font-size: 24px;
font-weight: 600;
}
.prod-info form .prod-price {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 15px;
}
.prod-info form .prod-price > span:nth-of-type(1) {width: 100%;margin-bottom: 5px;}
.prod-info form .prod-price .price-old {
font-size: 24px;
font-weight: 600;
margin-right: 20px;
color: var(--red);
text-decoration: line-through;
}
.prod-info form .prod-price .price {
font-size: 24px;
font-weight: 600;
margin-right: 20px;
color: var(--green);
}
.prod-info form .prod-size {
display: flex;
flex-direction: row;
gap:5px 10px;
align-items: center;
margin-bottom: 40px;
flex-wrap: wrap;
}
.prod-info form .prod-size > a {
background-color: var(--grey);
padding: 5px 10px;
color: var(--white);
text-transform: uppercase;
font-size: 12px;
}
.prod-info form .prod-size > a:hover {
background-color: var(--green);
}
.prod-info form .prod-size select,
.prod-info form .prod-order input[type="number"]{
width: 60px;
height: 40px;
border: solid 1px var(--grey);
text-align: center;
font-size: 16px;
color: var(--grey);
font-weight: 600;
}
.prod-info form .prod-order {
display: flex;
flex-direction: row;
gap:23px;
}
.prod-info form .prod-order input[type="number"] {padding-left: 10px;}
.prod-info form .prod-order input[type="submit"] {
width: 100%;
flex-grow: 1;
border: none;
background-color: var(--green);
font-size: 16px;
font-size: min(max(8px, 4vw), 16px);
font-weight: 600;
color: var(--white);
text-align: center;
height: 40px;
}
#product .prod-desc {
margin: 40px 0;
display: flex;
flex-direction: column;
border-bottom: solid 1px var(--grey);
padding-bottom: 90px;
gap:20px;
}
#product .prod-desc * {
font-size: 15px;
font-size: min(max(12px, 2vw), 15px);
}
#product .prod-desc h2 {
font-size: 24px;
font-size: min(max(16px, 4vw), 24px);
font-weight: 600;
text-transform: uppercase;
padding: 25px 20px;
border-top: solid 1px var(--grey);
border-bottom: solid 1px var(--grey);
text-align: center;
margin-bottom: 5px;
}
#product .prod-desc ul {
display: flex;
flex-direction: column;
gap:10px;
}
#product .prod-desc ul li:before {
content: "";
width: 6px;
height: 6px;
background-color: var(--green);
border-radius: 100%;
position: absolute !important;
left: 0;
top: 8px;
}
#product .prod-desc ul li {
padding-left: 15px;
}
#product .prod-desc ul li a,
#product .prod-desc p a{
text-decoration: underline;
color: var(--black);
}

#page_prod .produkty-list {padding: 0;}
/********************************************************************************************************/
#page_txt #content {
display: flex;
flex-direction: column;
gap:20px;
border-bottom: solid 1px var(--grey);
}
#page_txt #content h2,
#page_txt #content h3{
font-size: 24px;
font-size: min(max(16px, 4vw), 24px);
font-weight: 600;
text-transform: uppercase;
padding: 25px 20px;
border-top: solid 1px var(--grey);
border-bottom: solid 1px var(--grey);
text-align: center;
margin-bottom: 90px;
}
#page_txt #content p,
#page_txt #content li,
#page_txt #content li * {
font-size: 15px;
font-size: min(max(12px, 2vw), 15px);
}
#page_txt #content h3 {
margin-bottom: 0;
border: none;
padding: 0;
text-align: left;
}
#page_txt #content ul,
#page_txt #content ol{
display: flex;
flex-direction: column;
gap:10px;
}
#page_txt #content ul li:before {
content: "";
width: 6px;
height: 6px;
background-color: var(--green);
border-radius: 100%;
position: absolute !important;
left: 0;
top: 8px;
}
#page_txt #content ul li {
padding-left: 15px;
}
#page_txt #content ul li a,
#page_txt #content p a{
text-decoration: underline;
color: var(--black);
}
#page_txt #content ol {
list-style: decimal;
list-style-position: inside;
}
#page_txt #content ol li {
padding-left: 5px;
}
/********************************************************************************************************/
#zam {
display: flex;
flex-direction: column;
align-items: center;
}
#zam > .title,
#zam > .subtitle,
#zam > .txt{
font-weight: 600;
color: var(--black);
flex-grow: 1;
width: 100%;
text-align: center;
}
#zam > .title {
font-size: 33px;
font-size: min(max(22px, 2vw), 33px);
text-transform: uppercase;
margin-bottom: 10px;
}
#zam > .subtitle {
font-size: 24px;
font-size: min(max(16px, 2vw), 24px);
margin-bottom: 10px;
}
#zam > .txt {
font-size: 16px;
font-size: min(max(12px, 2vw), 16px);
color: #6C6C6C;
font-weight: 600;
text-transform: uppercase;
padding: 30px 0;
border-top: solid 1px #6C6C6C;
border-bottom: solid 1px #6C6C6C;
}
.overflow-content {overflow: auto;}
.overflow-content table {
min-width: 600px;
}
#zam-form,
#zam-form2 {
display: flex;
flex-direction: column;
margin: 10px 0;
width: 100%;
}
#zam-form.form-disabled th:last-of-type,
#zam-form.form-disabled td:last-of-type,
#zam-form2.form-disabled th:last-of-type,
#zam-form2.form-disabled td:last-of-type {
	display: none !important;
}
#zam-form table,
#zam-form2 table {
table-layout: auto;
}
#zam-form th,
#zam-form2 th {
background-color: var(--green);
color: var(--white);
font-size: 14px;
font-size: min(max(10px, 2vw), 14px);
font-weight: 600;
vertical-align: middle;
text-transform: uppercase;
text-align: center;
padding: 10px;
line-height: 100%;
}
#zam-form th small,
#zam-form2 th small {
font-size: 10px;
font-size: min(max(8px, 2vw), 10px);
font-weight: 600;
}
#zam-form th,
#zam-form td {border-right: solid 1px var(--white);}
#zam-form td:last-of-type {border:none;}
#zam-form th:nth-of-type(1) {width: 5%;}
#zam-form th:nth-of-type(2) {width: 11%;}
#zam-form th:nth-of-type(3) {width: 8%;}
#zam-form th:nth-of-type(4) {min-width: 160px;}
#zam-form th:nth-of-type(5) {width: 5%;}
#zam-form th:nth-of-type(6) {width: 5%;}
#zam-form th:nth-of-type(7) {width: 8%;}
#zam-form th:nth-of-type(8) {width: 15%;min-width: 140px;}
#zam-form2 th:last-of-type {width: 8%;}

#zam-form2 th,
#zam-form2 td {border-right: solid 1px var(--white);}
#zam-form2 td:last-of-type {border:none;}
#zam-form2 th:nth-of-type(1) {width: 15%;}
#zam-form2 th:nth-of-type(2) {width: 8%;}
#zam-form2 th:nth-of-type(3) {min-width: 16px;}
#zam-form2 th:nth-of-type(4) {width: 5%;}
#zam-form2 th:nth-of-type(5) {width: 10%;}
#zam-form2 th:nth-of-type(6) {width: 5%;}
#zam-form2 th:last-of-type {width: 10%;min-width: 120px;}

#zam-form tr:nth-of-type(even) td,
#zam-form2 tr:nth-of-type(even) td {
	background-color: #e5e5e5
}
#zam-form tr:nth-of-type(odd) td,
#zam-form2 tr:nth-of-type(odd) td {
	background-color: #f7f7f7
}
#zam-form td .img,
#zam-form2 td .img {
width: 45px;
height: 45px;
overflow: hidden;
display: block;
margin: 0 auto;
}
#zam-form td .img img,
#zam-form2 td .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
#zam-form td,
#zam-form2 td {
font-size: 12px;
font-size: min(max(10px, 2vw), 12px);
color: var(--black);
text-align: center;
padding:10px;
vertical-align: middle;
}
#zam-form tr > td:nth-of-type(4) {text-align: left;}

#zam-form2 tr > td:nth-of-type(3) {text-align: left;}

#zam-form tr td .zam-del-trigger {
font-size: 20px;
color: var(--black);
cursor: pointer;
}
.zam-vol input {
width: 100%;
padding: 0 0 0 10px;
border: solid 1px #c5c5c5;
background-color: var(--white);
height: 42px;
}
#zam-form.form-disabled .zam-vol input {
background-color: transparent;
border: none;
text-align: center;
}
.zam-vol .zam-refresh {
display: none;
position: absolute !important;
top: 50%;
transform: translateY(-50%);
right: 30px;
background-color: var(--green);
padding: 5px 10px;
color: var(--white);
text-align: center;
font-size: 13px;
font-size: min(max(9px, 2vw), 13px);
font-weight: 600;
cursor: pointer;
text-transform: uppercase;
}
.zam-pod {
display: flex;
flex-direction: column;
margin: 55px 0 0 0;
}
.zam-pod .title {
font-weight: 600;
color: var(--black);
text-transform: uppercase;
font-size: 24px;
font-size: min(max(16px, 4vw), 24px);
margin-bottom: 35px;
}
.zam-pod .content {
display: flex;
flex-direction: row;
gap:50px;
}
.zam-pod .content > div {
width: 50%;
}
.zam-pod .content .item {
display: flex;
flex-direction: column;
padding-left: 4%;
}
.zam-pod .content .item ul {
display: flex;
flex-direction: column;
gap:8px;
}
.zam-pod .content .item ul li *,
.zam-pod .content .item .zam-pod-adres label,
.zam-pod .content .zam-pod-uwagi label{
text-transform: uppercase;
font-size: 12px;
color: #6C6C6C;
}
.zam-pod .content .item .zam-pod-adres {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap:15px;
margin-top: 20px;
}
.zam-pod .content .item .zam-pod-adres label {flex-shrink: 0;}
.zam-pod .content .item .zam-pod-adres select {
height: 40px;
border: solid 1px #6C6C6C;
flex-grow: 1;
padding: 0 10px;
font-size: 12px;
width: 100%;
}
.zam-pod .content .item .zam-pod-adres select[disabled] {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
.zam-pod .content .zam-pod-uwagi {
display: flex;
flex-direction: column;
align-self: stretch;
}
.zam-pod .content .zam-pod-uwagi textarea {
margin-top: 12px;
border: solid 1px #6C6C6C;
padding: 10px;
flex-grow: 1;
resize: vertical;
}
.zam-pod .content .zam-pod-uwagi textarea[disabled] {
resize: none;
}
#zam-form > .link-wrap {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: flex-end;
gap:15px 30px;
flex-wrap: wrap;
margin-top: 40px;
justify-content: space-between;
}
#zam-form > .link-wrap input[type="submit"],
#zam-form > input[type="submit"]{
text-transform: uppercase;
color: var(--white);
background-color: var(--green);
font-size: 16px;
font-weight: 600;
height: 40px;
max-width: 445px;
width: 100%;
padding: 0 20px;
text-align: center;
line-height: 40px;
margin: 40px 0 0 0;
margin-left: auto;
}
#zam-form > .link-wrap input[type="submit"] {margin: 0;}
#zam-form > .link-wrap .cta_bg {
background-color: var(--grey);
border-color: var(--grey);
height: 40px;
max-width: 445px;
width: 100%;
}
/********************************************************************************************************/
#login,
#login .content form{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#login {border-bottom: solid 1px var(--grey);padding-bottom: 60px;}
#login .content {
max-width: 420px;
width: 100%;
margin-top: 20px;
}
#login .title,
#login .subtitle,
#login .txt {
font-weight: 600;
color: var(--black);
width: 100%;
}
#login .title {
font-size: 33px;
font-size: min(max(22px, 2vw), 33px);
text-transform: uppercase;
margin-bottom: 30px;
text-align: center;
}
#login .subtitle {
font-size: 24px;
margin-bottom: 10px;
}
#login .txt {
font-size: 16px;
font-size: min(max(12px, 2vw), 16px);
text-align: left;
font-weight: 400;
}
#login > .txt {
max-width: 420px;
width: 100%;
}
#login form {
display: flex;
flex-direction: column;
gap:15px;
}
#login form input[type="email"],
#login form input[type="password"] {
width: 100%;
height: 40px;
padding: 0 20px;
font-size: 12px;
color: var(--grey);
background-color: var(--white);
border: solid 1px var(--grey);
}
#login form .log-form-remind {
margin-left: auto;
font-size: 12px;
color: var(--grey);
}
#login form input[type="submit"] {
width: 100%;
height: 40px;
text-align: center;
font-weight: 600;
color: var(--white);
background-color: var(--green);
font-size: 16px;
}
/********************************************************************************************************/
#page_panel #content .sidebar-content {
display: flex;
flex-direction: column;
gap:30px;
width: 235px;
flex-shrink: 0;
}
ul.sidebar-pan-info {
display: flex;
flex-direction: column;
}
ul.sidebar-pan-info li span {
font-size: 11px;
color: var(--black);
}
ul.sidebar-pan-info li span strong {font-weight: 600;}
ul.sidebar-pan-info li:last-of-type {margin-top: 10px;}
ul.sidebar-pan-info li a.cta_bg {
font-size: 11px;
}
ul.sidebar-pan-nav > li a {
font-size: 13px;
font-weight: 400;
color: var(--black);
padding: 5px 0;
display: inline;
}
ul.sidebar-pan-nav > li.active > a,
ul.sidebar-pan-nav > li.sidebar-pan-nav-sub > ul li.active a {font-weight: 600;}
ul.sidebar-pan-nav > li > ul {display: none;}

ul.sidebar-pan-nav > li.sidebar-pan-nav-sub.sub-active > ul {display: block;}
ul.sidebar-pan-nav > li.sidebar-pan-nav-sub:before {
content: "\e907";
font-family: 'IvecoStore' !important;
position: absolute !important;
top: 5px;
right: 0;
font-size: 10px;
color: var(--grey);
-webkit-transition: all 200ms cubic-bezier(0.5, 0.11, 0.36, 0.88);
-moz-transition: all 200ms cubic-bezier(0.5, 0.11, 0.36, 0.88);
-o-transition: all 200ms cubic-bezier(0.5, 0.11, 0.36, 0.88);
transition: all 200ms cubic-bezier(0.5, 0.11, 0.36, 0.88);
}
ul.sidebar-pan-nav > li.sidebar-pan-nav-sub.sub-active:before,
ul.sidebar-pan-nav > li.sidebar-pan-nav-sub.active:before{
transform: rotate(-180deg)
}
ul.sidebar-pan-nav > li.sidebar-pan-nav-sub.active > ul {display: block;}
ul.sidebar-pan-nav > li.sidebar-pan-nav-sub > ul {padding-left: 30px;}
#page_panel #content .main-content {
display: flex;
flex-direction: column;
gap:30px;
width: calc(100% - 265px);
}
#page_panel #content .main-content .item {
display: flex;
flex-direction: column;
padding-bottom: 60px;
}
#page_panel #content .main-content form {
display: flex;
flex-direction: column;
}
#page_panel #content .main-content .item:last-of-type {padding-bottom: 0;}
#page_panel #content .main-content .item .title {
font-size: 28px;
font-size: min(max(18px, 2.5vw), 28px);
font-weight: 600;
color: var(--black);
text-transform: uppercase;
margin-bottom: 35px;
}
#page_panel #content .main-content .item .txt {
font-size: 15px;
font-size: min(max(12px, 2.5vw), 15px);
font-weight: 400;
color: var(--black);
line-height: 120%;
margin-bottom: 60px;
}
#page_panel #content .main-content .panel-table {table-layout:fixed;}
#page_panel #content .main-content .panel-table th {
text-align: center;
font-size: 12px;
font-size: min(max(8px, 1.5vw), 12px);
text-transform: uppercase;
color: var(--grey);
font-weight: 600;
padding: 15px 5px;
border-bottom: solid 1px var(--grey);
vertical-align: middle;
}
#page_panel #content .main-content .panel-table td {
padding: 15px 5px;
text-align: center;
font-size: 12px;
font-size: min(max(10px, 1.5vw), 12px);
color: var(--black);
vertical-align: middle;
}
#page_panel #content .main-content.panel-nav-uzytkownicy-edytuj .panel-table td:nth-of-type(1),
#page_panel #content .main-content.panel-nav-uzytkownicy-edytuj .panel-table td:nth-of-type(2),
#page_panel #content .main-content.panel-nav-uzytkownicy-edytuj .panel-table td:nth-of-type(3) {min-width: 120px;}
#page_panel #content .main-content.panel-nav-uzytkownicy-edytuj .panel-table td:nth-of-type(4) {min-width: 150px;}
#page_panel #content .main-content.panel-nav-uzytkownicy-edytuj .panel-table td:nth-of-type(5) {min-width: 200px;}

#page_panel #content .main-content.panel-nav-zamowienia .panel-table td:nth-of-type(8) {min-width: 200px;}

#page_panel #content .main-content .panel-table tr:nth-of-type(odd) td {background-color: #f7f7f7;}
#page_panel #content .main-content .panel-table th {}

#page_panel #content .main-content > a.cta_bg,
#page_panel #content .main-content input[type="submit"] {
text-transform: uppercase;
color: var(--white);
background-color: var(--green);
font-size: 16px;
font-weight: 600;
height: 40px;
max-width: 445px;
width: 100%;
padding: 0 20px;
text-align: center;
line-height: 40px;
margin-left: auto;
margin-top: 40px;
}
#page_panel #content .main-content input[type="email"],
#page_panel #content .main-content input[type="password"],
#page_panel #content .main-content input[type="text"]{
width: 100%;
height: 40px;
padding: 0 5px;
font-size: 12px;
color: var(--grey);
background-color: var(--white);
border: solid 1px var(--grey);
}
#page_panel #content .main-content input.error {border: solid 1px var(--red);}

.panel-nav-zmienhaslo form {
display: flex;
flex-direction: column;
gap:15px;
}
#page_panel #content .main-content input[type="email"],
#page_panel #content .main-content input[type="password"],
#page_panel #content .main-content input[type="text"] {max-width: 420px;}

.panel-nav-uzytkownicy .panel-table {table-layout: auto !important;}
.panel-nav-uzytkownicy .panel-table td:nth-of-type(1) {width: 60px;}
.panel-nav-uzytkownicy .panel-table td:nth-of-type(2) {width: 20%;text-align: left;}
.panel-nav-uzytkownicy .panel-table td:nth-of-type(3) {width: 13%;}
.panel-nav-uzytkownicy .panel-table td:last-of-type {width:120px;align-items: center;vertical-align: middle;}
.panel-del-trigger,
.panel-edit-trigger,
.panel-off-trigger{
font-size: 20px;
color: var(--black);
cursor: pointer;
display: inline-block;
margin: 0 5px;
}
.panel-off-trigger {color: var(--green);}
.panel-off-trigger.off {color: var(--black)}
.panel-nav-uzytkownicy-edytuj .panel-table {table-layout: auto !important;}
.panel-nav-uzytkownicy-edytuj .panel-table td:last-of-type {width:420px;align-items: center;vertical-align: middle;}
.content-select .select2 {width: 100% !important;}

.panel-nav-placowki .panel-table {table-layout: auto !important;}
.panel-nav-placowki .panel-table td:nth-of-type(1) {width: 60px;}
.panel-nav-placowki .panel-table td:nth-of-type(2) {width: 20%;}
.panel-nav-placowki .panel-table td:nth-of-type(3) {width: 20%;}
.panel-nav-placowki .panel-table td:nth-of-type(5) {width: 150px;}

.panel-nav-zamowienia .panel-table {table-layout: auto !important;}
.panel-nav-zamowienia .panel-table td:nth-of-type(1) {width: 60px;}
.panel-nav-zamowienia .panel-table td:nth-of-type(2) {width: 120px;}
.panel-nav-zamowienia .panel-table td:nth-of-type(3) {width: 160px;}
.panel-nav-zamowienia .panel-table td:nth-of-type(5) {width: 160px;}
.panel-nav-zamowienia .panel-table td:nth-of-type(5) {width: 180px;}
.panel-nav-zamowienia .panel-table a.cta_bg {
background-color: var(--green);
padding: 5px 10px;
color: var(--white);
text-align: center;
font-size: 13px;
font-size: min(max(9px, 2vw), 13px);
font-weight: 600;
cursor: pointer;
text-transform: uppercase;
}

#page_panel #content .main-content.panel-nav-zamowienia-det .item .txt {margin-bottom: 0}
#page_panel #content .main-content.panel-nav-zamowienia-det .item {padding-bottom: 20px;width: 100%;}
#page_panel #content .main-content.panel-nav-zamowienia-det .item .zam-pod-uwagi strong {text-transform: none;line-height: 140%;}
#page_panel #content .main-content.panel-nav-zamowienia-det .zam-pod .content .item ul li * {color: var(--black);}
#page_panel #content .main-content.panel-nav-zamowienia-det .zam-pod .content .item ul li strong {color: var(--grey);}
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
/********************************************************************************************************/
#footer {
background-color: var(--black);
padding: var(--padding);
padding-top: 95px;
padding-bottom: 30px;
margin-top: auto;
display: flex;
flex-direction: column;
gap:100px;
}
#footer .item {
display: flex;
flex-direction: row;
justify-content: space-between;
gap:20px;
flex-wrap: wrap;
}
#footer .item:nth-of-type(1) .footer-logo {
width: 32%;
min-width: 200px;
max-width: 400px;
height: auto;
}
#footer .item:nth-of-type(1) .footer-logo img {width: 100%;}
#footer .item:nth-of-type(1) .footer-nav {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap:10px 2%;
width: 60%;
}
#footer .item:nth-of-type(1) .footer-nav li,
#footer .item:nth-of-type(1) .footer-nav li a{
font-size: 16px;
font-size: min(max(12px, 2vw), 16px);
font-weight: 400;
color: var(--white);
}
#footer .item:nth-of-type(1) .footer-nav li:nth-of-type(1) {
width: 100%;
font-weight: 600;
text-transform: uppercase;
}
#footer .item:nth-of-type(2) * {
font-size: 15px;
font-size: min(max(11px, 2vw), 15px);
color: var(--white);
}
#footer .item:nth-of-type(2) .footer-copy {
width: 32%;
}
#footer .item:nth-of-type(2) .footer-info {
width: 60%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#footer .item:nth-of-type(2) .footer-info li:nth-of-type(1) a {text-decoration: underline}
/********************************************************************************************************/





@-moz-document url-prefix() {
#czlonkowie_slider .slick-slide > div {display: flex !important;}
}


/********************************************************************************************************/
@media only screen and (max-width: 1200px) {
:root {--padding:0 20px;}
}



@media only screen and (max-width: 1000px) {
.produkty-list .content {--prodcolumns:3;--prodgap:20px;}
}
@media only screen and (max-width: 950px) {
.zam-pod .content {flex-direction: column;}
.zam-pod .content > div {width: 100%;}
.zam-pod .content .zam-pod-uwagi textarea {min-height: 200px;}
}
@media only screen and (max-width: 900px) {
.prod-main {gap:30px;}
#product .prod-desc h2 {margin-bottom: 20px;}
.iframecontent {padding: 0;}
#popup .content .title {margin-bottom: 30px;}
}

@media only screen and (max-width: 800px) {
#page_kat #content,
#page_panel #content {padding-top: 30px;padding-bottom: 30px;}
#header .header-main {flex-direction: row;padding: 0 20px;justify-content: space-between;gap:40px;}
#header .header-main .header-main-links {position: relative;top: auto;right: auto;width: auto;gap:10px;}
#header .header-main .header-main-links a {font-size: 20px;}
#kategorie-list,
.produkty-list {padding-top: 30px;padding-bottom: 30px;}

#page_kat #content {flex-direction: column;}
#page_kat #content .sidebar-content,
#page_kat #content .main-content {width: 100%;gap:15px;}
#page_kat #content .sidebar-content ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap:10px 20px;
justify-content: flex-start;
}
#product .prod-desc {padding-bottom: 35px;}
.produkty-list .content {--prodcolumns:2;--prodgap:20px;}
.produkty-list .content .item .img .produkty-info {top: 5px;}
.produkty-list .content .item .img .produkty-info li {width: 60px;font-size: 8px;height: 25px;}
.header-nav .header-nav-main {gap:20px;width: 100%;padding: 0 10px;}
#page_panel #content {flex-direction: column;gap:40px;}
#page_panel #content .sidebar-content,
#page_panel #content .main-content {width: 100%;}
ul.sidebar-pan-info {flex-direction: row;justify-content: space-between;gap:20px;flex-wrap: wrap;align-items: center;gap:10px;}
ul.sidebar-pan-info li {flex-grow: 1;}
ul.sidebar-pan-info li:last-of-type {margin: 0;}
ul.sidebar-pan-info li a.cta_bg {width: 100%;display: block;}
#page_panel #content .main-content .item .title {margin-bottom: 20px;}
#page_panel #content .main-content > a.cta_bg, #page_panel #content .main-content input[type="submit"] {max-width: 100%;}
}

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

#kategorie-list .content {flex-wrap: wrap;}
#kategorie-list .content .item {width: 32%;padding: 20px 10px;}
#kategorie-list .content .item .img {max-height: 150px;}
body#page_home .produkty-list .content .item {--prodcolumns: 3;}
body#page_home .produkty-list .content .item:last-of-type {display: none;}
.content-banner {height: 235px;margin-top: 30px;display: none;}
.prod-main {flex-direction: column;}
.prod-main .prod-gallery,
.prod-main .prod-info {width: 100%;}
}
@media only screen and (max-width: 650px) { 
.header-nav-mobtrigger {display: flex !important;}
.header-nav .header-nav-main {display: none;}
#page_txt #content h2 {margin-bottom: 20px;}
#page_txt #content {padding-top: 30px;padding-bottom: 30px;}
#footer {padding-top: 30px;padding-bottom: 30px;gap:30px;}
#footer .item:nth-of-type(1) .footer-logo,
#footer .item:nth-of-type(1) .footer-nav {width: 100%;max-width: 100%;justify-content: space-between;}
#footer .item:nth-of-type(1) .footer-logo img {width: 70%;display: block;margin: 0 auto;}
#footer .item,
#footer .item:nth-of-type(2) .footer-info {flex-direction: column;gap:20px;}
#footer .item:nth-of-type(2) .footer-copy {order: 2;}
#footer .item:nth-of-type(2) .footer-info,
#footer .item:nth-of-type(2) .footer-copy {width: 100%;}

}

@media only screen and (max-width: 500px) { 
.promobox .item:not(:first-of-type){ display: none;}
#kategorie-list .content .item {width: 49%;flex-grow: 1;}
body#page_home .produkty-list .content .item {
--prodcolumns: 2;
}
body#page_home .produkty-list .content .item:nth-of-type(3),
body#page_home .produkty-list .content .item:last-of-type {display: none;}
.content-banner {height: 150px;padding: 0;display: none;}
}


@media only screen and (max-width: 420px) { 
body#page_home .produkty-list .content .item {
--prodcolumns: 1;
width: calc((100% / var(--prodcolumns)) - var(--prodgap) + (var(--prodgap) / var(--prodcolumns)));
display: none;
}
.produkty-list .content .item:nth-of-type(1){display: flex;}
#srchbox .content form .item {flex-direction: column;height: auto;}
#srchbox .content form .item * {flex-grow: 1;width: 100%;}
#header .header-promo {height: auto;padding: 10px 20px;}
}


@media only screen and (max-width: 350px) { 
.pagin {flex-direction: column;gap:10px;}
.pagin ul {width: 100%;justify-content: space-between;}
.produkty-list .content {--prodcolumns: 1;}
}