/* RESET STYLI  */



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:#30353A;
					background-color:white;
				    font-size:15px;
					font-family: 'Encode Sans', sans-serif;
					font-weight:400;
					line-height: 25px;
                }

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


 #nawigacja-menu {
display:none;	
}	




div, nav, header, footer, a, h1, td, tr, table {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.glowna4 .menu-pionowe2 .strona2 {
display:block;	
}	

.glowna4  .menu-pionowe2 .strona2 .komorka-menu-menu {
float:left;	
}	

.glowna4  .menu-pionowe2 .strona2 .komorka-menu-menu-bold {
float:left;	
}	


.glowna3nadrzedna .galeria  {
	text-align:center;
}	



.glowna3nadrzedna .galeria .galeria_kom {
	display:inline-block;
	width:250px;
	height:300px;
	float:none;
	margin:10px;
	border:1px solid #DCDCDC;
	position:relative;
}	

.glowna3nadrzedna .galeria .galeria_kom img {
position:absolute;
max-width:95%;
max-height:95%;
left:0px;
right:0px;
top:0px;
bottom:0px;
margin:auto;
}	

.glowna3nadrzedna .galeria .galeria_kom:hover {
	 background-color:#009A4D;
	 
}	

.glowna3nadrzedna .galeria .galeria_kom:hover img {
	filter: brightness(70%);
}	



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

.glowna10nadrzedna .baner-podstrona {
	background-position:center 70%;
}	



.paginacja {
float:left;
width:100%;
text-align:center;
margin-top:50px;
margin-bottom:50px;
}	


.paginacja a {color:#387854;text-decoration:none;display:inline-block;padding:5px;}
.paginacja a:hover {color:#252D3D;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.paginacja strong {display:inline-block;padding:5px;}



.baner-podstrona:before {
width:100%;
height:100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(37,45,61);
background: -moz-linear-gradient(180deg, rgba(37,45,61,0) 25%, rgba(37,45,61,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(37,45,61,0) 25%, rgba(37,45,61,1) 100%);
background: linear-gradient(180deg, rgba(37,45,61,0) 25%, rgba(37,45,61,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#252d3d",endColorstr="#252d3d",GradientType=1);
content:'';
}	

.naglowek {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto auto;
width: 100%;
height: 180px;
padding-left: 4%;
padding-right: 4%;
max-width:1280px;
}


.naglowek h1{
padding: 20px 60px 20px 40px;
background-color: #009A4D;
color: #FFF;
font-weight: 700;
font-size: 40px;
line-height: 50px;
display: inline-block;
}

.naglowek_new h2{
padding: 20px 60px 20px 40px;
color: #FFF;
font-weight: 700;
font-size: 35px;
line-height: 40px;
display: inline-block;
margin-left: 10%;
}

.naglowek2 {
display: none;
}

.glowna4.podrzedna .naglowek2_podstrona {
	background-image:url('../grafika/tloproducent.webp');
	background-repeat : no-repeat;
	background-position:center center;
	width: 100%;
	float: left;
	background-size: cover;
	padding: 80px 0px 70px 0px;

}


.glowna7.podrzedna .naglowek2_podstrona {
	background-image:url('../grafika/tloproducent.webp');
	background-repeat : no-repeat;
	background-position:center center;
	width: 100%;
	float: left;
	background-size: cover;
	padding: 80px 0px 70px 0px;

}




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


.glowna7.podrzedna .naglowek {
display: none;
}



.glowna4.podrzedna .naglowek2  {
display: block;
position: relative;
float: left;
width: 100%;
}

.glowna7.podrzedna .naglowek2  {
display: block;
position: relative;
float: left;
width: 100%;
}


.glowna4.podrzedna .naglowek2  h1{
display: block;
position: relative;
margin: 0px auto;
	min-width:300px;
	max-width:1280px;
	padding: 30px 4% 20px 4%;
	font-weight: 700;
	font-size: 35px;
	line-height: 45px;
	color: #FFF;
}

.glowna7.podrzedna .naglowek2  h1{
display: block;
position: relative;
margin: 0px auto;
	min-width:300px;
	max-width:1280px;
	padding: 30px 4% 20px 4%;
	font-weight: 700;
	font-size: 35px;
	line-height: 45px;
	color: #FFF;
}


.glowna4.podrzedna .naglowek2  h1:before{
position: absolute;
left: 4%;
bottom: 0px;
height: 3px;
width: 90px;
background-color:  #009A4D;
content:'';
}


.glowna7.podrzedna .naglowek2  h1:before{
position: absolute;
left: 4%;
bottom: 0px;
height: 3px;
width: 90px;
background-color:  #009A4D;
content:'';
}




.glowna9nadrzedna .naglowek {
position: relative;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: 0px auto;
width: 100%;
max-width:100%;
height:auto;
background-color:  #F7F8FA;
float: left;
padding-top: 60px;
}




.galeria_naglowek {
padding: 30px 0px 30px 0px;
width: 100%;
float: left;
position: relative;
font-size: 40px;
line-height: 50px;
font-weight: 700;
}

.galeria_naglowek:before {
position: absolute;
bottom: 10px;
width: 100px;
background-color: #009A4D;
left:0;
height: 2px;
content:'';
}



ul.galeria {
    display: block;
	list-style: none;
	padding: 0px;
	width:  100%;
	margin:0px;
	float:left;
	text-align:center;
}


ul.galeria li {
    height: 250px;
	margin: 1%;
	position:relative;
	display:inline-block;
	float:none;
	width:338px;
	border:1px solid #E3E5E7;
}

ul.galeria li img {
  max-height: 90% !important;
  max-width: 90% !important;
  position:absolute;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  margin:auto;
}

ul.galeria li:hover {
-webkit-box-shadow: 10px 10px 22px -16px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 22px -16px rgba(0,0,0,0.75);
box-shadow: 10px 10px 22px -16px rgba(0,0,0,0.75);
}	





.wroc {
padding: 20px 30px;
background-color: #009A4D;
display: inline-block;
margin: 20px 0px;
color: #FFF;
text-decoration: none;
}

.wroc:hover {
background-color:black;
}	

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



.strona2 {
	width: 100%;
	border: 0px;
	margin:0 auto;
	min-width:300px;
	max-width:1580px;
	padding: 0px 4%;
}


.glowna9nadrzedna .strona_naglowek {
	width: 100%;
	border: 0px;
	margin:0 auto;
	min-width:300px;
	max-width:1180px;
	display: block;
}


.menu-pionowe {
float: left;
width: 100%;
margin-bottom:50px;
}

.menu-pionowe .strona2 {
display: flex;
justify-content:center;
}

.menu-pionowe .strona2 .komorka-menu{
padding: 0px;
background-color: #009A4D;
margin: 0.5%;
  flex-grow: 4; /* default 0 */
}

.menu-pionowe .strona2 .komorka-menu:hover {
	filter: brightness(70%);
}	


.menu-pionowe .strona2 .komorka-menu-menu{
display: none;
}
.menu-pionowe .strona2 .komorka-menu-menu-bold{
display: none;
}



.menu-pionowe .strona2 .komorka-menu-bold{
padding: 0px;
background-color: #272C3A;
margin: 0.5%;
  flex-grow: 4; /* default 0 */
}

.menu-pionowe .strona2 .komorka-menu-bold:hover {
	filter: brightness(70%);
}	




.menu-pionowe .strona2 .komorka-menu a{
color: #FFF;
font-weight: 700;
font-size: 16px;
text-align: center;
display: block;
padding: 30px;
text-decoration: none;
}

.menu-pionowe .strona2 .komorka-menu-bold a{
color: #FFF;
font-weight: 700;
font-size: 16px;
text-align: center;
display: block;
padding: 30px;
text-decoration: none;
}



.menu-pionowe2 {
margin-top: 30px;
}

.menu-pionowe2 .strona2 {
display: flex;
justify-content:center;
}


.menu-pionowe2 .strona2 .komorka-menu{
display: none;
}


.menu-pionowe2 .strona2 .komorka-menu-bold{
display: none;
}


.menu-pionowe2 .strona2 .komorka-menu-menu{
padding: 0px;
background-color: #E5E5E5;
margin: 0.5%;
  flex-grow: 4; /* default 0 */
	display: block;
}

.menu-pionowe2 .strona2 .komorka-menu-menu:hover {
background-color: #009A4D;
color:white;
}	

.menu-pionowe2 .strona2 .komorka-menu-menu:hover  a {
color:white;	
}	


.menu-pionowe2 .strona2 .komorka-menu-menu-bold{
padding: 0px;
background-color:#009A4D;
margin: 0.5%;
  flex-grow: 4; /* default 0 */
	display: block;
}

.menu-pionowe2 .strona2 .komorka-menu-menu-bold:hover {
filter: brightness(75%);
}	


.menu-pionowe2 .strona2 .komorka-menu-menu a{
color: #252D3D;
font-weight: 400;
font-size: 15px;
text-align: center;
display: block;
padding:  20px 30px;
text-decoration: none;
}

.menu-pionowe2 .strona2 .komorka-menu-menu-bold a{
color: #FFF;
font-weight: 400;
font-size: 15px;
text-align: center;
display: block;
padding: 20px 30px;
text-decoration: none;
}



.szczegoly {
float: left;
width: 100%;
}


.tresc-podstrony .szczegoly .szczegoly_img {
float: left;
max-width:300px !important;
margin: 0px 50px 50px 0px;
position:relative;
z-index:9;
}



.tresc-podstrony .szczegoly .szczegoly_img:hover {
opacity:0.7;	
}	


.szczegoly h2{
font-size: 24px;
font-weight: 700;
line-height: 34px;
position: relative;
}




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

header {
	width: 100%;
	border: 0px;
	float:left;	
	padding-top:10px;
	padding-bottom:10px;
	background-color: #FFF;
	position: relative;
	z-index:999;
}	

.header {
	position: relative;
  height: 115px;
}	




header .logo {
	width: 15%;
	border: 0px;
	float:left;	
}	


header .logo img{
	border: 0px;
	vertical-align:middle;
	max-width:100%;
}	

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


header nav{
	border: 0px;
	float:right;	
	width:50%;
	padding-right:2%;
}	

header .box-kontakt {
	max-width: 30%;
	border: 0px;
	float:right;	
	margin-top:10px;
}	

header .box-kontakt img {
vertical-align:middle;
margin-right:10px;
}	

header .box-kontakt img:hover {
opacity:0.7;
}	

header .box-kontakt div {
float:left;
padding:20px;
	background-image:url('../grafika/liniapionowa.webp');
	background-repeat : no-repeat;
	background-position:left center;
}	


header .box-kontakt div:nth-of-type(2) {
float:right;
}	




@media screen and (min-width:1081px) and (max-width:9980px)  {




#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;	
overflow-y: auto;
  scrollbar-width: thin;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	max-height: 80vh;
}



#nawigacja-menu li:hover > ul.sub-menu2 {
    display: flex;
		flex-wrap:wrap;
    float: none;
    position: absolute;
    top: 90px;
    left: -190%;
    width: 100%;
    text-align: left;
    background-color: #F7F8FA;
    padding-left: 0%;
    padding-right: 0%;
    min-width: 680px;
}

.sub-menu2{
position: relative;
}



#nawigacja-menu li:hover .sub-menu2  > ul.sub-menu3 {

display: block;
float: none;
left:0%;
top:0;
background-color: #F7F8FA;
width:100%;
text-align: left;
padding-left:0%;
padding-right:0%;
padding-top: 7%;
padding-bottom: 7%;
position: relative;
}



.sub-menu3{
position: relative !important;
display: block !important;
padding-bottom: 30px;

}

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





#nawigacja-menu li a{
	color:#387854;
	text-decoration:none;
	vertical-align:middle;
	display:inline-block;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size:16px;
  padding:35px 5px;
  text-transform:uppercase;
  font-weight:bold;
}


#nawigacja-menu > li > a{
  padding-left:5px !important;
	  padding-right:5px !important;
}



#nawigacja-menu li a:hover{
	color:#252D3D;
}

#nawigacja-menu li.menubold a {
color:#252D3D;
}

