@import url('https://fonts.googleapis.com/css2?family=KoHo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Sora:wght@100..800&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: 27px;
                    color:black;
					background-color:white;
				    font-size:15px;
					font-family: "Sora", sans-serif;
					font-weight:300;
					color: #131212;
                }

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



								
								h1 , h2 , h3 , h4 , h5 , .font {
								font-family: "KoHo", sans-serif;
								}
				

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

{



.pozostaleuslugi {
display:none;	
}	

			
}
			
								
.nav-hamburger {
display:none;	
}	


.menu-pionowe {
position: relative;
  z-index: 99999;
  float: left;
  width: 100%;
}	


#menupage2-5 {
display:none !important; 	
}	

#menupage2-9 {
display:none !important;	
}	

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

input, textarea, select {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	 font-size:15px;
	font-family: "Sora", sans-serif;
	line-height: 27px;
	font-weight: 300;
}




.menu-pionowe .komorka-menu-menu {
display:block;	
}	

.menu-pionowe .komorka-menu-menu-bold {
display:block;	
}	

.tresc-podstrony {
padding-bottom:100px;	
}	



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

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

.tlo {
float:left;
width:100%;
background-color:#CFD8D9;
}	

.baner {
float:left;
width:100%;
background-color:#637274;
position:relative;
}	



.baner:before {
	content:'';
	width: 1px;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0px auto;
	top: 0px;
	z-index: 2;
	background-color: rgba(207,216,217,0.2);
}	





.baner .box:before, .baner .box2:before {
  width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(100,115,118,0.25);
  position: absolute;
	content:'';
	z-index:1;
}

.baner .box:after, .baner .box2:after {
  width: 100%;
	height: 100%;
	left: 0;
	top: 0;
  background: #647376;
  background: linear-gradient(180deg,rgba(100, 115, 118, 0.8) 15%, rgba(100, 115, 118, 0.56) 47%, rgba(100, 115, 118, 0) 100%);
  position: absolute;
	content:'';
	z-index:1;
}



.baner .przycisk_czarny {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 40px;
  margin: 0 auto;
  display: block;
  width: 350px;
  text-align: center;
  z-index: 5;
}

.baner .box .txt {
right:10%;
left: auto;
}	


.baner .box2 .txt {
left:10%;
right: auto;
}	






.baner .txt {
position:absolute;
left:10%;
width:80%;
bottom:27vh;
color:white;
max-width: 450px;
}	



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



.baner .txt h1 {
font-size:60px;
line-height:70px;
text-transform:uppercase;
font-weight:bold;
position: relative;
z-index: 3;
}	

.baner .txt h1:first-line {
font-size:40px;
line-height:50px;
}	


.baner .txt h2 {
font-size:60px;
line-height:70px;
text-transform:uppercase;
font-weight:bold;
position: relative;
z-index: 3;
}	

.baner .txt h2:first-line {
font-size:40px;
line-height:50px;
}	

.baner .txt p {
position: relative;
z-index: 3;
}	


.baner .box {
float:left;
width:50%;
height:112vh;
min-height: 580px;
position:relative;
}	

.baner .box .img{
position:absolute;
bottom:0px;
top:-30px;
left:0px;
width:70%;
height: 70%;
object-fit: cover;
margin: auto 0;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}	

.baner .box  a.font, .baner .box2  a.font {
width: 89px;
height: 89px;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
background-color: rgba(0,0,0,0.6);
text-align:center;
display: block;
position: relative;
z-index: 3;
line-height: 84px;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
font-weight: 500;
font-size: 13px;
}


.baner .box:hover .img{
position:absolute;
bottom:0px;
top: 0px;
left:0px;
margin: auto 0;
width:85%;
height: 100%;
object-fit: cover;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}	

.baner .box2 .img{
position:absolute;
bottom:0px;
top: -30px;
right:0px;
width:70%;
height: 70%;
object-fit: cover;
margin: auto 0;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}	

.baner .box2:hover .img{
position:absolute;
bottom:0px;
top: 0px;
right:0px;
margin: auto 0;
width:85%;
height: 100%;
object-fit: cover;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}	

.baner .box2 {
float:left;
width:50%;
height:112vh;
min-height: 580px;
position:relative;
}	



.baner .przycisk_czarny {
  z-index: 99;
}



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


header {
    position: absolute;
    transition: all 0.3s ease;
}

header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 95px;
    height: 95px;
    z-index: 9999;
}



header:after {
	width: 1px !important;
	border: 0px;
	left: 0;
	right:0;
	top: 0;
	height:20vh;
	position:absolute;
z-index:4;
padding: 0px 0%;
margin: 0px auto;
z-index: 99;
background: #CFD8D9;
background: linear-gradient(180deg,rgba(207, 216, 217, 0.8) 0%, rgba(207, 216, 217, 0) 100%);
content:'';
}	


header.fixed-header:after {
	height:110%;
}	



header:before {
	width: 100%;
	border: 0px;
	left: 0;
	top: 0;
	height:20vh;
	position:absolute;
z-index:0;
background: #647376;
background: linear-gradient(180deg,rgba(100, 115, 118, 0.8) 15%, rgba(100, 115, 118, 0.56) 47%, rgba(100, 115, 118, 0) 100%);
content:'';
z-index: 99;
}	



header.fixed-header:before {
	height:180px;
}	




header.fixed-header .top .row {
  display: none;
}

header.fixed-header #nawigacja-menu2 {
margin-top: 30px;
}

header.fixed-header .logo img {
  margin-top: 0px;
}



header .ramka{
	z-index:99;
	position:relative;
}	



header .przycisk_niebieski {
  color: white;
  text-decoration: none;
  background-color: #0C00FF;
  display: inline-block;
  padding: 10px 20px 10px 50px;
  font-size: 18px;
  font-weight: bold;
  max-width: 160px;
  position: relative;
  line-height: 23px;
  top: 0px;
}


header .link_bialy {
  color: white;
  text-decoration: none;
  position: relative;
  top: -10px;
}
	
	
	header .top .row  .link_bialy img {
  margin-right: 20px;
  margin-left: 20px;
}
	
	
	
header .przycisk_niebieski img{
  left: 14px;
	top: 0;
	bottom: 0;
	margin: auto 0px;
  position: absolute;
	}
	

header .logo{
	width: 50%;
	border: 0px;
	float:left;
	margin-top: 24px;
}	


header .logo img {
  margin-top: 25px;
}

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


header .top{
	width: 50%;
	border: 0px;
	float:left;
	text-align:left;
}	


header .top .hamurger {
float:left;	
}	


header .top .row{
	width: 100%;
	border: 0px;
	float:left;
	text-align:right;
	padding-top:0px;
	padding-bottom:10px;
}	


header .top .row img{
	vertical-align:middle;
	margin-left:5px;
	margin-right:5px;
}	


header .top .row img{
	vertical-align:middle;
	margin-right:20px;
}	




header .top nav{
	width: 100%;
	border: 0px;
	float:left;
}	





header #nawigacja-menu{
    list-style: none;
	margin: 0px 0px 0px 0px;
	display:inline-block;
	padding:0px;
	display:block;
	width:100%;
}


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


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


header #nawigacja-menu li a{
	color:#02354B;
	text-decoration:none;
	vertical-align:middle;
	display:inline-block;
     font-size:14px;
	vertical-align:middle;
	font-size:18px;
	padding:55px 10px;
	font-weight:bold;
}

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

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







#nawigacja-menu2{
    list-style: none;
	margin: 0px 0px 0px 0px;
	display:inline-block;
	padding:0px 0px 0px 40px;
	display:flex;
	float:left;
	justify-content:space-between;
	width: 100%;
}


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


#nawigacja-menu2 li{
display:inline-block;
margin:0px;
padding:0px;
float:left;
vertical-align:middle;
max-width:120px;
vertical-align:middle;
margin-left:25px;
display:table;
height: 50px; 
}


#nawigacja-menu2 li#menupage6 a{
border: 1px solid #FFF;
	padding-left: 37px;
  padding-right: 37px;
}



#nawigacja-menu2 li:last-of-type{
display:none;
}


#nawigacja-menu2 li a {
  color: white;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  font-size: 13px;
  vertical-align: middle;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  line-height: 23px;
	font-weight: 500;
}


#nawigacja-menu2 li a:hover {
	text-decoration:underline;
}	

#nawigacja-menu2 li.menubold a {
	font-weight:bold;
}

.boxsesjezdjeciowe {
  float: left;
  width: 100%;
  background-color: #CFD8D9;
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
  border-radius: 75px;
  padding-top: 160px;
  margin-top: -75px;
  position: relative;
  z-index: 4;
}

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



.boxsesjezdjeciowe .txt{
	float:left;
	width:35%;
	padding-left:0px;
	padding-right: 90px;
		padding-bottom:120px;
}	



.boxsesjezdjeciowe .txt h3 {
  font-size: 65px;
  line-height: 75px;
  text-transform: uppercase;
  position: relative;
  color: black;
  max-width: 300px;
  font-weight: 500;
}


.boxsesjezdjeciowe .txt h3::before {
            content: ''; 
            display: inline-block;
            width: 17px; 
            height: 16px; 
            background-image: url('../grafika/kropka.webp'); 
            background-size: contain; 
            background-repeat: no-repeat; 
			vertical-align:middle;
			left:-30px;
			position:absolute;
			top:20%;
 }



.boxsesjezdjeciowe .img {
  float: left;
  width: 60%;
  position: relative;
  margin-left: 5%;
}



.boxsesjezdjeciowe .img .zdjecie1{
	float:right;
	width:50%;
	padding-bottom:50px;
}

.boxsesjezdjeciowe .img .zdjecie2{
	position:absolute;
	left:0px;
	bottom:0px;
	max-width:60%;
	margin-right:-10%;
	z-index:9;
}


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



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

.boxzaufalinam .ramka{
	float:left;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #AEB1B8;
		position:relative;
		padding-left:30px;
}	

.boxzaufalinam .ramka span {
  font-size: 22px;
  line-height: 35px;
  text-transform: uppercase;
  position: relative;
  color: black;
  display: block;
  font-weight: 500;
  letter-spacing: 0.5px;
	font-family: "KoHo", sans-serif;
}


.boxzaufalinam .ramka span::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 16px;
  background-image: url('../grafika/kropka.webp');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  left: -30px;
  position: absolute;
  top: 11px;
}




.boxzaufalinam .ramka2{
	float:left;
	width:100%;
	overflow:hidden;
	padding-top:40px;
	padding-bottom:40px;
}	


.boxzaufalinam .ramka2 .box {
	float:left;
	width:100%;
    height:100px;
    position:relative;
}	

.boxzaufalinam .ramka2 .box img{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:0 0;
	max-width:80%;
	max-height:90%;
	filter: grayscale(100%);
	opacity:0.6;
}	

