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

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




div, nav, header, footer, h1, h2 ,h3, h4, table, tr, td, section {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


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


header.header .ramka2 a:hover {
	background-color:#9999AA !important;
}	




.pasek_fixed {
	position:fixed;
	left:0;
	top:0;
	width:36px;
	height:100%;
	    background-image:url('../grafika/pasek_fixed.webp');
	background-repeat : no-repeat;
	background-position:right center;
	z-index:99;
}

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

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


header.header {
	width: 100%;
	border: 0px;
	top:0px;
	left:0px;
	height:195px;
	z-index:99;
	position:absolute;
}	



header.header {
    position: absolute;
    transition: all 0.4s ease;
}

header.header.header--fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 999;
}


header.header:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
    background-image:url('../grafika/skos_top.webp');
	background-repeat : no-repeat;
	background-position:center center;
	background-size:100% 100%;
	width: 55%;
	height: 210px;
	z-index: 8;
}



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

header.header .ramka:before {
	border-bottom:1px solid rgba(255,255,255,0.3);
	content:'';
	width:100%;
	height:1px;
	left:0px;
	top:45%;
	position:absolute;
}


header.header.header--fixed .ramka:before {
	border-bottom:0px solid rgba(255,255,255,0.3);
}




header.header .ramka .logo {
	width: 25%;
	border: 0px;
	float:left;
	margin-top:10px;
	position:relative;
	z-index:9;
}	

header.header .ramka .logo img {
	max-width:230px;
	width:100%;
}	

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


header.header .ramka nav {
	width: 75%;
	border: 0px;
	float:left;
	text-align:right;
}	





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




header.header .ramka2{
	width: 100%;
	border: 0px;
	float:left;
	text-align:right;
}	

header.header .ramka2 a{
	display:inline-block;
	margin-left:30px;
}	

header.header .ramka2 a.przycisk {
	background-color: #1D1C2B;
	color: #FFF;
	border: 1px solid  #1D1C2B;
}	

.glowna1nadrzedna  header.header .ramka2 a.przycisk {
	background-color: transparent;
}	


.glowna1nadrzedna .header.header .ramka {
    background-color: rgba(255,255,255,0);
}


.glowna1nadrzedna .header.header.header--fixed .ramka {
    background-color: #2D2B42;
}

 .header.header.header--fixed .ramka {
    background-color: #2D2B42;
}


header.header .ramka2 {
    position: relative;
    z-index: 1;
	padding: 20px 0px;
}


header.header .ramka2::before {
    content: "";
    position: absolute;
    inset: 0;

    background: rgba(255, 255, 255, 0.45);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    /* fallback Firefox */
    background-image: linear-gradient(
        rgba(255,255,255,0.85),
        rgba(255,255,255,0.65)
    );
    z-index: 0;
}


header.header .ramka2 > * {
    position: relative;
    z-index: 1;
}


header.header:not(.header--fixed) .ramka2::before {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}


.glowna1nadrzedna header.header.header--fixed .ramka2 a.przycisk {
color:#2D2B42;
}

.glowna1nadrzedna  header.header.header--fixed .ramka2 a.przycisk img {
 filter: brightness(0.35);
}





.banerramka {
	width: 100%;
	border: 0px;
	float:left;
	position:relative;
	overflow:hidden;
}	

.banerramka .slick-next {
position:absolute;
right:15%;
bottom:13vw;
width:93px;
height:103px;
	background-image:url('../grafika/right.webp');
	background-repeat : no-repeat;
	background-position:center center;
	z-index:9;
	border:0px;
	font-size:0px;
	cursor:pointer;
	padding:0px;
	margin:0px 0px;
}	


.banerramka .slick-prev {
  position: absolute;
  right: 15%;
  bottom:13vw;
  width: 93px;
  height: 103px;
  background-image: url('../grafika/left.webp');
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9;
  border: 0px;
  font-size: 0px;
  cursor: pointer;
  padding: 0px;
  margin: 0px 0px;
  display: block;
 margin-right: 92px;
}




.baner {
	width: 100%;
	border: 0px;
	float:left;
	height:115vh;
	min-height: 680px;
}	


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

.baner .sekwencja:after {
background: #000000;
background: -webkit-linear-gradient(180deg,rgba(0, 0, 0, 0.69) 0%, rgba(0, 0, 0, 0.29) 49%);
background: -moz-linear-gradient(180deg,rgba(0, 0, 0, 0.69) 0%, rgba(0, 0, 0, 0.29) 49%);
background: linear-gradient(180deg,rgba(0, 0, 0, 0.69) 0%, rgba(0, 0, 0, 0.29) 49%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#000000",
  endColorstr="#000000",
  GradientType=0
);
width: 100%;
height:100%;
left:0;
top:0;
position:absolute;
content:'';
z-index:1;
}


.baner .sekwencja:before {
	content:'';
	position:absolute;
	right:0;
	bottom:0;
    background-image:url('../grafika/skos_bottom.webp');
	background-repeat : no-repeat;
	background-position:center center;
	background-size:100% 100%;
	width: 100%;
	height: 380px;
	z-index:2;
}


.baner .sekwencja .box-txt {
	width: 100%;
	border: 0px;
	float:left;
	max-width:600px;
	background-color:white;
	padding:50px;
	margin-top:30vh;
	z-index:999;
	position:relative;
}	



.baner .sekwencja .box-txt small{
	color:#9999AA;
	font-weight:bold;
	font-size: 14px;
	text-transform:uppercase;
}	

.baner .sekwencja .box-txt .naglowekh{
	text-transform:uppercase;
    font-size: 50px;
    line-height: 65px;
	color:#2D2C43;
	font-weight:bold;
}	






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

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


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


