html { font-size:10px; font-family: 'Poppins', sans-serif; max-width:1920px; display:block; margin:auto;}
body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#fff; text-align: left; color:#252525; 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:2%;}
img.alignright { float:right; margin-left:2%;}
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

#baner { width:100%; position:relative; overflow:hidden; background:#070e25; height:100vh; min-height:800px;  }
#baner video { width: auto !important; height: 100vh !important; min-width:100%; position:relative; left:50%; transform: translate(-50%, 0px); display:block; min-height:800px; }
.podstrona #baner , .podstrona #baner video  { height:350px !important; min-height:350px;}

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

#mtop { display:flex; align-items:center;}
#mtop > ul { display:flex; }
#mtop > ul > li > a {line-height:100px; height:100px; color:#fff; padding:0px 30px; font-size:17px; position:relative; display:block;}
#mtop > ul > li > a:hover {border-bottom:1px solid #FFF;}

#mtop > ul > li > a:after {  content: ''; height: 7px; background-color: #009edf; display: block; width:100%; position:absolute; top:-7px; left:0px; transition: 0.5s all; }
#mtop > ul > li:hover > a:after { top:0px;}

#mtop > ul > li.mo > ul { position: absolute; z-index:222; top:99px; background:#fff; width:1100px; padding:20px 20px 0px 20px; display:none; left:50%; transform: translate(-50% , 0);}
#mtop > ul > li.mo > ul > li { width:31.3%; margin:0px 1% 2% 1%; position:relative; float:left;}
#mtop > ul > li.mo > ul > li a { height:60px; line-height:20px; height:60px; width:100%; float:left; font-size:16px; color:#717274 !important; display:flex; align-items:center; }
#mtop > ul > li.mo > ul > li a:hover {color:#009edf !important;}
#mtop > ul > li.mo > ul > li a img { width:auto !important; height:40px !important; margin-right:20px; min-width:60px;}

#mtop > ul > li.mo > ul > li a span { position:relative; padding-bottom:10px;}
#mtop > ul > li.mo > ul > li a span:after {  content: ''; height: 5px; background-color: #ccc; display: block; width:0px; position:absolute; bottom:0px; left:0px; transition: 0.5s all; }
#mtop > ul > li.mo > ul > li:hover a span:after { width:100px; }

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


#opiss { position:absolute; z-index:22; left:10%; bottom:34%; color:#fff; text-align:left; width:80%;}
#opiss h2 { font-size:1.6vw; line-height:1.8vw; }
#opiss span { font-size:2.6vw; line-height:3vw; padding-left:5%; display:block;} 
#opiss strong { font-size:2.8vw; line-height:3.6vw; display:block; font-weight:normal; margin-left:-2.5%;} 

#szukaj { cursor:pointer; margin-left:20px; position:relative; top:2px; }
#szukaj img { width:25px !important; height:auto !important;}

#baner img#kosmos { position:absolute; z-index:25; width:24% !important; height:auto !important; bottom:0px; left:47%;}
#baner img#bksiezyc { position:absolute; z-index:4; left:-1%; width:102% !important; height:auto !important; }

#logo img { width:auto !important; height:60px !important; float:left;}


#infooferta { width:100%; position:relative; z-index:222; display:flex; justify-content: center; margin-top:-4%; }
ul#ofertahome { width:62%; display:flex; justify-content:center; margin-left:-1%; }
ul#ofertahome li { width:31.3%; position:relative; overflow:hidden;  margin:0px 1% 0px 1%; text-align:center; background:#fff; }
ul#ofertahome li:hover {transform: perspective(85rem) rotateX(15deg); box-shadow: rgba(0, 0, 0, 0.3) 0px 60px 123px -25px, rgba(0,0, 0, 0.3) 0px 35px 75px -35px;}
ul#ofertahome li h2 { color:#fff; font-size:1.6rem; position:absolute; z-index:10; left:5%; width:90%; bottom:6%;}
ul#ofertahome li h2:after {  content: ''; height: 2px; background-color: #000; display: block; width:50px; position:absolute; left:0px; left:50%; top: 0px;  transform: translate(-50%, 0px); transition: 0.8s all; }
ul#ofertahome li:hover h2:after {width:100px;}