.boxzaufalinam .ramka2 .box img:hover{
	filter: grayscale(0%);
	opacity:1;
}	



.boxzaufalinam .ramka2 .slick-dots {
	display:none !important;
}	

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


.boxcennik .ramka{
	float:left;
	width:100%;
	padding-left: 30px;
	
}	

.boxcennik .ramka h4{
  font-size: 62px;
  line-height:75px;
  text-transform: uppercase;
  position: relative;
  color: black;
  display: block;
  font-weight: 500;
  letter-spacing: 0.5px;
	font-family: "KoHo", sans-serif;
}	


.boxcennik .ramka h4::before {
            content: ''; 
            display: inline-block;
            width: 17px; 
            height: 16px; 
            background-image: url('../grafika/kropka.webp'); 
            background-size: contain; 
            background-repeat: no-repeat; 
			vertical-align:middle;
			left:-30px;
			position:absolute;
			top:35px;
 }


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


.boxcennik .ramka2 ul {
  list-style-type: none; /* Usuwa standardowe punkty */
  padding-left: 0; /* Usuwa wcięcie */
}

.boxcennik .ramka2 ul li {
  position: relative;
  padding-left: 30px;
  line-height: 30px;
  padding: 10px 0px 10px 40px;
	font-size: 18px;
	line-height: 30px;
}


.boxcennik .ramka2 ul li:before {
  content:''; /* Ustawia znak ? przed każdym elementem listy */
  position: absolute;
  left: 0;
  top: 18px;
  font-size: 18px; /* Zmienia rozmiar znaku */
  color: black; /* Kolor znaku */
	width: 22px;
	height: 15px;
						background-image: url('../grafika/ptaszek.webp'); 
            background-repeat: no-repeat; 
}



.boxcennik .ramka2 .box{
	float:left;
	width:33.3%;
	position: relative;
	padding-bottom: 60px;
}	


.boxcennik .ramka2 .box:last-of-type:before {
position: absolute;
left: -10%;
top: 10%;
width: 110%;
height: 90%;
border: 1px solid #AEB1B8;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
	content:'';
}


.boxcennik p{
  max-width: 800px;
	width: 100%;
	font-size: 24px;
	line-height: 37px;
	font-weight: 600;
}


.boxcennik .ramka2 .box .img{
	float:left;
	width:100%;
	position:relative;
	padding-bottom:20px;
	padding-right: 60px;
}	


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



.boxcennik .ramka2 .box .img strong {
  font-size: 40px;
  line-height: 50px;
  position: absolute;
  left: 25%;
  bottom: 5px;
  font-weight: 700;
	font-family: "KoHo", sans-serif;
	padding-left: 30px;
}



.boxcennik .ramka2 .box:last-of-type .img strong:before {
  position: absolute;
	left: -5px;
	top:0;
	content:'';
	width:22px;
	height: 100%;
	background-color: #0C00FF;
}




.boxcennik .ramka2 .box .txt{
	float:left;
	width:100%;
	margin-top:20px;
	border-top:1px solid #C2C9CC;
	padding-right: 60px;
}	

.boxcennik .ramka3 {
  float: left;
  width: 100%;
  margin-top: 70px;
  margin-bottom: 60px;
}



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


.boxproceszamawiania .ramka{
	float:left;
	width:100%;
	padding-left: 50px;
}	

.boxproceszamawiania .ramka h5{
	font-size:40px;
	line-height:50px;
	text-transform:uppercase;
	position:relative;
	color:black;
}	



.boxproceszamawiania .ramka h5 {
  font-size: 62px;
  line-height: 75px;
  text-transform: uppercase;
  position: relative;
  color: black;
  display: block;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-family: "KoHo", sans-serif;
}


.boxproceszamawiania .ramka h5::before {
            content: ''; 
            display: inline-block;
            width: 17px; 
            height: 16px; 
            background-image: url('../grafika/kropka.webp'); 
            background-size: contain; 
            background-repeat: no-repeat; 
			vertical-align:middle;
			left:-30px;
			position:absolute;
			top:31px;
 }



.boxproceszamawiania .ramka2{
	float:left;
	width:100%;
	margin-top:50px;
	padding-left:30px;
	padding-right:30px;
	display: flex;
  flex-wrap: wrap;
}	


.boxproceszamawiania .ramka2 .box {
  float: left;
  width: 25%;
  padding: 90px 55px;
  position: relative;
}



.boxproceszamawiania .ramka2 .box img {
  left: 0;
	right: 0;
	margin: 0px auto;
  position: absolute;
	top: -34px;
}




.boxproceszamawiania .ramka2 .box.box1 img, .boxproceszamawiania .ramka2 .box.box3 img {
  left: 0;
	right: 0;
	margin: 0px auto;
  position: absolute;
	bottom: -34px;
	top: auto;
}





.boxproceszamawiania .ramka2 .box strong {
  font-family: "KoHo", sans-serif;
	font-weight: 600;
	font-size: 25px;
	line-height: 41px;
}

.boxproceszamawiania .ramka2 .box small {
  position: absolute;
  left: -20px;
  top: 92px;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #C0C6CA;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 5px;
  background-color: #CFD8D9;
  line-height: 27px;
}

.boxproceszamawiania .ramka2 .box.box1{
border-left:1px solid #C0C6CA;
border-bottom:1px solid #C0C6CA;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;

}	

.boxproceszamawiania .ramka2 .box.box2{
border-left:1px solid #C0C6CA;
border-top:1px solid #C0C6CA;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
}	


.boxproceszamawiania .ramka2 .box.box3{
border-left:1px solid #C0C6CA;
border-bottom:1px solid #C0C6CA;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
}	

.boxproceszamawiania .ramka2 .box.box4{
border-left:1px solid #C0C6CA;
border-top:1px solid #C0C6CA;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
}	



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

.boxcasestudy {
	float:left;
	width:100%;
	background-image:url('../grafika/tlocase.webp');
	background-repeat : no-repeat;
	background-position:left -250px center;
	padding-bottom: 170px;
  padding-top: 100px;
}	
 
.boxcasestudy .slick-prev {
	width:102px;
	height:101px;
	background-image:url('../grafika/left.webp');
	background-repeat : no-repeat;
	background-position:center center;
	font-size:0px;
	border:0px;
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	z-index:99;
		margin:auto 0;
	cursor:pointer;
	opacity:0.7;
}	

.boxcasestudy .slick-prev:hover {
	opacity:1;
}	



 
.boxcasestudy .slick-next {
	width:102px;
	height:101px;
	background-image:url('../grafika/right.webp');
	background-repeat : no-repeat;
	background-position:center center;
	font-size:0px;
	border:0px;
	position:absolute;
	right:5%;
	top:0px;
	bottom:0px;
	z-index:99;
	margin:auto 0;
	cursor:pointer;
	opacity:0.7;
}	


.boxcasestudy .slick-next:hover {
	opacity:1;
}	



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




.boxcasestudy .ramka p {
  max-width: 800px;
  width: 100%;
  font-size: 24px;
  line-height: 37px;
  font-weight: 600;
}



.boxcasestudy .ramka h6 {
  font-size: 62px;
  line-height: 75px;
  text-transform: uppercase;
  position: relative;
  color: black;
  display: block;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-family: "KoHo", sans-serif;
}



.boxcasestudy .ramka h6::before {
            content: ''; 
            display: inline-block;
            width: 17px; 
            height: 16px; 
            background-image: url('../grafika/kropka.webp'); 
            background-size: contain; 
            background-repeat: no-repeat; 
			vertical-align:middle;
			left:-30px;
			position:absolute;
			top:31px;
 }


.boxcasestudy .ramka2 {
  float: left;
  width: 95%;
  overflow: hidden;
  position: relative;
  margin-left: 5%;
  padding-right: 200px;
}



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




.boxcasestudy .ramka2 .sekwencja{
	float:left;
	width:100%;
	display: flex;
	align-items: center;
}	

.boxcasestudy .ramka2 .sekwencja .img{
	float:left;
	width:50%;
	padding-left:50px;
	padding-right:0px;
}	

.boxcasestudy .ramka2 .sekwencja .img img{
	max-width:100%;
	width: 100%;
}	


.boxcasestudy .ramka2 .sekwencja .txt{
	float:left;
	width:50%;
		padding-left:90px;
	padding-right:150px;
	margin-top:0px;
}	




.boxcasestudy .ramka2 .sekwencja .txt strong {
	font-size:40px;
	line-height:50px;
	font-family: "KoHo", sans-serif;
	font-weight: 600;
	display: block;
	position: relative;
}	

.boxcasestudy .ramka2 .sekwencja .txt strong:before {
	content:'';
	left: -100px;
	position:absolute;
	height: 100%;
	width: 22px;
	background-color: #0C00FF;
}	



.boxcasestudy .ramka2 .sekwencja .txt .link_niebieski{
	font-size:17px;
	font-weight:bold;
}	


.responsive3 .slick-dots {
display:none !important;	
}	


.boxzamowsesje {
	float:left;
	width:100%;
	color:white;
-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:#657275;
	position: relative;
	overflow: hidden;
}	
.boxzamowsesje .ramka {
width: 100%;
flex-wrap: wrap;
display: flex;
align-items: center;
}

.boxzamowsesje .img{
	float:left;
	width:50%;
	text-align:center;
}	

.boxzamowsesje .img img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  min-height: 450px;
  float: left;
}

.boxzamowsesje .txt{
	float:left;
	width:50%;
	padding:90px 50px 150px 50px;
	font-size: 22px;
	line-height: 35px;
}	

.boxzamowsesje .txt a{
	font-size: 15px;
}	



.boxzamowsesje .txt strong {
	font-size:70px;
	line-height:84px;
	font-weight: 600;
}	

.tlo.tlo2 {
	-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;
	margin-top:-35px;
	position:relative;
	z-index:99;
}	

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

.boxportfolio .ramka {
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 120px;
  padding-bottom: 90px;
}

.boxportfolio .ramka small{
	text-transform:uppercase;
	font-size:14px;
	line-height:25px;
}	

.boxportfolio .ramka strong {
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 500;
  line-height: 65px;
  display: block;
  width: 100%;
  max-width: 900px;
  margin: 0px auto;
	font-family: "KoHo", sans-serif;
}


.boxportfolio .ramka2{
	float:left;
	width:102%;
	margin-left: -1%;
	display: flex;
	position: relative;
}	


.boxportfolio .ramka2:before{
	content:'PORTFOLIO';
	position: absolute;
	left: -5%;
	color: #FFF;
	font-size: 16vw;
	top: 50%;
	opacity: 0.15;
	font-weight: 600;
	font-family: "KoHo", sans-serif;
}	

.boxportfolio .ramka2:after{
	content:'PORTFOLIO';
	position: absolute;
	left: 30%;
	color: #637275;
	font-size: 6vw;
	top: 36%;
	font-weight: 600;
	z-index: 1;
	font-family: "KoHo", sans-serif;
}	


