/*@font-face {
	font-family: 'Poppins';
	src: url('/fonts/Zabatana-Poster.ttf') format('truetype');
}*/

html{
	scroll-behavior: smooth;
}


body{
	padding: 0;
	margin: 0;
	font-family: 'Poppins';
	-webkit-font-feature-settings: "lnum";
	        font-feature-settings: "lnum";
	/* font-size: 16px; */
	font-size: 1rem;
	overflow-x: hidden;
}


:root{
	--c1 : #f61233;
	--c2 : black;
	--c3 : #17191b;

	--c_red : #f61233;

	--mar : 80px;
	/* --rmk : 15px; */

	font-size: 16px;
}

:root.aplus{
	font-size: 19px;
}
:root.grayscale body>*{
	filter: grayscale(1);
}


.c1{
	color: var(--c1);
}
.c2{
	color: var(--c2);
}
.c3{
	color: var(--c3);
}



html p{
	margin: 0;
}

a{
	transition: 0.5s;
}
a:hover{
	text-decoration: none;
	color: var(--c1);
	/* color: black; */
}
.miastas {
 
	font-size:12px;
	color: #909090;
	}


.row.podstronaofer .col-md-4 h1 {color:white;background:#f61233;text-align:Center;font-size:22px;padding:20px 0;text-transform:uppercase;line-height:20px;height:76px;margin:0}
.row.podstronaofer .col-md-4 p {font-size:13px;margin:20px 0}
.row.podstronaofer .col-md-4 ul, .row.podstronaofer .col-md-4 ul li {text-align:left;}
.row.podstronaofer .col-md-4 ul  a {color: #f61233;text-align: left}

.pasekbox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
			justify-content: center;
	text-align: center;
}
.pasekbox .pasek{
	border-bottom: 2px solid var(--c1);
	width: 50px;
}


/*
h2{
	font-weight: 400;
	margin-top: 8px;
	margin-bottom: 8px;
}
h3{
	font-weight: 400;

}
*/


h1, h2, h3{
	font-family: 'Poppins';
	margin-top: 8px;
	margin-bottom: 8px;
}




/* navy */




.menu-navbar-wrapper .mobile-logo{
	display: none;
}
/* .menu-navbar-wrapper .mobile-logo img{
	height: 71px;
} */

#menu-fixed.scrl{
	background-color: white;
	color: black;
	box-shadow: 0px 0px 50px 5px black;
}


.navbar-ctnr .navmobil{
	display: none;
}



#menu-fixed{
	color: black;
	background-color: transparent;
    text-align: center;
	font-size: 14px;
	font-size: 0.875rem;
    font-weight: 500;

	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	transition-property: color, box-shadow, background-color;

	background-position: top center;
	background-repeat: no-repeat;

	font-family: 'Poppins';

	/* border-bottom: 3px solid; */
	/* border-image-slice: 1; */
	/* border-image-source:  linear-gradient(to right, var(--c_orange), var(--c_orange) 25%, var(--c_blue) 25%, var(--c_blue) 50%, var(--c_green) 50%, var(--c_green) 75%, var(--c_magenta) 75%, var(--c_magenta) 100%); */
}

#menu-fixed .navbar{
	padding: 0;
	color: black;
	background-color: transparent;
	transition: 0.5s;
	/* overflow-y: auto; */
	/* kurwa dropdauny nie dzialaja z tym*/

	max-height: calc(100vh - 20px);

	width: 100%;
}
#menu-fixed .navbar-collapse{
	position: relative;
}
#menu-fixed .navbar-nav{
	/* margin-left: auto; */
	margin-left: 60px;
	margin-right: auto;
	/* margin-right: 20px; */
	align-items: center;
	/* overflow: hidden; */
	/* w sumie to nie wiem po chuj to bylo, ale dropdown z tym nie pojedzie z oczywistych powodow*/

	
}






#menu-fixed .mobl{
	display: none;
}





#menu-fixed .navbar .logo{
	flex-shrink: 0;
}





#menu-fixed .nav-link{
	position: relative;
	color: white;

	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;

	transition-property: color, background-color;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
			justify-content: center;



	font-weight: 500;
	letter-spacing: 1px;
	padding: 5px 17px;
	margin: 0px 8px;
	border-radius: 50px;

	font-family: "Poppins";
	/* font-size: 16px; */
	font-size: 1rem;

	text-transform: uppercase;

	white-space: normal;

}

/* underline hover smiec */
/*
#menu-fixed .nav-link:after{
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	background: var(--c_orange);
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}
#menu-fixed .nav-link:hover:after{
	width: 100%;
	left: 0;
}
*/

/*
#menu-fixed .nav-link:after{
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	background-color: var(--c1);

	transition: height 0.15s;
	width: 100%;
	left: 0;
}
#menu-fixed .nav-link:hover:after{
	height: 3px;
}
*/




#menu-fixed .nav-link:hover, #menu-fixed .nav-link:focus, #menu-fixed .nav-link:active{
	/* background-color: var(--c_orange); */
	/* color: white; */

	/* color: var(--c_red); */
	/* background-color: var(--c_red); */

	background-color: var(--c1);
	color: white;

}




#menu-fixed .navbar-toggler{
	margin-left: auto;

	min-height: 42px;
	z-index: 100;
	/* margin-right: var(--mar); */
}
#menu-fixed .navbar-toggler:focus{
	outline: 0;
}



/* kul */
/*
#menu-fixed .nav-link:after {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	background-color: var(--c1);
	-webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
	-o-transition: width 0.3s ease 0s, left 0.3s ease 0s;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0px;
}
#menu-fixed .nav-link:hover:after {
	width: 100%;
	left: 0;
}
*/
/* /kul */

/* czyszcze strzalki od dropdown-toggle */
#menu-fixed .nav-link:after{
	/* display: none; */
}

#menu-fixed .nav-soc{
	flex-shrink: 0;
}

#menu-fixed .nav-soc .nav-link:after{
	display: none;
}


#menu-fixed .navbar-dual{
	flex-basis: 50%;
}

#menu-fixed .navbar-dual.navd1{

}
#menu-fixed .navbar-dual.navd2{
	/* flex-basis: 35%; */
}

#menu-fixed .logo-box{
	position: relative;
    display: block;
    transition: none;
    flex-shrink: 0;
    padding: 5px;
    margin-left: var(--mar);
}

#menu-fixed .logo-box .logo-full{

}
#menu-fixed .logo-box .logo-scrl{
	display: none;
}



#menu-fixed .navtop{
	display: flex;
	background-color: var(--c1);
	color: white;
	padding: 5px 80px;
}

#menu-fixed .navtop .navtop-l{
	margin-right: auto;
	display: flex;
}

#menu-fixed .navtop .navtop-r{
	display: flex;
}




#menu-fixed .navtop .item{
	margin-left: 10px;
	margin-right: 10px;
	display: flex;
}
#menu-fixed .navtop .item .ico{
	margin: auto;
	margin-right: 5px;
	flex-shrink: 0;
}
#menu-fixed .navtop .item .txt{
	display: flex;
	align-items: center;
}


#menu-fixed .navtop-l .item:first-child{
	margin-left: 0px;
}
#menu-fixed .navtop-r .item:last-child{
	margin-right: 0px;
}








#menu-fixed .menu-navbar-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;

	transition: 0.5s;
	padding: 25px 0px;

	/* background-color: var(--c2); */
}
#menu-fixed.scrl .menu-navbar-wrapper{

}

#menu-fixed .menu-navbar-wrapper .kontakty{
	/* background-color: var(--c1); */
	align-self: stretch;
	display: flex;
	align-items: center;
	color: white;

	flex: 1 0 auto;

	transition: 0.5s;
	padding-right: 100px;
}
#menu-fixed.scrl .menu-navbar-wrapper .kontakty{
	color: black;
}

#menu-fixed .menu-navbar-wrapper .kontakty .k{
	padding: 5px 15px;
	display: flex;
	align-items: center;
	color: white;
	transition: 0.5s;
}
#menu-fixed.scrl .menu-navbar-wrapper .kontakty .k{
	color: black;
}

#menu-fixed .menu-navbar-wrapper .kontakty .k .ico{
	margin-right: 5px;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

#menu-fixed .menu-navbar-wrapper .kontakty .k .ico img{

}

#menu-fixed .menu-navbar-wrapper .kontakty .k .txt{
	text-align: left;
	line-height: 1;
}

#menu-fixed .menu-navbar-wrapper .kontakty .k .txt .l1{
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 1rem;
}

#menu-fixed .menu-navbar-wrapper .kontakty .k .txt p{

}