ul#ofertahome li span { width:2%; height:2%; background:#000; border-radius:50%; position:absolute; z-index:2; left:50%; bottom:0%;}
ul#ofertahome li:hover span {width:200%; height:200%; left:0%;  bottom:0%;}
ul#ofertahome li img { width:110% !important; height: auto !important; position:relative; z-index:5; display:block; margin:-5px 0px 0px -5%; padding-top:10px; }

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

#wycenahome { width:100%; padding:3% 20% 3% 20%; text-align:center; }

.tyt {font-size:3.3rem; line-height:3.8rem; color:#000; text-align:center;}
.tyt strong {font-size:1.8rem; line-height:2.5rem; color:#009edf; margin-bottom:30px; display:block;}

a.wiecej2 { width:350px; color:#fff; background:#009edf; font-size:14px; line-height:50px; box-shadow: 0 0 0 1px #009edf; text-align:center; display:block; margin:40px auto 0px auto;}
a:hover.wiecej2 { color:#009edf; background: none;}

#page-podstrona a.wiecej2 {margin:40px 0px 0px 0px;}


.bgnd {background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; overflow:hidden; }
.bgnd-1 {background-image: url(../graf/strony-www-Olsztyn.jpg); width:90%; padding:5%; margin:0px 5%; }
.bgnd-1 .box { width:60%;}

.bgnd .box a.wiecej2 { margin:40px 0px 0px 0px;}
.bgnd h2 , #dlaczego h2 { color:#000; font-size:3.2rem; line-height:3.4rem; text-align:left; margin-bottom:30px; }
.bgnd h2 strong , #dlaczego h2 strong { display:block; font-size:4.8rem; line-height:5.5rem; color:#009edf;}

#realizacjehome { width:100%; padding:3% 10% 3% 10%; position:relative;}
#realizacjehome .lista { width:100%; padding:3% 10% 0px 10%; text-align:center;}


#banerhome { width:100%; background:#009edf; position:relative; }

.opiss2 { width:50%; color:#fff; padding:3%; float:right;}
.opiss2 a.wiecej2 { color:#009edf; background:#fff; box-shadow: 0 0 0 1px #fff; margin:40px 0px 0px 0px;  }
.opiss2 a:hover.wiecej2 { color:#fff; background: none;}
.opiss2 .tyt , .opiss2 .tyt strong { color:#fff; text-align:left;}
.opiss2 .tyt {font-size:24px; line-height:29px;}


.icos { float:left; width:50%; overflow:hidden;}
.icos img { width: auto !important; height:450px !important; float:right; }
.icos { border-radius: 5px 0 0 5px;}

#kosrealizacje { position:absolute; z-index:200; left:3%; bottom:0px; width:15%;}
img#kosr { width:100% !important; height:auto !important; position:relative;}
img#cienr { width:55% !important; height:auto; opacity:0.8;}




/* ---------------------------------  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-dotted.slick-slider { margin-bottom: 30px;}

.slick-dots { position: absolute; bottom: -40px; 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: 20px; height: 20px; cursor: pointer; border: 2px solid #009edf; line-height:20; font-size:1px; border-radius: 50%; background:none;}
.slick-dots li button:hover {border: 2px solid #000;}
.slick-dots li.slick-active button { width: 30px; border-radius: 50px;}

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

#opinie2 { width:100%; padding:3% 15%; }

.bgnd-3 {background-image: url(../graf/info-Estymo.jpg); width:90%; padding:5%; margin:0px 5% 1% 5%; }
.bgnd-3 .tyt { color:#fff; text-align:center;}
.bgnd-3 .tyt strong { color:#fff; font-size:1.8rem; line-height:2.3rem;}

.container { width:100%; padding:5% 15% 0px 15%;  display:flex; justify-content:space-between; }
.licz { width:20%;}
.licz .counter { width:100%; font-size:8rem; line-height:8.5rem; color:#009edf; margin-bottom:40px; display:block;  text-align:center;  }
.licz .opislicz { width:100%; font-size:16px; line-height:20px; color:#fff;  text-align:center; display:block;   }

#opinie { width:90%; padding:5%; position:relative; background:#f7f9fb; margin: 0px 5% 1% 5%; overflow:hidden;}
img#reka { position:absolute; z-index:2; right:0px; bottom:0px; width:25% !important; height:auto !important;}

ul#firmy { width:82%; position:relative; z-index:4; display:flex; justify-content:center; flex-wrap:wrap; margin-left:-1%;}
ul#firmy li { width:18%; overflow:hidden; margin:0px 1% 2% 1%; background:#fff; box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1);}
ul#firmy li img { width:100% !important; height:auto !important; filter: grayscale(1); opacity:0.5; float:left;}
ul#firmy li:hover img {filter: grayscale(0); opacity:1;}

#opinie a.wiecej2 { position:relative; z-index:20;}


#wyroznia { width:90%; padding:3% 5% 3% 5%; position:relative; background:#009edf; margin: 0px 5% 1% 5%; overflow:hidden; text-align:center;}
#wyroznia .tyt , #wyroznia .tyt strong { color:#fff;}

#wyroznia ul { width:102%; margin-top:10px; display: flex; justify-content:center; margin-left:-1%;   }
#wyroznia ul li { width:14.6%; color:#fff; font-size:14px; margin:0px 1% 2% 1%; line-height:25px;}
#wyroznia ul li .ico { background:#FFF; border-radius: 50%; width:90px; height:90px; display:block; margin:auto; display:flex; align-items:center; justify-content:center; box-shadow: 0.3rem 0.2rem 0.5rem 0rem rgba(0,0,0,0.3); }
#wyroznia ul li .ico img { width:auto !important; height:40px !important;}
#wyroznia ul li strong { color:#fff; display:block; font-size:18px; margin:20px 0px 10px 0px;}

.podstrona #wyroznia ul { flex-wrap:wrap;  }
.podstrona #wyroznia ul li { width:14.6%;}
.podstrona #wyroznia {margin: -2% 5% 1% 5%;}
.podstrona #wyroznia .tyt { padding-bottom:30px;}
.podstrona #wyroznia {margin: 0px 5% 3% 5%;}

.opisestymo { width:90%; padding:2% 5%; position:relative; background:#f7f9fb; margin:0px 5% 1% 5%; }
.main {width:100%; display:block; margin:0 auto;}
.slider-for { width:100%; padding:4% 10% 2% 10%;}
.main .slider-for h2 {color:#009edf; font-size:22px; line-height:27px; text-align:left; margin-bottom:10px;}
.main .slider-nav h2 { color:#222; font-size: 20px; line-height: 50px; margin:0px 10px; padding:2% 2% 50px 2%; position: relative; text-align: center; cursor:pointer;}
.main .slider-nav h2:hover {color:#999;}
.main .slider-nav .slick-current h2 { font-size: 30px; color:#009edf;  }
.slick-prev::before, .slick-next::before {  font-size: 34px; line-height: 1; opacity: .75; color:#000;}
.slider-for img { float:left; width:20% !important; height:auto !important;}
.action{display:block; margin:100px auto; width:100%; text-align:center;}
.action a { display:inline-block; padding:5px 10px;  background:#f30; color:#fff; text-decoration:none;}
.action a:hover{ background:#000;}
.slider-nav h2::after {content: ''; display: block; width: 15px; height: 15px; background-color:#009edf; bottom: 8px; position: absolute; z-index:111111; left: calc(50% - 8px); border-radius: 50%;}
.etaptxt { width:75%; float:right;}

.bgnd-2 {background-image: url(../graf/najlepsze-strony.jpg); width:90%; padding:5%; margin:0px 5%; }
.bgnd-2 div { width:100%; color:#fff;}
.bgnd-2 div h2 { color:#fff;}
.bgnd-2 a.wiecej2 { margin:40px 0px 0px 0px;}

#dlaczego { width:90%; padding:5%; margin:0px 5%; position:relative; overflow:hidden;}
#dlaczego .box { width:60%; color:#fff;}
#dlaczego .box h2 { color:#fff;}
#dlaczego .box h2 strong { color:#009edf;}
#dlaczego .box .wiecej2 { margin:40px 0px 0px 0px;}

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

#newshome { width:100%; padding:3% 15%; position:relative; }
ul.news { width:102%; display: flex; flex-wrap:wrap; justify-content:center; margin-left:-1%; }
ul.news li { width:31.3%; position:relative; margin:0px 1% 2% 1%;}
ul.news li .icon { width:100%; overflow:hidden;}
ul.news li .icon img { width:100% !important; height:auto !important; float:left; }
ul.news li .txtn { width:90%; padding:5%; float:left; background:#fff; margin:-15% 5% 0px 5%; box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1); position:relative; z-index:10; }
ul.news li:hover .txtn  { box-shadow: 0.3rem 0.2rem 0.5rem 0rem rgba(0,0,0,0.1);} 
ul.news li .txtn h2 { font-size:18px; line-height:30px; margin-bottom:30px; text-align:left;}
ul.news li:hover .txtn h2 { color:#009edf;}
ul.news li .txtn div { height:150px; overflow:hidden;}


#pomoc { width:80%; padding:3%; position:relative; background:#f7f9fb; margin: 0px 10%; }
.accordion__container { width:100%; box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1);}
.accordion__header { width:100%; padding:25px;  cursor: pointer; border-top:1px solid #eee; border-bottom:none; text-align:left; display:flex; align-items:center; }
.accordion__header:hover , .accordion-open .accordion__header {background:#009edf; color:#fff;}
.accordion__header h2 { display:table; line-height:20px; font-size:16px;}

.accordion__container .accordion__item:last-child .accordion__header { border-bottom:1px solid #eee;}
.accordion-open .accordion__header { border-bottom: none !important;}
.accordion__description { width:100%; padding:2% 2% 5% 2%; margin-bottom:0px; }
.accordion__icon { transition: .3s;}
.accordion__item {  position: relative; transition: all .25s ease; border-left:1px solid #eee; border-right:1px solid #eee; background:#FFF;}
.accordion__item::after { content: ''; width: 5px;  height: 100%;  position: absolute;  top: 0;  left: 0;}
.accordion__item:nth-child(2n) { background:#f7f9fb;}
.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; margin-right:20px; font-size:1.8rem; line-height:20px;}
.bx-plus::before { content: "+";}

.accordion__description .lista h1 , .accordion__description .lista h2 , .accordion__description .lista h3 , .accordion__description .lista h4 , .accordion__description .lista h5, .accordion__description .lista h6 { font-size:2.3rem; line-height:2.9rem; }


#fastkontakt { width:90%; padding:3% 0px; border-bottom:1px solid #ebebeb; margin:0px 5%; display:flex; justify-content:space-between; align-items:center; line-height:39px;}

#tel { font-size:3rem;}
#tel a { color:#000; margin-right:50px;}
#tel a:hover { color:#009edf;}

#social { display:flex; align-items:center;}
#social a { margin-right:10px;}
#social a img { width:auto !important; height:39px; float:left;}
#social span { font-size:14px; position:relative; top:0px;}

#obszary { width:90%; padding:20px 0px; margin:0px 5%; display:flex; justify-content: space-around; flex-wrap:wrap; font-size:12px; border-bottom:1px solid #ebebeb; }
#obszary a {color:#7d7d7d; margin:0px 10px;}
#obszary a:hover { text-decoration:underline;}

#infolinki { width:100%; padding:20px 5% 20px 5%; display:flex; justify-content: space-between; }

.dol { padding:10px 0px; text-align:left; line-height:25px; font-size:12px; color:#7d7d7d;}
.dol h3 { margin-bottom:20px; color:#000;}
.dol a { color:#7d7d7d;}
.dol a:hover { color:#000;}
.dol img { width:auto !important; height:60px !important; display:block; margin-bottom:20px;}

#footer { width:90%; margin:0px 5%; border-top:1px solid #ebebeb; padding:30px 0px; text-align:center; font-size:12px; color:#7d7d7d;}
#footer a {color:#7d7d7d;}
#footer a:hover { text-decoration:underline;}
#footer ul { display: flex; justify-content:center;}
#footer ul li { margin:0px 20px;}

#button { background: #009edf; 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.show {opacity: 1; visibility: visible;}


#szuk { width:100%; height:100%; background:rgba(255,255,255,0.7); position:fixed; z-index:2222; left:0px; top:0px; display:none; }
#szuk fieldset { width:100%; padding:5% 10%; background:#fff; margin:0px; border: none; position:relative; top: 50%;  transform: translate(0px, -50%);  }
#szuk fieldset form { display:flex; justify-content:space-between; align-items:center;}
#szuk fieldset .txt { width:70%; padding:0px 20px;  border: none; height:50px;  box-shadow: 0 0 0 1px #ccc; font-family: 'Poppins', sans-serif; font-size:16px; }
#szuk fieldset .txt:hover , #szuk fieldset .txt:focus {box-shadow: 0 0 0 1px #009edf;}
#szuk fieldset .guz { width:28%; height:50px;  background:#009edf; color:#fff; text-align:center; border:none; cursor:pointer; font-family: 'Poppins', sans-serif; font-size:16px; box-shadow: 0 0 0 1px #009edf;}
#szuk fieldset .guz:hover {background:none; color:#009edf;}

img#exit { width:40px; height:auto; position:absolute; right:5%; top:30px; cursor:pointer; }
.poka { display:block !important;}

/* Lista*/

.lista { width:100%; position:relative; }
.lista img { max-width:100% !important; height:auto !important;}
.lista p { margin-bottom:20px;}
.lista a  , .dajtekst a
{ color:#252525; background-image: linear-gradient(#49c4f6, #49c4f6); 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 , .dajtekst 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:22px; text-align:left; background-size:12px 12px;}
.lista > ul > li:last-child { padding:0px 0px 20px 22px;}

.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:3.2rem; position:relative; padding:20px 0px 10px 0px; color:#009edf;}

/* END Lista*/

#bre { width:100%; padding:0px 5%; font-size:12px; color:#fff; text-align:left; line-height:20px; position:absolute; z-index:30; left:0px; bottom:5%;}
#bre a {color:#fff}
#bre a:hover { text-decoration:underline;}
#bre .separator { padding:0px 5px;}

#cat { width:100%; padding:3% 10%;}


/*page navi*/
.wp-pagenavi { padding:2% 0px 0px 0px; width:100%; display: flex; justify-content:center;  }
.wp-pagenavi .pages { color:#222; margin-right:10px; background:#f7f9fb;  }
.wp-pagenavi a { color:#222; margin-right:5px; background:#f7f9fb; }
.wp-pagenavi .current , .wp-pagenavi a:hover {  background:#009edf; 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; }

.boxcat { width:100%; padding:0px 15% 3% 15%; text-align:center;}

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

.hbps-responsive-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 0 auto; clear:both; margin-bottom:20px;}
.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%;}

.tableall { width:100%; overflow-x:auto; margin-bottom:30px;  }
.lista table { width:100%; border-spacing: 0px; border-collapse: separate; margin-bottom:40px;  box-sizing:content-box !important; border-top:1px solid #eee;   }
.lista table tr td { padding:15px; 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;}
.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;}

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


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


#page-news { width:100%; padding:3% 10% 3% 10%; display:flex; justify-content:space-between; align-items: center;}
#page-news .box:nth-child(1) { width:35%;}
#page-news .box:nth-child(2) { width:63%; order:-1;}
#page-news .box:nth-child(2) img { width:100% !important; height:auto !important; display:block; }
#page-news .box .tyt { text-align:left; }
#page-news .box .tyt strong { margin-top:10px;}

#page-podstrona { width:100%; padding:3% 10% 3% 10%; display:flex; justify-content:space-between; align-items: center;}
#page-podstrona .box:nth-child(1) { width:40%;}
#page-podstrona .box:nth-child(2) { width:60%;}
#page-podstrona .box .tyt { text-align:left; }

#page-strona { width:100%; padding:3% 20%;}

#page-realizacje { width:100%; padding:3% 5% 3% 5%; display:flex; justify-content:space-between; align-items: center;}
#page-realizacje .box:nth-child(1) { width:50%;}
#page-realizacje .box:nth-child(2) { width:50%;}
#page-realizacje .box .tyt { text-align:left; }
#page-realizacje .box:nth-child(2) a.wiecej2 { margin:40px 0px 0px 0px;}

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

.box-bialy { width:100%; margin-left:0px; padding-bottom:2%;}
.box-obrys { width:104%; box-shadow: 0 0 0 1px #e1e1e1; padding:2%; margin-left:-2%;}
.box-szary { width:104%; background:#f7f9fb; padding:2%; margin-left:-2%;}
.box-cien { width:104%; background: url(../graf/Estymo-strony.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%; color:#fff; margin-left:-2%;}
.box100 .box-cien , .box100 .box-video { padding:5%;}

.box-video .lista a { color:#fff;}

.page { display: flex; justify-content:space-between;}
.page .box { padding:1%; }

.page .box img { width:100% !important; height:auto !important; display:block;}
.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;}
.box-50-50 .box:nth-child(1) {  width:50%; }
.box-50-50 .box:nth-child(2) {  width:50%; }

.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{ flex-wrap:wrap; }
.page .box { width:100%; padding:0px; }
.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 img { margin-bottom:3%;}
.page .box p:last-of-type { margin-bottom:20px; }
.order1 { order: -1;}
}

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

.inne { width:80%; padding:2%; margin:0px 10% 2% 10%; background:#f7f9fb;}

.boximg { width:100%; position:relative; }
.boximg img.ikona7 { width:100%; height:auto; position:absolute; z-index:2; left:0px; top:0px;}
.boximg img.ikona5 { width:70%; height:auto; position:absolute; z-index:2; left:15%; top:10%;}
.bgimg { width:100%; height:auto; display:block; padding:10px 10% 0px 10%; }



#onas1 { width:90%; padding:2% 3%; display:flex; justify-content:space-between; align-items: center; background:#f7f9fb; margin:2% 5%;}
#onas1 .box:nth-child(1) { width:60%;}
#onas1 .box:nth-child(2) { width:40%; position:relative;}
#onas1 .box:nth-child(2) #kosrealizacje { width:30%; left: auto; right:0px; transform: scaleX(-1) !important; }
#onas1 .box:nth-child(2) .bgimg {transform: scaleX(-1);}

#onas2 { width:100%; padding:1% 10%; display:flex; justify-content:space-between; align-items: center; margin-bottom:3%;}
#onas2 .box:nth-child(1) { width:40%;}
#onas2 .box:nth-child(2) { width:60%; position:relative;}

.firmyestymo { width:80%; background:#f7f9fb; padding:3%; margin:0px 10%; display:flex; flex-direction:column; margin-bottom:2%;}
.firmyestymo .tyt { margin-bottom:50px;}
.boxfirmy .item { padding:0px 10px;}
.boxfirmy .item img { float:left; margin:0px 10px; width:100% !important; height:auto !important;}

#pytanie { width:100%; padding:3% 10%;}
#zapytaj { width:100%; display:flex; justify-content:space-between; align-items: stretch;}
#zapytaj .box {box-shadow: 0 0 0 1px #e1e1e1; padding:2%;}
#zapytaj .box:nth-child(1) { width:30%; display:flex; align-items:center; position:relative;  background:#f7f9fb;}
#zapytaj .box:nth-child(2) { width:68%;}

#zapytaj #kosrealizacje { width:30%; margin-left:-30%; bottom:0px;}


/*formularz*/

.formularz { width:100%; padding:2% 0px 0px 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 15px; box-shadow: 0 0 0 1px #e1e1e1; 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 #009edf;  }
.formularz input:focus, .formularz textarea:focus, .formularz select:focus  { box-shadow: 0 0 0 1px #009edf; }
.formularz textarea { height:100px; padding:0px 15px;}

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

.formularz span.wpcf7-not-valid-tip { position:absolute; z-index:4; right:10px; top:-35px; background:#009edf; 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: #009edf; display: block; position:absolute; bottom:-5px; left:20px; transform: rotate(45deg); }

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

.formularz .f2 p { font-size:12px; text-align:left; line-height:15px; margin-bottom:5px;}

.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 */


.kontaktpage .box:nth-child(2) .lista { display:flex; justify-content:space-between; width:60%;  }
#map { width:90%; height:500px; margin:1% 5%; }

.boxcena { width:100%; padding:3% 20% 0px 20%; text-align:center;}


#cenyinfo { width:102%; margin-left:-1%; padding:0px 10%; display:flex; justify-content: center;}
#cenyinfo .box { width:31.3%%; margin:0px 1% 2% 1%; box-shadow: 0 0 0 1px #e1e1e1; padding:2%;}
#cenyinfo .box img { display:block; margin:0px auto 30px auto; width:auto; height:80px;}

#cenyinfo .box h2 { font-size:2rem; line-height:2.5rem; text-align: center; }
#cenyinfo .box h2 strong { display:block; text-align:right; font-size:4rem; line-height:4.2rem; color:#009edf; padding:20px 0px;}

#wycenainfo { width:100%; padding:0px 10% 3% 10%;}

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

.box404 { width:100%; padding:3% 10%}

ul.realizacje { width:102%; display: flex; justify-content:center; margin-left:-1%; flex-wrap:wrap;}
ul.realizacje li { width:31.3%; margin:0px 1% 2% 1%; overflow:hidden; position:relative; }
ul.realizacje li .icor { width:100%; background:#f7f9fb; padding:9% 0px 10px 0px; position:relative; overflow:hidden;}
ul.realizacje li .icor img { width:85% !important; height:auto !important; margin:0px 7.5%; position:relative; z-index:5;}
ul.realizacje li .icor span { width:140%; height:1%; background:#009edf; position:absolute; z-index:1; left:-20%; bottom:-20%; opacity:0;}
ul.realizacje li:hover .icor span { height:60%;  opacity:1; transform: rotate(-10deg); }
ul.realizacje li .txtr { width:80%; margin:0px 10%; padding:20px 0px; text-align:center;}
ul.realizacje li .txtr h2 { text-align:center; font-size:18px; line-height:23px; margin-bottom:10px;}
ul.realizacje li:hover .txtr h2 { color:#009edf;}
ul.realizacje li .txtr p { font-size:14px; line-height:19px; color:#7d7d7d; margin-bottom:0px;}

#zdjecia { width:100%; padding:0px 5% 1% 5%; display:flex; justify-content:space-between; }
#zdjecia img:nth-child(1) { width:60% !important; height:auto !important; border-radius: 10px 0px 0px 10px;}
#zdjecia img:nth-child(2) { width:40% !important; height:auto !important; border-radius: 0px 10px 10px 0px;}


.foty { width:100% !important; padding:10%;  !important; background:#090 }
.foty img { width:100% !important; height:auto !important;  }

.boxrealizacje img {box-shadow: 0 0 0 1px #e1e1e1;}


ul.oferta { width:102%; display: flex; justify-content:center; margin-left:-1%; flex-wrap:wrap; }
ul.oferta li { width:31.3%; position:relative; margin:0px 1% 2% 1%; padding-top:40px;}
ul.oferta li .ofertainfo { width:100%; padding:0px 5% 5% 5%; box-shadow: 0 0 0 1px #e1e1e1; background:#fff; min-height:300px;}
ul.oferta li:hover .ofertainfo {box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1);}
ul.oferta li .icoo { width:80px; height:80px; background:#999; border-radius: 50%; position: relative; z-index:5; top:-40px; display:block; margin:auto;  box-shadow: 0 0 0 20px #fff; display:flex; justify-content:center; align-items:center; }
ul.oferta li:hover .icoo { background:#009edf;}
ul.oferta li .icoo img { width: auto !important; height:30px !important; display:block;}
ul.oferta li .txto { width:100%;}
ul.oferta li .txto h2 { text-align: center; font-size:1.8rem; line-height:2.8rem;}
ul.oferta li:hover .txto h2 { color:#009edf;}
ul.oferta li .txto strong { font-size:1.4rem; color:#7d7d7d; text-align:center; margin-bottom:15px; line-height:20px; display:block;}

#cozyskujesz { width:100%; padding:1% 10% 3% 10%;}

ul#zysk { width:102%; margin-left:-1%; display:flex; justify-content:center; flex-wrap:wrap;}
ul#zysk  li { width:23%; margin:0px 1% 2% 1%; padding:2%; box-shadow: 0 0 0 1px #e1e1e1; background:#f7f9fb; }
ul#zysk  li .ico { width:100%; padding:10px 0px 20px 0px;}
ul#zysk  li .ico img { width:auto !important; height:60px; display:block; margin:auto;}
ul#zysk  li .txt { width:100%; padding-top:20px; font-size:14px; line-height:22px;}
ul#zysk  li .txt h2 { font-size:1.8rem; line-height:2rem; margin-bottom:10px;}
ul#zysk  li .txt p { margin-bottom:0px;}


.lista fieldset { width:100%; margin:0px; border: none; padding-top:40px; }
.lista fieldset form { display:flex; justify-content:space-between; align-items:center;}
.lista fieldset .txt { width:70%; padding:0px 20px;  border: none; height:50px;  box-shadow: 0 0 0 1px #ccc; font-family: 'Poppins', sans-serif; font-size:16px; }
.lista fieldset .txt:hover , #szuk fieldset .txt:focus {box-shadow: 0 0 0 1px #009edf;}
.lista fieldset .guz { width:28%; height:50px;  background:#009edf; color:#fff; text-align:center; border:none; cursor:pointer; font-family: 'Poppins', sans-serif; font-size:16px; box-shadow: 0 0 0 1px #009edf;}
.lista fieldset .guz:hover {background:none; color:#009edf;}



/* 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:-6px 0px 0px 20px; }  

.nav-top .hamburger {cursor: pointer; font-size:18px; padding-right:20px; color:#FFF}
.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:#009edf !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.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:#009edf url(../graf/prawa2.svg) no-repeat 90% center; background-size:15px;}

.nav-drill .nav-expand-content .nav-back-link { background:#009edf 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:#009edf url(../graf/lewa2.svg) no-repeat 90% center !important; background-size:15px !important; color:#fff; }

}

/* END menu*/

.rank-math-html-sitemap__section--category ul.rank-math-html-sitemap__list li:nth-child(2) { display: none;}