#nawigacja-menu li a {
  color: white;
  color: #1D1C2C;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  font-size: 16px;
  padding: 25px 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

 .header.header.header--fixed #nawigacja-menu li a { 
   color: #fff;
}



#nawigacja-menu li:last-of-type a {
  padding-right: 0px;
}



.glowna1nadrzedna #nawigacja-menu li a{
     color:white;
}







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

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




header.header.header--fixed  #nawigacja-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
}

header.header.header--fixed  .ramka .logo img {
  max-width: 130px;
  width: 100%;
}

header.header.header--fixed .ramka2 {
  padding: 10px 0px;
}


header.header.header--fixed .przycisk_czerwony {
  padding: 8px 40px;
  font-size: 14px;
}


header.header.header--fixed .przycisk {
  padding: 8px 40px;
  font-size: 14px;
}





.hamburger {
    display: none;
    width: 30px;
    height: 22px;
    position: relative;
    cursor: pointer;
    z-index: 1001;
}


.glowna1nadrzedna .hamburger span {

    background: #fff;
}


header.header.header--fixed .hamburger span {

    background: #fff;
}


.hamburger span {
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    left: 0;
    transition: 0.3s;
}

.hamburger span:nth-child(1) { top: 0; }
.hamburger span:nth-child(2) { top: 9px; }
.hamburger span:nth-child(3) { bottom: 0; }

/* X */
.hamburger.active span:nth-child(1) {
    transform: rotate(45deg);
    top: 9px;
}
.hamburger.active span:nth-child(2) {
    opacity: 0;
}
.hamburger.active span:nth-child(3) {
    transform: rotate(-45deg);
    bottom: 9px;
}


@media (max-width: 1080px) {

    .hamburger {
        display: block;
        float: right;
        margin-top: 14px;
		font-size:0px;
    }

    #nawigacja-menu {
        position: fixed;
        top: 50px;
        right: -100%;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,0.95);
        transition: 0.4s;
        padding-top: 90px;
        text-align: center;
		z-index:99;
    }

    #nawigacja-menu.active {
        right: 0;
    }

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

    #nawigacja-menu li a {
        color: #fff;
        font-size: 22px;
        padding: 15px;
        display: block;
    }
}





.boxdlaczego {
	float:left;
	width:100%;
	margin-top:-100px;
	position:relative;
	z-index:9;
}	

.boxdlaczego .ramka{
	float:left;
	width:100%;
	padding-top:50px;
	padd-bottom:50px;
	text-align:center;
}	


.boxdlaczego .ramka h2{
	text-transform:uppercase;
	font-size:60px;
	line-height:80px;
	color:#2D2C43;
	font-weight:bold;
}	


.boxdlaczego .ramka small{
	color:#9999AA;
	font-weight:bold;
	font-size:17px;
	text-transform:uppercase;
}	



.boxdlaczego .ramka2{
	float:left;
	width:100%;
	text-align:center;
	margin-top:50px;
	display: flex;
	flex-wrap: wrap;
}	

.boxdlaczego .ramka2 .box{
	float:left;
	width:21%;
	margin-left:2%;
	margin-right:2%;
}	


.boxdlaczego .ramka2 .box .img{
	float:left;
	width:100%;
}	

.boxdlaczego .ramka2 .box .txt{
	float:left;
	width:100%;
	text-align:center;
}	



.boxdlaczego .ramka2 .box strong {
	font-size:25px;
	line-height:35px;
}	

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

.boxy .ramka {
	display: grid;
	grid-template-columns: 40% 30% 30%;
	grid-template-rows: 350px 350px;
	width: 100%;
}


.boxy .box1 {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	height: auto;
}

