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

*{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 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{
	--k1:#989fab;	
	--k2:#707070;	
	--k10:#f7f9fb;
	--p2:2%;		
	--p3:3%;
	--p5:5%;	
	--p10:10%;		
	--p15:15%;			
	--p20:20%;				
}


#top { width:100%; padding:0px 5%; height:130px; display:flex; justify-content:space-between; align-items:center; position:relative;}
#top > div { display:flex; align-items:center;}


ul#topl { margin-bottom:10px;}
ul#topl , ul#topl li { display:flex;}
ul#topl li:nth-child(1) { margin-right:20px;}
ul#topl li a{ line-height:27px; color:var(--k2); font-size:14px; display:flex}
ul#topl li a:hover { color:#000;}
ul#topl li img { width:auto; height:27px; margin-right:10px;}

ul#topp { display:flex;}
ul#topp li img { width:auto; height:27px; margin-right:10px; cursor:pointer;}

a#logo {position:absolute; left:50%; bottom:0px;  transform: translate(-50%, 0); }
a#logo img { width:auto; height:110px;}

#mtop { width:100%; padding:0px 5%; position: sticky; top: 0px; background:#fff; z-index:2000; }
.podstrona #mtop { margin-bottom:30px;}


#mtop > ul { display:flex; justify-content:center;  width:100%;}
#mtop > ul > li > a { line-height:60px; padding:0px 30px; color:var(--k2); position:relative; display:block; font-size:16px; }
#mtop > ul > li > a:hover { color:#a1a1a1;}
#mtop > ul > li > a:after {  content: ''; height: 2px; background-color: var(--k1); display: block; width:0; position:absolute; bottom:10px; left:0px; transition: 0.8s all; }
#mtop > ul > li:hover > a:after{ width:100%; }

#mtop > ul > li > ul { position:absolute; z-index:222; left:0px; top:60px; background:#fff; width:100%; padding:40px 5% 20px 5%; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1); display:none;  }
#mtop > ul > li > ul > li { width:19%; margin:0px 1% 1% 0px; position:relative; float:left; box-shadow: 0 0 0 1px var(--k3); overflow:hidden; }
#mtop > ul > li > ul > li > a { height:80px; line-height:20px; width:100%; float:left; font-size:14px; color:var(--k1) !important; display:flex; align-items:center; padding-right:10px;}
#mtop > ul > li > ul > li a:hover {color:var(--k2) !important;}
#mtop > ul > li > ul > li a img { width: auto; max-height:60px;  margin-right:20px; }

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


#banerhome { width:90%; margin:0px 5%; overflow:hidden; position:relative; }
#banerhome img { width:100% !important; height:auto !important; display:block;}
#banerhome video { position:absolute; z-index:5; width:100%;  height: 100%; object-fit: cover; display:block; left:50%; top: 50%;  transform: translate(-50%, -50%);   }
#banerhome span#bgbaner { width:100%; height:60%; background: #989FAB; background: linear-gradient(0deg,rgba(152, 159, 171, 0.7) 0%, rgba(152, 159, 171, 0) 90%); position:absolute; z-index:7; left:0px; bottom:0px;}
#banerhome h2 { position:absolute; z-index:10; left:5%; bottom:10%; color:#fff; font-size:4.8rem; line-height:5.5rem;}
#banerhome > h2 > span { display:block; font-size:2.4rem; line-height:3rem; padding-left:5%;}
#banerhome h2 strong { display:block; font-weight:normal; font-size:5.5rem; line-height:6rem; }

#witamy { width:100%; padding:var(--p3) var(--p10) 0px var(--p10);}
#witamy > .lista { padding:0px 10%; text-align:center;}

.tyt , .tyt2{ font-size:3.2rem; line-height:3.8rem; text-align:center; padding-bottom:40px;}
.tyt span , .tyt2 span { display:block; font-size:1.8rem; line-height:2.5rem; color:var(--k2);}
.tyt2 { text-align:left;}


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

ul#ofertahome { width:101%; margin-left:-0.5%; display:flex; flex-wrap:wrap; justify-content:center; padding:20px 0px 20px 0px; }
ul#ofertahome li { width:19%; margin:0px 0.5% 1% 0.5%; box-shadow: 0 0 0 1px var(--k1); padding:2% 1%; text-align:center; position:relative; overflow:hidden;}
ul#ofertahome li img { display:block; width:auto; height:70px; margin:10px auto 20px auto; }
ul#ofertahome li h2 { font-size:16px; line-height:25px;}
ul#ofertahome li div { width:100%; height:100%; position:relative; z-index:20;}
ul#ofertahome li span { width:100%; height:100%; background: #989FAB; background: linear-gradient(170deg,rgba(152, 159, 171, 0.2) 0%, rgba(152, 159, 171, 0) 70%); position:absolute; z-index:4; left:0px; bottom:-100%;}
ul#ofertahome li:hover span { bottom:0px;}

#ofertahome > li:hover::after { content: ""; position: absolute; z-index:10; top: 0; left: -40px; width: 50px; height: 100%; background: rgba(255,255,255,1); transform: skewX(-25deg); filter: blur(2px);  animation: shine 2s ease forwards; pointer-events: none; mix-blend-mode: screen;}

@keyframes shine {
  0% { transform: translateX(0px) skewX(-25deg); opacity: 0; }
  30% { transform: translateX(-40px) skewX(-25deg); opacity: 0; }
  60% { opacity: 1; }
  100% { transform: translateX(400px) skewX(-25deg); opacity: 0; }
}

a:hover.wiecej2:after{ content: ""; position: absolute; z-index:10; top: 0; left: -40px; width: 90px; height: 100%; background: rgba(255,255,255,0.2); transform: skewX(-25deg); filter: blur(5px);  animation: shine2 1s ease forwards; pointer-events: none; mix-blend-mode: screen;}

@keyframes shine2 {
  0% { transform: translateX(-40px) skewX(-25deg); opacity: 0; }
  60% { opacity: 1; }
  100% { transform: translateX(330px) skewX(-25deg); opacity: 0; }
}


#kancelarahome { width:100%; padding:var(--p3) var(--p10); display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
#kancelarahome .box { width:48.5%;}
#kancelarahome .box img { width:100% !important; height:auto !important; display:block;}

a.wiecej2 { width:300px; color:#fff; font-size:1.4rem; line-height:50px; text-align:center; display:block; margin:40px 0px 0px 0px; position:relative; overflow:hidden;
background: #989FAB; background: linear-gradient(46deg,rgba(152, 159, 171, 1) 100%, rgba(112, 112, 112, 1) 100%);} 
a:hover.wiecej2 { background: #989FAB; background: linear-gradient(20deg,rgba(152, 159, 171, 1) 50%, rgba(112, 112, 112, 1) 100%);}

.b404 a.wiecej2 {margin:40px auto 0px auto;}


#standardy { width:100%; padding:0px var(--p10);}
#standardy ul { display:flex; justify-content:space-between;}
#standardy ul li { width:30%; text-align:center;}
#standardy ul li img { width:25%; height:auto; display:block; margin:20px auto;}
#standardy ul li h2 { font-size:2rem; padding:20px 0px;}

#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(--k2);   }
#button.show {opacity: 1; visibility: visible;}

#opinie { width:70%; background:var(--k10); padding:var(--p3); margin:var(--p3) var(--p15);}
.boxs { width:100%;}
.boxs .item { text-align:center; padding-bottom:40px;}
.boxs .item img { display:block; margin:0px auto 20px auto; border-radius: 50%; box-shadow: 0 0 0 2px var(--k1);  width:10% !important; height:auto;}
.boxs .item h2 { margin-bottom:10px;}

/* ---------------------------------  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: 5px; 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-prev { left:15%;}
.slick-next { left: calc(15% + 45px);}

.slick-prev:after , .slick-next:after {width:100%; height:100%; position:absolute; transform: scale(0.14);}
.slick-prev:after {content: url('../graf/lewa.svg'); left:-7px; top:-5px;}
.slick-next:after {content: url('../graf/prawa.svg'); left:-3px; top:-5px;}

.slick-dotted.slick-slider { margin-bottom: 30px;}

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


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

#ofertarozwin { width:100%; padding: 0px var(--p5); margin-bottom:1%;}
#ofertarozwin .ofertabig:nth-child(2n) .box:nth-child(2) { order:-1;}


.ofertabig { width:100%; display:flex; justify-content:space-between; align-items:center; margin-bottom:var(--p2);}
.ofertabig .box:nth-child(1) { width:58%;}
.ofertabig .box:nth-child(2) { width:40%;}
.ofertabig .box img { width:100% !important; height:auto !important; display:block;}

#liczby { width:100%; padding:var(--p3) var(--p20);}
.container { width:100%; display:flex; justify-content:space-between;}
.licz { width:30%; text-align:center;}
.counter { color:var(--k1); font-size:10rem; line-height:10rem; margin-bottom:20px; display:block;}
.licz h2 { font-size:18px; margin-bottom:20px;}
.opislicz { font-size:14px; line-height:25px;}

#newshome { width:100%; padding:var(--p3) var(--p10);}
#newsc { padding-bottom:20px;}
#newsc .item { width:30%; background:var(--k10); position:relative; overflow:hidden; margin:0px 15px; padding-bottom:20px;}
#newsc .item img { width:100% !important; height:auto !important; display:block;}
#newsc .item:hover img {transform: scale(4); opacity:0.4; filter: blur(2px);}
#newsc .item .txt { width:100%; padding:5%; position:relative; z-index:5;  line-height:20px; font-size:14px;}
#newsc .item:hover .txt { color:#111;}
#newsc .item .txt h2 { font-size:16px; line-height:20px; height:40px; overflow:hidden; margin-bottom:20px;}
#newsc .item .txt p { margin-bottom:0px; height:40px; overflow:hidden;}
#newshome a.wiecej2 { margin:60px auto 0px auto;}

#fastkontakt { width:100%; padding:var(--p2) var(--p5); display:flex; justify-content:space-between; overflow:hidden;}
#fastkontakt #map { width:69%; min-height:500px; }
#fastkontakt .box { width:30%; background:var(--k1); padding:var(--p3); color:#fff; display:flex; align-items:center;  }
#fastkontakt .box div { width:100%; }
#fastkontakt .box a { color:#fff;}
#fastkontakt .box a:hover { text-decoration:underline;}
#fastkontakt .box .tyt2 span { color:#fff;}

#fastkontakt .box div a.wiecej2 { width:300px; color:var(--k1); background: #fff; background: linear-gradient(46deg,rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%);} 
#fastkontakt .box div a:hover.wiecej2 { background: #fff; background: linear-gradient(20deg,rgba(112, 112, 112, 1) 50%, rgba(70, 70, 70, 1) 100%); color:#fff; text-decoration:none;}

#faqhome { width:100%; padding:var(--p3) var(--p15);}

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

.accordion-open .accordion__header { border-bottom: none !important;}
.accordion__description { width:100%; padding:20px; border-bottom:1px solid var(--k2); }
.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.6rem; line-height:3rem;}
.bx-plus::before { content: "+"; color:var(--k1);}

#footer { width:90%; background:var(--k10); margin:var(--p3) var(--p5) 0px var(--p5); padding:var(--p3) var(--p5); display:flex; justify-content:space-between; font-size:14px; line-height:25px;}
#footer .dol { padding:0px 1%;}
#footer .dol h3 { font-size:16px; margin-bottom:20px;}
#footer .dol p { margin-bottom:10px;}
#footer .dol a { color:var(--k2); text-align:left; overflow:hidden;}
#footer .dol a:hover { color:#000;}
#footer .dol ul li { line-height:20px; margin-bottom:5px;}

#podpis { width:100%; padding:30px var(--p10); display:flex; justify-content:space-between; font-size:12px; }
#podpis a { color:var(--k2);}
#podpis a:hover { text-decoration:underline;}


/* 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(--k1), var(--k1)); 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 , .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:3rem; line-height:3.6rem; padding:20px 0px 10px 0px; color:var(--k1);}

/* END Lista*/


#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 var(--k1); font-family: "Poppins", sans-serif; font-size:16px; }
fieldset .txt:hover , #szuk fieldset .txt:focus {box-shadow: 0 0 0 1px var(--k2);}
fieldset .guz { width:29%; height:50px;  color:#fff; text-align:center; border:none; cursor:pointer; font-size:16px; background:var(--k1); }
fieldset .guz:hover {background:var(--k2);  }

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

.poka { display:block !important;}


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

.box100 { width:100%; padding:0px; margin-bottom:2%;}
.box90 { width:100%; padding:0px var(--p5); margin-bottom:2%;}
.box80 { width:100%; padding:0px var(--p10); margin-bottom:2%;}
.box70 { width:100%; padding:0px var(--p15); margin-bottom:2%;}
.box60 { width:100%; padding:0px var(--p20); margin-bottom:2%;}

.box90 { width:100%; padding:0px var(--p5); margin-bottom:2%;}
.box80 { width:100%; padding:0px var(--p10); margin-bottom:2%;}
.box70 { width:100%; padding:0px var(--p15); margin-bottom:2%;}
.box60 { width:100%; padding:0px var(--p20); margin-bottom:2%;}


.box-bialy { width:100%; margin-left:0px;}
.box-obrys { width:100%; box-shadow: 0 0 0 1px var(--k1); padding:2%;}
.box-szary { width:100%; background:var(--k10); padding:2%;}
.box-cien { width:100%; background: url(../graf/Kancelaria-BG.jpg) no-repeat; background-attachment:fixed !important; background-size:cover; padding:4% 2%; }
.box-video { width:100%; position:relative; overflow:hidden; padding:var(--p3) var(--p2);}
.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: 1200px)
{
.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 ----------------------------- */



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

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

#page-kancelaria .box video { position:absolute; z-index:5; width:100%;  height: auto; left:50%; top: 50%;  transform: translate(-50%, -50%);   }



#pytanie { width:90%; padding:var(--p2) var(--p3); display:flex; justify-content:space-between; align-items:center; background:var(--k10); margin:0px 5% var(--p2) 5%;}
#pytanie .box:nth-child(1) { width:34%; font-size:14px;}
#pytanie .box:nth-child(2) { width:63%;}


/*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 20px; box-shadow: 0 0 0 1px #ccc; background:none; font-family: "Poppins", 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 20px;}

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

.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.invalid .wpcf7-response-output { width: 100%; padding: 5%; text-align: center; margin: 0px; border: 0px; background:var(--k10); margin-top:20px;}

/* end formularz */

#cat { width:100%; padding:0px var(--p5);}
.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;}

 
.inne { width:100%; padding:var(--p2) var(--p5); }

ul.oferta { width:102%; margin-left:-1%; display:flex; flex-wrap:wrap; justify-content:center;}
ul.oferta li { width:23%; margin:0px 1% 2% 1%; position:relative; overflow:hidden;}
ul.oferta li .ico { width:100%; overflow:hidden;}
ul.oferta li .ico img { width:100% !important; height:auto !important; display:block;}
ul.oferta li .txt { width:100%; padding:5% 0px;}
ul.oferta li .txt h2 { margin-bottom:10px; line-height:25px; position:relative; padding-bottom:15px;}
ul.oferta li .txt h2:after {  content: ''; height: 2px; background-color: var(--k1); display: block; width:0; position:absolute; bottom:10px; left:0px; transition: 0.8s all; }
ul.oferta li:hover .txt h2:after{ width:80%; }
ul.oferta li .txt { font-size:14px; line-height:25px;}
ul.oferta li .txt p { margin-bottom:0px;}


ul.zespol { width:102%; margin-left:-1%; padding:0px var(--p10); display:flex; flex-wrap:wrap; justify-content:center; }
ul.zespol li { width:31.3%; margin:0px 1% 0px 1%; position:relative; overflow:hidden;}
ul.zespol li .ico { width:100%; overflow:hidden;}
ul.zespol li .ico img { width:100% !important; height:auto !important; display:block;}
ul.zespol li .txt { width:100%; padding:20px 0px 20px 0px;}
ul.zespol li .txt h2 { line-height:25px; font-size:20px;}
ul.zespol li .txt h2 span { display:block; color:var(--k1); font-size:16px;}


#page-zespol { width:100%; padding:0px var(--p5) 20px var(--p5); display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
#page-zespol .box:nth-child(1) { width:60%;}
#page-zespol .box:nth-child(1) p:first-of-type { font-size:18px; color:var(--k1);}
#page-zespol .box:nth-child(2) { width:38%;}
#page-zespol .box:nth-child(2) img { width:100% !important; height:auto !important; display:block;}


.wpis { display:flex; justify-content:space-between; align-items:center; width:100%; padding:var(--p2); box-shadow: 0 0 0 1px #eee;}
.page .box .wpis img { width:30% !important; height:auto !important; display:block;}
.wpis div { width:68%;}
.wpis div h2 { text-align:left; margin-bottom:20px;}


ul.blog { width:102%; margin-left:-1%; display:flex; justify-content:center; flex-wrap:wrap;}
ul.blog li { width:23%; margin:0px 1% 2% 1%; position:relative; overflow:hidden;}
ul.blog li img { width:100% !important; height:auto !important; display:block;}
ul.blog li:hover img  {transform: scale(4); opacity:0.4; filter: blur(2px);}
ul.blog li .txt { width:100%; padding:5%; position:relative; z-index:5; line-height:20px; font-size:14px;}
ul.blog li:hover .txt { color:#111;}
ul.blog li .txt h2 { font-size:16px; line-height:20px; margin-bottom:20px;}
ul.blog li .txt p { margin-bottom:0px;}


#page-blog { width:100%; padding:0px var(--p5) 20px var(--p5); display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
#page-blog .box:nth-child(1) { width:62%;}
#page-blog .box:nth-child(1) img { width:100% !important; height:auto !important; display:block;}
#page-blog .box:nth-child(2) { width:35%;}
#page-blog .box:nth-child(2) p:first-of-type { font-size:18px; color:var(--k1);}

.h2-menu-container { padding:1% 2%; font-size:14px; line-height:25px; box-shadow: 0 0 0 1px #eee; margin:0px var(--p20) var(--p2) var(--p20);}
.h2-menu-container:hover { background:var(--k10);}
.h2-menu-container ol li { padding-left:10px;}
.h2-menu-container ol li a { text-align:left; color:var(--k2);}
.h2-menu-container ol li a:hover { color:#111;}

#bre { width:100%; padding:0px var(--p10); font-size:12px; color:var(--k1); text-align:left; line-height:20px; margin:3% 0px -2% 0px }
#bre a {color:var(--k1)}
#bre a:hover { text-decoration:underline;}
#bre .separator { padding:0px 5px;}


/*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(--k10);  }
.wp-pagenavi a { color:#222; margin-right:5px; background:var(--k10); }
.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:70px; height:50px; line-height:50px; text-align: center !important; display:inline-block; }
.wp-pagenavi span.pages { padding:0px 20px; width:auto;  height:50px; line-height:50px; }


#page-all { width:100%; padding:0px var(--p20);}
#mapakontakt {width:100%; height:500px; padding:var(--p2) var(--p5) 0px var(--p5); }
#mapakontakt #map {width:100%; min-height:500px;}

#page-kontakt { width:100%; padding:var(--p2) var(--p10); }
#kontaktpage {display:flex; justify-content:space-between; align-items:center; width:100%;}
#kontaktpage .box:nth-child(1) { width:30%;}
#kontaktpage .box:nth-child(2) { width:65%;}


/* menu*/

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

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


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

.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:var(--k1); 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(--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*/