@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree: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&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: 29px;
                    color:#30353A;
					background-color:white;
				    font-size:16px;
					font-family: "Bai Jamjuree", sans-serif;
					font-weight:400;
					letter-spacing: 0.4px;
                }

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


input, textarea {
			    font-size:16px;
					font-family: "Bai Jamjuree", sans-serif;
					 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

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






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


header {
  width: 100%;
  border: 0px;
  position: absolute;
  height: 105px;
  top: 0px;
  z-index: 9;
  left: 0px;
}


header .ramka{
  border: 0px;
  height: 105px;
  width: calc(100% - 120px) !important;
  background-color: #FFF;
  top: 0px;
  z-index: 9;
  left: 120px;
  position: absolute;
}



header.header-fixed {
    position: fixed;
    top: 0;
    z-index: 9999;
    box-shadow: 0 3px 15px rgba(0,0,0,.08);
    animation: slideDown .3s ease;
	left: 0;
}




@keyframes slideDown{
    from{
        transform: translateY(-100%);
    }
    to{
        transform: translateY(0);
    }
}






header .ramka{
  width: 100%;
  padding-left: 4%;
  padding-right: 4%;
}


header nav {
	width: 80%;
	border: 0px;
	float:left;
	padding-left:0px;
}	

header .boxy {
	width: 20%;
	border: 0px;
	float:left;
   text-align:right;
   padding-top:40px;
}	


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



header .ramka{
	width: 100%;
	border: 0px;
	float:left;
	height:105px;
	z-index:999;
}	




header .pasek {
	position:fixed;
	width:120px;
	height:100vh;
	text-align:center;
	z-index:9;
	left:0px;
	top:0px;
	border-right:1px solid #EBEBEB;
}	

header .pasek .logo {
    width: 100%;
	border: 0px;
	float:left;
	margin-top:15px;
}	


header .pasek.dark-logo .logo img{
    filter: brightness(0);
}

header .pasek .logo img {
    max-width:100%;
}	

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



header .pasek .social {
  width: 100%;
  border: 0px;
  float: left;
  margin-top: 20px;
  display: block !important;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  max-width: 120px;
  height: 70px;
}

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



header .pasek .social a{
    display:block;
	margin-top:20px;
	margin-bottom:20px;
	width: 100%;
}	

header .pasek .social a img{
    display:block;
	margin: 0px auto;
}	


header .ramka .logopasek{
display: none;
}

.baner {
float:left;
width:100%;
margin-top:0px;
position:relative;
overflow:hidden;
}	

.baner  .slick-dots {
position:absolute;
left:0px;
bottom:20px;
width:100%;
listy-style:none;
z-index:99;
text-align:center;
}	

.baner  .slick-dots li{
listy-style:none;
float:none;
display:inline-block;
}	


.baner  .slick-dots li.slick-active button{
background-color:#D7CBA8;
}	






.baner  .slick-dots li button{
padding:10px;
height:0px;
margin:10px;
background-color:white;
font-size:0px;
line-height:0px;
border:0px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
cursor:pointer;
}	



.baner  .slick-next {
display:none !important;	
}	

.baner  .slick-prev {
display:none !important;	
}	

.baner .strona, .boxuprawnienia .strona  {
  width: 100%;
  border: 0px;
  margin: 0 auto;
  min-width: 300px;
  max-width: 100%;
  padding: 0px 0% 0px 8%;
}


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



.baner .sekwencja .ramka{
    width:100%;
    height:100vh;
    padding-left:150px;
    display:flex;
    align-items:center;      /* wyśrodkowanie w pionie */
    justify-content:space-between;
    position:relative;
	min-height: 650px;
	padding-top: 100px;
}



.baner .sekwencja .box-txt {
    width:60%;
    padding-right:100px;
    color:white;
}


.baner .sekwencja .box-img {
    width:40%;
    background:#D7CBA8;
    padding:20px;
    color:white;
	display: flex;
  flex-wrap: wrap;
}



.baner .sekwencja .box-img .box{
color:white;
float:left;
width:50%;
padding:40px;
text-align:center;
color:#242F3C;
font-size:18px;
}	

.baner .sekwencja h1 {
  font-size: 50px;
  line-height: 60px;
  font-weight: bold;
  display: block;
  max-width: 600px;
}



.baner .sekwencja .box-img .box1{
border-bottom:1px solid #B6B09A;
border-right:1px solid #B6B09A;
}

.baner .sekwencja .box-img .box2{
border-bottom:1px solid #B6B09A;
}

.baner .sekwencja .box-img .box3{
border-right:1px solid #B6B09A;
}










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

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


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

#nawigacja-menu li.menubold{
	background-image:url('../grafika/liniapionowa.webp');
	background-repeat : no-repeat;
	background-position:center top;
}

