@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&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:#666B79;
					background-color:white;
				    font-size:15px;
					font-family: "Jost", sans-serif;
					font-weight:400;
                }

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




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

input, textarea, select {
    font-size: 15px;
    font-family: "Jost", sans-serif;
}

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

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


/* =========================
   HEADER
========================= */

header {
    width: 100%;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 1px solid #DFE4EA;
    z-index: 99;
    background-color: #FFF;

    height: 105px;

    transition:
        height 0.35s ease,
        box-shadow 0.35s ease,
        background-color 0.35s ease;
}


/* RAMKA */

header .ramka {
    float: none;
    display: flex;
    align-items: center;
    width: 100%;
    height: 105px;
    padding: 0 4%;

    transition: height 0.35s ease;
}


/* =========================
   LOGO
========================= */

header .logo {
    width: 20%;
    border: 0;
    border-right: 1px solid #DFE4EA;
    height: 105px;
    text-align: center;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    transition:
        height 0.35s ease,
        width 0.35s ease;
}

header .logo img {
    max-width: 100%;
    max-height: 70px;
    margin-top:  0 !important;

    transition:
        max-height 0.35s ease,
        width 0.35s ease;
}

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

header .logo span {
    background-color: black;
    padding: 5px 20px;
    border-radius: 20px;
    color: white;

    position: absolute;
    bottom: -23px;
    left: 0;
    right: 0;

    margin: 0 auto;

    text-transform: uppercase;
    font-weight: bold;

    display: inline-block;
    width: 80px;
    font-size: 14px;

    transition:
        transform 0.35s ease,
        font-size 0.35s ease;
}


/* =========================
   MENU
========================= */

header nav {
    width: 60%;
    border: 0;
    float: left;
    height: 105px;
    padding-left: 30px;

    display: flex;
    align-items: center;

    transition:
        height 0.35s ease,
        padding 0.35s ease;
}


/* =========================
   PRAWA CZĘŚĆ
========================= */

header .boxy {
    width: 20%;
    border: 0;
    float: left;
    height: 105px;
    text-align: right;

    padding-top: 5px;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    transition:
        height 0.35s ease,
        padding 0.35s ease;
}


header .boxy a {
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;

    padding: 7px 20px;
    margin-left: 20px;

    transition:
        padding 0.35s ease,
        margin 0.35s ease;
}


/* =================================================
   HEADER PO PRZEWINIĘCIU
================================================= */

header.scrolled {
    position: fixed;
    height: 85px;

    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}

header.scrolled .ramka {
    height: 85px;
}

header.scrolled .logo {
    height: 85px;
}

header.scrolled .logo img {
  max-height: 50px;
  margin-top: 5px !important;
}


header.scrolled .logo span {
    transform: scale(0.85);
}

header.scrolled nav {
    height: 85px;
    padding-left: 25px;
}

header.scrolled .boxy {
    height: 85px;
    padding-top: 0;
}

header.scrolled .boxy a {
    padding: 6px 16px;
    margin-left: 12px;
}


#nawigacja-menu{
    list-style: none;
	margin: 0px 0px 0px 0px;
	padding:0px;
}




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



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


}





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






#nawigacja-menu li a{
	color:#2D4351;
	text-decoration:none;
	vertical-align:middle;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	padding:10px 18px;
	border:1px solid #DFE4EA;
	-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
margin-left:5px;
margin-right:5px;
font-weight: 500;
}



#nawigacja-menu li.menubold a{
background-color:#F0F0F0;
color:#F57709;
}


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


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

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



#nawigacja-menu li.menubold li a {
  background-color: #fff;
  color: #2D4351;
  padding: 5px;
}


#nawigacja-menu li.menubold li a:hover {
  color:#1B73F9;
}







/* =================================================
   HAMBURGER
================================================= */

.hamburger {
    display: none;
    width: 45px;
    height: 45px;
    padding: 8px;
    border: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
    z-index: 1002;
}

.hamburger span {
    display: block;
    width: 27px;
    height: 2px;
    background: #2D4351;
    margin: 5px auto;

    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
}


/* X po otwarciu */

.hamburger.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
}

.hamburger.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}


/* kontener menu */

.menu-wrapper {
    width: 100%;
}











@media (max-width: 1079px) {

    header {
        height: 85px;
    }

    header .ramka {
        height: 85px;
    }

    header .logo {
        height: 85px;
        width: 30%;
    }

    header .logo img {
        max-height: 55px;
    }

    header nav {
        width: 45%;
        height: 85px;
        padding-left: 0;

        justify-content: flex-end;
    }

    header .boxy {
        width: 25%;
        height: 85px;
    }

    /*
    ukrywamy normalne menu
    */

    .menu-wrapper {
        display: none;
    }

    /*
    pokazujemy hamburger
    */

    .hamburger {
        display: block;
    }

}





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


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


}


