html { font-size:10px; font-family: "Roboto", sans-serif; max-width:1920px; display:block; margin:auto; }
body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#fff; text-align: left; color:var(--k3); line-height:30px; font-size:16px; }

*{box-sizing: border-box;}
.all { width:100%; overflow:hidden; }
img {border:none; margin:0px; padding:0px; }
a:link , a:visited , a:hover {text-decoration: none; color:#009edf;}
a:hover {color: #009edf;}
h1 , h2 , h3 , h4 , h5, h6{padding:0px; font-size: 1.8rem; margin:0px;  font-weight: normal;  }
ul{ padding:0px; margin:0px;}
p{ margin:0px 0px 20px 0px; padding:0px;  }
ul{ padding:0px; margin:0px; list-style:none;}
.cl { width:100%; clear:both;}

img.alignleft , .alignleft { float:left; margin-right:10px; width:auto !important; height:auto !important;}
img.alignright { float:right; margin-left:2%;}
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

:root{
	--szary:#f7f9fb;
	--k1:#666;	
	--k2:#ff8001;	
	--k3:#111;	
	--k4:#ebebeb;	
	--p2:2%;		
	--p3:3%;
	--p5:5%;	
	--p10:10%;		
	--p15:15%;			
	--p20:20%;				
}


#up { width:100%; padding:0px var( --p5); background:var(--szary); height:60px; display:flex; justify-content:space-between; align-items:center; position: sticky; top: 0px; z-index:333;}
#up #loga { display:flex;}
#up #loga img {width:auto; height:40px; display:block;}
#up #loga a { margin-right:20px;}
#up #loga a:hover img { opacity:0.4;}
#up #loga > img { margin-top:-5px;}
#loga span { margin-left:20px; font-size:10px; color:var(--k1);}




#topinfo { display:flex; font-size:14px; }
ul#tel { display:flex;}
ul#tel li { margin-right:30px;}
ul#tel li a { color:var(--k1);}
ul#tel li a:hover { color:var(--k2);}

ul#topikony { display:flex;}
ul#topikony li { margin-right:7px;}
ul#topikony li img { float:left; width:auto; height:30px;}

#lang { height:30px; width:80px; position:relative; overflow:hidden;  }
#lang:hover { overflow:visible;  }

#lang ul { width:100%;  position:absolute; left:0px; top:30px; background:#fff; z-index:333;}
#lang ul li { width:100%; padding:0px 20px; line-height:30px;  }

#lang ul li a { color::var(--k1); font-size:12px; padding-left:25px; width:100%; }
#lang ul li a:hover { color:var(--k2);}

#lang ul li.current-lang {position:absolute; top:-30px; z-index:5; }
#lang ul li.current-lang::before {content: ''; position: absolute; z-index: 20; left: 0px; top: 0px; width: 100%; height: 100%; cursor:pointer;}

#lang ul li.no-translation { display:none;}

#lang ul li.lang-item-pl a { background:url(../graf/pl.png) no-repeat 0px 1px;}
#lang ul li.lang-item-en a {  background:url(../graf/en.png) no-repeat 0px 1px;}
#lang ul li.lang-item-de a {  background:url(../graf/de.png) no-repeat 0px 1px;}
#lang ul li.lang-item-ru a {  background:url(../graf/ru.png) no-repeat 0px 1px;}

#top { width:100%; padding:0px var( --p10); height:49px; display:flex; justify-content:space-between; align-items:center; position: sticky; top: 60px; background:#fff; z-index:222; border-bottom:1px solid var(--k4);}
#mtop > ul { display:flex;}
#mtop > ul > li { margin-right:5px;}
#mtop > ul > li > a { color:var(--k3); padding:0px 20px 7px 20px; position:relative;}
#mtop > ul > li > a:after {  content: ''; height: 3px; background-color:var(--k2) ; display: block; width:0; position:absolute; bottom:0px; left:0px; transition: 0.8s all; }
#mtop > ul > li:hover > a:after { width:100%;}

#mtop > ul > li.mf > ul { position:absolute; z-index:222; left:0px; top:40px; background:#fff; width:100%; padding:60px 5% 20px 5%; display:none; border-bottom:1px solid var(--k4); }
#mtop > ul > li.mf > ul > li { width:18%; margin:0px 1% 0px 1%; position:relative; float:left;}
#mtop > ul > li.mf > ul > li a { height:60px; line-height:20px; width:100%; float:left; font-size:16px; color:var(--k3) !important; display:flex; align-items:center;}
#mtop > ul > li.mf > ul > li a:hover {color:var(--k2) !important;}
#mtop > ul > li.mf > ul > li a img { width:auto !important; height:50px !important; margin-right:20px; opacity:0.7;}
#mtop > ul > li.mf > ul > li:hover a img { opacity:1;}

#mtop > ul > li.mf > ul > li:first-of-type { display:none;}


#mtop > ul > li.mo > ul { position:absolute; z-index:222; left:0px; top:40px; background:#fff; width:100%; padding:60px 5% 20px 5%; display:none; border-bottom:1px solid var(--k4); }
#mtop > ul > li.mo > ul > li { width:18%; margin:0px 1% 2% 1%; position:relative; float:left;}
#mtop > ul > li.mo > ul > li a { height:60px; line-height:20px; width:100%; float:left; font-size:16px; color:var(--k3) !important; display:flex; align-items:center;}
#mtop > ul > li.mo > ul > li a:hover {color:var(--k2) !important;}
#mtop > ul > li.mo > ul > li a img { width:auto !important; height:50px !important; margin-right:20px;}

#mtop > ul > li.mo > ul > li:first-of-type { display:none;}


#mtop > ul > li.mm > ul { position:absolute; z-index:222; left:0px; top:40px; background:#fff; width:100%; padding:80px 10% 40px 10%; display:none; border-bottom:1px solid var(--k4); }
#mtop > ul > li.mm > ul > li { width:23%; margin:0px 1% 0px 1%; position:relative; float:left;}
#mtop > ul > li.mm > ul > li a { height:100px;  width:100%; float:left; font-size:16px; color:var(--k3) !important; display:flex; justify-content:space-between; flex-direction:column;}
#mtop > ul > li.mm > ul > li a:hover {color:var(--k2) !important;}
#mtop > ul > li.mm > ul > li a img { width:50% !important; height: auto !important; display:block; margin:0px auto; max-height:50px;}
#mtop > ul > li.mm > ul > li a span { width:100%; display:block; text-align:center; padding:10px 0px;}

#mtop > ul > li.mm > ul > li:first-of-type { display:none;}



#top fieldset { padding:0px; margin:0px; border:none; position:relative;}
#top fieldset .txt { width:350px; border:none; box-shadow: 0 0 0 1px var(--k4); padding:0px 50px 0px 15px; height:35px; font-family: "Roboto", sans-serif; font-size:12px; border-radius: 10px;}
#top fieldset .txt:hover , #top fieldset .txt:focus {box-shadow: 0 0 0 1px var(--k1);} 
#top fieldset .guz { width:35px; height:35px; background:none; border:none; cursor:pointer; background:url(../graf/Szukaj.svg) no-repeat center; background-size:20px; position:absolute; z-index:2; right:0px; top:0px; }
#top fieldset .guz:hover {background-size:15px;}

#cat fieldset { padding:0px; border:none; position:relative; width:60%; display:block; margin:0px auto;}
#cat fieldset .txt { width:100%; border:none; box-shadow: 0 0 0 1px var(--k4); padding:0px 50px 0px 15px; height:35px; font-family: "Roboto", sans-serif; font-size:12px; border-radius: 10px;}
#cat fieldset .txt:hover , #top fieldset .txt:focus {box-shadow: 0 0 0 1px var(--k1);} 
#cat fieldset .guz { width:35px; height:35px; background:none; border:none; cursor:pointer; background:url(../graf/Szukaj.svg) no-repeat center; background-size:20px; position:absolute; z-index:2; right:0px; top:0px; }
#cat fieldset .guz:hover {background-size:15px;}


#baner { width:100%; background:var(--szary); float: left; position:relative;}
#baner video { width: auto; height:500px; float:right; }
#baner span { position:absolute; z-index:2; left:0px; top:0px; width:60%; height:100%;  background: rgb(247,247,251); background: linear-gradient(90deg, rgba(247,247,251,1) 50%, rgba(247,247,251,0) 100%); }

#opisb { position:absolute; z-index:5; left:5%; top: 50%;  transform: translate(0, -50%); width:35%;}
#opisb h1 { color:var(--k1); font-size:4.8vh; line-height:5.2vh; position:relative; padding-bottom:15px; margin-bottom:20px; }
#opisb h1 strong { display:block; font-size:2.4vh; line-height:2.8vh;}
#opisb h1:after {  content: ''; height: 5px; background-color:var(--k2) ; display: block; width:150px; position:absolute; bottom:0px; left:0px; }

.tyt , .tyt2 { font-size:3rem; line-height:3.5rem; color:var(--k1); position:relative; padding-bottom:10px; margin-bottom:20px; text-align:center;}
.tyt strong , .tyt2 strong { display:block; font-size:1.8rem; line-height:2.2rem;}
.tyt:after , .tyt2:after {  content: ''; height: 3px; background-color:var(--k2) ; display: block; width:100px; position:absolute; bottom:0px; left:50%; margin-left:-50px; }

.tyt2 { text-align:left;}
.tyt2:after {  left:0px; margin-left:0px; }

#ofertahome { width:100%; padding:0px var( --p5); position:relative; top:-40px; z-index:50; }
.podstrona #ofertahome { width:100%; padding: var( --p3) var( --p5) var( --p2) var( --p5); top:0px;}


#ofertahome ul { display:flex; justify-content:center;}
#ofertahome ul li { width:8%; margin:0px 0.5%; position:relative; padding-bottom:20px;}
#ofertahome ul li .ico { width:100%; box-shadow: 0 0 0 1px var(--k4); }
#ofertahome ul li:hover .ico {box-shadow: 0 0 0 1px var(--k1);}
#ofertahome ul li .ico img { width:100% !important; height:auto !important; display:block; }
#ofertahome ul li h2 { background:var(--k2); color:#fff; text-align:center; font-size:12px; line-height:10px; position: absolute; z-index:5; left:0px; bottom:20px; width:100%; padding:10px;}
#ofertahome ul li:hover h2 { bottom:50px;}
#ofertahome ul li:after {  content: ''; height: 3px; background-color:var(--k1) ; display: block; width:70px; position:absolute; bottom:0px; left:50%; margin-left:-35px; transition: 0.8s all; }
#ofertahome ul li:hover:after { width:30px; margin-left:-15px;}

a.wiecej { width:100%; height:100%; position:absolute; z-index:22; left:0px; top:0px; text-indent:-99999px; }


#button {display:inline-block; background: var(--k1); width:50px; height:50px;  text-align: center; position: fixed; bottom: 100px; right: 20px; opacity: 0; visibility: hidden; z-index: 1000; cursor:pointer;  }
#button img { width:20px !important; height:20px !important; margin-top:15px;}
#button:hover { background:var(--k2);   }
#button.show {opacity: 1; visibility: visible;}

#grupy { width:100%; padding:0px var( --p5) var( --p2) var( --p5);}

#grupy ul { width:102%; margin-left:-0.5%; display:flex; justify-content:flex-start;}
#grupy ul li { width:24%; margin:0px 0.5%; position:relative; box-shadow: 0 0 0 1px var(--k1); padding:0px 1% 1% 1%; }
#grupy ul li .ico { width:100%; display: flex; align-items:center; justify-content:center; height:150px;}
#grupy ul li .ico img { max-width:70%; max-height:60px;}
#grupy ul li .txt p { font-size:14px; line-height:25px; margin-bottom:0px; }
#grupy ul li .txt h2 { font-size:16px; color:var(--k1); text-align:left;}
#grupy ul li:hover .txt h2 { color:var(--k2);}

#grupy ul li:nth-child(1) { width:33%; padding:2%; background:var(--k1); color:#fff; display:flex; justify-content:space-between; flex-direction:column;}
#grupy ul li:nth-child(1) .tyt2 { color:#fff;}
#grupy ul li:nth-child(1) p { line-height:30px; font-size:16px; margin-bottom:0px;}

#promocja { width:100%; padding:var(--p3) 0px;   }


#infopromocja { width:100%; display:flex; justify-content:space-between; align-items:center; position:relative;}
#infopromocja .box:nth-child(1) { width:29.5%; left:15%; position:absolute; z-index:2;}
#infopromocja .box:nth-child(1) img { width:100% !important; height:auto !important; display:block;}
#infopromocja .box:nth-child(2) { width:100%; background:var(--szary); padding:2% 15% 2% 46.5%;}

a.wiecej2 {width:350px; color:#fff !important; font-size:14px; line-height:50px; text-align:center; display:block; margin-top:40px; background:var(--k1); position:relative; }
a.wiecej2 span { position:relative; z-index:5;}
a.wiecej2:after {  content: ''; height: 100%; background-color:var(--k2) ; display: block; width:0px; position:absolute; z-index:2; top:0px; left:50%; transform: translate(-50%, 0); transition: 0.8s all; }
a:hover.wiecej2:after { width:100%;}

#obsluga { width:100%; padding:0px var( --p5) var( --p3) var( --p5); }
#obsluga ul { display:flex; justify-content:center;}
#obsluga ul li { width:17%; margin:0px 1%;}
#obsluga ul li .ico { width:100%;}
#obsluga ul li .ico img { width:auto; height:70px; opacity:0.4; display:block; margin:20px auto;}
#obsluga ul li .txt { width:100%;  text-align:center;}
#obsluga ul li .txt h2 { font-size:16px; color:var(--k1); margin-bottom:20px;}
#obsluga ul li .txt p { margin-bottom:0px; font-size:14px; line-height:25px; height:100px; overflow:hidden;}
#obsluga a.wiecej2 { margin:60px auto auto;}

#katalog { width:100%; padding:var( --p3) 0px; }

#infokatalog { width:100%; display:flex; justify-content:space-between; align-items:center; position:relative;}
#infokatalog .box:nth-child(1) { width:22%; position:absolute; z-index:2; left:20%;}
#infokatalog .box:nth-child(1) img { width:100% !important; height:auto !important; display:block;} 
#infokatalog .box:nth-child(2) { width:100%; background:var(--szary); padding:2% 20% 2% 45%;}

/* ---------------------------------  carusela -------------------------------------*/

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
    -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none;}
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table;  content: '';}
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none;}


