@import url('https://fonts.googleapis.com/css2?family=Varela+Round&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: 26px;
                    color:#1D2E3B;
					background-color:white;
				    font-size:15px;
					font-family: "Varela Round", sans-serif;
  font-weight: 400;
  font-style: normal;
                }

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




div, nav, header, footer, table, tr, td, ul , li, a, input, textarea {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input, textarea {
  font-size:15px;
					font-family: "Varela Round", sans-serif;
					  line-height: 26px;
						}

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

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

header {
	width: 100%;
	border: 0px;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	height:120px;
	position:absolute;
	left: 0;
	top: 0;
	z-index:9;
}	

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

header .logo img{
	border: 0px;
	float:left;
	max-width:100%;
}	

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

header nav{
	width: 80%;
	border: 0px;
	float:left;
	margin-top:15px;
}	





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



#nawigacja-menu li ul {
display:none; 	
position: absolute;
left: 0px;
top: 40px;
margin: 3%;
  border: 1px solid #CDE4E2;
  background-color: #FFF;
  position: relative;
  padding: 20px 30px 100px 30px;
  -webkit-border-radius: 120px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 120px;
  -moz-border-radius-topleft: 0;
  border-radius: 120px;
    border-top-left-radius: 120px;
  border-top-left-radius: 0;
  box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.08);
  -webkit-box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.08);
  -moz-box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.08);
	width: 120%;
	min-width: 390px;
}	



	@media screen and (min-width: 993px) and (max-width:999400px) {

	

#nawigacja-menu li:hover ul {
display:block ; 	
position: absolute;
}	


}



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







#nawigacja-menu li a{
	color:#1F3E37;
	text-decoration:none;
	vertical-align:middle;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	padding:10px 25px;
	font-weight:bold;
}




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

#nawigacja-menu > li.menubold > a {
	color:#EE7D18;
}


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




#nawigacja-menu li:last-child{
background-color:#FFBB33;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}


#nawigacja-menu ul li:last-child{
background-color:transparent;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}



#nawigacja-menu li:last-child a{
	padding-top:6px;
	padding-bottom:6px;
}

#nawigacja-menu li:last-child:hover{
background-color:#8FC6C0;
color:white;
}



#nawigacja-menu ul li:last-child:hover {
background-color:transparent;
}

#nawigacja-menu ul li:last-child:hover a{
background-color:transparent;
	color:#EE7D18 !important;
}


#nawigacja-menu li:last-child:hover a{
color:white;
}

#nawigacja-menu li:last-child img{
vertical-align:middle;
margin-right:10px;
}







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

	
.txt_bg_img_right tr td {
  width: 100% !important;
  padding-left:20px !important;
  padding-right:20px !important;
}
	
	

	
  #nawigacja-menu  {
    padding: 0px 40px 50px 40px !important;
		position: relative !important;
		top: 0px !important;
				width: 100% !important;
    max-width: 100% !important;
				min-width: 100px !important;
  }
	
	
  #nawigacja-menu ul {
    padding: 20px 40px 30px 40px !important;
		position: relative !important;
		top: 0px !important;
				width: 100% !important;
    max-width: 100% !important;
		min-width: 100px !important;
  }

	  #nawigacja-menu ul li {
			width: 100% !important;
    max-width: 100% !important;
}



	header .logo {
  width: 50%;
}



	
}








header {
  position: absolute;
  top: 0px; /* ukryty na start */
  left: 0;
  width: 100%;
  height: 120px;
  padding: 20px 4%;
  background: transparent;
  transition: all 0.3s ease, background 0.5s ease;
  box-shadow: none;
  z-index: 1000;
}

header.active {
  top: 0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

header.shrink {
  height: 80px;
  padding: 0px 4% 10px 4%;
	  position: fixed;
		  background: #fff;
}

header .logo img {
  max-height: 100px;
  transition: max-height 0.3s ease;
}
header.shrink .logo img {
max-height: 40px;
  margin-top: 19px;
}

/* HAMBURGER */
.hamburger {
  display: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1100;
}

.hamburger svg {
  width: 100%;
  height: 100%;
}

.hamburger line {
  stroke: #1F3E37;
  stroke-width: 3;
  stroke-linecap: round;
  transition: all 0.3s ease;
  transform-origin: 50% 50%; /* obrót wokół środka SVG */
}

/* Aktywne X */
.hamburger.active .line1 {
  transform: rotate(45deg);
  y1: 12; y2: 12; /* ustawiamy na środek */
}
.hamburger.active .line2 {
  opacity: 0;
}
.hamburger.active .line3 {
  transform: rotate(-45deg);
  y1: 12; y2: 12; /* ustawiamy na środek */
}



  .hamburger {
    float: right;
    position: absolute;
    right: 4%;
    top: -5px;
    bottom: 0;
    margin: auto;
  }






/* NAV MOBILE */
@media (max-width: 992px) {
  header nav {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    float: none;
  }

  header nav.show {
    max-height: 500px; /* rozwinięcie */
  }

  #nawigacja-menu {
    float: none;
    display: block;
    width: 100%;
  }
  #nawigacja-menu li {
    display: block;
    float: none;
    border-bottom: 1px solid #eee;
    position: relative;
  }
  #nawigacja-menu li a {
    display: block;
    padding: 12px 20px;
  }

  /* PLUSIK przy podmenu */
  #nawigacja-menu li.has-submenu > .toggle-submenu {
    position: absolute;
    right: 20px;
    top: 14px;
    cursor: pointer;
    font-size: 20px;
    user-select: none;
  }
  #nawigacja-menu li ul {
    display: none;
    padding-left: 20px;
    background: #fafafa;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
  }
  #nawigacja-menu li.open > ul {
    display: block;
  }
	
	
	
	  header .logo img {
    max-height: 60px;
  }
  header.shrink .logo img {
    max-height: 40px;
  }
	
	  .hamburger {
    display: block; /* pokaż hamburgera w RWD */
  }

  header nav {
    display: block; /* domyślnie zwinięte */
  }
	
	 header nav { max-height: 0; }
	 
	 
	 header nav {
  margin-top: 0px !important;
}
	
}
































.baner {
	float:left;
	width:100%;
	padding-top:170px;
	padding-bottom:120px;
	position: relative;
}	




.baner {
  position: relative;
  overflow: hidden;
}

.baner:before {
  content: '';
  position: absolute;
  right: -10%;
  top: -5%;
width: 58%;
  height: 102%;
  background-color: #F2F8D3;
  border-radius: 600px 0 400px 400px / 700px 0 800px 600px; /* eliptyczny kształt */
  z-index: -1;

  /* animacja */
  animation: blobMove 12s ease-in-out infinite alternate;
}