.boxportfolio .ramka2 .box {
	height:100vh;
	max-height:800px;
	position: relative;
}	




.boxportfolio .ramka2 .box:nth-of-type(1) {
	width:30%;
	margin-left:1%;
	margin-right:1%;

}	


.boxportfolio .ramka2 .box:nth-of-type(2) {
	width:30%;
  margin-left: -3%;
  margin-right: -3%;
	z-index: 5; 
	margin-top: 3%;
}	


.boxportfolio .ramka2 .box:nth-of-type(3) {
	width:20%;
	margin-left:-10%;
	margin-right:-10%;
  margin-top: -2%;
}	



.boxportfolio .ramka2 .box:nth-of-type(4) {
	width:35%;
	margin-left:8%;
	margin-right:0%;
}	


.boxportfolio .ramka2 .box img{
	object-fit:cover;
	max-width:80%;
	max-height:80%;
  position: relative; 
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto auto;
	    transition: transform 0.3s ease-out;
      will-change: transform;
}	



.boxportfolio .ramka2 .box:nth-of-type(1) img {
	margin-top: 10%;
		margin: 0px auto;
		  transition: transform 0.2s ease-out;
  will-change: transform;
}


.boxportfolio .ramka2 .box:nth-of-type(2) img {

		margin: 0px auto;
			margin-top: 55%;
			max-width:90%;
	max-height:50%;
	    transition: transform 0.2s ease-out;
      will-change: transform;
}

.boxportfolio .ramka2 .box:nth-of-type(3) img {

		margin: 0px auto;
			max-width:90%;
	max-height:35%;
	    transition: transform 0.2s ease-out;
      will-change: transform;
}



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


.boxblog {
	float:left;
	width:100%;
	padding-bottom:100px;
}	


.boxblog .slick-dots  {
display:none !important;	
}	

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


.boxblog .ramka strong {
	font-size:70px;
	line-height:80px;
	text-transform:uppercase;
	position:relative;
	color:black;
	font-weight:400;
}	


.boxblog .ramka strong::before {
            content: ''; 
            display: inline-block;
            width: 17px; 
            height: 16px; 
            background-image: url('../grafika/kropka.webp'); 
            background-size: contain; 
            background-repeat: no-repeat; 
			vertical-align:middle;
			left:-30px;
			position:absolute;
			top:40%;
 }



.boxblog .ramka2 .txt{
	float:left;
	width:40%;
	padding-right:20px;
}	


.boxblog .ramka2 .txt .opis {
  margin-top: -50px;
  padding-right: 80px;
}


.boxblog .ramka2 .txt .opis strong {
font-size:30px;
line-height:40px;
font-weight: 600;
	font-family: "KoHo", sans-serif;
}	


.boxblog .ramka2 .txt img {
  max-width: 100%;
  display: block;
  margin: 0px auto;
}


.boxblog .ramka2 .img{
	float:left;
	width:60%;
	overflow:hidden;
	position:relative;
}	




.boxblog .ramka2 .img .slick-prev {
	width:87px;
	height:87px;
	background-image:url('../grafika/left2.webp');
	background-repeat : no-repeat;
	background-position:center center;
	font-size:0px;
	border:0px;
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	z-index:99;
		margin:auto 0;
	cursor:pointer;
	opacity:0.7;
	background-color:transparent;
}	

.boxblog .ramka2 .img .slick-prev:hover {
	opacity:1;
}	



 
.boxblog .ramka2 .img .slick-next {
	width:87px;
	height:87px;
	background-image:url('../grafika/right2.webp');
	background-repeat : no-repeat;
	background-position:center center;
	font-size:0px;
	border:0px;
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	z-index:99;
	margin:auto 0;
	cursor:pointer;
	opacity:0.7;
	background-color:transparent;
}	


.boxblog .ramka2 .img .slick-next:hover {
	opacity:1;
}	





.boxblog .ramka2 .img .box{
	float:left;
	width:100%;
	position:relative;
}	



.boxblog .ramka2 .img .box .txt{
	position:absolute;
	left:50px;
	bottom:50px;
	color:white;
	z-index:99;
	width:90%;
	padding-right: 50px;
}	



.boxblog .ramka2 .img .box .txt .link_bialy {
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}	


.boxblog .ramka2 .img .box .txt .link_szary {
	font-size:15px;
	line-height:25px;
	font-weight:bold;
}	



.boxblog .ramka2 .img .box .boxramka{
	float:left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	object-fit:cover;
	height:600px;
	position:relative;
}	


.boxblog .ramka2 .img .box .boxramka .nakladka{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:9;
}	



.boxblog .ramka2 .img .box .boxramka img{
	width:100%;
	height:100%;
	object-fit:cover;
}	


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

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

.boxkontakt .txt{
	float:left;
	width:40%;
}	

.boxkontakt .txt b{
	font-size:20px;
	
}	




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


.boxkontakt .ramka strong {
	font-size:50px;
	line-height:60px;
	text-transform:uppercase;
	position:relative;
	color:black;
	font-weight:400;
}	


.boxkontakt .ramka strong::before {
            content: ''; 
            display: inline-block;
            width: 17px; 
            height: 16px; 
            background-image: url('../grafika/kropka.webp'); 
            background-size: contain; 
            background-repeat: no-repeat; 
			vertical-align:middle;
			left:-30px;
			position:absolute;
			top:40%;
 }







.boxkontakt .formularz{
	float:left;
	width:60%;
}	

.boxkontakt .formularz .pole{
	float:left;
	width:100%;
	position: relative;
}	



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

.boxkontakt .formularz .pole input {
	float:left;
	width:100%;
	background-color:transparent;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border:0px;
  padding:15px 20px;
  border-bottom:1px solid #BABFC4;
   font-size:13px;
  text-transform:uppercase;
  font-weight:bold;
  color:black;
	background-image:url('../grafika/kropka.webp');
	background-repeat : no-repeat;
	background-position:left center;
	padding-left:40px;
	font-weight: 500;
}	


.boxkontakt .formularz .pole textarea {
  float: left;
  width: 100%;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0px;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  padding: 15px 20px;
    padding-left: 20px;
  border-bottom: 1px solid #BABFC4;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  color: black;
  background-image: url('../grafika/kropka.webp');
  background-repeat: no-repeat;
  background-position: left 20px;
  padding-left: 40px;
	font-weight: 500;
}



.boxkontakt .pole2 {
float:left;
width:100%;
color:#627276;
font-size:12px;
line-height:20px;
margin-top:50px;
}	



.boxkontakt .pole2 .przycisk {
float:right;
margin-top:-20px;
}	


.przycisk {
	width:120px;
	height:120px;
	background-color:transparent;
	-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;
background-color:white;
border:0px;
text-transform:uppercase;
cursor:pointer;
font-weight: 600;
margin-left: 100px;
}	

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


footer {
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:#181C1D;
color:white;
margin-top:-50px;
padding:50px;
padding-top:80px;
}	


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


footer .box img{
max-width:80%;
}	

footer .box strong {
text-transform:uppercase;
}	

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


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