#nawigacja-menu > li:hover{
	background-image:url('../grafika/liniapionowa.webp');
	background-repeat : no-repeat;
	background-position:center top;
}

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



#nawigacja-menu li a{
	color:#55616F;
	text-decoration:none;
	vertical-align:middle;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	padding:40px 15px;
}



#nawigacja-menu li:nth-of-type(2) a {
  font-weight: 700;
  font-size: 18px;
  text-decoration: underline;
}


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

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
















#menu-toggle{
    display:none;
}



@media (max-width:1080px){

    header{
        left:0;
        width:100%;
        height:auto;
    }
	
	
	header .ramka  {
	 justify-content:space-between;
	}
	 
header .ramka .logopasek {
display: block;
width: 150px;
}


header .ramka .logopasek img{
position: relative;
left:0;
top: 3px;
}


    header .pasek{
        width:100%;
        height:auto;
        position:relative;
        border-right:0;
        border-bottom:1px solid #EBEBEB;
		display: none;
    }
	
	
  header .boxy {
    display: block;
    order: 2;
    font-size: 13px;
    width: 150px;
    padding: 0px 0px;
  }

    header nav{
        width:100%;
        padding:0;
    }

    #menu-toggle{
        display:block;
        width:100%;
        padding:15px;
        border:0;
        background:#fff;
        font-size:32px;
        cursor:pointer;
        text-align:right;
    }

    #nawigacja-menu{
        display:none;
    }

     #nawigacja-menu.active {
    display: block;
    left: 0%;
    width: 100%;
    position: absolute;
    padding: 0px 50px;
    background: #F2F2F2;
  }
  
  

    #nawigacja-menu li{
        width:100%;
        float:none;
        display:block;
        border-top:1px solid #eee;
    }

    #nawigacja-menu li a{
        display:block;
        padding:15px 20px;
    }

    #nawigacja-menu li ul{
        display:block !important;
        position:relative;
        width:100%;
        padding-left:20px;
    }
	
	
	#nawigacja-menu li.menubold {
  background-image:none;
}


header .ramka{
  width: calc(100% - 0px) !important;
  position: absolute;
  left: 0px;
  display: flex;
  height: 80px;
}

header .ramka{
  width: calc(100% - 0px) !important;
  position: absolute;
  left: 0px;
  	display: flex;
	align-items:center;
}


 header .ramka nav {
    order: 3;
    max-width: 80px;
  }



}








@media(max-width:1080px){

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

    #nawigacja-menu li.open > ul{
        display:block !important;
    }

}

















.boxuprawnienia {
	float:left;
	width:100%;
	background-color:#212D3B;
	padding: 60px 0px;
}	

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


.boxuprawnienia .ramka {
	display:flex;
    align-items:center; 
	width:100%;
	padding-left:150px;
	padding-top:50px;
	padding-bottom:50px;
}	



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


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




.boxuprawnienia .txt{
	float:left;
	width:35%;
	color:#C7CACD;
	padding-right:50px;
	padding-top:0px;
}	



.boxuprawnienia .txt h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 600;
}


.boxuprawnienia .boxy{
	float:left;
	width:65%;
	position:relative;
		overflow:hidden;
}	


.boxuprawnienia .box{
	float:left;
	width:33.3%;
}	

.boxuprawnienia .box .boxramka{
	float:left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	background-color:white;
}	


.boxuprawnienia .box .boxramka .img {
  float: left;
  width: 100%;
  position: relative;
  height: 350px;
}



.boxuprawnienia .box .boxramka .img:before {
  content:'';
  position:absolute;
  top: -1px;
  left: 0;
  right: 0;
  margin: 0px auto;
  width: 48px;
  height: 75px;
  	background-image:url('../grafika/cert_top.webp');
	background-repeat : no-repeat;
	background-position:center center;
	z-index: 2;
	display: block !important;
}

.boxuprawnienia .box .boxramka .img img{
	width:90%;
	height:90%;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	margin:auto auto;
}	