@keyframes blobMove {
  0% {
      border-radius: 780px 0 480px 480px / 600px 0 700px 600px;
    transform: scale(1) skewY(0deg);
  }
  25% {
  border-radius: 850px 0 600px 600px / 600px 0 700px 600px;
    transform: scale(1.02, 0.98) skewY(2deg);
  }
  50% {
      border-radius: 680px 0 480px 480px / 600px 0 700px 600px;
    transform: scale(0.98, 1.02) skewY(-2deg);
  }
  75% {
  border-radius: 650px 0 600px 600px / 600px 0 700px 600px;
    transform: scale(1.03, 0.97) skewY(1deg);
  }
  100% {
     border-radius: 600px 0 400px 400px / 500px 0 600px 500px; /* eliptyczny kształt */
    transform: scale(1) skewY(0deg);
  }
}


.baner .ramka {
	width:100%;
  display: flex;
	flex-wrap:wrap;
	align-items:center;
}	



.baner .box-txt{
	float:left;
	width:50%;
	line-height:25px;
	padding-right: 100px;
}	

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



.baner .box-txt h2{
	font-size:50px;
	line-height:60px;
	font-weight:bold;
	background-image:url('../grafika/podkreslenie.webp');
	background-repeat : no-repeat;
	background-position:left bottom;
	padding-bottom:30px;
}	

.baner .box-txt p{
	font-size:18px;

}	

.baner .box-img{
	float:right;
	width:50%;
}	

.baner .box-img img{
	max-width:100%;
}	

.boxmojeprogramy {
	float:left;
	width:100%;
	margin-top: -60px;
}	

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


.boxmojeprogramy .ramka strong {
	font-size:30px;
	line-height:40px;
}	

.boxmojeprogramy .ramka2{
	float:left;
	width:100%;
	border-top:1px solid #EFF7F6;
	border-bottom:1px solid #EFF7F6;
	padding-top:40px;
	padding-bottom:40px;
	margin-top:20px;
	margin-bottom:20px;
	display: flex;
	flex-wrap: wrap;
}	

.boxmojeprogramy .ramka2 .box{
	float:left;
	border:3px solid #77B7B1;
	padding:20px 40px;
	margin-right:10px;
	margin-left:10px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
padding-left:100px;
position:relative;
box-shadow: 1px 11px 17px -8px rgba(0, 0, 0, 0.14);
width:23%;
 color:#1D2E3B;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
		display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-decoration: none;
}	

.boxmojeprogramy .ramka2 .box strong {
  font-size: 13px !important;
  line-height: 21px !important;
	text-decoration: none !important;
}

.boxmojeprogramy .ramka2 .box img {
position:absolute;
left:20px;
top:0;
bottom:0px;
margin:auto 0;
}	



.boxmojeprogramy .ramka2 .box small {
font-size:12px;
display:block;
float:left;
}	

.boxmojeprogramy .ramka2 .box strong {
font-size:20px;
line-height:30px;
text-transform:uppercase;
display:block;
float:left;
}	



.boxmojeprogramy .ramka2 .box small {
float:left;
margin-right:20px;
}


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

.boxdlaczegoadeo .ramka{
	float:left;
	width:100%;
	background-color:#F2F8D3;
	-webkit-border-radius: 200px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 200px;
-moz-border-radius-topleft: 0;
border-radius: 200px;
border-top-left-radius: 0;
padding:50px;
padding-right:100px;
  display: flex;
	flex-wrap:wrap;
	align-items:center;
}	


.boxdlaczegoadeo .txt {
  float: left;
  width: 50%;
  padding: 0px 80px;
}


.boxdlaczegoadeo .txt h3{
	font-size:35px;
	line-height:45px;
	font-weight:bold;
}	

.boxdlaczegoadeo .img {
	float:left;
	width:50%;
	text-align:right;
	margin-top:-100px;
}	

.boxdlaczegoadeo .img img {
	max-width:100%;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}	



.boxdlaczegoadeo .txt .przycisk_ramka {
font-weight:bold;	
}	

.boxdiagnoza1 {
	float:left;
	width:100%;
	margin-top:90px;
}	

.boxdiagnoza1 .img{
	float:left;
	width:40%;
	position:relative;
	text-align:right;
	padding-left: 80px;
}	

.boxdiagnoza1 .ramka {
  display: flex;
	flex-wrap:wrap;
	align-items:center;
}

.boxdiagnoza1 .img span{
	width:150px;
	height:150px;
	background-color:#C4EE75;
-webkit-border-radius: 100px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 100px;
-moz-border-radius-bottomright: 0;
border-radius: 100px;
border-bottom-right-radius: 0;
display:block;
position:absolute;
left:0px;
top:0px;
text-align:center;
font-size:25px;
line-height:35px;
font-weight:bold;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top:20px;
}	


.boxdiagnoza1 .img span strong{
font-size:60px;
line-height:70px;
}	



.boxdiagnoza1 .img img{
	width:100%;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}	


.boxdiagnoza1 .txt{
	float:left;
	width:60%;
	padding-left:100px;
	margin-top:0px;
}	