.link_stopka { color:white;text-decoration:none;text-transform:uppercase;padding-top:5px;padding-bottom:5px;display:inline-block;font-size:13px;}
.link_stopka:hover {text-decoration:underline;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;}
.link_bialy:hover {text-decoration:underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_szary { color:#BAC8C9;text-decoration:none;}
.link_szary:hover {text-decoration:underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.przycisk_niebieski {
  color: white;
  text-decoration: none;
  background-color: #0C00FF;
  display: inline-block;
  padding: 21px 30px 21px 70px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
.przycisk_niebieski:hover {background-color:white;color:#0C00FF;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przycisk_niebieski img { position:absolute;left: 20px;top:20px;vertical-align:middle;margin:0px; }



.przycisk_czarny { text-transform:uppercase;color:white;text-decoration:none;background-color:black;display:inline-block;padding:20px 20px;font-size:18px;font-weight:bold;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.przycisk_czarny:hover {background-color:#0C00FF;color:white;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przycisk_czarny img { vertical-align:middle;margin-right:20px; }



.zobacz_wiecej { color:black;text-decoration:none;border:1px solid black;text-transform:uppercase;font-weight:bold;padding:20px 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.zobacz_wiecej:hover {background-color:black;color:white;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.zobacz_wiecej_bialy { color:white;text-decoration:none;border:1px solid white;text-transform:uppercase;font-weight:bold;padding:20px 50px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.zobacz_wiecej_bialy:hover {background-color:black;color:white;border-color:black;text-decoration:none;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;}
.link_czarny:hover {color:#647275;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_niebieski { color:#647275;text-decoration:none;}
.link_niebieski:hover {color:black;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


#menupage1 {
display:none !important;	
}	

#menupage2 {
display:none  !important;	
}	

#menupage7 {
	display:none  !important;	
}	

#menupage10 {
	display:none  !important;	
}	


.glowna6 .menu-pionowe div {
display:block;	
}	

#menupage9 {
	display:none  !important;	
}	






.sciezka {
  padding: 0px 5% 0px 5%;
  text-align: center;
  color: #647275;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 37px;
  position: relative;
  z-index: 999;
	margin-top: 200px;
}



.sciezka a{
text-decoration: none;
color:#647275;
position: relative;
padding-left: 20px;
padding-right: 20px;
display: inline-block;
}

.sciezka a:before{
width: 8px;
height: 8px;
content:'';
background-color:#647275;
position: absolute;
left: 13px;
top: 7px;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
}


.sciezka h2:nth-of-type(3), .glowna9 .sciezka h2:last-of-type {
  text-decoration: none;
  color: #000;
  font-size: 30px;
  line-height: 40px;
  display: block;
  margin: 10px auto;
  width: 100%;
  max-width: 900px;
}

.sciezka h2:nth-of-type(3) a, .glowna9 .sciezka h2:last-of-type a {
  color: #000;
	font-weight: 500;
}


.sciezka h1:nth-of-type(3), .glowna9 .sciezka h1:last-of-type{
text-decoration: none;
color:#000;
position: relative;
padding-left: 0px;
}



.sciezka a:last-of-type:before, .sciezka a:nth-of-type(3):before{
display: none;
}



.glowna7.podrzedna .sciezka h2 {
  color: #000;
	font-weight: 500;
	  text-decoration: none;
  color: #000;
  font-size: 80px;
  line-height: 92px;
  display: block;
  margin: 10px auto;
  width: 100%;
  max-width: 900px;
}

.glowna7.podrzedna .sciezka h2 a {
  color: #000;
}


.tresc {
position: relative;
z-index: 6;
}



.min-kat {
width: 100%;
margin: 150px 0px;
position: relative;
}


.min-kat .baner-podstrona {
width: 40%;
position: absolute;
right: 10%;
height: calc(100% + 100px);
top:-100px;
bottom: 0px;
margin: auto 0px;
display: block;
max-height: 760px;
top: -100px;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.min-kat .row {
border-top:1px solid #AEB1B8;
padding: 50px 0% 50px 9%;
background-color: rgba(255,255,255,0.0);
}


.min-kat .row:hover {
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
background-color: rgba(255,255,255,0.3);
}


.min-kat .row:last-of-type {
border-bottom:1px solid #AEB1B8;
}

.min-kat .row {
border-top:1px solid #AEB1B8;
}


.min-kat .row img {
object-fit: cover;
width: 0%;
position: absolute;
right: 10%;
height: calc(100% + 100px);
top:-100px;
bottom: 0px;
margin: auto 0px;
display: block;
max-height: 760px;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}

.min-kat .row:hover  img  {
width: 40%;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}


.min-kat .row .naglowek{
width: 100%;
position: relative;
padding-right: 65%;
}




.min-kat .row .naglowek > a{
color: #000;
font-weight: 700; 
font-size: 36px;
line-height: 48px;
text-decoration: none;
}



.min-kat .row .naglowek small {
  position: absolute;
  left: -9%;
  top: 5px;
  bottom: 0px;
  margin: 0px 0px;
  height: 25px;
  color: #647275;
  font-size: 22px;
}




.min-kat .row .naglowek p{
display: none;
}



.min-kat .row:hover .naglowek p {
display: block;
}

.tresc-podstrony h1, .tresc h1 {
width: 100%;
max-width: 1180px;
margin: 0px auto;
display: block;
text-align: left;
font-size: 46px;
line-height: 68px;
font-weight: 600;
font-family: "Sora", sans-serif;
padding-top: 40px; 
}

.tresc-podstrony small, .tresc small {
  font-size: 16px;
  line-height: 29px;
  max-width: 1380px;
  margin: 0px auto;
  display: block;
  width: 100%;
  padding-left: 70px;
}


.tresc-podstrony h2, .tresc h2 {
width: 100%;
max-width: 1180px;
margin: 0px auto;
display: block;
text-align: center;
text-transform: uppercase;
font-size: 46px;
line-height: 68px;
font-weight: 600;
font-family: "Sora", sans-serif;
}

.tresc h4 {
width: 100%;
max-width: 1180px;
margin: 0px auto;
display: block;
text-align: left;
text-transform: uppercase;
font-size: 20px;
line-height: 33px;
font-weight: 600;
font-family: "Sora", sans-serif;
}


.tresc-podstrony h5 {
width: 100%;
max-width: 1180px;
display: block;
text-align: left;
text-transform: uppercase;
font-size: 46px;
line-height: 68px;
font-weight: 600;
font-family: "Sora", sans-serif;
}


.tresc-podstrony h4, .tresc h4 {
width: 100%;
max-width: 100%;
margin: 0px auto;
display: block;
text-align: left;
text-transform: uppercase;
font-size: 26px;
line-height: 39px;
font-family: "Sora", sans-serif;
}


.tresc h3 , .tresc-podstrony h3 {
float: left;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #AEB1B8;
  position: relative;
  padding-left: 30px;
	font-size: 22px;
  line-height: 35px;
  text-transform: uppercase;
  position: relative;
  color: black;
  display: block;
  font-weight: 400;
  letter-spacing: 0.5px;
  font-family: "KoHo", sans-serif;
	margin: 40px 0px 30px 0px;
}


.tresc h3 , .tresc-podstrony h3 {
float: left;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #AEB1B8;
  position: relative;
  padding-left: 40px;
	font-size: 22px;
  line-height: 35px;
  text-transform: uppercase;
  position: relative;
  color: black;
  display: block;
  font-weight: 400;
  letter-spacing: 0.5px;
  font-family: "KoHo", sans-serif;
	margin: 40px 0px 30px 0px;
}

.tresc h3::before , .tresc-podstrony h3::before  {
  content: '';
  display: inline-block;
  width: 17px;
  height: 16px;
  background-image: url('../grafika/kropka.webp');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  left: 0px;
  position: absolute;
  top: 31px;
}


.tresc h3 strong , .tresc-podstrony strong {
  font-weight: 500;
}




.tresc h5, .tresc-podstrony h5 {
  text-decoration: none;
  color: #647275;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 28px;
	display: block;
}

.tresc h5 strong, .tresc-podstrony h5 strong {
  font-weight: 600;
	font-size: 20px;
	line-height: 32px;

}




.glowna7nadrzedna .tresc-podstrony .szczegoly h4 {
width: 100%;
max-width: 100%;
margin: 0px auto;
display: block;
text-align: left;
text-transform: uppercase;
font-size: 22px !important;
line-height: 35px !important;
font-family: "Sora", sans-serif;
padding: 50px 0px;
}



.tresc big, .tresc-podstrony big {
font-size: 26px;
line-height: 40px;
}



.tresc ol, .tresc-podstrony ol{
   list-style: none;
   counter-reset: item;
	 display: flex;
	 flex-wrap: wrap;
	 width: 108%;
	 padding: 0px 0px;
	 margin-left: -4%;
 }
 
.tresc ol li  , .tresc-podstrony ol li {
   counter-increment: item;
   margin-bottom: 35px;
	 width: 33.3%;
	 padding-top: 30px;
	 padding-left: 4%;
	 padding-right: 4%;
 }
 
 .tresc ul li  , .tresc-podstrony ul li {
   margin-bottom: 35px;
	 width: 33.3%;
	 padding-top: 30px;
	 padding-left: 4%;
	 padding-right: 4%;
 }
 
 
 
 
 .tresc ul, .tresc-podstrony ul {
 list-style: none;
 margin: 40px 0px;
 padding: 0px 0px;
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 }
  
	
	
	
	 .tresc ul li strong, .tresc-podstrony ul li strong{
display: block;
padding: 10px 0px 20px 0px;
border-bottom: 1px solid #AEB1B8;
margin-bottom: 30px;
 }
  
	
	
	
.tresc  li strong  , .tresc-podstrony  li strong  {
   display: block;
	 font-size: 21px;
 }
 
 
 
 
.tresc ol li:before , .tresc-podstrony  ol li:before {
   margin-right: 0px;
   content: counter(item);
   color: white;
   width: 100%;
   text-align: left;
   display: block;
	 border-bottom: 1px solid #AEB1B8;
	 color: #647275;
	 padding-bottom: 30px;
	 margin-bottom: 20px;
	 font-size: 20px;
 }
 
 
.tresc-podstrony .compare-section h4 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  text-transform: none;
  color: #FFF;
  text-align: center;
}





.galeria {    
   line-height: 0;       
    -webkit-column-count: 3;    
    -webkit-column-gap: 0px;    
    -moz-column-count: 3;
    -moz-column-gap: 0px;
     column-count: 3;    
     column-gap: 0px;    
		 margin: 0px 0px 0px 0px;
		 padding: 0px 4%;
}  
.galeria img {    
   width: 100% !important;    
   height: auto !important;  
	 margin: 20px;
}  
.galeria{    
   display:inline-block;    
   margin-right: auto;    
   margin-left: auto;  
}

.galeria a {
  display: inline-block;
  width: 100%;
  padding: 5px 20px;
}










.galeria_table {
width: 110% !important;
max-width: 110% !important;
margin: 80px -5%;
}




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



.galeria_table tr td img {
width: 96%;
margin: 2%;
}



.zamow_linki {
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  background-color: black;
  display: block;
  padding: 20px 30px 20px 110px;
  font-size: 18px;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
	margin: 10px auto;
	width: 320px;
	position: relative;
}

.zamow_linki:before {
    background-image: url('../grafika/ikonafoto.webp');
  background-repeat: no-repeat;
	width: 35px;
	height: 27px;
	content:'';
	position: absolute;
	left: 30px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}








.naglowek_wpisy {
float: left;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #AEB1B8;
  position: relative;
  padding-left: 40px;
	font-size: 22px;
  line-height: 35px;
  text-transform: uppercase;
  position: relative;
  color: black;
  display: block;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-family: "KoHo", sans-serif;
	margin-bottom: 40px;
}


.naglowek_wpisy::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 16px;
  background-image: url('../grafika/kropka.webp');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  left: 0px;
  position: absolute;
  top: 29px;
}



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




.wpisy .wpis {
width: 50%;
text-align: left;
padding: 80px 0px;
padding-right: 5%;
}


.wpisy .wpis img {
width: 90%;
float: left;
}

.wpisy .wpis:nth-of-type(even) img {
width: 90%;
float: right;
}


.wpisy .wpis:nth-of-type(even)  {
text-align: right;
padding-left: 5%;
padding-right: 0px;
}


.wpisy .wpis .nazwa {
font-weight: 600;
color: #131212;
font-size: 20px;
line-height: 32px;
display: block;
padding: 40px 0px;
text-decoration: none;
width: 100%;
  clear: both;
}

.wpisy .wpis {
width: 50%;
text-align: left;
padding: 80px 0px;
padding-right: 5%;
}




.wpisy .wpis .wiecej {
color: #637275;
font-weight: 500;
font-size: 18px;
text-decoration: none;
display: inline-block;
padding-top: 30px;
}





.szczegoly_middle {
width: 100%;
float: left;
margin: 40px 0px;
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
margin-bottom: 70px;
}


.tresc-podstrony {
  position: relative;
  z-index: 999;
}


.szczegoly_img {
width: 50%;
padding-right: 5%;
}

.szczegoly_img img {
width: 100%;
}



.szczegoly_naglowek {
width: 50%;
padding-left: 5%;
}


.szczegoly_naglowek strong {
font-weight: 300;
font-size: 60px;
line-height: 74px;
font-family: "Sora", sans-serif;
}





.image-text-table {
  width: 100%;
  border-collapse: collapse;
  vertical-align: middle;
}

.image-text-table td {
  padding: 10px 50px;
  vertical-align: middle;
  width: 50%; 
  box-sizing: border-box;
}


/* Obrazek od lewej strony */
.image-left img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  vertical-align: middle;
}


.image-right img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  vertical-align: middle;
}

/* Responsywność */
@media (max-width: 868px) {
  .image-text-table  td {
    display: block;
    width: 100%;
  }
  .image-left img {
    margin: 0 auto 10px auto;
  }
}



.glowna5 .tresc-podstrony {
overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch;
}

/* 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: 35px;
  height: 34px;
  padding: 12px 3px 11px 3px;
  position: absolute;
  z-index: 8000 !important;
  top: 69px;
  right:0 !important;
	left: 0 !important;
	margin: 0px auto !important;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  text-indent: -9999em;
  line-height: 35px !important;
  font-size: 28px !important;
  display: block;
  font-weight: 400;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	background-color: transparent;
	font-weight: 400;
	text-align: center;
	float: none;
}




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


.mean-container a.meanmenu-reveal span:first-of-type {
max-width: 25px;
margin-left: 0px;
}






.mean-container .mean-nav {
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
}
.mean-container .mean-nav > ul {
    padding: 100px 6% 50px 55% ;
    margin: 0px 0% !important;
    width: 100% !important;
    list-style-type: none;
    position: absolute;
    top: 0px !important;
    left: 0%;
    background-color: rgba(38,44,45,0.9);
    min-height: 90vh !important;
    max-height: 100vh; /* <-- Nowe */
    overflow-y: auto;  /* <-- Nowe */
    -webkit-overflow-scrolling: touch; /* <-- Nowe */
    z-index: 99999999;
		 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	scrollbar-width: thin;
}



.mean-container li.social {
padding: 30px 5%;
border-top: 1px solid rgba(255,255,255,0.2) ;
margin: 30px 0px 0px 0px;
position: relative;
top: 30px;
}

.mean-container .mean-nav ul li.social a {
display: inline-block;
font-size: 14px;
padding-right: 30px;
color: #9BA8AA !important;
width: auto !important;
font-size: 14px !important;
}





.mean-container .mean-nav > ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 9%;
  width: 34%;
  height: 70%;
  max-height: 820px;
  background-image: url('../grafika/menufoto.webp');
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}




.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-right: 0px solid #EBEBEB;
	padding: 2px 0px !important;
	margin: 0px 0% !important;
	text-align: left;
	float: left;
	height: auto !important;
}





.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: #fff !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 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: 80% !important;
	box-sizing: border-box;
	border-right: 0px solid #EBEBEB;
	padding: 10px 0px !important;
	margin: -1px 10% 0px 10% !important;
}