#menu-fixed .menu-navbar-wrapper .fb-box{
    background-color: #3e444c;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
	width: var(--mar);
	flex-shrink: 0;
}

#menu-fixed .menu-navbar-wrapper .fb-box .fb-box-inner{
	

}




/*dropdowny*/

#menu-fixed .navbar-nav .nav-item{
	position: relative;
}

#menu-fixed .drpdwn{

}

#menu-fixed .drpdwn-menu{
	position: absolute;
	bottom: 0;
	display: none;
}

#menu-fixed .drpdwn-menu.show{
	display: block;
}

#menu-fixed .dropdown-item{
	color: var(--c_blue);
}

/***/






.navbar{
	overflow: visible;
}
.navbar .navbar-collapse{
	z-index: 100;
}


#menu-fixed.scrl .nav-link{
	/* color: var(--c_blue); */
	color: black;
}
#menu-fixed.scrl .nav-link:hover, #menu-fixed.scrl .nav-link:focus, #menu-fixed.scrl .nav-link:active{
	color: white;
}



#menu-fixed .skr{
	display: none;
}
#menu-fixed.scrl .skr{
	display: block;
}


#menu-fixed .nor{
	display: block;
}
#menu-fixed.scrl .nor{
	display: none;
}



#menu-fixed.menu-subpage .nav-link{
	/* color: var(--c_blue); */
	color: black;
}
#menu-fixed.menu-subpage .nav-link:hover, #menu-fixed.menu-subpage .nav-link:focus, #menu-fixed.menu-subpage .nav-link:active{
	color: white;
}

#menu-fixed.menu-subpage .skr{
	display: block;
}
#menu-fixed.menu-subpage .nor {
    display: none;
}
#menu-fixed.menu-subpage .menu-navbar-wrapper .kontakty .k{
	color: black;
}




.popup-container{
	position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 4000;
	background-color: rgba(255, 255, 255, .7);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
	.popup-container {
		background-color: rgba(255, 255, 255, .5);
		-webkit-backdrop-filter: blur(10px);
		        backdrop-filter: blur(10px);
	}
}

.popup-container.close{
	display: none;
}
.popup-container .popup-inner{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 20px;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.popup-container .popup-inner .popup-box{
    position: relative;
    padding: 30px;
    background-color: rgba(245, 245, 245, .7);
}
.popup-container .popup-inner .popup-box>img{
	max-height: calc(100vh - 100px);
}
.popup-container .popup-inner .popup-close{
	position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
    z-index: 1;
}
.popup-container .popup-inner .popup-close>img{
	width: 22px;
	height: 22px;
}




@keyframes superSliderAnim { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}




section h2{
	font-weight: 300;
}
section h2 strong{
	font-weight: 700;
}

/* section intro */
#intro{
	position: relative;

}

#intro .kontener{

}

#intro .kontent{
	padding-top: calc(1080/1920*100%);
	/* background-image: url(/gfxi/i/splash-placeholder.png); */
	/* margin-top: 42px; */
	/* background-color: grey; */
}

#intro .abs-inner{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	display: flex;
}

#intro .blur-layer{

}

#intro .box-l{
	/* padding-top: calc(1080/1920*100%); */
	background-image: url(/gfxi/i/roz-left.png);
	background-size: cover;
	background-position: center bottom;
	flex: 1;

	display: flex;
	/* padding-top: 33vh;
	padding-left: 50px;
    padding-right: 50px; */
}
#intro .box-l .blur-layer{
	padding-top: 33vh;
	padding-left: 50px;
	padding-right: 50px;
	flex: 1;
	transition: 0.5s background-color, 0.5s backdrop-filter;

	position: relative;
	overflow: hidden;
}
#intro .box-l .blur-layer:hover{
	backdrop-filter: blur(5px) brightness(80%);
}


#intro .box-l .nagl{
	position: relative;
}
#intro .box-l .nagl .l1{
	position: absolute;
    top: -20px;
    color: white;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.6vw;
}
#intro .box-l .descr{
	max-width: 600px;
	color: white;
	margin-top: 50px;
}
#intro .box-l .guzikbox{

}
#intro .box-l .guzikbox .guzik{
    border-radius: 50px;
    margin-left: auto;
    margin-right: 0;
	margin-top: 50px;
	
	padding: 15px 70px;
    font-size: 1.2rem;
    font-weight: 700;
}


#intro .box-r{
	/* padding-top: calc(1080/1920*100%); */
	background-image: url(/gfxi/i/roz-right.png);
	background-size: cover;
	background-position: center bottom;
	flex: 1;
	/* padding-top: 33vh;
	padding-left: 50px;
	padding-right: 50px; */
	display: flex;
	transition: 0.5s background-color, 0.5s backdrop-filter;
}

#intro .box-r .blur-layer{
	padding-top: 33vh;
	padding-left: 50px;
	padding-right: 50px;
	flex: 1;
	transition: 0.5s background-color, 0.5s backdrop-filter;

	position: relative;
	overflow: hidden;
}
#intro .box-r .blur-layer:hover{
	backdrop-filter: blur(5px) brightness(80%);
    /* background-color: rgba(0, 0, 0, 0.7); */
}

#intro .box-r:hover{
	background-color: black;
    background-blend-mode: luminosity;
}

#intro .box-r .nagl{

}

#intro .box-r .descr{
	color: white;
}
#intro .box-r .descr .l1{
	font-size: 5rem;
	font-weight: 700;
}
#intro .box-r .descr .l2{
	font-size: 2rem;
	font-weight: 400;
}


#intro .sidebar{
	position: absolute;
	width: 100px;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #fbf3f5;
	display: flex;
	transition: 0.5s;
}
#intro .sidebar .inner{
	flex: 1;
	margin-top: 20vh;
	padding-right: 30px;
	padding-left: 30px;
}
#intro .sidebar.on{
	width: 50%;
	background-color: transparent;
	backdrop-filter: blur(25px);
	/* padding: 0 20px; */
}



#intro .sidebar .inner .toggle{

}
#intro .sidebar .inner .toggle .toggle-on{
	display: block;
}
#intro .sidebar .inner .toggle .toggle-off{
	display: none;
}

#intro .sidebar.on .inner .toggle .toggle-on{
	display: none;
}
#intro .sidebar.on .inner .toggle .toggle-off{
	display: block;
}



#intro .sidebar .form-boks{
	display: none;
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
}
#intro .sidebar.on .form-boks{
	display: block;
	margin-top: 40px;
}


#intro .sidebar .form-boks input{
	border-radius: 5px;
    padding: 10px 20px;
    margin-bottom: 8px;
}

#intro .sidebar .form-boks .form-boks-texty{
	color: white;
}
#intro .sidebar .form-boks .form-boks-texty .text-innerbox{
	display: flex;
}

#intro .sidebar .form-boks .form-boks-texty h3{
	background-color: black;
	font-size: 4rem;
	font-weight: 700;
}

#intro .sidebar .form-boks .form-boks-texty h4{
	background-color: black;
	font-size: 2rem;
	font-weight: 400;
}


#intro .rodo-btn-row{
	color: white;
	font-size: 0.6rem;
}
#intro .guzikbox button{
	border: 0;
	border-radius: 50px;
	margin-left: 0;
	margin-top: 10px;
}



/* section sekcja-1 */
#sekcja-1{
	position: relative;
}

#sekcja-1 .kontener{
	
}

#sekcja-1 .kontent{
	/* background-image: url(/gfxi/i/s-bg-1.jpg);
	background-size: cover;
	background-position: bottom center; */
}

#sekcja-1 .main-box{
	position: absolute;
	display: flex;
	top: 0;
    left: 0;
    right: 0;
}
#sekcja-1 .abs-bg{
	position: relative;
	text-align: center;
}
#sekcja-1 .abs-bg img{
	width: calc(100% - 200px);
    margin-left: 100px;
    margin-right: 100px;
}
#sekcja-1 .main-box .box{
	flex-basis: 50%;
	display: flex;
	position: relative;
}
#sekcja-1 .main-box .box-l{
	align-items: center;
	/* justify-content: center; */

	justify-content: flex-start;
}
#sekcja-1 .main-box .box-l .nagl{
	display: flex;
	padding: 20px;
	margin-left: 13vw;
}
#sekcja-1 .main-box .box-l .nagl .num{
	margin-bottom: auto;
	flex-shrink: 0;
}
#sekcja-1 .main-box .box-l .nagl .txt{
	margin-left: 20px;
}
#sekcja-1 .main-box .box-l .nagl .txt h2{
	line-height: 1;
}
#sekcja-1 .main-box .box-l .nagl .txt .l1{
    font-size: 2.75rem;
}
#sekcja-1 .main-box .box-l .nagl .txt .l2{
    font-weight: 900;
    font-size: 3.5rem;
}
#sekcja-1 .main-box .box-l .nagl .txt .l3{
	font-size: 2.5rem;
    font-weight: 700;
}