.boxdiagnoza1 .txt small{
	color:#FFB724;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}	

.boxdiagnoza1 .txt h4{
	font-size:35px;
	line-height:45px;
	font-weight:bold;
}	


.boxdiagnoza2 {
	float:left;
	width:100%;
	position:relative;
	margin-top:100px;
}	

.boxdiagnoza2 .ramka{
	float:left;
	width:100%;
	border:2px solid #C0ED6D;
	padding:50px 80px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
position: relative;
}	

.boxdiagnoza2 .ramka .txt{
	float:left;
	width:60%;
}	

.boxdiagnoza2 .ramka .img{
	float:left;
	width:40%;
	text-align:center;
}	

.boxdiagnoza2 .ramka .img img{
	max-width:90%;
}	


.boxdiagnoza2 .txt{
	float:left;
	width:100%;
	max-width:700px;
}	

.boxdiagnoza2 img {
  position: absolute;
  right: -50px;
  top: 0px;
  bottom: 0px;
  margin: auto;
	max-width: 40%;
}

.boxdiagnoza2 .txt small{
	color:#FFB724;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}	

.boxdiagnoza2 .txt h5{
	font-size:35px;
	line-height:45px;
	font-weight:bold;
}	

.boxiletokosztuje {
  float: left;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 160px;
  background-color: #EFF5F4;
  margin-top: 140px;
	margin-bottom:0px; 
}


.boxiletokosztuje .ramka{
	float:left;
	width:100%;
	text-align:center;
	padding-bottom: 60px;
}	



.boxiletokosztuje .ramka p{
	width:100%;
	text-align:center;
	margin: 0px auto;
	width: 100%;
	max-width: 800px;
}	



.boxiletokosztuje .ramka h6{
		font-size:35px;
	line-height:45px;
	font-weight:bold;
}	


.boxiletokosztuje .ramka2{
	float:left;
	width:100%;
	-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
background-color:#E8F0EF;
margin-top:20px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}	







.boxiletokosztuje .ramka2 a{
float:left;
width:33.3%;
-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
display:block;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight:bold;
  font-size:20px;
  padding:25px 35px;
  margin:0px;
	text-align: center;
}	


.boxiletokosztuje .ramka2 a.active {
background-color:white;
-webkit-box-shadow: -8px -8px 21px -22px rgba(0, 0, 0, 1);
-moz-box-shadow: -8px -8px 21px -22px rgba(0, 0, 0, 1);
box-shadow: -8px -8px 21px -22px rgba(0, 0, 0, 1);
}	


.boxiletokosztuje .ramka2 a:hover{
background-color:#F2F8D3;
color:#1D2E3B;
-webkit-box-shadow: -8px -8px 21px -22px rgba(0, 0, 0, 1);
-moz-box-shadow: -8px -8px 21px -22px rgba(0, 0, 0, 1);
box-shadow: -8px -8px 21px -22px rgba(0, 0, 0, 1);
}	


.boxiletokosztuje .ramka2 a span{
color:#23413F;
font-size:15px;
background-color:#FFBB33;
padding:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}	



.boxiletokosztuje .ramka3{
	float:left;
	width:100%;
	  display: flex;
	flex-wrap:wrap;
	align-items:center;
}	

.boxiletokosztuje .ramka3 .box{
	float:left;
	width:25%;
}	

.boxiletokosztuje .ramka3 .box .ramkaogolna{
	float:left;
	width:100%;
	background-color:white;
	padding:30px 50px;
	padding-top:50px;
	padding-top:50px;
	padding-bottom:50px;
	color: #2D534B;
	position: relative;
}	



.boxiletokosztuje .ramka3 .box .ramkaogolna strong strong{
	color: #87C0BA;
}	




.boxiletokosztuje .ramka3 .box .ramkaogolna:before{
	left: 0px;
	color: #2D534B;
	position: absolute;
	top: 10%;
	height: 80%;
	width: 1px;
	background-color:#E2E2E2;
	right: 0px;
	content:'';
}	


.boxiletokosztuje .ramka3 .box:first-of-type .ramkaogolna:before{
	display: none;
}	




.boxiletokosztuje .ramka3 .box .cena{
	float:left;
	width:100%;
	max-width:80%;
	padding:30px;
	background-color:white;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
font-size:20px;
line-height:30px;
	background-image:url('../grafika/czarnalinia.webp');
	background-repeat : no-repeat;
	background-position:center top;
	text-align:center;
}	


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


.boxiletokosztuje .ramka3 .box .naglowek{
	float:left;
	width:100%;
   color:#23413F;
   font-size:18px;
   line-height:25px;
   	margin-bottom:30px;
}	

.boxkontakt {
	float:left;
	width:100%;
	background-color:#EBEBEB;
	padding-top:100px;
	padding-bottom:100px;
}	


.boxkontakt .ramka{
	width:100%;
	  display: flex;
	flex-wrap:wrap;
	align-items:center;
	text-align: right;
}	


.boxkontakt .box{
	float:left;
	width:37%;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background-color:white;
padding:30px;
position: relative;
z-index: 1;
}	

.boxkontakt .box img{
max-width:100%;
}	


.boxkontakt .box:hover{
filter: brightness(80%);
}	




.boxkontakt .box2{
	float:left;
	width:26%;
	text-align:center;
}	


.boxkontakt .box2 img {
  width: 140%;
  margin-bottom: -100px;
  left: -20%;
  position: relative;
  z-index: 0;
}

.boxkontakt .box2 .span1{
	background-color:white;
	color:black;
	padding:20px 50px;
	display:block;
	float:none;
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
z-index:9;
position:relative;
}	

.boxkontakt .box2 .span2 {
  background-color: #DBDBDB;
  color: black;
  display: block;
  float: none;
  display: inline-block;
  clear: both;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding-right: 30px;
  margin-left: -10%;
  z-index: 9;
  position: relative;
  margin-top: 0px;
}


.boxkontakt .box2 .span2 small {
	background-color:#C4EE75;
	height:62px;
	width:62px;
	display:inline-block;
	vertical-align:middle;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
margin-right:20px;
}	


.boxkontakt .box3{
	float:left;
	width:37%;
	background-color:#C4EE75;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding:50px;
font-size:17px;
line-height:25px;
position: relative;
z-index: 1;
text-align: left;
}	

.boxkontakt .box3 .naglowek {
	float:left;
	width:100%;
	margin-bottom:20px;
	}	
	
.boxkontakt .box3 .naglowek strong{
	font-size:30px;
	line-height:40px;
	}	
	
.boxkontakt .box3 .row{
float:left;
width:100%;
padding:20px 20px 20px 60px;
background-color:white;
margin-top:10px;
margin-bottom:0px;
font-weight:bold;
font-size:14px;
text-align:left;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
position: relative;
}	

.boxkontakt .box3 .row img {
vertical-align:middle;
position: absolute;
left: 30px;
top: 0;
bottom: 0;
margin: auto 0;
}	

.boxkontakt .box3 > div:nth-child(2){
font-size:25px;
}	




iframe body.transparent-background.defered .widget-well[data-v-4aace310] {
box-shadow:0 1px 2px rgba(0,0,0,0),0 4px 16px rgba(0,0,0,0) !important;
border: 0px solid !important;
}











.tresc {
padding: 120px 0px 120px 0px;
float: left;
width: 100%;
}





.bnaer_img {
width: 100%;
float: left;
margin-bottom: 100px;
}


.bnaer_img tr{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}


.bnaer_img tr td{
width: 40%;
order: 1;
}


.bnaer_img tr td:nth-of-type(1) {
width: 60%;
position: relative;
padding-left: 5%;
order: 2;
}

.bnaer_img tr td:nth-of-type(1) img {
width: 90%;
object-fit: cover;
height: 40vw;
-webkit-border-radius: 50%;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 50%;
-moz-border-radius-topright: 0;
border-radius: 50%;
border-top-right-radius: 0;
max-height: 600px;
float: right;
}



.bnaer_img tr td:nth-of-type(1):before {
content:'';
-webkit-border-radius: 50%;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 50%;
-moz-border-radius-topright: 0;
border-radius: 50%;
border-top-right-radius: 0;
left: 10%;
top: 20%;
width: 30%;
height: 39%;
position: absolute;
background-color: rgba(196,238,117,0.9);
z-index: 3;
}


.bnaer_img tr td:nth-of-type(1):after {
content:'';
-webkit-border-radius: 50%;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 50%;
-moz-border-radius-topleft: 0;
border-radius: 50%;
border-top-left-radius: 0;
left: 5%;
bottom: -9%;
width: 50%;
height: 64%;
position: absolute;
background-color: rgba(255,187,51,0.8);
z-index: 2;
}


.glowna2nadrzedna .tresc h1 {
display: none;
}

 .tresc h4,  .tresc-podstrony h4 {
display:block;
margin: 0px auto;
max-width: 800px;
font-weight: 700;
font-size: 20px;
line-height: 32px;
}

 .tresc ul ,  .tresc-podstrony  ul  {
 list-style: none;
 width: 100%;
 padding: 0px 0px;
 margin: 50px 0px;
 display: flex;
 flex-wrap: wrap;
 align-items: stretch;
 }

 
 .tresc ul li  ,  .tresc-podstrony ul li {
 margin: 3%;
 width: 27.3%;
 border: 1px solid #CDE4E2;
 background-color: #FFF;
 position: relative;
 padding: 60px 50px;
 -webkit-border-radius: 120px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 120px;
-moz-border-radius-topleft: 0;
border-radius: 120px;
border-top-left-radius: 0;
box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.08);
-webkit-box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.08);
-moz-box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.08);
 }

  .tresc ul li:before ,  .tresc-podstrony ul li:before{
 content:'';
 position: absolute;
 background-color: #F5FAF9;
 left: -8%;
 width: 118%;
 top: -12%;
 height: 124%;
 z-index: -1;
  -webkit-border-radius: 120px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 120px;
-moz-border-radius-topleft: 0;
border-radius: 120px;
border-top-left-radius: 0;

 }

  .tresc ul li img ,  .tresc-podstrony ul li img  {
	display: block;
	}
 

 
 
 