@media (max-width: 1079px) {

    .menu-wrapper {
        display: block;

        position: fixed;
        top: 0;
        left: -100%;

        width: 380px;
        max-width: 90%;

        height: 100vh;

        background: #fff;

        padding: 100px 30px 30px;

        overflow-y: auto;

        box-shadow: -5px 0 30px rgba(0,0,0,0.12);

        transition: right 0.35s ease;

        z-index: 1000;
    }


    .menu-wrapper.open {
        left: 0;
    }


    header nav {
        position: relative;
        z-index: 1001;
    }


    /*
    UL główne
    */

    #nawigacja-menu {
        width: 100%;
        margin: 0;
        padding: 0;
    }


    #nawigacja-menu li {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }


    /*
    pierwszy element nadal ukryty
    */




    /*
    główne linki
    */

    #nawigacja-menu > li > a {
        display: block;

        width: 100%;

        padding: 14px 15px;

        margin: 4px 0;

        border: 1px solid #DFE4EA;

        border-radius: 8px;

        font-size: 17px;

        color: #2D4351;

        background: #fff;
    }


    #nawigacja-menu > li > a:hover {
        background: #F0F0F0;
    }


    /*
    PODMENU
    */

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

        list-style: none;

        margin: 0;
        padding: 5px 0 5px 15px;
    }


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


    #nawigacja-menu ul li {
        display: block;
        float: none;
    }


    #nawigacja-menu ul li a {
        display: block;

        width: 100%;

        padding: 10px 15px;

        margin: 2px 0;

        border: 0;

        border-radius: 5px;

        font-size: 15px;

        background: #F7F7F7;
    }


    /*
    przyciski po prawej
    */

    header .boxy {
        width: 25%;
    }

}







@media (max-width: 1079px) {

    header .logo {
        width: 40%;
        border-right: 1px solid #DFE4EA;
		order: 2;
		max-width: 200px;
    }

    header nav {
        width: 30%;
		order: 1;
		max-width: 42px;
    }

    header .boxy {
        width: 75% !important;
		order: 3;
		display: flex;
		  justify-content: flex-end ;
    }


	

}








.baner {
	float:left;
	width:100%;
	background-color:#F9FAFB;
	position: relative;
	margin-top: 105px;
	min-height: 700px;
}	


.baner .ramka {
	float:none;
	width:100%;
	display: flex;
    align-items:center;
	height: 100%;
  min-height: 700px;
}	


.baner .box {
	width:50%;
	background-color:#F9FAFB;
	padding-right: 80px;
}	



.baner .box ul {
    list-style: none;
    padding: 0;
	margin-top: 40px;
}

.baner .box ul li {
    position: relative;
    padding-left: 45px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}

.baner .box ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 32px;
    height: 32px;
    background: url("..//grafika/ok.webp") no-repeat center;
    background-size: contain;
}

.baner .box .przyciskniebieski {
box-shadow: 8px 17px 29px -4px rgba(27, 115, 249, 0.5);
-webkit-box-shadow: 8px 17px 29px -4px rgba(27, 115, 249, 0.5);
}



.baner .box small {
	text-transform:uppercase;
	color:#666B79;
    font-weight: 500;
}	

.baner .box h1 {
	font-size:50px;
	line-height:60px;
	font-weight: 6500;
	color:black;
}	




.baner .box2 {
	right:0;
	top: 0;
	position: absolute;
	width:50%;
	background-color:#1B73F9;
	padding:20px;
	color:white;
	background-image:url('../grafika/tlobox2.webp');
	background-repeat : no-repeat;
	background-position:left top;
	background-size: cover;
	text-align:center;
	height: 100%;
    padding-top: 12vw;
}	



.baner .box2 img {
	max-height:300px;
}	


.baner .box2 strong {
	font-size:30px;
	line-height:40px;
}	


.baner .box2 .boxlokalizacja {
float:none;
display:inline-block;
padding:20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color:rgba(19,73,155,0.8);
margin-top:50px;
}	

.baner .box2 .boxlokalizacja small {
color:#AACFFD;
font-weight:bold;
}	


.baner .box2 .boxlokalizacja b {
font-size:20px;
line-height:30px;
font-weight:400;
}

.baner .box2 .boxlokalizacja img {
margin-top:-50px;
}	

.boxpotrzeby {
	float:left;
	width:100%;
	border-top:1px solid #DFE4EA;
	position: relative;
	overflow:hidden;
	padding-bottom: 100px;
}	