.boxy .box2 {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

.boxy .box3 {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
}

.boxy .box5 {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.boxy .box4 {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
}

.boxy .box1{
	background-image:url('../grafika/baner.webp');
	background-repeat : no-repeat;
	background-position:center center;
	text-align:center;
	color:white;
	text-transform:uppercase;
	position:relative;
	overflow:hidden;
}	




.boxy .box1:before {
	content:'';
	position:absolute;
	width: 100%;
	height:100%;
	background-color:rgba(44,43,66,0.7);
	z-index: 2;
	left: 0;
	top: 0;
}	



.boxy .box1 .txt {
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto 0;
  z-index: 2;
  padding: 0px 70px;
}

.boxy .box1 small{
	color:#9898A9;
	font-size:16px;
}	


.boxy .box1 strong {
	color:white;
	font-size:30px;
	line-height:40px;
}	

.boxy .box1 .bg-video {
	position: absolute;
	left:-40%;
	top:0;
	width: 180%;
	height: 100%;
	z-index: 0;
}


.boxy .box2{
	padding:40px 80px;
}	


.boxy .box2 small {
	color:#9999AA;
	font-size:16px;
	line-height:25px;
	font-weight:bold;
	text-transform:uppercase;
}	

.boxy .box2 strong  {
	color:black;
	font-size:30px;
	line-height:40px;
	font-weight:bold;
	text-transform:uppercase;
}	


.boxy .box3 {
	position: relative;
}	


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


.boxy .box5{
	background-color:#E41E25;
	color:white;
	padding:120px 60px;
}	

.boxy .box5  small {
    color:#DFDEE4;
	font-size:16px;
	line-height:25px;
	font-weight:bold;
	text-transform:uppercase;
}	


.boxy .box5  strong  {
    color:white;
	font-size:30px;
	line-height:40px;
	font-weight:bold;
	text-transform:uppercase;
}	



.boxy .box4{
	padding:40px 80px;
	padding-top:100px;
}	


.boxy .box4 .big{
	font-size:30px;
	line-height:40px;
	font-weight:bold;
}	

.boxy .box4 .przycisk2{
	font-size:15px;
}	


.boxy .box5 {
	position: relative;
	background-color: #E41E25;
	color: white;
	padding: 120px 80px;
}

/* RAMKA */
.boxy .box5::before {
	content: "";
	position: absolute;
	inset: 40px;
	border: 3px solid #fff;
	pointer-events: none;
}

/* WYCIĘCIE Z PRAWEJ */
.boxy .box5::after {
	content: "";
	position: absolute;
	top: 50%;
    right: 25px;
	width: 30px;
	height: 30px;
	background: #E41E25;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: translateY(-50%) rotate(45deg);
}






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

}	
.boxwycena .ramka {
	display: flex;
    background-color:#F2F2F7;
	align-items: center;
}

.boxwycena .box {
  float: left;
  width: 50%;
  background-color: #E3E3EE;
  position: relative;
  min-height: 500px;
}

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


.boxwycena .box2{
	float:left;
	width:50%;
	background-color:#F2F2F7;
	padding:60px;
	height:430px;
}	


.boxwycena .box2 strong {
    color:white;
	font-size:60px;
	line-height:70px;
	font-weight:bold;
	text-transform:uppercase;
	color:#E41E25;
}	

.boxbreloki {
	float:left;
	width:100%;
	margin-top:90px;
	overflow: hidden;
}	

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


.boxbreloki .box{
	float:left;
	width:100%;
}	

.boxbreloki .txt {
  float: left;
  width: 50%;
  padding: 20px 70px 20px 0px;
}

section.boxbreloki:nth-child(8) .txt {
  float: left;
  width: 50%;
  padding: 20px 0px 20px 70px;
}

.boxbreloki .txt h3{
     color:black;
	font-size:30px;
	line-height:40px;
	font-weight:bold;
	text-transform:uppercase;
}	


.boxbreloki .txt h4{
     color:black;
	font-size:35px;
	line-height:45px;
	font-weight:bold;
	text-transform:uppercase;
}	

.boxbreloki .img{
	float:left;
	width:50%;
	position: relative;
}	

.boxbreloki .img:before{
	content:'';
	position: absolute;
		background-image:url('../grafika/brelok_right.webp');
	background-repeat : no-repeat;
	background-position:center center;
	display: block;
	right: -285px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 604px;
	height: 408px;
	background-size: 100% 100%;
}	



section.boxbreloki:nth-child(8) .img:before{
	content:'';
	position: absolute;
		background-image:url('../grafika/brelok_left.webp');
	background-repeat : no-repeat;
	background-position:center center;
	display: block;
	left: -285px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 604px;
	height: 408px;
	background-size: 100% 100%;
}	



.boxbreloki .img img{
	max-width:100%;
}	

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

.boxklienci .ramka {
	float:left;
	width:100%;
	padding:50px;
	text-align:center;
	position:relative;
}	


.boxklienci .ramka img{
	position:absolute;
	left:0px;
	right:0px;
	bottom:-1px;
	margin:0 auto;
	z-index:9;
}	



.boxklienci .ramka span {
	font-size:60px;
	line-height:70px;
	text-transform:uppercase;
}	



.boxklienci .ramka2 {
	float:left;
	width:100%;
	border:1px solid #E0E0E0;
	padding:50px;
	overflow:hidden;
	position:relative;
}	

.boxklienci .ramka2 .box{
	float:left;
	width:100px;
	height:100px;
	display:block;
	position:relative;
}	

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


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


.boxklienci .ramka2 .box img:hover{
	opacity:0.7;
}	



.boxklienci .ramka2 .slick-prev {
position:absolute;
left:0px;
top:0px;
bottom:0px;
margin:auto 0;
z-index:9;
	background-image:url('../grafika/prev.webp') !important;
	background-repeat : no-repeat;
	background-position:center center;
	font-size:0px;
	border:0px;
	padding:10px 30px;
	background-color:white;
	cursor:pointer;
	background-color: #FFF;
background-color: -webkit-linear-gradient(80deg,rgba(255, 255, 255, 1) 9%, rgba(255, 255, 255, 0) 61%);
background-color: -moz-linear-gradient(80deg,rgba(255, 255, 255, 1) 9%, rgba(255, 255, 255, 0) 61%);
background-color: linear-gradient(80deg,rgba(255, 255, 255, 1) 9%, rgba(255, 255, 255, 0) 61%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#FFFFFF",
  endColorstr="#FFFFFF",
  GradientType=0
);
}	

.boxklienci .ramka2 .slick-next {
position:absolute;
right:0px;
top:0px;
bottom:0px;
margin:auto 0;
z-index:9;
	background-image:url('../grafika/next.webp') !important;
	background-repeat : no-repeat;
	background-position:center center;
	font-size:0px;
	border:0px;
	padding:10px 30px;
	background-color:white;
	cursor:pointer;
	background-color: #FFF;
background-color: -webkit-linear-gradient(270deg,rgba(255, 255, 255, 1) 9%, rgba(255, 255, 255, 0) 93%);
background-color: -moz-linear-gradient(270deg,rgba(255, 255, 255, 1) 9%, rgba(255, 255, 255, 0) 93%);
background-color: linear-gradient(270deg,rgba(255, 255, 255, 1) 9%, rgba(255, 255, 255, 0) 93%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#FFFFFF",
  endColorstr="#FFFFFF",
  GradientType=0
);
}	

.baner-podstrona {
  float: left;
  width: 100%;
  color: white;
  height: 40vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-top: 97px;
  position: relative;
  max-height: 580px;
}




.baner-podstrona::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url('../grafika/skos_bottom.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 35%;
  height: 160px;
  z-index: 2;
}

.baner-podstrona:after {
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	background-color:rgba(44,43,66,0.5);
	width: 100%;
	height: 100%;
	z-index:1;
}


.baner-podstrona h1 {
	position: absolute;
	left:0;
	right:0;
	bottom: 100px;
	color:#FFF;
	font-weight:600;
	font-size: 80px;
	line-height: 93px;
	margin:0px auto;
	min-width:300px;
	max-width:1580px;
	padding: 0px 38% 0px 4%;
	z-index: 2;
	text-transform: uppercase;
}


.tresc-kontakt {
float: left;
width: 100%;
margin-bottom: 50px;
position: relative;
}

.tresc-kontakt h2 {
font-weight: 500;
font-size: 20px;
line-height: 32px;
}


.tresc-kontakt .ramka{
float: left;
width: 100%;
padding-right: 50%;
}





.tresc-kontakt .ramka strong {
color: #E41C23;
}


.tresc-kontakt .ramka a {
color: #E41C23;
}



.boxformularz .strona {
width: 100%;
display: flex;
flex-wrap: wrap;
}


.boxformularz .ramka{
	background-color:#E41E25;
	color:white;
	padding:120px 60px;
}	

.boxformularz .ramka  small {
    color:#DFDEE4;
	font-size:16px;
	line-height:25px;
	font-weight:bold;
	text-transform:uppercase;
}	


.boxformularz .ramka  strong  {
    color:white;
	font-size:30px;
	line-height:40px;
	font-weight:bold;
	text-transform:uppercase;
}	


.boxformularz .ramka {
	position: relative;
	background-color: #E41E25;
	color: white;
	padding: 120px 80px;
	width: 35%;
}

.boxformularz .ramka2 {
	width: 62%;
	margin-left: 3%;
	padding-left: 0px;
}


.boxformularz .ramka2 .pole {
	width: 32.3%;
	margin-right: 1%;
	padding: 10px 0px;
	float: left;
	font-weight: 600;
}



.boxformularz .ramka2 .pole.img {
	width: 60%;
	margin-right: 1%;
	padding: 10px 0px;
	float: left;
	font-weight: 600;
	position: relative;
}

.boxformularz .ramka2 .pole input {
	width: 100%;
	border: 1px solid #D9D9D9;
	padding: 15px 20px;
	margin-top: 4px;
	background-color: transparent;
}

.boxformularz .ramka2 .pole2 textarea {
	width: 100%;
	border: 1px solid #D9D9D9;
	padding: 15px 20px;
	margin-top: 4px;
		background-color: transparent;
}


.boxformularz .ramka2 .pole2 {
	width: 99%;
	margin-right: 1%;
	padding: 10px 0px;
	float: left;
	font-weight: 600;
}


.boxformularz .ramka2 .pole2  small {
	font-size: 12px;
	font-weight: 400;
	display:block;
	line-height: 20px;
}

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

.boxformularz .ramka2 .pole3 {
	width: 99%;
	margin-right: 1%;
	padding: 10px 0px;
	float: left;
}



.boxformularz  .przycisk {
border: 0px;
background-color: #1D1C2B;
}





/* RAMKA */
.boxformularz .ramka::before {
	content: "";
	position: absolute;
	inset: 40px;
	border: 3px solid #fff;
	pointer-events: none;
}

/* WYCIĘCIE Z PRAWEJ */
.boxformularz .ramka::after {
	content: "";
	position: absolute;
	top: 50%;
    right: 25px;
	width: 30px;
	height: 30px;
	background: #E41E25;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: translateY(-50%) rotate(45deg);
}






.tresc-kontakt .img{
position: absolute;
right: 0;
top: 0;
width: 40%;
height: 100%;
    background-image:url('../grafika/podstrona_kontakt.webp');
	background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
}



.tresc-kontakt h1 {
	color:#2C2B42;
	font-weight:600;
	font-size: 80px;
	line-height: 93px;
	z-index: 2;
	text-transform: uppercase;
	position: relative;
  top: -30px;
}



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



.glowna3nadrzedna .tresc {
  padding: 50px 0px 60px 0px;
  float: left;
  width: 100%;
  margin-top: 0px;
}



.tresc-podstrony {
		padding: 50px 0px;
	float: left;
	width: 100%;
}

.tresc h4, .tresc-podstrony h4 {
	margin: 0px 0px;
	max-width: 1100px;
	width: 100%;
	font-size: 40px;
	line-height: 54px;
	font-weight: 700;
	text-transform: uppercase;
}


.tresc h4 strong, .tresc-podstrony h4 strong {
	color:#E41E25;
	font-weight: 700;
}



.tresc big, .tresc-podstrony big {
	font-size: 22px;
	line-height: 36px;
}


table.img_left {
width: calc(100% + 120px) !important;
  margin-left: -60px;
}


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




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



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






table.img_right {
width: calc(100% + 120px) !important;
  margin-left: -60px;
}


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




table.img_right tr td {
width: 50%;
padding: 60px;
order:1;
}

table.img_right tr td:first-of-type {
order:2;
}


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




.lista-min-kat {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	width: 104%;
	margin-left: -2%;
}

.lista-min-kat .min-kat {
	margin: 2%;
	width: 46%;
	text-decoration: none;
}


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


.lista-min-kat .min-kat .img img {
  width: 100%;
  vertical-align: middle;
  height: 45vw;
  max-height: 340px;
  object-fit: cover;
}


.lista-min-kat .min-kat .naglowek {
	border-left: 4px solid #E41E25;
	width: 100%;
	margin:30px 0px;
	padding: 20px 0px 20px 60px;
	position: relative;
}


.lista-min-kat .min-kat .naglowek::after {
  content: "";
  position: absolute;
  top: 30%;
  bottom: 0%;
  left: -13px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-top: 3px solid #E41E25;
  border-right: 3px solid #E41E25;
  transform: translateY(-50%) rotate(45deg);
  margin: auto 0px;
}


.lista-min-kat .min-kat .img img:hover {
opacity:0.7;	
}	


.lista-min-kat .min-kat .naglowek span:hover {
color:black;
text-decoration:underline;
}	


.lista-min-kat .min-kat .naglowek strong:hover {
color:#E41E25;
}


.lista-min-kat .min-kat .naglowek strong {
	color: #2C2B42;
  font-size: 32px;
  line-height: 44px;
}
.lista-min-kat .min-kat .naglowek span {
	color: #E41E25;
	display: block;
}


.glowna3nadrzedna .baner-podstrona h1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -40px;
  color: #2C2B42;
  font-weight: 600;
  font-size: 80px;
  line-height: 93px;
  margin: 0px auto;
  min-width: 300px;
  max-width: 1580px;
  padding: 0px 4% 0px 4%;
  background-image: none !important;
}


 .glowna10nadrzedna .baner-podstrona h1 {
 display: none;
 }
 
 
 
 

