ul#ofertahome li span
{transition: all 1s linear 0s;}

a.wiecej2 , ul#firmy li img , ul.news li .icon img , .accordion__header , .dol a , #szuk fieldset .guz , #szuk fieldset .txt , .wp-pagenavi a , .formularz input , .formularz textarea , .formularz select , ul.realizacje li .txtr h2 , ul.oferta li .ofertainfo , ul.oferta li .txto h2 , #mtop > ul > li.mo > ul > li a , .nav-drill .nav-link
{transition: all 0.5s linear 0s;}

ul#ofertahome li , .slick-dots li button , .main .slider-nav h2 , ul.news li .txtn h2 , #tel a , #button , ul.news li .txtn , img#exit , ul.realizacje li .icor span , ul.oferta li:hover .icoo , .lista fieldset .txt , .lista fieldset .guz
{transition: all 0.3s linear 0s;}

a#logo img , #szukaj img  , #social a img , ul.oferta li .icoo , ul.oferta li .icoo img
{transition: all 0.1s linear 0s;}


a#logo:hover img { transform: scale(0.95); }
#szukaj:hover:before , #button:hover , #social a:hover img , img#exit:hover , #szukaj:hover img { transform: scale(0.8); }
ul.news li:hover .icon img , ul.oferta li:hover .icoo { transform: scale(1.1); }

ul#ofertahome li , a.wiecej2 , #button , .bgnd-1 , #banerhome , ul#firmy li , .bgnd-2 , #opinie , ul.news li .icon , ul.news li .txtn , #pomoc , .opisestymo , #map , #pytanie , .opisestymo2 , img.b2 , .wp-pagenavi .pages , .wp-pagenavi a , .wp-pagenavi .current , #wyroznia , ul.realizacje li .icor , #zdjecia , .foty img , .foty p , .opisestymo video , ul.oferta li , .jqueryslidemenu ul#menu li ul , .fotoferta , .accordion__description .lista img , .opiss2 , .fotb2 .lista img , .bgnd-3 , #dlaczego , #szuk fieldset .txt , #szuk fieldset .guz , .box img , .box-obrys , .box-szary , .box-cien , .box-video , .inne , #onas1 , .firmyestymo , .boxfirmy .item img , .formularz input , .formularz textarea , .formularz select , #zapytaj .box , #cenyinfo .box , ul.oferta li .ofertainfo , ul#zysk  li , .lista fieldset .txt , .lista fieldset .guz , #mtop > ul > li.mo > ul , #page-podstrona .box:nth-child(1)
{border-radius: 10px;}


/*----------------------------------------------------------------------------------------------*/

.bgnd h2 , #tel , .tyt , #opiss h2 span , #cenyinfo .box h2
{ font-family: 'Poppins', sans-serif; font-weight:300; }

/*----------------------------------------------------------------------------------------------*/

#opiss h2 , ul#ofertahome li h2 , .licz .opislicz , #szuk fieldset .guz 

, input.fscf-button-submit  
{ font-family: 'Poppins', sans-serif; font-weight:500; }

/*----------------------------------------------------------------------------------------------*/

#mtop > ul > li > a , #opiss h2 strong , a.wiecej2 , .tyt strong , .bgnd h2 strong , ul#ofertahome li h2 , .lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5, .lista h6 , #cenyinfo .box h2 strong , ul#zysk  li .txt h2 ,

.box4 ol li::before , ul.realizacje li .txtr h2 , ul.oferta li .txto h2 , ul.news li .txtn h2 , .licz .counter , .main h3 , .lista strong , .main .slider-for h3 , input.wpcf7-submit
{ font-family: 'Poppins', sans-serif; font-weight:700; }

/*----------------------------------------------------------------------------------------------*/


#bksiezyc {animation: pokks 1.5s linear forwards 0s;}	

@keyframes pokks { 
      0% {bottom:-40%; }   
    100% { bottom:-80px; transform: rotate(4deg); }
}



.poka { animation: pok 0.5s forwards;}

@keyframes pok { 
      0% { opacity: 0;}   
    100% { opacity: 1;}
}



img#kosmos {animation: bg1 2.5s linear infinite 0s;	}