#sekcja-1 .main-box .box-r{
    margin-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    font-size:14px;
}

#sekcja-1 .btm-box{
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 9vw;
	background-color: var(--c1);
	color: white;
	font-size: 1.2rem;
	font-weight: 300;
	
	margin-bottom: -90px;
	position: relative;
	z-index: 1;
}

#sekcja-1 .btm-box h3{
	font-size: 2rem;
	font-weight: 200;
	margin-bottom: 20px;
}

#sekcja-1 .btm-box h3 strong{
	font-weight: 700;
}





/* section sekcja-2 */
#sekcja-2{
	position: relative;
}

#sekcja-2 .kontener{
	
}

#sekcja-2 .kontent{
	background-image: url(/gfxi/i/s-bg-2.jpg);
	background-size: cover;
	background-attachment: fixed;
	color: white;

	padding-top: 200px;
	padding-bottom: 140px;
}

#sekcja-2 .gora{
	display: flex;
}

#sekcja-2 .gora .nagl{
	flex-basis: 50%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 20px;
}
#sekcja-2 .gora .nagl .nagl-inner{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;

	margin-left: 13vw;
}
#sekcja-2 .gora .nagl .num{
	margin-bottom: auto;
	flex-shrink: 0;
}
#sekcja-2 .gora .nagl .txt{
	margin-left: 20px;
}
#sekcja-2 .gora .nagl .txt .l1{
	font-size: 2.75rem;
}
#sekcja-2 .gora .nagl .txt .l2{
	font-weight: 900;
	font-size: 3.5rem;
}
#sekcja-2 .gora .nagl .txt .l3{
	font-size: 3.5rem;
    font-weight: 500;
}

#sekcja-2 .gora .box-l{
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
	max-width: 500px;
	margin: auto;
	margin-top: 0;
	text-align: justify;
	padding-left: 20px;
    padding-right: 20px;
}
#sekcja-2 .gora .box-l .psq{
	margin-bottom: 40px;
    border-bottom: 2px solid var(--c1);
}

#sekcja-2 .pikto-list{
	display: flex;
	flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    max-width: 1400px;
    margin: auto;
    margin-top: 50px;
}

#sekcja-2 .pikto-list .pikto-item{
	flex: 1;
	text-align: center;
	padding: 10px;
}

#sekcja-2 .pikto-list .pikto-item .ico{

}

#sekcja-2 .pikto-list .pikto-item .txt{
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 3px;
	margin-top: 10px;
}



/* section sekcja-2-b */
#sekcja-2-b{
	position: relative;
}

#sekcja-2-b .kontener{
	
}

#sekcja-2-b .kontent{
	background-image: url(/gfxi/i/s-bg-3.jpg);
	background-size: cover;
	background-position: center;
}

#sekcja-2-b .text{
	/* position: absolute; */
    font-weight: 300;
    max-width: 1000px;
    padding: 120px 20px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* display: flex;*/
    align-items: center;
    justify-content: center;
	margin: auto;
	color: white;
    font-size: 15px;
    font-weight: 200;
    text-align: left;
}
#sekcja-2-b .text h2 {font-size:36px;}
#sekcja-2-b .text p {padding-right:20px;}
#sekcja-2-b .text strong{
	font-weight: 700;
}
#sekcja-2-b .text .c{
	color: black;
}

/* section sekcja-3 */
#sekcja-3{
	position: relative;
}

#sekcja-3 .kontener{
	
}

#sekcja-3 .kontent{
	padding-top: 140px;
	padding-bottom: 140px;
	background-image: url(/gfxi/i/s-bg-4.jpg);
	background-size: cover;
	background-position: bottom center;
}

#sekcja-3 .gora{
	display: flex;
	min-height: 500px;
}
#sekcja-3 .gora .nagl{
	flex-basis: 50%;

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

	padding: 20px;
}
#sekcja-3 .gora .nagl .nagl-inner{
	display: flex;
	align-items: center;
	justify-content: center;

	margin-left: 13vw;
}
#sekcja-3 .gora .nagl .num{
	margin-bottom: auto;
	flex-shrink: 0;
}
#sekcja-3 .gora .nagl .txt{
	margin-left: 20px;
	margin-bottom: auto;
}
#sekcja-3 .gora .nagl .txt h2{
	line-height: 1;
}
#sekcja-3 .gora .nagl .txt .l1{
	font-size: 2.75rem;
}
#sekcja-3 .gora .nagl .txt .l2{
	font-weight: 900;
	font-size: 3.5rem;
}
#sekcja-3 .gora .nagl .txt .l3{
	font-size: 2rem;
    font-weight: 300;
}
#sekcja-3 .gora .box-l{
	flex-basis: 50%;

	padding-left: 20px;
    padding-right: 20px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}
#sekcja-3 .gora .box-l .psq{

}
#sekcja-3 .gora .box-l ul {border:0px solid red;margin-top:20px;background: rgba(5,5,5,.01);border-radius:10px;padding:30px}
#sekcja-3 .gora .box-l ul li a {
	text-decoration: underline;
	text-align: left;
}

#sekcja-3 .pikto-list{
	display: flex;
	flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    max-width: 1400px;
    margin: auto;
    margin-top: 80px;
}
#sekcja-3 .pikto-list .pikto-item{
	flex: 1;
	text-align: center;
	padding: 10px;
	position: relative;
}
#sekcja-3 .pikto-list .pikto-item .ico{
	animation: kolko 3s infinite;
}
#sekcja-3 .pikto-list .pikto-item:nth-child(1) .ico{
	animation-delay: 0s;	
}
#sekcja-3 .pikto-list .pikto-item:nth-child(2) .ico{
	animation-delay: 0.2s;
}
#sekcja-3 .pikto-list .pikto-item:nth-child(3) .ico{
	animation-delay: 0.4s;	
}
#sekcja-3 .pikto-list .pikto-item:nth-child(4) .ico{
	animation-delay: 0.6s;	
}
.robotsz {
	background-color: var(--c1);
	padding:10px 20px;
	display: inline-block;
	border-radius:20px;
}
#sekcja-3 .col-md-6 {
	 
	font-size:14px;
	text-align: justify;
	padding-top:20px;
	padding-bottom:20px;
}


@keyframes kolko{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1);
	}
	55%{
		transform: scale(1.3);
	}
	60%{
		transform: scale(1);
	}
	0%{
		transform: scale(1);
	}
}


#sekcja-3 .pikto-list .pikto-item .txt{
	text-transform: uppercase;
    font-weight: 700;
	letter-spacing: 3px;
	margin-top: 10px;
}
#sekcja-3 .pikto-list .pikto-item .strz{
	position: absolute;
    top: -25px;
    right: -110px;
}
#sekcja-3 .pikto-list .pikto-item:last-child .strz{
	display: none;
}


#sekcja-3 .btm-box{
	max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 5vw;
    background-color: var(--c1);
    color: white;
    font-size: 1.2rem;
    font-weight: 300;
	position: absolute;
	z-index: 1;
    bottom: -195px;
    left: 0;
	right: 0;
}
#sekcja-3 .btm-box h3{

}
#sekcja-3 .btm-box p{

}







/* section sec-formularz */
#sec-formularz{
	position: relative;
	/* display: none; */
	/* background-image: linear-gradient(to bottom, white, var(--c_orange) 1%, var(--c_orange)); */
}

#sec-formularz .kontener{
	margin: var(--mar);
}

#sec-formularz .kontent{
	color: black;
	padding: 120px 25px;
}

#sec-formularz .header{
	display: flex;
}

#sec-formularz .header .psq{
	flex-basis: 150px;
	height: 3px;
	background-color: var(--c_purple);
	margin-top: 2rem;
	margin-right: 20px;
}

#sec-formularz .header .txt{

}

#sec-formularz .header .txt h3{
	font-size: 2.5rem;
	font-family: 'Merriweather';
}
#sec-formularz .header .txt .l1{
	color: #8f8f8f;
}
#sec-formularz .header .txt .l2{
	color: var(--c_purple);
}