.slider-for .item { position:relative; overflow:hidden; width:100%;}
.slider-for .item img { width:100% !important; height: auto !important;}
.slick-prev , .slick-next { border:none; cursor:pointer; border-radius: 50%; position:absolute; z-index:20; width:40px; height:40px; bottom:5%; font-size:0px; }
.slick-prev ,.slick-next {background:rgba(255,255,255,0.5);}
.slick-prev:hover , .slick-next:hover {background:rgba(255,255,255,1);}


.slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; margin: 0 4px; padding: 0; }
.slick-dots li button { display: block; width: 50px; height: 6px; cursor: pointer; background:var(--k1); border:none; line-height:0; font-size:0; }
.slick-dots li.slick-active button { background:var(--k2); width:70px;}
.slick-dots li button:hover { background:var(--k2);}

/* ---------------------------------  end carusela -------------------------------------*/

#realizacje { width:100%; padding:var( --p2) var( --p15);}
#realizacje .lista { padding:0px 10%; text-align:center;}
#realizacje a.wiecej2 { margin:60px auto auto;}

.realizacjehome { padding-bottom:20px;}
.realizacjehome .item { padding:0px 10px; position:relative;}
.realizacjehome .item .ico { width:100%; overflow:hidden;}
.realizacjehome .item .ico img { width:100% !important; height:auto !important; float:left;}
.realizacjehome .item .txt { padding-top:30px;}
.realizacjehome .item .txt h2 { font-size:18px; color:var(--k1); text-align:left; margin-bottom:10px;}