.ramka_img_left {
border: 3px solid #C4EE75;
 -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}


.ramka_img_left tr td h3 {
padding: 20px 70px;
background-color: #FFF;
margin-top: -40px;
width: 70%;
max-width: 70%;
display: block;
position:relative;
z-index: 2;
margin-left: 40px;
}

.ramka_img_left tr:last-of-type {
 display: flex;
 flex-wrap: wrap;
justify-content: center;
padding: 10px 50px;
}
 
 
 .ramka_img_left tr:last-of-type  td{
width: 50%;
padding: 50px;
}
 
 
  .ramka_img_left tr:last-of-type  td img{
width: 100%;
-webkit-border-radius: 20px;
-webkit-border-bottom-right-radius: 190px;
-moz-border-radius: 20px;
-moz-border-radius-bottomright: 190px;
border-radius: 20px;
border-bottom-right-radius: 190px;
}
 
 
   .ramka_img_left tr:last-of-type  td ul{
display: block !important;
margin: 0px 0px !important;
}
 
 
    .ramka_img_left tr:last-of-type  td ul li{
		border: 0px !important;
border-bottom: 1px solid #E2E2E2 !important;
position: relative;
padding: 20px 0px;
padding-left: 40px;
width: 100% !important;
box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.00);
  -webkit-box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.00);
  -moz-box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.00);
	-webkit-border-radius: 0px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 0px;
  -moz-border-radius-topleft: 0;
  border-radius: 0px;
    border-top-left-radius: 0px;
  border-top-left-radius: 0;
}
 
 
 
     .ramka_img_left tr:last-of-type  td ul li:before{
	display: none !important;
}
 
 
 
 
.boks_li {
 display: flex;
 flex-wrap: wrap;
justify-content: center;
width: 100%;
position: relative;
}
 
 

ul.boks_li li::before {
display: none;
}
 
 .boks_li:before {
 background-color:#F7FDEC;
 content:'';
 position: absolute;
 left: 0px;
 top: 0;
 bottom:0;
 margin:auto 0;
 height: 60%;
 -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
 width: 100%;
 }
 
  .boks_li li strong {
	font-size: 22px;
	line-height: 34px;
	display: block;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #E2E2E2;
	color: #87C0BA;
	}
 
   .boks_li li {
 border:3px solid #C4EE75 !important;
 }
 
 
.tresc small, .tresc-kontakt small {
color: #87C0BA;
font-weight: 700;
}








.tresc h3 , .tresc-kontakt h3,  .tresc-podstrony h3  {
font-size: 25px;
line-height: 37px;
}





.tresc big  , .tresc-kontakt big  {
font-size: 18px;
line-height:30px;
font-weight:600;
}
	
