a.wiecej2 , #button , #grupy ul li .txt h2 , #ofertahome ul li .ico , .realizacjehome .item .ico img , .newshome .item .ico img , ul.grupa li .ico img , .wp-pagenavi a , .lista ul.galeria li a img , .formularz input , .formularz textarea , .formularz select , ul.news li .ico img , #mtop > ul > li.mf > ul > li a img , a.telpro , ul.oferta > li , .nav-drill .nav-link , .nav-drill .menu-item a
{transition: all 0.5s linear 0s !important;}

ul#tel li a , #up #loga img , fieldset .txt , #ofertahome ul li h2 , .slick-dots li button , .accordion__header , ul.news li , #mtop ul li ul li a , .tnp-subscription input.tnp-submit, .tnp-profile input.tnp-submit, .tnp-unsubscribe button.tnp-submit, .tnp-reactivate button.tnp-submit
{transition: all 0.3s linear 0s !important;}

ul#topikony li img , fieldset .guz , #grupy ul li .ico img , .newshome .item .itemall , #mtop > ul > li.mo > ul > li a img , #mtop > ul > li.mm > ul > li a img , .kolory .infokolory img 
{transition: all 0.1s linear 0s !important; }


ul#topikony li:hover img , #mtop > ul > li.mo > ul > li:hover a img , #mtop > ul > li.mm > ul > li:hover a img { transform: scale(0.7); }

 .kolory .infokolory .slick-current img{ transform: scale(0.9); }

#grupy ul li:hover .ico img , .realizacjehome .item:hover .ico img , .newshome .item:hover .ico img , ul.grupa li:hover .ico img , .lista ul.galeria li:hover a img , ul.news li:hover .ico img 
{ transform: scale(1.1); }


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

#opisb h1 strong , .tyt strong , .tyt2 strong
{font-family: "Roboto", sans-serif; font-weight:400; }

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

#opisb h1 , .tyt , .tyt2, #ofertahome ul li h2 , #obsluga ul li .txt h2 , .realizacjehome .item .txt h2 , .newshome .item .txt h2 , .accordion__header h2 , #footer .dol h3 , ul.grupa li .txt h2 , input.wpcf7-submit , ul.news li .txt h2 , .kolory span , a.telpro , ul.ikonycert li h2 , ul.oferta li .txt h2 , .tnp-subscription input.tnp-submit, .tnp-profile input.tnp-submit, .tnp-unsubscribe button.tnp-submit, .tnp-reactivate button.tnp-submit , .nav-drill .menu-item a , button.wiecej2 , .kolory-filter-form h2
{font-family: "Roboto", sans-serif; font-weight:700; }

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

ul#tel li a , #mtop ul li a , #grupy ul li .txt h2 , a.wiecej2 , .lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5, .lista h6 , .new , #lang ul li a  , .nav-top .hamburger
{font-family: "Roboto", sans-serif; font-weight:900; }

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




.poka { animation: pok 0.5s forwards;}

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


.graff .slick-active .txt{ animation: pokagraf 2s forwards;}

@keyframes pokagraf { 
      0% { opacity: 0;}   
      50% { opacity: 0;}   
    100% { opacity: 1;}
}



#pokanr {animation: poknr 1s linear forwards 0s;}	

@keyframes poknr {
  0% { left:-300px; opacity:0; }
  50% { left:-300px; opacity:0; }  
  100% { left:0px; opacity:1;  }
}



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

@media only screen and (max-width: 1900px)
{
#ofertahome ul li { width:9%;}

}


@media only screen and (max-width: 1700px)
{
#top { padding:0px var( --p5);

}

