/* RESET STYLI  */


@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;600;700&display=swap');




html, body, div, span, applet, object, iframe,
                h1, h2, h3, h4, h5, h6,  blockquote, pre,
                a, abbr, acronym, address, big, cite, code,
                del, dfn, em, font, img, ins, kbd, q, s, samp,
                small, strike, sub, sup, tt, var,
                dl, dt, dd,
                fieldset, form, label, legend {
                    margin: 0;
                    padding: 0;
                    border: 0;
                    outline: 0;
                    font-weight: inherit;
                    font-style: inherit;
                    font-size: 100%;
                    vertical-align: baseline;
                }
                :focus {
                    outline: 0;
                }
                body {
                    line-height: 22px;
                    color:#333939;
					background-color:white;
				    font-size:15px;
					font-family: 'Familjen Grotesk', sans-serif;
					font-weight:400;
					letter-spacing: 0.5px;
                }

                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }




div, nav, header, footer, span,table,td,ul,li,input, textarea,select,big,p {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



input, textarea,select {
	font-family: 'Familjen Grotesk', sans-serif;
}


strong, h1 , h2 ,h3 , h4 {
letter-spacing: 1px;
}



.mapa {
margin-bottom: 40px;
}


.strona_txt {
width: 100%;
overflow: hidden;
}



.strona {
	width: 100%;
	border: 0px;
	margin:0 auto;
	padding: 0px 100px;
	min-width:300px;
	max-width:1720px;
}

.ramka {
	width: 100%;
	border: 0px;
	float:left;
}

header {
	width: 100%;
	border: 0px;
	top: 0px;
	left: 0px;
    height:200px;	
	position:absolute;
	z-index:99999;
		padding: 0px 100px;
}	



header .logo {
  width: 270px;
  border: 0px;
  float: left;
  height: 200px;
  position: relative;
  margin-right: -200px;
}


header .logo img {
position:absolute;
left:0px;
top:0px;
bottom:0px;
right:auto;
margin:auto;
max-width:100%;
max-height:100%;
}	

header .logo img:hover {
opacity:0.7;	
}	



header .top {
	width: 80%;
	border: 0px;
	float:right;
	color:white;
  margin-top: 28px;
}	

header .top nav {
	width:100%;
	border: 0px;
	float:right;
	margin-top:20px;
}	



header .top .social {
	width: 100%;
	border: 0px;
	float:left;
	text-align:right;
	font-weight:bold;
	color:#D4D7DF;
}	

header .top .social img{
	vertical-align:middle;
	margin-left:20px;
}	

header .top .social img:hover {
opacity:0.7;	
}	


.cycle-slideshow.baner  {
	width: 100%;
	border: 0px;
	float:left;
	position:relative;
	z-index:0;
	margin-top:0px;
	z-index:0;
		min-height: 700px;
}	


.cycle-slideshow.baner  .prev img{
position:absolute;
left:20px;
top:0px;
bottom:0px;
z-index:999;
margin:auto 0;
opacity:0.7;
cursor:pointer;
}	

.cycle-slideshow.baner  .prev img:hover{
opacity:1;
}	


.cycle-slideshow.baner  .next img{
position:absolute;
right:20px;
top:0px;
bottom:0px;
z-index:999;
margin:auto 0;
opacity:0.7;
cursor:pointer;
}	




.cycle-slideshow.baner  .next img:hover{
opacity:1;
}	


















.cycle-slideshow.baner  .sekwencja {
	width: 100%;
	border: 0px;
	float:left;
	background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
	height:100vh;
	position: relative;
	min-height: 700px;
}	


.cycle-slideshow.baner  .sekwencja:before {
	width: 100%;
	height: 100%;
	left:0;
	top: 0;
	position: absolute;
	background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
	/* background-image:url('../grafika/tlo_baner.webp'); */
	content:'';
}	



.cycle-slideshow.baner  .sekwencja:after {
	width: 100%;
	height: 100%;
	left:0;
	top: 0;
	position: absolute;
	background-color: rgba(0,0,0,0.2);
	content:'';
}	

.cycle-slideshow.baner .sekwencja .box-txt {
  position: relative;
  z-index: 9;
}



.cycle-slideshow.baner  .sekwencja .box-txt {
float:right;
width:100%;
margin-top:31vh;
text-align:left;
color:white;
padding-right:10%;
max-width:800px;
}	

.cycle-slideshow.baner  .sekwencja .box-txt  h1 {
	font-size:80px;
	line-height:90px;
	font-weight:bold;
}	


.cycle-slideshow.baner  .sekwencja .box-txt  p {
font-size:20px;
line-height:30px;
text-transform:uppercase;
font-weight:bold;
}	



@media screen and (min-width: 1101px) and (max-width: 99920px) 


{



#nawigacja-menu{
    list-style: none;
	margin: 0px 0px 0px 0px;
	display:inline-block;
	padding:0px;
	float:right;
	text-align:center;
	vertical-align:middle;
}

#nawigacja-menu ul {
display:none !important; 	
}	


#nawigacja-menu li{
display:inline-block;
margin:0px;
padding:0px;
float:left;
vertical-align:middle;
}



#nawigacja-menu li a{
	color:white;
	text-decoration:none;
	vertical-align:middle;
	display:inline-block;
     font-size:15px;
    padding:15px 25px;
	vertical-align:middle;
	text-transform:uppercase;
	border-bottom:0px solid white;
	font-weight:bold;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

#nawigacja-menu li a:hover {
	color:#333939;
	background-color:white;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}	

#nawigacja-menu li.menubold a {
	color:#333939 !important;
	background-color:white;
}



}




.logo_b {
display: none;
}

.glowna4.podrzedna  .logo_b {
display: block;
}

.glowna4.podrzedna  .logo_a {
display: none;
}

.glowna4.podrzedna  #nawigacja-menu li a {
color: #333939;
}

.glowna4.podrzedna header .top .social {
  color: #779191;
}


.glowna4.podrzedna header .top .social img {
  filter: brightness(0);
}

.sciezka {
display: none;
}


.cycle-pager {
	width:100%;
	position:absolute;
    bottom:50px;
	z-index:9999;
	display:block;
	text-align:center;
}	


.cycle-pager span {margin: 0px 8px 0px 8px; padding:5px;font-size:0px;  cursor: pointer;border:1px solid #5E5C57;}
.cycle-pager span.cycle-pager-active {  cursor: pointer;background-color:white;border:1px solid white;}



.boxformularz {
	width: 100%;
	border: 0px;
	float:left;
	position:relative;
	z-index:9;
	background-color: #F1F3F3;
}	


.boxformularz .ryfel {
	width: 100%;
	border: 0px;
	float:left;
	background-image:url('../grafika/ryfel.webp');
	background-repeat : no-repeat;
	background-position:center center;
	height:421px;
	position: absolute;
	top: -90px;
	z-index: 0;
}


.boxformularz .box {
  float: right;
  padding: 50px;
  background-color: white;
  max-width: 800px;
  position: relative;
  z-index: 9;
  width: 100%;
	top: -14vw;
	-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2);
}


.boxformularz .box strong {
font-size:18px;
line-height:25px;
}	

.boxformularz .naglowek {
	width: 100%;
	border: 0px;
	float:left;
}	


.boxformularz .naglowek strong {
font-size:18px;
line-height:25px;
color: #5D6A6A;
}	



.boxformularz .pole {
	width: 100%;
	border: 0px;
	float:left;
	margin-top:20px;
	display: flex;
	flex-wrap: wrap;
	color: #5D6A6A;
}	

.boxformularz .pole  small {
text-transform:uppercase;	
font-size:14px;
font-weight:bold;
width: 100%;
}	

.boxformularz .pole  span {
display:inline-block;
float:left;
border:1px solid #C3CCCC;
padding:15px 10px 15px 40px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color:#8F9B9A;
margin:5px 1% 5px 0px;
font-size: 14px;
width: 49%;
position: relative;
line-height: 19px;
}	

.boxformularz .pole  span input {
position: absolute;
left: 13px;
top: 15px;
}


.boxofirmie {
  width: 100%;
  border: 0px;
  float: left;
  background-color: #F1F3F3;
  margin-top: -100px;
  position: relative;
  padding-bottom: 110px;
}


.boxofirmie .ramka{
padding-left:100px;
padding-right:100px;
margin-top:-50px;
position:relative;
z-index:999;
}	

.boxofirmie  small {
	transform: rotate(270deg);
	display:block;
	position:absolute;
	left:-20px;
	top:170px;
	display:block;
	z-index:9999;
	text-transform:uppercase;
		height: 30px;
}	

.boxofirmie  small:before {
	display:block;
	position:absolute;
	right:105%;
	top:12px;
	display:block;
	width: 200px;
	z-index:9999;
	text-transform:uppercase;
	background-color: #fff;
	height: 1px;
	content:'';
}	



.boxofirmie .img {
	width: 50%;
	border: 0px;
	float:left;
}	

.boxofirmie .img img{
	float:left;
	max-width:100%;
}	


.boxofirmie .txt {
  width: 50%;
  border: 0px;
  float: left;
  padding-left: 5%;
  margin-top: 190px;
  font-size: 17px;
  line-height: 25px;
}


.boxofirmie .txt img:hover{
	opacity:0.7;
}	

.boxofirmie .txt strong {
	font-size:35px;
	line-height:40px;
	font-weight:400;
	color: #5D6A6A;
}	

.boxwsparcie {
	width: 100%;
	border: 0px;
	float:left;
	position:relative;
}	


.boxwsparcie .ramka{
position:relative;
z-index:999;
padding-top:100px;
padding-left:50px;
padding-right:50px;
}	