.img_left tr {
display: flex;
flex-wrap:wrap;
align-items: center;
width: 100%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
	
	
	
.img_left tr td {
width: 50%;
}
	
	
.img_left tr td img {
width: 120%;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
	
	
	

.img_left tr td:nth-of-type(2) {
background-color: #FFF;
padding: 80px 60px;
  -webkit-border-radius: 190px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 190px;
-moz-border-radius-topleft: 0;
border-radius: 190px;
border-top-left-radius: 0;
border: 2px solid #C4EE75;
}
	
	

	
	
.tresc-podstrony {
padding: 120px 0px 100px 0px;
}
	
.tresc-podstrony h1, .glowna7nadrzedna .tresc h1 , .glowna8nadrzedna .tresc h1 {
  font-size: 50px;
  line-height: 60px;
  font-weight: bold;
  background-image: url('../grafika/podkreslenie.webp');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 30px;
	text-align: center;
	padding-top: 30px;
	margin-bottom: 30px;
	margin-top: 0px;
	border-top: 1px solid #E4F1F0;
}
	
.small_box tr {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 70px;
}

.small_box tr td {
order: 1;
width: 50%;
color: #22403E;
font-weight: 300;
padding-bottom: 50px;
}

.small_box tr td:nth-of-type(1) {
order: 2;
}

.small_box tr td p {
border-left: 2px solid #C4EE75;
padding-left: 30px;
}



.small_box tr td:nth-of-type(1) img {
  width: 100%;
  -webkit-border-radius: 220px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 220px;
  -moz-border-radius-topright: 0;
  border-radius: 220px;
    border-top-right-radius: 220px;
  border-top-right-radius: 0;
  max-width: 400px;
  width: 90%;
  float: right;
  height: calc(100% + 80px);
  margin-top: -20px;
  margin-bottom: -70px;
	min-height: 300px;
  object-fit: cover;
}

	
.lista-min-kat {
width: 104%;
margin-left: -2%;
 display: flex;
 flex-wrap: wrap;
 align-items: stretch;
}


.lista-min-kat .min-kat {
width: 21%;
margin: 2%;
-webkit-border-radius: 190px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 190px;
-moz-border-radius-topright: 0;
border-radius: 190px;
border-top-right-radius: 0;
border: 2px solid #F2F8D3;
text-decoration: none;
padding-bottom: 80px;
	text-align: center;
}


.lista-min-kat .min-kat .naglowek {
padding: 40px 50px;
text-align: center;
text-decoration: none;
color: #22403E;
font-size: 20px;
  line-height: 31px;
}
	
	.lista-min-kat .min-kat .img {
	width: calc(100% - 2px);
	margin-left: 1px;
	}
	
		.lista-min-kat .min-kat .img img {
	width: 100%;
	-webkit-border-radius: 190px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 190px;
-moz-border-radius-topright: 0;
border-radius: 190px;
border-top-right-radius: 0;
	}
	
			.lista-min-kat .min-kat .wiecej {
			display: inline-block;
			padding: 10px 15px;
			-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color: #C4EE75;
font-weight: 600;
text-decoration: none;
color: #22403E;
margin-top:-30px; 
			}
			
			
			


.wpisy .nazwa {
text-decoration: none;
color: #22403E;
  font-weight: bold;
  text-decoration: none;
  color: #22403E;
}


.wpis-duzy img {
  width: 100%;
  height: auto;
  border-radius: 8px;
	-webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 100px;
-moz-border-radius-bottomleft: 100px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
}

.wpis-maly {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
	background-color: #F0F7F7;
			-webkit-border-top-right-radius: 60px;
-webkit-border-bottom-right-radius: 60px;
-webkit-border-bottom-left-radius: 60px;
-moz-border-radius-topright: 60px;
-moz-border-radius-bottomright: 60px;
-moz-border-radius-bottomleft: 60px;
border-top-right-radius: 60px;
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
}

.wpis-maly img {
  width: 100%;
  object-fit: cover;
  margin-right: 10px;
	-webkit-border-top-right-radius: 40px;
-webkit-border-bottom-right-radius: 40px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-topright: 40px;
-moz-border-radius-bottomright: 40px;
-moz-border-radius-bottomleft: 40px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
}



.wpis-maly .opacity2 {
  width: 30%;
	max-width: 130px;
}


.wpis-maly .zajawka {
  flex: 1;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.wpis-duzy .zajawka {
padding-top: 30px;
}

.wpis-duzy .nazwa {
  font-size: 20px;
}
.wpis-maly .nazwa {
  font-weight: bold;
  text-decoration: none;
  color: #22403E;
}

.wpis-maly small {
  font-size: 12px;
}

.wpisy small {
  font-size: 12px;
}


.wpis-maly .zajawka p {
display: none;
}


.wpisy .wiecej {
display: block;
color: #22403E;
text-decoration: none;
font-weight: 300;
}


.wpisy img {
vertical-align: middle;
}


.wpisy {
  display: grid;
  grid-template-columns: 40% 60%; /* lewa kolumna 40%, prawa 60% */
  gap: 20px;
}

.wpis-duzy {
  grid-column: 1; /* zawsze lewa kolumna */
}

.wpisy-male {
  grid-column: 2; /* cała prawa kolumna */
  display: flex;
  flex-direction: column;
}

.wpis-maly {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}



/* RWD */
@media (max-width: 768px) {
  .wpisy {
    grid-template-columns: 1fr; /* jedna kolumna */
  }

  .wpisy-male {
    grid-column: 1;
  }

  .wpis-maly {
    flex-direction: column;
  }

  .wpis-maly img {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
  }
}




.wiecej {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #0073e6;
  text-decoration: none;
  font-weight: 500;
  position: relative;
  transition: color 0.3s ease;
}


/* hover efekt */
.wiecej:hover {
  color: #005bb5;
}


.wiecej::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><path fill='currentColor' d='M9 6l6 6-6 6'/></svg>") no-repeat center;
  background-size: contain;
  transition: transform 0.3s ease;
	position: relative;
	top: 2px;
}
.wiecej:hover::after {
  transform: translateX(4px);
}


.paginacja {
  margin: 30px 0;
  text-align: center;
  font-size: 14px;
}

.paginacja a,
.paginacja strong,
.paginacja span {
  display: inline-block;
  margin: 0 5px;
  padding: 8px 14px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* linki */
.paginacja a {
  background: #f1f1f1;
  color: #333;
}

.paginacja a:hover {
  background: #FFBB33;
  color: #fff;
}

/* aktywna strona */
.paginacja strong {
  background: #22403E;
  color: #fff;
}

/* nieaktywne (np. brak Poprzednie/Następne) */
.paginacja span {
  background: #ddd;
  color: #888;
  cursor: default;
}





table.cennik {
border:2px solid #C4EE75;
padding:30px 60px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

table.cennik big {
  display: inline-block;
  padding: 0px 40px;
  background-color: #FFF;
  margin-top: 0px;
  position: relative;
  top: -45px;
}

table.cennik  table {
border: 0px;
background-color: #F5FAF9;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 40px;
}

table.cennik  table tr td {
border: 0px;
position: relative;
padding-right: 50px;
}

table.cennik  table tr td:nth-of-type(2) strong  {
border: 0px;
position: absolute;
width: 70%;
top: -10px;
bottom: 0;
margin: auto 0px;
height: calc(100% + 20px); 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
  box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.08);
  -webkit-box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.08);
  -moz-box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.08);
	  border: 1px solid #CDE4E2;
  background-color: #FFF;
	padding: 20px 30px;
	text-align: center;
	line-height: 28px;
	font-size: 19px;
	font-weight: 700;
	  align-items: center;
	display: flex;
	text-align: center;
}




table.cennik  table tr {
display: flex;
flex-wrap: wrap;
margin: 30px 0px;
background-color: #FFF;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 20px 40px;
}

table.cennik  table tr td:first-of-type {
width: 70%;
}

	table.cennik  table tr td:nth-of-type(2) {
width: 30%;
}


.tresc span.marker, .tresc-podstrony span.marker {
border-left: 2px solid #C4EE75;
  padding-left: 30px;
	display: block;
}


.txt_bg_img_right {
background-color:#F4F9F8;
-webkit-border-bottom-right-radius: 190px;
-moz-border-radius-bottomright: 190px;
border-bottom-right-radius: 190px;
overflow: hidden;
}


.txt_bg_img_right tr {
width: 100%;
display: flex;
flex-wrap:wrap;
align-items: center;
}



.txt_bg_img_right tr td {
width: 50%;
padding: 60px 70px;
position: relative;
order: 1;
}




.txt_bg_img_right tr td:nth-of-type(1) {
order: 2;
}




.txt_bg_img_right tr td:nth-of-type(1) img {
position: relative;
right: -70px;
top:-60px;
width: 100%;
height:100%;
object-fit: cover;
margin-bottom: -120px;
vertical-align: middle;
}



table.lista {

  border: 3px solid #C4EE75;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
	margin: 50px 0px;

}

table.lista tr:first-of-type strong {
padding: 20px 70px;
  background-color: #FFF;
  margin-top: -30px;
  width: 70%;
  max-width: 70%;
  display: block;
  position: relative;
  z-index: 2;
  margin-left: 40px;
	font-size: 22px;
}

table.lista tr td  ul li {
margin: 5px 10%;
width: 80%;
padding: 30px 50px;
}
	
table.lista tr td li {
width: 100%;
}
	
	table.lista tr td li:before {
display: none;
}
	
.tresc-kontakt {
width: 100%;
float: left;
padding-top: 120px;
}


.tresc-kontakt a {
color:#3C6F6A;
}



.tresc-kontakt h1 {
display: none;
}


.kontakt_bottom {
float: left;
width: 100%;
padding: 60px;
  border: 3px solid #77B7B1;
  padding: 60px 50px;
	 box-shadow: 1px 11px 17px -8px rgba(0, 0, 0, 0.14);
	 -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
	margin-bottom: 60px;
}



.formularz {
width: 45%;
float: left;
margin-right: 5%;
padding: 50px 40px;
border: 1px solid #CDE4E2;
  background-color: #FFF;
	box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.08);
  -webkit-box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.08);
  -moz-box-shadow: -1px 1px 26px 0px rgba(0,0,0,0.08);
		 -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.formularz .pole2 small{
font-size: 12px;
color: #879A98;
display: block;
line-height: 19px;
}