#sec-formularz .guzikbox{
	margin-top: 20px;
}
#sec-formularz .guzikbox .guzik{
	/* color: black; */
    border: 0;
    font-family: "Poppins";
	/* font-size: 18px; */
	font-size: 1rem;
    letter-spacing: 0px;
	font-weight: 400;
	background-color: var(--c1);
	color: white;
	text-transform: uppercase;
	/* margin-right:0; */
}
#sec-formularz .guzikbox .guzik:hover{
	background-color: white;
	color: var(--c1);
}


#sec-formularz .form-container{
	max-width: 1200px;
	margin: auto;
	margin-top: 80px;
}

#sec-formularz .input-group-text{
	background: transparent;
	width: 44px;

	border: 0;
}

#sec-formularz .input-group{
	margin-bottom: 5px;

	border-bottom: 2px solid black;
}

#sec-formularz .input-group input{
	background: transparent;
	color: black;

	border: 0;
}
#sec-formularz .input-group input::placeholder{
	color: black;
	font-style: italic;
}
#sec-formularz .input-group input:focus{
	border-color: #ced4da;
	box-shadow: none;
}
#sec-formularz .input-group input:focus::placeholder{
	color: #777777;
}


#sec-formularz .rodo-btn-row{
	font-size: 0.6rem;
}










.product_page .form-container{
	margin-top: 80px;
	margin-bottom: 40px;
}
.product_page .input-group-text{
	background: transparent;
	width: 44px;

	border: 0;
}

.product_page .input-group{
	margin-bottom: 5px;

	border-bottom: 2px solid black;
}

.product_page .input-group input{
	background: transparent;
	color: black;

	border: 0;
}
.product_page .input-group input::placeholder{
	color: #555555;
	font-style: italic;
}
.product_page .input-group input:focus{
	border-color: #9e9e9e;
	box-shadow: none;
}
.product_page .input-group input:focus::placeholder{
	color: rgb(82, 82, 82);
}

.product_page .guzikbox{
	margin-top: 20px;
}
.product_page .guzikbox .guzik{
	margin-left: 0;
}









/*******************/
/* slider-swp */
.slider-swp-box{
	min-width: 0;
}
.slider-swp{
	overflow: hidden;
	/* margin-top: 60px;
	margin-bottom: 60px; */
}
.slider-swp .swiper-slide{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
			justify-content: center;

	margin: auto; /**/

	margin-top: 0;
}
.slider-swp .swiper-slide .slider-pudlo{
	width: 100%;
	display: block;

	/* ??? */
	/* max-height: calc(100vh - 150px); */
	max-height: 100vh;
}
.slider-swp .imgbox{
	/* max-height: 300px; */
	/* overflow: hidden; */
	text-align: center;
	/***/
}
.slider-swp .imgbox img{
	width: 100%;
}
.slider-swp .opisbox{
	background: white;
	color: black;
	padding: 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;

	text-transform: uppercase;
	font-size: 14px;
	font-size: 0,875rem;
    font-weight: 700;
	letter-spacing: 1px;
	text-align: center;

	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}


.slider-swp .opisbox:hover{
	/* color: black; */
	/* filter: drop-shadow(0 0 3px black); */
	background: black;
	color: white;
}
.slider-swp .opisbox:hover a{
	color: white;
}

.swiper-button-next-sl, .swiper-button-prev-sl{
	position: absolute;
    top: 50%;
    /* width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size); */
    /* margin-top: calc(-1 * var(--swiper-navigation-size) / 2); */
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	/* color: var(--swiper-navigation-color, var(--swiper-theme-color)); */
	height: 50px;
	width: 50px;
	/* border: 1px solid var(--c2); */
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}


.swiper-button-next-sl:focus, .swiper-button-prev-sl:focus{
	outline: 0;
}
.swiper-button-next-sl:hover, .swiper-button-prev-sl:hover{
	/* background: #cccccc; */
}

.swiper-button-next-sl{
    right: calc(10vw - 20px);
    left: auto;
}
.subpage .swiper-button-next-sl{
	right: -60px;
	left: auto;
}
.swiper-button-prev-sl{
    right: auto;
    left: calc(10vw - 20px);
}
.subpage .swiper-button-prev-sl{
	right: auto;
	left: -60px;
}

@media (max-width: 1200px){
	.swiper-button-prev-sl, .swiper-button-next-sl{
		display: none;
	}
}





/*custom*/
.swiper-button-next-sl, .swiper-button-prev-sl{
	top: 42%;
}
.swiper-button-prev-sl{
	left: 0;
}
.swiper-button-next-sl{
	right: 0;
}

.slider-swp .opisbox-nohover{
	background: white;
	color: black;
	padding: 10px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;

	text-transform: uppercase;
	/* font-size: 18px; */
	font-size: 1rem;
    font-weight: 700;
	letter-spacing: 1px;
	text-align: center;
/*
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; */
}

.slider-swp .short-content{
	text-align: center;
    padding: 10px;
    padding-top: 0;
    font-style: italic;
    font-weight: 500;
    /* color: var(--c1); */
	font-size: 16px;
	font-size: 1rem;
}

.slider-swp .text-content{
	text-align: center;
    font-size: 13px;
}


/* *** */



.pasek1box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 40px 0;
}
.pasek1{
	width: 50px;
	height: 6px;
	background: var(--c2);
}













/* section mapa */
#mapa
{
	position: relative;
	padding-bottom: 30.208333333%; /* aspect ratio */
	height: 0;
	overflow: hidden;
	/* -webkit-filter: grayscale(1); */
	        /* filter: grayscale(1); */

	/* filter: saturate(0) sepia(0.2) hue-rotate(-10deg) brightness(1); */
	/*nie wiem jak to na szybko zrobic zeby byl color filter*/

	filter: grayscale(1) invert(0.9);
}

#mapa iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

@media (max-width: 992px){
	#mapa
	{
		padding-bottom: 60%; /* aspect ratio */
	}
}








/* section footer */
#footer{
	position: relative;
	/* background-color: #dfdfdf; */
	background-image: url(/gfxi/i/s-bg-5.jpg);
	background-size: cover;
	background-attachment: fixed;
}

#footer .bonus-filter{
    background-image: linear-gradient(to top, black 20%, transparent);
}

#footer .footer-wrapper1{
	text-align: center;
	
	/* background-color: #dfdfdf; */
	max-width: 1600px;
	padding: 200px 20px 80px;
	margin: auto;

	/* margin: var(--mar); */
	/* margin-bottom: 40px; */
}

/* #footer .footer-wrapper1 .logo{

}

#footer .footer-wrapper1 .logo img{

}

#footer .footer-wrapper1 .kontaktys-nagl{
	color: var(--c_blue);
	margin-top: 40px;
	margin-bottom: 20px;
}

#footer .footer-wrapper1 .kontaktys{
	display: flex;
	margin-top: 40px;
	flex-wrap: wrap;
}

#footer .footer-wrapper1 .kontaktys .k{
	flex: 1;
	font-weight: 400;
	margin-bottom: 20px;
}
#footer .footer-wrapper1 .kontaktys .k p{
	margin-bottom: 10px;
	font-size: 1rem;
}
#footer .footer-wrapper1 .kontaktys .k h3{
	margin: 0;
	font-size: 1.2rem;
}

#footer .footer-wrapper1 .kontaktys .k .ico{
	margin-bottom: 10px;
} */



#footer .footer-wrapper1{
	/* display: flex; */
}

/* #footer .footer-wrapper1 .box{
	flex: 1;
}

#footer .footer-wrapper1 .kbox{

}
#footer .footer-wrapper1 .fbox{
	margin: 0 20px;
}


#footer .footer-wrapper1 .kbox .logo{

}
#footer .footer-wrapper1 .kbox .kontaktys{
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
#footer .footer-wrapper1 .kbox .kontaktys .k{
	flex-basis: 50%;
    display: flex;
    text-align: left;
}
#footer .footer-wrapper1 .kbox .kontaktys .k .ico{
	margin-right: 10px;
	flex-shrink: 0;
}
#footer .footer-wrapper1 .kbox .kontaktys .k .tekst{

}
#footer .footer-wrapper1 .kbox .kontaktys .k .tekst strong{
	letter-spacing: 1px;
}
#footer .footer-wrapper1 .kbox .adres-etc{
	margin-top: 40px;
	text-align: left;
	font-weight: 500;
} */

#footer .box-top{
	color: white;
	display: flex;
}