.glowna3nadrzedna .baner-podstrona , .glowna10nadrzedna .baner-podstrona {
  float: left;
  width: 100%;
  color: white;
  height: 40vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-top: 97px;
  position: relative;
  max-height: 300px;
  min-height: 270px;
  background: #ffffff;
background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 0) 85%, rgba(230, 230, 230, 0.62) 100%) !important;
background: -moz-linear-gradient(0deg,rgba(255, 255, 255, 0) 85%, rgba(230, 230, 230, 0.62) 100%) !important;
background: linear-gradient(0deg,rgba(255, 255, 255, 0) 85%, rgba(230, 230, 230, 0.62) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#FFFFFF",
  endColorstr="#E6E6E6",
  GradientType=0
);
  background-image: none !important;
	margin-top: -47px;
}

.glowna3nadrzedna .baner-podstrona::after , .glowna10nadrzedna .baner-podstrona::after {
  display: none;
}

.glowna3nadrzedna .baner-podstrona::before , .glowna10nadrzedna .baner-podstrona::before {
  background: #ffffff;
background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 0) 85%, rgba(230, 230, 230, 0.62) 100%) !important;
background: -moz-linear-gradient(0deg,rgba(255, 255, 255, 0) 85%, rgba(230, 230, 230, 0.62) 100%) !important;
background: linear-gradient(0deg,rgba(255, 255, 255, 0) 85%, rgba(230, 230, 230, 0.62) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#FFFFFF",
  endColorstr="#E6E6E6",
  GradientType=0
);
  width: 100%;
}





