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


/* 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: 'Merriweather Sans', sans-serif;
					font-weight:300;
                }

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


input, textarea {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	    font-size:15px;
					font-family: 'Merriweather Sans', sans-serif;
					font-weight: 300;
	}
	
	
	
div, nav, header, footer, table, tr,td, ul,li, a {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

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

.header {
	width: 100%;
	border: 0px;
	float:left;
	position:relative;
	height:110px;
}	



header {
	width: 100%;
	border: 0px;
	float:left;
	position:relative;
	z-index:99999;
	height:110px;
}	

header .ramka {
		position:relative;
}

header .logo{
	width: 230px;
	border: 0px;
	position:absolute;
	left: 0;
	top: 0;
	height:110px;
  border-bottom: 3px solid rgba(0,0,0,0.2);
}	

header .logo a{
	width: 100%;
	border: 0px;
	height:100%;
	background-color:white;
	position:absolute;
	left:0;
	top: 0;
}	

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


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



header nav {
  width: 85%;
  border: 0px;
  float: left;
  margin-right: -10%;
}


header .boxlang {
  width: auto;
  border: 0px;
  float: right;
  text-align: right;
  margin-top: 32px;
}



header .boxlang a {
  color: white;
  border: 1px solid #E9E8EA;
  padding: 10px;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
}

header .boxlang a.active {
background-color:#00592B;
color:#FFF !important;
  border: 1px solid #00592B;
}	

header .boxlang a:hover  {
background-color:#00592B;
color:#FFF !important;
  border: 1px solid #00592B;
}	



.licznik {
margin: 50px -1%;
width: 102%;
border: 0px;
}


.licznik tr {
display: flex;
flex-wrap: wrap;
width: 102%;
}


.licznik tr td{
margin: 1%;
background-color: #FFF;
padding: 30px 40px;
width: 23%;
border: 0px;
font-size: 18px;
line-height: 29px;
}

.licznik tr td strong span{
font-size:30px !important;
line-height: 40px !important;
color: #2E893B !important;
}


.tresc h2 {
color: #2D893B;
font-size: 21px;
line-height: 32px;
font-weight: 700;
}

.tresc h2 strong{
color: #000;
font-size: 31px;
line-height: 42px;
display: block;
}


.tresc {
padding: 60px 0px 20px 0px;
}


 
.glowna10nadrzedna .boxformularz {
padding: 40px 0px;
float: left;
width: 100%;
}
.glowna10nadrzedna .boxformularz .ramka strong {
color: #000;
font-size: 21px;
line-height: 32px;
font-weight: 700;
}

.boxy .mapa iframe {
	filter: grayscale(60%);
}	


.podstrona {
float: left;
padding: 160px 0px 80px 0px;
position: relative;
width: 100%;
margin-top: -110px;
z-index: 0;
}



.podstrona h1 {
font-size: 50px;
line-height: 60px;
color: #FFF;
font-weight: 700;
}

.podstrona h2 {
font-size: 24px;
line-height: 33px;
color: #FFF;
font-weight: 300;
max-width: 50%;
}

.lista_li_img {
list-style: none;
margin: 20px -1%;
width: 102%;
padding: 0px 0px;
display:flex;
flex-wrap: wrap;
}


.lista_li_img li {
list-style: none;
margin: 20px 1%;
width: 23%;
padding: 20px 0px;
font-size: 18px;
line-height: 28px;
}

.lista_li_img li img {
margin: 0px 0px 30px 0px;
display: block;
}

.img_left h2 {
color: #000 !important;
}

.img_left {
background-color: #FFF;
width: 100% !important;
position: relative;
min-height: 350px;
  border-bottom: 3px solid rgba(0,0,0,0.15);
}

.img_left tr td:nth-of-type(1) {
position: absolute;
left: 0;
top: 0;
width: 40%;
height: 100%;
}

.img_left tr td img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}


.img_left tr td:nth-of-type(2) {
padding: 60px 50px 60px 45%;
}



.podstrona .baner-podstrona {
  position: absolute;
  right: 0;
  top: 0;
  width: 64%;
  height: 100%;
  z-index: 1;
}


.podstrona:before {
position: absolute;
left: 0;
top: 0;
content:'';
width:100%;
height:100%;
	background-image:url('../grafika/baner_naglowek.webp');
	background-repeat : no-repeat;
	background-position:center top;
	z-index: 2;
	background-size: cover;
}

.glowna4.podrzedna .baner-podstrona {
  display: none;
}

.tresc-kontakt {
padding:0px 0px;
float: left;
width: 100%;
}
 
 
 
.tresc-kontakt table{
margin: -50px 0px 0px 0px;
color: #000;
position: relative;
}
 
.tresc-kontakt table tr {
display: flex;
flex-wrap: wrap;
width: 100%;
}
 
 .tresc-kontakt table tr td {
background-color: #FFF;
padding: 60px 50px;
color: #000;
display: block;
margin: 1%;
width: 48%;
  border-bottom: 3px solid rgba(0,0,0,0.15);
}
 
  .tresc-kontakt table tr td:nth-of-type(2) {
background-color: #ECF9EE;
}
 

 
.tresc-kontakt table tr td big {
	font-size: 20px;
	line-height:30px;
	}
	
	 
.tresc-kontakt table tr td h2 {
	font-size: 40px;
	line-height:50px;
	font-weight: 700;
	}
	
	
	 
.tresc-kontakt table tr td a {
	color: #2D8A3B;
	}
 
 .tresc-kontakt table tr td a:hover {
	color: #E2011B;
	}
 
 
 
 .tresc p a {
	color: #2D8A3B;
	}
 
 .tresc p a:hover {
	color: #E2011B;
	}
 
  .tresc-podstrony p a {
	color: #2D8A3B;
	}
 
 .tresc-podstrony p a:hover {
	color: #E2011B;
	}
 
 .tresc-kontakt img {
	max-width:100% !important; 
 } 
 
  .tresc img {
	max-width:100% !important; 
 } 
 
   .tresc-podstrony img {
	max-width:100% !important; 
 } 
 
 
  .tresc-kontakt table {
	max-width:100% !important; 
 } 
 
  .tresc table {
	max-width:100% !important; 
 } 
 
   .tresc-podstrony table {
	max-width:100% !important; 
 } 
 
 
 
 
   .tresc-kontakt iframe {
	max-width:100% !important; 
 } 
 
  .tresc iframe {
	max-width:100% !important; 
 } 
 
   .tresc-podstronyiframe {
	max-width:100% !important; 
 } 
 
 
 
 
.tresc-podstrony {
padding: 40px 0px;
}
 
 
.tresc-podstrony h2{
font-weight: 700;
font-size: 26px;
line-height: 36px;
}


.podstrona h3 {
display: none;
}


.pole_left {
float: left;
width: 48%;
margin: 0px 1%;
}

.pole_right {
float: left;
width: 48%;
margin: 0px 1%;
}

.boxformularz .pole_left .pole {
float: left;
width: 98%;
margin: 15px 1%;
}



.pole_right  .pole2 textarea {
  background-color: #FFF;
  border: 0px;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 3px solid rgba(0,0,0,0.1);
  padding: 20px 30px;
  width: 100%;
	min-height: 338px;
	margin-top: 10px;
}


.boxformularz .naglowek {
float: left;
width: 100%;
margin: 0%;
padding: 40px 0px 10px 0px;
font-weight: 700;
font-size: 19px;
}

.boxformularz .pole {
float: left;
width: 31.3%;
margin: 1%;
position: relative;
}

.boxformularz .pole2 {
float: left;
width: 99%;
margin: 1%;
position: relative;
}

.boxformularz .pole img {
right: 15px;
top: 18px;
position: absolute;
}

.boxformularz .pole3 {
float: left;
width: 99%;
margin: 1%;
position: relative;
}

.boxformularz .pole3 .przycisk {
color: white;
  text-decoration: none;
  padding: 20px 40px;
  background-color: #2E893B;
  font-weight: bold;
	border: 0px;
}






.boxformularz .pole2 a {
color: #000;
}


.boxformularz .pole input {
background-color: #FFF;
border: 0px;
 border-bottom: 3px solid rgba(0,0,0,0.1);
 padding: 20px 30px;
 width: 100%;
}



.glowna7nadrzedna .podstrona h3 {
font-size: 24px;
  line-height: 33px;
  color: #FFF;
  font-weight: 300;
  max-width: 50%;
	display: block;
}


.glowna7nadrzedna .tresc-podstrony {
padding-bottom: 0px;
}

.glowna4nadrzedna .tresc-podstrony {
padding-bottom: 0px;
}


.podstrona .ramka {
float: left;
position: relative;
z-index: 4;
width: 100%;
}

.baner_middle {
background-color: #2D883A;
width: 100%;
float: left;
}


.cycle-slideshow.baner {
float:left;
width:100%;
margin-top:-110px;
background-color: #2C893A;
}	


.cycle-slideshow.baner  .sekwencja {
float:left;
width:100%;
height:calc(90vh);
	background-repeat : no-repeat;
	background-position:center center;
	z-index: 0;
	background-size: cover;
	min-height: 600px;
	background-color: #2C893A;
}	


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



.cycle-slideshow.baner  .sekwencja .box-txt {
color:white;
margin-top:27vh;
float:left;
width:100%;
max-width:800px;
font-size:21px;
line-height:30px;
	z-index: 8;
	position:relative;
}	


.menu-pionowe {
background-color: #027235;
width: 100%;
float: left;
}

.menu-pionowe .ramka  {
display: flex;
flex-wrap: wrap;
}

.menu-pionowe .ramka  div  {
margin-right: 30px;
}




.menu-pionowe .ramka  div a {
display: block;
padding:25px 10px;
color: #FFF;
text-decoration: none;
font-size: 16px;
}


.menu-pionowe .ramka  div a:hover {
background-color:white;
color:#027235;
}


.menu-pionowe .ramka .komorka-menu-bold a {
background-color:white;
color:#027235;
}	

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


#strona4 .tresc-podstrony {
padding-top:0px;
padding-bottom:0px;
}	

.boxuslugi .boxy .row .txt .link_czarny {
font-size:35px;
line-height:35px;
font-weight:bold;
color:#027235;
}	


.boxuslugi .boxy .row .txt .link_czarny:hover {
color:#E20119;
}	



.cycle-slideshow.baner  .sekwencja .box-txt  span {
	height:75px;
	height:111px;
	background-image:url('../grafika/skos.webp');
	background-repeat : no-repeat;
	background-position:right center;
	display:inline-block;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:40px;
  font-size:20px;
  font-weight:bold;
  line-height:29px;
  float:right;
  padding-right:80px;
	margin-bottom: -60px;
}	

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

.cycle-slideshow.baner  .sekwencja .box-txt .img {
float:left;
margin-right:20px;
margin-top:10px;
}	



.cycle-pager {position:absolute;left:0px;bottom:150px;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;}
.cycle-pager span.cycle-pager-active {  cursor: pointer;background-color:#E50017;}





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

{




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

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


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


#nawigacja-menu li a{
	color:white;
	text-decoration:none;
	vertical-align:middle;
	display:inline-block;
     font-size:14px;
	vertical-align:middle;
	font-size:18px;
	border-bottom:2px solid transparent;
	padding:5px;
}

#nawigacja-menu li:hover  {
	color:#000 !important;
	background-color:white !important;
}	

#nawigacja-menu li:hover a {
	color:#000 !important;
	background-color:white !important;
}	

#nawigacja-menu li:hover a{
	color:#017337;
	border-bottom:2px solid transparent;
	
	
}	


#nawigacja-menu li.menubold {
	background-color:white;
	  
}

#nawigacja-menu li.menubold a{
	color:#017337 !important;
	border-bottom:2px solid #017337;
	font-weight:bold;
}





}





.glowna4nadrzedna .podstrona h2 {
display: none;
}

.boxuslugi .boxy .row {
  background-color: #FFF;
  margin: 30px 0px;
  width: 100%;
  position: relative;
  float: left;
  border-bottom: 3px solid rgba(0,0,0,0.15);
  min-height: 270px;
}

.boxuslugi .boxy .row .link_czarny.small {
  position: absolute;
  left: 40%;
  bottom: 30px;
  z-index:999;
}


.boxformularz .pole3 .przycisk {
cursor:pointer;	
}	

.boxformularz .pole3 .przycisk:hover {
background-color:#E2011B;
}	

.boxformularz .pole2 a:hover {
	color:#E2011B;
}	


.boxuslugi .boxy .row .img {
position: absolute;
width: 30%;
left: 0;
top: 0;
height: 100%;
}

.boxuslugi .boxy .row .img img {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  object-fit: cover;
}



.boxuslugi .boxy .row .txt {
position: relative;
float: left;
padding: 50px 90px 100px 40%;
width: 100%;
}



.glowna7nadrzedna .podstrona h2 {
display: none;
}

.glowna7nadrzedna .baner-podstrona {
display: none;
}



.tloszare {
	float:left;
	width:100%;
	background-color:#EEEEEF;
}	

.boxuslugi {
	float:left;
	width:100%;
	position:relative;
	z-index:9999;
}	


.boxuslugi .ramka {
	display:flex;
	flex-wrap: wrap;
	  margin-top: -50px;
}	


.boxuslugi .box {
  float: left;
  width: 23%;
  background-color: white;
  margin-left: 1%;
  margin-right: 1%;
  position: relative;
		  border-bottom: 4px solid rgba(0,0,0,0.1);
}



.boxuslugi .box .link_zielony {
position:absolute;
left:30px;
bottom:50px;
display:block;
font-size:18px;
font-weight:bold;
}	

.boxuslugi .box .img{
	float:left;
	width:100%;
	height:150px;
	position:relative;
	text-align:center;
}	

.boxuslugi .box .img img{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	margin:0 auto;
	max-width:100%;
max-height: 130%;
	margin-top:-50px;
}	



.boxuslugi .box .txt {
  float: left;
  width: 100%;
  padding: 30px;
  color: #676767;
  padding-bottom: 80px;
}



.boxuslugi .box .txt strong {
	font-size:20px;
	line-height:25px;
	color:black;
}	


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

.boxjaktorobimy .ramka {
  float: left;
  width: 100%;
  font-size: 25px;
  font-weight: bold;
  color: black;
  padding-top: 60px;
  padding-bottom: 30px;
  padding-left: 1%;
}


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

.boxjaktorobimy .ramka2 .box{
	float:left;
	width:31.3%;
	height:320px;
	margin:1%;
	padding:30px;
	border-bottom: 4px solid rgba(0,0,0,0.1);
}	

.boxjaktorobimy .ramka2 .box a{
	font-weight:bold;
	font-size:20px;
	line-height:25px;
}	


.boxjaktorobimy .ramka2 .box a:hover{
	color:black !important;
}	


.boxjaktorobimy .ramka2 .box.box1{
	background-color:#E60018;
	color:white;
}	

.boxjaktorobimy .ramka2 .box.box1 a:hover {
	color:#2E893A !important;
}	

.boxjaktorobimy .ramka2 .box.box2{
	background-color:#2E893A;
	color:white;
}	

.boxjaktorobimy .ramka2 .box.box2  a:hover {
	color:#E60018 !important;
}	


.boxjaktorobimy .ramka2 .box.box3{
	background-color:white;
}	

.boxjaktorobimy .ramka2 .box.box3 a:hover {
	color:#E60018 !important;
}	


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

.boxdlaczegomy .ramka{
	float:left;
	width:100%;
	font-size:25px;
	font-weight:bold;
	color:black;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:1%;
}	

.boxdlaczegomy .ramka2{
	display: flex;
	flex-wrap: wrap;
	width:100%;
}	

.boxdlaczegomy .ramka2 .box{
	float:left;
	width:33.3%;
	font-size:20px;
	line-height:25px;
	padding:20px;
	padding-right:50px;
}	



.boxwycena {
float:left;
width:100%;
margin-top:50px;
}	


.boxwycena .ramka .img {
  width: 40%;
min-height:300px;
	background-image:url('../grafika/wycena.webp');
	background-repeat : no-repeat;
	background-position:70% center;
	background-color:white;
	border-left: 40px solid #2E893B;
	display:table-cell;
	background-size: cover;
	vertical-align: middle;
}


.boxwycena .ramka {
display:table;
width:100%;
min-height:300px;
	background-color:white;
	border-bottom:5px solid #E5E5E5;
	border-bottom: 4px solid rgba(0,0,0,0.1);
}	

.boxwycena .ramka  .txt {
width:55%;
padding-left:0%;
font-size:18px;
line-height:25px;
position: relative;
display:table-cell;
vertical-align: middle;
padding-right: 50px;
}	



.boxwycena .ramka  .txt:before {
left: -270px;
top: 0;
height: 100%;
width: 270px;
position:absolute;
	background-image:url('../grafika/skos2.webp');
	background-repeat : no-repeat;
	background-position:left center;
	background-size: 100% 100%;
	content:'';
}	

.boxwycena .ramka  .txt strong {
	font-size:25px;
	line-height:30px;
}	

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

.boxy .box {
  float: left;
  width: 50%;
  padding: 30px;
    padding-right: 30px;
    padding-left: 30px;
  padding-left: 0px;
  padding-right: 60px;
}

.boxy .box .naglowek{
	float:left;
	width:100%;
}	


.boxy .box .naglowek strong {
	font-size:40px;
	line-height:45px;
	color:black;
}	



.boxy .box .txt {
  float: left;
  width: 100%;
  padding: 40px;
  background-color: white;
  margin-top: 50px;
  min-height: 340px;
	border-bottom: 4px solid rgba(0,0,0,0.1);
}


.boxy .box .txt span {
	font-size:20px;
	line-height:25px;
}	

.boxy .box .txt b {
	color:#E70119;
	font-size:40px;
	line-height:50px;
}	


.boxy .box .txt a {
	font-weight:bold;
}	



.boxy .mapa {
	float:left;
	width:50%;
}	

.boxy .mapa iframe {
  float: left;
  width: 100% !important;
  height: 510px !important;
	border-bottom: 4px solid rgba(0,0,0,0.1);
}



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

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



footer .ramka .box{
	float:left;
	width:25%;
}	

footer .ramka .box img:hover{
	opacity:0.7;
}	



footer .ramka .box strong {
	font-size:18px;
	line-height:25px;
	font-weight:400;
}


footer .ramka2{
	float:left;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	border-top:1px solid #EEEEEF;
}	



.link_stopka { color:black;text-decoration:none;margin-right:20px;font-size:16px;}
.link_stopka:hover {color:#E70119;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_stopka2 { color:#E70119;text-decoration:none;}
.link_stopka2:hover {color:#2E893A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



.link_czarny { color:black;text-decoration:none;margin-right:20px;font-size:20px;}
.link_czarny:hover {color:#E50017;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;margin-right:20px;font-size:20px;}
.link_bialy:hover {color:#E50017;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_zielony { color:#2E893A;text-decoration:none;margin-right:20px;font-size:20px;}
.link_zielony:hover {color:#E50017;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.przycisk_czerwony { color:white;text-decoration:none;padding:20px 40px; background-color:#E60018;font-weight:bold;}
.przycisk_czerwony:hover {background-color:#2E893A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przycisk_czerwony img { margin-left:20px; }












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

a.meanmenu-reveal {
  width: 29px;
  height: 34px;
  padding: 12px 3px 11px 3px;
  position: absolute;
  z-index: 8000 !important;
  top: 16px;
  right: 5% !important;
  cursor: pointer;
  color: #FFF;
  text-decoration: none;
  font-size: 24px;
  text-indent: -9999em;
  line-height:34px !important;
  font-size: 28px !important;
  display: block;
  font-weight: 300;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	background-color: transparent;
	font-weight: 300;
	text-align: right;
}


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





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


.mean-container .mean-nav > ul {
  padding: 0px 0% 500px 0% !important;
  width: 100% !important;
  list-style-type: none;
  position: absolute;
  z-index: 0 !important;
  left: 0%;
  background-color: #fff;
  position: absolute;
  top: 72px;
  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;
  z-index: 99999999;
}


.mean-container .mean-nav ul  ul{
	padding: 10px 0px 10px 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;
}



.mean-container .mean-nav ul > li {
	position: relative;
	width:100% !important;
	box-sizing: border-box;
	border-bottom: 1px solid #EFEFEF;
-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.07);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.07);
	padding:0px 0px !important;
	margin: 0px 0% !important;
	text-align: left;
	float: left;
	height: auto !important;
}


.mean-container .mean-nav ul > li ul li {
	position: relative;
	width:100% !important;
	box-sizing: border-box;
	border-bottom: 0px solid #EFEFEF;
-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.00);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.00);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.00);
	padding:0px 0px !important;
	margin: 0px 0% !important;
	text-align: left;
	float: left;
	height: auto !important;
}




.mean-container .mean-nav ul li a {
	margin: 0px !important;
	font-family: 'Anton', sans-serif;
}




.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;
		border-top: 0px;
}


.mean-container .mean-nav ul ul li a{
	font-weight: 300 !important;
     color: #000 !important;
	font-size: 17px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	margin: 0px 5% 0px 5% !important;
	line-height: 27px;
	width: 90% !important;
	
}

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

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


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

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




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






.mean-container .mean-nav ul li a {
	display: inline-block;
	float: none;
	padding: 35px 7% 35px 7% !important;
	margin: 0 0% !important;
	color: #000 !important;
	text-decoration: none;
	font-weight: 300;
	font-size: 21px !important;
	text-align: left;
	position: relative;
	letter-spacing: 0.5px !important;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



.mean-container .mean-nav ul li a:first-of-type::before {
  content: '';
  position: absolute;
  right: -100px;
  height: 20px;
  width: 120px;
		background-image:url('../grafika/strzalka2.webp');
	background-repeat : no-repeat;
	background-position:left center;
	background-size: 30px;
}




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


.mean-container .mean-nav ul li a.menu-bold {
	font-weight:500 !important ;
	color:#DC6C38 !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 ul li a {
	padding: 5px 0px 5px 0px !important;
}

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


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



.mean-container .mean-nav ul ul li.hidden {
display: none !important;
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 0px;
    width: 49px !important;
    text-align: center;
    position: absolute;
    right: 5%;
    top:14px;
    z-index: 999;
    font-weight: 400 !important;
    border: none !important;
    color: #000 !important;
    padding: 19px 40px 19px 30px !important;
    font-size: 26px !important;
		border-left: 0px solid #EEEEEE !important;
		text-align: center;
		margin: 0px 0px !important;
		 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.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: -5.5%;
    top: 0px;
    z-index: 99999;
    font-weight: 400 !important;
    border: none !important;
    color: #000 !important;
    padding: 6px 40px 6px 30px !important;
    font-size: 24px !important;
			border: 0px solid #F2F2F2  !important;
}

.mean-container .mean-nav ul ul ul div {
    display: none !important;
}


.mean-container .mean-nav ul li a.mean-expand:hover {
	background: transparent;
	color:#E60018 !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 li a {
    border-bottom: 0px !important;
		font-weight: 500 !important;
		font-size: 15px !important;
		letter-spacing: 0.5px !important;
}




 .lista_li_img li {
    padding-right: 30px;
  }





	
	.menu-pionowe {
  margin-top: -3px;
  position: relative;
}




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

{


.cycle-pager {
  bottom: 110px;
}


.cycle-pager span {
  background-color: #fff;
  margin: 0px 8px 0px 8px;
  padding: 6px;
  font-size: 0px;
  cursor: pointer;
}


.cycle-slideshow.baner .sekwencja .box-txt .img {
  float: left;
  margin-right: 20px;
  margin-top: 10px;
  max-height: 40px;
  margin-bottom: 30px;
}

.cycle-slideshow.baner .sekwencja .box-txt {
  color: white;
  font-size: 17px;
  line-height: 26px;
}


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






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

{

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


}


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

{




.boxdlaczegomy .ramka2 .box {
  font-size: 17px;
  line-height: 25px;
}



}





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

{
	
	
	
.boxuslugi .box {
  width: 48%;
}


	
	
	
	


.cycle-slideshow.baner .sekwencja .box-txt span {
  height: 75px;
  height: 81px;
  background-image: url('../grafika/skos.webp');
  background-repeat: no-repeat;
  background-position: right center;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 40px;
    padding-right: 40px;
  font-size: 20px;
  font-weight: bold;
  line-height: 29px;
  float: right;
  padding-right: 80px;
  margin-bottom: -45px;
  font-size: 15px;
}


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


.cycle-slideshow.baner .sekwencja .box-txt {
  color: white;
  float: left;
  width: 70%;
  max-width: 700px;
  font-size: 21px;
  line-height: 30px;
  z-index: 8;
  position: relative;
}

  .cycle-slideshow.baner .sekwencja .box-txt {
    color: white;
    font-size: 17px;
    line-height: 26px;
  }
	
	 .cycle-slideshow.baner .sekwencja .box-txt .img {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    max-height: 40px;
    margin-bottom: 30px;
  }
	
	
	
	
	.licznik tr td {
  margin: 1%;
  background-color: #FFF;
  padding: 30px 40px;
  width: 48%;
  border: 0px;
  font-size: 18px;
  line-height: 29px;
}


	
	.lista_li_img li {
  list-style: none;
  margin: 20px 1%;
  width: 31.3%;
  padding: 20px 0px;
  font-size: 18px;
  line-height: 28px;
}


	

}



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

{



footer .ramka .box:first-of-type {
  float: left;
  width: 100%;
}


footer .ramka .box:first-of-type img {
  margin: 0px auto;
	display: block;
}


footer .ramka .box {
  float: left;
  width: 33.3%;
  text-align: center;
  padding-top: 20px;
}


header .logo {
  width: 150px;
	}
	
	header {
  height: 90px;
}
		.header {
  height: 90px;
}
	header .logo {
  height: 90px;
	}
	
	header .boxlang {
  margin-top: 22px;
	margin-right: 80px;
}



.boxwycena .ramka .txt::before {
  left: -120px;
  top: 0;
  height: 100%;
  width: 120px;
  position: absolute;
  background-image: url('../grafika/skos2.webp');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100% 100%;
  content: '';
}


.przycisk_czerwony {
  font-size: 14px;
}




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


.boxy .box .txt b {
  color: #E70119;
  font-size: 30px;
  line-height: 50px;
}



.boxy .mapa iframe {
  height: 490px !important;
}


.menu-pionowe {
  display: none;
}



}





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

{




.boxuslugi .boxy .row .txt {
  position: relative;
  float: left;
padding: 40px 30px 70px 35%;
  width: 100%;
}



.boxuslugi .boxy .row .link_czarny.small {
  position: absolute;
  left: 35%;
  bottom: 30px;
  font-size: 15px;
}





}





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

{


.boxdlaczegomy .ramka2 .box {
  float: left;
  width: 50%;
	
	}
	
	
	


}




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

{



.boxjaktorobimy .ramka2 .box a {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}

.boxjaktorobimy .ramka2 .box img {
  max-height: 60px;
}


.cycle-slideshow.baner .sekwencja {
  background-position: 60% center;
	}
	

	
}






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

{




  .cycle-slideshow.baner .sekwencja .box-txt h1 {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
  }
	
	
	 .cycle-slideshow.baner .sekwencja .box-txt span {
    height: 75px;
    height: 71px;
    background-image: url('../grafika/skos.webp');
    background-repeat: no-repeat;
    background-position: right center;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 30px;
    padding-right: 30px;
    padding-right: 40px;
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    float: right;
    padding-right: 60px;
    margin-bottom: -45px;
    font-size: 15px;
  }

	
	
	
	



}






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


.glowna7nadrzedna .podstrona h3 {
  font-size: 21px;
  line-height: 32px;
  color: #FFF;
  font-weight: 300;
  max-width: 100%;
  display: block;
}


}



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




.tresc-kontakt table tr td h2 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
}



.podstrona .baner-podstrona {
  width: 75%;
}



}






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



.boxformularz .pole {
  float: left;
  width: 48%;
  margin: 1%;
  position: relative;
}




.podstrona h1 {
  font-size: 40px;
  line-height: 56px;
  color: #FFF;
  font-weight: 700;
}


  .boxy .box {
    float: left;
    width: 100%;
    padding: 30px;
    padding-right: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-left: 30px;
    padding-left: 0px;
    padding-right: 0px;
    height: auto;
  }
	
.boxy .box .txt {
  min-height: auto;
}


.boxy .mapa {
  float: left;
  width: 100%;
}

footer .ramka2 {
  font-size: 13px;
	text-align: center;
	padding: 30px 0px;
}

.link_stopka {
  color: black;
  text-decoration: none;
  margin-right: 20px;
  font-size: 13px;
}



	  .lista_li_img li {
    list-style: none;
    margin: 20px 1%;
    width: 31.3%;
    padding: 20px 0px;
    font-size: 16px;
    line-height: 26px;
  }
	
	



}




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




.boxuslugi .box .link_zielony {
  position: absolute;
  left: 30px;
  bottom: 50px;
  display: block;
  font-size: 14px;
  font-weight: bold;
}


body {
  line-height: 21px;
  font-size: 13px;
}



.podstrona h2 {
  font-size: 20px;
  line-height: 30px;
  color: #FFF;
  font-weight: 300;
  max-width: 68%;
}




}




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


	.boxuslugi .box .img img {
  position: absolute;
  left: 40px;
  right: auto;
  bottom: 0px;
  top: 20px;
  margin: 0 auto;
    margin-top: 0px;
  max-width: 100%;
  max-height: 130%;
  margin-top: -50px;
}
	



.boxuslugi .box {
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  position: relative;
}



.cycle-slideshow.baner {
  max-height: 600px;

}


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

}


  .cycle-pager {
    bottom: 70px;
  }
	
	
	
	.boxuslugi .ramka {
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px;
}



.boxjaktorobimy .ramka2 .box {
  float: left;
  width: 98%;
	height: auto;
}


.boxwycena .ramka .img {
  width: 100%;
  min-height: 200px;
	 max-height: 300px;
	 height: 60vw;
  background-image: url('../grafika/wycena.webp');
  background-repeat: no-repeat;
  background-position: 70% center;
  background-color: white;
  border-left: 40px solid #2E893B;
  display: block;
  background-size: cover;
  vertical-align: middle;
	float: left;

}

.boxwycena .ramka .txt {
  width: 100%;
  padding-left: 50px;
  font-size: 18px;
  line-height: 25px;
  position: relative;
   display: block;
  vertical-align: middle;
  padding-right: 50px;
	float: left;
	padding-top: 50px;
	padding-bottom: 50px;
}


.boxwycena .ramka .txt:before {
  display: none;
}



.przycisk_czerwony {
  padding: 20px 25px;
}






}





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



.tresc-kontakt table tr td {
  background-color: #FFF;
  padding: 60px 50px;
  color: #000;
  display: block;
  margin: 1%;
  width: 98%;
  border-bottom: 3px solid rgba(0,0,0,0.15);
  float: left;
  display: block;
}



.pole_left {
  float: left;
  width: 98%;
  margin: 0px 1%;
}


.pole_right {
  float: left;
  width: 98%;
  margin: 0px 1%;
}

.pole_right .pole2 textarea {
  min-height: 218px;
}


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

.img_left tr td:nth-of-type(1) img {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  float: left;
}


.img_left tr td:nth-of-type(2) {
  padding: 60px 5% 60px 5%;
  float: left;
  width: 100%;
}




}





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

  .cycle-slideshow.baner .sekwencja .box-txt span {
 
    font-size: 12px;
  }
	
	}
	
	
	
	
	@media screen and (min-width: 0px) and (max-width: 680px) {

	
	
	
	  .cycle-slideshow.baner .sekwencja .box-txt {
    color: white;
    font-size: 14px;
    line-height: 19px;
  }
	
	
	
	  .cycle-slideshow.baner .sekwencja .box-txt {
    margin-top: 160px !important;
  }
	
	
	.boxwycena .ramka .txt {
  padding-left: 40px;
  padding-right: 40px;
}




  .boxuslugi .boxy .row .txt {
    position: relative;
    float: left;
    padding: 40px 30px 70px 30px;
    width: 100%;
  }



	.boxuslugi .boxy .row .img {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  float: left;
}



.boxuslugi .boxy .row .img img {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  object-fit: cover;
}







	}
	
	

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

	
	
	
	
	 .cycle-slideshow.baner .sekwencja .box-txt span {
    padding: 20px 20px;
    padding-right: 40px;
    margin-bottom: -35px;
  }
	
	
	  .boxdlaczegomy .ramka2 .box {
    font-size: 16px;
    line-height: 25px;
  }
	
		  .boxdlaczegomy .ramka2 .box img {
    max-height: 60px;
  }
	
	.boxdlaczegomy .ramka2 .box {
  padding-right: 20px;
}
	
	  footer .ramka .box {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }
	
	
	
	  .lista_li_img li {
    list-style: none;
    margin: 20px 1%;
    width: 48%;
    padding: 20px 0px;
    font-size: 16px;
    line-height: 26px;
		padding-right: 30px;
  }
	
	
	
	
	
	}
	
	
	
	
	
			
	@media screen and (min-width: 0px) and (max-width: 500px) {

	
	
	  .boxformularz .pole {
    float: left;
    width: 98%;
    margin: 1%;
    position: relative;
  }
	
	
	
	
	 .cycle-slideshow.baner .sekwencja .box-txt span {
		 display:none;
	 } 
	
	
	header .boxlang a.active {
	display:none;	
	}	
	
	 .cycle-slideshow.baner .sekwencja .box-txt .img {
		 display:none;	
	 } 
	
	
	
	  .cycle-slideshow.baner .sekwencja .box-txt {
		  width:100%;
		  max-width:100%;
	  } 
	
	
	header .boxlang {
		margin-right: 40px;
	}	
	
	
	
	}
	
	
	
		@media screen and (min-width: 0px) and (max-width: 400px) {

	
	
				.boxdlaczegomy .ramka2 .box {
				width:100%;	
				text-align:center;
				}	
				
				 .przycisk_czerwony img {
					 display:none;
				 }
				 
				  .przycisk_czerwony  {
					 padding-left:5px;
					 padding-right:5px;
				 }
	
	
	
	.licznik tr td {
		width:98%;
	}


.boxuslugi .boxy .row .txt .link_czarny {
font-size:25px;	
}	
	
	
	
	
		}
	
	
.boxuslugi .box .img img:hover {
filter: brightness(80%);	
}	
	
	
	
	.boxuslugi .box .txt strong:hover {
		color:#E50017;
	}