#footer .box-top-l{
	flex: 1;
}
#footer .box-top-l .nagl{
	display: flex;
	padding: 20px;
}
#footer .box-top-l .nagl .num{
	margin-bottom: auto;
	flex-shrink: 0;
}
#footer.footer-sub .box-top-l .nagl .num{
	display: none;
}
#footer .box-top-l .nagl .txt{
	margin-left: 20px;
	text-align: left;
}
#footer .box-top-l .nagl .txt h2{
	line-height: 1;
}
#footer .box-top-l .nagl .txt .l1{
	font-size: 2.75rem;
}
#footer .box-top-l .nagl .txt .l2{
	font-weight: 900;
	font-size: 3.5rem;
}
#footer .box-top-l .nagl .txt .l3{
	font-size: 2.5rem;
	font-weight: 300;
}

#footer .box-top-border{
	width: 2px;
    margin: 10px;
    height: 180px;
    background-color: var(--c1);
}

#footer .box-top-r{
	flex: 1;
}
#footer .box-top-r .logobox{
	text-align: right;
}
#footer .box-top-r .f-kontakty{
	display: flex;
	justify-content: flex-end;
	margin-top: 30px;
}
#footer .box-top-r .f-kontakty-inner{

}
#footer .box-top-r .f-kontakty .k-elem{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
    line-height: 1;
}
#footer .box-top-r .f-kontakty .k-elem .ico{
	width: 50px;
	flex-shrink: 0;
}
#footer .box-top-r .f-kontakty .k-elem .txt{
	text-align: left;
	font-size: 1.5rem;
	font-weight: 300;
}

#footer .box-top-r .f-kontakty .k-elem:nth-child(1) .txt{
	font-size: 3rem;
}

#footer .box-btm{
	margin-top: 200px;
	display: flex;
	color: white;
}
#footer .box-btm .box-btm-l{
	text-align: left;
	font-size: 1.5rem;
}
#footer .box-btm .box-btm-r{
	text-align: right;
	margin-left: auto;
}
#footer .box-btm .box-btm-r .psq{

}
#footer .box-btm .box-btm-r .txt{

}
#footer .box-btm .box-btm-r .txt .l1{
	font-size: 0.875rem;
    font-weight: 700;
}
#footer .box-btm .box-btm-r .txt .l2{
	font-size: 1.5rem;
    font-weight: 700;
}


#footer .boks-r-form{

    /* right: 6.1vw; */
    /* bottom: 8.3vw; */
    /* width: 26.2vw; */
	background-color: white;
	color: black;
	padding: 40px;
}
#footer .boks-r-form .r-form-header{
	text-align: center;
	font-size: 1.7rem;
    letter-spacing: 4px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 40px;
    margin-bottom: 40px;
}
#footer .boks-r-form .r-form-descr{
	color: #858b93;
	text-align: center;
	margin-top: 40px;
    margin-bottom: 40px;
}


#footer .input-group input{
	background: transparent;
    color: black;
    border: 0;
}

#footer .input-group input:focus{
	border-color: #ced4da;
	box-shadow: none;
}

#footer .input-group{
	margin-bottom: 5px;
    border-bottom: 2px solid black;
}

#footer .input-group input::placeholder{
	/* text-align: center; */
}

#footer .rodo-btn-row{
	font-size: 0.6rem;
	text-align: justify;
}

#footer .guzikbox {
	margin-top: 20px;
}

#footer .guzik{
	border: 0;
}









#footer .form-container{
	max-width: 1200px;
	margin: auto;
	margin-top: 80px;
	color: white;
}

#footer .input-group-text{
	background: transparent;
	width: 44px;

	border: 0;
}

#footer .input-group{
	margin-bottom: 5px;

	border-bottom: 2px solid white;
}

#footer .input-group input{
	background: transparent;
	color: white;

	border: 0;
}
#footer .input-group input::placeholder{
	color: #ced4da;
	font-style: italic;
}
#footer .input-group input:focus{
	border-color: #ced4da;
	box-shadow: none;
}
#footer .input-group input:focus::placeholder{
	color: white;
}


#footer .rodo-btn-row{
	font-size: 0.6rem;
}

















.scroll-up{
	position: fixed;
	bottom: -50px;
	right: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	width: 45px;
	height: 45px;
	background-color: var(--c2);
	color: #c0c0c0;
	-webkit-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
	z-index: 2000;
}
.scroll-up.show{
	bottom: 50px;
}
.scroll-up:hover{
	color: var(--c1);
}





img {
	max-width: 100%;
	height: auto;
}




.guzikbox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

}

.guzik{
    padding: 10px 40px;
    /* border: 1px solid white; */
	font-size: 14px;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 2px;
    text-align: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-family: 'Poppins';
    -webkit-font-feature-settings: "lnum";
            font-feature-settings: "lnum";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    border-radius: 2px;
    margin: auto;


	background-color: var(--c1);

	/* background-image: linear-gradient(135deg,
	#edac7c 0%,
	#f1b57e 5%,
	#f4bc7f 10%,
	#f7c481 15%,
	#facc83 20%,
	#fcd384 25%,
	#fed380 30%,
	#fdc470 35%,
	#fdb762 40%,
	#fca952 45%,
	#fc953d 50%,


	#fc953d 55%,
	#fca952 60%,
	#fdb762 65%,
	#fdc470 70%,
	#fed380 75%,
	#fcd384 80%,
	#facc83 85%,
	#f7c481 90%,
	#f4bc7f 95%,
	#f1b57e 100%
	);

	background-size: 200%; */

	color: white;
	border-color: var(--c1);
}


.guzik:hover, .guzik:active, .guzik:focus{
	/* background-color: white; */
	/* color: white;
	border-color: white; */
	/* background-color: var(--c2); */
	/* background-position: -100px; */


	color: var(--c1);
	background-color: white;


}



.guzik-h{
	background-color: rgba(0, 0, 0, 0.6);
}
.guzik-h:hover, .guzik-h:active, .guzik-h:focus{
	/* background-color: var(--c1);
	color: white;
	border-color: var(--c1); */
}


.guzik-w{
	color: white;
	border-color: white;
}
.guzik-w:hover, .guzik-w:active, .guzik-w:focus{
	color: var(--c1);
	border-color: black;
}

.guzik-b{
	color: black;
	border-color: black;
}
.guzik-b:hover, .guzik-b:active, .guzik-b:focus{
	color: var(--c1);
	border-color: white;
}



.cookiez {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    font-size: 12px;
    left: 0;
    padding: 25px 0 30px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 20000;
}
.cookiez a {
    background-color: #ddd;
    border: 0 solid red;
    border-radius: 4px;
    color: #555;
    display: inline-block;
    margin-left: 10px;
    padding: 9px 17px;
}




/*** anchory ***/
#oferty, #kontakt{
	position: absolute;
	top: -70px;
}
@media (max-width: 1199px){
	#oferty, #kontakt{
		position: absolute;
		top: -42px;
	}
}




/**** jakies smieci z podstron ****/
.subpage{
	padding-top: 200px;
	min-height: 100vh;
	background-position: top center;
    background-attachment: fixed;
	background-size: cover;

	background-color: white;
    color: black;
}
.subpage .opis{
	font-family: 'Poppins';
}
@media (max-width: 640px){
	.subpage{
		padding-top: 150px;
		word-break: break-word;
		-ms-word-break: break-word;
	}
}

.subpage td{
	border: 1px dotted #969696;
    padding: 2px;
}

.subpage .galeria{
	width: 100%;
}



.tcenter{ /*to akurat moze sobie zostac - chociaz mozna tez zrobic replace na bs4 class*/
	text-align: center;
}

.center{
	text-align: center;
}
.txt-justify{
	text-align: justify;
}

/*zostawie chyba for posterity*/
/*
.galeria{
	width: 100%;
}
*/
.produkty{
	/*chuj wie skad to jest kurwa co to za gowno*/
	/* width: 100%;
	text-align: center; */
}
.prod_name h2{
	font-size: 20px;
	color: black;
}

.kategorie{
	width: 100%;
}

.dnone {
	display: none;
}

.kpg{
	margin: 20px 0;
}

.tyt_podstrony .opis{
	margin: 40px 0;
}
.tyt_podstrony h1.tcenter {
	font-size: 42px;
	font-size: 2.625rem;
    font-weight: 800;
    margin: 0 40px;
    border:0px solid red;
	/* background-image: url(gfxi/h1bg.png); */
	/* wlaza te paski na tekst ...... */
}
@media (max-width: 768px){
	.tyt_podstrony h1.tcenter{
		margin: 0;
		font-size: 28px;
		font-size: 1.75rem;
	}
}