.boxwsparcie  small {
	transform: rotate(270deg);
	display:block;
	position:absolute;
	left:-110px;
	top:250px;
	display:block;
	z-index:9999;
	text-transform:uppercase;
	height: 30px;
}	


.boxwsparcie .ramka .txt {
  width: 50%;
  border: 0px;
  float: left;
  font-size: 18px;
  line-height: 27px;
  padding-right: 70px;
  padding-left: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}


.boxwsparcie .ramka .txt strong {
  color: #68B92E;
  font-size: 50px;
  line-height: 60px;
  font-weight: 400;
}




.boxwsparcie .ramka .img {
  width: 50%;
  border: 0px;
  position: absolute;
  right: 0px;
  top: 20%;
  padding-left: 20px;
  padding-right: 20px;
  max-height: 650px;
  height: 80%;
}



.boxwsparcie .ramka .img img{
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	object-fit: cover;
	height: 100%;
}	





.boxwsparcie .ramka:nth-of-type(2) .img {
  width: 50%;
  border: 0px;
  position: absolute;
  left: 0px;
  top: 20%;
  padding-left: 20px;
  padding-right: 20px;
  max-height: 650px;
  height: 80%;
}




.boxwsparcie .ramka:nth-of-type(2) .txt {
  float: right;
  padding-right: 20px;
  padding-left: 70px;
}






.boxy {
	width: 100%;
	border: 0px;
	float:left;
	margin-top:90px;
	display:block;
}	

.boxy .box {
	width:49%;
	border: 0px;
	float:left;
	
	font-size:17px;
	line-height:27px;
	display:block;
}	



.boxy .box .naglowek {
	width: 100%;
	border: 0px;
	float:left;
	height:150px;
}	

.boxy .box .naglowek strong {
font-size:45px;
line-height:55px;
display:inline-block;
max-width:420px;
font-weight: 400;
}

.boxy .box .txt {
  width: 100%;
  border: 0px;
  float: left;
  height: 260px;
  padding: 50px;
    padding-left: 50px;
  position: relative;
  padding-left: 180px;
}



.boxy .ramka {
padding-left:60px;
padding-right:60px;
float:left;
width:100%;
}	


.boxy .box.box1 .txt{
	background-color:#67B82D;
	color:white;
}	

.boxy .box.box2 .txt{
	background-color:#E3E8E8;
}	

.boxy .box.box1{
	margin-right:1%;
}	

.boxy .box.box1 .txt strong {
	font-size:30px;
	line-height:40px;
}	


.boxy .box.box2{
	margin-left:1%;
}	

.boxy .box.box2 a img {
	float:right;
}	

.boxy .box.box2 a img:hover {
	opacity:0.7;
}	


.boxy .box .img {
  position: absolute;
  left: 40px;
  top: 0px;
  margin-right: 30px;
  bottom: 0px;
  margin: auto;
}



.boxnaszaoferta {
	width: 100%;
	border: 0px;
	float:left;
	background-image:url('../grafika/tlonaszaoferta.webp');
	background-repeat : no-repeat;
	background-position:center top;
	padding-top:140px;
	padding-bottom:100px;
	margin-top:100px;
	position:relative;
}

.boxnaszaoferta .ramka {
	padding-left:2.5%;
	padding-right:2.5%;
}	



.boxnaszaoferta .box{
	width: 23%;
	border: 0px;
	float:left;
	height:530px;
	background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
	margin-left:1%;
	margin-right:1%;
	position:relative;
}	

.boxnaszaoferta .box:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(51,57,57,0.2);
content:'';
}



.boxnaszaoferta .box a img {
position:absolute;
left:50px;
bottom:50px;
	z-index: 9;
}	

.boxnaszaoferta .box a img:hover {
opacity:0.7
}	



.boxnaszaoferta .box .naglowek {
	width: 80%;
	border: 0px;
	float:left;
	padding:40px;
	height:170px;
	border-bottom:1px solid rgba(255,255,255,0.7);
	margin-left:20%;
	padding-left:0px;
	position: relative;
	z-index: 9;
}	

.boxnaszaoferta .box .naglowek a {
font-size:25px;
line-height:35px;
font-weight:400;
	position: relative;
	z-index: 9;
}	





.boxnaszaoferta small {
	transform: rotate(270deg);
	display:block;
	position:absolute;
	left:-20px;
	top:250px;
	display:block;
	z-index:9999;
	text-transform:uppercase;
	height: 30px;
}



.boxnaszaoferta small:before {
  display: block;
  position: absolute;
  right: 105%;
  top: 12px;
  display: block;
  width: 200px;
  z-index: 9999;
  text-transform: uppercase;
  background-color: #FFF;
  height: 1px;
  content: '';
}



.boxwsparcie small {
	transform: rotate(270deg);
	display:block;
	position:absolute;
	left:-20px;
	top:250px;
	display:block;
	z-index:9999;
	text-transform:uppercase;
	height: 30px;
}




.boxwsparcie small::before {
  display: block;
  position: absolute;
  right: 105%;
  top: 12px;
  display: block;
  width: 200px;
  z-index: 9999;
  text-transform: uppercase;
  background-color: #EEF0F0;
  height: 1px;
  content: '';
}



.boxsklad {
  width: 100%;
  border: 0px;
  float: left;
  padding-top: 90px;
  padding-bottom: 100px;
  background-color: #333939;
}


.boxsklad  .img {
	width: 50%;
	border: 0px;
	float:left;
}	


.boxsklad  .img img{
	max-width:100%;
}	


.boxsklad  .txt {
	width: 50%;
	border: 0px;
	float:left;
	color:#E4EAEA;
	font-size:18px;
	line-height:30px;
	padding-left:5%;
	margin-top:80px;
}	

.boxsklad  .txt strong {
	color:#67B82E;
	font-size:50px;
	line-height:60px;
	font-weight:400;
}	



.boxplikidopobrania {
float:left;
width:100%;
position:relative;
}	





.boxplikidopobrania  .naglowek {
float:left;
width:100%;
text-align:center;
padding-top:50px;
padding-bottom:50px;
}	

.boxplikidopobrania  .naglowek strong {
color:#68B92E;
font-size:50px;
line-height:60px;
}	


.boxplikidopobrania .cycle-slideshow.baner2 {
float:left;
width:100%;
}	

.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja .img {
  width: 50%;
	overflow: hidden;
}

.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja {
display: table;
}

.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja .img{
display: table-cell;
vertical-align: middle;
}



.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja .box-txt{
display: table-cell;
vertical-align: middle;
}


.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja .img img{
margin: 0px auto;
max-width:100%;
display: block;
  max-height: 300px;
}	

.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja .box-txt {
width:50%;
padding-left:5%;
font-size:18px;
line-height:25px;
}	

.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja .box-txt  strong {
	font-size:30px;
	line-height:40px;
}	



.boxplikidopobrania .ramka {
	padding-left:3%;
	padding-right:3%;
}	




.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja  {
padding-left:10%;
padding-right:10%;
}	



.lista-min-kat .min-kat .img img:hover {
	filter: brightness(70%);
-webkit-box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 1);
box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 1);
}	





.boxplikidopobrania  .prev2 img{
position:absolute;
left:0px;
top:0px;
bottom:0px;
z-index:999;
margin:auto 0;
opacity:0.7;
cursor:pointer;
}	

.boxplikidopobrania  .prev2 img:hover{
opacity:1;
}	


.boxplikidopobrania  .next2 img{
position:absolute;
right:0px;
top:0px;
bottom:0px;
z-index:999;
margin:auto 0;
opacity:0.7;
cursor:pointer;
}	

.boxplikidopobrania  .next2 img:hover{
opacity:1;
}	



.boxplikidopobrania small:before {
  display: block;
  position: absolute;
  right: 105%;
  top: 12px;
  display: block;
  width: 200px;
  z-index: 9999;
  text-transform: uppercase;
  background-color: #EEF0F0;
  height: 1px;
  content: '';
}



.boxplikidopobrania small {
	transform: rotate(270deg);
	display:block;
	position:absolute;
	left:-20px;
	top:250px;
	display:block;
	z-index:9999;
	text-transform:uppercase;
	height: 30px;
}






.tresc {
padding: 300px 0px 0px 0px;
}


.tresc-kontakt {
padding: 240px 0px 0px 0px;
}




.tresc a {
	color:#67B82D;
}	

.tresc a:hover {
	color:black;
}	

.tresc-podstrony a {
	color:#67B82D;
}	

.tresc-podstrony a:hover {
	color:black;
}	


.tresc-kontakt a:hover {
color:black;
}








.tresc table {
max-width:100% !important;	
}	


.tresc-podstrony table {
max-width:100% !important;	
}	

.tresc-kontakt table {
max-width:100% !important;	
}	




.tresc iframe {
max-width:100% !important;	
}	


.tresc-podstrony iframe {
max-width:100% !important;	
}	

.tresc-kontakt iframe {
max-width:100% !important;	
}	












.glowna2nadrzedna .tresc h1 {
display: none;
}


.glowna4nadrzedna .table_podstrona {
  margin-bottom: 0px;
}


.table_podstrona {
width: 100%;
position:relative;
padding: 0px 0px 190px 0px;
margin-bottom: 80px;
color: #FFF;
font-size: 21px;
line-height: 34px;
}

.glowna9nadrzedna .table_podstrona {
padding: 0px 0px 70px 0px;
}


.table_podstrona h2 {
font-size: 45px !important;
line-height: 55px !important;
}


.table_podstrona h2 span {
font-size: 45px !important;
line-height: 55px !important;

}


.table_podstrona img {
  width: 130%;
  position: absolute;
  left: -15%;
  top: -300px;
  height: calc(100% + 300px);
  object-fit: cover;
  z-index: -3;
}