@keyframes bg1 { 
	0% {bottom:-5%; margin-left:0px; }
	20% {bottom:-4.9%; margin-left:2px; transform: scale(1.01);}
	40% { bottom:-5.1%; margin-left:-3px; }
	60% { bottom:-5%; margin-left:0px; }	
	100% { bottom:-5%; margin-left:0px;}		
}



img#kosr {animation: re 2s linear infinite 0s;	}

@keyframes re { 
	0% { top:0px;  }
	50% { top:-4%;}		
	100% { top:0px;}		
}

img#cienr {animation: re2 2s linear infinite 0s;	}

@keyframes re2 { 
	0% {  transform: scale(1); }
	50% {  transform: scale(0.6);}		
	100% {  transform: scale(1);}		
}


img#reka {animation: re3 2s linear infinite 0s;	}

@keyframes re3 { 
	0% { margin-right:0px; }
	50% { margin-right:-2%;}		
	100% {margin-right:0px;}		
}

.podstrona #baner img.bg  { animation: bg 25s linear forwards 0s;}

@keyframes bg { 
	0% { transform: scale(3); filter: blur(14px); }
	1% { transform: scale(1.2); filter: blur(0px); }	
	5% { transform: scale(1);  }
	100% { transform: scale(1); }	
}



/*--------------------------------------------------------------------*/


@media only screen and (max-width: 1700px)
{
#baner { height:700px; min-height:700px;  }
#baner video { height: 700px !important; min-height:700px; }
}

@media only screen and (max-width: 1600px)
{
#baner { height:650px; min-height:650px;  }
#baner video { height: 650px !important; min-height:650px; }
ul#ofertahome { width: 72%;}
#wycenahome { padding: 3% 15% 3% 15%;}
#dlaczego .box { width: 80%;}

}

@media only screen and (max-width: 1500px)
{
#baner { height:600px; min-height:600px;  }
#baner video { height: 600px !important; min-height:600px; }
#mtop > ul > li > a {padding:0px 20px;}
#kosrealizacje {bottom: 5%;}
#wyroznia ul { flex-wrap:wrap; }
#wyroznia ul li { width:31.3%;}
#wycenahome { padding: 3% 10%;}
.icos img { height:400px !important;}
html { font-size:9px;}
.opisestymo { width:90%; padding:2% 5%; margin:0px 5% 1% 5%; }
.slider-for {padding:4% 0px 2% 0px;}
#newshome { padding:3% 10%;}

#cat {padding: 3% 5%;}
#page-podstrona {padding: 3% 5%;}
#cozyskujesz { padding: 1% 5% 3% 5%;}
.inne {width: 90%; margin: 0px 5% 2% 5%;}

#page-news { padding:3% 5%;}


}

@media only screen and (max-width: 1400px)
{
#realizacjehome { padding:3% 5%;}
#kosrealizacje {left:1%; }
.container {padding: 5% 5% 0px 5%;}
#newshome { padding:3% 5%;}
#pomoc { width:90%; margin: 0px 5%; }
.podstrona #wyroznia ul li { width:18%;}
#cenyinfo { padding:0px 5%;}
.kontaktpage .box:nth-child(2) .lista { width: 100%;}

#page-strona { padding: 3% 10%;}

}

@media only screen and (max-width: 1300px)
{
#baner { height:500px; min-height:500px;  }
#baner video { height: 500px !important; min-height:500px; }
#logo img { height:50px !important;}
#wycenahome { padding: 3% 5%;}
.bgnd-1 .box { width:80%;}
#opinie2 { padding:3% 5%;}
#dlaczego .box { width:100%;}

#infolinki { flex-wrap:wrap; }
#infolinki .dol:nth-child(1) { width:100%; text-align:center;}
.dol img { height:50px !important; margin:auto auto 20px auto; }

}

