html { font-size:10px; font-family: "Lato", sans-serif; max-width:1920px; display:block; margin:auto; position:relative; }
body {margin: 0px; padding: 0px; width: 100%; height: 100%; text-align: left; color:#111; line-height:30px; font-size:17px; background:#fff; }

*{box-sizing: border-box;}
.all { width:100%; position:relative; }
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 30px 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{
	--k1:#740106;	
	--k2:#ffe066;
	--k3:#f5e6c8;
	--k4:#f2a65a;	
	--k10:#f7f9fb;
	--p2:2%;		
	--p3:3%;
	--p5:5%;	
	--p10:10%;		
	--p15:15%;			
	--p20:20%;				
}

#baner { width:100%; position:relative; overflow:hidden;}
#baner img#bghome { width:100% !important; height:auto !important; display:block; } 
#baner video { width:100%;  height:100%; position:absolute; z-index:4; object-fit: cover; display:block; left:50%; top: 50%;  transform: translate(-50%, -50%); opacity:0.5;  }
#bgtop {background: #740106; background: linear-gradient(180deg, rgba(116, 1, 6, 0.6) 0%, rgba(116, 1, 6, 0) 100%); width:100%; height:40%; position:absolute; z-index:5; left:0px; top:0px;}

#top { width:100%; padding:0px 5%; height:110px; position:absolute; z-index:30; left:0px; top:0px; display:flex; justify-content:space-between; align-items:center; }
#top a#logo img { width: auto; height:80px;}
#top a#logo { display:flex;}

#mtop > ul { width:100%; display:flex; }
#mtop > ul > li > a { padding:5px 20px; display:block; color:#fff; font-size:18px; position:relative;}
#mtop > ul > li:hover > a { color:var(--k2);}
#mtop > ul > li > a:after{  content: ''; height: 3px; background-color: var(--k1) ; display: block; width:0; position:absolute; top:0px; right:0px; transition: 0.8s all; }
#mtop > ul > li:hover > a:after { width:100%;}

#mtop > ul > li > ul { position:absolute; z-index:222; left:15%; top:100px; background:var(--k2); width:70%; padding:40px 5% 20px 5%; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1); display:none;  }
#mtop > ul > li:nth-child(2) > ul { background:var(--k3);}
#mtop > ul > li > ul > li { width:32.3%; margin:0px 0.5% 1% 0.5%; position:relative; float:left; }
#mtop > ul > li > ul > li > a { height:40px; line-height:20px; width:100%; float:left; font-size:16px; color:#111; display:flex; align-items:center; justify-content:center; }
#mtop > ul > li > ul > li a:hover {color:var(--k1);}
#mtop > ul > li > ul > li > a > img { width:auto; height:40px; margin-right:20px;}

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


#menuinfo > ul , #menuinfo { display:flex; align-items:center;}
#menuinfo > ul > li > a > img { width:auto; height:30px; display:block; margin:0px auto 5px auto ;  }
#menuinfo > ul li , #menuinfo > ul > li > a { font-size:12px; color:#fff; line-height:20px; text-align:center; display:block;}
#menuinfo > ul > li { border-right:1px solid #fff; cursor:pointer; width:100px;}


#lang { height:30px; width:80px; position:relative; overflow:hidden;  }
#lang:hover { overflow:visible;  }
#lang ul { width:100%;  position:absolute; left:0px; top:30px; background: none; z-index:333;}
#lang ul li { width:100%; padding:0px 20px; line-height:30px;  }
#lang ul li a { color:#fff; font-size:13px; padding-left:25px; width:100%; line-height:30px; }
#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 3px;}
#lang ul li.lang-item-en a {  background:url(../graf/en.png) no-repeat 0px 3px;}

.podstrona #lang ul li { border:none !important;}

.podstrona #top { position:relative; margin-bottom:var(--p3);}
.podstrona #mtop ul li a { color:#111; }
.podstrona #menuinfo ul li a , .podstrona #menuinfo ul li{color:#111;}
.podstrona #menuinfo ul li { border-right:1px solid #ccc; }


#opisb { position:absolute; z-index:40; width:100%; padding:0px 40% 0px var(--p15); bottom:200px; color:#fff; }
#opisb h1 { font-size:3.6rem; line-height:4rem;}
#opisb h1 span { display:block; font-size:2.4rem; line-height:2.8rem; margin-bottom:30px;}

#wyszukiwarka { width:70%; background:var(--k1); padding:var(--p2) var(--p2); position:absolute; z-index:333; left:var(--p15); top:-150px;}
#szzkajprodukt { width:100%; display:flex; justify-content:space-between;}
#szzkajprodukt label { font-size:18px; color:var(--k3); margin-bottom:5px; display:block;}
#szzkajprodukt .box { width:32%;}
#szzkajprodukt select { width:100%; height:50px; line-height:50px; border: none; padding:0px 20px; background:none; font-family: "Lato", sans-serif; font-size:16px; background:var(--k3);}

.wiecej3 { width:32%; line-height:50px; display:block; margin:40px auto 0px auto; text-align:center; font-size:18px; color:var(--k3);  box-shadow: 0 0 0 2px var(--k3); border:none; cursor:pointer;}
.wiecej3 { background-image: linear-gradient(to right, var(--k1) 0%, var(--k1) 50%, var(--k3)  100%);}
.wiecej3 { transition: 0.8s; background-size: 200% auto;}
.wiecej3:hover { background-position: right center; color:var(--k2); }

.podstrona #wyszukiwarka { position:relative; top:0px; margin-top:var(--p3);}


a.wiecej2 { width:400px; line-height:50px; display:block; margin-top:40px; text-align:center; font-size:16px; color:#fff; background:var(--k1);}
a.wiecej2 { background-image: linear-gradient(to right, var(--k1) 0%, var(--k1) 50%, var(--k4)  100%);}
a.wiecej2 { transition: 0.8s; background-size: 200% auto;}
a.wiecej2:hover { background-position: right center; }

#nowosci .box:nth-child(2) a.wiecej2 { margin:40px 0px 0px auto;}


#najnowsze { width:100%; padding: 150px var(--p15) var(--p3) var(--p15); position:relative;}
#nowosci { width:100%; display:flex; justify-content:space-between;}
#nowosci .box { width:48.5%;}
#nowosci .box h2.hbox { font-size:18px; line-height:25px; border-bottom:1px solid var(--k1); padding-bottom:10px; margin-bottom:20px; color:var(--k1);}
#nowosci .box:nth-child(2) h2.hbox { text-align:right;}

.tyt { font-size:3rem; line-height:3.4rem; color:var(--k1); text-align:center; margin-bottom:40px;}
.podstrona .tyt {margin-bottom:10px;}

ul.oferta { width:100%; display:flex; justify-content:space-between;}
ul.oferta li { width:100%; display:flex; align-items:center; margin-bottom:2%; position:relative;}
ul.oferta li:hover { background:#fff !important;}
ul.oferta li .ico { width:80px; height:80px; display:flex; justify-content:center; align-items:center;}
ul.oferta li .ico img { width:auto; height:40px; display:block;}
ul.oferta li .tydzien { width:80px; height:80px; background:var(--k1); color:#fff; text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column; margin-right:20px;}
ul.oferta li .tydzien span { display:block; font-size:14px; line-height:18px;}
ul.oferta li .tydzien strong { display:block; font-size:24px;}
ul.oferta li .tydzien p { display:block; margin:0px; font-size:12px; line-height:18px;}
ul.oferta li h2 { font-size:18px; color:var(--k1); line-height:20px; }
ul.oferta li h2 span { font-size:14px; display:block;}
ul.oferta li:hover h2 { padding-left:10px;}

ul.oferta li.jaja { background:var(--k3);}
ul.oferta li.piskleta { background:var(--k2);}
ul.oferta li.moc { background:var(--k4);}
ul.oferta li.offoferta , ul.oferta li:hover.offoferta , ul.oferta li.offofertaen , ul.oferta li:hover.offofertaen { background:var(--k10) !important;}
ul.oferta li:hover.offoferta h2{padding-left:0px;}
ul.oferta li:hover.offoferta .tydzien { transform: scale(1); }

ul.oferta li.offoferta a.wiecej { display:none;}
ul.oferta li.offoferta:after {content: 'Wygasła'; width:80px; height:80px; background-color: var(--k1); display: block; position:absolute; top:0px; right:0px; font-size:12px; text-align:center; 
transform: rotate(90deg); color:#fff; display:flex; justify-content:center; align-items:center; }

ul.oferta li.offofertaen a.wiecej { display:none;}
ul.oferta li.offofertaen:after {content: 'Timed out'; width:80px; height:80px; background-color: var(--k1); display: block; position:absolute; top:0px; right:0px; font-size:12px; text-align:center; 
transform: rotate(90deg); color:#fff; display:flex; justify-content:center; align-items:center; }





.podstrona ul.oferta { flex-wrap:wrap;}
.podstrona ul.oferta li { width:48.5%;}


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

#nowosci .box ul.oferta { flex-direction:column;}

#button {display:inline-block; background: var(--k1); width:50px; height:50px;  text-align: center; position: fixed; bottom: 20px; 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(--k4);   }
#button.show {opacity: 1; visibility: visible;}

#ofertahome { width:100%; padding:var(--p3) var(--p10); background:var(--k10); }
#infooferta { width:100%; display:flex; justify-content:space-between;}
#infooferta .box { width:48.5%;}
#infooferta .box img { width:100% !important; height:auto !important; display:block; margin-bottom:30px; }
#infooferta .box h2 { font-size:2.2rem; color:var(--k1); margin-bottom:10px;}
#infooferta .box:nth-child(2) a.wiecej2 { margin:40px 0px 0px auto;  }


/* Kontener sekcji */
.parallax-section { position: relative; width:100%; padding:7% var(--p15); overflow:hidden;  }

.parallax-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../graf/Wolne-Kurczaki.jpg'); background-attachment: fixed; background-position: center; background-size: cover; 
transform: scale(2); z-index: -1; filter: blur(4px); will-change: transform, filter; transition: transform 0.1s linear, filter 0.1s linear; }

.content { width:100%; }
.content .box { width:70%; font-size:18px; color:#fff;}
.content .box h2 { font-size:3.6rem; line-height:4rem;}
.content .box h2 span { display:block; font-size:2.4rem; line-height:2.8rem; margin-bottom:30px;}

#footer { width:100%; padding:var(--p3) var(--p10); text-align:center; font-size:14px; line-height:25px;}
#footer img { width:auto; height:80px; display:block; margin:0px auto 20px auto;}
#footer p { margin-bottom:20px;}
#footer a , #podpis a { color:#111;}
#footer a:hover , #podpis a:hover { text-decoration:underline;}

#footer ul { display:flex; justify-content:center; padding-top:20px; line-height:16px;}
#footer ul li { border-right:1px solid #111;}
#footer ul li a { padding:0px 10px; }
#footer ul li a:hover { text-decoration:none; color:var(--k1);}

#podpis { width:90%; margin:0px 5% 0px 5%; border-top:1px solid var(--k1); padding:30px 5%; font-size:12px; display:flex; justify-content:space-between; }


#cat { width:100%; padding:0px var(--p15);}
.opiskat { width:100%; padding:0px var(--p10) 20px var(--p10); text-align:center;}
.opis-cat {display: flex; gap: 2%; flex-wrap: wrap; width:100%; padding:var(--p5) var(--p5) 0px var(--p5);}
.opis-cat > .box:first-child:last-child { width: 100%;}
.opis-cat > .box { width: 48.5%; box-sizing: border-box;}

#bre { width:100%; font-size:12px; color:#111; line-height:20px; text-align:center; margin-bottom:30px;}
#bre a { color:#111;}
#bre a:hover { text-decoration:underline;}

#page-all { width:100%; padding:0px var(--p15);}



/*logowanie*/

.logowanie { width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; }
.logowanie input , .logowanie textarea , .logowanie select { width:100%; height:50px; line-height:50px; border: none; padding:0px 10px; box-shadow: 0 0 0 1px #ccc; background:none; font-family: "Lato", sans-serif; font-size:16px; margin-bottom:14px;}
.logowanie input:hover , .logowanie textarea:hover , .logowanie select:hover { box-shadow: 0 0 0 1px var(--k1);  }
.logowanie input:focus , .logowanie textarea:focus , .logowanie select:focus { box-shadow: 0 0 0 1px var(--k1); }
.logowanie textarea { height:100px; padding:0px 10px;}

#custom-login-form , .farm-reg-container form { width:100%; display: flex; justify-content: space-between; flex-wrap:wrap; }
.logowanie .f1 { width:100%; }
.logowanie .f2 { width:100%; display: flex; justify-content: space-between;  }
.logowanie .f2 input , .logowanie .f2 select { width:49%;}
.logowanie .f3 { width:32.5%; }
.logowanie select {padding:0px 20px 0px 10px;}

.logowanie h2 { font-size:2rem; color:var(--k1); padding:20px 0px 10px 0px;}

.logowanie #new_farm_fields { width:100%;}

#farm-addresses-wrapper { width:100%;}

/* end logowanie */

.login { width:400px; line-height:50px; display:block; margin:20px 0px 0px auto; text-align:center; font-size:16px; color:#fff; background:var(--k1); border:none; cursor:pointer;}
.login { background-image: linear-gradient(to right, var(--k1) 0%, var(--k1) 50%, var(--k4)  100%);}
.login { transition: 0.8s; background-size: 200% auto;}
.login:hover { background-position: right center; }

.addfarm { width:400px; line-height:50px; display:block; margin:20px 0px 0px 0px; text-align:center; font-size:16px; color:#fff; background:var(--k4); border:none; cursor:pointer; float:left;}
.addfarm { background-image: linear-gradient(to right, var(--k4) 0%, var(--k4) 50%, var(--k1)  100%);}
.addfarm { transition: 0.8s; background-size: 200% auto;}
.addfarm:hover { background-position: right center; }

.zaloguj .login {margin:40px auto 0px auto;}

#zalogowany { width:100%; display:flex; justify-content:center; flex-direction:column; align-items:center;}
.logowanie a.wiecej2 { margin:40px auto 0px auto;}


#szuk { width:100%; height:100%; background:rgba(255,255,255,0.7); position:fixed; z-index:2222; left:0px; top:0px; display:none; }
fieldset { width:100%; padding:5% 10%; background:#fff; margin:0px; border: none; position:relative; left:0; top: 50%;  transform: translate(0, -50%) }
fieldset form {width:100%; display:flex; justify-content:space-between;}
fieldset .txt { width:70%; padding:0px 20px; border: none; line-height:50px; box-shadow: 0 0 0 1px #ccc; font-family: "Lato", sans-serif; font-size:16px; }
fieldset .txt:hover , #szuk fieldset .txt:focus {box-shadow: 0 0 0 1px var(--k1);}
fieldset .guz { width:29%; height:50px; display:block; text-align:center; font-size:16px; color:#fff; background:var(--k1); border:none; cursor:pointer;}
fieldset .guz { background-image: linear-gradient(to right, var(--k1) 0%, var(--k1) 50%, var(--k4)  100%);}
fieldset .guz { transition: 0.8s; background-size: 200% auto;}
fieldset .guz:hover { background-position: right center;  }



img#exit { position:absolute; z-index:5577; right:5%; top:60px; cursor:pointer; width:auto; height:40px;  }
img#exit:hover { opacity:0.5;}

.poka { display:block !important;}

#page-oferta { width:100%; padding:0px var(--p5); display:flex; justify-content:space-between; align-items:center;}
#page-oferta .box { width:60%;}
#page-oferta .box:nth-child(2) { width:38%;}
#page-oferta .box img { width:100% !important; height:auto !important; display:block;}
.off .box img {filter: grayscale(100%); }

.off .offinfo { width:100%; background:var(--k1); color:#fff; text-align:center; font-size:22px; padding:20px 0px; margin-bottom:40px;}

#page-oferta .box .tyt , #page-ofertainfo .box .tyt  { text-align:left;}
#page-oferta .box #bre , #page-ofertainfo .box #bre { text-align:left;}

#page-oferta .box ul { width:100%;}
#page-oferta .box ul li { width:100%; padding:10px 0px; border-bottom:1px solid #ccc; display:flex;}
#page-oferta .box ul li strong { width:200px; color:var(--k1);}


#infoprodukt { width:90%; margin:var(--p3) var(--p5); background:var(--k10); padding:var(--p2) var(--p3); display:flex; justify-content:space-between; align-items:center;}
#infoprodukt .box:nth-child(1) { width:38%;}
#infoprodukt .box:nth-child(2) { width:60%;}


/* 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% 5px; 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 , .lista > ol { padding-bottom:20px;}
.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 10.5px; background-size:8px;}
.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.5rem; line-height:3rem; padding:20px 0px 10px 0px; color:var(--k1);}

/* END Lista*/


/*formularz*/

.formularz { width:100%; padding:0px; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; }
.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 10px; box-shadow: 0 0 0 1px #ccc; background:none; font-family: "Lato", 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 10px;}

.formularz span.wpcf7-not-valid-tip { position:absolute; z-index:4; right:10px; top:-35px; background:var(--k1); 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(--k1); 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:5%; text-align:center; margin:0px; border:0px; font-size:1.6rem;}

.formularz input.wpcf7-submit { width:400px; line-height:50px; display:block; margin:40px auto 0px auto; text-align:center; font-size:16px; color:#fff; background:var(--k1); border:none; cursor:pointer; box-shadow: none;}
.formularz input.wpcf7-submit { background-image: linear-gradient(to right, var(--k1) 0%, var(--k1) 50%, var(--k4)  100%);}
.formularz input.wpcf7-submit { transition: 0.8s; background-size: 200% auto;}
.formularz input:hover.wpcf7-submit:hover { background-position: right center; }

/* end formularz */

.inne { width:100%; padding:var(--p3) var(--p15);}
.inne .tyt { margin-bottom:40px;}


#page-kontakt { width:90%; margin:0px var(--p5); background:var(--k10); padding:var(--p3);}
#kontaktpage { width:100%; display:flex; justify-content:space-between; }
#kontaktpage .box:nth-child(1) { width:30%;}
#kontaktpage .box:nth-child(2) {  width:65%;}



/*page navi*/
.wp-pagenavi { padding:var(--p5) 0px var(--p2) 0px; width:100%; display: flex; justify-content:center;  }
.wp-pagenavi .pages { color:#222; margin-right:10px; background:var(--k3);  }
.wp-pagenavi a { color:#222; margin-right:5px; background:var(--k3); }
.wp-pagenavi .current , .wp-pagenavi a:hover {  background:var(--k1); 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; }


/* menu*/

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

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


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

.nav-top .hamburger {cursor: pointer; font-size:18px; padding-right:20px; color:var(--k2);}
.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; } 

.podstrona .nav-top .hamburger { color:#111;}

.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;}


.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(--k3) 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(--k4) url(../graf/lewa2.svg) no-repeat 90% center !important; background-size:15px !important; color:#fff; }

}

/* END menu*/




/* -------------------------  START sekcje  ----------------------------- */

.all-sekcja { padding:var(--p2) var(--p5); overflow:hidden;}

.E-szer1 { width:100%;}
.E-szer2 { width:90%; margin:0px 5%;}
.E-szer3 { width:80%; margin:0px 10%;}
.E-szer4 { width:70%; margin:0px 15%;}
.E-szer5 { width:60%; margin:0px 20%;}

.E-bg1 { background:none;}
.E-bg2 { box-shadow: 0 0 0 1px var(--k4); margin-top: var(--p2); margin-bottom: var(--p2);}
.E-bg3 { background: var(--k10);}


.blok-tresc { display:flex; justify-content:space-between;}
.blok-tresc .box:only-child { width: 100%;}
.blok-tresc:has(> .box:nth-child(2):not(:nth-child(3))) .box { width: 48.5%;}
.blok-tresc:has(> .box:nth-child(3):not(:nth-child(4))) .box { width: 31.7%;}
.blok-tresc:has(> .box:nth-child(4):not(:nth-child(5))) .box { width: 24%;}
.blok-tresc:has(> .box:nth-child(5):not(:nth-child(6))) .box { width: 18%;}

.E-poszer1 { width:100%}
.E-poszer2 { width:90%}
.E-poszer3 { width:80%}
.E-poszer4 { width:70%}
.E-poszer5 { width:60%}

.E-sro { margin:0px auto; }
.E-lew { margin:0px auto 0px 0px;}
.E-pra { margin:0px 0px 0px auto;}

.E-pro0 .box { width:100%;}
.E-pro1 .box:nth-child(1) { width:60% !important;}
.E-pro1 .box:nth-child(2) { width:38% !important;}
.E-pro2 .box:nth-child(1) { width:70% !important;}
.E-pro2 .box:nth-child(2) { width:28% !important;}
.E-pro3 .box:nth-child(1) { width:28% !important;}
.E-pro3 .box:nth-child(2) { width:70% !important;}
.E-pro4 .box:nth-child(1) { width:38% !important;}
.E-pro4 .box:nth-child(2) { width:60% !important;}

.E-mid { align-items:center;}
.E-top { align-items:flex-start;}
.E-bot{ align-items:flex-end;}

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

.blok-tresc .box img { width:100% !important; height:auto !important; display:block;}


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

.E-mob { order:-1;}
.blok-tresc { flex-wrap:wrap;}
.blok-tresc:has(> .box:nth-child(2):not(:nth-child(3))) .box { width: 100%;}
.blok-tresc:has(> .box:nth-child(3):not(:nth-child(4))) .box { width: 100%;}
.blok-tresc:has(> .box:nth-child(4):not(:nth-child(5))) .box { width: 100%;}
.blok-tresc:has(> .box:nth-child(5):not(:nth-child(6))) .box { width: 100%;}
.E-poszer2 { width:100% !important;}
.E-poszer3 { width:100%  !important;}
.E-poszer4 { width:100%  !important;}
.E-poszer5 { width:100%  !important;}
.E-szer2 { width:90%; margin:0px var(--p5) var(--p2) var(--p5);}
.E-szer3 { width:90%; margin:0px var(--p5) var(--p2) var(--p5);}
.E-szer4 { width:90%; margin:0px var(--p5) var(--p2) var(--p5);}
.E-szer5 { width:90%; margin:0px var(--p5) var(--p2) var(--p5);}
.E-pro1 .box:nth-child(1) { width:100% !important;}
.E-pro1 .box:nth-child(2) { width:100% !important;}
.E-pro2 .box:nth-child(1) { width:100% !important;}
.E-pro2 .box:nth-child(2) { width:100% !important;}
.E-pro3 .box:nth-child(1) { width:100% !important;}
.E-pro3 .box:nth-child(2) { width:100% !important;}
.E-pro4 .box:nth-child(1) { width:100% !important;}
.E-pro4 .box:nth-child(2) { width:100% !important;}
.blok-tresc .box img { margin-bottom:var(--p2);}
}

/* ------------------------- END sekcje  ----------------------------- */


#page-ofertainfo { width:100%; padding:0px var(--p5); display:flex; justify-content:space-between; align-items:center;}
#page-ofertainfo .box { width:60%;}
#page-ofertainfo .box:nth-child(2) { width:38%;}
#page-ofertainfo .box img { width:100% !important; height:auto !important; display:block;}



/* ---------------------------------------- ciasteczka ---------------------------------------- */

#sccp-cookie-banner { position: fixed ; bottom: 2rem; left: 50%; transform: translateX(-50%); width: 90%; background: #ffffff; color: #222; box-shadow: 0 0.5rem 3rem rgba(0,0,0,0.2); border-radius: 1rem; 
padding: 2.5rem ; z-index: 2147483647; display: none; flex-direction: column; max-width:100rem; max-height: 80vh; overflow-y: auto;}

#sccp-cookie-banner .sccp-text { font-size: 1.6rem; line-height: 2.5rem; text-align: left; color: #222; }

#sccp-cookie-banner .sccp-text a { color:var(--k1); text-decoration:underline; }
#sccp-cookie-banner .sccp-buttons { display: flex; justify-content:space-between;  flex-wrap: wrap; width:100%;}

#sccp-cookie-banner .sccp-btn { border: none; background:none; font-size: 1.4rem; font-weight: bold; border-radius: 0.5rem; cursor: pointer; transition: background 0.2s ease; display: inline-block; 
width:32.33%; height:4rem; }

#sccp-cookie-banner .sccp-btn-settings { background: transparent; color:var(--k1); box-shadow: 0 0 0 0.1rem var(--k1); }
#sccp-cookie-banner .sccp-btn-settings:hover { background: var(--k1); color:#fff; }

#sccp-cookie-banner .sccp-btn-reject {background: transparent; color:var(--k1); box-shadow: 0 0 0 0.1rem var(--k1);}
#sccp-cookie-banner .sccp-btn-reject:hover { background: var(--k1); color:#fff; }

#sccp-cookie-banner .sccp-btn-accept { background: var(--k1); color: #ffffff; box-shadow: 0 0 0 0.1rem var(--k1) }
#sccp-cookie-banner .sccp-btn-accept:hover { background: var(--k2); box-shadow: 0 0 0 0.1rem var(--k2) }

#sccp-save-custom { border:none; width:100%; font-size: 1.4rem; font-weight: bold; border-radius: 0.5rem; cursor: pointer; transition: background 0.2s ease; background: var(--k1); color:#fff; height:5rem; margin-top:2rem;  }
#sccp-save-custom:hover {background: var(--k2);}

#sccp-cookie-banner .sccp-settings-panel { display: none; padding-top: 2rem; }
#sccp-cookie-banner .sccp-preferences { display: flex; justify-content:space-between; font-size:1.4rem; line-height:2rem; }
#sccp-cookie-banner .sccp-option { padding:2%; display:flex; justify-content:space-between; align-items: flex-start;}
#sccp-cookie-banner .sccp-option label { font-weight:bold; display:block;}
#sccp-cookie-banner .sccp-option input { margin-right:1rem;}

@media only screen and (max-width: 700px)
{
#sccp-cookie-banner .sccp-btn { width:100%; margin-bottom:1rem;}
#sccp-cookie-banner .sccp-preferences { flex-direction:column; }
#sccp-cookie-banner .sccp-text { text-align:center;}
}


/* ---------------------------------------- end ciasteczka ---------------------------------------- */

.wk-referral-box h2 { margin-bottom:30px;}
.wk-referral-box input { line-height:50px; padding:0px 20px; border:1px solid #e1e1e1;}