.boxuprawnienia .box .boxramka .img span {
  position: absolute;
  left: 20%;
  width: 60%;
  display: inlibe-block;
  top: 90px;
  z-index: 9999;
  font-size: 14px;
  line-height: 20px;
}


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


.boxdlaczegowarto .ramka {
  padding-left: 150px;
  margin-top: 150px;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  float: none;
}


.boxdlaczegowarto .txt {
	float:left;
	width:40%;
	padding-top:0px;
	padding-right:50px;
}	

.boxdlaczegowarto .txt h3{
	font-size:40px;
	line-height:50px;
	color:#222E3C;
	font-weight:bold;
}	


.boxdlaczegowarto .boxy {
	float:left;
	width:60%;
	position: relative;
}	

.boxdlaczegowarto .boxy .img {
	right: 10%;
	top:0;
	bottom: 0;
	margin: auto auto;
	position: absolute;
	wdith: 100%;
	height: 100%;
	max-width: 502px;
	max-height: 609px;
	object-fit: contain;
}	




.boxdlaczegowarto .boxy .box{
	float:left;
	width:50%;
	height:229px;
	position:relative;
}	


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




.boxdlaczegowarto .boxy .box.box1{
	background-color:#D7CBA8;
	padding:40px;
}	

.boxdlaczegowarto .boxy .box.box3{
	padding:40px;
	color:white;
}	

.boxdlaczegowarto .boxy .box.box4{
	padding:40px;
	color:white;
}	

.boxdlaczegowarto .boxy .box.box5{
	padding:40px;
	background-color: #FFF;
}	

.boxdlaczegowarto .boxy .box.box2 img{
	position:absolute;
	right:0px;
	bottom:0px;
	max-width:100%;
	left:0px;
}	

.boxdlaczegowarto .boxy .box.box6 img{
	position:absolute;
	left:0px;
	top:0px;
	max-width:100%;
}	




.boxdlaczegowarto .boxy .box.box3{
	background-color:#212D3B;
}	

.boxdlaczegowarto .boxy .box.box4{
	background-color:#57779D;
}	


.boxkopinie {
	float:left;
	width:100%;
	background-color:#212D3B;
}	

.boxkopinie .ramka{
  display: flex;
  align-items: center;
	width:100%;
	padding-left:150px;
	padding-bottom:100px;
}	


.boxkopinie .ramka .img {
	float:left;
	width:40%;
}	

.boxkopinie .ramka .img img {
  max-width: 100%;
  margin-top: -50px;
  object-fit: cover;
  height: 48vw;
  max-height: 690px;
}

.boxkopinie .ramka .txt {
	float:left;
	width:60%;
		overflow:hidden;
			padding-left:50px;
}	


.boxkopinie .ramka .txt .opis {
	float:left;
	width:100%;
	color:#C7CACD;
	padding:50px;
	padding-left:0px;
}	

.boxkopinie .ramka .txt .opis h4{
	font-size:30px;
	line-height:40px;
	font-weight:bold;
}	

.boxkopinie .ramka .txt .boxy {
  float: left;
  width: 104%;
  position: relative;
  overflow: hidden;
  padding-bottom: 60px;
  margin-left: -2%;
}


.boxkopinie .ramka .txt  .boxy .box{
	float:left;
	width:100%;
}	

.boxkopinie .ramka .txt  .boxy .box .boxramka{
	float:left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	min-height:256px;
	background-color:white;
	padding:30px;
	position: relative;
}	

.boxkopinie .ramka .txt  .boxy .box .boxramka strong {
	left:5%;
	bottom: 30px;
	position: absolute;
}	




.boxkopinie .ramka .txt  .boxy .box .boxramka i {
	color:#9F9E9C;
	font-size:17px;
	line-height:25px;
}	



.boxkopinie .ramka .slick-prev {
width:43px;
height:23px;
border:0px;
font-size:0px;
	background-image:url('../grafika/left.webp');
	background-repeat : no-repeat;
	background-position:center center;
	position:absolute;
	left:3%;
	bottom:0px;
	margin:auto 0;
	z-index:99;
	cursor:pointer;
	background-color:transparent;
}	

.boxkopinie .ramka .slick-next {
width:43px;
height:23px;
border:0px;
font-size:0px;
	background-image:url('../grafika/right.webp');
	background-repeat : no-repeat;
	background-position:center center;
	position:absolute;
	left:15%;
	bottom:0px;
	margin:auto 0;
	z-index:99;
	cursor:pointer;
	background-color:transparent;
}	


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