@media only screen and (max-width: 1200px)
{
#baner { height:600px; min-height:600px;  }
#baner video { height: 600px !important; min-height:600px; }

#mtop > ul { display:none;}
#opiss { z-index:26; }
#opiss h2 { font-size:20px; line-height:25px; }
#opiss span { font-size:36px; line-height:40px;} 
#opiss strong { font-size:30px; line-height:35px;} 
#baner img#kosmos { width: auto !important; height:550px !important; left:46%;}
ul#ofertahome { width: 82%;}
.bgnd-1 .box { width:100%;}

#banerhome { background:none;}
#banerhome .item { display:flex; flex-wrap:wrap;}

.opiss2 { width:90%; background:#009edf; margin:-5% 0px 0px 5%; }
.opiss2 a.wiecej2 { color:#009edf; background:#fff; box-shadow: 0 0 0 1px #fff; margin:40px 0px 0px 0px;  }

.icos { width:100%; order:-1;}
.icos img { width: auto !important; height: 500px !important; min-width:100%;}

#realizacjehome .lista { padding-top:5%;}

.container { padding: 5% 0px 0px 0px;}
ul#firmy li { width:23%; }
.icos { border-radius: 10px;}

.slider-for img { float: none; width:40% !important; height:auto !important; display:block; margin:auto auto 20px auto;}
.etaptxt { width:100%; float:right;}

#newshome { padding:3% 15%;}
ul.news li { width:48%;}
#pomoc { width:100%; margin: 0px; }
.opiss2 a.wiecej2 { margin: 20px 0px 0px 0px;  }

.boxcat { padding: 0px 5% 3% 5%;}

#page-news { flex-wrap:wrap; }
#page-news .box:nth-child(1) { width:100%;}
#page-news .box:nth-child(2) { width:100%; margin-bottom:2%; order:0;}

.boxcena { padding: 3% 5% 0px 5%;}

.rank-math-html-sitemap { flex-wrap:wrap;}
.rank-math-html-sitemap div { width:100%;}

}


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

ul#ofertahome {width: 92%;}
#newshome { padding:3% 10%;}
.firmyestymo { width: 90%; margin: 0px 5%; margin-bottom:5%;}

#page-podstrona { flex-wrap:wrap; padding-bottom:5%; }
#page-podstrona .box:nth-child(1) { width:100%; padding:2% 20%; background:#f7f9fb; margin-bottom:3%; }
#page-podstrona .box:nth-child(2) { width:100%; }
ul#zysk  li { width:31.3%;}
#pytanie { padding:3% 5%;}

#zapytaj { flex-wrap:wrap; }
#zapytaj .box:nth-child(1) { width:100%; margin-bottom:1%; }
#zapytaj .box:nth-child(2) { width:100%;}
#zapytaj #kosrealizacje { display:none;}

#onas1 { flex-wrap:wrap; }
#onas1 .box:nth-child(1) { width:100%;}
#onas1 .box:nth-child(2) { width:100%; padding:0px 20%;}
#onas1 .box:nth-child(2) #kosrealizacje { width:20%; right:20%; bottom:-5%;}

#onas2 { flex-wrap:wrap; padding:3% 5%;}
#onas2 .box:nth-child(1) { width:100%; padding:0px 20%;}
#onas2 .box:nth-child(2) { width:100%; order:-1;}

#page-realizacje { flex-wrap:wrap;}
#page-realizacje .box:nth-child(1) { width:100%; padding:0px 10%;}
#page-realizacje .box:nth-child(2) { width:100%;}

#zdjecia { flex-wrap:wrap;  }
#zdjecia img:nth-child(1) { width:100% !important; border-radius: 10px; margin-bottom:1%;}
#zdjecia img:nth-child(2) { width:100% !important; border-radius: 10px; padding:0px 25%; background:#009edf;}

.podstrona #wyroznia ul li { width:23%;}

#wycenainfo { padding: 0px 5% 3% 5%;}

ul.oferta li { width:48%;}

#page-strona { padding: 3% 5%;}

}

@media only screen and (max-width: 1000px){
#infolinki { justify-content: center; }	
#infolinki .dol { text-align:center; padding:0px 5%;}
#infolinki .dol:nth-child(4) { width:100%; padding-top:40px;}
#newshome { padding:3% 5%;}
.container { flex-wrap:wrap; }
.licz { width:48%; padding-bottom:30px;}

#cenyinfo { flex-wrap:wrap; }
#cenyinfo .box { width:48%; }


}

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

ul#ofertahome { flex-wrap:wrap;  }
ul#ofertahome li { width:48%; margin-bottom:2%; background:#ccc; }
ul#ofertahome li:nth-child(1) { width:48%;}
#infooferta { margin-top:-10%; }
#bksiezyc { display:none;}
ul.realizacje li { width:48%; }

.podstrona #wyroznia ul li { width:31.3%;}

.firmyestymo ul.slick-dots { display:none !important;}

}