#ingograf { width:100%; padding:var( --p2) var( --p10);}

.graff { padding-bottom:40px;}
.graff .item { position:relative; overflow:hidden;}
.graff .item .ico { width:100%;}
.graff .item .ico img { width:100% !important; height:auto !important; float:left;}
.graff .item .txt { width:35%; padding:2%; background:var(--k1); color:#fff; position:absolute; left:2%; bottom:4%; z-index:5; opacity:0;}
.graff .item .txt h2 { color:#fff;}
.graff .item .txt p { margin-bottom:0px; height:90px; overflow:hidden;}
.graff .item .txt a.wiecej2 { box-shadow: 0 0 0 1px #fff;}

#newshome { width:100%; padding:var( --p2) var(--p20);}
#newshome a.wiecej2 { margin:40px auto auto;}

.newshome { padding-bottom:40px;}
.newshome .item { position:relative; overflow:hidden; padding:5px 10px;}
.newshome .item .itemall {box-shadow: 0 0 0 1px var(--k1);}
.newshome .item:hover .itemall { box-shadow: 0.3rem 0.2rem 0.5rem 0rem rgba(0,0,0,0.1);}
.newshome .item .ico { width:100%; overflow:hidden;} 
.newshome .item .ico img { width:100% !important; height:auto !important; float:left;}
.newshome .item .txt { width:100%; padding:20px; clear:both;}
.newshome .item .txt h2 { font-size:18px; line-height:25px; height:50px; overflow:hidden; text-align:left; color:var(--k1); margin-bottom:10px;  }
.newshome .item .txt p { margin-bottom:0px; height:90px; overflow:hidden;}

#faq { width:100%; padding:var(--p3) var(--p20);}
.podstrona #faq { width:100%; padding:var(--p3) 0px;}


.accordion__container { width:100%; }
.accordion__header { width:100%; padding:15px 20px;  cursor: pointer; border:none; border-bottom:1px solid var(k1); font-size:2rem; text-align:left; display:flex; align-items:center; }
.accordion__header:hover {background:var(--szary); }
.accordion__header h2 { display: inline-block; color:var(--k1);}

.accordion-open .accordion__header { border-bottom: none !important;}
.accordion__description { width:100%; padding:20px; border-bottom:1px solid var(--k1); }
.accordion__icon { transition: .3s;}
.accordion__item {  position: relative; transition: all .25s ease;}
.accordion__item::after { content: ''; width: 5px;  height: 100%;  position: absolute;  top: 0;  left: 0;}
.accordion__content {  overflow: hidden;  height: 0;  transition: all .25s ease;}
.accordion-open .accordion__icon { transform: rotate(45deg);}

.bx { font-style: normal;  font-variant: normal; display: inline-block; text-transform: none; speak: none; -webkit-font-smoothing: antialiased;  margin-right:20px; font-size:2.2rem; line-height:30px;}
.bx-plus::before { content: "+"; color:var(--k2);}


#footer { width:100%; padding:var(--p3) var(--p10); background:var(--szary); display:flex; justify-content:space-between; font-size:14px; line-height:25px; }
#footer .dol img { width:auto; height:30px; display:block; margin-bottom:20px;}
#footer .dol a { color:var(--k5);}
#footer .dol a:hover { text-decoration:underline;}
#footer .dol h3 { color:var(--k1); font-size:16px; margin-bottom:20px; text-align:left;}


#podpis { background:var(--szary); width:100%; text-align:center; font-size:12px;}
#podpis div { width:90%; margin:0px var(--p5); border-top:1px solid var(--k1); padding:20px 0px;}

#dolinfo { width:100%; padding:0px 5%; text-align:center; background:#eee;}
#dolinfo img { max-width:100%; height:auto !important;}

#bre { width:100%; padding:1% var(--p5) 1% var(--p5); font-size:11px; color:#282828; text-align:left; line-height:20px;}
#bre a {color:#282828}
#bre a:hover { text-decoration:underline;}
#bre .separator { padding:0px 5px;}

#cat { width:100%; padding:0px var(--p10) var(--p3) var(--p10);}
.opiskat { text-align:center; padding:0px var(--p10);}

.opis-cat { width:100%; padding:0px var(--p10); display:flex; justify-content:space-between;}
.opis-cat .box { width:100%;}
.opis-cat .box .lista img { width:100% !important; height:auto; display:block;}
.opis-cat .box:nth-child(1) .lista { padding-right:var(--p2);}
.opis-cat .box:nth-child(2) .lista { padding-left:var(--p2);}


ul.grupa { width:102%; margin-left:-1%; display:flex; justify-content:center; flex-wrap:wrap;}
ul.grupa li { width:23%; margin:0px 1% 2% 1%;}
ul.grupa li .ico { width:100%; overflow:hidden;}
ul.grupa li .ico img { width:100% !important; height:auto !important; float:left;}
ul.grupa li .txt { width:100%; padding-top:30px;}
ul.grupa li .txt h2 { font-size:18px; text-align:left; color:var(--k1); margin-bottom:10px;}

#page-realizacje { width:100%; padding:0px 10.9%; display:flex; justify-content:space-between; align-items:center; margin-bottom:1%; }
#page-realizacje .box:nth-child(1){ width:40%; overflow:hidden; }
#page-realizacje .box:nth-child(1) img { width:100% !important; height:auto !important; display:block;}
#page-realizacje .box:nth-child(2){ width:58%;}

#page-news { width:100%; padding:0px 10.9%; display:flex; justify-content:space-between; align-items:center; margin-bottom:1%; }
#page-news .box:nth-child(1){ width:40%;}
#page-news .box:nth-child(1) .lista p:first-of-type { font-size:20px; color:var(--k1);}
#page-news .box:nth-child(2){ width:58%; overflow:hidden; }
#page-news .box:nth-child(2) img { width: auto !important; height:auto !important; max-width:100%; display:block; margin:0px auto;}

#page-warszawa { width:100%; padding:0px 10.9%; display:flex; justify-content:space-between; align-items:center; margin-bottom:1%; }
#page-warszawa .box:nth-child(1){ width:38%; position:relative; }
#page-warszawa .box:nth-child(1) img { width:100% !important; height:auto !important; display:block;}

#page-warszawa .box:nth-child(1) img.wawa{ position:absolute;  z-index:10; left:50%; top: 50%;  transform: translate(-50%, -50%); width:70% !important; height:auto !important; box-shadow: 0 0 0 1px #fff;  }
#page-warszawa .box:nth-child(1) img.imgbgwawa{ opacity:0.5; filter: blur(10px) grayscale(0); transform: rotate(6deg); position:relative; z-index:-1;   }

#page-warszawa .box:nth-child(2){ width:60%;}
#page-warszawa .box:nth-child(2) .lista p:first-of-type { font-size:20px; color:var(--k1);}

#page-kontakt { width:100%; padding:0px 10.9%; display:flex; justify-content:space-between; align-items: flex-end; margin-bottom:1%; }
#page-kontakt .box:nth-child(1){ width:30%; overflow:hidden; }
#page-kontakt .box:nth-child(1) a {color:var(--k3);}
#page-kontakt .box:nth-child(1) a:hover { text-decoration:underline;}
#page-kontakt .box:nth-child(2){ width:68%;}

#map { width:100%; height:600px; margin-top:var(--p3);}
#map iframe { width:100%; height:100%;}


#page-all {  width:100%; padding:0px 10.9%; margin-bottom:1%; }
#page-firma {  width:100%; padding:0px 20%; margin-bottom:1%;  }

#page-produkt { width:100%; padding:0px var(--p5); display:flex; justify-content: space-between; align-items:center;  min-height:700px; margin-bottom:var(--p2);}
#page-produkt > .box:nth-child(1) { width:55%; display:flex; justify-content:space-between; flex-direction: column;}
#page-produkt > .box:nth-child(2) { width:40%; display:flex; justify-content:space-between; align-items:center; position:relative;}

.zdjecie { width:80%; position:relative; }
.zdjecie .item { width:100%; overflow:hidden;}
.zdjecie .item img { width: auto !important; height:700px !important; display:block; position:relative; left:50%; transform: translate(-50%, 0);  }

#page-produkt > .box.czap .item img { width: 100% !important; height: auto !important;  }


.kolory { width:17%; }
.kolory span { width:100%; display:block; text-align:center; font-size:12px; color:var(--k1); padding-bottom:5px; line-height:20px;}

.kolory .infokolory { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.kolory .infokolory .item { padding:1px; width:50% !important;}
.kolory .infokolory .item img { width:100% !important; height:auto !important; display:block; cursor:pointer;}
.kolory .infokolory .slick-list { width:100%;}
.kolory .infokolory .slick-track {transform: translate3d(0px, 0px, 0px) !important; width:100% !important;}
.kolory .infokolory .slick-current img { }

.infopromo { width:100%; margin-bottom:2%;}
.infokontakt { font-size:14px; display:flex; justify-content:space-between; margin-bottom:20px;}
.infokontakt a.wiecej2 { width:100%; margin:0px; }

.infokontakt .box { width:49%; padding:2%; box-shadow: 0 0 0 1px var(--k4); display:flex; justify-content: space-between ; flex-direction:column; text-align:center;  }
.infokontakt .box img { display:block; margin:5px auto 10px auto; width:auto !important; height:35px !important;}


a.telpro , .infokontakt .box strong{ display:block; font-size:22px; color:var(--k1);}
a:hover.telpro {color:var(--k2);}

.listalast p { margin-bottom:0px !important;}

#opisprodukt { width:100%; padding:var(--p2) var(--p20); background:var(--szary); text-align:center; }
#charakterystyka { width:100%; padding:var(--p2) 5% var(--p2) 35%; position:relative; overflow:hidden; min-height:500px;}
#fotchar { position:absolute; z-index:-1; left:0; top:0; width:40% !important; height:auto !important; }

ul.ikonycert { width:100%; display:flex; justify-content:flex-start; flex-wrap:wrap;}
ul.ikonycert li { width:100%; margin:0px 0px 2% 0px; display:flex; justify-content: flex-start; align-items:center; line-height:25px;}
ul.ikonycert li img { margin-right:20px; width:60px !important; height:auto !important;}
ul.ikonycert li p { margin-bottom:0px; font-size:14px; }
ul.ikonycert li h2 { color:var(--k1); font-size:16px;}
ul.ikonycert li a { color:var(--k2);}
ul.ikonycert li a:hover { text-decoration:underline;}

ul.opismarki { width:100%;}
ul.opismarki li { width:100%; display:flex; justify-content: flex-start; align-items:center; line-height:25px; font-size:14px;}
ul.opismarki li img { margin-right:20px; width: auto !important; height:100px !important; box-shadow: 0 0 0 1px var(--k4);}
ul.opismarki li p { margin-bottom:0px; font-size:14px; }
ul.opismarki li a {color:var(--k2);}
ul.opismarki li a:hover { text-decoration:underline;}

#opisplus { width:100%; padding:var(--p2) var(--p20); text-align:center;}




/* ------------------  video i tabela ------------------- */

.hbps-responsive-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 0 auto; margin-bottom:20px; width:1000px; max-width:100%; }
.hbps-responsive-video iframe, .hbps-responsive-video object, .hbps-responsive-video embed, .hbps-responsive-video video { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;}
.wp-video { width:1000px !important;}


.tableall { width:100%; overflow-x:auto; margin-bottom:30px;  }
.lista table { width:100%; border-spacing: 0px; border-collapse: separate; margin-bottom:20px;  box-sizing:content-box !important; border-top:1px solid #eee;   }
.lista table tr td { padding:10px; text-align:center; vertical-align:top; background:#fff; box-sizing:content-box !important; min-width:100px; border-bottom:1px solid #eee; border-left:1px solid #eee; font-size:14px; line-height:25px;}
.lista table tr td:last-child {border-right:1px solid #eee;}
.lista table tr:nth-child(2n) td { background:#f7f9fb; box-sizing:content-box !important; min-width:100px;}


.lista table#prasowanie { width:100%; border-spacing: 0px; border-collapse: separate; margin-bottom:20px;  box-sizing:content-box !important; border-top:1px solid #eee;   }
.lista table#prasowanie tr td { min-width:70px; padding:10px; text-align: left; vertical-align: middle; background:#fff; box-sizing:content-box !important; border-bottom:1px solid #eee; border-left:1px solid #eee; font-size:14px; line-height:25px;}
.lista table#prasowanie tr td:last-child {border-right:1px solid #eee;}
.lista table#prasowanie tr:nth-child(2n) td { background:#fff; box-sizing:content-box !important; min-width:100px;}
.lista table#prasowanie tr td img { width:70px !important; height:auto !important; display:block; margin:0px auto;}
.lista table#prasowanie tr td:nth-child(1) { width:70px; }

/* ------------------  end video i tabela ------------------- */


/* Lista*/

.lista { width:100%; position:relative; }
.lista img { max-width:100% !important; height:auto !important;}
.lista p { margin-bottom:20px;}
.lista a  { color:#252525; background-image: linear-gradient(var(--k2), var(--k2)); background-size:100% 2px; background-repeat:no-repeat; background-position:100% 100%; transition: background-size .7s, background-position .5s ease-in-out;}
.lista a:hover { background-size: 100% 100%; background-position: 0% 100%; transition: background-position .7s, background-size .5s ease-in-out;}

.lista ul { list-style:none; padding:0px 0px 0px 20px; display: table; }
.lista ul > li { background:url(../graf/li1.svg) no-repeat 0px 8.5px; padding-left:30px; text-align:left; background-size:12px;}
.lista ul > li > ul > li {background:url(../graf/li1.svg) no-repeat 0px 12px; background-size:6px;}
.lista > ul > li:last-child { padding:0px 0px 20px 30px;}

.lista ol {padding:0px 0px 0px 20px; display: table; list-style-position: outside; }
.lista ol > li {padding-left:10px; text-align:left; }
.lista ol > li > ol { padding-left:40px;}
.lista ol > li > ol > li { list-style:lower-alpha;}
.lista ol > li > ol > li > ol > li { list-style:upper-roman;}
.lista ol > li > ol > li > ol > li > ol > li { list-style:upper-alpha; }
.lista ol > li > ol > li > ol > li > ol > li > ol > li { list-style:lower-alpha; }
.lista > ol > li:last-child { padding:0px 0px 20px 10px;}

.lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5, .lista h6 { text-align:left; font-size:2.6rem; line-height:3rem; position:relative; padding:20px 0px 10px 0px; color:var(--k1);}

/* END Lista*/

.lista a.wiecej2  { color:#fff; background-image: none ; background-size: contain;  background-position: inherit; transition:none; }

.lista a.wiecej2:hover { background-size: auto; background-position: inherit; transition: none; }



/* ------------------------- strony BOX Biały ----------------------------- */


.box100 { width:100%; padding:0px; margin-bottom:1%; }
.box90 { width:100%; padding:0px 5%; margin-bottom:1%; }
.box80 { width:100%; padding:0px 10%; margin-bottom:1%;}
.box70 { width:100%; padding:0px 15%; margin-bottom:1%;}
.box60 { width:100%; padding:0px 20%; margin-bottom:1%;}

.box-bialy { width:100%; margin-left:0px;}
.box-obrys { width:104%; box-shadow: 0 0 0 1px var(--k4); padding:2%; margin-left:-2%;}
.box-szary { width:104%; background:var(--szary); padding:2%; margin-left:-2%;}
.box-cien { width:104%; background: url(../graf/Promostars-BG.jpg) no-repeat; background-attachment:fixed !important; background-size:cover; padding:2%; margin-left:-2%;  }
.box-video { width:104%; position:relative; overflow:hidden; padding:2%; margin-left:-2%;}
.box100 .box-cien , .box100 .box-video { padding:5%;}

.page { display: flex; justify-content:space-between;}
.page .box { padding:1%; display:block; margin:0px auto; }



.page .box img { width:100% !important; height:auto !important; display:block;}
.page .box img.alignleft , .page .box img.alignleft { float:left; margin-right:10px; width:auto !important; height:auto !important;}

.page .box p:last-of-type { margin-bottom:0px; }
.page .box .lista h1:first-of-type , .page .box .lista h2:first-of-type , .page .box .lista h3:first-of-type , .page .box .lista h4:first-of-type , .page .box .lista h5:first-of-type , .page .box .lista h6:first-of-type 
{ padding:0px 0px 20px 0px;}


.page-top { align-items: flex-start;}
.page-center {align-items: center;}
.page-bottom { align-items: flex-end;}

.box-30-70 { display: flex;}
.box-30-70 .box:nth-child(1) {  width:30%; }
.box-30-70 .box:nth-child(2) {  width:70%; }

.box-40-60 { display: flex;}
.box-40-60 .box:nth-child(1) {  width:40%; }
.box-40-60 .box:nth-child(2) {  width:60%; }

.box-60-40 { display: flex;}
.box-60-40 .box:nth-child(1) {  width:60%; }
.box-60-40 .box:nth-child(2) {  width:40%; }

.box-70-30 { display: flex;}
.box-70-30 .box:nth-child(1) {  width:70%; }
.box-70-30 .box:nth-child(2) {  width:30%; }

.box-50-50 { display: flex; width:100%;}
.box-50-50 .box:nth-child(1) {  width:100%; }
.box-50-50 .box:nth-child(2) {  width:100%; }

.box-30-30 { display: flex; width:100%;}
.box-30-30 .box {  width:33.3%; }

.background-video {width: auto !important;  min-width:100% !important; min-height:100% !important; position: absolute; left:0; right:0; top:0; bottom:0; z-index: -1;}

@media only screen and (max-width: 1500px)
{
.box80 { padding:0px 5%;}
.box70 { padding:0px 10%;}
.box60 { padding:0px 15%;}
}

@media only screen and (max-width: 1300px)
{
.box70 { padding:0px 5%;}
.box60 { padding:0px 10%;}
.page-center {align-items: flex-start;}
}

@media only screen and (max-width: 1200px)
{
.box60 { padding:0px 5%;}
}

@media only screen and (max-width: 1100px)
{
.page , .box-40-60 , .box-60-40 , .box-30-70 , .box-70-30 , .box-50-50 , .box-30-30{ flex-wrap:wrap; }
.page .box { width:100%; padding:0px; }
.hbps-responsive-video { width:100%;}
.box-30-70 .box:nth-child(1) , .box-30-70 .box:nth-child(2) , .box-40-60 .box:nth-child(1) , .box-40-60 .box:nth-child(2) , .box-60-40 .box:nth-child(1) , .box-60-40 .box:nth-child(2) , .box-70-30 .box:nth-child(1) , .box-70-30 .box:nth-child(2) , .box-50-50 .box:nth-child(1) , .box-50-50 .box:nth-child(2) {  width:100%; }
.box-obrys { width:100%; margin:0px 0px 3% 0px; padding:5%;}
.box-szary { width:100%; margin:0px 0px 3% 0px; padding:5%;}
.box-cien { width:100%; margin:0px 0px 3% 0px; padding:5%;  }
.box-video { width:100%; margin:0px 0px 3% 0px; padding:5%;}
.page .box p:last-of-type { margin-bottom:20px; }
.order1 { order: -1;}
}


/* ------------------------- END strony BOX Biały ----------------------------- */


.inne { width:100%; padding:var(--p3) var(--p10);}

/*page navi*/
.wp-pagenavi { padding:2% 0px 5% 0px; width:100%; display: flex; justify-content:center;  }
.wp-pagenavi .pages { color:#fff; margin-right:10px; background:var(--k1);  }
.wp-pagenavi a { color:#fff; margin-right:5px; background:var(--k1); }
.wp-pagenavi .current , .wp-pagenavi a:hover {  background:var(--k2); margin-right:5px; color:#fff;   }	
.wp-pagenavi span , .wp-pagenavi a , .wp-pagenavi span.current  { width:40px; height:40px; line-height:40px; text-align: center !important; display:inline-block; }
.wp-pagenavi span.pages { padding:0px 20px; width:auto;  height:40px; line-height:40px; }


/* Galeria*/

.lista ul.galeria { width:101%; margin-left:-0.5% !important; margin:0px; padding:0px; display:flex; flex-wrap:wrap; justify-content:center; }
.lista ul.galeria li  { width:19%; position:relative; margin:0px 0.5% 1% 0.5%; padding:0px; background:none; overflow:hidden; }
.lista ul.galeria li a , ul.galeria li a img {	display: block;	position: relative; }
.lista ul.galeria li a img { width:100% !important; height:auto !important; }
.lista ul.galeria li a div { position: absolute; background: url(../graf/zoom.png) no-repeat center center rgba(0,62,129,0.6); background-size:20%; width: 100%; height: 100%; visibility:hidden; }
.lista ul.galeria li:hover a div { visibility:visible;}
.lista ul.galeria li a  { color: ; background-image: none ; background-size:0px; transition: none;}
.lista ul.galeria li a:hover { background-size:0px; transition: none ;}


/* end Galeria*/

#pytanie { width:100%; padding:var(--p5) var(--p5) 0px var(--p5); display:flex; justify-content:space-between; }
#pytanie .box:nth-child(1) { width:37%; background:var(--szary); padding:2%; display:flex; flex-direction:column; justify-content:center;}
#pytanie .box:nth-child(1) p { margin-bottom:0px;}
#pytanie .box:nth-child(2){ width:62%; }


/*formularz*/

.formularz { width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; padding-top:2px; }
.formularz p { margin-bottom:0px; width:100%;}
.formularz span { width:100%; position:relative; display:block;}

.formularz input , .formularz textarea , .formularz select { width:100%; height:50px; line-height:50px; border: none; padding:0px 15px; box-shadow: 0 0 0 1px var(--k4); background:none; font-family: "Roboto", sans-serif; font-size:16px; margin-bottom:14px;}
.formularz input:hover, .formularz textarea:hover, .formularz select:hover { box-shadow: 0 0 0 1px var(--k1);  }
.formularz input:focus, .formularz textarea:focus, .formularz select:focus  { box-shadow: 0 0 0 1px var(--k1); }
.formularz textarea { height:100px; padding:0px 15px;}

input.wpcf7-submit { width:350px; line-height:50px; color:#fff; background:var(--k1); border:none; padding:0px;  font-size:14px; text-align:center; cursor:pointer; margin-top:30px; display:block; }
input:hover.wpcf7-submit {background:var(--k2); box-shadow: none; }

.formularz span.wpcf7-not-valid-tip { position:absolute; z-index:4; right:10px; top:-35px; background:var(--k2); color:#fff; padding:0px 2%; width:auto; line-height:30px; font-size:11px;}
.formularz span.wpcf7-not-valid-tip:after {content: ''; height: 10px; width:10px; background-color:var(--k2); display: block; position:absolute; bottom:-5px; left:20px; transform: rotate(45deg); }

.formularz .f1 { width:100%; }
.formularz .f2 { width:49%; }
.formularz .f3 { width:32.5%; }

.wpcf7 form.sent .wpcf7-response-output , .wpcf7 form.invalid .wpcf7-response-output { width:100%; padding:0px 5%; text-align:center; margin:0px; border:0px; font-size:1.6rem;}


/* end formularz */

ul.news { width:102%; margin-left:-1%; display:flex; justify-content:center; flex-wrap:wrap;}
ul.news li { width:23%; margin:0px 1% 2% 1%; position:relative; box-shadow: 0.3rem 0.2rem 0.5rem 0rem rgba(0,0,0,0.1); }
ul.news li:hover {box-shadow: 0.3rem 0.2rem 0.5rem 0rem rgba(0,0,0,0);}
ul.news li .ico { width:100%; overflow:hidden;} 
ul.news li .ico img { width:100% !important; height:auto !important; float:left;}
ul.news li .txt { width:100%; padding:20px; clear:both; line-height:25px;}
ul.news li .txt h2 { font-size:18px; text-align:left; color:var(--k1); margin-bottom:20px;  }


#pytaniepro { width:100%; background:var(--szary); padding:var(--p2) var(--p5); display:flex; justify-content:space-between;}
#pytaniepro .box:nth-child(1){ width:39%; padding:var(--p2); box-shadow: 0 0 0 1px var(--k4); display:flex; flex-direction:column; justify-content:center; }
#pytaniepro .box:nth-child(1) p { margin-bottom:0px;}
#pytaniepro .box:nth-child(2){ width:60%;}

#powiazane { width:100%; padding:var(--p3) var(--p10) 1% var(--p10);}
#powiazane2 { width:100%; padding:var(--p3) var(--p10) 1% var(--p15);}


ul.oferta { width:102%; margin-left:-1%; display:flex; justify-content:center; flex-wrap:wrap; }
ul.oferta > li { width:48%; margin:0px 1% 2% 1%; position:relative; overflow:hidden; display:flex; justify-content:space-between;  box-shadow: 0.3rem 0.2rem 0.5rem 0rem rgba(0,0,0,0.1); flex-wrap:wrap; }
ul.oferta > li:hover {box-shadow: 0.3rem 0.2rem 0.5rem 0rem rgba(0,0,0,0);}

ul.oferta li .ico { width:28%; overflow:hidden; position:relative;}
ul.oferta li .ico img { width: auto !important; height:125% !important; position:absolute; left:50%; top: 0;  transform: translate(-50%, 0);}

ul.oferta li .txt { width:70%; padding:2% 2% 90px 0px; font-size:14px; line-height:25px;}
ul.oferta li .txt a { color:var(--k3);}

ul.oferta li.czap .ico { width:35%;}
ul.oferta li.czap .ico img { height: auto !important;  width: 90% !important; left:50%; top: 50%;  transform: translate(-50%, -50%); }
ul.oferta li.czap .txt { width:63%;}
ul.oferta li.czap .icokolory { width:62%;}


ul.oferta li .txt h2 { font-size:18px; color:var(--k1); text-align:left; padding-bottom:5px; position:relative; margin-bottom:10px;}
ul.oferta li .txt h2:after {  content: ''; height: 3px; background-color:var(--k2) ; display: block; width:0; position:absolute; bottom:0px; left:0px; transition: 0.8s all; }
ul.oferta li:hover .txt h2:after { width:150px;}
ul.oferta li .txt p { display:none;}

ul.oferta li .txt ul { padding:0px; margin:0px;}
ul.oferta li .txt ul li { height:25px; overflow:hidden;}

ul.oferta li .icokolory { width:69%; position:absolute; z-index:2; right:2%; bottom:15px;}
ul.oferta li .icokolory img { width:6.8% !important; height:auto !important; float:left; margin:0px 0px 1px 1px;}

#nadrukpro { width:100%; padding:var(--p2) var(--p5); display:flex; justify-content:space-between; align-items:center; background:var(--szary); margin-top:1%; }
#nadrukpro .box:nth-child(1){ width:60%;}
#nadrukpro .box:nth-child(2){ width:38%; padding-bottom:40px;}
#nadrukpro .box:nth-child(2) .item img { width:100% !important; height:auto !important;}

.new { width:40px; height:40px; background:var(--k2); border-radius: 50%; position:absolute; z-index:3; left:2%; top:2%; color:#fff; font-size:12px; display:flex; align-items:center; justify-content:center;}

#infopromo { width:100%; padding:var(--p3) var(--p15); text-align:center;}

.rank-math-html-sitemap { display:flex; justify-content:space-between;}

.wpis { width:100%; display:flex; justify-content:space-between; align-items:center; }
.page .box .wpis img { width:25% !important; height:auto !important;}
.wpis div { width:72%;}
.wpis h2{ font-size:18px; color:var(--k1); text-align:left; padding-bottom:5px; position:relative; margin-bottom:10px;}

#newsletter { background:url(../graf/Newsletter.jpg) no-repeat; background-size:cover; background-attachment:fixed;}
.newsletterinfo { background:#FFF; width:60%; padding:5%; position:absolute; z-index:2; left:50%; top: 50%;  transform: translate(-50%, -50%); } 
 
.newsletterinfo .tnp-subscription input.tnp-submit, .newsletterinfo .tnp-profile input.tnp-submit, .newsletterinfo .tnp-unsubscribe button.tnp-submit, .newsletterinfo .tnp-reactivate button.tnp-submit {
width:350px; color:#fff !important; font-size:14px; line-height:50px; text-align:center; display:block; margin-top:40px; background:var(--k1); cursor:pointer; padding:0px; } 

.newsletterinfo .tnp-subscription input.tnp-submit:hover, .newsletterinfo .tnp-profile input.tnp-submit:hover, .newsletterinfo .tnp-unsubscribe button.tnp-submit:hover, .newsletterinfo .tnp-reactivate button.tnp-submit:hover {
background:var(--k2); } 

/* menu*/

.nav-top , .nav-drill  {display:none;}

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


.nav-top {display: flex; align-items: center; text-transform:uppercase; position:relative; margin-left:20px; }  

.nav-top .hamburger {cursor: pointer; font-size:18px; padding-right:20px; color:#252525}
.nav-top .hamburger:after { content:'\002630 '; position:absolute; top:0px; right:0px; font-size:18px; }
.nav-is-toggled .nav-top .hamburger:after { content:'\000058'; position:absolute; top:0px; right:0px; font-size:18px; } 


.nav-drill { margin-top: 0px; transform: translateX(100%); }
.nav-is-toggled .nav-drill { transform: translateX(0); left:0px;}
.nav-is-toggled::after {opacity: 1; visibility: visible;}

.nav-drill ul { width:100%;}

.nav-drill { display: flex; position: fixed; z-index:5500; top: 0; left: -500px; width: 250px; height: 100vh; background-color:#fff; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; transition: 0.45s;}
.nav-drill .nav-items {flex: 0 0 100%;}

.nav-drill .nav-link {display: block; width:100%; padding-right:20%; padding: 20px 1em; background-color:#fff; color:#222; font-size: 16px; line-height: 20px;  text-align:left; border-bottom:1px solid #eee;}
.nav-drill .nav-link:hover { background-color:var(--k1) !important; color:#fff;}


.nav-drill .menu-item a img { width:auto !important; height:30px !important; padding-right:10px;}
.nav-drill .menu-item a { display:flex; align-items:center; width:100%; padding: 25px 1em; background-color:#fff; color:#222; font-size: 14px; line-height: 20px;  text-align:left; border-bottom:1px solid #eee;}
.nav-drill .menu-item a:hover { background:#eee;}

.nav-drill .mm .menu-item a { display:block; text-align:center; width:100%;}
.nav-drill .mm .menu-item a img { width:60% !important; height: auto !important; padding-right:0px;  display:block; margin:0px auto 10px auto !important;}


.menu-image-title-after.menu-image-title { padding-left: 0px;}



.nav-drill .nav-expand-content { position: absolute; top: 0; left:0px; width: 100%; height: 100%; transform: translateX(100%); background-color: #f7f9fb; transition: 0.3s; visibility: hidden;}
.nav-drill .nav-expand-content .nav-back-link {display: flex; align-items: center; }

.nav-drill .nav-expand-content .nav-back-link { }
.nav-drill .nav-expand-link { display: flex; justify-content: space-between;}

.nav-drill .nav-expand-link {}
.nav-drill .nav-expand.active > .nav-expand-content { transform: translateX(0); visibility: visible;}

.nav-expand .nav-expand-content { background-color:#fff;}
.nav-expand .nav-expand-content .nav-link { background-color:#fff;}
.nav-expand .nav-expand-content .nav-expand-content { background-color:#fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-link { background-color:#fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content { background-color:#fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link { background-color:#fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content { background-color:#fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link { background-color:#fff;}


.nav-drill .nav-expand > .nav-link { background:#fff url(../graf/prawa.svg) no-repeat 90% center; background-size:15px; }
.nav-drill .nav-expand > .nav-link:hover { background:var(--k1) url(../graf/prawa2.svg) no-repeat 90% center; background-size:15px;}

.nav-drill .nav-expand-content .nav-back-link { background:var(--k1) url(../graf/lewa2.svg) no-repeat 90% center !important; background-size:15px !important; color:#fff; }
.nav-drill .nav-expand-content .nav-back-link:hover { background:var(--k1) url(../graf/lewa2.svg) no-repeat 90% center !important; background-size:15px !important; color:#fff; }

}

/* END menu*/

.filter-colors { width:100%; margin-bottom:10px; display:flex; justify-content: flex-start; flex-wrap:wrap; box-shadow: 0 0 0 1px var(--k4); padding:15px; }
.filter-colors label img { width:50px !important; height: auto!important;}
.filter-colors label { display:flex; align-items:center; margin:0px 5px 5px 0px;}

.filter-metody { width:100%; margin-bottom:10px; display:flex; justify-content: flex-start; flex-wrap:wrap; box-shadow: 0 0 0 1px var(--k4); padding:15px; }
.filter-metody label img { width:30px !important; height: auto!important; margin-left:5px;}
.filter-metody label { display:flex; align-items:center; margin:0px 20px 5px 0px;}

.filter-rozmiary { width:100%; margin-bottom:10px; display:flex; justify-content: flex-start; flex-wrap:wrap; box-shadow: 0 0 0 1px var(--k4); padding:15px; }
.filter-metody label img { width:30px !important; height: auto!important; margin-left:5px;} label { display:flex; align-items:center; margin:0px 20px 5px 0px;}

.filter-certyfikaty { width:100%; margin-bottom:10px; display:flex; justify-content: flex-start; flex-wrap:wrap; box-shadow: 0 0 0 1px var(--k4); padding:15px; }
.filter-certyfikaty label img { width:30px !important; height: auto!important; margin-left:5px;}
.filter-certyfikaty label { display:flex; align-items:center; margin:0px 20px 5px 0px;}

.filter-marki { width:100%; margin-bottom:10px; display:flex; justify-content: flex-start; flex-wrap:wrap; box-shadow: 0 0 0 1px var(--k4); padding:15px; }
.filter-marki label { display:flex; align-items:center; margin:0px 15px 5px 0px;}

button.wiecej2 {width:350px; color:#fff !important; font-size:14px; line-height:50px; text-align:center; display:block; margin-top:40px; background:var(--k1); position:relative; border:none; cursor:pointer; }
button.wiecej2 span { position:relative; z-index:5;}
button.wiecej2:after {  content: ''; height: 100%; background-color:var(--k2) ; display: block; width:0px; position:absolute; z-index:2; top:0px; left:50%; transform: translate(-50%, 0); transition: 0.8s all; }
button:hover.wiecej2:after { width:100%;}

#filtrowaniebut { display:flex; justify-content:flex-start;}
#filtrowaniebut .wiecej2 { width:30%; margin-right:10px;} 

.kolory-filter-form h2 { width:100%; font-size:14px; margin-bottom:10px;}