/* do przerobienia */
/* .close-box{
	background: #d3031d;
    color:#fff;
    text-transform: uppercase;
    float: right;
    padding: 15px 40px;
} */
.close-box { /* kurwa jeszcze lepiej */
	background: black;
	border: 2px solid black;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	top: 10px;
	right: 0px;
	padding: 12px 40px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	}
	.close-box:hover {
	  color: black;
	  background: #fff; }

/****** copypasta przekonwertowanego scssa nie wiem co tu sie dzieje ******/
.product_list {
  border-right: 1px solid black;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.product_list .prod_name a {
  font-size: 16px;
}
.product_list .prod_name a h2 {
  font-size: 16px;
  font-weight: 600;
  color: black;
  margin: 15px 0 5px 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.product_list .price_b {
  color: black;
  font-size: 14px;
  font-weight: 400;
  text-align: right;
  margin: 5px 0 15px 0;
}
.product_list .price_b span {
  color: black;
  font-size: 18px;
  font-weight: 700;
}
.product_list:hover {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-box-shadow: 0px 10px 5px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 10px 5px 2px rgba(0, 0, 0, 0.07);
}

/*end lista kategorii*/
/*produkt opis po wej�ciu*/
section.product_details .product_desc .product_head h1 {
  font-size: 32px;
  font-weight: 400;
}
section.product_details .product_desc .product_head .return_button {
  text-align: right;
  margin-bottom: 30px;
}
section.product_details .product_desc .product_head .product_price {
  border-top: 1px solid black;
  margin-top: 25px;
  padding-top: 25px;
  text-align: right;
}
section.product_details .product_desc .product_head .product_price .dodaj_kosz .cena_p {
  font-size: 18px;
}
section.product_details .product_desc .product_head .product_price .dodaj_kosz .cena_p .cena_sz {
  color: black;
  font-weight: 700;
  font-size: 24px;
}
section.product_details .product_desc .product_description {
  padding: 75px 0 100px 0;
  border-bottom: 1px solid black;
}
section.product_details .product_desc .product_description h1, section.product_details .product_desc .product_description h2, section.product_details .product_desc .product_description h3 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
section.product_details .product_desc .product_description p {
  text-align: justify;
  margin-bottom: 30px;
}
section.product_details .product_desc .product_description p a {
  color: black;
  font-weight: 400;
}

/*end produkt opis po wejsciu*/
@media screen and (min-width: 1px) and (max-width: 991px) {
  section.product_details .product_desc .product_head h1 {
    text-align: center;
    font-size: 28px;
  }
  section.product_details .product_desc .product_head .product_price {
    text-align: center;
  }
}
/****** koniec copypasty ******/


/***** jakies tam style do koszyka *****/
section.shoping_cart {
	padding-bottom: 136px;
	padding-top: 80px;
}

section.shoping_cart h1 {
	background-image: url(../gfx/header-raster.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	color: #000;
	font-size: 27px;
	font-weight: 900;
	margin-top: 56px;
	margin-bottom: 28px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 26px;
}

section.shoping_cart .koszyk_cont h2 {
	font-size: 16px;
	text-align: center;
}

section.shoping_cart form .btn_1,
section.shoping_cart form .btn_2,
section.shoping_cart form .btn_3 {
	/* width: calc(33% - 10px); */
	width: calc(49% - 10px);
	display: inline-block;
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
}

section.shoping_cart form table {
	width: 100%;
}

section.shoping_cart form table th {
	background-color: #000;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 11px 13px 11px 0;
	text-align: center;
}

section.shoping_cart form table tr td {
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	font-size: 14px;
	text-align: center;
}

section.shoping_cart form table tr td strong span {
	font-family: 'Poppins';
	color: #000;
}

section.shoping_cart form table tr td a img {
	width: 80px;
	margin: 20px auto;
}

section.shoping_cart form table tr td:nth-child(1) {
	border-left: 1px solid #dedede;
}

section.shoping_cart form table tr td input.cart_input {
	border: 1px solid #919191;
	height: 40px;
	width: 40px;
	margin-right: 10px;
	text-align: center;
}

section.shoping_cart form table tr td .usun_kosz {
	position: relative;
}

section.shoping_cart form table tr td .usun_kosz input {
	position: relative;
}

section.shoping_cart form table tr td .usun_kosz input.remove {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	display: block;
	margin: auto;
	width: 26px;
	height: 26px;
	background-image: url(../gfx/bin.svg);
	background-size: 26px 26px;
}

section.shoping_cart form table tr td .usun_kosz:hover:after {
	background: #f10707;
	border-radius: 5px;
	bottom: 37px;
	color: #fff;
	content: "Usuń";
	left: 0%;
	padding: 10px 15px;
	position: absolute;
	z-index: 98;
	display: inline-block;
	min-width: 100px;
	font-weight: 400;
	font-size: 12px;
	-webkit-animation: default-transitionz 0.2s;
	        animation: default-transitionz 0.2s;
}

section.shoping_cart form table tr td .usun_kosz:hover:before {
	border: solid;
	border-color: #f10707 transparent;
	border-width: 12px 12px 0 12px;
	content: "";
	left: 80%;
	position: absolute;
	z-index: 99;
	top: -11px;
	-webkit-animation: default-transitionz 0.2s;
	        animation: default-transitionz 0.2s;
}

section.shoping_cart form table.tabkoszyksuma td {
	background-color: #f7f7f7;
	font-size: 20px;
	padding: 20px;
}

section.shoping_cart .cart_ship_pay,
section.shoping_cart .cart_client {
	font-size: 14px;
}

section.shoping_cart .cart_ship_pay textarea,
section.shoping_cart .cart_client textarea {
	width: 100%;
}

section.shoping_cart .cart_ship_pay table,
section.shoping_cart .cart_client table {
	width: 100%;
}

section.shoping_cart .cart_ship_pay table th,
section.shoping_cart .cart_client table th {
	background-color: #000;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 11px 13px 11px 0;
	text-align: center;
}

section.shoping_cart .cart_ship_pay table td,
section.shoping_cart .cart_client table td {
	border-right: 1px solid #dedede;
	border-top: 1px solid #dedede;
	font-size: 14px;
	text-align: center;
	padding: 11px 13px 11px 0;
}

section.shoping_cart .cart_ship_pay table td:nth-child(1),
section.shoping_cart .cart_client table td:nth-child(1) {
	border-left: 1px solid #dedede;
}

section.shoping_cart .cart_ship_pay ul,
section.shoping_cart .cart_client ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 50%;
}

section.shoping_cart .cart_ship_pay ul li input,
section.shoping_cart .cart_client ul li input {
	border: 1px solid #919191;
	height: 40px;
	width: 100%;
	clear: both;
	text-align: center;
	display: block;
}

section.shoping_cart .cart_ship_pay ul li input#rej_firma_2,
section.shoping_cart .cart_client ul li input#rej_firma_2,
section.shoping_cart .cart_ship_pay ul li input#r_newsletter1,
section.shoping_cart .cart_client ul li input#r_newsletter1,
section.shoping_cart .cart_ship_pay ul li input#r_regulamin1,
section.shoping_cart .cart_client ul li input#r_regulamin1,
section.shoping_cart .cart_ship_pay ul li input#r_dane_osobowe1,
section.shoping_cart .cart_client ul li input#r_dane_osobowe1,
section.shoping_cart .cart_ship_pay ul li input#rej_firma,
section.shoping_cart .cart_client ul li input#rej_firma,
section.shoping_cart .cart_ship_pay ul li input#r_newsletter,
section.shoping_cart .cart_client ul li input#r_newsletter,
section.shoping_cart .cart_ship_pay ul li input#ax_regulamin,
section.shoping_cart .cart_client ul li input#ax_regulamin,
section.shoping_cart .cart_ship_pay ul li input#r_dane_osobowe,
section.shoping_cart .cart_client ul li input#r_dane_osobowe {
	width: 20px;
	height: 20px;
	float: left;
}

section.shoping_cart .cart_ship_pay h4,
section.shoping_cart .cart_client h4 {
	color: #000;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 11px 13px 0 0;
}

section.shoping_cart .cart_ship_pay h4 span,
section.shoping_cart .cart_client h4 span {
	color: #000;
	margin-right: 10px;
}

section.shoping_cart .cart_ship_pay .btn_2,
section.shoping_cart .cart_client .btn_2,
section.shoping_cart .cart_ship_pay .btn_1,
section.shoping_cart .cart_client .btn_1 {
	width: calc(33% - 10px);
	/* display: inline-block; */
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
	float: right;
}
/***** koniec *****/



.cart_client .tab_pod_kosz{
	display: none;
	/* kurwa szkoda nerwow */
}

/* jakies gowno */
.offer_category.product_page{
	margin-top: 200px;
	padding: 20px;
}
/*  */





#sl ul
{
	margin-bottom: 0; /* buctrap */
}




.footer-expo{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	padding: 10px var(--mar);
	-webkit-box-align: center;
	    -ms-flex-align: center;
			align-items: center;

	color: white;
	background-color: var(--c2);
	
	
}
/* position: absolute;
	bottom: -42px;
	left: 0;
	right: 0; */
.footer-expo .expo{
	margin-left: auto;
}

.footer-expo .cr{
	margin-left: auto;
}




body {
	/* animation:1s disco linear infinite; */
}

@-webkit-keyframes disco {
	0% {
		-webkit-filter:hue-rotate(0deg);
		        filter:hue-rotate(0deg);
	}
	100% {
		-webkit-filter:hue-rotate(360deg);
		        filter:hue-rotate(360deg);
	}
}

@keyframes disco {
	0% {
		-webkit-filter:hue-rotate(0deg);
		        filter:hue-rotate(0deg);
	}
	100% {
		-webkit-filter:hue-rotate(360deg);
		        filter:hue-rotate(360deg);
	}
}








.preloader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100vh;
	width: 100%;
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	-webkit-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
  }








/*hm. bonus.*/
a{
	color: inherit;
}



/* cos do podstron - nie wiem dlaczego tamto jest generowane z funkcji phpa no ale chuj */
.product_desc{

}
.product_desc .tytul{
	padding: 40px 10%;
	text-align: center;
}
.product_desc .prod_picture{
	text-align: center;
}
.product_main_pic img{
	max-width: 500px;
}
.product_desc .prod_opis_box{
	/* margin: 40px 10%; */
}
.product_desc .k_opis{
	display: none;
}
.product_desc .kw_prod_opis{
	margin: 40px 10%;
}
.product_desc .galeria{
	text-align: center;
}
.product_desc .galeria .grid-item{
	width: 20%;
}
.product_desc .galeria img{
	padding: 5px;
}

@media (max-width: 800px){
	.product_desc .galeria .grid-item{
		width: 33.3333%;
	}
}
@media (max-width: 576px){
	.product_main_pic img{
		max-width: 100%;
	}
	.product_desc .galeria .grid-item{
		width: 50%;
	}
	.product_desc .kw_prod_opis{
		text-align: justify;
	}
}



/*galeria na podstronie bonus style:*/
.galeria .row{

}
.galeria .pic{
    padding: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
    /* align-items: center; */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.galeria .pic img{

}


/* back-arr */
.back-arr-box{
	padding-top: 20px;
	padding-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.back-arr-box .back-arr{
	background: var(--c1);
	color: white;
	padding: 10px 20px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	display: block;
	margin-left: auto;
	border-radius: 5px;
}
.back-arr-box .back-arr:hover{
	background: var(--c2);
	color: var(--c1);
}







/* pozost subpage */
.subpage .pozost{

}
.subpage .pozost>.c-link{
	background: #eee;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin: 20px;
    padding: 40px 15px;
	font-size: 24px;
	font-size: 1.3rem;
	font-weight: 700;
	color: black;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;

	border: 3px solid #dfdfdf;
    -webkit-filter: drop-shadow(0px 0px 5px #ccc);
            filter: drop-shadow(0px 0px 5px #ccc);
}
.subpage .pozost>.c-link:hover{
	color: black;
	-webkit-transform: translate(0px, -10px);
	    -ms-transform: translate(0px, -10px);
	        transform: translate(0px, -10px);
	-webkit-filter: drop-shadow(0px 5px 3px black);
	        filter: drop-shadow(0px 5px 3px black);
}








.kateg-box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	align-items: flex-start;
}
.kateg-item-wrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 10px;
}
.kateg-box .kateg{
	background: #eeeeee;
    /* -webkit-transition: 0.5s;
    -o-transition: 0.5s;
	transition: 0.5s; */
	transition: 0.1s;
	font-size: 24px;
	font-size: 1.5rem;
    font-weight: 700;
    color: black;
	display: block;
    text-align: center;
	border: 1px solid #dfdfdf;

	-ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
}
.kateg-box .kateg-tytul{
	margin: 0px;
    text-transform: uppercase;
	font-size: 14px;
	font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: black;
    padding: 20px;
}
.kateg-box .kateg-img{
	margin: 0px;
	margin-top: 10px;
}
.kateg-box .kateg-img img{

}
.kateg-box .kateg:hover{
	/* color: black;
    -webkit-transform: translate(0px, -10px);
        -ms-transform: translate(0px, -10px);
			transform: translate(0px, -10px); */
	transform: translate(5px, -5px);
}
.kateg-4{
	-ms-flex-preferred-size: 25%;
	    flex-basis: 25%;
}
.kateg-a{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
			flex: 1;
}

@media (max-width: 992px){
	.kateg-4, .kateg-a{
		-ms-flex-preferred-size: 50%;
			flex-basis: 50%;

		flex-grow: 0;
	}
}
@media (max-width: 576px){
	.kateg-4, .kateg-a{
		-ms-flex-preferred-size: 100%;
			flex-basis: 100%;

		flex-grow: 0;
	}
}


.kateg-box.blogbox{

}

.kateg-box.blogbox .kateg-tytul {
    margin: 0px;
    text-transform: uppercase;
	font-size: 20px;
	font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: black;
    padding: 20px;
}

.kateg-box.blogbox .blog-sc{
	margin: 0px;
	font-size: 14px;
	font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 1px;
    color: black;
	padding: 20px;
	text-align: left;
}




/*z-gal*/
.gal-z-container{
	display: flex;
	flex-wrap: wrap;
}
.gal-z-container .gal-z-item-wrapper{
	flex-basis: 25%;
	padding: 5px;
	text-align: center;
}
.gal-z-container .gal-z-item{
	display: block;
	transition: 0.5s;
}

/*cos zjebali w przegladarkach z tymi transformami, nie dziala to plynnie i wyglada chujowo.*/
.gal-z-container .gal-z-item:hover{
	/* transform: translate(0, -5px); */
}

.gal-z-container .gal-z-item img{
	padding: 1px;
    background: white;
    box-shadow: 0 0 4px #878787;
	transition: 0.5s;
}

.gal-z-container .gal-z-item:hover img{
	background: #9b9b9b;
}
@media (max-width: 992px){
	.gal-z-container .gal-z-item-wrapper{
		flex-basis: 50%;
		padding: 5px;
	}
}
@media (max-width: 576px){
	.gal-z-container .gal-z-item-wrapper{
		flex-basis: 100%;
		padding: 5px;
	}
}
/*///*/



/*pliki ...*/
.pliki-container{
	max-width: 1200px;
	margin: auto;
}

.pliki-container .plik-box{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.pliki-container .ico{
	padding: 16px;
}

.pliki-container .link{
	font-size: 24px;
	font-size: 1.5rem;
}




/*nowosci promocje ee*/
/*
#nowosci .slider-swp .imgbox{
	background: white;
}
#nowosci .slider-swp .imgbox img{
	width: auto;
}
#nowosci .slider-swp .opisbox-nohover{
	background: var(--c2);
	color: white;
}
*/




/*super custom produkty*/
.produkty{
	margin-top: 40px;
    margin-bottom: 40px;
}
.produkty .produkt-item{
	margin-top: 15px;
	margin-bottom: 15px;

	font-family: 'Poppins';

	display: flex;
	padding: 5px;
}
.produkty .produkt-item:hover{
	color: inherit;
	border-radius: 10px;
    transform: translate(0px, -10px);
    box-shadow: 5px 5px 5px #777777, -5px -5px 5px var(--c1);
}
.produkty .produkt-item:nth-child(2n+1){
	background: rgba(255,255,255,0.819);
}
.produkty .produkt-item:nth-child(2n){
	background: rgba(255,255,255,0.329);
}

.produkty .produkt-item .produkt-name-descr-box{
	flex: 1;
	text-align: justify;
	margin: auto;
}

.produkty .produkt-item .prod_img{
	margin-right: 20px;
}

.produkty .produkt-item .prod_name h2{
	font-weight: 700;
	margin: 0;
}

.produkty .produkt-item .prod_descr{
	font-weight: 400;
	font-family: 'Poppins';

	font-size: 14px;
}
@media (max-width: 640px){
	.produkty .produkt-item .prod_descr{
		font-size: 13px;
	}
}

.produkty .produkt-item .prod_cena{
	color: red;
	font-weight: 700;

	margin: auto;
	margin-left: 20px;

	flex-basis: 58px;
}

.superwrapper{
    padding: 40px 0 40px;
}

@media (max-width: 768px){
	.produkty{
		margin-left: auto;
		margin-right: auto;
	}
	.produkty .produkt-item{
		flex-direction: column;
	}
}




/*** media queries ***/
@media (max-width: 1600px){

}

@media (max-width: 1400px){
	#menu-fixed .navbar-nav{
		margin-right: 0;
	}
	#menu-fixed .menu-navbar-wrapper .kontakty{
		display: none;
	}
	#menu-fixed .menu-navbar-wrapper .fb-box{
		display: none;
	}



	#intro .box-r .descr .l1{
		font-size: 4rem;
	}


	#sekcja-1 .main-box .box-l .nagl, #sekcja-2 .gora .nagl .nagl-inner, #sekcja-3 .gora .nagl .nagl-inner{
		margin-left: 8vw;
	}




	#footer .footer-wrapper1 .kbox .kontaktys .k{
		flex-basis: 100%;
	}
}