.sciezka {
  background-color: #212D3B;
  width: 100%;
  padding: 140px 0px 40px 100px;
  float: left;
}

.sciezka a {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
}

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

.sciezka img {
	max-height: 8px;
	margin: 0px 10px;
}


.glowna2nadrzedna .tresc > h1, .glowna4nadrzedna .tresc > h1 {
	display: none;
	padding-top: 50px;
}


.tresc big {
	font-size: 19px;
	line-height:31px;
}


.tresc > h1 {
	padding-top: 50px;
}

.txt_colum {
	width: 100% !important;
	padding: 0px 0px 50px 0px;
	position: relative;
}

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


	.txt_colum tr {
	width: 100% !important;
	 display:flex;
    align-items:strech;  
}


	.txt_colum tr td {
	padding: 10px 40px;
	width: 50%;
}

.txt_colum.granat {
	color: #fff;
}

.txt_colum.granat tr {
    align-items:center;  
}


.szareboksy {
		width: 100% !important;
	padding: 0px 0px 50px 0px;
	position: relative;
}


.szareboksy {
		width: 100% !important;
	padding: 50px 0px 50px 0px;
	position: relative;
}


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


.szareboksy ul {
	padding: 0px 0px ;
	margin: 30px -1%;
	flex-wrap: wrap;
	display: flex;
	list-style:none; 
	width: 102%;
	 counter-reset: box-number;
}

.szareboksy ul li {
	width: 23%;
	margin: 1%;
	background-color: #FFF;
	padding: 60px 35px;
	position: relative;
	
	    counter-increment: box-number;
}

.szareboksy ul li::before {
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  content: '';
  background-color: #D7CBA8;
  position: absolute;
  content: counter(box-number);
  text-align: center;
  line-height: 38px;
}


.ul_certyfikaty {
	width: 100% !important;
	padding: 50px 0px 50px 0px;
	position: relative;
	list-style:none; 
	margin: 20px 0px;
		display: flex;
	flex-wrap: wrap;
}



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

}


.ul_certyfikaty li {
	width: 23%;
	margin: 1%;
	background-color: #FFF;
		background-image:url('../grafika/uprawnienia.webp');
	background-repeat : no-repeat;
	background-position:center center;
	background-size: 94% 90%;
	padding: 100px 45px 55px 45px;
	position: relative;
}


.ul_certyfikaty li::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  margin: 0px auto;
  width: 48px;
  height: 75px;
  background-image: url('../grafika/cert_top.webp');
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
}



.posrednictow {
	width: 100% !important;
	padding: 0px 0px 50px 0px;
	position: relative;
}



.posrednictow tr:nth-of-type(1) td:before {
	content:'';
	left:-30%;
    width: 160%;
    height: 100%;
    background-color: #212D3B; 	
	position: absolute;
	top: 0px;
	z-index:-1;
}

.posrednictow tr {
	width: 100% !important;
	 display:flex;
    align-items:strech;  
}

.posrednictow tr td {
		position: relative;
		width: 100%;
		padding-top: 40px;
		padding-bottom: 40px;
}


.posrednictow tr:nth-of-type(1) td {
	color: #FFF;
	padding: 40px 40% 40px 0px;
		position: relative;
}


.posrednictow tr:nth-of-type(2) td {
	padding: 40px 40% 110px 60px;
		position: relative;
}


.posrednictow tr:nth-of-type(3) td {
	padding: 40px 0% 40px 60px;
		position: relative;
}


.posrednictow tr:nth-of-type(3) td img {
  right: 0px;
  width: 45%;
  max-width: 850px;
  position: relative;
  top: -90px;
  float: right;
  margin-left: 5%;
}


.posrednictow tr:nth-of-type(1) td big {
	display: block;
	font-size:22px;
	line-height: 35px;
	padding: 20px 0 20px 60px;
}


.posrednictow tr:nth-of-type(2) td img {
	right: 0px;
	width: 35%;
	max-width: 350px;
		position: absolute;
		bottom: 0px;
}

.posrednictow ul {
	margin: 20px 0px;
	padding: 0px 0px;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}


.posrednictow ul li {
	margin: 6px;
	padding: 12px 20px;
	border: 1px solid #212D3B;
}