.formularz .pole {
padding: 3px 0px 3px 0px;
position:relative;
}

.formularz .pole2 {
padding: 3px 0px 3px 0px;
position:relative;
}

.formularz .pole img {
right:0px;
top:13px;
position:absolute;
}

.formularz .pole2 small a{
font-size: 12px;
text-decoration: none;
}

.formularz .pole3 .przycisk{
background-color: #C4EE75;
border:1px solid #C4EE75;
font-weight: 700;
margin-top: 5px;
}

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

.mapa iframe{
height: 630px;
-webkit-border-bottom-left-radius: 190px;
-moz-border-radius-bottomleft: 190px;
border-bottom-left-radius: 190px;
}


.formularz  .ramka {
font-size: 30px;
line-height: 42px;
width: 100%;
float: left;
}


.formularz  .ramka2 {
padding: 40px 0px;
width: 100%;
float: left;
}


.formularz  .ramka2 .pole input {
border: 0px;
border-bottom:1px solid #3C6F6A;
width: 100%;
padding: 10px 0px 10px 0px;
}


.formularz  .ramka2 .pole2 textarea {
border: 0px;
border-bottom:1px solid #3C6F6A;
width: 100%;
padding: 10px 0px 10px 0px;
}


footer {
	float:left;
	width:100%;
	background-color:white;
	padding-top:100px;
	padding-bottom:50px;
}	

footer .ramka {
	text-align: right;
}	


footer .ramka a:first-of-type img {
position:relative;
top: -21px;
}


footer .ramka img{
	vertical-align:middle;
	margin-right:20px;
	float: left;
}	

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

footer .ramka .link_stopka:last-child {
border:2px solid #FFBB33;
padding:10px 20px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
white-space: nowrap;
}	

footer .ramka .link_stopka:last-child:hover {
background-color: #FFBB33;
color:white;
}	


footer .ramka .link_stopka img{
margin-right:10px !important;
}	

footer .ramka .link_stopka img{
margin-right:10px !important;
float: none;
}	

footer .ramka2 {
	float:left;
	width:100%;
	font-size:13px;
	line-height:20px;
	color:#9FA8A8;
	margin-top:20px;
}	



.lista-min-kat .min-kat .img {
  height: auto !important;
  min-height: 200px !important;
}