.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;
  width: 100% !important;
  margin: 0px 0%;
  padding: 15px 0% 15px 0% !important;
  margin: 0 10% !important;
  color: #fff !important;
  text-decoration: none;
  font-weight: 400;
  font-size: 34px !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;
		font-family: "KoHo", sans-serif;
}


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


.mean-container .mean-nav ul li a.menu-bold {
	font-weight:500 !important ;
	color:#D5A084 !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: 7%;
    top:2px;
    z-index: 999;
    font-weight: 400 !important;
    border: none !important;
    color: #fff !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:#FE363C !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;
}



	
	


.glowna12.podrzedna .sciezka{
display: none;
}







.glowna12.podrzedna .tresc-podstrony {
margin-top: 200px;
}


.formularzzamowienia {
width: 100%;
}




.formularzzamowienia .naglowek {
width: 100%;
text-transform: uppercase;
text-align: center;
font-weight: 500;
color: #637275;
margin-bottom: 60px;
}


.formularzzamowienia .krok {
display: flex;
justify-content: center;
color: #9BA8AA;
}


.formularzzamowienia .krok div {
text-transform: uppercase;
font-size: 26px;
width: 110px;
height: 110px;
line-height: 110px;
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
	margin: 5px;
}


.formularzzamowienia .krok div.active {
text-transform: uppercase;
font-size: 26px;
background-color: #000;
color: #FFF;
line-height: 110px;
text-align: center;
}


.pole_form {
border-top: 1px solid #AEB1B8;
border-bottom: 1px solid #AEB1B8;
margin-bottom: -1px;
display:flex;
padding: 50px 0px;
align-items: center;
}

.pole_form  .box_naglowek{
width: 30%;
padding-right: 50px;
padding-left: 60px;
text-transform: uppercase;
font-weight: 500;
color: #000;
position: relative;
}


.pole_form  .box_naglowek::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 16px;
  background-image: url('../grafika/kropka.webp');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  left: 0px;
  position: absolute;
  top: 8px;
}

.dalej {
margin-top: 30px;
}


.dalej input {
  width: 180px;
  height: 180px;
  background-color: transparent;
  -webkit-border-radius: 220px;
  -moz-border-radius: 220px;
  border-radius: 220px;
  background-color: white;
  border: 0px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 600;
  margin: 0px auto;
	line-height: 100px;
	display: block;
}



.pole_form .box {
position: relative;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
	padding: 0px 10px;
	margin: 0px 5px;
}


.container {
  display: block;
  position: relative;
  padding: 12px 35px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	  -webkit-border-radius: 95px;
  -moz-border-radius: 95px;
  border-radius: 95px;
	overflow: hidden;
	  background-color: transparent;
		font-weight: 500;
}



/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0px;
  z-index: 9;
  width: 100%;
  height: 100%;
	top: 0px;
}


/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-radius: 0%;
	z-index: -1;
		  -webkit-border-radius: 95px;
  -moz-border-radius: 95px;
  border-radius: 95px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #FFF;
	border: 3px solid #0C00FF;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: transparent;
}










.formularzzamowienia.etap2 .pole_form .box_naglowek {
  width: 40%;
}


.formularzzamowienia.etap2 .pole_form .box input, .formularzzamowienia.etap4 .pole_form .box input{
  position: relative;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  padding: 0px 10px;
  margin: 0px 5px;
	width: 120px;
	padding: 12px 20px;
	border: 0px;
}


.formularzzamowienia.etap4 .pole_form .box input {
width: 100%;
}

.formularzzamowienia.etap2 .pole_form .box select{
  position: relative;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  padding: 0px 10px;
  margin: 0px 5px;
	padding: 17px 20px;
	border: 0px;
	background-color: #000;
	color: #FFF;
	font-weight: 600;
}




.formularzzamowienia.etap3  .pole_form .box {
width: 60%;
}

.formularzzamowienia.etap3  .pole_form .box textarea {
width: 100%;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
		padding: 17px 20px;
			background-color: #FFF;
			border: 0px;
}





.formularzzamowienia.etap4 .pole_form .box input[type='checkbox'] {
  width: 30px;
	position: absolute;
	left: 0px;
	top: 2px;
}


.formularzzamowienia.etap4 .pole_form .box label {
  position: relative;
	padding-left: 40px;
}



.formularzzamowienia.etap4 .pole_form .box {
width: 65%;
position: relative;
}



.formularzzamowienia.etap4 .pole_form .box img {
right: 30px;
top: 15px;
position: absolute;
z-index: 5;
}




.formularzzamowienia.etap4 .pole_form .box textarea {
width: 100%;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
		padding: 17px 20px;
			background-color: #FFF;
			border: 0px;
}


.menu-pionowe {
width: 100%;
}

.menu-pionowe ul {
width: 100%;
display: flex;
align-items: center;
  justify-content: center;
	list-style: none;
	padding: 0px 0px;
	margin: 30px 0px 0px 0px;
}


.menu-pionowe ul li{
position:relative;
padding-bottom: 40px;
}

.menu-pionowe ul li a{
display: block;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
		padding: 17px 20px;
			background-color: transparent;
			text-transform: uppercase;
			margin: 0px 8px;
			text-decoration: none;
			color: #000;
			font-size: 13px;
			font-weight: 500;
			border: 1px solid #AEB1B8;
}


.menu-pionowe ul li.active a{
			background-color: #131212;
			text-transform: uppercase;
			color: #fff;
}

.menu-pionowe ul li a:hover{
      background-color: #0C00FF;
			color: #fff;
			font-weight: 500;
}

.menu-pionowe ul ul li a:hover{
      background-color: #0C00FF !important;
			color: #fff !important;
			font-weight: 500 !important;
}


.menu-pionowe ul li ul {
display: none;
padding-top: 9px !important;
padding-bottom: 9px !important;
}


.menu-pionowe ul li:hover ul {
position: absolute;
left: 0px;
top: 50px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
	width: 100%;
	background-color: #FFF;
	display: block;
}

.menu-pionowe ul li ul li {
padding-bottom: 0px !important;
}


.menu-pionowe ul li.active ul li a{
			background-color: #fff ;
			text-transform: uppercase;
			color: #000 ;
			border: 0px !important;
}

.menu-pionowe ul li.active ul li {
			border: 0px !important;
}


.menu-pionowe ul li ul li {
			border: 0px !important;
}


.menu-pionowe ul li ul li a {
			border: 0px !important;
}



.glowna5.podrzedna table {
border: 0px !important;
margin-top: 50px;
}


.glowna5 .tresc-podstrony::-webkit-scrollbar {
  height: 8px;
}

.glowna5 .tresc-podstrony::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 4px;
}

.glowna5 .tresc-podstrony::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border-radius: 4px;
}

.glowna5 .tresc-podstrony::-webkit-scrollbar-thumb:hover {
  background: #999;
}


.glowna5.podrzedna table thead tr th {
border: 0px;
position: relative;
padding: 60px 40px;
font-size: 40px;
line-height: 53px;
	font-family: "KoHo", sans-serif;
}


.glowna5.podrzedna table thead tr th:before {
border: 0px;
position: absolute;
left: 0;
right: 0;
margin: 0px auto;
top: -15px;
padding: 11px 20px;
color: #FFF;
text-transform: uppercase;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
	background-color: #0C00FF;
	content:'PAKIET';
	width: 110px;
	text-align: center;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: 1px;
	display: block;
	font-family: "Sora", sans-serif;
}





.glowna5.podrzedna table tbody tr td {
border: 0px;
}

.glowna5.podrzedna table thead tr th:first-of-type {
border: 0px;
border-left: 0px solid #AEB1B8; 
border-bottom: 1px solid #AEB1B8; 
}




.glowna5.podrzedna table thead tr th:nth-of-type(2) {
background-color: rgba(255,255,255,0.2);
}

.glowna5.podrzedna table thead tr th:nth-of-type(3) {
background-color: rgba(255,255,255,0.5);
}

.glowna5.podrzedna table tbody tr td:nth-of-type(2) {
background-color: rgba(255,255,255,0.2);
}

.glowna5.podrzedna table tbody tr td:nth-of-type(3) {
background-color: rgba(255,255,255,0.5);
}



.glowna5.podrzedna table thead tr th {
border: 0px;
border-left: 1px solid #AEB1B8; 
border-bottom: 1px solid #AEB1B8; 
}


.glowna5.podrzedna table tbody tr td {
border-left: 1px solid #AEB1B8; 
border-bottom: 1px solid #AEB1B8; 
padding: 20px 50px;
}


.glowna5.podrzedna table tbody tr td:first-of-type {
border-left: 0px solid #AEB1B8;
border-bottom: 1px solid #AEB1B8;  
}


.glowna5.podrzedna table tbody tr:last-of-type td {
border-bottom: 0px solid #AEB1B8;  
}

.glowna5.podrzedna table tbody tr:last-of-type td strong {
margin: 0px auto;
width: 160px;
height: 160px;
display: block;
background-color: #FFF;
text-align: center;
padding: 20px 40px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	 -webkit-border-radius: 117px;
  -moz-border-radius: 117px;
  border-radius: 117px;
	color: #000;
	font-weight: 600;
	font-size: 40px;
	line-height: 35px;
}


.glowna5.podrzedna table tbody tr:last-of-type td strong:first-line {
font-size: 14px;
	color: #637275;
	font-weight: 300;
}



.galeria {
position: relative;
z-index: 99;
}