#menu-fixed .nav-mobil{
	display: none;
}
/*mkurwa buctrap ma display:flex !important na nav collapse co za zalosc*/

/* <xl */
/*cos jest spierdolone, pewnie przez te zajebane fractional px, lepiej wziac 1199 zeby byl overlap miedzy tym i 1200 do buctrap nava */
@media (max-width: 1199px){
	:root{
		--mar: 40px;
	}

	#menu-fixed .nav-mobil{
		display: flex;
		flex-basis: 100%;
	}
	.menu-navbar-wrapper .mobile-logo{
		display: block;
		padding: 5px;

		margin-left: 10px;
	}
	.menu-navbar-wrapper .mobile-logo img{
		height: 30px;
	}
	#menu-fixed .logo-box,
	#menu-fixed .menu-navbar-wrapper .kontakty,
	#menu-fixed .menu-navbar-wrapper .fb-box{
		display: none;
	}

	#menu-fixed .navbar-nav{
		margin-left: 0;
	}



	#intro .sidebar{
		display: none;
	}
	#intro .box-l .nagl .l1{
		font-size: 1.35rem;
		font-weight: 700;
		letter-spacing: 0.2vw;
	}
	#intro .box-l .descr{
		display: none;
	}
	#intro .box-l .guzikbox{
		display: none;
	}
	#intro .box-r .descr .l1{
		font-size: 3rem;
	}
	#intro .box-r .descr .l2{
		font-size: 1.5rem;
	}


	#sekcja-1 .main-box .box-l .nagl, #sekcja-2 .gora .nagl .nagl-inner, #sekcja-3 .gora .nagl .nagl-inner{
		margin-left: 20px;
	}
	#sekcja-1 .abs-bg{
		display: none;
	}
	#sekcja-1 .main-box{
		position: relative;
	}
	#sekcja-1 .main-box .box-l{
		background-color: white;
	}
	#sekcja-1 .main-box .box-r{
		background-color: #f1f5f6;
	}
	#sekcja-1 .main-box .box-r{
		margin-top: auto;
		padding-left: 0;
		padding-right: 0;
		max-width: none;
	}
	#sekcja-1 .main-box .box-r .box-r-inner{
		padding: 40px;
	}
	



	#sekcja-2 .gora{
		flex-direction: column;
	}
	#sekcja-2 .gora .box-l{
		max-width: none;
	}

	#sekcja-3 .kontent{
		background: white;
		padding-top: 40px;
		padding-bottom: 0px;
	}
	#sekcja-3 .gora{
		min-height: auto;
		flex-direction: column;
	}
	#sekcja-3 .gora .box-l{
		max-width: none;
	}

	#sekcja-3 .pikto-list .pikto-item .strz{
		display: none;
	}
	#sekcja-3 .btm-box{
		position: relative;
	}










	#sec-formularz .header .kontakts{
		flex-wrap: wrap;
	}
	#sec-formularz .header .kontakts .k{
		margin-right: 0;
		flex-basis: 100%;
		justify-content: flex-start;
	}


	#footer .footer-wrapper1{
		flex-wrap: wrap;
	}
	#footer .footer-wrapper1 .box{
		flex-basis: 100%;
	}
	#footer .footer-wrapper1 .fbox{
		margin: 20px 0;
	}



	#footer .box-top{
		flex-direction: column;
	}
	#footer .box-top-border{
		display: none;
	}

	#footer .box-top-r .f-kontakty{
		justify-content: center;
	}
	#footer .box-top-r .logobox{
		text-align: center;
		margin-top: 40px;
	}





}