.przycisk_ramka { margin: 5px 4px 5px 0px; display: inline-block; white-space: nowrap;color:white;text-decoration:none;border:3px solid #77B7B1;padding:10px 20px;color:#1D2E3B;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.przycisk_ramka:hover {background-color:#77B7B1;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.przycisk { margin: 5px 4px 5px 0px; display: inline-block; white-space: nowrap;color:white;text-decoration:none;border:3px solid #77B7B1;background-color:#77B7B1;padding:10px 20px;color:#1D2E3B;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.przycisk:hover {background-color:#EE7D18;border-color:#EE7D18;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}






.link_stopka3 { font-weight:bold;color:#EF7E19;text-decoration:none;}
.link_stopka3:hover {color:black;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



.link_czarny { color:#1D2E3B;text-decoration:none;}
.link_czarny:hover {color:#C4EE75;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.link_stopka {
  font-weight: 300;
  font-size: 15px;
  color: #1D2E3B;
  text-decoration: none;
  margin-right: 10px;
  margin-left: 10px;
}



.link_stopka:hover {color:#EF7E19;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_niebieski { color:#23413F;text-decoration:none;margin-right:20px;font-size:20px;}
.link_niebieski:hover {color:#87C0BA;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.boxiletokosztuje .ramka3 {
  overflow: hidden;
}


.boxiletokosztuje .ramka3 .box .ramkaogolna {
  position: relative;
}


.boxiletokosztuje .ramka3 .box .ramkaogolna:after {
  position: absolute;
	left: 0;
	top: 0;
	width: 300%;
	height: 100%;
	background-color: #FFF;
	z-index: 0;
	content:'';
}

.boxiletokosztuje .ramka3 .box .ramkaogolna::before {
  z-index: 1;
}

.boxiletokosztuje .ramka3 .box .naglowek {
  position: relative;
  z-index: 2;
}


.boxiletokosztuje .ramka3 .box .naglowek {
  position: relative;
  z-index: 2;
}


.boxiletokosztuje .ramka3 .box .opis {
  position: relative;
  z-index: 2;
}



.ramka_img_left tr:last-of-type {
  align-items: center;
}



.ramka_img_left tr:last-of-type td img {
  min-height: 400px;
  object-fit: cover;
}



.baner .przycisk {
  font-weight: 700;
}





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

	




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


.baner::before {
  content: '';
  position: absolute;
  right: -15%;
  top: -5%;
  width: 68%;
	}
	
	
}


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

	


.img_left tr td:nth-of-type(2) {
  background-color: #FFF;
  padding: 30px 40px;
  -webkit-border-radius: 120px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 120px;
  -moz-border-radius-topleft: 0;
  border-radius: 120px;
    border-top-left-radius: 120px;
  border-top-left-radius: 0;
  border: 2px solid #C4EE75;
}


}




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

	
	
header .strona {
  padding: 0px 0%;
}


}


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

	


.boxmojeprogramy .ramka2 .box strong {
  font-size: 16px;
  line-height: 30px;
}

.lista-min-kat .min-kat .naglowek {
  padding: 40px 50px;
  font-size: 18px;
  line-height: 27px;
}




}




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

	
	

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


		.boxkontakt .box3 > div:nth-child(2)  {
  font-size: 19px;
}


	.boxkontakt .box3 > div:nth-child(2) a {
  font-size: 19px;
}



.link_czarny {
  color: #1D2E3B;
  text-decoration: none;
  font-size: 12px;
}


.boxkontakt .box3 .row {
  font-size: 12px;
}

.tresc h3, .tresc-kontakt h3, .tresc-podstrony h3 {
  font-size: 21px;
  line-height: 32px;
}

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

	
	
	.boxiletokosztuje .ramka2 a {
  float: left;
  font-size: 15px;
}



.boxiletokosztuje .ramka3 .box .ramkaogolna {
  padding: 30px 30px;
}





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

	
	
	
.lista-min-kat .min-kat {
  width: 29.3%;
  margin: 2%;
}

	
	.baner::before {
  content: '';
  position: absolute;
  right: -25%;
  top: -5%;
  width: 78%;
	}
	
	
	.boxmojeprogramy .ramka2 .box {
  width: 22.8%;
}
	
	.boxmojeprogramy .ramka2 .box img {
  max-height: 40px;
}
	
	.boxmojeprogramy .ramka2 .box {
  padding-left: 80px;
	}
	
	
	.boxdlaczegoadeo .txt {
  padding: 20px 20px 0px 10px;
}
	
	
	.boxdlaczegoadeo .ramka {
  padding-right: 50px;
}
	
	
	  .boxmojeprogramy .ramka2 .box {
    width: 31.3%;
		margin-left:1%;
		margin-right: 1%;
  }
	
	
	
	.wpis-duzy .nazwa {
  font-size: 18px;
}

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

	
	
	
	
	.boxdiagnoza1 .txt {
  padding-left: 50px;
}
	
	
	
	
	.boxdiagnoza1 .img span {
  width: 100px;
  height: 100px;
  font-size: 15px;
  line-height: 25px;
  padding-top: 20px;
}
	
	
	
	.boxdiagnoza1 .img span strong {
  font-size: 40px;
  line-height: 35px;
}

.tresc ul li, .tresc-podstrony ul li {
  -webkit-border-radius: 80px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 80px;
  -moz-border-radius-topleft: 0;
  border-radius: 40px;
    border-top-left-radius: 40px;
  border-top-left-radius: 0;
}

.tresc ul li::before, .tresc-podstrony ul li::before {
  -webkit-border-radius: 70px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 70px;
  -moz-border-radius-topleft: 0;
  border-radius: 70px;
    border-top-left-radius: 70px;
  border-top-left-radius: 0;
}
	.tresc ul li, .tresc-podstrony ul li {
  padding: 50px 30px;
	}
	
	
	.tresc ul li, .tresc-podstrony ul li {
  margin: 5%;
  width: 40%;
	}
	
	
	.tresc big, .tresc-kontakt big {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}


.tresc small, .tresc-kontakt small {
  color: #87C0BA;
  font-weight: 700;
  font-size: 11px;
}

.ramka_img_left tr:last-of-type td {
  width: 50%;
  padding: 30px 10px;
}



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

	
	
	
	
	.boxkontakt .box {
  float: left;
  width: 100%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: white;
  padding: 30px;
  position: relative;
  z-index: 1;
}



.boxkontakt .box2 {
  float: left;
  width: 100%;
  text-align: center;
}



.boxkontakt .box3 {
  float: left;
  width: 100%;
  margin-top: -10px;
}



.boxkontakt .ramka {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: right;
  float: none;
  margin: 0px auto;
  max-width: 400px;
}



.link_stopka {
  font-size: 13px;
  margin-right: 8px;
  margin-left: 8px;
}


footer .ramka a:first-of-type img {
  position: relative;
  top: -11px;
  max-width: 130px;
}


.boxkontakt .box2 img {
  width: 120%;
  margin-bottom: -100px;
  left: -10%;
  position: relative;
  z-index: 0;
}


}


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

	
	
	
	
	
	
	.boxiletokosztuje .ramka3 .box {
  float: left;
  width: 100%;
	margin-bottom: 15px;
}

	.boxiletokosztuje .ramka3 .box .cena {
  max-width: 200px;
	}
	
	
	
	
	}
	
	
	
		
		@media screen and (min-width: 0px) and (max-width:1010px) {

	
	
	
	  .boxmojeprogramy .ramka2 .box {
    width: 48%;
    margin: 1%;
  }
	
	}
	
	
	
		@media screen and (min-width: 0px) and (max-width:980px) {

	
	
	
	
.ramka_img_left tr:last-of-type {
  padding: 10px 20px;
}

	
	
	.baner .box-txt h1 {
  font-size: 20px;
  line-height: 32px;
}
	
	
	
	.baner .box-txt h2 {
  font-size: 40px;
  line-height: 50px;
	}
	
	.przycisk {
  font-size: 12px;
  font-weight: 700;
}
	
	.przycisk_ramka {
	  font-size: 12px;
  font-weight: 700;
	}
	
	
	.baner .box-txt p {
  font-size: 15px;
  line-height: 22px;
}


	.formularz {
  width: 100%;
  float: left;
  margin-right: 0%;
  margin-bottom: 50px;
}



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



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

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

.boxdlaczegoadeo .ramka {
  -webkit-border-radius: 80px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 80px;
  -moz-border-radius-topleft: 0;
  border-radius: 80px;
    border-top-left-radius: 80px;
  border-top-left-radius: 0;
}



}



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

		
		
		
		 footer .ramka a:first-of-type {
    position: relative;
    display: block;
    max-width: 100%;
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
  }
	
	
  footer .ramka a:first-of-type img {
    position: relative;
    top: 0px;
    max-width: 140px;
    width: 100%;
    display: block;
    margin: 0px auto 20px auto;
    float: none;
  }
	
	
	footer {
  padding-top: 40px;

}


footer .ramka {
  text-align: center;
}


footer .ramka2 {
  text-align: center;
}




.boxiletokosztuje .ramka3 .box .ramkaogolna {
  min-height: 100px !important;
}

.boxiletokosztuje .ramka3 .box .ramkaogolna::before {
  display: none;
}

  .lista-min-kat .min-kat {
    width: 46%;
    margin: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
  }
	
	
table.cennik {
  border: 2px solid #C4EE75;
  padding: 30px 20px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

table.cennik table {
  padding: 20px;
}


.lista-min-kat .min-kat .img {
  height: auto !important;
}


.lista-min-kat .min-kat .img img {
  width: 100%;
  -webkit-border-radius: 100px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 100px;
  -moz-border-radius-topright: 0;
  border-radius: 100px;
    border-top-right-radius: 100px;
  border-top-right-radius: 0;
}






}




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

	
	