.formularz {
padding: 80px 0px;
width: 100%;
float: left;
background-color: #F3F3F3;
}





.galeria {
  column-count: 3;
  column-gap: 20px;
	margin: 30px 0px;
}

.galeria_kom {
  break-inside: avoid;
  margin-bottom: 20px;
}

.galeria_kom img {
  width: 100%;
  display: block;
  height: auto;
	  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
	margin-bottom: 20px;
}


.galeria_kom img:hover {
filter: brightness(70%);
-webkit-box-shadow: 8px 8px 24px -6px rgba(0, 0, 0, 1);
-moz-box-shadow: 8px 8px 24px -6px rgba(0, 0, 0, 1);
box-shadow: 8px 8px 24px -6px rgba(0, 0, 0, 1);
}





@media (max-width: 1024px) { .galeria { column-count: 2; } }
@media (max-width: 600px)  { .galeria { column-count: 1; } }



.paginacja {
  width: 100%;
  text-align: center;
  margin: 40px 0;
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.paginacja a,
.paginacja span,
.paginacja strong {
  padding: 10px 14px;
  text-decoration: none;
  font-size: 15px;
  transition: all .3s ease;
	
}

.paginacja a {
  background: #2C2B42;
  color: #fff;
	font-weight: 600;
}


.paginacja a.link_nav {
  background-color: transparent !important;
	color: #000;
}

.paginacja a:hover {
  background: #FF3131;
}

.paginacja strong {
   background-color: transparent !important;
  color: #000;
  font-weight: 600;
	border: 1px solid #333333;
}

.paginacja span {
  background: tranasparent;
  color: #999;
  cursor: not-allowed;
}








































footer {
	float:left;
	width:100%;
	color:white;
	margin-top:80px;
}	

footer .tlostopka {
	float:left;
	width:100%;
	background-image:url('../grafika/tlo_stopka.webp');
	background-repeat : no-repeat;
	background-position:center center;
	padding-top:50px;
	padding-bottom:50px;
	background-color:#1D1C2C;
}	









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

footer .tlostopka .box.boxsocial img {
	vertical-align:middle;
	margin-left:10px;
	margin-right:10px;
}	




footer .tlostopka .box strong {
	font-weight:bold;
	text-transform:uppercase;
}	



footer .tlostopka .box img {
max-width:100%;
vertical-align:middle;
}	

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


footer .tlostopka2 {
	float:left;
	width:100%;
	background-color:#2E2C43;
	padding-top:50px;
	padding-bottom:50px;
}	

footer .tlostopka2 a {
	font-size:18px;
	text-transform:uppercase;
	font-size:18px;
	display:inline-block;
	margin-right:20px;
}	


footer .tlostopka3 {
	float:left;
	width:100%;
	background-color:#1D1C2B;
	padding-top:20px;
	padding-bottom:20px;
}	


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



.przycisk { font-weight:bold;display:inline-block;border:1px solid white;color:#005982;text-decoration:none;padding:15px 40px;color:white;text-transform:uppercase;font-size:18px;}
.przycisk:hover {background-color:white;color:black;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przycisk img { vertical-align:middle;}


.przycisk2 { font-weight:bold;display:inline-block;border:1px solid #E0E0E0;color:#005982;text-decoration:none;padding:15px 40px;color:#2D2C43;text-transform:uppercase;font-size:18px;}
.przycisk2:hover {background-color:#E41E25;color:white;border-color:white;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przycisk2 img { vertical-align:middle;}


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



.link_czarny { color:#2D2C43;text-decoration:none;}
.link_czarny:hover {color:#E41E25;text-decoration:underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


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



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


.boxy .box1 .bg-video {
  position: absolute;
  left: -60%;
  top: 0;
  width: 220%;
  height: 150%;
  z-index: 0;
  top: -20%;
}

}




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


.boxy .ramka {
	grid-template-rows: 450px 350px;
}


}

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

.boxy .box1 .bg-video {
  position: absolute;
  left: -100%;
  top: 0;
  width: 300%;
  height: 150%;
  z-index: 0;
  top: -20%;
}

}



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


.boxy .box2 strong {
  font-size: 24px;
  line-height: 36px;
}

.boxy .box2 small {
  font-size: 13px;
  line-height: 21px;
}


.boxy .box5 small {
  font-size: 12px;
  line-height: 21px;
}


.boxy .box5 strong {
  font-size: 23px;
  line-height: 32px;
}

.boxy .box4 .przycisk2 {
  font-size: 13px;
}
.przycisk2 {
  padding: 10px 30px;
}


}


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

.boxy .box2 {
  padding: 40px 50px;
}


.boxy .box4 {
  padding-left: 50px;
  padding-right: 50px;
}


}


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


.tresc-kontakt .img {
  background-position: left center;

}

}




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

.baner .sekwencja .box-txt {
  max-width: 500px;
}

.baner .sekwencja .box-txt small {
  font-size: 12px;
}

.baner .sekwencja .box-txt .naglowekh {
  text-transform: uppercase;
  font-size: 38px;
  line-height: 50px;
  color: #2D2C43;
  font-weight: bold;
}


.boxdlaczego .ramka2 .box strong {
  font-size: 20px;
  line-height: 31px;
}



.boxbreloki .img::before {
  width: 454px;
  height: 308px;
  background-size: 100% 100%;
  right: -195px;
}



section.boxbreloki:nth-child(8) .img::before {
  left: -195px;
  width: 454px;
  height: 308px;
}

.przycisk_czerwony {
  padding: 15px 30px;
  font-size: 14px;
}


.pasek_fixed {
  left: -10px;
}




}


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