.boxpotrzeby .txt {
  float: left;
  width: 70%;
max-width: 800px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.boxpotrzeby .txt .naglowek{
	float:left;
	width:100%;
	font-size:17px;
	line-height:25px;
	padding-top:50px;
	padding-bottom:50px;
}	



.boxpotrzeby .txt .box{
	float:left;
	width:40%;
	position:relative;
	padding-left:70px;
	padding-top:0px;
	padding-right:0px;
}	


.boxpotrzeby .txt .box .img{
	position:absolute;
	left:0px;
	top:-14px;
	max-width:60px
}	

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


.boxpotrzeby .txt .naglowek small{
text-transform: uppercase;
  color: #666B79;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-size: 14px;
}	

.boxpotrzeby .txt .naglowek h2{
	font-size:40px;
	line-height:50px;
	font-weight:bold;
	color:black;
}	



.boxpotrzeby .imgbox{
	left: 60%;
	width:30%;
	position: absolute;
	bottom: 0px;
	max-height: 85%;
}	

.boxpotrzeby .imgbox img {
	margin-top:50px;
	max-height: 80%;
}

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


.boxdatacenter .ramka {
float: none;
  display: flex;
      align-items:center;
}



.boxdatacenter .img {
	float:left;
	width:50%;
}	

.boxdatacenter .img strong {
	font-size:50px;
	line-height:60px;
	color:black;
}	



.boxdatacenter .img img{
	float:left;
	max-width:90%;
}	

.boxdatacenter .txt{
	float:left;
	width:50%;
	border:1px solid #DFE4EA;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}	


.boxdatacenter .txt .row{
	float:left;
	width:100%;
	padding:20px;
	text-align:center;
	border-bottom:1px solid #DFE4EA;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}	



.boxdatacenter .txt .row2{
	float:left;
	width:100%;
	padding:30px;
	padding-bottom:0px;
}	

.boxdatacenter .txt .row2 strong {
	font-size:20px;
	line-height:30px;
	color:black;
}	




.boxdatacenter .txt .row2 ul {
    list-style: none;
    padding: 0;
}

.boxdatacenter .txt .row2 ul li {
    position: relative;
    padding-left: 45px;
	padding-top:10px;
	padding-bottom:10px;
}

.boxdatacenter .txt .row2 ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 32px;
    height: 32px;
    background: url("..//grafika/ok.webp") no-repeat center;
    background-size: contain;
}


.boxdatacenter .txt .row3{
	float:left;
	width:100%;
	padding:30px;
	padding-top:0px;
	text-align:center;
}	



.boxdatacenter .txt .row3 .przyciskniebieski {
width:100%;	
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}	

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


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

.boxprzewaga .ramka small{
	text-transform:uppercase;
	font-weight:bold;
}	

.boxprzewaga .ramka h3{
	font-size:40px;
	line-height:50px;
	font-weight:bold;
	color:black;
	display:inline-block;
	max-width:50%;
}	


.boxprzewaga .ramka p{
	float:right;
	width:40%;
}	

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

.boxprzewaga .ramka2 .box {
	float:left;
	width:24%;
	height:220px;
	border:1px solid #DFE4EA;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-left:0.5%;
margin-right:0.5%;
margin-top: 5px;
}	

.boxprzewaga .ramka2 .box .row{
	float:left;
	width:100%;
	padding:30px;
	border-bottom:1px solid #DFE4EA;
	color:black;
	font-size:25px;
	line-height:35px;
}	


.boxprzewaga .ramka2 .box .row2{
	float:left;
	width:100%;
	padding:30px;
}	

.boxzacznij {
	float:left;
	width:100%;
	background-image:url('../grafika/tlozacznijmy.webp');
	background-repeat : no-repeat;
	background-position:right center;
	color:white;
  min-height: 350px;
	background-color:#1B73F9;
	margin-top:100px;
}	

.boxzacznij .ramka {
  width: 100%;
  border: 0px;
  float: none;
  display: flex;
  align-items:center;
  min-height: 350px;
}


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


.boxzacznij .txt {
	float:left;
	width:70%;
	max-width:600px;
	padding:50px;
	padding-right:0px;
}	



.boxzacznij .txt a:hover  {
	background-color:white;
	color:black;
	border-color:white;
}	


.boxzacznij .txt p {
	font-size:16px;
	line-height:26px;
}	


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


footer {
	float:left;
	width:100%;
	background-color:black;
	color:white;
	margin-top:100px;
	color:#CCCCCC;
		background-image:url('../grafika/tlo_stopka.webp');
	background-repeat : no-repeat;
	background-position:center top;
}	

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

footer .box{
	float:left;
	width:25%;
	padding-left:10px;
	padding-right:10px;
}	

footer .box img{
	float:left;
}	

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



footer .box span {
  background-color: white;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: black;
  padding: 10px 20px;
  font-weight: bold;
  vertical-align: middle;
  top: 11px;
  position: relative;
  left: 12px;
  font-size: 12px;
  text-wrap: nowrap;
}



footer .box2{
	float:left;
	width:25%;
	padding-left:10px;
	padding-right:10px;
}	


footer .box2 .link_bialy{
	font-size:18px;
	line-height:28px;
}	


footer .box2 strong {
	text-transform:uppercase;
	color:white;
}	


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





.middle_txt {
  padding: 105px 0px;
  width: 100%;
  float: left;
  background-color:#F9F9FB;
}





.glowna2nadrzedna .sciezka {
	display: none;
}


.glowna2nadrzedna .tresc h1 {
	display: none;
}






.baner_txt {
	position: relative;
    width: 100%;
}

.baner_txt tr {
	display: flex;
	width: 100%;
	gap: 20px;
	align-items: center;
	position: relative;
	z-index: 5;
}

.baner_txt tr td:nth-of-type(1) {
	order: 2;
	position: relative;
	margin-right: -19%;
	min-width: 75%;
}

.baner_txt tr td:nth-of-type(1) img {
  vertical-align: middle;
  object-fit: cover;
  min-height: 500px;
  max-height: 700px;
  width: 100%;
}

.baner_txt tr td {
	order: 1;
}

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

.baner_txt:before {
	position: absolute;
    left: -20%;
	bottom: 0px;
	border-bottom: 1px solid  #DFE4EA;
	content:'';
	width: 140%;
	height: 100%;
	z-index:1;
	background-color:#FFF;
}

.tresc h4 , .tresc-podstrony h4  , .tresc-kontakt h4  , .boxformularz .ramka small{
	position: relative;
	padding: 0px 0px 0px 22px;
	color: #1973FB;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
}



.tresc-podstrony  h3 {
font-size: 24px;
line-height: 38px;	
color: #000;
font-weight: 500;
}


.tresc-podstrony  h6 {
font-size: 74px;
line-height: 88px;	
color: #1B73F9;
font-weight: 600;
}




.tresc h4:before , .tresc-podstrony h4:before , .tresc-kontakt h4:before  , .boxformularz .ramka small:before {
	position: absolute;
	left: 0;
	top: 9px;
	content:'';
	width: 9px;
	height: 9px;
	background-color: #F57706;
}

.tresc h2 , .tresc-podstrony h2 {
	color:#000;
    font-size: 40px;
    line-height:55px;	
	font-weight: 500;
}


.img_right {
	width: 100%;
	position: relative;
}

.img_right.bialy:before {
	position: absolute;
    left: -20%;
	bottom: 0px;
	border-bottom: 1px solid  #DFE4EA;
	content:'';
	width: 140%;
	height: 100%;
	z-index:1;
	background-color:#FFF;
}

.img_right.bialy {
	padding: 50px 0px;
}


.img_right tr{
	width: 100%;
	display: flex;
	gap: 90px;
		align-items: center;
z-index: 5;
  position: relative;
}

.img_right tr td {
	width: 50%;
	order: 1;
}

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


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


.tresc h5 , .tresc-podstrony  h5{
	font-size: 40px;
	line-height: 54px;
	color: #000;
	margin: 0px auto;
	width: 100%;
	max-width: 800px;
}

.tresc h5 small , .tresc-podstrony h5 small {
	font-size: 20px;
	line-height: 34px;
    color:#666B79;
	margin: 0px auto;
	width: 100%;
	max-width: 800px;
	display: block;
}



.pasek_txt {
	width: 100% !important;
	position:relative;
	padding: 60px 0px;
}
.pasek_txt:before {
	content:'';
	position: absolute;
	left: -20%;
	top: 0;
	width: 140%;
	height: 100%;
	background: #1B73F9;
background: -webkit-linear-gradient(90deg,rgba(27, 115, 249, 1) 2%, rgba(28, 24, 25, 1) 100%);
background: -moz-linear-gradient(90deg,rgba(27, 115, 249, 1) 2%, rgba(28, 24, 25, 1) 100%);
background: linear-gradient(90deg,rgba(27, 115, 249, 1) 2%, rgba(28, 24, 25, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#1B73F9",
  endColorstr="#1C1819",
  GradientType=1
);

}


.pasek_txt tr td {
	position:relative;
z-index: 5;	
color:#fff;
}

.pasek_txt tr td h3 {
	font-size: 30px;
	line-height: 45px;
    color: #FFF !important;
}


.naglowek_txt {
	width: 100%;
	padding: 30px 0px;
	position: relative;
	display: none;
}

.glowna4nadrzedna .naglowek_txt, .glowna6nadrzedna .naglowek_txt {
	display: block;
}

.naglowek_txt .sciezka {
	z-index:5;
	position: relative;
}

.naglowek_txt h1 {
	z-index:5;
	position: relative;
}




.naglowek_txt:before {
	width: 140%;
	height: 100%;
	left: -20%;
	top:0;
	content:'';
	position: absolute;
		background: #1B73F9;
background: -webkit-linear-gradient(90deg,rgba(27, 115, 249, 1) 2%, rgba(28, 24, 25, 1) 100%);
background: -moz-linear-gradient(90deg,rgba(27, 115, 249, 1) 2%, rgba(28, 24, 25, 1) 100%);
background: linear-gradient(90deg,rgba(27, 115, 249, 1) 2%, rgba(28, 24, 25, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#1B73F9",
  endColorstr="#1C1819",
  GradientType=1
);

}

.naglowek_txt h1 {
	color: #FFF;
	font-weight: 500;
	font-size: 40px;
	line-height: 52px;
}

.sciezka {
	color: #FFF;
}

.sciezka a {
	color: #FFF;
	text-decoration: none;
}
.sciezka img {
	position: relative;
	top: 2px;
	margin: 0px 4px;
}



.lista-min-kat {
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100%;
	margin: 60px 0px;
}



.lista-min-kat .min-kat_img {
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100%;
	margin: 60px 0px;
}



.min-kat_img {
    width: 100%;
		background-image:url('../grafika/bg_oferta.webp');
	background-repeat : no-repeat;
	background-position:center center;
	background-size: cover;
	display: flex !important;
	align-items:  flex-end;
	padding: 60px;
	color: #FFF;
	flex-wrap: wrap;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
height: 100%;
margin: 0px 0px !important;
}

.min-kat_img h2 {
  font-size: 40px;
  line-height: 52px;
  font-weight: 600;
  color: #FFF;
  width: 100%;
  max-width: 300px;
}


.min-kat {
    width: 100%;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #FFF;
text-decoration: none;
}



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


.min-kat .txt {
    width: 100%;
	padding: 40px 50px;
	color: #000;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
}

.min-kat .txt strong {
    display: block;
		font-weight: 500;
}

.min-kat .txt span  {
    display: inline-block;
    padding: 4px 18px;
	background-color:#0A0D12;
	color:#FFF;
	text-decoration: none;
	-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
font-weight: 500;
font-size: 13px;
margin-top: 4px;
}






.min-kat {
    width: 100%;
		-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
}


.boks_border {
		width: 100%;
	position: relative;
		margin: 40px 0px;
			   		border:1px solid #DFE5EF;
					padding: 50px 60px;
							-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}


.txt_column {
	width: 100%;
	position: relative;
		margin: 40px 0px;
}

.txt_column.biale {
	width: 100%;
	position: relative;
		margin: 0px 0px;
		padding: 60px 0px;
}

.txt_column.biale tr  {
		position: relative;
		z-index:5;
}



.txt_column.biale:before {
	position: absolute;
    left: -20%;
	bottom: 0px;
	border-bottom: 1px solid  #DFE4EA;
	content:'';
	width: 140%;
	height: 100%;
	z-index:1;
	background-color:#FFF;
}

.txt_column.biale:after {
	position: absolute;
    left: -20%;
	bottom: 0px;
	border-bottom: 1px solid  #DFE4EA;
	content:'';
	width: 272px;
	height: 325px;
	z-index:1;
	background-color:#FFF;
}


.boks_border ul {
	    list-style: none;
		margin: 10px 0px;
		padding: 0px 0px;
		width: 100%;
		    grid-template-columns: repeat(2, 1fr);
				    display: grid;
					 gap: 40px;
}


.boks_border  ul li {
	   		border-bottom:0px solid #DFE5EF;
			padding: 25px 30px 25px 80px;
			position: relative;
}

.boks_border  ul li:before {
	  width: 35px;
	  height: 35px;
		background-image:url('../grafika/ikona_list2.webp');
	background-repeat : no-repeat;
	background-position:center center;
	content:'';
	position: absolute;
	left: 20px;
	top: 13px;
	background-size: 100% 100%;
}




.txt_column tr{
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    width: 100%;
	align-items:  center;
}



.glowna8nadrzedna .txt_column tr{
    grid-template-columns: 2fr 3fr ;
}





.txt_column  ul {
	    list-style: none;
		margin: 30px 0px;
		padding: 11px;
		width: 100%;
		border: 1px solid #DFE5EF;
				-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #FFF;
box-shadow: -1px 16px 40px -10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: -1px 16px 40px -10px rgba(0, 0, 0, 0.15);
}



.txt_column  ul li {
	   		border-bottom: 1px solid #DFE5EF;
			padding: 14px 30px 14px 90px;
			position: relative;
}

.txt_column  ul li:before {
	  width: 35px;
	  height: 35px;
		background-image:url('../grafika/ikona_list.webp');
	background-repeat : no-repeat;
	background-position:center center;
	content:'';
	position: absolute;
	left: 20px;
	top: 13px;
	background-size: 100% 100%;
}



.txt_column  ul li strong {
	   		color: #000;
}


.txt_column  ul li:last-of-type {
	   		border-bottom: 0px solid #DFE5EF;
}



.txt_column tr td:first-of-type img {
  object-fit: cover;
  width: 100%;
  max-width: 90%;
  max-height: 260px;
  				-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


.formularz {
	margin: 60px auto;
	max-width: 800px;
	width: 100%;
}




.boxy_two {
	width: 100%;
	margin: 40px 0px;
}



.boxy_two tr {
	width: 100%;
	margin: 40px 0px;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    width: 100%;
	align-items: stretch;
}


.boxy_two  ul  {
	width: 100%;
	margin: 30px 0px;
	padding: 0px 0px;
	list-style: none;
}

.boxy_two ul li {
  border-bottom: 0px solid #DFE5EF;
  padding: 8px 30px 8px 40px;
  position: relative;
}


.boxy_two ul li:before {
	  width: 25px;
	  height: 25px;
		background-image:url('../grafika/ikona_list2.webp');
	background-repeat : no-repeat;
	background-position:center center;
	content:'';
	position: absolute;
	left: 0px;
	top: 13px;
	background-size: 100% 100%;
}



.boxy_two tr td:first-of-type {
	width: 100%;
	padding: 60px 50px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #000000;
color: #FFF;
		background-image:url('../grafika/bg_column2.webp');
	background-repeat : no-repeat;
	background-position:right center;
	background-size:: auto 40%;
	display: flex;
  flex-wrap: wrap;
}

.boxy_two tr td:nth-of-type(2) {
	width: 100%;
	padding: 60px 50px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1px solid #DFE5EF;
}



.boxy_two tr td:first-of-type h2 {
  color: #fff;
  font-size: 30px;
  line-height: 45px;
  font-weight: 500;
}


.boxy_two tr td h2 {
  font-size: 30px;
  line-height: 45px;
}






.glowna10nadrzedna .middle_txt {
	background-color: #fff;
}



.glowna10nadrzedna .middle_txt h1  {
	font-size: 50px;
	line-height: 64px;
	display: block;
	padding: 60px 0px 10px 0px;
	text-align: center;
	color: #000;
	font-weight: 500;
}





.tresc-kontakt {
	position:relative;
	width: 100%;
	padding-bottom: 60px;
}

.tresc-kontakt a.phone, .tresc-kontakt p.phone  {
	font-size: 30px;
	line-height: 40px;
	font-weight: 600;
}
 .tresc-kontakt a {
	text-decoration: none;
	color: #000;
}

.tresc-kontakt div.info {
	background-color:#F9F9FB;
	padding: 20px 30px;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius:8px;
}
 
.tresc-kontakt:after {
	position: absolute;
    left: -20%;
	bottom: 0px;
	border-bottom: 1px solid  #DFE4EA;
	content:'';
	width: 140%;
	height: 100%;
	z-index:1;
	background-color:#F9F9FB;
}


.tresc-kontakt a.przyciskniebieski {
	color: #FFF;
}



.tresc-kontakt table{
	position: relative;
	z-index:2;
}



.tresc-kontakt h1{
	position: relative;
	z-index:2;
}


.tresc-kontakt table tr {
	width: 100%;
	margin: 40px 0px;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    width: 100%;
	align-items: center;
}

.tresc-kontakt table tr td:first-of-type {
  padding: 31px;
  width: 100%;
  border: 1px solid #DFE5EF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #FFF;
  box-shadow: -1px 16px 40px -10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: -1px 16px 40px -10px rgba(0, 0, 0, 0.15);
}


.galeria {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 90px;

    column-gap: 24px;
    row-gap: 30px;

    padding: 30px 0;
    box-sizing: border-box;
	margin:70px 0px;
}


.galeria_kom {
    position: relative;
    display: block;

    overflow: hidden;

    border-radius: 4px;

    min-width: 0;
    min-height: 0;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.galeria_kom img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.5s ease,
        filter 0.5s ease;
}


/* =========================
   WIELKOŚCI ZDJĘĆ
   ========================= */

.galeria_kom:nth-child(1) {
    grid-column: span 5;
    grid-row: span 4;
}

.galeria_kom:nth-child(2) {
    grid-column: span 3;
    grid-row: span 3;
}

.galeria_kom:nth-child(3) {
    grid-column: span 4;
    grid-row: span 5;
}

.galeria_kom:nth-child(4) {
    grid-column: span 3;
    grid-row: span 4;
}

.galeria_kom:nth-child(5) {
    grid-column: span 5;
    grid-row: span 3;
}

.galeria_kom:nth-child(6) {
    grid-column: span 4;
    grid-row: span 4;
}

.galeria_kom:nth-child(7) {
    grid-column: span 3;
    grid-row: span 5;
}

.galeria_kom:nth-child(8) {
    grid-column: span 4;
    grid-row: span 3;
}

.galeria_kom:nth-child(9) {
    grid-column: span 5;
    grid-row: span 4;
}

.galeria_kom:nth-child(10) {
    grid-column: span 3;
    grid-row: span 3;
}


/* =========================
   LEKKIE PRZESUNIĘCIA
   ========================= */

.galeria_kom:nth-child(2) {
    transform: translateY(8px);
}

.galeria_kom:nth-child(4) {
    transform: translateY(-6px);
}

.galeria_kom:nth-child(6) {
    transform: translateY(10px);
}

.galeria_kom:nth-child(8) {
    transform: translateY(-8px);
}

.galeria_kom:nth-child(10) {
    transform: translateY(7px);
}


/* =========================
   EFEKT HOVER
   ========================= */

.galeria_kom:hover {
    z-index: 5;
    transform: translateY(0) scale(1.025);
    box-shadow: 0 15px 35px rgba(0,0,0,0.20);
}

.galeria_kom:hover img {
    transform: scale(1.04);
}







@media (max-width: 1000px) {

    .galeria {
        grid-template-columns: repeat(6, 1fr);
        grid-auto-rows: 100px;
        gap: 14px;
    }

    .galeria_kom:nth-child(n) {
        transform: none;
    }

    .galeria_kom:nth-child(1) {
        grid-column: span 4;
        grid-row: span 3;
    }

    .galeria_kom:nth-child(2) {
        grid-column: span 2;
        grid-row: span 3;
    }

    .galeria_kom:nth-child(3) {
        grid-column: span 3;
        grid-row: span 4;
    }

    .galeria_kom:nth-child(4) {
        grid-column: span 3;
        grid-row: span 3;
    }

    .galeria_kom:nth-child(5) {
        grid-column: span 3;
        grid-row: span 3;
    }

    .galeria_kom:nth-child(6) {
        grid-column: span 3;
        grid-row: span 4;
    }

    .galeria_kom:nth-child(7) {
        grid-column: span 2;
        grid-row: span 3;
    }

    .galeria_kom:nth-child(8) {
        grid-column: span 4;
        grid-row: span 3;
    }
}









@media (max-width: 600px) {

    .galeria {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 120px;
        gap: 10px;
        padding: 20px 0;
    }

    .galeria_kom:nth-child(n) {
        transform: none;
    }

    .galeria_kom:nth-child(1),
    .galeria_kom:nth-child(4),
    .galeria_kom:nth-child(6),
    .galeria_kom:nth-child(9) {
        grid-column: span 2;
        grid-row: span 3;
    }

    .galeria_kom:nth-child(2),
    .galeria_kom:nth-child(3),
    .galeria_kom:nth-child(5),
    .galeria_kom:nth-child(7),
    .galeria_kom:nth-child(8),
    .galeria_kom:nth-child(10) {
        grid-column: span 1;
        grid-row: span 2;
    }
}





.boxformularz .ramka strong {
	font-size: 34px;
	line-height: 46px;
	font-weight: 600;
	color:#000;
}

.boxformularz .ramka2 {
width: 100%;
padding: 10px 20px;
}	


.boxformularz .ramka2 input  {
width: 100%;
padding: 10px 20px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border:1px solid #DFE4EA;
}	



.boxformularz .ramka2 select  {
width: 100%;
padding: 10px 20px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border:1px solid #DFE4EA;
}	



.boxformularz .ramka2  textarea {
	width: 100%;
padding: 10px 20px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border:1px solid #DFE4EA;
}

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

.boxformularz .ramka2 .pole2  {
width: 100%;
padding: 18px 0px;
float:left;
position: relative;
}	

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


.boxformularz .ramka2 .pole  img {
right: 10px;
bottom: 17px;
position: absolute;
}	

.boxformularz .ramka2  .przycisk {
	font-weight: 600;
	color: #FFF;
	background-color:#1E1E1E;
}

.przyciskniebieskiramka { white-space: nowrap;display:inline-block;color:#1B73F9;text-decoration:none;border:1px solid #1B73F9;padding:10px 20px;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;}
.przyciskniebieskiramka:hover {border:1px solid black; color:white;background-color:black;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przyciskniebieskiramka img {vertical-align:middle;margin-right:10px;}





.przycisk { text-wrap: nowrap;white-space: nowrap;display:inline-block;color:#2D2D59;text-decoration:none;border:1px solid #DFE4EA;padding:10px 20px;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;}
.przycisk:hover {border:1px solid #1973FB; color:#1973FB;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przycisk img {vertical-align:middle;margin-right:10px;height:20px; }



.przyciskniebieski {text-wrap: nowrap;white-space: nowrap;border:1px solid #1973FB;display:inline-block;background-color:#1973FB; color:white;text-decoration:none;padding:10px 20px;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;}
.przyciskniebieski:hover {border:1px solid black; background-color:black;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przyciskniebieski img {vertical-align:middle;margin-left:10px; }

.przyciskczarny {text-wrap: nowrap;white-space: nowrap;border:1px solid #0A0D12;display:inline-block;background-color:#0A0D12; color:white;text-decoration:none;padding:10px 20px;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;}
.przyciskczarny:hover {border:1px solid #1973FB; background-color:#1973FB;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przyciskczarny img {vertical-align:middle;margin-left:10px; }


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


.link_stopka { color:#CCCCCC;text-decoration:none;}
.link_stopka:hover {color:#1B73F9;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.link_szary { color:#CCCCCC;text-decoration:none;}
.link_szary:hover {color:#1B73F9;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 {color:#1B73F9;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}










.boxpotrzeby .txt {
  position: relative;
  z-index: 5;
}


.boxpotrzeby .imgbox img {
  vertical-align: middle;
}



.baner_txt tr td:nth-of-type(2) {
  padding: 30px 0px;
}





.tresc-kontakt a.przyciskniebieski {
  color: #FFF;
  margin: 3px;
}











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



.boxzacznij {
  background-position: right -190px center;
}



}






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





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

.min-kat_img {
  padding: 40px;
}



}


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






footer .box span {
  top: 0px;
  position: relative;
  left: 0px;
  font-size: 12px;
  text-wrap: nowrap;
  display: block;
  max-width: 50px;
  margin: 10px auto;
  clear: both;
}

footer .box img {
  float: none;
  margin: 0px auto;
  display: block;
}


}













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



.min-kat .txt {
  padding: 20px 35px;
  font-size: 20px;
  line-height: 32px;
}


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


.baner .box2 img {
  max-height: 120px;
}


.baner .box2 strong {
  font-size: 20px;
  line-height: 30px;
}

.baner .ramka {
  min-height: 600px;
}


.baner {
  margin-top: 105px;
  min-height: 600px;
}



.tresc h2, .tresc-podstrony h2 {
  font-size: 30px;
  line-height: 42px;
}



.tresc h4, .tresc-podstrony h4, .tresc-kontakt h4, .boxformularz .ramka small {
  font-size: 12px;
}

.tresc h5, .tresc-podstrony h5 {
  font-size: 30px;
  line-height: 44px;
}




}




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





.baner {
  margin-top: 85px;
}


.middle_txt {
  padding: 85px 0px;
}


.glowna10nadrzedna .middle_txt h1 {
  padding: 40px 0px 0px 0px;
}





}

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


  .boxzacznij {
    background-position: right -300px center;
  }
  
  .boxzacznij .txt {
  padding-right: 50px;
  padding-left: 0px;
}


.baner .box small {
  text-transform: uppercase;
  color: #666B79;
  font-weight: 500;
  font-size: 12px;
}


 .baner .box h1 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
  }
  
.baner .box {
  padding-right: 30px;
}

.boxpotrzeby .txt {
  width: 80%;
  max-width: 800px;
  gap: 20px;
}



.boxprzewaga .ramka p {
  float: none;
  width: 100%;
}


.boxprzewaga .ramka h3 {
  font-size: 30px;
  line-height: 42px;
  font-weight: bold;
  color: black;
  display: inline-block;
  max-width: 100%;
}

.boxprzewaga .ramka2 .box {
  width: 49%;
}


.boxy_two tr td:nth-of-type(2) {
  width: 100%;
  padding: 30px 30px;
}

.boxy_two tr td:nth-of-type(1) {
  width: 100%;
  padding: 30px 30px;
}




}

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


footer .box {
  width: 100%;
}

footer .box2 {
  width: 33.3%;
}

  footer .box2 {
    width: 100%;
    text-align: center;
  }
  
  .lista-min-kat {
  grid-template-columns: repeat(2, 1fr);
}

.txt_column tr {
  grid-template-columns: repeat(1, 1fr) !important;
}


}




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

.txt_column tr td:first-of-type img {
  width: 100%;
  max-width: 100%;
}

.boxpotrzeby .imgbox img {
  margin-top: 50px;
  max-height: 600px;
}


.boxpotrzeby .imgbox {
  left: 72%;
  width: 30%;
  position: absolute;
  bottom: 0px;
  max-height: 85%;
}


  .boxpotrzeby .txt {
    width: 90%;
    max-width: 800px;
    gap: 20px;
  }
  
  
  .boxpotrzeby .txt .box {
  width: 43%;
}

.boxpotrzeby .txt .naglowek h2 {
  font-size: 30px;
  line-height: 42px;
  font-weight: bold;
  color: black;
}


}

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



.baner_txt tr {
  display: flex;
  width: 100%;
  gap: 20px;
  align-items: center;
  position: relative;
  z-index: 5;
  flex-wrap: wrap;
}

.baner_txt tr td:nth-of-type(1) {
  order: 1;
  position: relative;
  margin-right: -20%;
  min-width: 75%;
}



  .baner_txt tr td:nth-of-type(1) {
    order: 1;
    position: relative;
    margin-right: -20%;
    min-width: 100%;
  }

  .baner_txt tr td:nth-of-type(1) img {
    vertical-align: middle;
    object-fit: cover;
    min-height: 350px;
    max-height: 450px;
    width: 110%;
    position: relative;
    left: -5%;
  }

.boxpotrzeby .txt .box strong {
  color: black;
  font-size: 16px;
  line-height: 23px;
  display: block;
}


.boxpotrzeby .txt .box .img {
  position: absolute;
  left: 0px;
  top: -6px;
  max-width: 40px;
}


.boxpotrzeby .txt .box {
  padding-left: 50px;
}



.boxdatacenter .ramka {
  flex-wrap: wrap;
}
.boxdatacenter .img {
  width: 100%;
}

.boxdatacenter .txt {
  width: 100%;
}

.boxdatacenter .img img {
  float: none;
  max-width: 500px;
  width: 90%;
  margin: 0px auto;
  display: block;
}


  .boxdatacenter .img {
    width: 100%;
    text-align: center;
  }
  
  
  
  .tresc-kontakt table tr {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}
  
  
  
  
  
  
}


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



 .baner .ramka {
    min-height: 600px;
    flex-wrap: wrap;
  }


  .baner .box {
    padding-right: 0px;
    width: 100%;
    padding: 40px 0px;
  }
  
  
.baner .box2 {
  right: auto;
  left: -40px;
  top: 0;
  position: relative;
  width:  calc(100% + 80px);
  max-width:  calc(100% + 80px);
  margin-right: -60px;
  padding-top: 25vw;
}

   .baner .box2 img {
    max-height: 90px;
  }
  
.img_right tr {
  width: 100%;
  display: flex;
  gap: 40px;
  align-items: center;
  z-index: 5;
  position: relative;
}



.img_right tr {
  width: 100%;
  flex-wrap: wrap;
}




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


.img_right tr td {
  width: 100%;
  order: 2;
}


.boks_border ul li {
  padding: 25px 10px 25px 50px;
}


.boks_border ul li::before {
  width: 35px;
  height: 35px;
  left: 0px;
  top: 19px;
}

.boks_border {
  padding: 30px 40px;
}

.boxy_two tr {
  grid-template-columns: repeat(1, 1fr);
}



}


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




.boxzacznij .txt h4 {
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
}


}

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

  .min-kat .txt {
    font-size: 17px;
    line-height: 30px;
  }

.boks_border ul {
  list-style: none;
  margin: 4px 0px;
  padding: 0px 0px;
  width: 100%;
  grid-template-columns: repeat(1, 1fr);
  display: grid;
  gap: 0px;
}


}



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



.baner .box2 .boxlokalizacja b {
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
}


}



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





header.scrolled .boxy a:first-of-type {
  display: none;
}



 header .logo {
    width: 55%;
 }

 .boxzacznij .txt {
    padding-right: 0px;
    padding-left: 0px;
  }
  
  
    .baner_txt tr td:nth-of-type(1) img {
    vertical-align: middle;
    object-fit: cover;
    min-height: 250px;
    max-height: 350px;
    width: 110%;
    position: relative;
    left: -5%;
  }

  .lista-min-kat {
    grid-template-columns: repeat(1, 1fr);
  }
  
}





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



.tresc-podstrony h6 {
  font-size: 54px;
  line-height: 68px;
}


  .boxpotrzeby .txt .box {
    width: 85%;
  }
  
    .boxpotrzeby .imgbox {
    left: 57%;
    width: 30%;
    position: absolute;
    bottom: 0px;
    max-height: 85%;
  }
  
  
}


#strona5 .tresc a {
	color:#1973FB;
}	

#strona5 .tresc a:hover {
	color:black;
}	


#strona5 .naglowek_txt .sciezka a {
color:white;	
}