.tresc {
		padding-left: 120px;
		padding-bottom: 80px;
	}
	
	.tresc h1 {
		font-size: 60px;
		line-height: 73px;
		font-weight: 600;
	}

	.tresc h2 {
		font-size: 30px;
		line-height: 45px;
		font-weight: 300;
	}
	
	
		.tresc h3 {
		font-size: 30px;
		line-height: 45px;
		font-weight: 600;
	}


.baner_podstrona { 	
	position: relative;
	width: 100%;
	padding-left: 40px;
}

.baner_podstrona:before {
	content:'';
	left:-30%;
    width: 160%;
    height: 70%;
    background-color: #212D3B; 	
	position: absolute;
	top: 0px;
	z-index:-1;
}

.baner_podstrona img{
	width: 120% !important;
}


	.txt_colum  ul {
		list-style: none;
		padding: 50px 60px;
		margin: 30px 0px;
		width: 100%;
		background-color: #F3F4F5;
	}

	.txt_colum  ul li {
		padding: 12px 20px 12px 35px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
				background-image:url('../grafika/ikona_u.webp');
	background-repeat : no-repeat;
	background-position:left 25px;
	background-size: 18px;
	}
	

	.txt_colum  ul li:last-of-type  {
		border-bottom: 0px solid rgba(0,0,0,0.1);
	}


.img_left {
	width: 100% !important;
	padding-left: 0px;
}

.img_left tr {
	width: 100% !important;
	display: flex;
	align-items:center;
}

.img_left tr td {
	width: 50%;
	padding: 40px;
}

.img_left tr td img {
	max-width: 100%;
}

.margintop {
	margin-top: -200px;
}


.img_right {
	width: 100% !important;
	padding-left: 0px;
}

.img_right tr {
	width: 100% !important;
	display: flex;
	align-items:center;
}

.img_right tr td {
	width: 50%;
	padding: 40px;
}

.img_right tr td img {
	max-width: 100%;
}

.img_right tr td {
	order:2;
}

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



.boks_granat h2 {
	max-width:1100px;
	width: 100%;
}




.boks_granat {
	width: 100% !important;
	padding: 40px 0px 40px 0px;
	position: relative;
}

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


	.boks_granat tr {
	width: 100% !important;
	 display:flex;
    align-items:strech;  
}


	.boks_granat tr td {
	padding: 50px 0px;
	width: 100%;
}

.boks_granat {
	color: #fff;
}


.boks_granat ol{
    counter-reset:item;
    list-style:none;
    margin:0 -1%;
    padding:0;
    width:102%;
    display:flex;
    flex-wrap:wrap;
}

.boks_granat ol li{
    position:relative;
    margin:1%;
    width:23%;
    border:1px solid rgba(255,255,255,0.1);
    padding:100px 35px 35px 35px;
    box-sizing:border-box;
}

.boks_granat ol li:before{
    counter-increment:item;
    content:"0" counter(item);

    position:absolute;
    left:40px;
    top:20px;
    font-size:50px;
    line-height:1;
    font-weight:300;
    color:#D7CBA8;
}



.kontakt_middle {
	width: 100% !important;
	padding: 0px 0px 150px 150px;
	position: relative;
	display: flex;
}



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



.formularz {
	background-color: #F9F9F9;
	padding: 70px 60px;
	width: 50%;
}

.formularz .ramka {
   padding-bottom: 30px;
}


.formularz .ramka strong{
	font-size: 35px;
	line-height:47px;
	font-weight: 700;
	color:#000;
}

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

.formularz .ramka2 .pole {
	padding: 8px 0px;
	width: 100%;
	position: relative;
}

.formularz .ramka2 .pole2 {
	padding: 8px 0px;
	width: 100%;
	position: relative;
}

.formularz .ramka2 .pole2 {
	padding: 8px 0px;
	width: 100%;
	position: relative;
}


.formularz .ramka2 .pole2 small {
	padding: 8px 0px;
	width: 100%;
	position: relative;
	font-size: 12px;
	display: block;
	line-height: 19px;
}

.formularz .ramka2 .pole img {
	right: 15px;
	bottom: 10px;
	position: absolute;
}


.formularz .ramka2 .pole input {
	border: 1px solid #EBEBEB;
	background-color: #FFF;
	padding: 15px 20px;
	width: 100%;
}

.formularz .ramka2 .pole2 textarea {
	border: 1px solid #EBEBEB;
	background-color: #FFF;
	padding: 15px 20px;
	width: 100%;
}


.formularz .ramka2 .pole2 {
	padding: 20px 0px;
	width: 100%;
}