.compare-section {
  background-color: #5a676b;
  color: white;
  text-align: center;
  padding: 90px 20px;
	position: relative;
	margin-bottom: 100px;
	margin-top: 80px;
}

.compare-section:before {
  position: absolute;
	content:'';
	border-radius: 60px 60px 0 0;
  width: 116%;
  left: -8%;
	height: 100%;
	  background-color: #5a676b;
		top: 0px;
		z-index: 0;
		display: block !important;
}

  

.compare-section h4 {
  font-size: 14px;
  letter-spacing: 2px;
  color: #cccccc;
  margin-bottom: 5px;
	z-index: 5;
	position: relative;
}

.compare-section h2 {
  font-size: 28px;
  margin-bottom: 30px;
		z-index: 5;
	position: relative;
}

.compare-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-bottom: 30px;
		z-index: 5;
	position: relative;
}

.product-image img {
  width: 180px;
  height: auto;
  border-radius: 8px;
		z-index: 5;
	position: relative;
}

.compare-symbol span {
  font-size: 120px;
  font-weight: bold;
  color: white;
		z-index: 5;
	position: relative;
}

.description {
  max-width: 800px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.6;
  color: #dddddd;
		z-index: 5;
	position: relative;
}



.product-image.left img{
width: 450px;
}

.product-image.right img{
width: 310px;
}


.glowna2nadrzedna .sciezka a {
  padding-left: 0px;
}







.boxzaufalinam {
  margin-bottom: 50px !important;
}


.boxzaufalinam {
  margin-top: 50px !important;
}






.glowna6 .sciezka h2:last-of-type a {
  font-weight: 500;
}








.galeria img {
  margin:20px 0px;
}

.pole_form .box {
  margin: 5px 5px;
}



.formularzzamowienia.etap4 .pole_form .box label {
  position: relative;
  padding-left: 40px;
  display: block;
}

.formularzzamowienia.etap4 .pole_form .box input[type="checkbox"] {
  top: 7px;
}




.glowna5 .sciezka h2:last-of-type {
  font-weight: 500;
}







.tresc-kontakt-middle {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-top: 50px;
padding-bottom: 60px;
min-height: 500px;
align-items: center;
}

.tresc-kontakt-middle .tresc-kontakt-img {
  width: 50%;
  background-image: url('../grafika/kontakt_img.webp');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: 100%;
  height: 50vw;
  max-height: 450px;
}

.tresc-kontakt-middle .tresc-kontakt a {
  color: #000;
}

.tresc-kontakt-middle .tresc-kontakt{
width:50%;
padding-left: 90px;
text-align: left;
}


.tresc-kontakt-middle .tresc-kontakt h2{
font-size: 40px;
line-height: 55px;
font-weight: 500;
text-transform: uppercase;
}













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

{




.baner .box .txt p {
  display: none;
}


.baner .box2 .txt p {
  display: none;
}



.baner .txt {
  bottom: 160px;
}


.baner .box a.font, .baner .box2 a.font {
  margin-top: 20px;
}



}







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

{




#nawigacja-menu2 li {
  margin-left: 15px;
}



#nawigacja-menu2 li#menupage6 a {
  border: 1px solid #FFF;
  padding-left: 20px;
  padding-right: 20px;
}



}






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

{




#nawigacja-menu2 li a {
  font-size: 12px;
}



}

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

{

.glowna5 .sciezka h2:last-of-type {

  font-size: 70px;
  line-height: 82px;
}


.boxblog .ramka2 .img .box .boxramka {
  height: 450px;
}



.boxblog .ramka2 .img .box .txt .link_bialy {
  font-size: 16px;
  line-height: 27px;
}

.boxblog .ramka2 .txt img {
  max-width: 60%;
  display: block;
  margin: 0px auto;
}





	
}



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

{


.boxportfolio .ramka2 .box {
  max-height: 450px;
}

.glowna7.podrzedna .sciezka h2 {
  font-size: 60px;
  line-height: 72px;
}



}





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

{


.boxcasestudy .ramka2 .sekwencja .txt strong {
  font-size: 25px !important;
  line-height: 34px !important;
}


#nawigacja-menu2 li a {
  font-size: 11px;
}

#nawigacja-menu2 li#menupage6 a {
  border: 1px solid #FFF;
  padding-left: 10px;
  padding-right: 10px;
}

footer .box:last-of-type {
  float: left;
  width: 15%;
}


footer .box {
  float: left;
  width: 29%;
}

  footer .box:last-of-type {
    float: left;
    width: 13%;
  }
	
	
	.sciezka h2:nth-of-type(3), .glowna9 .sciezka h2:last-of-type {
  font-size: 30px;
  line-height: 40px;
  max-width: 900px;
}


#strona103 .tresc-podstrony > p, #strona107 .tresc-podstrony > p, #strona110 .tresc-podstrony > p, #strona114 .tresc-podstrony > p {
  font-size: 22px;
  line-height: 37px;
}


.min-kat .row .naglowek > a {
  font-size: 30px;
  line-height: 42px;
}

.min-kat .row {
  padding: 30px 0% 30px 9%;
}


.tresc-podstrony h1, .tresc h1 {
  font-size: 36px;
  line-height: 58px;
}


}


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

{

.baner .txt h1, .baner .txt h2 {
  font-size: 45px;
  line-height: 55px;
}


.baner .txt h1:first-line, .baner .txt h2:first-line {
font-size:30px;
line-height:44px;
}	

.boxblog .ramka2 .img .slick-next {
  width: 47px;
  height: 47px;
  background-size: 100%;
}


.boxblog .ramka2 .img .slick-prev {
  width: 47px;
  height: 47px;
  background-size: 100%;
}


.boxzaufalinam {
  margin-bottom: 0px !important;
}


.glowna6 .sciezka h2:last-of-type {
  text-decoration: none;
  color: #000;
  font-size: 30px !important;
  line-height: 40px !important;
  max-width: 700px !important;
}


.wpisy .wpis .nazwa {
  font-size: 17px;
  line-height: 28px;
  padding: 40px 0px;
  width: 100%;
}


.wpisy .wpis .wiecej {
  font-size: 13px;
}




.glowna5 .sciezka h2:last-of-type {

  font-size: 60px  !important;
  line-height: 72px  !important;
}


	.tresc li strong, .tresc-podstrony li strong {
  display: block;
  font-size: 18px;
}



}



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

{


#nawigacja-menu2 {
  display: none;
}


a.meanmenu-reveal {
  top: 15px !important;
}

header .logo img {
  margin-top: 4px !important;
}


header .logo {
  margin-top: 15px !important;
}

header .top .row {
  padding-top: 11px;
  padding-bottom: 10px;
}



  .boxsesjezdjeciowe .txt h3 {
    font-size: 50px;
    line-height: 62px;
  }
	
	
	.zobacz_wiecej {
  font-size: 13px;
}


.boxsesjezdjeciowe .img .zdjecie1 {
  width: 70%;
}


.boxsesjezdjeciowe .img {
  margin-top: -10%;
}


.boxcennik .ramka2 .box .img strong {
  font-size: 30px;
  line-height: 50px;
  position: absolute;
  left: 17%;
  bottom: 5px;
  padding-left: 30px;
}



.boxproceszamawiania .ramka2 .box {
  padding: 90px 40px;
}


.boxproceszamawiania .ramka2 .box img {
  top: -22px;
  width: 66px;
}


.boxproceszamawiania .ramka2 .box.box1 img, .boxproceszamawiania .ramka2 .box.box3 img {
  bottom: -22px;
  top: auto;
}

.boxcasestudy .ramka2 .sekwencja .txt {
  padding-right: 40px !important;
}


	.sciezka {
  margin-top: 130px;
}



.menu-pionowe ul li a {
  display: block;
  padding: 17px 15px;
  margin: 0px 8px;
	font-size: 11px;
}

.glowna5.podrzedna table thead tr th::before {
  top: -15px;
  padding: 11px 0px;
  width: 100px;
}

.glowna5.podrzedna table thead tr th {
  font-size: 30px;
  line-height: 43px;
}


.tresc li strong, .tresc-podstrony li strong {
  display: block;
  font-size: 17px;
}



}


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

{


.tresc-podstrony h2 {
  font-size: 36px;
  line-height: 58px;
  font-weight: 600;
}



.tresc big, .tresc-podstrony big {
  font-size: 20px;
  line-height: 40px;
}

  .tresc-podstrony h1, .tresc h1 {
    font-size: 29px;
    line-height: 48px;
  }
	
	

}




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

{

.boxproceszamawiania .ramka2 .box strong {
  font-weight: 600;
  font-size: 19px;
  line-height: 25px;
}

.boxzamowsesje .txt strong {
  font-size: 50px;
  line-height: 74px;
  font-weight: 600;
}


.boxblog .ramka strong {
  font-size: 55px;
  line-height: 80px;
}


.tresc-podstrony h5 {
  font-size: 36px;
  line-height: 58px;
	}
	
	.szczegoly_naglowek strong {
  font-size: 30px !important;
  line-height: 40px !important;
}

.product-image.left img {
  width: 300px;
}


.product-image.right img {
  width: 180px;
}

	.mean-container .mean-nav > ul {
  padding-top: 120px;
	}
	
	
	
	
	
	
}



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

{





.tresc-kontakt-middle .tresc-kontakt h2 {
  font-size: 30px;
  line-height: 45px;
}


.tresc-kontakt-middle .tresc-kontakt {
  padding-left: 40px;
}



  .min-kat .row .naglowek > a {
    font-size: 25px;
    line-height: 38px;
  }
	
	

.boxcasestudy .ramka2 {
  padding-right: 100px;
}



.boxcasestudy .slick-next {
  width: 52px;
  height: 51px;
  background-size: 100%;
}



.boxcasestudy .slick-prev {
  width: 52px;
  height: 51px;
  background-size: 100%;
}



.boxportfolio .ramka strong {
  font-size: 40px;
  line-height: 55px;
}



.boxportfolio .ramka2 .box {
  max-height: 350px;
}


.boxkontakt .txt {
  float: left;
  width: 45%;
}


.boxkontakt .formularz {
  float: left;
  width: 55%;
}

  footer .box:first-of-type {
    float: left;
    width: 100%;
		padding-bottom: 40px;
  }
	
	
	
	footer .box img {
  max-width: 80%;
  margin: 0px auto;
  display: block;
}
	
	  footer .box {
    float: left;
    width: 50%;
  }
	
	
  footer .box:last-of-type {
    float: left;
    width: 100%;
		padding-top: 40px;
  }
	
	
	
	.zobacz_wiecej_bialy {
  color: white;
  text-decoration: none;
  border: 1px solid white;
  text-transform: uppercase;
  font-weight: bold;
  padding: 20px 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0px auto;
  display: block;
	text-align: center;
}

	  footer .box {
    text-align: center;
  }
	
	
	.container {
  font-size: 13px;
  line-height: 20px;
}
	
	
	.pole_form .box_naglowek {
  width: 100%;
  padding-right: 20px;
  padding-left: 60px;
  text-transform: uppercase;
  font-weight: 500;
  color: #000;
  position: relative;
}
	
 .pole_form {
    display: flex;
    padding: 30px 0px;
    align-items: center;
    flex-wrap: wrap;
  }
	
	
 .pole_form .box_naglowek {
    width: 100%;
    padding-right: 20px;
    padding-left: 60px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    position: relative;
    margin-bottom: 16px;
  }
	
	
.formularzzamowienia.etap3 .pole_form .box {
  width: 100%;
}

.formularzzamowienia.etap4 .pole_form .box {
  width: 100%;
  position: relative;
}

.tresc h3, .tresc-podstrony h3 {
  width: 90%;
	}
	
	
	.glowna5.podrzedna table tbody tr td {
  padding: 10px 20px;
}

.glowna5.podrzedna table thead tr th {

  position: relative;
  padding: 40px 20px 20px 20px;
}



.tresc ol li, .tresc-podstrony ol li {
  width: 50%;
}



.tresc ul li, .tresc-podstrony ul li {
  width: 50%;
}




}



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