@media only screen and (max-width: 800px){
html { font-size:8.7px;}

#fastkontakt { flex-wrap:wrap; }
#tel { width:100%; text-align:center; margin-bottom:20px;}
#tel a { margin:0px 20px;}

#social { width:100%; justify-content:center; }
#social a { margin:0px 10px;}
#social span { display:none;}

ul#firmy {width: 102%;}

#wycenainfo .formularz .f2 { width:100%; margin-bottom:15px; }
#wycenainfo .formularz .f3 { width:100%;  margin-bottom:15px; }
#wycenainfo input.wpcf7-submit { width:80%}


/* ----------------------------------------------------------------*/

#wycenahome , #realizacjehome , #opinie2 , #wyroznia , .opisestymo , #newshome , #pomoc , #cat , #page-podstrona , #cozyskujesz , .firmyestymo ,  #pytanie , #zapytaj .box , #onas1 , #page-realizacje , #page-news , #page-strona{ padding:5%;}

}

@media only screen and (max-width: 700px){
.icos img { height:300px !important;}

#opiss { text-align:center; bottom:20%;}
#opiss span { padding-left:0px;} 
#opiss strong { margin-left:0px;} 

.bgnd h2, #dlaczego h2 {text-align: center;}
#wyroznia ul li { width: 48%; }

ul.news { width:100%; margin-left:0px; }
ul.news li { width:100%; margin:0px 0px 5% 0px;}

.formularz .f2 { width:100%; }
.formularz .f3 { width:100%; }
input.wpcf7-submit { width:80%}

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

#page-realizacje .box:nth-child(1) { width:100%; padding:0px;}

#cenyinfo { width:100%; margin-left:0px;}
#cenyinfo .box { width:100%; padding:5%; }

body {font-size:15px; }

}

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

#opiss {left:5%; width:90%;}
a.wiecej2 { width:100%;}
#kosrealizacje , img#reka { display:none;}
.opiss2 { padding:5%;}
#realizacjehome .lista { padding:10% 5% 5% 5%;}

#page-podstrona .box:nth-child(1) { padding: 2% 10%;}

#szuk fieldset form { flex-wrap:wrap;}
#szuk fieldset .txt { width:100%; margin-bottom:20px; }
#szuk fieldset .guz { width:100%;}

ul#zysk  li { width:48%;}

ul.realizacje { width:100%; margin-left:0px;}
ul.realizacje li { width:100%; margin:0px 0px 5% 0px;}

.podstrona #wyroznia ul li { width:48%;}

input.wpcf7-submit { width:100%}

.kontaktpage .box:nth-child(2) .lista { flex-wrap:wrap;}
.kontaktpage .box:nth-child(2) .lista p { width:100%;}

ul.oferta { width:100%; margin-left:0px;}
ul.oferta li { width:100%; margin:0px 0px 4% 0px; }

ul#firmy li { width:31.3%;}

}

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

#opiss h2 { font-size:18px;}
#opiss span { font-size:30px; } 
#opiss strong { font-size:22px; } 

#baner img#kosmos { height: 450px !important; left: 46%;}

ul#ofertahome { flex-wrap:wrap;  }
ul#ofertahome li { width:70%;}
ul#ofertahome li:nth-child(1) { width:70%;}

.icos img { height:250px !important;}
.slider-for img { width:60% !important; }
.slider-nav { display:none;}
#infolinki .dol { width:100%; padding-bottom:5%; margin:0px; }

#page-podstrona .box:nth-child(1) { padding: 2% 5%;}
ul#firmy li { width:48%;}
#tel { font-size:2.5rem;}

}

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

#logo img { height:40px !important;}
ul#zysk  li { width:100%; margin:0px 0px 5% 0px; padding:5%;}
ul#zysk { width:100%; margin-left:0px; }
.podstrona #wyroznia ul li { width:100%;}

}