.formularz .ramka2 .pole2 small {
	font-size: 12px;
	color: #9D9D9D;
	display: block;
}
.formularz .ramka2 .pole2 small a{
	font-size: 12px;
	color: #000;
}


.formularz .przycisk {
	background-color: #212D3B;
	padding: 15px 30px;
	font-weight: 600;
	color: #FFF;
	border: 0px;
}

.tresc-kontakt {
	padding: 60px;
	width: 50%;
	color: #FFF;
}

.tresc-kontakt h1 {
	font-size: 50px;
	line-height:62px;
	color: #FFF;
	font-weight: 600;
}

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


footer {
	float:left;
	width:100%;
	background-color:#212D3B;
	color:white;
	background-image:url('../grafika/tlo_stopka.webp') !important;
	background-repeat : no-repeat;
	background-position:center top;
	background-size: cover;
}	

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

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


footer .ramkaborder {
border-top:1px solid #434B55;
	float:left;
	width:100%;
}	

footer .ramkaborder2 {
border-top:1px solid #434B55;
	float:left;
	width:100%;
}	


footer .ramkaborder .box{
	float:left;
	width:33.3%;
	padding-left:20px;
	padding-right:20px;
}	


footer .ramkaborder .box strong {
	font-size:20px;
	line-height:30px;
}	



.przycisk_ramka { color:white;text-decoration:none;padding:20px 40px;border:1px solid white;display:inline-block;font-size:18px;font-weight:bold;}
.przycisk_ramka:hover {color:black;background-color:#D7CBA8;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_szary { color:#55616F;text-decoration:none;}
.link_szary:hover {color:black;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;border-bottom:1px solid white;}
.link_bialy:hover {color:#D7CBA8;border-bottom:1px solid #D7CBA8;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.przycisk_zloty { color:#222E3C;text-decoration:none;padding:15px 40px;display:inline-block;font-size:18px;background-color:#D7CBA8;}
.przycisk_zloty:hover {color:black;background-color:white;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


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


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







.baner .slick-dots {
  padding: 0px 0px;
}
  
.ul_certyfikaty li {
  line-height: 28px !important;
}


.przycisk_ramka.phone {
  color: white;
  text-decoration: none;
  padding: 20px 40px;
  border: 1px solid white;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  position:relative;
  padding-left: 70px;
  	background-image:url('../grafika/phone2.webp') !important;
	background-repeat : no-repeat;
	background-position:28px 20px;
}



.social_stopka {
  padding: 15px 0px;
  display: flex;
}

.social_stopka img {
  margin: 0px 15px 0px 0px;
}




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




				 .baner .sekwencja .box-img .box {
    padding: 20px 15px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
  


	}
	





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


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


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

	
	#nawigacja-menu li a {
  font-size: 14px;
    padding-right: 11px;
    padding-left: 11px;
}



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

		


.boxdlaczegowarto .boxy .box {
  padding: 25px 30px !important;
}

.boxdlaczegowarto .txt h3 {
  font-size: 30px;
  line-height: 40px;
  color: #222E3C;
  font-weight: bold;
}

.boxkopinie .ramka .txt .boxy {
  width: 110%;
  margin-left: -5%;
}

.boxkopinie .ramka .slick-prev {
  left: 5%;
}




}








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

		.txt_colum ul {
  padding: 30px 40px;
  margin: 20px 0px;
}
		
		
		.baner .sekwencja .box-img .box {
  padding: 20px 30px;
  font-size: 16px;
}

.baner .sekwencja .ramka {
  padding-left: 110px;
}

.boxuprawnienia .ramka {
  padding-left: 110px;
}

.tresc h1 {
  font-size: 50px;
  line-height: 63px;
  font-weight: 600;
}

.tresc h2 {
  font-size: 25px;
  line-height: 35px;
  font-weight: 300;
}

.ul_certyfikaty li {
  width: 31%;
}


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

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


.boks_granat ol li {
  position: relative;
  margin: 1%;
  width: 31.3%;
  padding: 100px 35px 35px 35px;
}


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

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


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

.przycisk_ramka.phone {
  padding: 15px 30px;
  font-size: 16px;
  padding-left: 50px;
  background-position: 18px 15px;
}


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


.boxdlaczegowarto .txt {
  float: left;
  width: 100%;
  padding-top: 0px;
  padding-right: 0px;
  text-align: left;
}


.boxdlaczegowarto .ramka {
  padding-left: 150px;
  margin-top: 110px;
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  float: none;
}


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


					}
		
					
					

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

				
				 .baner .sekwencja .box-img .box {
    padding: 20px 15px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }
  
  
  				.tresc h2 {
  font-weight: 600;
}
  
				}
				
  
  


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