{


.boxproceszamawiania .ramka2 .box {
  width: 50%;
}



  header .top .row  span {
    display: none;
  }


	
header .przycisk_niebieski {
  padding: 10px 20px 10px 40px;
  font-size: 13px;
  font-weight: bold;
  max-width: 130px;
  position: relative;
  line-height: 17px;
  top: 5px;
}

  .baner .txt h1, .baner .txt h2 {
    font-size: 35px;
    line-height: 45px;
  }
	
	
.baner .txt h1:first-line {
font-size:20px;
line-height:33px;
}	

.baner .txt h2:first-line {
font-size:20px;
line-height:33px;
}	

.boxblog .ramka2 .txt {
  float: left;
  width: 50%;

}



.boxblog .ramka2 .img {
  width: 50%;

}



.min-kat .row .naglowek {
  width: 100%;
  position: relative;
  padding-right: 13%;
}


  .min-kat .row {
    padding: 30px 0% 30px 9%;
    display: flex;
    flex-wrap: wrap;
  }

.min-kat .row .img {
  overflow: hidden;
  order: 1;
	
}


.min-kat .row .naglowek {
  width: 100%;
  position: relative;
  padding-right: 13%;
  order: 2;
}

.min-kat .row .img {
  overflow: hidden;
  width: 100%;
}

.min-kat .row.active img {
  width: 80% !important;
}


.min-kat .row img {
  object-fit: cover;
  width: 0%;
  position: relative;
  right: 0;
  height: calc(100% + 0px);
  top: -100px;
  bottom: 0px;
  margin: auto auto;
  display: block;
  max-height: 560px;
  left: 0%;
  margin: 0px auto;
}


.min-kat .row:hover  img  {
width: 100%;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}

  .min-kat .row .img {
    overflow: hidden;
    width: 100%;
    margin-top: -80px;
		margin-bottom: -60px;
  }
	
	 .min-kat .row {
    padding: 50px 9% 50px 9%;
  }
	
	
  .menu-pionowe ul li a {
    display: block;
    padding: 11px 15px;
    margin: 0px 4px;
    font-size: 11px;
    text-align: center;
		line-height: 17px;
  }
	
	
	
}


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

{



  .boxsesjezdjeciowe .img {
    order: 1;
  }

  .boxsesjezdjeciowe .txt {
    order: 2;
  }


  .boxsesjezdjeciowe .img {
    margin-top: 0%;
  }
	
	
	.boxsesjezdjeciowe .img {
  float: left;
  width: 90%;
  position: relative;
  margin-left: 5%;
}



	.boxsesjezdjeciowe .txt {
  float: left;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 50px;
  padding-top: 80px;
}
	
	
	
	
	.boxcennik .ramka2 ul li {
  font-size: 16px;
  line-height: 26px;
}




	
	  .boxcasestudy .ramka2 {
    padding-right: 0px;
  }
	
	.boxcasestudy .ramka2 .sekwencja .txt {
  padding-left: 40px !important;
  padding-right: 20px;
}


.boxcasestudy .ramka2 .sekwencja .txt strong::before {
  left: -50px;
}
	
	.boxcasestudy .ramka2 .sekwencja .txt .link_niebieski {
  font-size: 12px;
}


.boxcasestudy .ramka2 .sekwencja .txt .link_niebieski::before {
  top: -2px;
}



	
	#strona103 .tresc-podstrony > p, #strona107 .tresc-podstrony > p, #strona110 .tresc-podstrony > p, #strona114 .tresc-podstrony > p {
  font-size: 20px !important;
  line-height: 31px;
}
	
	.sciezka {
  margin-top: 130px;
}


	
	.min-kat {
  margin: 100px 0px;
}


.glowna7.podrzedna .sciezka h2 {
  font-size: 50px;
  line-height: 62px;
}





	}
	
	




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

{


.glowna5 .sciezka h2:last-of-type {

  font-size: 50px  !important;
  line-height: 62px  !important;
}


  .tresc-podstrony h1, .tresc h1 {
    font-size: 20px;
    line-height: 32px;
  }
	
	
	
.baner .przycisk_czarny {
  width: 220px;
  z-index: 5;
  font-size: 12px;
}

.przycisk_czarny img {
  vertical-align: middle;
  margin-right: 10px;
}


.przycisk_czarny {
  font-size: 12px;

}


.boxzamowsesje .txt a {
  font-size: 12px;
}


  .tresc-podstrony h2 {
    font-size: 30px;
    line-height: 45px;
    font-weight: 600;
  }
	
	
.tresc-podstrony h5 {
  font-size: 26px;
  line-height: 48px;
	}
	
	.tresc li, .tresc-podstrony li {
  counter-increment: item;
  margin-bottom: 35px;
  width: 50%;
  padding-top: 30px;
  padding-left: 4%;
  padding-right: 4%;
}
	
	
	
	
	
	.mean-container .mean-nav > ul::before {
  display:none !important;
}
	
	
	
	.mean-container .mean-nav > ul {
  padding: 80px 5% 150px 5% !important;
}
	
	
	
}









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

{


  .galeria_table tr td:nth-of-type(1) {
    display: block;
    width: 100%;

  }
	
  .galeria_table tr td:nth-of-type(2) {
    display: block;
    width: 100%;

  }
	
	  .galeria_table tr td:nth-of-type(1) img {
    width: 98%;
    margin: 1%;
  }


  .galeria_table tr td:nth-of-type(2) img {
    width: 48%;
    margin: 1%;
  }

	
	

	
	.boxblog .ramka2 .box .number {
  left: 0px;
}
	
	




	

	
	
}




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


{



.tresc-kontakt-middle .tresc-kontakt h2 {
  font-size: 30px;
  line-height: 45px;
}




  .glowna5.podrzedna table thead tr th {
    font-size: 20px;
    line-height: 43px;
  }

	
.boxcennik .ramka2 .box .txt {
  float: left;
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #C2C9CC;
  padding-right: 36px;
}


.boxcennik .ramka2 ul li::before {
  width: 13px;
  background-size: 100%;
}


.boxcennik .ramka2 ul li {
  padding: 10px 0px 10px 25px;
}


 .boxcennik .ramka2 .box .img strong {
    left: 8%;
  }

	  .boxkontakt .txt {
    float: left;
    width: 100%;
  }
	
	
	.boxkontakt .formularz {
    float: left;
    width: 100%;
    margin-top: 40px;
  }
	
	.formularzzamowienia .krok div.active {
  font-size: 16px;
}


.formularzzamowienia .krok div {
  width: 90px;
  height: 90px;
	}
	

	.formularzzamowienia .krok div.active {
  line-height: 90px;
}

.formularzzamowienia .krok div {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 90px;
	}
	
	.formularzzamowienia.etap2 .pole_form .box_naglowek {
  width: 100%;
}
	

	
}




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

{





.boxcasestudy .ramka2 .sekwencja .img {
  float: left;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}



.boxcasestudy .ramka2 .sekwencja .txt {
  float: left;
  width: 100%;
	}
	
	
	
	.boxcasestudy .ramka2 .sekwencja {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
	margin: 0px auto ;
}
	
	
	  .boxcasestudy .ramka2 {
    padding-right: 0px;
    margin: 0px auto;
    float: none;
    max-width: 500px;
  }


	
  header .logo img {
    margin-top: 16px !important;
    max-width: 150px;
  }
	
	
  .boxcasestudy .ramka2 .sekwencja .txt {
    padding-left: 70px !important;
    padding-right: 20px;
    margin-top: 30px;
  }

	
	.boxcasestudy .slick-next {
  right: 0%;
}


  .boxcasestudy .slick-next {
    width: 52px;
    height: 51px;
    background-size: 100%;
  }



.boxcasestudy .slick-next {
  top: -30%;
}


.boxcasestudy .slick-prev {
  top: -30%;
}



.boxcennik .ramka2 {
  display: flex;
  flex-wrap: wrap;
}

.boxcennik .ramka2 .box {
  width: 50%;
}


.boxcennik .ramka2 .box:last-of-type {
  width: 100%;
}


.boxcennik .ramka2 .box:last-of-type::before {
  position: absolute;
  left: 0%;
  top: 10%;
  width: 100%;
	}
	
	.boxcennik .ramka2 .box .img {
  padding-left: 40px;
}


 .boxcennik .ramka2 .box .txt {
    padding-left: 40px;
    padding-right: 10px;
  }
	
	
	
	
	
	.galeria {
  line-height: 0;
  -webkit-column-count: 2;
  -webkit-column-gap: 0px;
  -moz-column-count: 2;
  -moz-column-gap: 0px;
  column-count: 2;
}
	
	.glowna12.podrzedna .tresc-podstrony {
  margin-top: 150px;
}

.szczegoly_img {
  width: 100%;
  padding-right: 0%;
}


.szczegoly_naglowek {
  width: 100%;
  padding-left: 0%;
	padding-top: 40px;
}

.glowna5.podrzedna table tbody tr:last-of-type td strong {
  margin: 0px auto;
  width: 110px;
  height: 110px;
  display: block;
  background-color: #FFF;
  text-align: center;
  padding: 20px 20px;
  color: #000;
  font-weight: 600;
  font-size: 30px;
  line-height: 29px;
}

 .product-image.left img {
    width: 200px;
  }
	
	 .product-image.right img {
    width: 100px;
  }
	
	
	.compare-symbol span {
  font-size: 90px;
  font-weight: bold;
  color: white;
  z-index: 5;
  position: relative;
}
	
	
		.boxportfolio .ramka2  {
  flex-wrap: wrap;
}

	
	.boxportfolio .ramka2 .box:nth-of-type(1) {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
	margin-top: 15%;
}


	.boxportfolio .ramka2 .box:nth-of-type(2) {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}

.boxportfolio .ramka2 .box:nth-of-type(2) img {
  margin-top: 0%;
	max-height: 70%;
}





	.boxportfolio .ramka2 .box:nth-of-type(3) {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}

.boxportfolio .ramka2 .box:nth-of-type(3) img {
  margin: 0px auto 0% 20%;
  max-width: 70%;
  max-height: 55%;
}



.boxportfolio .ramka2 .box:nth-of-type(4) {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}





}


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