@media only screen and (max-width: 1600px)
{
#ofertahome ul li { width:10%;}
#mtop > ul > li > a { padding:0px 15px 7px 15px;}
#mtop > ul > li.mm > ul { padding:80px 5% 40px 5%; }
#infopromocja .box:nth-child(1) { width:40%; left:5%; }
#infopromocja .box:nth-child(2) { padding:2% 5% 2% 47%;}

#infokatalog .box:nth-child(1) { width:28%; left:10%;}
#infokatalog .box:nth-child(2) { padding:2% 10% 2% 40%;}

:root{
	--p15:10%;			
	--p20:15%;				
}

#page-news { padding:0px 5%;}
#page-all { padding:0px 5%; }
#page-realizacje { padding:0px 5%;}
#page-warszawa { padding:0px 5%;}
#page-kontakt { width:100%; padding:0px 5%; }


}

@media only screen and (max-width: 1500px)
{
#opisb { width:45%;}
#ofertahome ul li { width:11%;}
#mtop > ul > li > a , #mtop > ul > li.mf > ul > li a , #mtop > ul > li.mo > ul > li a , #mtop > ul > li.mm > ul > li a { font-size:14px;}
#top fieldset .txt { width:300px;}
html { font-size:9px;}
.graff .item .txt { width:45%;}
#baner video { height:450px;}

#opisb h1 {font-size:4vh; line-height:4.2vh; }
#opisb h1 strong { font-size:2.2vh; line-height:2.6vh;}

#page-firma { padding: 0px 10%;}


}

@media only screen and (max-width: 1400px)
{
#top fieldset .txt { width:250px;}
:root{
	--p10:5%;
	--p15:5%;			
	--p20:10%;				
}
#realizacje .lista { padding: 0px;}

}

@media only screen and (max-width: 1300px)
{
#ofertahome ul li { width:12%;}
#ofertahome ul li h2 { font-size:11px;}
#mtop > ul > li > a { padding:0px 10px 7px 10px;}
#opisb { width:55%;}
:root{
	--p2:3%;		
	--p3:4%;
	--p20:5%;				
}
#loga span { display:none;}
}

@media only screen and (max-width: 1200px)
{
#mtop { display: none;}
#opisb { left:5%; top: auto; bottom:0px;  transform: none; width:90%; background:var(--szary); padding: var(--p2); }
#opisb p { margin-bottom:0px;}
#baner { padding-bottom:18%; background:#fff;}
#baner span { display:none;}
#opisb h1 {font-size:3rem; line-height:3.5rem;}
#opisb h1 strong {font-size:1.8rem; line-height:2.2rem; }
#baner video { height:400px;}

#ofertahome { top:var(--p3); padding:var( --p3) 15%;}
#ofertahome ul { flex-wrap:wrap; }
#ofertahome ul li { width:20%; margin:0px 0.5% 2% 0.5%;}

#obsluga ul { flex-wrap:wrap; }
#obsluga ul li { width:31.3%; margin:0px 1% 2% 1%;}

#grupy ul { flex-wrap:wrap; justify-content: center; }
#grupy ul li { width:31.3%; margin:0px 1% 2% 1%; padding:2%;  }
#grupy ul li:nth-child(1) { width:31.3%; padding:2%;}

#promocja { padding:0px; }
#infopromocja { flex-wrap:wrap; }
#infopromocja .box:nth-child(1) { width:100%; left:0px; position: relative; z-index:2; padding:var(--p2) 20% 0px 20%; background:var(--szary);}
#infopromocja .box:nth-child(2) { padding:var(--p2) 20%;}


#katalog { padding: 0px; }
#infokatalog .box:nth-child(1) { width:35%; left:5%;}
#infokatalog .box:nth-child(2) { padding:3% 5% 3% 42%;}

.graff .item .txt { width:90%; position:absolute; left:5%; bottom:0px; opacity:1;}
.graff .item { padding-bottom:200px;}
.graff .item .txt a.wiecej2 { margin-top:10px;}
.graff .slick-active .txt{ animation: pokagraf 0s forwards;}

ul.oferta li .ico { width:35%; }
ul.oferta li .txt { width:63%; }
ul.oferta li .icokolory { width:61%;}

#page-produkt { flex-wrap:wrap;}
#page-produkt > .box:nth-child(1) { width:100%; padding-top:var(--p3); }
#page-produkt > .box:nth-child(2) { width:100%; order:-1; padding:0px 20%; }
#fotchar { width:30% !important; }

#pytaniepro { flex-wrap:wrap; }
#pytaniepro .box:nth-child(1){ width:100%; margin-bottom:var(--p2); }
#pytaniepro .box:nth-child(2){ width:100%;}

ul.news li { width:31.3%; }

#page-news { flex-wrap:wrap; }
#page-news .box:nth-child(1){ width:100%; padding-top:var(--p2);}
#page-news .box:nth-child(2){ width:100%; order:-1;}

#page-firma { padding: 0px 5%;}

ul.grupa li { width:31.3%; }

#pytanie { flex-wrap:wrap;  }
#pytanie .box:nth-child(1) { width:100%; padding:var(--p2); margin-bottom:var(--p2); }
#pytanie .box:nth-child(2){ width:100%; }




}

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

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