.boxdlaczegoadeo .txt h3 {
  font-size: 25px;
  line-height: 35px;
  font-weight: bold;
}


.boxdiagnoza1 .txt h4 {
  font-size: 25px;
  line-height: 35px;
  font-weight: bold;
}


.boxdiagnoza1 .txt small {
  font-size: 15px;
  line-height: 30px;
}





.boxdiagnoza2 .txt h5 {
  font-size: 25px;
  line-height: 35px;
}

.boxdiagnoza2 .txt small {
  color: #FFB724;
  font-size: 15px;
  line-height: 20px;
}



.boxdiagnoza2 .ramka {
  padding: 50px 50px;
}


.boxdiagnoza2 img {
  position: absolute;
  right: -20px;
	}
	
	
	
.bnaer_img tr td:nth-of-type(1) {
  width: 100%;
  position: relative;
  padding-left: 5%;
  order: 1;
  padding-right: 5%;
	  padding-top: 0px;
}


.bnaer_img tr td:nth-of-type(1) img {
  width: 90%;
  object-fit: cover;
  height: 60vw;
  -webkit-border-radius: 50%;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 50%;
  -moz-border-radius-topright: 0;
  border-radius: 50%;
    border-top-right-radius: 50%;
  border-top-right-radius: 0;
  max-height: 600px;
  float: right;
  max-width: 500px;
}


.bnaer_img tr td {
  width: 100%;
  order: 1;
  padding-top: 60px;
}


.img_left tr td {
  width: 100%;
}

.img_left tr td img {
  width: 100%;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

 .img_left tr td:nth-of-type(2) {
    margin: 0px 8%;
    margin-top: -100px;
  }


	.small_box tr td:nth-of-type(1) {
  order: 1;
  width: 100%;
}

.small_box tr td:nth-of-type(1) img {
  width: 100%;
  -webkit-border-radius: 170px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 170px;
  -moz-border-radius-topright: 0;
  border-radius: 170px;
    border-top-right-radius: 170px;
  border-top-right-radius: 170px;
  border-top-right-radius: 0;
  max-width: 400px;
  width: 90%;
  float: none;
  height: calc(100% + 0px);
  margin-top: -40px;
  margin-bottom: -70px;
  min-height: 200px;
  object-fit: cover;
  display: block;
  margin: 0px auto;
    margin-bottom: 0px;
  margin-bottom: 0px;
}

.small_box tr td {
  order: 1;
  width: 100%;
  color: #22403E;
  font-weight: 300;
  padding-bottom: 50px;
}


}





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

	
	
	
	  .baner .box-txt h1 {
    font-size: 17px;
    line-height: 28px;
  }
	
	
	
	  .baner .box-txt h2 {
    font-size: 32px;
    line-height: 42px;
  }
	
	
	
	}
	
	
			@media screen and (min-width: 0px) and (max-width:740px) {

	
	
	  .ramka_img_left tr:last-of-type td {
    width: 100%;
    padding: 30px 10px;
  }
	
	
	.ramka_img_left tr:last-of-type td ul {
  display: block !important;
  margin: 0px 0px !important;
  width: 88%;
}
	
	
	}
	
	
				
		@media screen and (min-width: 0px) and (max-width:720px) {

	
	 .boxdlaczegoadeo .txt {
    padding: 20px 10px 0px 10px;
    order: 2;
    width: 100%;
  }
	
	
	.boxdlaczegoadeo .img {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: -100px;
}
	
	  .tresc ul li, .tresc-podstrony ul li {
    margin: 5%;
    width: 88%;
  }
	
	
	table.cennik table tr td:first-of-type {
  width: 100%;
  padding-right: 0px;
}

table.cennik table tr td:nth-of-type(2) {
  width: 100%;
  margin-top: 40px;
}

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

	
	
	
	
	
	
	
	.baner .box-txt {
  float: left;
  width: 100%;
  line-height: 25px;
  padding-right: 100px;
  order: 2;
}
	
	
	.baner .box-img {
  float: right;
  width: 100%;
}
	
		.baner .box-img img {
display: block;
margin: 0px auto;
max-width: 500px;
width: 95%;
}
	
	.baner {
  padding-top: 120px;
	}
	
	  .baner .box-txt {
    float: left;
    width: 100%;
    line-height: 25px;
    padding-right: 0px;
    order: 2;
    text-align: center;
  }
	
	.baner .box-txt h2 {
  background-position: center bottom;
}

.baner::before {
  height: 68%;
}


  .boxiletokosztuje .ramka2 a {
    float: left;
    font-size: 11px;
  }


	.boxiletokosztuje .ramka2 a span {
  color: #23413F;
  font-size: 11px;
  padding: 5px 10px;
}

.tresc h4, .tresc-podstrony h4 {
  font-size: 16px;
  line-height: 27px;
}



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

	
	
	
	.boxdiagnoza1 .img {
  float: left;
  width: 100%;
  position: relative;
  text-align: right;
  padding-left: 80px;
	padding-right: 80px;
}
	
	 .boxdiagnoza1 .txt {
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
    width: 100%;
  }
	
	
	
	  .boxdiagnoza2 img {
    position: absolute;
    right: 0px;
    float: left;
    left: 0px;
    top: -60px;
    max-width: 200px;
    width: 200px;
		bottom: auto;
  }
	
	.boxdiagnoza2 .ramka .txt {
  float: left;
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding-top: 100px;
}
	
	
	}
	
	
	
					
		@media screen and (min-width: 0px) and (max-width:570px) {

	
	.ramka_img_left tr:last-of-type td img {
  min-height: 300px;
  object-fit: cover;
}


}


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

	
	  .lista-min-kat .min-kat .naglowek {
    font-size: 15px;
    line-height: 21px;
  }
	
	
	.lista-min-kat .min-kat .wiecej {
  margin-top: -40px;
  position: relative;
  top: -20px;
  font-size: 11px;
}
	
	
	.tresc-podstrony h1, .glowna7nadrzedna .tresc h1, .glowna8nadrzedna .tresc h1 {
  font-size: 40px;
  line-height: 60px;
	}
	
	
	
	}
	
	
	
				
		@media screen and (min-width: 0px) and (max-width:480px) {

	
	  .boxkontakt .box2 img {
    width: 100%;
    margin-bottom: -100px;
    left: 0%;
    position: relative;
    z-index: 0;
  }
	
	
	  .boxmojeprogramy .ramka2 .box {
    width: 98%;
    margin: 1%;
  }
	
	.boxmojeprogramy .ramka {
  text-align: center;
}
	
	
	.boxmojeprogramy .ramka strong {
  font-size: 24px;
  line-height: 34px;
}
	
	.boxiletokosztuje .ramka2 a {
  padding: 25px 25px;
}


.small_box tr {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 20px;
}


	}