{


.boxzamowsesje .img {
  float: left;
  width: 100%;
  text-align: center;
}



.boxzamowsesje .txt {
  float: left;
  width: 100%;
  padding: 20px 50px 120px 50px;
}

.boxportfolio .ramka2 .box {
  max-height: 250px;
}




	
	
	.sciezka {
  font-size: 15px;
  line-height: 27px;
}




}

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

{

.glowna5.podrzedna table {
  margin-top: 70px;
}


.menu-pionowe {
  display: none;
}


.baner .box:hover .img{
width:100%;
height: 100%;
}	



.baner .box2:hover .img{
width:100%;
height: 100%;
}	



.baner .box .img {
  height: 55%;
}


.baner .box2 .img {
  height: 55%;
}

.wpisy .wpis {
  width: 100%;
}

.glowna5 .sciezka h2:last-of-type {

  font-size: 30px !important;
  line-height: 42px !important;
}


.tresc-kontakt-middle .tresc-kontakt-img {
  width: 100%;
}



.tresc-kontakt-middle .tresc-kontakt {
  width: 100%;
  padding-left: 0px;
  text-align: left;
	padding-top: 50px;
}



}




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

{


  .boxportfolio .ramka strong {
    font-size: 33px;
    line-height: 45px;
  }

.baner .box {
min-height: 490px;
}	

.baner .box2 {
min-height: 490px;
}	


 .boxproceszamawiania .ramka2 .box {
    padding: 50px 40px;
  }
	
	.boxproceszamawiania .ramka2 .box small {
  position: absolute;
  left: -20px;
  top: 44px;
}



  .boxblog .ramka2 .txt {
    float: left;
    width: 100%;
  }

  .boxblog .ramka2 .txt img {
    max-width: 75%;
    display: block;
    margin: 0px auto;
  }
	
	
	
  .boxblog .ramka2 .img {
    width: 100%;
    margin-top: 30px;
  }
	
	 .boxblog .ramka2 .txt {
    padding-left: 30px;
  }
	
	.glowna5.podrzedna table tbody tr td {
  font-size: 11px;
}
.glowna5.podrzedna table tbody tr:last-of-type td strong:first-line {
font-size: 10px;
}

 .glowna5.podrzedna table tbody tr:last-of-type td strong {

    padding-top: 10px;
 
  }
	


	



}




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

{



  .boxsesjezdjeciowe .txt h3 {
    font-size: 40px;
    line-height: 52px;
  }
	
	
.boxcasestudy .ramka h6 {
  font-size: 45px;
  line-height: 65px;
	}
	
	.boxcasestudy .ramka h6::before {
  top: 28px;
}


.boxcasestudy .ramka p {
  max-width: 800px;
  width: 100%;
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
}

	
	.boxcennik .ramka h4 {
  font-size: 52px;
  line-height: 82px;
	}
	
	
	.boxcennik p {
  max-width: 800px;
  width: 100%;
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
}



 .baner .txt h1, .baner .txt h2 {
    font-size: 20px;
    line-height: 30px;
  }



	.baner .txt h1:first-line {
font-size:15px;
line-height:25px;
}	

	.baner .txt h2:first-line {
font-size:15px;
line-height:25px;
}	

.baner .box a.font, .baner .box2 a.font {
  width: 79px;
  height: 79px;
  line-height: 74px;
  font-size: 11px;
}
	
	
	
	
.baner .box .txt p {
  display: none;
}


.baner .box2 .txt p {
  display: none;
}
	
	
	
	.baner .box a.font, .baner .box2 a.font {
  margin-top: 20px;
}




.baner .box {
min-height: 490px;
max-height: 620px;
}	

.baner .box2 {
min-height: 490px;
max-height: 620px;
}	


 .boxcennik .ramka2 .box .txt {
    padding-left: 30px;
    padding-right: 0px;
  }


.boxproceszamawiania .ramka h5 {
  font-size: 52px;
  line-height: 65px;
	}
	
	
	.boxproceszamawiania .ramka h5::before {
  top: 27px;
}


	 .boxproceszamawiania .ramka h5 {
    font-size: 35px;
    line-height: 55px;
  }
	
	  .boxproceszamawiania .ramka h5::before {
    top: 21px;
  }
	
	
	
	
	
	.glowna6 .sciezka h2:last-of-type {
  font-size: 50px !important;
  line-height: 65px !important;
  max-width: 700px !important;
}

	
	
	
	
	
}



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

{


header::after {
	display: block !important;
	}

	
	
}






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

{



  .boxproceszamawiania .ramka2 .box {
    width: 100%;
  }
	
	
	.boxkontakt .pole2 .przycisk {
  float: none;
  margin-top: -20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 20px;
}

.glowna7.podrzedna .sciezka h2 {
  font-size: 35px;
  line-height: 46px;
}



}


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

{


.box.boxskroty {
	margin-top:20px;
}

  footer .box:last-of-type {
    padding-top: 20px;
  }


  .product-image.left img {
    width: 120px;
  }
	
	
	  .product-image.right img {
    width: 60px;
  }
	
	

  footer .box {
    text-align: center;
    width: 100%;
  }
	
	
	
	  .formularzzamowienia .krok div {
    width: 70px;
    height: 70px;
  }
	
	
	 .formularzzamowienia .krok div {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 70px;
  }
	
	  .formularzzamowienia .krok div.active {
    line-height: 70px;
  }
	
	
	.tresc-podstrony small, .tresc small {
  font-size: 14px;
  line-height: 29px;
	}
	
	
	body {
  line-height: 21px;
  font-size: 13px;
	}
	
	.zamow_linki {
  padding: 20px 20px 20px 69px;
  font-size: 14px;
  margin: 10px auto;
  width: 220px;
  position: relative;
}
	
	.tresc li strong, .tresc-podstrony li strong {
  display: block;
  font-size: 15px;
}

	.galeria {
  line-height: 0;
  -webkit-column-count: 2;
  -webkit-column-gap: 0px;
  -moz-column-count: 2;
  -moz-column-gap: 0px;
  column-count: 2;
}
	

	
	}
	
	

	
	.galeria a {
	display:block;
float:left;	
	}	
	
	

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

{





 .boxcennik .ramka2 .box {
    width: 100%;
  }

	
  .boxcennik .ramka2 .box .img strong {
    left: 33%;
  }
	
	  #strona103 .tresc-podstrony > p, #strona107 .tresc-podstrony > p, #strona110 .tresc-podstrony > p, #strona114 .tresc-podstrony > p {
    font-size: 16px !important;
    line-height: 29px !important;
  }
	
	
	  .min-kat .row {
    padding: 50px 9% 50px 14%;
  }
	
	
	.min-kat .row .naglowek small {
  position: absolute;
  left: -9%;
	}
	
		.glowna6 .sciezka h2:last-of-type {
  font-size: 40px !important;
  line-height: 55px !important;
  max-width: 700px !important;
}

	  .tresc li, .tresc-podstrony li {
    width: 100%;
  }
	
	  .glowna5.podrzedna table tbody tr:last-of-type td strong {
    margin: 0px auto;
    width: 90px;
    height: 90px;
		}
		
		
		  .glowna5.podrzedna table tbody tr:last-of-type td strong {

    line-height: 21px;
  }
	
	  .glowna5.podrzedna table tbody tr:last-of-type td strong {

    font-size: 25px;

  }
	
	  .glowna5.podrzedna table tbody tr td {
    padding: 10px 10px;
  }
	
	
.tresc ol li, .tresc-podstrony ol li {
  width: 100%;
}



.tresc ul li, .tresc-podstrony ul li {
  width: 100%;
}




	
	}
	
	
	
	

	
.baner .box::before {
display:none;	
}	

.baner .box2::before {
	display:none;	
}	
	
	
	
	
	
	
@media screen and (min-width: 0px) and (max-width: 420px) 

{


  .baner .box {
	  width:100%;
	  min-height:400px !important;
	  max-height:400px !important;
  }
  
  

  .baner .box2{
	  width:100%;
	  min-height:400px !important;
	  max-height:400px !important;
  }


.baner .txt {
bottom:140px !important;	
}	



}
	
	
	@media screen and (min-width: 0px) and (max-width: 700px) {
 .glowna5  .menu-pionowe {
    display: block;
  }
  
 .glowna6 .menu-pionowe {
    display: block;
  }
  
  
  .boxcasestudy {
  background-position: center -250px !important;
}
  
  
  
  
  
}






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

 .glowna6 .menu-pionowe ul {
    flex-direction: column; /* ustaw elementy jeden pod drugim */
    align-items: center;    /* wyśrodkuj poziomo */
  }

 .glowna6  .menu-pionowe ul li {
    width: 100%;              /* każdy <li> na pełną szerokość kontenera */
    max-width: 200px;         /* ale z ograniczeniem szerokości */
	padding-bottom:5px;
	padding-top:5px;
  }  


}




@media screen and (min-width: 0px) and (max-width: 580px) {
 .tresc-podstrony .min-kat .row .img {
    display: block !important;
  }
  
  

  
  
  
  
  
}

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


.glowna10nadrzedna .tresc small {
  padding-left: 0px;
}

.min-kat .row .img {
  overflow: visible !important;
}

 .min-kat .row .img {
	 margin-top:0px !important;
 } 

  .min-kat .row img {
    top: -80px !important;
  }
  
  
    .min-kat .row img {
    width: 80% !important;
	}
  
  
}

.responsive {
position:relative;
}	


.responsive .slick-prev{
	position:absolute;
	width: 30px;
    height: 30px;
	background-image: url('../grafika/left2.webp');
    background-repeat: no-repeat;
    background-position: center center;
	left:0px;
	top:40px;
font-size:0px;
border:0px;
background-size:100% 100%;
opacity:1;
background-color:transparent;
z-index:99;
display:none !important;
}	


.responsive .slick-next{
	position:absolute;
	width: 30px;
    height: 30px;
	background-image: url('../grafika/right2.webp');
    background-repeat: no-repeat;
    background-position: center center;
	right:0px;
	top:40px;
	font-size:0px;
border:0px;
background-size:100% 100%;
opacity:1;
background-color:transparent;
z-index:99;
display:none !important;
}	



.boxzaufalinam .strona .responsive.slick-slider  slick-prev {
	display:block !important;
}	


.boxzaufalinam  .strona .responsive.slick-slider  slick-next {
	display:block !important;
}	

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