/* <lg */
@media (max-width: 992px){

	#intro .box-r .descr{
		display: none;
	}

	#sekcja-1 .main-box{
		flex-direction: column;
	}

	#sekcja-2 .pikto-list{
		
	}
	#sekcja-2 .pikto-list .pikto-item{
		flex-basis: 50%;
	}
	#sekcja-3 .pikto-list .pikto-item{
		flex-basis: 50%;
	}



}

/* <md */
@media (max-width: 768px){
	:root{
		--mar: 20px;
	}


	#intro .box-l .nagl{

	}
	#intro .box-l .nagl .l1{
		display: none;
	}
	#intro .box-l .blur-layer, #intro .box-r .blur-layer{
		padding-top: 22vw;
		padding-left: 20px;
		padding-right: 20px;
	}




	#sekcja-1 .main-box .box-l .nagl, #sekcja-2 .gora .nagl .nagl-inner, #sekcja-3 .gora .nagl .nagl-inner{
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	#sekcja-1 .main-box .box-l .nagl .txt, #sekcja-2 .gora .nagl .txt, #sekcja-3 .gora .nagl .txt, #footer .box-top-l .nagl .txt{
		margin-left: 0;
	}



	#sekcja-1 .main-box .box-l .nagl .txt .l2{
		font-size: 2.5rem;
	}
	#sekcja-2 .gora .nagl .txt .l1{
		font-size: 2rem;
	}
	#sekcja-2 .gora .nagl .txt .l2{
		font-size: 2.75rem;
	}
	#sekcja-2 .gora .nagl .txt .l3{
		font-size: 2.5rem;
	}

	#sekcja-1 .btm-box{
		font-size: 0.9rem;
	}
	#sekcja-1 .btm-box h3{
		font-size: 1.4rem;
	}

	#sekcja-3 .btm-box{
		font-size: 0.9rem;
	}
	#sekcja-3 .btm-box h3{
		font-size: 1.4rem;
	}



	#footer .box-top-r .f-kontakty .k-elem{
		flex-direction: column;
		text-align: center;
		justify-content: center;
	}
	#footer .box-top-r .f-kontakty .k-elem .txt{
		font-size: 1.2rem;
		text-align: center;
	}
	#footer .box-top-r .f-kontakty .k-elem:nth-child(1) .txt{
		font-size: 2rem;
	}



	#footer .box-top-l .nagl{
		display: block;
		text-align: center;
	}
	#footer .box-top-l .nagl .txt{
		text-align: center;
	}


	
	

	#sec-formularz .header .txt{
		text-align: center;
		margin: auto;
	}
	#sec-formularz .header .psq{
		display: none;
	}



	#footer .footer-wrapper1 .kontaktys .k{
		flex-basis: 100%;
	}


	#footer .box-btm{
		flex-direction: column;
	}
	#footer .box-btm .box-btm-r .txt{
		margin-top: 20px;
	}
	



}

/* <sm */
@media (max-width: 576px){
	:root{
		--mar: 5px;
	}



	#nasze-cele .boxy .box-elem{
		flex-wrap: wrap;
		text-align: center;
		padding: 30px;
	}
	#nasze-cele .boxy .box-elem .ico{
		margin: auto;
		margin-bottom: 5px;
	}



	#proces-rekrutacji .box-l .qm{
		display: none;
	}
	#proces-rekrutacji .box-l .nagl .nagl-inner{
		text-align: center;
	}
	#proces-rekrutacji .box-l .l3{
		font-size: 3rem;
	}
	#proces-rekrutacji .box-r .lista .item .text{
		font-size: 1rem;
    	letter-spacing: 1px;
	}
	

	#footer .boks-r-form{
		padding: 20px;
	}
	#footer .boks-r-form .r-form-header{
		font-size: 1.2rem;
		letter-spacing: 2px;
	}




	.footer-expo{
		flex-wrap: wrap;
		bottom: -68px;
	}

	.footer-expo .expo, .footer-expo .cr{
		flex-basis: 100%;
		text-align: center;
	}
	.footer-expo .cr{
		font-size: 0.8rem;
	}
}

/* --- */
@media (max-width: 320px){

}