.table_podstrona:before {
	width: 130%;
	height: calc(100% + 300px);
	left:0;
  left: -15%;
  top: -300px;
	position: absolute;
	background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
	/* background-image:url('../grafika/tlo_baner.webp'); */
	content:'';
	  z-index: -1;
}

.table_podstrona:after {
	width: 130%;
	height: calc(100% + 300px);
	left:0;
  left: -15%;
  top: -300px;
	position: absolute;
	background-color:rgba(0,0,0,0.5);
	content:'';
	  z-index: -2;
}


.table_podstrona tr td {
  padding-left: 45%;
	
}


.table_podstrona table tr td {
padding-left: 0px !important;
padding-right: 4% !important;
width: 50% !important;
vertical-align: top;
}



.table_sklad {
width: 100%;
position: relative;
background-color: #333939;
padding-bottom: 90px;
color: #FFF;
}



.table_sklad:before {
	width: 130%;
	height: calc(100% + 300px);
	left:0;
  left: -15%;
  top: -300px;
	position: absolute;
	background-color:#333939;
	content:'';
	z-index: -1;
}

.table_sklad tr td:nth-of-type(1) {
width: 50%;
}

.table_sklad tr td:nth-of-type(2) {
padding-left: 4%;
position: relative;
z-index: 1;
}

.table_sklad h2 {
font-size: 45px !important;
line-height: 55px !important;
}

.table_sklad big {
color:#67B92E;
font-size: 25px;
}


.table_sklad ul  {
list-style: none;
padding: 0px 0px;
margin: 0px 0px;
}


.table_sklad ul li {
font-size: 19px;
line-height: 29px;
position: relative;
}



.table_sklad ul li {
font-size: 19px;
line-height: 29px;
position: relative;
padding-left: 30px;
}


.table_sklad ul li:before {
left: 0;
top: 13px;
position: absolute;
background-color: #67B82D;
width: 8px;
height: 8px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
content:'';
}





.table_left_img_kwadrat {
width: 100%;
position: relative;
}

.table_left_img_kwadrat tr td {
width: 50%;
position: relative;
}


.table_left_img_kwadrat tr td:nth-of-type(1) img  {
width: 85%;
position: relative;
float: right;
}

.table_left_img_kwadrat tr td:nth-of-type(1):before   {
top: 0;
position: absolute;
left: 0;
width: 75%;
height: 85%;
background-color: #67B830;
content:'';
}

.table_left_img_kwadrat tr td:nth-of-type(1):after  {
top: 8%;
position: absolute;
left: 5%;
width: 80%;
height: 90%;
border:1px solid #67B830;
content:'';
}



.table_left_img_kwadrat tr td:nth-of-type(2)  {
padding-left: 4%;
}



.table_left_img_kwadrat small {
color: #949494;
font-size: 22px;
line-height: 30px;
}

.table_left_img_kwadrat small span {
color: #949494;
font-size: 22px !important;
line-height: 30px !important;
}


.table_left_img_kwadrat big {
color: #67B82D;
font-size: 89px;
line-height: 75px;
font-weight: 700 !important;
}



.table_img_right {
width: 100%;
position:relative;
overflow: hidden;
}

.table_img_right tr td  {
width: 50%;
position:relative;
}

.table_img_right tr td:nth-of-type(1) {
  position: absolute;
  right: 0px;
  top: 5%;
  width: 50%;
  height: 95%;
  overflow: hidden;
}

.table_img_right tr td:nth-of-type(2) {
position: relative;
width: 46%;
float: left;
padding: 40px 0px;
}

.table_img_right tr td:nth-of-type(1) img {
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
left: 0px;
max-width: 100%;
max-height: 640px;
display: block;
margin: auto;
}


.table_img_right ul {
list-style: none;
padding: 0px 0px;
margin: 0px 0px;
width: 100%;
display: flex;
flex-wrap: wrap;
}


.table_img_right ul li {
width: 50%;
padding: 10px 4% 10px 4%;
position: relative;
margin: 10px 0px;
}


.table_img_right ul li:before {
left: 0px;
top: 0px;
width: 1px;
height: 50%;
background-color:#67B82D;
position: absolute;
content:'';
}


.table_img_right ul li big {
color: #67B82D;
font-size: 25px;
line-height: 35px;
display: block;
}


.table_img_right h2 {
font-size: 45px !important;
line-height: 55px !important;
}



.lista-min-kat {
width: 100%;
float: left;
position: relative;
}

.lista-min-kat {
width: 100%;
float: left;
position: relative;
background-color: #EDEFEF;
padding: 20px 0px;
}


.lista-min-kat:before {
width: 160%;
height: 100%;
position: absolute;
left: -30%;
top: 0px;
content:'';
background-color: #EDEFEF;
z-index: -1;
}



.lista-min-kat .min-kat {
float: left;
width: 100%;
margin: 50px 0px;
position: relative;
text-decoration: none;
}



.lista-min-kat .min-kat .img {
width: 60%;
margin: 0px 0px;
position: absolute;
top: 0;
left:0;
height: 100%;
}


.lista-min-kat .min-kat .img img {
width: 100%;
margin: 0px 0px;
position: absolute;
top: 0;
left:0;
height: 100%;
object-fit: cover;
}

.lista-min-kat .min-kat  .naglowek  {
float: right;
width: 45%;
padding: 60px 5%;
background-color: #FFF;
margin: 3vw 0px;
position: relative;
z-index: 9;
margin-left: -5%;
margin-right: 0px;
}


.lista-min-kat .min-kat:hover  .naglowek {
background-color: #333939;
color: #FFF;
transform: scale(1);
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}



.lista-min-kat .min-kat:hover  .naglowek {
background-color: #333939;
transform: scale(1.1);
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}


.tresc h1 {
display: none;
}


.lista-min-kat .min-kat  .naglowek img {
margin-top: 20px;
}


.lista-min-kat .min-kat  .naglowek strong {
font-size: 50px;
line-height: 63px;
color: #333939;
font-weight: 400;
}


.lista-min-kat .min-kat:hover  .naglowek strong {
color: #FFF;
}




.lista-min-kat .min-kat:nth-of-type(odd) .img  {
left: auto;
right: 0px;
}


.lista-min-kat .min-kat:nth-of-type(odd)   .naglowek {
float:left;
width: 45%;
margin-right: -5%;
margin-left: 0;
}



.glowna3.podrzedna .tresc {
  padding: 160px 0px 100px 0px;
}


footer {
float:left;
width:100%;
background-color:#5D6A6A;
padding-top:50px;
margin-top:100px;
position:relative;
color:white;
	/* background-image:url('../grafika/tlostopka.webp'); */
	background-repeat : no-repeat;
	background-position:center bottom;
	padding-bottom:100px;
}	





footer .top img{
position:absolute;
left:0px;
right:0px;
top:-40px;
margin:0 auto;
z-index:999;
}	

footer .top img:hover {
filter: brightness(70%);	
}	



footer .ramka {
float:left;
width:100%;
margin-top:50px;
margin-bottom:90px;
}	


footer .ramka2 {
float:left;
width:100%;
}	


footer .ramka2 .box {
  float: left;
  width: 85%;
  margin-right: -10%;
}


footer .ramka2 .box2 {
  float: right;
  width: 200px;
  text-align: right;
}


footer .ramka2 .box2 img{
vertical-align:middle;
}	

footer .ramka2 .box2 img:hover{
opacity:0.7;
}	

footer .ramka3 {
float:left;
width:100%;
margin-top:50px;
margin-bottom:30px;
}	


footer .ramka3 .box{
float:left;
width:33.3%;
}	

footer .ramka3 .box.box2{
text-align:center;
}	

footer .ramka3 .box.box3{
float: right;
}	


footer .ramka3 .box.box2 img{
vertical-align:middle;
margin-top:-30px;
}	



footer .ramka3 .box.box2 {
  float: none;
  width: 30px;
  margin: 0px auto;
	position: relative;
	bottom: -40px;
}



footer .ramka3 .box.box2 img:hover{
opacity:0.7;
}	





footer .ramka3 .box.box3{
text-align:right;
}	



footer .ramka2 a {
margin-right:20px;
}	

.baner-podstrona {
float:left;
width:100%;
height:300px;
	background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
}	


.galeria_kom {
	float:left;
	width:33.3%;
	height:300px;
	background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
}	





.product-row {
display: table;
width: 100%;
margin: 30px 0px;
vertical-align: middle;
}


.product-desc {
width: 60%;
padding: 50px;
display: table-cell;
vertical-align: middle;
}

.product-desc table thead {
text-align: left;
font-size: 40px;
line-height: 50px;
color: #67B82D;
}

.product-desc table thead tr {
border: 0px;

}

.product-desc table {
width: 100%;
}

.product-desc table tbody tr {
display: block;
width: 100%;
border: 1px solid #E6E8E8;
border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
margin: 12px 0px;
}


.product-desc table tbody tr td {
padding: 15px 20px;
border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
background-color: #FFF;
width: 60%;
}




.product-desc table tbody tr td:first-of-type {
background-color: #E6E8E8;
width: 200px;
color: #7E8989;
}


.product-thumb {
width: 40%;
padding: 30px;
border: 1px solid #E4E7E7;
display: table-cell;
vertical-align: middle;
}


.product-thumb img {
max-width: 100%;
display: block;
margin: auto;
position: relative;
left: 0;
right: 0;
}


.colors-picker-h2 {
width: 100%;
padding: 60px 0px 10px 0px;
position: relative;
background-color: #E6E8E8;
font-size: 45px !important;
line-height: 55px !important;
text-align: center;
margin-top: 60px;
}