.tresc {
  padding-left: 0px;
}


  .tresc h1 {
    font-size: 40px;
    line-height: 55px;
    font-weight: 600;
  }
  
  
   .tresc h2 {
    font-size: 20px;
    line-height: 35px;
  }
  
  

				  .boxdlaczegowarto .ramka {
    padding-left: 0px;
  }
  
  
				
				 .baner .sekwencja .ramka {
    padding-left: 0px;
  }
  
  
    .boxuprawnienia .ramka {
    padding-left: 0px;
  }
  
  
  .boxuprawnienia .txt h2 {
  font-size: 30px;
  line-height: 40px;
}

  .boxkopinie .ramka {
  padding-left: 0px;
  padding-bottom: 100px;
}


  footer .ramka {
  padding-left: 0px;
}



.sciezka {
  background-color: #212D3B;
  width: 100%;
  padding: 100px 0px 20px 0px;
  float: left;
}


.kontakt_middle {
  padding-left: 0px;
}




				}
				
				
				

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

				
.szareboksy ul li {
  width: 48%;
  margin: 1%;
  background-color: #FFF;
  padding: 60px 35px;
  position: relative;
}


	}
	
	




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

				

.baner .sekwencja h1 {
    font-size: 30px;
    line-height: 40px;
  }
  
  
  
  
  				
.boxuprawnienia .txt {
  float: left;
  width: 100%;
  color: #C7CACD;
  padding-right: 0px;
  padding-top: 0px;
  text-align: left;
}


.boxuprawnienia .ramka {
  display: flex;
  flex-wrap: wrap;
}


.boxuprawnienia .boxy {
  width: 100%;
}


.boxuprawnienia .strona {
  min-width: 300px;
  max-width: 100%;
  padding: 0px 0% 0px 0%;
}


.boxuprawnienia .txt {
  margin-bottom: 50px;
}