ul.oferta li .ico { width:30%; }
ul.oferta li .ico img { width: auto !important; height:125% !important; }
ul.oferta li .txt { width:68%; }
ul.oferta li .icokolory { width:65%;}

.opis-cat { flex-wrap:wrap; }
.opis-cat .box .lista img { width:100% !important; height:auto; }
.opis-cat .box:nth-child(1) .lista { padding-right:0px;}
.opis-cat .box:nth-child(2) .lista { padding-left:0px;}

#page-realizacje { flex-wrap:wrap; }
#page-realizacje .box:nth-child(1){ width:100%;}
#page-realizacje .box:nth-child(2){ width:100%; padding-top:var(--p2);}

#page-warszawa { flex-wrap:wrap; }
#page-warszawa .box:nth-child(1){ width:100%; }
#page-warszawa .box:nth-child(2){ width:100%;}


}

@media only screen and (max-width: 1000px)
{
ul#topikony { display:none;}
#ofertahome { top:var(--p3); padding:var( --p3) 10%;}
#grupy ul li:nth-child(1) { width:100%; padding:2%;}
#grupy ul li { width:48%; margin:0px 1% 2% 1%; padding:2%;  }
.opiskat { padding: 0px;}
#charakterystyka { padding:var(--p2) 5% var(--p2) 25%; }

#nadrukpro { flex-wrap:wrap; }
#nadrukpro .box:nth-child(1){ width:100%; padding-top:var(--p2);}
#nadrukpro .box:nth-child(2){ width:100%; order:-1;}
#fotchar { width:70% !important; opacity:0.3;}
#charakterystyka { width:100%; padding:var(--p2) var(--p5); }
.lista ul.galeria li  { width:24%; }

#page-kontakt { flex-wrap:wrap;  }
#page-kontakt .box:nth-child(1){ width:100%; text-align:center; }
#page-kontakt .box:nth-child(2){ width:100%; padding-top:var(--p2);}

.wpis { flex-wrap:wrap; margin-bottom:var(--p2); }
.page .box .wpis img { width:50% !important; height:auto !important; display:block; margin:0px auto;}
.wpis div { width:100%; padding-top:var(--p2);}


}

@media only screen and (max-width: 900px)
{
#baner { padding-bottom:25%;}
#ofertahome { top:var(--p3); padding:var(--p3) 0px;}
#infopromocja .box:nth-child(1) { padding:var(--p2) 10% 0px 10%; }
#infopromocja .box:nth-child(2) { padding:var(--p2) 10%;}
#footer { flex-wrap:wrap;}
#footer .dol:nth-child(1) { width:100%; text-align:center; padding-bottom:5%;}
#footer .dol img {  margin:0px auto 20px auto;}
#page-produkt > .box:nth-child(2) { padding:0px 10%; }
.zdjecie .item img { width: auto  !important; height: 600px !important; }

ul.news li { width:48%; }

}