#nawigacja-menu li a {
  padding-left: 10px;
  padding-right: 10px;
}


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

	
	
	.boxwycena .box2 strong {
  font-size: 40px;
  line-height: 50px;
}

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

table.img_left {
  width: calc(100% + 60px) !important;
  margin-left: -30px;
}

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

table.img_right {
  width: calc(100% + 60px) !important;
  margin-left: -30px;
}




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

	 .baner .sekwencja .box-txt .naglowekh {
    font-size: 30px;
    line-height: 40px;
  }
  
  
   .boxy .ramka {
        display: grid;
        grid-template-columns: 1fr 1fr; /* 2 kolumny */
        grid-auto-rows: auto;
        gap: 20px; /* opcjonalnie odstępy między boxami */
    }

    /* box1 zajmuje całą szerokość */
    .boxy .box1 {
        grid-column: 1 / -1; /* 100% szerokości */
        grid-row: 1;
    }

    /* druga linia: box2 i box3 */
    .boxy .box2 {
        grid-column: 1 / 2;
        grid-row: 2;
    }

    .boxy .box3 {
        grid-column: 2 / 3;
        grid-row: 2;
    }

    /* trzecia linia: box5 i box4 */
    .boxy .box5 {
        grid-column: 1 / 2;
        grid-row: 3;
    }

    .boxy .box4 {
        grid-column: 2 / 3;
        grid-row: 3;
    }

    /* opcjonalne paddingi / marginesy dla mniejszego ekranu */
    .boxy .box2,
    .boxy .box3,
    .boxy .box4,
    .boxy .box5 {
        padding: 40px 20px;
    }
  
    .boxbreloki .img::before {
    width: 304px;
    height: 208px;
    background-size: 100% 100%;
    right: -130px;
  }
  
  
  
  section.boxbreloki:nth-child(8) .img::before {
  left: -130px;
    width: 304px;
    height: 208px;
}


  
    .boxy .ramka {
    gap: 0px;
  }
  
  
    .boxy .box2, .boxy .box3, .boxy .box4, .boxy .box5 {
    padding: 40px 85px;
  }
  
  .boxy .box5 {
    padding: 80px 85px;
  }
  
  
  .boxy .box1 .bg-video {
  height: 145%;
}
  .boxklienci .ramka span {
  font-size: 40px;
  line-height: 50px;
}

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


.boxformularz .ramka strong {
  font-size: 22px;
  line-height: 32px;
}


.boxformularz .ramka2 .pole {
  width: 99%;
  margin-right: 1%;
}

.boxformularz .ramka2 .pole.img {
  width: 99%;
  margin-right: 1%;
  padding: 10px 0px;
}


		}
		


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

header.header .ramka2 a {
  margin-left: 10px;
}


.baner-podstrona {
  margin-top: 52px;
}


.przycisk {
  padding: 8px 30px;
  font-size: 14px;
}

.przycisk_czerwony {
  padding: 8px 30px;
  font-size: 14px;
}


header.header .ramka .logo img {
  max-width: 130px;
  width: 100%;
  min-width: 130px;
}


header.header .ramka {
  padding: 0px 0px 0px 0px;
}


header.header .ramka::before {
  top: 50px;
}



.boxdlaczego .ramka2 .box {
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
}



.tresc big, .tresc-podstrony big {
  font-size: 18px;
  line-height: 31px;
}