.colors-picker-h2:before {
position: absolute;
left: -40%;
top: 0px;
width: 180%;
height: 100%;
content:'';
background-color: #E6E8E8;
z-index: -1;
}

.colors-picker {
width: 100%;
padding: 40px 0px 90px 0px;
position: relative;
background-color: #E6E8E8;
}


.colors-picker:before {
position: absolute;
left: -40%;
top: 0px;
width: 180%;
height: 100%;
content:'';
background-color: #E6E8E8;
z-index: -1;
}

.color-header table  {
width: 100%  !important;
display: block  !important;
} 



.color-header table tbody {
width: 100%  !important;
display: block  !important;
} 



.color-header table tr {
display: flex;
flex-wrap: wrap;
  justify-content: center;
}

.color-header table tr td {
background-color: #FFF;
padding: 10px;
margin: 0.5%;
text-align: center;
max-width: 14%;
}

.color-header table tr td img{
width: 100%  !important;
display: block  !important;
}

.product-third {
width: 29.3%;
margin: 2%;
padding: 50px;
position: relative;
text-align: center;
font-size: 24px;
line-height: 34px;
}

.product-third:before {
background-color: #E3E8E8;
position: absolute;
left: 0;
top: 0px;
width: 100%;
height: 50%;
content:'';
z-index:-1;
}


.product-third img{
width: 100%;
}

.products-row2 {
display: flex;
flex-wrap: wrap;
}

.realizacje-button {
width: 100%;
position: relative;
top: -20px;
text-align: center;
}

.realizacje-button a {
padding: 30px 40px;
background-color: #333939;
color: #FFF;
font-size: 20px;
line-height: 32px;
display: inline-block;
text-decoration: none;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
}

.realizacje-button a:hover {
	background-color:#67B82D;
}	



.table_sklad.img2 tr:first-of-type td{
padding: 50px 30px;
text-align: center;
}


body.glowna4.podrzedna .tresc.podstrony:before {
background-color: #E3E8E8;
width: 180%;
left:-40%;
top: 0;
height: 100%;
content:'';
position: absolute;
z-index: -1;
}

body.glowna4.podrzedna  .tresc.podstrony {
padding-top:210px;
padding-bottom: 40px;
}

body.glowna4.podrzedna .tresc.podstrony h1 {
display: block;
font-size: 55px !important;
line-height: 65px !important;
text-align: center;
}

.ramkacenter {
width: 100%;
padding: 60px 60px;
background-color: #FFF;
display: flex;
flex-wrap: wrap;
}

.sortuj {
margin: 30px auto;
width: 450px;
border: 1px solid #F1F5F5;
background-color: #CFD8D8;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
padding: 20px 240px 20px 30px;
position: relative;
}

.sortuj select {
width: 230px;
top: 0;
right: 0px;
padding: 23px 20px;
position: absolute;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
background-color: #FFF;
border: 0px;
}




.mapa_form_input {
margin: 30px auto;
width: 450px;
border: 1px solid #F1F5F5;
background-color: #CFD8D8;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
padding: 20px 40px 20px 40px;
position: relative;
text-align: right;
max-height: 64px;
}


.mapa_form_input select {
width: 230px;
top: 0;
left: 0px;
padding: 23px 20px;
position: absolute;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
background-color: #FFF;
border: 0px;
}

.mapa_form_input input {
  font-size: 20px;
  color: #67B82D;
  font-weight: 700;
  background-color: transparent;
  border: 0px;
  position: relative;
  top: -4px;
  cursor:pointer;
}

.mapa_form_input:hover {
	background-color:#333939;
}	

.sklep_punkt .link_czarny:hover {
	background-color:black !important;
}	

.pobierz_table tr td img:hover {
-webkit-box-shadow: 8px 8px 24px -8px rgba(0, 0, 0, 1);
-moz-box-shadow: 8px 8px 24px -8px rgba(0, 0, 0, 1);
box-shadow: 8px 8px 24px -8px rgba(0, 0, 0, 1);
 filter: brightness(80%);
}	


.ramkacenter .galeria_kom {
  width:29.3%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
	position: relative;
	margin: 2% 2% 150px 2%;
	height: 25vw;
	max-height: 460px;
	min-height:250px;
}

.tresc_produkty strong:hover {
color:#67B92E;
}	

.tresc_produkty small:hover {
background-color:#333939;	
}	

.formularz_wyceny .pole4 input {
cursor:pointer;	
}	


.pobierz_table tr td:last-of-type a:hover {
background-color:black;	
}	


.formularz_wyceny .pole4 input:hover {
background-color:#67B92E !important;
}	


.faqlink strong {
cursor:pointer;	
}	

.faqlink img {
	cursor:pointer;
}	




.ramkacenter .galeria_kom  .tresc_produkty {
position: absolute;
bottom: -120px;
padding: 30px 0px 0px 0px;
background-color: #FFF;
width: 100%;
}

.sklep_punkt .link_czarny {
padding: 16px 20px;
background-color: #333939;
text-decoration: none;
margin-right: 15px;
text-decoration: none;
display: inline-block;
color: #fff;
margin: 4px 0px;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
}

.sklep_punkt .link_czarny:last-of-type {
background-color: #67B82D;

}

.sklep_punkt big {
display: block;
padding: 15px 0px 10px 0px;
margin-bottom: 20px;
border-bottom: 1px solid #CFD8D8;
font-size: 23px;
}

.tresc_produkty strong {
color: #333939;
font-size: 31px;
line-height: 42px;
display: block;
font-weight: 400;
}

.tresc_produkty b {
color: #779191;
font-size: 15px;
line-height: 25px;
display: block;
letter-spacing: 2px;
border-top: 1px solid #CFD8D8;
padding-top: 14px;
}


.tresc_produkty small {
display: inline-block;
margin-top: -20px;
background-color: #67B92E;
padding: 20px 30px;
color: #FFF;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
}

.tresc h3 {
color: #333939;
font-size: 31px;
line-height: 42px;
display: block;
font-weight: 400;
text-align: center;
}


div.wycena_ul ul {
display: flex;
flex-wrap: wrap;
  justify-content: center;
	list-style: none;
	margin: 20px 0px;
	padding: 0px 0px 0px 0px;
}


div.wycena_ul ul li{
padding: 20px 35px;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
border: 1px solid #C8D2D2;
max-width: 23%;
margin: 1%;
}

.formularz_wyceny {
position: relative;
width:100%;
padding: 80px 0px 80px 0px;
background-color: #E3E8E8;
margin-top: 80px;
padding-bottom:180px;
}


.formularz_wyceny:before {
background-color: #E3E8E8;
position: absolute;
left: -30%;
top: 0px;
width: 160%;
height: 100%;
content:'';
z-index:-1;
}

.formularz_wyceny h2 {
display: block;
padding: 0px 0px 50px 0px;
color:#333939;
font-size: 52px;
line-height: 62px;
text-align: center;
}


table.txt h3 {
  color: #67B82D;
  text-align: left;
}

table.txt td  big {
font-size: 30px;
line-height: 43px;
}

table.txt td  {
padding: 40px 3%;
width: 50%;
}



.formularz_wyceny .pole {
width: 50%;
padding: 20px 3%;
float: left;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
color: #5D6A6A;
}


.formularz_wyceny  .pole2 {
width: 100%;
padding: 20px 3%;
float: left;
text-transform: uppercase;
color: #5D6A6A;
font-size: 13px;
font-weight: 700;
}


.formularz_wyceny  .pole3 {
width: 100%;
padding: 20px 3%;
text-transform: uppercase;
color: #5D6A6A;
font-size: 13px;
font-weight: 700;
}


.formularz_wyceny .pole4 {
width: 100%;
padding: 30px 3% 30px 3%;
color: #5D6A6A;
font-size: 19px;
font-weight: 400;
}

.formularz_wyceny  .pole4 input{
padding: 20px 45px;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
width: 100%;
background-color: #333939;
color: #FFF;
text-align: center;
font-size: 23px;
border: 0px;
}



.boks_form .pole2 {
display: flex;
flex-wrap:wrap;
}


.boks_form .pole2 .pole_a  {
display: flex;
flex-wrap:wrap;
padding: 30px 0px 30px 40px;
border-bottom: 1px solid #5D6A6A;
position: relative;
width: 100%;
text-transform:none;
color: #333939;
font-weight: 400;
font-size: 22px;
line-height: 32px;
}


.boks_form .pole2 .pole_a  input {
left: 0;
top:0;
bottom: 0;
margin: auto 0;
position: absolute;
}





.formularz_wyceny  .pole input{
width: 100%;
padding: 20px 8%;
float: right;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
border: 1px solid #D2D7D7;
background-color: #FFF;
}



.formularz_wyceny  .pole3 input{
width: 100%;
padding: 20px 8%;
float: right;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
border: 1px solid #D2D7D7;
background-color: #FFF;
}


.formularz_wyceny  .pole2 textarea {
width: 100%;
padding: 20px 8%;
float: right;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
border: 1px solid #D2D7D7;
background-color: #FFF;
}


.formularz_wyceny  .pole nobr{
text-transform: uppercase;
padding: 0px 0px;
display: block;
}

.formularz_wyceny  .pole select {
width: 100%;
padding: 20px 8%;
float: right;
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
border: 1px solid #D2D7D7;
background-color: #FFF;
}