@media only screen and (max-width: 800px)
{
#up { height:50px; }
#up #loga img {height:30px;}


#infokatalog { flex-wrap:wrap; }
#infokatalog .box:nth-child(1) { width:100%; position: relative; left:0; padding:0px 20%;}
#infokatalog .box:nth-child(2) { padding:var(--p3) 5% var(--p3) 5%;}

#opisb ,#grupy ul li , #grupy ul li:nth-child(1) , .graff .item .txt { padding:var(--p3); }

:root{
	--p2:4%;		
	--p3:4%;
}

#baner { padding-bottom:250px;}

.infokontakt { flex-wrap:wrap }
.infokontakt .box { width:100%; padding:var(--p2); margin-bottom:2%; }
.formularz .f2 { width:100%; }
.formularz .f3 { width:100%; }
#bre {  padding:2% var(--p5);}
#page-produkt > .box:nth-child(2) { padding:0px 5%; }
ul.grupa li { width:48%; }


}

@media only screen and (max-width: 700px)
{
:root{
	--p2:5%;		
	--p3:5%;
}

ul#tel { display:none;}

#obsluga ul li { width:48%; }
.graff .item .ico img { width: auto !important; height:500px !important; position:relative; left:50%; top: 0;  transform: translate(-50%, 0); }

ul.oferta li .ico { width:45%; }
ul.oferta li .txt { width:53%; padding-bottom:140px; }
ul.oferta li .icokolory { width:51%;}
ul.oferta li .icokolory img { width:12% !important; }

.zdjecie .item img { width: auto  !important; height: 500px !important; }
.zdjecie { width:63%; }
.kolory { width:35%; }
.kolory .infokolory .item {width:33.3% !important;}
 #page-produkt > .box:nth-child(2) { padding: 0px;}

#fotchar { width:120% !important;}

.lista ul.galeria li  { width:32.3%; }

.page .box .wpis img { width:100% !important; }
#filtrowaniebut { flex-wrap:wrap;}
#filtrowaniebut .wiecej2 { width:100%; margin:0px 0px 10px 0px; } 

}

@media only screen and (max-width: 600px)
{
#baner { padding-bottom:320px;}
#ofertahome ul { padding:0px 5%;}
#ofertahome ul li { width:31.3%; margin:0px 1% 2% 1%;}
#footer .dol{ width:100%; text-align:center; padding-bottom:5%;}
#infopromocja .box:nth-child(1) { padding:var(--p2) 5% 0px 5%; }
#infopromocja .box:nth-child(2) { padding:var(--p2) 5%;}
#footer .dol h3 { text-align:center;}
a.wiecej2 { width:100%;}
ul.opismarki li { flex-wrap:wrap}
ul.opismarki li img { margin-right:0px; width: 100% !important; height: auto !important; display:block; margin-bottom:20px; }



}


@media only screen and (max-width: 500px)
{
html { font-size:8px;}
#baner { padding-bottom:380px;}
#baner video {height:250px;}
#ofertahome ul li { width:48%;}
#grupy ul li { width:100%; margin:0px 0px 2% 0px;}
#infokatalog .box:nth-child(1) {padding:0px 10%;}
.graff .item .ico img { width: auto !important; height:400px !important;  }

.realizacjehome { padding-bottom:50px;}
.newshome {padding-bottom: 70px;}

ul.oferta li .ico { width:45%; }
ul.oferta li .ico img { width: auto !important; height:140% !important; }
ul.oferta li .txt { width:50%; padding-bottom:120px; }
ul.oferta li .icokolory { width:48%; }
ul.oferta li .icokolory img { width:15% !important; }


ul.oferta li.czap .ico { width:35%;}
ul.oferta li.czap .txt { width:63%; padding-bottom:90px;}
ul.oferta li.czap .icokolory { width:62%;}

input.wpcf7-submit { width:100%;}

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

ul.grupa { width:100%; margin-left:0; }
ul.grupa li { width:100%; margin:0px 0px 2% 0px;}


}

@media only screen and (max-width: 400px)
{
#top fieldset .txt { width:220px;}
#baner { padding-bottom:420px;}

:root{
	--p2:7%;		
	--p3:7%;
}


}