.glowna3nadrzedna .tresc {
  padding: 50px 0px 60px 50px;
}

.glowna3nadrzedna .baner-podstrona h1 {
  font-size: 50px;
  line-height: 63px;
  padding: 0px 4% 0px 85px;
}


.glowna3nadrzedna  .baner-podstrona::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  height: 120px;
  top: 100px;
}

.glowna3nadrzedna .baner-podstrona, .glowna10nadrzedna .baner-podstrona {
  max-height: 230px;
  min-height: 230px;
}

  .glowna3nadrzedna .baner-podstrona h1 {
    font-size: 50px;
    line-height: 63px;
    padding: 0px 4% 0px 85px;
  }

.glowna10nadrzedna .baner-podstrona::before {
  bottom: auto;
  top: 98px;
}


.tresc-kontakt h1 {
  font-weight: 600;
  font-size: 50px;
  line-height: 63px;
  z-index: 2;
  text-transform: uppercase;
  position: relative;
  top: 0px;
}


.tresc-kontakt .ramka {
  padding-left: 30px;
}


	}







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

footer .tlostopka .ramka {
display: flex;
flex-wrap:wrap;

}

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

footer .tlostopka .box img {
  max-width: 130px;
  vertical-align: middle;
  display: block;
  margin: 20px auto;
}


footer .tlostopka .box {
  float: left;
  width: 33.3%;
}

footer .tlostopka .box.boxsocial img {
  display: inline-block;
}


	}












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


  footer .tlostopka .ramka {
    padding-left: 30px;
  }
  
  
  footer .tlostopka2 .ramka2 {
     padding-left: 30px;
}
  
    footer .tlostopka2 .ramka3 {
     padding-left: 30px;
}
  
  
  
  
}


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

.boxformularz .ramka {
  position: relative;
  background-color: #E41E25;
  color: white;
  padding: 80px 80px;
  width: 100%;
}

.boxformularz .ramka2 {
  width: 100%;
  margin-left: 0%;
  padding-left: 0px;
}

.boxformularz {
	max-width: 600px;
	width: 100%;
	margin: 0px auto;
	display: block;
}


.tresc-kontakt {
  float: none;
  width: 100%;
  margin-bottom: 50px;
  position: relative;
  max-width: 650px;
  margin: 0px auto 0px auto;
}


.tresc-kontakt .ramka {
  float: left;
  width: 100%;
  padding-right: 0%;
  padding-bottom: 30px;
}

.tresc-kontakt .img {
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
  height: 50vw;
  background-image: url('../grafika/podstrona_kontakt.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  float: left;
  margin-bottom: 40px;
  padding-left: 30px;
  padding-right:30px;
}


  .boxformularz   {
   padding-left: 30px;
  padding-right:30px;
  }

.boxdlaczego .ramka h2 {
  font-size: 40px;
  line-height: 60px;
}

.boxbreloki {
	padding-left: 30px;
	padding-right:30px;
}

.boxbreloki .img {
  width: 100%;
}


.boxbreloki .txt {
  float: left;
  width: 100%;
  padding: 20px 30px 20px 30px;
  order: 2;
}



section.boxbreloki:nth-child(8) .txt {
  float: left;
  width: 100%;
  padding: 20px 30px 20px 30px;
  order:2;
}



section.boxbreloki:nth-child(8) .img {
  float: left;
  width: 100%;
  position: relative;
    order:1;
}


.boxbreloki .txt h3 {
  font-size: 25px;
  line-height: 35px;
}

.boxklienci {
  padding-left: 20px;
}

.tlostopka2 .ramka {
  padding-left: 30px;
}


.tlostopka3 .ramka {
  padding-left: 30px;
}


}




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

.lista-min-kat .min-kat .naglowek {
  padding: 20px 0px 20px 30px;
}



		}
		
		


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


.boxwycena .box {
  float: left;
  width: 100%;
  background-color: #E3E3EE;
  position: relative;
  min-height:350px;
}


  .boxwycena .box2 {
    float: left;
    width: 100%;
    padding: 60px;
    height: auto;
    text-align: center;
  }
  
  
.boxwycena .ramka {
  display: flex;
  flex-wrap:wrap;
}

footer .tlostopka2 a {
  font-size: 13px;
  margin-right: 20px;
}