.formularz_wyceny  .pole {
  font-size: 12px;
  font-weight: 700;
  color: #5D6A6A;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}


.formularz_wyceny  .pole2 {
  font-size: 12px;
  font-weight: 700;
  color: #5D6A6A;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}


.formularz_wyceny .pole3 {
  font-size: 12px;
  font-weight: 700;
  color: #5D6A6A;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}



.formularz_wyceny form{
width: 100%;
max-width: 940px;
display: block;
margin: 0px auto;
}




.faqlink {
  display: block;
  padding: 25px 100px 25px 0px;
  border-top: 1px solid #CDCFCF;
  color: #333939;
  font-size: 25px;
  line-height: 37px;
  text-decoration: none;
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
}



.faqlink img{
right: 0;
top: 25px;
position: absolute;
width:45px;
}




.faqlink strong{
font-weight: 400;
}


.faqlink:hover {
border-top: 1px solid #67B82D;
color: #67B82D;

}


.content {
    display: none;
		padding: 0px 30% 30px 0px;
		  max-width: 1000px;
  margin: 0px auto;
	width: 100%;
}



.table_podstrona  h3 {
  color: #67B82D;
  font-size: 28px;
  line-height: 40px;
	text-align: left;
}
 



.boks_przeds {
float: left;
width: 96%;
margin: 20px 2% 50px 2%;
}


.boks_przeds tr td {
padding-left: 26%;
position: relative;
width: 50%;
padding-right: 2%;
}

.boks_przeds tr td big {
position: absolute;
left: 0;
top: 0;
width: 45%;
height: 100%;
background-color: #67B82D;
color: #FFF;
font-size: 26px;
line-height: 42px;
padding: 100px 40px 30px 40px;
}


.boks_przeds tr td small {
font-size: 13px;
color: #99A4A4;
}

.boks_przeds  tr td a {
color: #67B82D;
}

.boks_przeds  tr td a:hover {
color: black;
}




.boks_przeds tr td strong {
  font-size: 25px;
  font-weight: 400;
}


.tresc-kontakt h3 {
font-size: 30px;
line-height: 40px;
margin-left: 2%;
}

.boks_przeds td:before {
  position: absolute;
  left: 40px;
  top: 40px;
  content: '';
  width: 50px;
  height: 50px;
  background-image: url('../grafika/call.webp');
  background-repeat: no-repeat;
  background-position: left center;
  z-index: 9;
  background-size: 100%;
}


.mapa_form {
width: 100%;
float: left;
padding: 70px 0px 0px 0px;
background-color: #E3E8E8;
}


.mapa_form h3 {
display: block;
padding: 0px 0px 0px 0px;
color:#333939;
font-size: 42px;
line-height: 52px;
text-align: center;
}



.mapa_form .strona {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}


.sklep_punkt {
margin: 2%;
width: 29.3%;
background-color: #FFF;
padding: 50px;
}



.link_stopka {color:white;text-decoration:none;display:inline-block;font-size:30px;line-height:30px;margin-right:20px;}
.link_stopka:hover {color:#68B92E;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_stopka2 {color:#67B92E;text-decoration:none;display:inline-block;}
.link_stopka2:hover {color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.link_bialy {color:white;text-decoration:none;display:inline-block;}
.link_bialy:hover {color:#67B92E;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}





.przycisk {cursor:pointer;color:#AB8B6A;text-decoration:none;display:inline-block;background-color:#333939;color:white;padding:18px 40px;-webkit-border-radius: 50px;
-moz-border-radius: 50px;border-radius: 50px;color:white;font-weight:bold;text-transform:uppercase;border:0px;width: 49%;letter-spacing: 1.5px;}
.przycisk:hover {background-color:#67B92E;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



.przycisk_bialy {
  font-weight: 600;
  cursor: pointer;
  color: black;
  text-decoration: none;
  display: inline-block;
  background-color: white;
  padding: 19px 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  text-transform: uppercase;
  border: 0px;
  font-size: 13px;
  letter-spacing: 1px;
}

.przycisk_bialy:hover {color:white;background-color:#67B92E;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.przycisk2 {border:1px solid #D2D4D4;color:#333939;text-decoration:none;display:inline-block;padding:15px 40px;-webkit-border-radius: 50px;
-moz-border-radius: 50px;border-radius: 50px;}
.przycisk2:hover {background-color:#67B92E;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}





.glowna10nadrzedna .tresc h1, .glowna8nadrzedna .tresc h1{
padding: 230px 0px 90px 0px;
display: block;
position: relative;
background-color: #333939;
margin-top: -320px;
font-size: 50px;
line-height: 60px;
color: #FFF;
}


.glowna10nadrzedna .tresc h1:before, .glowna8nadrzedna .tresc h1:before{
width: 160%;
left: -30%;
position: absolute;
background-color: #333939;
content:'';
height: 100%;
top: 0;
z-index: -1;
}






.pobierz_table {
padding: 30px 0px;
width: 100%;
}

.pobierz_table tr td {
border-bottom: 1px solid #C9D3D3;
}

.pobierz_table tr td  strong {
font-size: 30px;
line-height: 40px;
}


.pobierz_table tr td  img {
max-height: 250px;
margin: 10px 0px;
max-width: 95%;
}

.pobierz_table tr td:last-of-type a {
padding: 14px 20px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;border-radius: 50px;
color: #FFF;
text-decoration: none;
background-color: #67B82D;
}

.pobierz_table tr td:last-of-type  {
padding-left: 30px;
}





body.glowna4.podrzedna .tresc.podstrony::before {
  width: 120%;
  left: -20%;
}













@media screen and (min-height: 0px) and (max-height: 780px) 


{


.cycle-slideshow.baner .sekwencja .box-txt h1 {
  font-size: 65px;
  line-height: 70px;
  font-weight: bold;
}



.cycle-slideshow.baner .sekwencja .box-txt {
  margin-top: 240px;
}



}










@media screen and (min-height: 0px) and (max-height: 690px) 


{


.boxformularz .box {
  top: -10vw;
}


.boxformularz .ryfel {
  height: 351px;
  top: -38px;
}



}




@media screen and (min-width: 0px) and (max-width: 1840px) 

{


.boxwsparcie small {
  left: -90px;
}

.boxnaszaoferta small {
  left: -50px;
}

.boxplikidopobrania small {
  left: -80px;
}


.boxofirmie small {
  left: -74px;
}


}



@media screen and (min-width: 0px) and (max-width: 1620px) 

{



#nawigacja-menu li a {
  font-size: 13px;
  padding: 15px 15px;
}



}




@media screen and (min-width: 0px) and (max-width: 1580px) 


{


.table_podstrona {
  padding: 0px 0px 90px 0px;
  margin-bottom: 50px;
}


.tresc {
  padding: 220px 0px 0px 0px;
}



.glowna10nadrzedna .tresc h1 {
  padding: 290px 0px 60px 0px;
  font-size: 40px;
  line-height: 50px;
}




}

@media screen and (min-width: 0px) and (max-width: 1520px) 


{


.boxy .ramka {
  padding-left: 0px;
  padding-right: 0px;
}



}






@media screen and (min-width: 0px) and (max-width: 1460px) 


{


.strona {
  padding: 0px 40px;
}

.boxformularz .ryfel {
  background-size: 63% 100%;
}



}





@media screen and (min-width: 0px) and (max-width: 1400px) 


{


header {
  padding: 0px 40px;
}



}







@media screen and (min-width: 0px) and (max-width: 1360px) 


{



.table_podstrona tr td {
  padding-left: 35%;
}

.table_podstrona h2 span {
  font-size: 35px !important;
  line-height: 40px !important;
}


.boxwsparcie .ramka .txt strong {
  font-size: 40px;
  line-height: 48px;
}


.lista-min-kat .min-kat .naglowek strong {
  font-size: 38px;
  line-height: 47px;
}


}



@media screen and (min-width: 1101px) and (max-width: 99920px) 


{


#nawigacja-menu li:first-of-type {
  display: none;
}


}


@media screen and (min-width: 0px) and (max-width: 1350px) 


{




.boxnaszaoferta .box .naglowek a {
  font-size: 35px;
  line-height: 45px;
}


.boxnaszaoferta {
  background-position: 67% top;
}


.boxnaszaoferta .box {
  height: 420px;
}


.boxnaszaoferta {
  background-position: 67% top;
  background-size: auto 98%;
}


.boxnaszaoferta .box {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 1%;
  margin-bottom: 1%;
}


.link_stopka {
  font-size: 20px;
  line-height: 30px;
}


.table_sklad h2 {
  font-size: 30px !important;
  line-height: 41px !important;
}


.table_sklad ul li {
  font-size: 15px;
  line-height: 24px;
  position: relative;
  padding-left: 30px;
}

.table_sklad tr td:nth-of-type(1) img {
  max-width: 90%;
}


.tresc_produkty strong {
  color: #333939;
  font-size: 24px;
  line-height: 32px;
  display: block;
  font-weight: 400;
}




}








@media screen and (min-width: 0px) and (max-width: 1280px) 


{

#nawigacja-menu li a {
  font-size: 13px;
  padding: 15px 10px;
}

.boxofirmie .ramka {
  padding-left: 30px;
  padding-right: 30px;
}

.boxofirmie .txt strong {
  font-size: 29px;
  line-height: 35px;
}



.boxofirmie .img {
  margin-top: 110px;
}

.boxformularz .ryfel {
  background-size: 78% 100%;
}



.boxy .box .txt {
  height: 300px;
}


.table_img_right ul li big {
  color: #67B82D;
  font-size: 19px;
  line-height: 26px;
  display: block;
}


.sklep_punkt .link_czarny {
  padding: 16px 10px;
  background-color: #333939;
  text-decoration: none;
  margin-right: 15px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  margin: 4px 10px 4px 0px;
  border-radius: 50px 50px 50px 50px;
  -webkit-border-radius: 50px 50px 50px 50px;
  -moz-border-radius: 50px 50px 50px 50px;
  font-size: 12px;
}


.sklep_punkt {
  margin: 2%;
  width: 29.3%;
  background-color: #FFF;
  padding: 50px 25px;
}


.sklep_punkt big {
  display: block;
  padding: 15px 0px 20px 0px;
  margin-bottom: 1px;
  border-bottom: 1px solid #CFD8D8;
  font-size: 23px;
}



}



@media screen and (min-width: 0px) and (max-width: 1200px) 


{


.boxofirmie .ramka {

  margin-top: 0px;
}

.boxformularz .ryfel {
  height: 251px;
  top: 78px;
}


.boxy .box .naglowek strong {
  font-size: 35px;
  line-height: 42px;
}


.boxy .box .naglowek {
  height: 110px;
}


}






@media screen and (min-width: 0px) and (max-width: 1180px) 


{



.boxsklad .txt {
  margin-top: 30px;
}


.table_left_img_kwadrat big {
  color: #67B82D;
  font-size: 69px;
  line-height: 65px;
  font-weight: 700 !important;
}

.table_img_right h2 {
  font-size: 35px !important;
  line-height: 45px !important;
}


div.wycena_ul ul li {
  border: 1px solid #C8D2D2;
  max-width: 48%;
  margin: 1%;
}







}










@media screen and (min-width: 0px) and (max-width: 1100px) 


{




header .logo img {
    max-width: 170px !important;
}



.boxwsparcie .ramka .txt strong {
  font-size: 32px;
  line-height: 40px;
}

.boks_przeds tr td strong {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.boks_przeds tr td big {
  font-size: 26px;
  line-height: 26px;
}

.sklep_punkt {
  margin: 2%;
  width: 46%;
  background-color: #FFF;
  padding: 50px 25px;
}


}






@media screen and (min-width: 0px) and (max-width: 1080px) 


{
	
	
			.boxnaszaoferta .box .naglowek {
	border-bottom:0px !important;
	}	
	
	

.cycle-slideshow.baner .sekwencja .box-txt {
  padding-left: 40px;
}

.cycle-slideshow.baner .sekwencja .box-txt h1 {
  font-size: 45px;
  line-height: 59px;
  font-weight: bold;
}

.cycle-slideshow.baner .sekwencja  {
  max-height:530px;
}

.cycle-slideshow.baner  {
  max-height:530px;
}


.boxy .box .img {
  left: 30px;
  width: 60px;
}



.boxy .box .txt {
  width: 100%;
  border: 0px;
  float: left;
  height: 290px;
  padding-left: 50px;
  padding-left: 40px;
  padding-top: 110px;
}


.boxy .box .img {
  left: 38px;
  width: 60px;
  top: 29px;
  bottom: auto;
}




.boxsklad .txt strong {
  font-size: 38px;
  line-height: 50px;
}


.table_sklad h2 {
  font-size: 24px !important;
  line-height: 35px !important;
}


.table_img_right ul li {
  width: 100%;
  padding: 10px 4% 10px 4%;
  position: relative;
  margin: 10px 0px;
}



.tresc_produkty small {
  margin-top: -20px;
  padding: 15px 20px;
  color: #FFF;
}





}





@media screen and (min-width: 0px) and (max-width: 970px) 


{



.boxy .box {
  width: 100%;
  border: 0px;
  float: left;
  font-size: 17px;
  line-height: 27px;
  display: block;
}



.boxy .box .txt {
  width: 100%;
  border: 0px;
  float: left;
  height: auto;
}




.boxy .box.box2 {
  margin-left: 0%;
}


.boxy .box.box1 {
  margin-right: 0%;
  margin-bottom: 20px;
}


.link_stopka {
  font-size: 15px;
  line-height: 25px;
  margin-right: 10px;
  margin-left: 10px;
}


footer .ramka {
  text-align: center;
}


footer .ramka2 .box {
  float: left;
  width: 100%;
  margin-right: 0%;
}



footer .ramka2 .box2 {
  float: right;
  width: 100%;
  text-align: center;
  padding: 30px 0px 0px 0px;
}


footer .ramka2 .box {
  float: left;
  width: 100%;
  margin-right: 0%;
  text-align: center;
}


footer .ramka2 a {
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px 15px;
  font-size: 11px;
  white-space: nowrap;
}


footer .ramka3 .box {
  float: left;
  width: 100%;
	text-align: center;
	padding-bottom:20px;
}



footer .ramka3 .box.box2 {
  float: left;
  width: 100%;
	text-align: center;
  bottom: 0px;
}

footer .ramka3 .box.box3 {
  text-align: center;
	  width: 100%;
		padding-top:20px;
}

footer .ramka2 a {
  margin-top: 2px;
  margin-bottom: 2px;
}






footer .ramka {
  float: left;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 40px;
}



.table_podstrona tr td {
  padding-left: 0%;
  padding-right: 20%;
  padding-bottom: 0px;
}

.product-desc table thead {
  font-size: 26px;
  line-height: 40px;
}




}




@media screen and (min-width: 0px) and (max-width: 920px) 


{
	
	
.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja .box-txt {
min-height:350px;	
}	

	

.boxwsparcie .ramka .txt {
  width: 100%;
  border: 0px;
  float: left;
  font-size: 18px;
  line-height: 27px;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 50vw;
  padding-bottom: 30px;
	position: relative;
}


.boxwsparcie .ramka .img {
  width: 84%;
  border: 0px;
  position: absolute;
  right: 0px;
  top: 0%;
  padding-left: 0px;
  padding-right: 0px;
  max-height: 650px;
  height: 55vw;
  left: 9%;
}

.boxwsparcie .ramka:nth-of-type(2) .img {
  width: 84%;
  border: 0px;
  position: absolute;
  left: 0px;
  top: 0%;
  padding-left: 0px;
  padding-right: 0px;
  max-height: 650px;
    height: 55vw;
		 left: 9%;
}


.boxwsparcie {
  margin-top: 50px;
}

.boxwsparcie .ramka:nth-of-type(2) .txt {
  float: right;
  padding-right: 0px;
  padding-left: 0px;
}


.ramkacenter .galeria_kom {
  width: 46%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  margin: 2% 2% 150px 2%;
  max-height: 460px;
}


.tresc_produkty strong {
  color: #333939;
  font-size: 20px;
  line-height: 28px;
  display: block;
  font-weight: 400;
}

.ramkacenter .galeria_kom {
  margin: 2% 2% 200px 2%;
}


.ramkacenter .galeria_kom .tresc_produkty {
  position: absolute;
  bottom: -170px;
  padding: 30px 0px 0px 0px;
  background-color: #FFF;
  width: 100%;
}



}


@media screen and (min-width: 0px) and (max-width: 890px) 


{


.boks_przeds tr td {
  padding-left: 50%;
  position: relative;
  width: 100%;
  padding-right: 0%;
  float: left;
  margin-bottom: 20px;
}


.boxformularz .box {
  top: -170px;
}

.cycle-slideshow.baner .prev img {
  top: -70px;

}

.cycle-slideshow.baner .next img {
  top: -70px;

}


.lista-min-kat .min-kat .naglowek {
  padding: 40px 5%;
}


.lista-min-kat .min-kat .naglowek strong {
  font-size: 24px;
  line-height: 34px;
}


.lista-min-kat .min-kat .naglowek img {
  margin-top: 20px;
  width: 50px;
}


.faqlink {
  font-size: 20px;
  line-height: 32px;
}





}







@media screen and (min-width: 0px) and (max-width: 870px) 


{



.table_img_right tr td:nth-of-type(1) {
  position: relative;
  right: 0px;
  top: 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  float: left;
}


.table_img_right tr td:nth-of-type(1) img {
  position: relative;
  right: 0px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  max-width: 100%;
  max-height: 640px;
  display: block;
  margin: auto;
}


.table_img_right tr td:nth-of-type(1) {
  position: relative;
  right: 0px;
  top: 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}



.table_img_right tr td:nth-of-type(2) {
  position: relative;
  width: 100%;
  float: left;
  padding: 20px 0px;
  display: block;
}





.table_podstrona {
  padding: 0px 0px 50px 0px;
  margin-bottom: 50px;
}



.table_podstrona h2 span {
  font-size: 26px !important;
  line-height: 34px !important;
}


.table_podstrona h2 {
  font-size: 32px !important;
  line-height: 32px !important;
}

.table_podstrona {
  color: #FFF;
  font-size: 18px;
  line-height: 29px;
}



.table_left_img_kwadrat tr td {
  width: 100%;
  position: relative;
  float: left;
  display: block;
}



.table_left_img_kwadrat tr td:nth-of-type(2) {
  padding-left: 0%;
  padding-top: 40px;
}


table.txt td {
  padding: 20px 3%;
  width: 100%;
	float: left;
}



}





@media screen and (min-width: 0px) and (max-width: 840px) 


{


.boxsklad .img {
  width: 100%;
  border: 0px;
  float: left;
}

.boxsklad .txt {
  width: 100%;
  padding-left: 0%;
}


.table_sklad tr td:nth-of-type(1) {
  width: 100%;
  display: block;
  float: left;
}


.table_sklad tr td:nth-of-type(2) {
  padding-left: 0%;
  position: relative;
  z-index: 1;
	  width: 100%;
  display: block;
  float: left;
	padding-top: 30px;
}


.color-header table tr td {
  background-color: #FFF;
  padding: 10px;
  margin: 0.5%;
  text-align: center;
  max-width: 24%;
}


.table_sklad h2 {
  font-size: 24px !important;
  line-height: 35px !important;
}


.pobierz_table tr td strong {
  font-size: 22px;
  line-height: 32px;
}



}






@media screen and (min-width: 0px) and (max-width: 820px) 


{

	
	
	
	

.boxplikidopobrania .naglowek strong {
  color: #68B92E;
  font-size: 40px;
  line-height: 50px;
}


.cycle-slideshow.baner  {
	min-height: 600px;
}	



.cycle-slideshow.baner  .sekwencja {
	min-height: 600px;
}	

.boxofirmie .ramka {
  margin-top: 50px;
}

.boxformularz .ryfel {
  top: 138px;
}


.cycle-slideshow.baner .sekwencja .box-txt {
  margin-top: 200px;
}

.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja {
  padding-left: 2%;
  padding-right: 2%;
}



}



@media screen and (min-width: 0px) and (max-width: 790px) 


{

table.txt td big {
  font-size: 22px;
  line-height: 33px;
}

.boxformularz .naglowek strong {
  font-size: 16px;
  line-height: 20px;
}


.boxformularz .pole span {
  width: 99%;
}



.przycisk {
  width: 99%;
}


.boxformularz .ryfel {
  top: 29vw;
}



.boxofirmie .img {
  width: 100%;
  border: 0px;
  float: left;
}


.boxofirmie .img {
  margin-top: 0px;
}

.boxofirmie .ramka {
  margin-top: 20px;
}

.boxofirmie .txt {
  width: 100%;
  border: 0px;
  float: left;
  padding-left: 3%;
  margin-top: 30px;
  font-size: 17px;
  line-height: 25px;
}

.boxofirmie {
  padding-bottom: 40px;
}


.boxy .box.box2 a img {
  float: right;
  width: 60px;
}

.boxnaszaoferta .box a img {
  width: 60px;
}


.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja .img {
  display: block;
  vertical-align: middle;
  float: none;
  width: 100%;
  margin: 0px auto;
  max-width: 300px;
}

.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja {
  padding-left: 0%;
  padding-right: 0%;
}

.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja .box-txt {
  width: 100%;
  padding-left: 0%;
  font-size: 18px;
  line-height: 25px;
  padding-right: 0%;
  text-align: center;
	  display: block;
		padding-top: 20px;
}


.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja {
  padding-left: 0%;
  padding-right: 0%;
  width: 103%;
}


.formularz_wyceny {
  padding: 50px 0px 50px 0px;
  margin-top: 40px;
}


.formularz_wyceny h2 {
  font-size: 42px;
  line-height: 52px;
}



.formularz_wyceny h2 {
  font-size: 42px;
  line-height: 52px;
}

.formularz_wyceny .pole {
  width: 100%;
  padding: 20px 3%;
}


.content {
  padding: 0px 20% 30px 0px;
}

.product-third {
width:100%;
margin-left:0px;
margin-right:0px;
}	





}













/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}


/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	width: 100%;
	position:absolute;
	padding: 0px 0;
	top: 0px;
	right: 0%;
	padding: 0px 0% 0px 0%;
	z-index:99999999;
}


.mean-container a.meanmenu-reveal {
  width: 60px;
  height: 27px;
  padding: 11px 10px 10px 10px;
  position: absolute;
  z-index: 8000 !important;
  top: 73px;
  right: 40px !important;
  cursor: pointer;
  color: #000;
  text-decoration: none;
  font-size: 24px;
  text-indent: -9999em;
  line-height: 20px !important;
  font-size: 28px !important;
  display: block;
  font-weight: 400;
  background-color: #FFF;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #000;
  height: 2px;
  margin-top: 5px;
  font-size: 26px;
  margin-left: auto;
  margin-right: auto;
  max-width: 25px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}


.mean-container .mean-nav {
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
}


.mean-container .mean-nav > ul {
  padding: 160px 8% 150px 8% ;
  width: 100% !important;
  max-width: 100%;
  list-style-type: none;
  position: absolute;
  z-index: 0 !important;
  left: 0%;
  background-color: rgba(0,0,0,0.94);
  position: absolute;
  top: -15px;
  min-height: 300px !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: scroll;
  float: none !important;
  scrollbar-width: thin;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-left: 0 !important;
}


.mean-container .mean-nav ul  ul{
	padding: 20px 0px 20px 0px !important;
	width: 100% !important;
	list-style-type: none;
	position: relative !important;
	z-index: 0 !important;
	left: 0% !important;
	top:0px !important;
	margin:10px 0px !important;
	float: left;
  position:relative;
	border-top: 0px solid #555355;
	border-bottom: 0px solid #555355;
	display: block;
}



.mean-container .mean-nav ul li {
	position: relative;
	width:96% !important;
	box-sizing: border-box;
	border-right: 0px solid #EBEBEB;
	padding: 6px 0px !important;
	margin: 0px 2% !important;
	text-align: left;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	float: left;
}


.mean-container .mean-nav ul li a {
	margin: 0px !important;
}

.mean-container .mean-nav > ul  li:first-of-type:before {
	/* background-image:url('../grafika/ekocapital.webp'); */
	background-repeat : no-repeat;
	background-position:left center;
	background-size: 190px;
background-attachment: local;
left: -1%;
top:-124px;
content:'';
width: 190px;
height: 80px;
position: absolute;
}


.mean-container .mean-nav > ul ul  li:first-of-type:before {
	display: none;
}



.mean-container .mean-nav ul > li:last-of-type {
	padding-bottom: 300px;
}


.mean-container .mean-nav ul ul li {
	position: relative;
	float: left;
	width: 96% !important;
	box-sizing: border-box;
	border-bottom: 0px solid #E0E0E0 !important;
	border-right: 0px solid #EBEBEB !important;
	padding: 0px !important;
	margin: 0px 2% !important;
	font-weight: 400;
		margin: 0px 2% 0px 2% !important;
		padding-right: 0px;
}


.mean-container .mean-nav ul ul li a{
	font-weight: 400 !important;
     color: #D2D2D2 !important;
	font-size: 17px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	margin: 0px 0px 0px 0px !important;
	line-height: 25px;
	
}


.mean-container .mean-nav ul ul ul li a{
	font-weight: 400 !important;
	color: #D2D2D2 !important;
	font-size: 17px !important;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
		line-height: 25px;
}


.mean-container .mean-nav ul ul li.menubold a{
	font-weight: 500 !important;
	
}

.mean-container .mean-nav ul ul {
	position: relative;
	float: left;
	width: 100% !important;
	box-sizing: border-box;
	border-right: 0px solid #EBEBEB;
	padding: 0px !important;
	margin: 10px 0% 0px 0% !important;
}


.mean-container .mean-nav ul ul ul {
	position: relative;
	float: left;
	width: 100% !important;
	box-sizing: border-box;
	border-right: 0px solid #EBEBEB;
	padding: 0px !important;
	margin: 0px 0% !important;
	display:block !important;
}





.mean-container .mean-nav ul li a {
	display: inline-block;
	float: none;
	width:86% !important;
     margin: 0px 10%;
	padding: 10px 0% 10px 0% !important;
	margin: 0 2% !important;
	color: #C8C8C8 !important;
	text-decoration: none;
	font-weight: 400;
	font-size: 22px !important;
	text-align: left;
	position: relative;
}



.mean-container .mean-nav ul li a:hover {
	color: #FFF !important;
	z-index: 700;
}


.mean-container .mean-nav ul li a.menu-bold {
	font-weight:bold !important ;
	color:black !important; 
}


.mean-container .mean-nav ul li a img{
	display: none;
}



.mean-container .mean-nav ul li  img{
	display: none;
}


.mean-container .mean-nav ul li.menubold a {
color:#A8B7BD !important;
font-weight: 700;
}



.mean-container .mean-nav ul li li a {
	width: 60%;
	padding: 1em 20%;
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	margin-bottom: 0;
}


.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 0px;
    width: 29px !important;
    height: 25px !important;
    text-align: center;
    position: absolute;
    right: -4%;
    top:10px;
    z-index: 999;
    font-weight: 700 !important;
    border: none !important;
    color: white !important;
    padding: 4px 10px !important;
    font-size: 20px !important;
}


.mean-container .mean-nav ul li li a.mean-expand {
    margin-top: 0px;
    width: 29px !important;
    height: 25px !important;
    text-align: center;
    position: absolute;
    right: -4%;
    top: 0px;
    z-index: 99999;
    font-weight: 700 !important;
    border: none !important;
    color: #A8B7BD !important;
    padding: 4px 10px !important;
    font-size: 20px !important;
			border: 0px solid #F2F2F2  !important;
			display:none !important;
}




.mean-container .mean-nav ul li a.mean-expand:hover {
	background: transparent;
	color:#FFF !important;
}

.mean-container .mean-push {
	float: left;
	width: 0%;
	padding: 0;
	margin: 0;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}



.mean-container .mean-nav >  ul > li.menubold > a{
color:#FFF !important;
font-weight: 700;
}


.mean-container .mean-nav ul li li a {
    border-bottom: 0px !important;
}



















@media screen and (min-width: 0px) and (max-width: 730px) 


{



	.prev2 {
display:none;
}	
	
.next2 {
display:none;
}



.boxnaszaoferta .box .naglowek a {
	font-size:25px;
	line-height:35px;
}		
	
	



.sklep_punkt {
  margin: 2%;
  width: 96%;
  background-color: #FFF;
  padding: 50px 25px;
}



.product-thumb {
  width: 100%;
  padding: 30px;
  border: 1px solid #E4E7E7;
  display: table-cell;
  vertical-align: middle;
  float: left;
}


.product-desc {
  width: 100%;
  padding: 30px 0px;
  display: table-cell;
  vertical-align: middle;
  float: left;
}


.product-desc table tbody tr td:first-of-type {

    background-color: #E6E8E8;
    width: 140px;
    color: #7E8989;

}


.product-desc table tbody tr td {
  width: 70%;
}




.ramkacenter {
  width: 100%;
  padding: 60px 20px;
  background-color: #FFF;
  display: flex;
  flex-wrap: wrap;
}



}




@media screen and (min-width: 0px) and (max-width: 640px) 


{
	
	
	


.boxnaszaoferta .box {
  height: 320px;
}



.lista-min-kat .min-kat .img {
  width: 100%;
  margin: 0px 0px;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
}



.lista-min-kat .min-kat .img img {
  width: 100%;
  margin: 0px 0px;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}



.lista-min-kat .min-kat:nth-of-type(2n+1) .naglowek {
  float: left;
  width: 84%;
  margin-right: 8%;
  margin-left: 8%;
  margin-top: -120px;
}

.lista-min-kat .min-kat .naglowek {
    float: left;
  width: 84%;
  margin-right: 8%;
  margin-left: 8%;
  margin-top: -50px;
}

.lista-min-kat .min-kat {
  margin: 10px 0px;
}

.lista-min-kat .min-kat:nth-of-type(2n+1) .naglowek {
  float: left;
  width: 84%;
  margin-right: 8%;
  margin-left: 8%;
  margin-top: -50px;
}

body.glowna4.podrzedna .tresc.podstrony h1 {
  display: block;
  font-size: 40px !important;
  line-height: 55px !important;
  text-align: center;
}


.pobierz_table tr td:nth-of-type(2) {
  border-bottom: 1px solid #C9D3D3;
  padding-bottom: 90px;
}


.pobierz_table tr td {
  border-bottom: 1px solid #C9D3D3;
  width: 35%;
}

.pobierz_table tr td:last-of-type {
  padding-left: 30px;
  position: absolute;
  left: 30%;
  bottom: 40px;
	border-bottom: 0px;
	display: block;
}

.pobierz_table tr {
position: relative;
}

.pobierz_table tr td:nth-of-type(2) {
  width: 65%;
}


}




@media screen and (min-width: 0px) and (max-width: 620px) 


{
	
	

.product-desc table tbody tr td:first-of-type {
  background-color: #E6E8E8;
  width: 120px;
  color: #7E8989;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.cycle-slideshow.baner .sekwencja .box-txt h1 {
  font-size: 34px;
  line-height: 42px;
  font-weight: bold;
}

.cycle-slideshow.baner .sekwencja .box-txt p {
  font-size: 16px;
  line-height: 25px;
}

.boxformularz .ryfel {
  top: 45vw;
}


.boxofirmie .img {
  margin-top: 0px;
}


.boxofirmie .img {
  width: 100%;
  border: 0px;
  float: left;
}


.mapa_form_input {
  width: 350px;
}


.mapa_form_input input {
  font-size: 17px;
  color: #67B82D;
  font-weight: 700;
  background-color: transparent;
  border: 0px;
  position: relative;
  top: -1px;
}


.mapa_form_input select {
  width: 200px;
  padding: 23px 20px;
}




.sortuj {
  margin: 30px auto;
  width: 360px;
  padding: 20px 160px 20px 30px;
}


.sortuj select {
  width: 170px;
}



}


@media screen and (min-width: 0px) and (max-width: 580px) 


{


.pobierz_table tr td strong {
  font-size: 17px;
  line-height: 25px;
}



.pobierz_table tr td:nth-of-type(2) {
  padding-top: 30px;
}


.color-header table tr td {
  background-color: #FFF;
  padding: 10px;
  margin: 0.5%;
  text-align: center;
  max-width: 49%;
}


.boxnaszaoferta .box {
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 1%;
  margin-bottom: 1%;
}


.boxnaszaoferta .box .naglowek {
  width: 80%;
  min-height: 120px;
	height: auto;
}


.table_podstrona tr td {
  padding-left: 0%;
  padding-right: 0%;
  padding-bottom: 0px;
}



.boks_przeds tr td {
  padding-left: 0%;
  position: relative;
  width: 100%;
  padding-right: 0%;
  float: left;
  margin-bottom: 20px;
}



.boks_przeds tr td big {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #67B82D;
  color: #FFF;
  font-size: 26px;
  line-height: 42px;
  padding: 100px 40px 30px 40px;
  display: block;
}





}





@media screen and (min-width: 0px) and (max-width: 520px) 


{



header .top {
  font-size: 11px;
}

header .top .social img {
  vertical-align: middle;
  margin-left: 10px;
  width: 20px;
}


.boxformularz .ryfel {
  top: 59vw;
}

.boxformularz .ryfel {
  background-size: 70% 100%;
}

.boxsklad .txt strong {
  font-size: 30px;
  line-height: 45px;
}

.table_img_right h2 {
  font-size: 24px !important;
  line-height: 32px !important;
}



div.wycena_ul ul li {
  border: 1px solid #C8D2D2;
  max-width: 98%;
  margin: 2% 1%;
}

.tresc h3 {
  font-size: 25px;
  line-height: 35px;
}

.formularz_wyceny h2 {
  font-size: 32px;
  line-height: 42px;
}

.mapa_form_input {
  width: 310px;
}

header .top {
  margin-left: -10%;
}



}



@media screen and (min-width: 0px) and (max-width: 480px) 


{
	
.sortuj {
width:100%;	
}	
	
	

.ramkacenter .galeria_kom {
width:100%;
margin-left:0px;
margin-right:0px;
}	


.boxformularz	.przycisk {
padding-left:5px;
padding-right:5px;
}	
	
header .logo img {
	max-width:140px !important;
}	
	

header .top .social {
display:none;	
}	


.strona {
  padding: 0px 30px;
}

.boxofirmie small {
  left: -74px;
  font-size: 13px;
}

.boxwsparcie small {
  left: -90px;
  font-size: 13px;
}

.boxnaszaoferta small {
  left: -50px;
  font-size: 13px;
}

.boxplikidopobrania small {
  left: -80px;
  font-size: 13px;
}


.mapa_form h3 {
  display: block;
  padding: 0px 0px 0px 0px;
  color: #333939;
  font-size: 32px;
  line-height: 42px;
  text-align: center;
}


.table_podstrona table tr td {
  padding-left: 0px !important;
  padding-right: 0% !important;
  width: 100% !important;
  vertical-align: top;
  float: left;
}


.boks_form .pole2 .pole_a {
  font-size: 17px;
  line-height: 25px;
}



.table_left_img_kwadrat big {
  font-size: 50px;
  line-height: 58px;
}



.boxformularz .ryfel {
  top: 69vw;
}


.boxofirmie .txt strong {
  font-size: 23px;
  line-height: 25px;
}


.cycle-slideshow.baner .next img {
  width: 15px;
	right: 10px;
}

.cycle-slideshow.baner .prev img {
  width: 15px;
	left: 10px;
}

.cycle-slideshow.baner .sekwencja .box-txt {
  padding-left: 5px;
  padding-right: 5%;
}




.boxformularz .box {
  padding: 30px 35px;
}

.cycle-slideshow.baner .sekwencja  {
  max-height:450px;
}

.cycle-slideshow.baner  {
  max-height:450px;
}

.cycle-slideshow.baner .sekwencja .box-txt {
  margin-top: 200px;
}

.boxformularz .box {
  top: -120px;
}

.boxformularz .ryfel {
  top: 69vw;
  height: 140px;
}

.boxofirmie {
  margin-top: -80px;
}

.boxformularz .ryfel {
  background-size: 60% 100%;
}


.boxwsparcie .ramka {
  padding-left: 30px;
  padding-right: 30px;
}

.boxplikidopobrania .cycle-slideshow.baner2 .sekwencja .box-txt strong {
  font-size: 22px;
  line-height: 34px;
}


.colors-picker-h2 {
  width: 100%;
  padding: 40px 0px 10px 0px;
  position: relative;
  background-color: #E6E8E8;
  font-size: 35px !important;
  line-height: 45px !important;
  text-align: center;
  margin-top: 60px;
}



}


.boxnaszaoferta .box .naglowek a:hover {
color:white;
text-decoration:underline;
}	




.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:13px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
#h1-naglowek-glowna1,#h1-naglowek-glowna2,#h1-naglowek-glowna3{margin: 0;padding: 0; border: 0;	outline: 0;	font-weight: inherit; font-style: inherit;font-size: 100%; vertical-align: baseline;font-size: 65px;	line-height: 70px;font-weight: bold;}
@media only screen and (max-width: 600px) {
	#h1-naglowek-glowna1,#h1-naglowek-glowna2,#h1-naglowek-glowna3{
	margin: 0;padding: 0; border: 0;	outline: 0;	font-weight: inherit; font-style: inherit;font-size: 100%; vertical-align: baseline;font-size: 35px;	line-height: 40px;font-weight: bold;
  }
}
.sm-panel {	position: fixed;width: 155px;top: 150px;right: -105px;	z-index: 1000000;transition: visibility .25s, opacity .25s;}.sm-panel>ul {	margin: 0;	padding: 0;	list-style-type: none;}
.sm-panel>ul>li {transition: transform .25s;}.sm-panel>ul>li:hover {transform: translateX(-105px);}.sm-panel>ul>li>a {display: flex;align-items: center;color: #fff;padding: 5px 0 5px 5px;text-decoration: none;
}.sm-panel>ul>li>a>img {margin: 0 10px 0 0;}.sm-panel>ul>li>a>span {font-size: initial;}.sm-panel>ul>li[class^="sm-"] {	background-image: none;	background-repeat: repeat;background-attachment: scroll;
background-position: 0%;}.sm-text-black {color: #000;}.sm-fb {background:#305891}.sm-twitter {background:#28aae1}.sm-gmap {background:#20a464}.sm-twitter {background:#28aae1}.sm-youtube {background:#e32c26}
@media screen and (max-width:640px) {.sm-panel {visibility:hidden;opacity:0;}}