#nawigacja-menu .sub-menu2 li{
width:33.3%;
float:none;
padding:0;
}
#nawigacja-menu .sub-menu3 li{
width:100%;
float:none;
padding:0;
}

#nawigacja-menu .sub-menu2 li a{
padding-top:15px !important;
padding-bottom:15px !important;
padding-left: 30px !important;
padding-right: 30px !important;
width:100%;
float:none;
color:#30353A;
font-size:14px;
}
#nawigacja-menu .sub-menu3 li a{
padding-top:3px !important;
padding-bottom:3px !important;
padding-left: 15px !important;
padding-right: 16px !important;
width:100%;
float:none;
color:#30353A;
font-size:12px;
}

}








.cycle-pager {position:absolute;left:0px;bottom:40px;width:100%;z-index:999;text-align:center;}
.cycle-pager span {background-color:#fff; margin: 0px 8px 0px 8px; padding:10px;font-size:0px;  cursor: pointer;-webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px;}
.cycle-pager span.cycle-pager-active {  cursor: pointer;background-color:#00B359;}


.baner_middle {
   width: 100%;
	border: 0px;
	float:left;
	padding: 0px 40px;
}

.middle {
   width: 100%;
	border: 0px;
	float:left;
	padding: 0px 0px;
	background-color: #F7F8FA; 
		padding: 0px 40px;

}


.glowna1nadrzedna .middle {
		overflow: hidden;
}





.cycle-slideshow.baner {
    width: 100%;
	border: 0px;
	float:left;
	position:relative;
	z-index:0;
	padding: 0px 0px;
}	

.cycle-slideshow.baner .sekwencja {
    width: 100%;
	border: 0px;
	float:left;
	height:calc(95vh - 110px);
	background-image:url('../grafika/baner1.webp');
	background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
	min-height: 420px;
}	

.cycle-slideshow.baner .sekwencja .box-txt {
background-color:rgba(0,179,89,0.8);	
float:left;
width:100%;
max-width:600px;
padding:40px;
color:white;
font-size:18px;
line-height:27px;
margin-top:20vh;
}	

.cycle-slideshow.baner .sekwencja .box-txt h1 {
text-transform:uppercase;
font-weight:900;
font-size:40px;
line-height:50px;
}	

.boxnaglowek {
float:left;
width:100%;
}	

.boxnaglowek .ramka {
float:left;
width:100%;
text-align:center;
margin-top:50px;
border-bottom:0px;
}	


.ramka_middle {
float:left;
width:100%;
background-color:#FFF;
text-align:center;
margin-top:50px;
border:1px solid #E3E5E7;
}


.glowna2nadrzedna .middle .ramka_middle:first-of-type, .glowna3nadrzedna .middle .ramka_middle:first-of-type, .glowna6nadrzedna .middle .ramka_middle:first-of-type, .glowna10nadrzedna .middle .ramka_middle:first-of-type{
margin-top:-130px;
z-index:9;
position: relative;
}


.glowna10nadrzedna .middle .ramka_middle:first-of-type{
overflow: hidden;
}






.sciezka {
padding: 14px 0px;
font-size: 11px;
color: #FFF;
letter-spacing: 0.5px;
}

.sciezka a{
color: #FFF;
text-decoration: none;
}

.sciezka a:hover {
	text-decoration: underline !important;
}	

.sciezka a:last-of-type{
color: #FFF;
text-decoration: none;
font-weight: 700;
}

.sciezka ul{
	list-style-type: none;
}



.glowna9nadrzedna .sciezka {
color: #AAAAAA;
}

.glowna9nadrzedna .sciezka a{
color: #AAAAAA;
}

.glowna9nadrzedna .sciezka a:last-of-type{
color: #AAAAAA;
}


.stanmagazynowy {
width: 100%;
}


.stanmagazynowy tr td {
width: 33.3%;
border-top: 1px solid #E3E5E7;
border-bottom: 1px solid #E3E5E7;
}

.stanmagazynowy tr td img {
max-width: 100%;
vertical-align: middle;
}


.stanmagazynowy tr td:nth-of-type(2) {
font-weight: 400;
font-size: 23px;
line-height: 35px;
color: #008040;
padding: 50px;
}


.stanmagazynowy tr td:nth-of-type(3) {
font-weight: 700;
font-size: 23px;
line-height: 35px;
color: #008040;
padding: 50px;
text-align: center;
}





.glowna4.podrzedna  .sciezka {
padding: 14px 4%;
font-size: 11px;
color: #E0E4E9;
letter-spacing: 0.5px;
margin: 0px auto;
width: 100%;
max-width: 1280px;
}

.glowna7.podrzedna  .sciezka {
padding: 14px 4%;
font-size: 11px;
color: #E0E4E9;
letter-spacing: 0.5px;
margin: 0px auto;
width: 100%;
max-width: 1280px;
}



.glowna4.podrzedna  .sciezka a{
color: #E0E4E9;
}

.glowna7.podrzedna  .sciezka a{
color: #E0E4E9;
}


.tresc {
float: left;
width: 100%;
text-align: left;
padding: 40px 0px 80px 0px;
}

.glowna5nadrzedna .baner-podstrona {
    height: 280px;
}



.tresc-podstrony {
float: left;
width: 100%;
text-align: left;
padding: 50px 0px 70px 0px;
}



.tresc-kontakt {
width: 60%;
float: left;
text-align: left;
position: relative;
padding: 50px 5% 50px 0px;
}


.tresc-kontakt h3, .formularz h3, .formularz h3{
font-size: 21px;
line-height: 35px;
color: #009A4D;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.tresc-kontakt h2, .formularz h2{
font-size: 32px;
line-height: 39px;
color: #000;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
display: inline-block;
padding: 0px 0px 20px 0px;
margin-bottom: 20px;
position: relative;
}

.tresc-kontakt h2:before, .formularz h2:before{
bottom: 0px;
position: absolute;
content:'';
width: 80px;
height: 2px;
left: 0;
background-color: #009A4D;
}


.tresc-kontakt:before {
background-color: #E3E5E7;
position: absolute;
right: 0;
top: 0;
width: 210%;
height: 200%;
content:'';
z-index: -1;
}


.tresc-kontakt table {
	border-spacing: 15px;
	border-collapse: separate;
	margin-left: -15px;
	margin-top: 20px;
}


.tresc-kontakt table tr td{
background-color: #FFF;
padding: 30px 40px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	vertical-align: top;
}




.formularz {
width: 40%;
float: left;
text-align: left;
position: relative;
padding: 50px 0% 50px 5%;
}

.formularz .pole{
width: 100%;
padding: 10px 0px 10px 0px;
float: left;
position: relative;
}

.formularz .pole img{
right: 20px;
top: 23px;
position: absolute;
}

.formularz .pole2{
width: 100%;
padding: 10px 0px 10px 0px;
float: left;
position: relative;
}


.formularz .pole2 a{
color: #009A4D;
}

.formularz .pole2 a:hover {
color:black;	
}	

.formularz .przycisk {
border: 0px;
background-color: #009A4D;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	 font-size:18px;
	 font-family: 'Encode Sans', sans-serif;
	 font-weight: 700;
	 text-transform: uppercase;
	 color:#FFF;
	 cursor:pointer;
}

.formularz .przycisk:hover {
	background-color:black;
}	

.formularz .pole2 small{
font-size: 11px;
line-height: 17px;
}


.formularz .pole input{
border: 1px solid #E5E5E5;
padding: 14px 20px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	 font-size:15px;
	 font-family: 'Encode Sans', sans-serif;
	 width: 100%;
}

.formularz .pole2 textarea {
border: 1px solid #E5E5E5;
padding: 14px 20px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	 font-size:15px;
	 font-family: 'Encode Sans', sans-serif;
	 width: 100%;
}


.oferta {
width: 31.3%;
margin: 1%;
border: 1px solid #E3E5E7;
float: left;
height: 610px;
}

.oferta_img {
width: 100%;
float: left;
overflow: hidden;
height: 280px;
text-align:center;
position:relative;
}

.tresc-podstrony .katalog-produktow .oferta_img img{
position:absolute;
left:0px;
right:0px;
top:0px;
bottom:0px;
margin:auto;
max-width:90% !important;
max-height:90% !important;
}





.oferta_img img:hover {
opacity:0.7;	
}	

.oferta_nazwa:hover {
color:#009A4D;	
}	

.oferta_wiecej:hover {
background-color:black;	
}	


.oferta_nazwa {
width: 100%;
float: left;
padding: 30px 10% 20px 10%;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	font-weight: 700;
	font-size: 18px;
	color: #000;
	text-decoration: none;
	position: relative;
}


.oferta_nazwa:before {
left: 10%;
bottom: -17px;
width: 80px;
height: 2px;
background-color: #009A4D;
	position: absolute;
	content:'';
}



.oferta_zajawka {
width: 100%;
float: left;
padding: 30px 10% 5px 10%;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	border-top: 1px solid #E3E5E7;
	line-height: 20px;
}



.oferta_wiecej {
display: inline-block;
margin: 0px 10% 30px 10%;
padding: 15px 25px;
background-color: #009A4D;
color: #FFF;
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
}

.boxnaglowek .ramka .box-txt {
	float:none;
	display:inline-block;
	max-width:600px;
	padding-top:30px;
	padding-bottom:30px;
	color:#9B9797;
	font-size:17px;
}	

.boxnaglowek .ramka .box-txt h2 {
color:#039B4E;
font-weight:bold;
font-size:32px;
line-height:40px;
font-weight:900;
}	

.boxproducent {
	background-image:url('../grafika/tloproducent.webp');
	background-repeat : no-repeat;
	background-position:center center;
float:left;
width:100%;
margin-top:180px;
height:500px;
position: relative;
}	

.boxproducent .ramka {
float:left;
width:100%;
}	

.boxproducent .ramka .box-txt {
position: absolute;
width:70%;
max-width: 1000px;
background-color:#252D3D;
margin-top:-150px;
color:white;
padding:20px;
font-size:17px;
right: 0px;
margin-right: -40px;
text-align: left;
}	

.boxproducent .ramka .box-txt .naglowek {
float:left;
width:100%;
padding:10px 40px 20px 30px;
font-size:25px;
font-weight:bold;
position: relative;
text-align: left;
height: auto;
}	

.boxproducent .ramka .box-txt .naglowek span {
	color:#039A4D;
}	

.boxproducent .ramka .box-txt .ikony {
float:left;
width:100%;
padding:30px;
padding-top:0px;
}	

.boxproducent .ramka .box-txt .ikony .box {
float:left;
width:25%;
padding-right:5%;
}	


.boxproducent .ramka2 {
float:left;
width:100%;
text-align:center;
color:white;
margin-top:200px;
}	

.boxproducent .ramka2 strong {
font-size:45px;
line-height:55px;
}	

.boxprodukty {
	float:left;
	width:100%;
}	

.boxprodukty .ramka {
background-color:white;
padding:60px;
	float:left;
	width:100%;
	padding-left:0%;
	padding-right:0%;
}	


.boxprodukty .ramka .row {
float:left;
width:100%;
border:1px solid #E3E5E7;
}	


.boxprodukty .ramka .row:nth-child(1) {
	background-image:url('../grafika/palka.webp');
	background-repeat : no-repeat;
	background-position:right 150px;
}	


.boxprodukty .ramka .row:nth-child(2) {
	background-image:url('../grafika/palka.webp');
	background-repeat : no-repeat;
	background-position:left 150px;
}	

.boxprodukty .ramka .row:nth-child(2) .img {
float:right;	
}	
.boxprodukty .ramka .row:nth-child(2) .txt {
float:right;	
}	


.boxprodukty .ramka .row:nth-child(3) {
	background-image:url('../grafika/palka.webp');
	background-repeat : no-repeat;
	background-position:right 150px;
}	

.boxprodukty .ramka .row:nth-child(4) {
	background-image:url('../grafika/palka.webp');
	background-repeat : no-repeat;
	background-position:left 150px;
}	

.boxprodukty .ramka .row:nth-child(4) .img {
float:right;	
}	
.boxprodukty .ramka .row:nth-child(4) .txt {
float:right;	
}	



.boxprodukty .ramka .row:nth-child(5) {
	background-image:url('../grafika/palka.webp');
	background-repeat : no-repeat;
	background-position:right 150px;
}	

.boxprodukty .ramka .row:nth-child(6) {
	background-image:url('../grafika/palka.webp');
	background-repeat : no-repeat;
	background-position:left 150px;
}	

.boxprodukty .ramka .row:nth-child(6) .img {
float:right;	
}	
.boxprodukty .ramka .row:nth-child(6) .txt {
float:right;	
}	


.boxprodukty .ramka .row:nth-child(7) {
	background-image:url('../grafika/palka.webp');
	background-repeat : no-repeat;
	background-position:right 150px;
}	

.boxprodukty .ramka .row:nth-child(8) {
	background-image:url('../grafika/palka.webp');
	background-repeat : no-repeat;
	background-position:left 150px;
}	

.boxprodukty .ramka .row:nth-child(8) .img {
float:right;	
}	
.boxprodukty .ramka .row:nth-child(8) .txt {
float:right;	
}	

.boxprodukty .ramka .row:nth-child(9) {
	background-image:url('../grafika/palka.webp');
	background-repeat : no-repeat;
	background-position:right 150px;
}	

.boxprodukty .ramka .row:nth-child(10) {
	background-image:url('../grafika/palka.webp');
	background-repeat : no-repeat;
	background-position:left 150px;
}	

.boxprodukty .ramka .row:nth-child(10) .img {
float:right;	
}	
.boxprodukty .ramka .row:nth-child(10) .txt {
float:right;	
}	



.boxprodukty .ramka .row  .img {
float:left;
width:50%;
height:260px;
object-fit:cover;
}	



.boxprodukty .ramka .row  .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.boxprodukty .ramka .row  .img img:hover {
 filter: brightness(70%);
}	


.boxprodukty .ramka .row  .txt {
float:left;
width:50%;
padding:50px;
}	

.boxprodukty .ramka .row  .txt  a {
text-decoration:none;	
}	

.boxprodukty .ramka .row  .txt  strong {
	font-size:30px;
	line-height:40px;
	font-weight:900;
}	

.boxprojekt {
float:left;
width:100%;
background-color:#F7F8FA;
padding-top:50px;
padding-bottom:50px;
}	


.boxprojekt .ramka{
float:left;
width:100%;
	background-image:url('../grafika/tlorpojekt.webp');
	background-repeat : no-repeat;
	background-position:center center;
	position:relative;
}	

.boxprojekt .ramka .box-txt {
	color:white;
	float:left;
	width:100%;
	max-width:600px;
	margin-top:80px;
	font-size:16px;
	min-height: 370px;
}	

.boxprojekt .ramka .box-txt strong {
font-size:40px;
line-height:50px;
font-weight:900;
}	

.boxprojekt .ramka .box {
	position:absolute;
	right:-40px;
	top:100px;
	background-color:white;
	max-width:500px;
}	

.boxprojekt .ramka .box  .row {
float:left;
width:100%;
padding:40px 50px;
padding-right:100px;
}	





.boxprojekt .ramka .box  .row.row1 {
	border-bottom:1px solid #E3E5E7;
	background-image:url('../grafika/tloikona1.webp');
	background-repeat : no-repeat;
	background-position:center right;
} 

.boxprojekt .ramka .box  .row.row2 {
	border-bottom:1px solid #E3E5E7;
	background-image:url('../grafika/tloikona2.webp');
	background-repeat : no-repeat;
	background-position:center right;
} 

.boxprojekt .ramka .box  .row.row2 a {
font-weight:bold;
font-size:17px;
}	


.boxprojekt .ramka .box  .row.row1 strong{
	font-size:35px;
	color:#039B4E;
	font-weight:900;
	vertical-align:middle;
} 

.boxcertyfikaty {
float:left;
width:100%;
}	


.boxcertyfikaty .ramkaogolna {
float:left;
width:100%;
background-color:white;
padding-left:0%;
padding-right:0%;
padding-bottom:50px;
text-align:left;
}	

.boxcertyfikaty .ramkaogolna .ramka {
float:left;
width:100%;
padding-top:40px;
padding-bottom:40px;
	background-image:url('../grafika/liniazielona.webp');
	background-repeat : no-repeat;
	background-position:left top;
}	




.boxcertyfikaty .ramkaogolna .ramka a  {
float:right;	
}	


.boxcertyfikaty .ramkaogolna .ramka strong {
    color: #039B4E;
    font-size: 45px;
    font-weight: 900;
    line-height: 50px;
    text-align: left;
    float: left;
}


.boxcertyfikaty .ramkaogolna .ramka2 {
float:left;
width:104%;
text-align:center;
margin: 0px -2%;
}	


.boxcertyfikaty .ramkaogolna .ramka2 a {
float:left;
display:inline-block;
width:29.2%;
height:289px;
	color:#262E3E;
	background-color: #FFF;
	text-decoration:none;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top:60px;
	padding-left:2%;
	padding-right:2%;
	margin: 2%;
	border: 1px solid #E3E5E7;
	position:relative;
}

.boxcertyfikaty .ramkaogolna .ramka2 a em {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position:absolute;
background-color: #FFF;
padding: 60px 8%;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.boxcertyfikaty .ramkaogolna .ramka2 a:before {
	position:absolute;
	right: -20px;
	bottom: -20px;
	width: 90%;
	height: 90%;
	background-color: #009A4D; 
	z-index:0;
	content:'';
}



.boxcertyfikaty .ramkaogolna .ramka2 a strong {
	color:#262E3E;
	font-size:20px;
	line-height:30px;
	font-weight:900;
}	

.boxcertyfikaty .ramkaogolna .ramka3 {
float:left;
width:100%;
background-color:#009A4D;
color:white;
padding:50px;
padding-left:250px;
	background-image:url('../grafika/ikonarzetelnosc.webp');
	background-repeat : no-repeat;
	background-position:40px bottom;
	margin-top:50px;
}	

.boxcertyfikaty .ramkaogolna .ramka3 a {
float:right;	
margin-left:30px;
margin-bottom:20px;
font-weight:bold;
margin-top:20px;
}
.boxcertyfikaty .ramkaogolna .ramka3  strong {
font-size:20px;	
}	

.boxkontakt {
float:left;
width:100%;
padding-top:0px;
padding-bottom: 50px;
}	


.boxkontakt  .ramkaogolna {
float:left;
width:100%;
background-color:white;
}	



.boxkontakt .ramka{
float:left;
width:100%;
padding-top:50px;
padding-bottom:50px;
	background-image:url('../grafika/liniazielona.webp');
	background-repeat : no-repeat;
	background-position:left top;
	background-color:white;
}	


.boxkontakt .ramka strong {
	color:#039B4E;
	font-size:45px;
	font-weight:900;
	line-height:50px;
	float: left;
}	

 
.boxkontakt .ramka2 {
float:left;
width:100%;
background-color:white;
padding-bottom:50px;
}	

.boxkontakt .ramka2 .lewa {
float:left;
width:40%;
margin-top: 30px;
}	

.boxkontakt .ramka2 .lewa img {
float:left;
max-width:100%;
}	

.boxkontakt .ramka2 .prawa {
float:left;
width:60%;
padding-left:10%;
line-height:25px;
color:#979797;
font-size:17px;
line-height:30px;
text-align:left;
}	

.boxkontakt .ramka2 .prawa span {
color:#009A4D;
font-size:40px;
line-height:40px;
font-weight: 300;
}	

.boxkontakt .ramka2 .prawa img {
vertical-align:middle;	
}

.boxkontakt .ramka2 .prawa b {
color:#979797;
font-size:30px;
font-weight:400;
}

.boxkontakt .ramka2 .prawa a {
font-size:17px;
font-weight:bold;
}	


footer {
float:left;
width:100%;
background-color:#F7F8FA;
color:#B1B1B1;
}	

footer  .ramka {
float:left;
width:100%;
border-top:1px solid #E3E5E7;
margin-top:100px;
margin-bottom:100px;
padding-top:50px;
}	

footer  .ramka strong {
font-size:17px;	
}	


footer  .ramka .kol1 {
float:left;
width:20%;
padding-right:2%;
}	

footer  .ramka .kol2 {
float:left;
width:40%;
}	




footer  .ramka .kol3 {
float:left;
width:40%;
text-align:right;
line-height:30px;
}	


.glowna4 table {
width:100% !important;
border:0px !important;
}	

.glowna4 table tr {
border:0px !important;
}	

.glowna4 table tr td {
	border:0px !important;
	border-bottom:1px solid #E4E4E4 !important;
}	

.link_zielony {color:#387854;text-decoration:none;}
.link_zielony:hover {color:#252D3D;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



.tresc-kontakt p a{color:#009A4D;text-decoration:none;}
.tresc-kontakt p a:hover {text-decoration:underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.tresc p a{color:#009A4D;text-decoration:none;}
.tresc p a:hover {text-decoration:underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.tresc-podstrony p a{color:#009A4D;text-decoration:none;}
.tresc-podstrony p a:hover {text-decoration:underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.tresc-kontakt img {max-width:100% !important }
.tresc img {max-width:100% !important }
.tresc-podstrony img {max-width:100% !important }

.tresc li a{color:#009A4D;text-decoration:none;}
.tresc li a:hover {text-decoration:underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



.link_stopka2 {color:#039B4E;text-decoration:none;}
.link_stopka2:hover {color:#252D3D;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.link_stopka {color:#B1B1B1;text-decoration:none;}
.link_stopka:hover {color:#039B4E;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



.link_zielony2 {color:#039B4E;text-decoration:none;}
.link_zielony2:hover {color:#252D3D;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.przycisk {color:#387854;text-decoration:none;background-color:#FFFFFF;color:#039A4D;font-size:17px;text-transform:uppercase;padding:20px;}
.przycisk:hover {background-color:#387854;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.przycisk_czarny {color:#387854;text-decoration:none;background-color:#252D3D;color:white;font-size:17px;text-transform:uppercase;padding:20px;}
.przycisk_czarny:hover {background-color:#387854;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.przycisk_zielony {color:#039B4E;text-decoration:none;text-transform:uppercase;padding:15px 40px;border:2px solid #039B4E;display:inline-block;}
.przycisk_zielony:hover {background-color:#039B4E;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.przycisk_ramka_zielony {background-color:#039B4E;color:white;text-decoration:none;text-transform:uppercase;padding:15px 40px;border:2px solid #039B4E;display:inline-block;}
.przycisk_ramka_zielony:hover {border:2px solid #252D3D;background-color:#252D3D;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}







.przycisk_ramka {color:white;text-decoration:none;text-transform:uppercase;padding:15px 40px;border:2px solid white;display:inline-block;}
.przycisk_ramka:hover {background-color:white;color:#039B4E;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.przycisk_ramka2 {color:black;text-decoration:none;text-transform:uppercase;padding:15px 40px;border:2px solid black;display:inline-block;}
.przycisk_ramka2:hover {background-color:black;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}





 
.tresc-podstrony h3 img:first-of-type {
width: 45%  !important;
height: auto !important;
margin-right: 5% !important;
margin-bottom: 80px !important;
} 

table caption {
font-size: 30px;
line-height: 40px;
color: #03AC53;
padding: 0px 0px 30px 0px;
font-weight: 700;
}


.glowna4 table td img {
   width: 100% !important;
	 height: auto !important;
	 max-width: 100% !important;
}


.glowna4 table:last-of-type  td {
   padding: 10px 4px;
	 font-size: 12px;
}



.glowna4 table:last-of-type table tr td {
    border-bottom: 0px !important;
}



.glowna4 table:last-of-type  tr:first-of-type td {
       background-color: #252D3D !important;
			 font-size: 13px !important;
			 color: #FFF !important;
			 font-weight: 700;
}



#strona135 table:last-of-type  tr:first-of-type td {
       background-color: transparent !important;
}




.glowna4 table:last-of-type table  tr:first-of-type td {
       background-color: transparent !important;
			 font-size: 13px !important;
			 color: #000 !important;
			 font-weight: 400;
}


.glowna4 table:last-of-type tr td:first-of-type {
			 font-weight: 700 !important;
	
}

.glowna4 table table:last-of-type tr td:first-of-type {
			 font-weight: 400 !important;
	
}






.glowna4 table:last-of-type tr:nth-of-type(odd) td {
			background-color: #F4F4F4;
}



.glowna4 .tresc-podstrony  h3 {
			font-size: 30px;
			line-height: 40px;
			font-weight: 700;
			color: #009A4D;
}

.glowna4 .tresc-podstrony  h3 span {
			font-size: 30px  !important;
}


.glowna4 .tresc-podstrony  h3 strong {
			font-size: 30px  !important;
} 


.glowna4 .tresc-podstrony  h4  {
			font-size: 30px  !important;
			display:block !important;
			width: 100% !important;
					line-height: 43px;
			
}


.glowna4 .tresc-podstrony table  {
			width: 100% !important;
			height: auto !important;
			
}


.glowna4 .tresc-podstrony h5  {
		font-size: 18px;
		line-height: 28px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #000;
}

















.glowna4 table.specifikacja  td {
   padding: 10px 4px;
	 font-size: 12px;
}



.glowna4 table.specifikacja table tr td {
    border-bottom: 0px !important;
}



.glowna4 table.specifikacja  tr:first-of-type td {
       background-color: #252D3D !important;
			 font-size: 13px !important;
			 color: #FFF !important;
			 font-weight: 700;
}







.glowna4 table.specifikacja table  tr:first-of-type td {
       background-color: transparent !important;
			 font-size: 13px !important;
			 color: #000 !important;
			 font-weight: 400;
}


.glowna4 table.specifikacja tr td:first-of-type {
			 font-weight: 700 !important;
}


.glowna4 table.specifikacja tr:nth-of-type(odd) td {
			background-color: #F4F4F4;
}








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



.cycle-slideshow.baner .sekwencja .box-txt {
    margin-top: 16vh;
}


.cycle-slideshow.baner .sekwencja .box-txt h1 {
    font-size: 30px;
    line-height: 40px;
}


.cycle-slideshow.baner .sekwencja .box-txt {
    font-size: 15px;
    line-height: 22px;
}


.cycle-pager {
    bottom: 20px;
}


}


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



.cycle-slideshow.baner .sekwencja .box-txt h1 {
    font-size: 23px;
    line-height: 35px;
}



.cycle-slideshow.baner .sekwencja .box-txt p{
    display: none;
}




}

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


.boxkontakt .ramka2 .prawa a {
    font-size: 13px;
    font-weight: bold;
}


.przycisk_zielony {
    color: #039B4E;
    text-decoration: none;
    text-transform: uppercase;
    padding: 15px 30px;
    border: 2px solid #039B4E;
    display: inline-block;
}




}



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



.boxprojekt .ramka .box .row.row1 strong {
    font-size: 25px;
    color: #039B4E;
    font-weight: 900;
    vertical-align: middle;
}


.boxprojekt .ramka .box {
    position: absolute;
    right: -40px;
    top: 100px;
    background-color: white;
    max-width: 400px;
}

.boxprojekt .ramka .box-txt {
    color: white;
    float: left;
    width: 100%;
    max-width: 400px;
    margin-top: 80px;
    font-size: 14px;
    min-height: 370px;
}


.boxprojekt .ramka .box-txt strong {
    font-size: 30px;
    line-height: 40px;
    font-weight: 900;
}


}



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



.box-kontakt div:nth-of-type(2){
display: none;
}


header .box-kontakt {
    width: 200px;
    border: 0px;
    float: right;
    margin-top: 10px;
    text-align: right;
}



.box-kontakt div{
padding-right: 0px !important;
width: 100%;
}

header nav {
    width: 57%;
    padding-right: 2%;
}



.cycle-slideshow.baner .sekwencja .box-txt h1 {
    font-size: 30px;
    line-height: 40px;
}


.cycle-slideshow.baner .sekwencja .box-txt {
    font-size: 15px;
    line-height: 22px;
}


.boxkontakt .ramka2 .prawa span {
    color: #009A4D;
    font-size: 30px;
    line-height: 30px;
}



.boxkontakt .ramka2 .prawa b {
    color: #979797;
    font-size: 23px;
    font-weight: 400;
}


.przycisk_zielony {
    padding: 15px 20px;
}


.przycisk_ramka_zielony {
    padding: 10px 20px;
		margin-top: 10px;
}


}



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



.boxprodukty .ramka .row .txt strong {
    font-size: 20px;
    line-height: 30px;
    font-weight: 900;
}



}




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


.header {
	position: relative;
  height: 84px;
}	


header .box-kontakt {
    margin-right: 90px;
		margin-left: -100px;
}


.menu-pionowe {
   display: none;
}


.menu-pionowe2 {
    display:none;
}


.glowna4.podrzedna .naglowek2_podstrona {
    padding: 30px 0px 70px 0px;
}


.glowna7.podrzedna .naglowek2_podstrona {
    padding: 30px 0px 70px 0px;
}



.glowna4.podrzedna .naglowek2_podstrona {
    padding: 30px 0px 70px 0px;
}

.glowna7.podrzedna .naglowek2_podstrona {
    padding: 30px 0px 70px 0px;
}

.boxproducent .ramka .box-txt {
    width: 90%;
}


header .logo {
    width: 35%;
    border: 0px;
    float: left;
}

header  {
padding-top: 17px !important;
padding-bottom: 17px !important;
}


header .logo img{
    height: 50px !important;
}


header .box-kontakt {
margin-top: 0px !important;
}

header .box-kontakt div {
padding: 10px 0px 10px 20px !important; 
}

.baner_middle {
    padding: 0px 4%;
}


.middle {

    padding: 0px 4%;
}

.boxnaglowek .ramka .box-txt {
    padding: 0px 5%;
}

.boxnaglowek .ramka .box-txt h2 {
    color: #039B4E;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    font-weight: 900;
}




.boxcertyfikaty .ramkaogolna .ramka3 a {
    float: none;
    margin-left: 0px;
    margin-bottom: 20px;
    font-weight: bold;
    margin-top: 20px;
    clear: both;
    display: block;
		
}


.boxcertyfikaty .ramkaogolna .ramka3 {
    float: left;
    width: 100%;
    background-color: #009A4D;
    color: white;
    padding: 50px;
        padding-left: 50px;
    padding-left: 5%;
		   padding-right: 5%;
    background-position: center bottom;
    margin-top: 50px;
		padding-bottom: 120px;
}




.tresc-kontakt {
    width: 105%;
    float: left;
    text-align: left;
    position: relative;
    padding: 50px 5% 0px 5%;
}


.formularz {
    width: 100%;
    float: left;
    text-align: left;
    position: relative;
    padding: 20px 0% 80px 0%;
}










}


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




.oferta {
    width: 48%;
    margin: 1%;
    border: 1px solid #E3E5E7;
    float: left;
    height: 610px;
}




}




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



.boxkontakt .ramka2 .lewa {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.boxkontakt .ramka2 .lewa img {
    float: none;
    max-width: 100%;
}


.boxkontakt .ramka2 .prawa {
    float: left;
    width: 100%;
    padding-left: 5%;
		padding-right: 5%;
    line-height: 25px;
    color: #979797;
    font-size: 17px;
    line-height: 30px;
}



}


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


.szczegoly h2 {
clear:both !important;	
}	

.boxcertyfikaty .ramkaogolna .ramka2 a strong {
    color: #262E3E;
    font-size: 16px;
    line-height: 26px;
    font-weight: 900;
}



.stanmagazynowy tr td:nth-of-type(2) {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #008040;
    padding: 50px 20px;
}

.stanmagazynowy tr td:nth-of-type(3) {
    font-weight: 700;
    font-size: 18px;
    line-height: 35px;
    color: #008040;
    padding: 50px 20px;
    text-align: center;
}


}



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




.przycisk_zielony {
    color: #039B4E;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 30px;
    border: 2px solid #039B4E;
    display: inline-block;
}


.boxcertyfikaty .ramkaogolna .ramka strong {
    color: #039B4E;
    font-size: 35px;
    font-weight: 900;
    line-height: 50px;
}



}



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



.boxprojekt .ramka .box-txt {
    color: white;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-top: 60px;
    font-size: 14px;
    min-height: auto;
}
.boxprojekt .ramka .box {
    position: relative;
    right: 0px;
    top: 0px;
    background-color: white;
    max-width: 100%;
    float: left;
    margin-top: 40px;
}

}



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


.tresc-podstrony h3 img:first-of-type {
    width: 100% !important;
    height: auto !important;
    margin-right: 0% !important;
    margin-bottom: 40px !important;
}


.tresc-podstrony img {
    height: auto !important;

}



.boxproducent .ramka .box-txt {
    width: 100%;
}

.boxproducent .ramka .box-txt .ikony .box {
    float: left;
    width: 50%;
    padding-right: 5%;
	height:150px;
}


.boxproducent {
    float: left;
    width: 100%;
    margin-top: 180px;
    height: auto;
    position: relative;
    padding-bottom: 80px;
}


.boxproducent .ramka2 {
    float: left;
    width: 100%;
    text-align: center;
    color: white;
    margin-top: 320px;
}


.boxproducent .ramka2 strong {
    font-size: 30px;
    line-height: 50px;
}


.boxproducent .ramka2 {
    padding-left: 5%;
		padding-right: 5%;
}


.szczegoly_img {
    float: left;
    width: 90%;
    margin: 0px 5% 50px 5%;
}






}


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

.naglowek h1 {
    padding: 20px 60px 20px 40px;
    font-size: 30px;
    line-height: 40px;
}


.tresc {
    float: left;
    width: 100%;
    text-align: left;
    padding: 40px 4% 80px 4%;
}


header .box-kontakt div {
background-image: none;	
}	


}


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



.boxcertyfikaty .ramkaogolna .ramka2 a {
    margin: 40px 2%;
		width: 96%;

}

.boxcertyfikaty .ramkaogolna .ramka a {
    float: right;
    width: 100%;
    margin-top: 20px;
		
}



.glowna4 table.specifikacja td {
   padding: 10px 1px;
	 font-size: 8px;
}

.glowna4 table.specifikacja  tr:first-of-type td {
			 font-size: 9px !important;
}


.glowna4 table.specifikacja table  tr:first-of-type td {
			 font-size: 9px !important;

}



.glowna4 table:last-of-type  td {
   padding: 10px 1px;
	 font-size: 8px;
}

.glowna4 table:last-of-type  tr:first-of-type td {
			 font-size: 9px !important;
}


.glowna4 table:last-of-type table  tr:first-of-type td {
			 font-size: 9px !important;

}





}


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



footer .ramka .kol1 {
    float: left;
    width: 50%;
		
		
		}
		
		
		footer .ramka .kol3 {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 30px;
		padding-top:30px;
}




ul.galeria li {
  height: 200px;
  flex-grow: 1;
	position: relative; 
	margin: 1%;
}



}


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


.glowna4.podrzedna .naglowek2 h1 {
    font-size: 25px;
    line-height: 35px;
}


.glowna7.podrzedna .naglowek2 h1 {
    font-size: 25px;
    line-height: 35px;
}


}


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



.oferta {
    width: 98%;
    margin: 1%;
    border: 1px solid #E3E5E7;
    float: left;
    height: 610px;
}


.boxkontakt .ramka strong {
    color: #039B4E;
    font-size: 35px;
    font-weight: 900;
    line-height: 50px;
    float: left;
}



}





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



.tresc-kontakt table {
    border-spacing: 0px;
    border-collapse: separate;
    margin-left: 0px;
    margin-top: 0px;
		display: block;
		width: 100%;
}

.tresc-kontakt table tbody {
    border-spacing: 0px;
    border-collapse: separate;
    margin-left: 0px;
    margin-top: 0px;
		display: block;
		width: 100%;
}

.tresc-kontakt table tr  {
    border-spacing: 0px;
    border-collapse: separate;
    margin-left: 0px;
    margin-top: 0px;
		display: block;
		width: 100%;
}


.tresc-kontakt table tr td {
    background-color: #FFF;
    padding: 30px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
		width: 96%;
		display: block;
		margin-bottom: 25px;
}



}




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


	  .glowna4 table:last-of-type td {
		  line-height:12px;
		  word-break: break-all;
	  } 


.boxprodukty .ramka .row .img {
    float: left;
    width: 100%;
    height: 260px;
    object-fit: cover;
}


.boxprodukty .ramka .row .txt {
    float: left;
    width: 100%;
    padding: 50px;
        padding-top: 50px;
        padding-right: 50px;
        padding-bottom: 50px;
        padding-left: 50px;
}


.boxprojekt .ramka .box-txt {
    padding-left: 4%;
		 padding-right: 4%;
}


.boxprojekt .ramka .box-txt strong {
    font-size: 25px;
    line-height: 36px;
    font-weight: 900;
}




.stanmagazynowy tr td {
    width: 100%;
    border-top: 0px solid #E3E5E7;
    border-bottom: 0px solid #E3E5E7;
		display: block;
}


.stanmagazynowy tr  {
    width: 100%;
    border-top: 1px solid #E3E5E7;
    border-bottom: 1px solid #E3E5E7;
		display: block;
}




.stanmagazynowy tr td:nth-of-type(2) {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #008040;
    padding: 10px 20px;
		display: block;
		text-align: center;
}



}




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


.cycle-slideshow.baner .sekwencja .box-txt h1 {
    font-size: 23px;
    line-height: 35px;
}



.cycle-slideshow.baner .sekwencja .box-txt p{
    display: none;
}

}


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


.cycle-slideshow.baner .sekwencja .box-txt h2 {
	font-size:25px !important;
	line-height:35px !important;
}	






.boxproducent .ramka .box-txt .naglowek {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}

.boxproducent .ramka .box-txt .ikony .box {
    float: left;
    width: 45%;
    padding-right: 5%;
    font-size: 13px;
}


ul.galeria li {
width:280px;	
}	


.box-kontakt {
display:none;	
}	

.glowna10nadrzedna .baner-podstrona {
    background-position: center bottom;
}


}




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



footer .ramka .kol1 {
    float: left;
    width: 100%;
		padding: 0px 0px 40px 0px;
		text-align: center;
}
footer .ramka .kol2 {
    float: left;
    width: 100%;
		padding: 0px 0px 40px 0px;
		text-align: center;
}


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

.glowna4 .tresc-podstrony h3 {
    font-size: 24px;
    line-height: 37px;
		padding-right: 40px;
}




}