footer .tlostopka3 {
  font-size: 11px;
}


		}
		
		
		
		
	.header.header.header--fixed #nawigacja-menu li.menubold a {
  color:#E41E25;
}
		
		
	.header.header.header--fixed #nawigacja-menu li a:hover {
  text-decoration:underline;
}
		
		
		
		
		
			@media screen and (min-width: 0px) and (max-width:840px) {

		
.boxwycena {
  margin-top: 0px;
}
		
		
.baner-podstrona {
  min-height: 350px;
}

.baner-podstrona h1 {
  font-size: 45px;
  line-height: 53px;
  padding: 0px 38% 0px 60px;
}


.tresc {
  padding: 50px 30px;
  float: left;
  width: 100%;
}

  table.img_left tr td {
    width: 100%;
    padding: 30px;
  }
  
  
    table.img_right tr td {
    width: 100%;
    padding: 30px;
  }
  
  
      table.img_right tr td:nth-of-type(1) {
    order:1;
  }
  
  .tresc-podstrony {
  padding: 50px 30px;
}


			}
			
			



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

	 .baner .sekwencja .box-txt .naglowekh {
    font-size: 25px;
    line-height: 35px;
  }
  
  
  
  .banerramka .slick-next {
  width: 53px;
  height: 63px;
  background-size: 100% 100%;
}
   .banerramka .slick-prev {
  width: 53px;
  height: 63px;
  background-size: 100% 100%;
}


  .banerramka .slick-prev {
  margin-right: 52px;
}
  
  .przycisk_czerwony {
  font-size: 14px;
}


		}
		
		
		
		
		
		
		
		
		
	@media screen and (min-width: 0px) and (max-width:768px) {
		
		
		
 .baner-podstrona h1 {
    padding: 0px 20px 0px 40px;
	font-size: 35px;
    line-height: 45px;
  }
		
		
		

    .boxy {
        margin-top: 60px;
    }

    .boxy .ramka {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .boxy .box1 {
        grid-column: 1;
        grid-row: 1;
        min-height: 260px;
    }

    .boxy .box2 {
        grid-column: 1;
        grid-row: 2;
    }

    .boxy .box3 {
        grid-column: 1;
        grid-row: 3;
    }

    /* 🔴 WAŻNE – box5 PRZED box4 */
    .boxy .box5 {
        grid-column: 1;
        grid-row: 4;
        padding: 60px 25px;
    }

    .boxy .box4 {
        grid-column: 1;
        grid-row: 5;
        padding: 40px 25px;
    }

    .boxy .box1 .txt {
        padding: 0 25px;
    }

    .boxy .box5::before {
        inset: 20px;
    }

    .boxy .box5::after {
        right: 10px;
    }

 .boxy .box2 {
    padding: 40px 80px;
  }


  .boxy .box5 {
    grid-column: 1;
    grid-row: 4;
    padding: 60px 85px;
  }


 .boxy .box5::before {
    inset: 35px;
  }
  
    .boxy .box5::after {
    right: 19px;
  }
  
  
    .boxy .box4 {
    padding: 40px 85px;
  }
  
  .boxy .box3 {
    padding: 40vw 0px;
  }
  
  
.boxbreloki .txt h4 {
  color: black;
  font-size: 25px;
  line-height: 35px;
}


  .banerramka .slick-prev {
  bottom: 26vw;
  }
    .banerramka .slick-next {
  bottom: 26vw;
  }
  
  
  
    footer .tlostopka .box {
    float: left;
    width: 100%;
    text-align: center;
  }
  
  
  
  
  
  
  
  
}
		
		
		@media screen and (min-width: 0px) and (max-width:720px) {

		
		  .glowna3nadrzedna .baner-podstrona h1 {
    font-size: 40px;
    line-height: 56px;
    padding: 0px 4% 0px 78px;
  }
		
		
		}
		


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

		
		.boxdlaczego .ramka h2 {
  text-transform: uppercase;
  font-size: 40px;
  line-height: 60px;
  color: #2D2C43;
  font-weight: bold;
}
		.boxdlaczego .ramka2 .box {
  float: left;
  width: 92%;
  margin-left: 4%;
  margin-right: 4%;
}
		  .boxy .box1 .bg-video {
    height: 115%;
	top: -5%;
  }
  
			}
			
			
				@media screen and (min-width: 0px) and (max-width:630px) {

  .baner .sekwencja .box-txt {
    max-width: 400px;
  }
  

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

		
		.glowna1nadrzedna header.header .ramka2 a.przycisk {
  background-color: transparent;
  display: none;
}

.baner .sekwencja .box-txt {
  padding: 30px 40px;

}



  .baner .sekwencja .box-txt small {
    font-size: 12px;
    display: block;
    line-height: 18px;
  }
  
  
.lista-min-kat .min-kat {
  margin: 2%;
  width: 96%;
  text-decoration: none;
}

.lista-min-kat .min-kat .img img {
  height: 90vw;
  max-height: 540px;
}


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

		header.header .ramka2 a.przycisk {
  display: none;
}


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


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


.strona {
  min-width: 270px;
}


.boxbreloki .txt {
    padding: 20px 30px 20px 0px;
  }


 section.boxbreloki:nth-child(8) .txt {
    padding: 20px 30px 20px 0px;
 }


 .boxy .box2 {
    padding: 40px 40px;
  }
  
  .boxy .box4 {
    padding: 40px 40px;
  }
  

 .boxwycena .box2 {
    padding: 60px 20px;
 }


.boxy .ramka {
    display: block;
  }


		
		  .boxklienci .ramka span {
    font-size: 30px;
    line-height: 40px;
  }
    .tresc h4, .tresc-podstrony h4 {
    font-size: 24px;
    line-height: 36px;
  }
  
			}
			
			
			
			
			
			
			
			
#strona6 table {
    width: 100%;
    border-collapse: collapse;
}

#strona6  table tr td {
    padding: 20px 35px;
    border-bottom: 1px solid #ccc;
}

#strona6  table tr td:hover strong {
   color:#E41E25;
}


#strona6  table tr:nth-child(odd) td {
    font-weight: 400;
    cursor: pointer;
    border-left: 3px solid #E41E25;
    transition: background-color 0.2s, border-color 0.2s;
	font-size:18px;
	line-height:30px;
	  transition: all 0.3s ease;
}

#strona6  table tr:nth-child(odd) td:hover {
    border-color: #2D2B42;
}

#strona6  table tr:nth-child(even) td {
    padding-left: 25px; /* lekki wcięcie dla odpowiedzi */
    color: #333;
}


.boxformularz .ramka2 .pole2 small a:hover {
	color:#E41E25;
}	


.boxformularz .przycisk {
cursor:pointer;	
}	

.boxformularz .przycisk:hover {
background-color:#E41E25;
color:white;
}	



#strona6  .tresc {
padding-left:10%;
padding-right:10%;
}	


.tresc-kontakt .ramka a:hover {
	color:black;
}	

.tresc-kontakt .ramka a:hover strong{
	color:black;
}	
	
	
	
@media screen and (min-width: 0px) and (max-width: 340px) {
  header.header .ramka .logo img {
    max-width: 110px;
    min-width: 110px;
  }
}