.boxkopinie .ramka .slick-next {
  left: 19%;
}
  
    .boxuprawnienia .txt {
    padding-left: 50px;
    padding-right: 50px;
  }
  
  
  
	}
	
	
	
		@media screen and (min-width: 0px) and (max-width:940px) {

		
	
	.img_left tr {
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto;
  max-width: 600px;
  width: 100%;
}


.img_left tr td {
  width: 100%;
  padding: 40px;
}


	.img_right tr {
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto;
  max-width: 600px;
  width: 100%;
}


.img_right tr td {
  width: 100%;
  padding: 40px;
}





	.txt_colum.granat tr {
  flex-wrap: wrap;
}


.txt_colum tr td {
  padding: 20px 20px;
  width: 100%;
}


.txt_colum tr {
  flex-wrap: wrap;
}

.baner_podstrona {
  padding-left: 20px;
}



.tresc-kontakt {
  padding: 40px 30px;
  width: 100%;
  color: #FFF;
}


.formularz {
  background-color: #F9F9F9;
  padding: 40px 50px;
  width: 100%;
}




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

		
		
		
		.posrednictow tr:nth-of-type(1) td {
  color: #FFF;
  padding: 40px 5% 40px 0px;
  position: relative;
}

.posrednictow tr:nth-of-type(2) td img {
  right: 0px;
  width: 25%;
  max-width: 350px;
  position: absolute;
  bottom: auto;
  top: 0;
  max-height: 420px;
  object-fit: cover;
}


.posrednictow tr:nth-of-type(2) td {
  padding: 40px 30% 40px 0px;
  position: relative;
}

.posrednictow tr:nth-of-type(3) td {
  padding: 40px 0% 40px 0px;
  position: relative;
  width: 85%;
}

.posrednictow tr:nth-of-type(3) td img {
  top: -50px;
}
		
		
		
	}
		
		
	
	@media screen and (min-width: 0px) and (max-width:890px) {

		
		
	  .ul_certyfikaty li {
    width: 48%;
  }
		
		
	
	.przycisk_ramka {
  font-size: 16px;
  font-weight: bold;
}



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

	
	
	.baner .sekwencja .ramka {
  padding-top: 100px;
}

.baner .sekwencja .box-txt {
  width: 100%;
  padding-right: 0px;
  color: white;
}


  .baner .sekwencja .ramka {
	flex-wrap: wrap;
  }

.baner .sekwencja .box-img {
  width: 90%;
  background: #D7CBA8;
  padding: 20px;
  color: white;
  display: flex;
  flex-wrap: wrap;
}

  .baner .sekwencja .box-txt {
    width: 100%;
    padding-right: 0px;
    color: white;
    text-align: center;
    margin-bottom: 20px;
  }
  
  .baner .strona {
  width: 100%;
  border: 0px;
  margin: 0 auto;
  min-width: 300px;
  max-width: 100%;
  padding: 0px 4% 0px 4%;
}

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

 .baner .sekwencja h1 {
    font-size: 30px;
    line-height: 40px;
    display: block;
    width: 100%;
    margin: 0px auto;
    max-width: 500px;
  }
  
  
footer .ramkaborder .box {
  font-size: 13px;
}


  .posrednictow .tresc h3 {
    font-size: 20px;
    line-height: 32px;
  }




.posrednictow ul li {
  margin: 6px;
  padding: 5px 10px;
  border: 1px solid #212D3B;
  font-size: 13px;
}


  .kontakt_middle {
    flex-wrap: wrap;
  }
  
    .boxkopinie .ramka .txt .boxy {
    width: 100%;
    margin-left: 0%;
  }


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

		
		.boxkopinie .ramka .img {
  float: left;
  width: 100%;
}
		.boxkopinie .ramka .txt {
  float: left;
  width: 100%;
  overflow: hidden;
  padding-left: 0px;
}

  .boxkopinie .ramka {
    padding-left: 0px;
    padding-bottom: 100px;
    margin: 0px auto;
    max-width: 600px;
    float: none;
	flex-wrap: wrap;
  }


		.boxkopinie .ramka .img img {
  max-width: 400px;
  margin-top: -60px;
  object-fit: cover;
  height: 48vw;
  max-height: 690px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
}


.boxkopinie .ramka .txt .opis {
  float: left;
  width: 100%;
  color: #C7CACD;
  padding: 30px 0px;
    padding-left: 0px;
  padding-left: 0px;
  text-align: left;
}
		
		.boxkopinie .ramka .txt .boxy .box .boxramka {
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  background-color: white;
  padding: 30px;
}

  .boks_granat ol li {
    margin: 1%;
    width: 48%;
  }
  
  
		
			}
			
			
			
				@media screen and (min-width: 0px) and (max-width:720px) {

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

.social_stopka {
justify-content:center;
}


				}

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

	
		
		
		
		  .baner .sekwencja h1 {
    font-size: 23px;
    line-height: 36px;
  }
  
  
  .boxdlaczegowarto .boxy .box {
  float: left;
  width: 100%;
  height: auto;
  position: relative;
}

  .boxdlaczegowarto .boxy {
    margin-top: 0px;
  }
  
  
  .boxdlaczegowarto .boxy {
    padding-top: 320px;
  }
  
  
  .boxdlaczegowarto .boxy .img {
  right: 0%;
  top: 0;
  bottom: 0;
  margin: 0px auto;
  position: absolute;
  wdith: 100%;
  height: 100%;
  max-width: 502px;
  max-height: 609px;
  object-fit: contain;
  width: 80%;
}

  .boxdlaczegowarto .boxy .box.box2 {
    display: none;
  }
  
  
			}
			
			
			
			
			
			
			@media screen and (min-width: 0px) and (max-width:520px) {

	
			
			
			
			 .boks_granat ol li {
    padding: 100px 25px 35px 25px;
  }
  
  
  .boks_granat ol li::before {
  left: 25px;
  }
  
  .posrednictow tr:nth-of-type(1) td big {
  display: block;
  font-size: 18px;
  line-height: 32px;
  padding: 20px 0 20px 30px;
}
  
  

  
  .posrednictow tr:nth-of-type(3) td img {
    right: 0px;
    width: 100%;
    max-width: 100%;
    position: relative;
    top: 0px;
    margin-bottom: 20px;
  }

  .posrednictow tr:nth-of-type(3) td {
    padding: 40px 0% 40px 0px;
    position: relative;
    width: 100%;
  }


  .szareboksy ul li {
    width: 98%;
    margin: 1%;
  }
  		
	  .ul_certyfikaty li {
    width: 98%;
  }
		
  
			}