#strona9 .formularzlogowaniatlo {
float:left;
padding:30px;
}	

#strona9 .formularzlogowaniatlo .row {
float:left;
width:100%;
margin-top:5px;
margin-bottom:5px;
}	

#strona9 .formularzlogowaniatlo .row label {
display:block;
float:left;
width:60px;
margin-right:20px;
}	

#strona9 .formularzlogowaniatlo .row input {
float:left;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:10px;
  font-family: 'Encode Sans', sans-serif;
  font-size:17px;
  border:1px solid #E4E4E4;
  width:160px;
}	

#strona9 .formularzlogowaniatlo .row input[type="submit"] {
cursor:pointer;
background-color:#009A4D;
color:white;
font-weight:bold;
}	


.tresc-podstrony ul li a {
	color:#039B4E;
}	

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



.boxnaglowek .ramka .box-txt a {
	color:#039B4E;
}	
	

.boxnaglowek .ramka .box-txt a:hover {
	color:black;
}	
	
.boxnaglowek .ramka .box-txt  ul {
margin-left:0px !important; 	
}	



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



.boxnaglowek .ramka .box-txt  h1 {
	font-size: 20px;
  line-height: 30px;

}	
	
	

	
	
}



 /* 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:9999999;
}

.mean-container a.meanmenu-reveal {
    width: 33px;
    height: 33px;
    padding: 26px 21px 25px 21px;
    position: absolute !important;
    z-index: 999999 !important;
    top: 0px;
    right: 0% !important;
    cursor: pointer;
    color: #FFF;
    text-decoration: none;
    font-size: 26px;
    text-indent: -9999em;
    line-height: 30px !important;
    font-size: 22px !important;
    display: block;
    font-weight: 700;
    border-left: 0px solid rgba(0,0,0,0.1);
		background-color: #009A4D;
}


.mean-container a.meanmenu-reveal span {
	display: block;
	background:  #FFF;
	height: 3px;
	margin-top: 6px;
	webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 26px;
}


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


.mean-container .mean-nav > ul {

    padding: 30px 0px 150px 0px !important;
    width: 100% !important;
    list-style-type: none;
    position: absolute;
    z-index: 0 !important;
    left: 0%;
    background-color: #FFF;
    position: absolute;
    top: 69px;
    min-height: 400px !important;
    max-height: 400px !important;
    overflow-y: scroll;
    float: none !important;
		-webkit-box-shadow: inset 0px 0px 27px 0px rgba(0,0,0,0.09);
-moz-box-shadow: inset 0px 0px 27px 0px rgba(0,0,0,0.09);
box-shadow: inset 0px 0px 27px 0px rgba(0,0,0,0.09);

}






.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%;
	top:0px !important;
	background-color:#252D3D;
	float: left;
  position:relative;
	border-top: 0px solid #555355;
	border-bottom: 0px solid #555355;
}



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

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


.mean-container .mean-nav ul ul li a{
	font-weight: 400 !important;
	color: #FFF !important;
	font-size: 14px !important;
}


.mean-container .mean-nav ul ul li.menubold a{
	font-weight: 700 !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: 0px 0% !important;
}





.mean-container .mean-nav ul li a {
	display: inline-block;
	float: none;
	width:80% !important;
  margin: 0px 10%;
	padding: 10px 0% 10px 0% !important;
	margin: 0;
	color: #1F2638 !important;
	text-decoration: none;
	font-weight: 400;
	font-size: 17px !important;
	text-align: center;
	position: relative;
	text-transform: uppercase;
}



.mean-container .mean-nav ul li a:hover {
	color: #009A4D !important;
	z-index: 100;
}


.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:#fff !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 li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 0px;
	width: 26px !important;
	height: 20px !important;
	text-align: center;
	position: absolute;
	right: 15px;
	top: 0px;
	z-index: 99999 !important;
	font-weight: 700 !important;
	border: none !important;
	color: #009A4D !important;
	padding: 10px 10px !important;
	font-size: 45px !important;
	
}


.mean-container .mean-nav ul li a.mean-expand:hover {

}

.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:#009A4D !important;
}