fieldset,hr{border:0;padding:0}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #e2e2e2;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

/* ==========================================================================
   influencja.pl
   ========================================================================== */

.czcionka {
	font-family: 'Montserrat', sans-serif;
}
img {
    border: 0;
    max-width: 100%;
    margin: 0px !important;
    height: auto;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 15px;
	width: 100%;
	overflow-x: hidden;
/*	background-color: #F2F2F2;
	background-image: url('../img/tlo.png');
	background-position: center top;
	background-repeat: repeat-y;
	background-size: 100% auto;
	font-weight: 300;*/



	background-repeat: no-repeat;
    background-color: #f2f2f2;
    background-image: url('../img/tlo.jpg');
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;

}

#ozdoda_top{
	display: block;
	position: absolute;
	z-index: -1;
	width: 100%;
}

#ozdoda_top img{
	max-width: 100%;
}



#ladowanie {
	text-align: center;
	background-color: #F2F2F2;
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #666666;
	font-size: 13px;
	pointer-events: none;

}
#ladowanieZawartosc {
	padding-top:150px;
}
#ladowanieZawartosc img {
	height: auto;
	width: 75px;
	filter: grayscale(100%);
}
.imgMin{
	display: none;
}
a, a * {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-decoration:none;
}
a:hover, a:hover * {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-decoration:none;
}

ul.siezka {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0px;
	list-style: none;
	margin: 0px;
	padding-left: 25px;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}
ul.siezka li{
	float: none;
	flex: 0 0 auto;
	line-height: 35px;
	color:#999;
	font-size: 12px;
	padding-right: 15px;
	white-space: nowrap;
}

ul.siezka li a {
	color: #000;
	font-weight: 400;
	text-transform: unset;
}

ul.siezka li a i{
	color: #7b7b7b;
    padding-right: 10px;
}
ul.siezka li a:hover {
	color: #000;
}
ul.siezka li a i.fa-chevron-right{
	font-size: 10px;
	line-height: 12px;
	padding-right: 5px;
}

/** HEADER **/
#glowny_naglowek_knt {
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	position: relative;
	left:0px;
	right:0px;
	top: 0px;
	z-index:501;
/*	background-color: rgba(255,255,255,0.9);
	background-repeat: no-repeat;
	background-position: top center;
	box-shadow: 0px 0px 35px rgba(0,0,0,0.1);*/
	/*box-shadow: 0px 0px 50px rgba(0,0,0,0.1);*/
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	background-color: #fff;

}
.cien {
	padding:20px;
	margin: 15px;
	box-shadow: 0px 0px 100px rgba(0,0,0,0.1);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.odstep {
	height: 100px;
}
#glowny_naglowek {
	position: relative;
	margin: 0 auto;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.45);
}

#glowny_naglowek .szerokosc_str{
	position: relative;
}
#logo {
	margin: 20px 0px 20px 20px;
	float: left;
	width: 260px;
}
.kontakt_list{
	background-color: rgba(0,0,0,0.9);
	color: #fff;
	text-align: right;
	font-size: 12px;
	font-weight: 400;
	padding: 3px 0px;
}
.kontakt_list a{
	color: #fff;
	font-weight: 600;
	padding: 0px 10px;
}

.kontakt_list a:hover{
	color: #2e3644;
}
#menu_mobil {
	display:none;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
}
#menuGlowne {
	font-family: 'Montserrat', sans-serif;
	z-index: 500;
	margin-top: 0px;
	height: 50px;

} 
#menuGlowne ul {
	display: block;
	padding:0px; 
	display: inline-block;
	float: left;
	padding: 0px 15px;
	margin: 0px;
} 
#menuGlowne ul.ulRight{
	float: right;
	text-transform: uppercase;
}

.li_polecane{
	background-color: #5f708e;
	padding-left: 25px !important;
	padding-right: 25px !important;
}
.li_promocje{
	background-color: #cc0000;
	padding-left: 25px !important;
	padding-right: 0px !important;
}

.li_polecane a{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.li_promocje a{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.li_polecane:hover{
	background-color: #f2f2f2;
}
.li_promocje:hover{
	background-color: #f2f2f2;
}

#menuGlowne ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} 
#menuGlowne li {
	position: relative;
	display: block;
	float: left;
	list-style-type: none;
	height: auto;
	display: block;
	cursor: pointer;
	padding-right: 5px;
	padding-left: 5px;
}
#menuGlowne li:first-child  {
	padding-left: 0px;
}
#menuGlowne ul li a {
	display: block;
	position: static;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 5px;
	padding-left: 5px;
	color: #fff;
	margin: 0px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#menuGlowne ul li a.sklep {
	/*background-color: #666666;*/
	line-height: 20px;
	height: 20px;
	padding-top: 41px;
	overflow: hidden;
}
#menuGlowne ul li a.sklep span {
	text-transform: none;
}
#menuGlowne ul li a.sklep span strong {
	font-weight: 400;
	font-size: 24px;
}
#menuGlowne ul li a.konto {
    /*background-color: #bfbfbf;*/
}
#menuGlowne ul li a:hover {
	/*background-color: #666666;*/
	color: #5f708e;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.tlo_strona  ul{
	list-style: none;
}
.panelKlienta{

}
.marginTop40{
	margin-top:40px !important;
}
.tlo_biale_cien{
	/*box-shadow: 0px 0px 100px rgba(0,0,0,0.1);*/
	padding: 50px 0px;
}
.tlo_biale_bez{
	padding: 50px 0px;
}
.miniBaner{
	/*border-radius: 10px;*/
}
#menuGlowne ul ul {
	display: none;
	font-family: 'Montserrat', sans-serif;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 50px;
	padding: 0px 0px 0px 0px;
	width: 280px;
	z-index: 500;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	height: auto;
	border-radius: 0px 0px 10px 10px;
}
#menuGlowne ul ul li {
	font-family: 'Montserrat', sans-serif;
	float: none;
	height: auto;
	text-align: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	padding: 0px 10px !important; 
} 
#menuGlowne ul ul li a {
	display: block;
	float: none;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	background-color: #fff;
	height: auto;
	margin-left: 0px;
	line-height: 15px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-transform: uppercase;
	text-align: left;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	padding: 10px 0px;
}
#menuGlowne  ul ul li a:hover {
	color: #999;
	/*background-color: #666666;*/
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}


#menuGlowne  ul ul ul{
	display: none;
	position: absolute;
	width: auto;
	margin: 0px;
	left: 250px;
	top: 0px;
	background: #444;
}
#menuGlowne  ul ul ul li a{
	padding-left: 20px;
	width: 215px;
}

.informacja_menu {
	float: right;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	padding-top: 35px;
	padding-right: 20px;
	padding-bottom: 7px;
}
.menu_kontakt_knt {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	width: calc( 100% - 60px);
	height: 35px;
	overflow: hidden;
	padding: 0px 30px;
}
.menu_kontakt{
	width: 600px;
	float: right;
}
ul.menu_kontakt {
	overflow: hidden;
	padding: 0px;
	list-style: none;
	margin: 0px;
}
ul.menu_kontakt li{
	float: right;
	padding: 0px 20px;
}

ul.menu_kontakt li a{
	color: #999;
	font-size: 14px;
	line-height: 35px;
	
}
ul.menu_kontakt li a:hover{
	color: #000;
}

.menu_sciezka{
	width: 100%;
	float: left;
	background: #f9f9f9;
}

ul.produkcja{
	padding: 0px;
	overflow: hidden;
}
text{
	font-size: 24px;
	text-align: center;
	display: block;
	font-weight: 100;
}
ul.produkcja li{
	width: 29%;
	list-style: none;
	background: #f2f2f2;
	padding: 1%;
	float: left;
	margin:1%;
	min-height: 510px;
}

ul.produkcja li:nth-child(3n+1) {
	clear: both;
}
ul.produkcja li h2{
    text-align: center;
    border-bottom: 3px solid #666666;
    padding: 10px;
    width: 80%;
    margin: 0 auto;
}

ul.produkcja li span{
	font-weight: 100;
	line-height: 20px;
	font-size: 16px;
	display: block;
	padding: 10px 30px 10px 30px;
}
.form-control{
    width: 100%;
    height: 25px;
    margin: 5px;
    padding: 5px;
    border: 1px solid #ccc;
}
textarea.form-control{
	min-height: 100px;
}
.kontaktInfo{
	padding: 10px;
	text-align: left;
}
.kontaktInfo span{
	font-size: 14px;
	color:#7b7b7b;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: block;
}
.kontaktInfo i{
	padding-left: 30px;

}
.kontaktInfo h3{
	color: #2e3644;
	text-transform: uppercase;
	font-size:20px;
	margin: 0px;
}
.kontaktInfo a{
	color: #000 !important;
	display: block;
	text-transform: none;
}
.btn {
    padding: 5px 20px;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #666;
}
.btn:hover {
	background-color: #ccc;
}
.plik{
	list-style: none;
	display: block !important;
}
.plik h3 {
	color: #666666;
	margin:0px;
	font-size: 16px;
}
.plik:hover h3 {
	color: #000;
}
.plik h3 i{
	padding-right: 20px;
	font-size: 34px;
}

#dalej {
	right: 110px;
	bottom: 50px;
	position:absolute;
	text-align:center;
	cursor:pointer;
	z-index: 10;
	padding-bottom: 15px;
}
.baner_txt_1 {
	font-size: 98px;
	line-height: 98px;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin: 0px;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-right: 40px;
}
.baner_txt_2 {
	font-size: 36px;
	line-height: 36px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 160px;
}
#prev {
	position: absolute;
	margin-top: 235px;
	z-index: 500;
	left: 0px;
	cursor: pointer;
}
#next {
	position: absolute;
	margin-top: 235px;
	z-index: 500;
	right: 0px;
	cursor: pointer;
}
#baner_knt{
	margin-bottom: 50px;

}
#baner {
	width: 100%;
	margin: 20px auto 15px auto;
	position: relative;
	/*box-shadow: 0px 0px 75px rgba(0,0,0,0.1);*/
}
#dalej {
	right: 110px;
	bottom: 50px;
	position:absolute;
	text-align:center;
	cursor:pointer;
	z-index: 10;
	padding-bottom: 15px;
}
#prev {
	position: absolute;
	top: 350px;
	z-index: 500;
	left: 0px;
	cursor: pointer;
}
#next {
	position: absolute;
	top: 350px;
	z-index: 500;
	right: 0px;
	cursor: pointer;
}
#slajder {
	width: 100%;
	height: auto;
	margin: auto;
	overflow: hidden;
}
.imgMenu2{

}
/*#slajder a {
	display: block;
}*/
.slajd {
	background-size: auto 531px;
	height: 531px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.pager { text-align: center; width: 100%; height:25px; z-index: 500; overflow: hidden;  position: absolute; z-index: 200; margin-top: -10px; left: 0px right: 0px;  }
.pager span { width: 15px; height: 15px; display: inline-block; color: #999; background-color:#999; margin-right:10px; overflow: hidden; opacity: 1;
			 border: 3px rgba(255,255,255,1) solid; border-radius: 50%;
			-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out; font-size: 1px;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none; }
.pager span.cycle-pager-active { color: #53637c; background-color:#53637c; opacity: 1; font-size: 1px;
			  border: 3px rgba(255,255,255,1) solid; border-radius: 50%;
			-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;}
.pager > * { cursor: pointer;}
.baner_wiekszy {
	float: left;
	position: relative;
}
.baner_wiekszy img {
	margin-bottom: 10px;
}
.nastepny, .poprzedni {
	position: absolute;
	margin-top: 280px;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	padding: 20px;
	background-color: #fff;
	z-index: 500;
}
.nastepny:hover, .poprzedni:hover {
	opacity: 1;
	background-color: #efefef;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.nastepny {
	right: 0px;
}
.poprzedni {
	left: 0px;
}

.glowny_film {
	text-align:center;
	overflow:hidden !important;
}
.glowny_film_nakladka {
	position:absolute;
	top: 0px;
	left:0px;
	right:0px;
	z-index:2;
	overflow:hidden;
	background-image:url(../img/nakladka.png);
	height:auto;
	opacity:0.7;
}
#film_strona {
	width:100%;
	height:auto;
	margin-top:50px;
	margin-bottom:20px;
	margin-left:0px;
	position:relative;
}
#film_strona2 {
	width:50%;
	max-width:485px;
	height:auto;
	float:right;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:20px;
	position:relative;
}
#video{
		/*min-height: 300px*/
		position: relative;
}
.playVideo {
	display:none;
	width:100%;
	position:absolute;
	z-index:601;
	opacity:0.8;
	text-align:center;
	margin-top:180px;
	cursor:pointer;
}
.playVideo .pauseV{
	display:none;
}
.playVideo .playV{
	display:none;
	font-size:50px;
	margin:0 auto;
	margin-top:20px;
}
.playVideoS {
	display:none;
	width:100%;
	position:absolute;
	opacity:0.8;
	text-align:center;
	margin-top:20px;
	cursor:pointer;
}
.haslo {
	position: absolute;
	z-index: 500;
	right: 0px;
	left: 0px;
	width: 100%;
	height: 123px;
	margin-top: -123px;
	text-align: left;
	font-size: 24px;
	line-height: 24px;
	color: #FFF;
	text-transform: uppercase;
	background: url(../img/tlo_baner_napis.png) top center;
	font-weight: 400;
}
.haslo h2 {
	font-size: 38px;
	line-height: 36px;
	font-weight: 500;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
.haslo div {
	width: 1200px;
	margin: auto;
	text-align: right;
	padding-top: 25px;
}

/** HEADER **/

.row {
    width: 100%;
    margin: 0px;
}

/** MAIN **/
#start_hook {
	position: absolute; 
}
main {
	padding: 0;
	margin:0;
	position: static;
	z-index: 3;
	margin-top: 0px;
}
.tlo_strona {
	background-image: url(../img/tlo3.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
}
.tlo_lista{
	background-color: #f5f5f5;

}
.tresc {
	width: 100%;
	padding: 0px;
	
	margin:auto;
}
.trescStrony{
	width: 1200px;
	margin: 0 auto;
}
.trescStrony h1 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 30px;
	line-height: 26px;
	font-weight: 600;
	margin: 0px;
	padding-bottom: 30px;
	padding-top: 70px;
	padding-left: 25px;
}
.tresc2 {
	width: 1100px;
	margin: auto;
	padding-top: 80px;
	padding-bottom: 80px;
}
.tlo_szare{
	background-color: #F7F7F7;
	padding-top: 50px;
	padding-bottom: 50px;
}
.tlo_szare h2{
	color:#666666;
	font-size: 36px;
	font-weight: 400;

}
.tlo_transparentne {
	padding: 0px;
	padding-top: 40px;	
}
.tlo_transparentne.tlo_strgl {
	background-image: url(../img/tlo_onas.jpg);
	background-repeat:  no-repeat;
	background-size: 40% auto;
	background-position: top right;
	text-align: center;
	padding: 200px 0px 200px 10%;
}
.tlo_transparentne.tlo_strgl .tekst {
	width: 35%;
}
.tlo_transparentne.tlo_strgl .ikona {
	float: right;
	max-width: 55%;
}
.tlo_transparentne.tlo_sklep {
	background-image: url(../img/tlo_sklep.jpg);
	background-repeat:  no-repeat;
	background-size: 40% auto;
	background-position: top left;
	text-align: center;
	padding: 150px 10% 100px 10%;
}
.tlo_transparentne.tlo_sklep .tekst {
	float: left;
	width: 35%;
	padding-left: 10%;
}
.tlo_transparentne.tlo_sklep .ikona {
	float: left;
	max-width: 55%;
}
.tlo_transparentne.tlo_strona {
/*	padding: 50px 10% 50px 10%;*/
}
.tlo_transparentne.tlo_jakosc {
	background: url(../img/tlo_nasza_jakosc.jpg) center center no-repeat;
	padding: 25px 0px 50px 0px;	
}
.tlo_transparentne.tlo_oferta {
	background: url(../img/tlo_produkty.jpg) center center no-repeat #f0f0f0;
	margin: 0px;	
	padding: 5%;
}
.tlo_transparentne.podobne_produkty {
	background: url(../img/tlo_podobne.jpg) top center no-repeat #f7f7f7;
	margin: 0px;	
	padding: 50px 0px 0px 0px;	
}
.podobne_produkty_koniec {
	background: url(../img/tlo_podobne_koniec.jpg) center center no-repeat;
	height: 81px;
}
.tlo_transparentne h1, .tlo_transparentne .ngh1 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;
	margin: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
	text-transform: uppercase;
}
.tlo_transparentne h1 span, .ngh1 span {
	color: #000;
	font-size: 40px;
	font-weight: 400;
	text-transform: none;
	display: block;
	padding-left: 40px;
}
.tlo_transparentne h2 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 30px;
	line-height: 30px;
	font-weight: 400;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 20px;
}
.tlo_transparentne h2 span  {
	color: #666666 !important;
	font-weight: bold !important;
}
.tlo_transparentne.tlo_strgl h1 {
}
.tlo_transparentne.tlo_strgl h2 {
	font-size: 34px;
	text-transform: uppercase;
}
.tlo_transparentne.tlo_jakosc .ngh1 {
	color: #fff;
	padding-bottom: 0px;
}
.tlo_transparentne.tlo_jakosc p {
	color: #fff;
	font-size: 20px;
	padding-bottom: 20px;
	padding-right: 50px;
}

.tlo_strona h1, .tlo_strona .ngh1 {
	font-size: 40px;
	line-height: 40px;
}
.tlo_strona h1 span, .ngh1 span {
	color: #000;
	font-size: 30px;
	font-weight: 400;
	text-transform: none;
	display: block;
	padding-left: 40px;
}



.btnLink{
	display: block;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 0px;
}
.btnLink:hover{
	color: #666666;
}
.katalog{
	width: 31.333%;
	margin: 1%;
	float:left;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 4px;
}
.katalog:hover{
	background-color:#ddd;
}
.katalog img{
	width: 60px;
	height: auto;
	margin: 10px;
}
.podobne_produkty h2 {
	text-align: center;
	font-size: 24px;
}
.ngh1_produkt {
	border-bottom: 1px solid #e2e2e2; 
	padding-bottom: 0px !important;
	margin-bottom: 20px !important;
}
.tlo_transparentne header {
	clear: both;
	background-image: url(../img/kreska.jpg);
	background-repeat: repeat-x;
	background-position: center 36px;
	margin-top: 50px;
	padding-top: 25px;
	padding-bottom: 0px;
	text-align:center;
}
.tlo_transparentne header h2 {
	font-size: 13px;
	color: #96a0a6;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left:25px;
	font-weight: 500;
	text-align: left;
	background-color: #f2f2f2;
	display: inline;
	letter-spacing: 3px;
	text-transform: uppercase;;
}
.tlo_transparentne header a {
	display: block;
	float:right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right:25px;
	font-weight: 500;
	font-size: 18px;
	color: #666666;
	text-decoration: none;
	background-color: #fff;
}
.tlo_transparentne header a:hover {
	margin-right:15px;
	color: #63493c;
}
.tekst_z_lewej {
	/*float: left;*/
	width: 40%;
	padding-left: 5%;
	position: relative;
}
.tekst_z_lewej img {

}
.tekst_z_prawej {
	float: right;
	width: 45%;
}
.btnMin{
	display: none;
}
#menuOferty div{
   padding-top: 10px;
}

.btnOferty{
    display: block;
    float: none;
    text-align: center;
}
.kim_jestesmy {
	padding-top: 50px !important;
	padding-bottom: 100px !important;
}
.wysoka_jakisc_itp {
	color: #fff !important;
	padding-top: 200px !important;
	padding-bottom: 350px !important;
	width: 40%;
}
.wysoka_jakisc_itp h2 {
	font-weight: 400;
	font-size: 28px;
	color: #fff !important;
	text-transform: uppercase;
}
.klucz_do_sukcesu {
	padding-top: 250px !important;
	padding-bottom: 160px !important;
}
.proukt_opis {
	float: left;
	width: 54%;
}
.proukt_opis img {
	max-width: 100%;
}
.produkt_galeria {
	float: right;
	width: 40%;
}
.produkt_galeria ul {
	padding:0px; margin:0px;
}
.produkt_galeria ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} 
.produkt_galeria ul li {
	list-style:none;
	float:left;
	margin: 10px 2% 10px 2%;
	text-align:center;
	width:46%;
} 
.produkt_galeria ul li:first-child {
	width:96%;
}
.produkt_galeria ul li img {
	width:100%;
	height:auto;
	cursor:pointer;
	border: 1px solid #e6e4e4;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.05);
}
.produkt_galeria ul li img:hover {
	box-shadow: 0px 0px 50px rgba(0,0,0,0.15);
}
ul.produkty {
	padding:0px; margin:0px;
}
ul.produkty:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
} 
ul.produkty li {
	list-style:none;
	float:left;
	margin: 10px 2% 10px 2%;
	width:21%;
	text-align:center;
	color: #000;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
} 
ul.produkty li:nth-child(4n+1) {
	clear:both;
}
ul.produkty li img {
	width:100%;
	height:auto;
	cursor:pointer;
	margin-bottom:10px;
	border: 1px solid #ddd;
}
ul.produkty a {
	color: #000;
}
ul.produkty li img:hover {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
ul.produkty li h3 {
	color: #666666;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	font-weight: 400;
	text-transform: uppercase;
}
.tlo_mieszane {
	color: #000000;
	background-image: url(../img/tlo_mieszane.png);
	background-position: center top;
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 80px;
}
.tlo_mieszane .tekst.prawa {
	color:#dadada !important;
}
.tlo_mieszane h1 {
	font-family: 'Montserrat', sans-serif;
	color: #2588e6;
	font-size: 36px;
	font-weight: 900;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 12px;
	text-transform: uppercase;
}
.tlo_mieszane h1 span {
	color: #666666;
	font-size: 18px;
	font-weight: 300;
	text-transform: none;
}
.tlo_mieszane .ngh1 {
	font-family: 'Montserrat', sans-serif;
	color: #2588e6;
	font-size: 36px;
	font-weight: 900;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 12px;
	text-transform: uppercase;
}
.tlo_mieszane .ngh1 span {
	color: #dadada !important;
	font-size: 18px;
	font-weight: 300;
	text-transform: none;
}
.tlo_mieszane h2 {
	font-family: 'Montserrat', sans-serif;
	color: #333333;
	font-size: 30px;
	font-weight: 500;
	margin: 0px;
	padding-bottom: 12px;
	padding-top: 12px;
	text-align: left;
}
.tlo_mieszane h3 {
	font-size: 17px;
	color: #2588e6;
}
.tlo_biale{
	background-color: #F2F2F2;
	padding-top: 40px;
}
.tlo_ciemne{
	padding-top: 50px;
	min-height: 400px;
}
.tekst {
	color: #666666;
	font-size: 16px;
	line-height: 24px;
	padding: 0px 30px 30px 30px;
	text-align: left;
}
.tekst p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
.tekst a {
	color: #666666;
	text-decoration: none;
}
.tekst a:hover {
	color: #000000;
}
.tekst span {
	color: #444;
	font-weight:500;	
}
#baner_pro {
	background: url(../img/d_tlo.jpg) top center;
	width: 100%;
	height: 415px;
	margin-top: 80px;
	font-size: 18px;
	font-weight: 300;
	color: #FFF;
	text-align: right;
}
#baner_pro article {
	margin-left:10px;
	padding-top:80px;
	width: 450px;
	text-align: right;
	font-weight: 400;
}
#baner_pro img {
	position:absolute;
	margin-top:-99px;
}
#baner_pro h2 {
	font-size: 40px;
	font-weight: 900;
	text-transform: uppercase;
	color: #FFF;
	background-image: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#losowe_produkty {
	background-color: #fff;
	text-align: center;
	margin-top: 25px;
}
#loseowe_produkty_lista {
	width: 100%;
	left: 0px;
	right: 0px;
	margin-bottom: 25px;
}
#loseowe_produkty_lista a {
	display: block;
}
#loseowe_produkty_lista div {
	width: 300px;
	margin: 15px;
	padding-bottom: 5px;
}
#loseowe_produkty_lista div img {
	max-width: 280px;
	max-height: 180px;
	width: auto;
	height: auto;
	display: block;
	margin: auto;
	margin-bottom: 15px;
}
#loseowe_produkty_lista h3 {
	color: #414141 !important;
	font-size: 18px;
	font-weight: 300;
	padding: 25px 15px 15px 15px;
}
.linkBoks {
	display: block;
	background-color: #fff;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	text-align: center;
}
.linkBoks:hover {
	box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
}
.linkBoks img {
	width: 100%;
	height: auto;
}
.linkBoks h3 {
	color: #666666;
	padding: 35px 0px 5px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 32px;
}
.linkBoks p {
	padding: 10px 50px 30px 50px;
	color: #666666;
	font-size: 18px;
	font-weight: 500;
}
.link{
	font-size: 30px;
	line-height: 1.5;
	text-align: center;
}
.ofertaBox{
	overflow: hidden;
	height: auto;
}
.oferta{
	width: 48%;
	/*width: calc(23% - 2px);*/
	margin: 2% 2% 2% 0%;
	/*border: 1px solid #ccc;*/
	text-align: left;
	font-size: 18px;
	font-weight: 300;
	position: relative;
	display: block;
	float:left;
	background-image: url(../img/tlo_biale.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 40% 100%;
}
.oferta img {
	float: left;
/*	position: absolute;
	z-index: 0;*/
	padding-top: 2%;
	width: 30%;
	height: auto;

	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity: 0.4;
}
/*.oferta:hover img {
	padding-left: 2%;

	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity: 1;
}*/
.opis_oferty {
	padding-left: 35%;
	padding-bottom: 4%;
}
a.oferta .opis_oferty h3{
	margin:0px;
	padding: 4% 0px 0px 0px;
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;
	color: #000;
	text-transform: uppercase;
}
a.oferta .opis_oferty h3 span{
	text-transform: none;
	display: block;
	font-size: 24px;
	color: #000;
	font-weight: 600;
	line-height: 30px;
}
a.oferta .opis_oferty p {
	color: #666;
	margin:0px;
	padding-top: 10px;
}
a.oferta:hover .opis_oferty .formBtn i {
	padding-left: 10px;
}
a.oferta:hover .opis_oferty .formBtn {
	color: #fff;
	background-color: #666666;
}

ul.menuOfertaIdx { padding: 0px 0px 30px 35px; margin:0px; } 
ul.menuOfertaIdx:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
ul.menuOfertaIdx li {
	list-style:none;
	margin-bottom:5px;
	min-width: 50%;
	float: left;
}
ul.menuOfertaIdx li a {
	color: #000 !important;
}
ul.menuOfertaIdx li a:hover, ul.kontakt_lista li a i {
	color: #666666 !important;
}

ul.kontakt_lista { padding:0px; margin:0px; } 
ul.kontakt_lista:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
ul.kontakt_lista li {
	list-style:none;
	font-size:20px;
	font-weight:700;
	margin-bottom:3px;
} 
ul.kontakt_lista li a {
	color: #dadada;
}
ul.kontakt_lista li a:hover {
	color: #666666;
}
ul.kontakt_lista li a i {
	color: #666666;
	margin-right:5px;
	margin-left:5px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.kontakt_lista li a:hover i {
	color: #dadada;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

ul.skroty * {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.skroty {
	margin: 0px;
	padding: 0px;
	clear:both;
	width:100%;
}
ul.skroty:after {
	display:block;
	content:" ";
	clear:both;
}
ul.skroty li {
	list-style: none;
	display: block;
	float: left;
	width: calc(20% - 1px);
	background-color: #666;
	text-align: center;
	margin: 0 0 0 1px;
	padding: 0;
	overflow:hidden;
	background-color:#393c00;
}
ul.skroty li:hover {
	background-color:#8b9300;
}
ul.skroty li a {
	text-decoration:none;
	color:#fff;
}
ul.skroty li img {
	width:100%;
	height:auto;
	opacity:0.2;
}
ul.skroty li a:hover img {
	box-shadow:0px 0px 25px rgba(0,0,0,0.25) inset;
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
}
ul.skroty li h3 {
	font-size: 36px;
	color: #ffffff;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 2%;
	padding-left: 2%;
	text-transform: uppercase;
	text-align: center;
	margin-top: 0px;
	padding-top: 45px;
	position: absolute;
	width: 20%;
	z-index: 5;
	line-height: 32px;
}
ul.skroty p {
	font-size: 22px;
	font-weight: 400;
	position: absolute;
	width: 20%;
	z-index: 5;
	padding-top: 250px;
	text-transform: uppercase;
	color: #efefef;
}
#realizacje_img {
	box-shadow:0px 0px 50px rgba(0,0,0,0);
}
#realizacje_img:hover {
	box-shadow:0px 0px 50px rgba(0,0,0,0.15);
}
.mapka, .google-map, .angular-google-map-container {
	width:100%;
	height: 600px;
	border:1px solid #ccc;
	float:right;
	margin-bottom:50px;
}
.przedstawiciel{
	padding: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.przedstawiciel span{
	background-color: rgba(163,3,0,0.2);
	border:2px solid rgba(163,3,0,1);
	width: 30px;
	height: 30px;
	border-radius: 20px;
	display: block;
	float: left;
}

.przedstawiciel div{
	float: left;
	padding-left: 10px;
}
ul.galeria {
	padding:0px;
	margin: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}
ul.galeria:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
} 
ul.galeria li {
	list-style:none;
	text-align:center;
} 
/*ul.galeria li:nth-child(4n+1) {
	clear:both;
}*/
ul.galeria li img {
	width:100%;
	height:auto;
	cursor:pointer;
	margin-bottom:10px;

    border: 1px solid rgba(38, 34, 35, .12);
	/*border: 1px solid #ddd;?*/
}
ul.galeria li img:hover {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}

/* Inspiracje z shortcode'u galerii (proporcje="4"). Zachowuje istniejące
   ul.gal_inspiracje i obsługę AngularJS, zmienia wyłącznie prezentację. */
ul.galeria.gal_inspiracje {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: minmax(170px, 15vw);
	grid-auto-flow: dense;
	gap: 18px;
	margin: 38px 0 64px;
}

ul.galeria.gal_inspiracje li {
	position: relative;
	min-width: 0;
	overflow: hidden;
	background: #242120;
	cursor: pointer;
}

ul.galeria.gal_inspiracje li:first-child {
	grid-column: span 2;
	grid-row: span 2;
}

ul.galeria.gal_inspiracje li img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
	object-fit: cover;
	transition: transform .45s ease, opacity .3s ease;
}

ul.galeria.gal_inspiracje li:hover img {
	box-shadow: none;
	transform: scale(1.045);
}

/* Podpis pojawi się automatycznie, jeżeli shortcode galerii ma opcję podpisy. */
ul.galeria.gal_inspiracje li figure {
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 42px 20px 18px;
	background: linear-gradient(transparent, rgba(18, 16, 15, .84));
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.3;
	text-align: left;
	text-shadow: 0 1px 7px rgba(0, 0, 0, .35);
}

ul.galeria.gal_inspiracje li:first-child figure {
	padding: 74px 30px 28px;
	font-size: clamp(19px, 2vw, 30px);
	font-weight: 300;
}


ul.galeria.gal_inspiracje:after{
	display: none !important;
}

ul.ikona {
	padding:0px; margin: 0px 2%  0px 2%;
}
ul.ikona:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
} 
ul.ikona li {
	list-style:none;
	display: inline;
	cursor: pointer;
} 
ul.ikona li img:hover {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
.formInput {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #000000;
	width: 95%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:10px;
	border: 1px solid #CCC;
}
.grawerInput {
	height: 150px;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
}
.formInput2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #000000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:10px;
	border: 1px solid #CCC;
}
.formInputIlosc {
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	color: #000000;
	width: 80px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:10px;
	border: 1px solid #CCC;
}
.formInputKoszyk {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #000000;
	width: 80px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:10px;
	border: 1px solid #CCC;
}
.formTextarea {
	width:100%;
	height:125px;
	margin-bottom:10px;
	border: 1px solid #CCC;
}
.inputTextBlad {
	color: #cc0000 !important;
}
.inputTextInfo {
	color: #666666 !important;
}
#formularz_sortowania {
	float: right;
	padding-top: 15px;
}
.formBtn {
	font-family: 'Montserrat', sans-serif;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	color: #fff;
	cursor: pointer;
	font-weight: 400;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
	border: 1px solid #53627c;
	cursor: pointer;
	font-size: 20px;
	background-color: #2e3644;
	/*border-radius:10px;*/
}
.formBtn:hover {
	background-color: #fff;
	color: #2e3644;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
.formBtn.dotpay {
	background-image: url(../img/dotpay_icon.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 130px;
}
.formBtn.przelewy24 {
	background-image: url(../img/p24_icon.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 130px;
}
.formBtn i {
	padding-left: 0px;
}
.formBtn:hover i {
	padding-left: 10px;
}
a.formBtn {
	color: #000;
	background-color: #fff;
	cursor: pointer;
}
a.formBtn:hover {
	color: #fff;
	background-color: #000;
}
.formBtnZamow {
	font-family: 'Montserrat', sans-serif;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	color: #fff;
	background-color: #2e3644;
	cursor: pointer;
	font-weight: 600;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
	border: 1px solid #2e3644;
	cursor: pointer;
	font-size: 22px;
	text-transform: uppercase;
	/*border-radius: 10px;*/
}
.formBtnZamow:hover {
	background-color: #fff;
	color: #000;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
.formBtnZamow.dotpay {
	background-image: url(../img/dotpay_icon.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 130px;
}
.formBtnZamow i {
	padding-left: 0px;
}
.formBtnZamow:hover i {
	padding-left: 10px;
}
a.formBtnZamow {
	color: #fff;
	background-color: #2e3644;
	cursor: pointer;
}
a.formBtnZamow:hover {
	color: #2e3644;
	background-color: #fff;
}
.niekatywnyBtn {
	opacity: 0.8;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.formBtnSzary {
	cursor: pointer;
}
a.formCiemny {
	padding-top: 5px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 5px;
	border: 1px solid #666666;
	background: none;
	font-size: 16px;
}
a.formCiemny:hover {
	background-color: #666666;
	padding-right: 30px;
	padding-left: 30px;
}
a.megaBtn {
	background-color: #666666;
	background-image: url(../img/btn_koszyk.jpg); 
	background-repeat: no-repeat;
	background-position: left center;
	color: #fff;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 90px;
	margin-top: 15px;
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	display: inline-block;
}
a.megaBtn:hover {
	background-color: #666666;
	padding-right: 35px;
	padding-left: 95px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.boxTogle{
	background-color: #f2f2f2;
}
ul.opis_tekst {
		margin:0px;
		padding:10px;
		padding-top:0px;
	}
ul.opis_tekst:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.opis_tekst li {
	list-style: none;
	margin: 0px;
	padding: 25px;
	background-color: #fff;
	display: none;
}



ul.opis_tekst  li ul {
	margin:auto;
	padding:auto;
}





ul.opis_tekst:after li ol,
ul.opis_tekst:after li ul 
{ content:"."; display:block; height:0; clear:none; visibility:hidden; }


ul.opis_tekst li ol li,
ul.opis_tekst li ul li {
	list-style: circle;
	margin: auto !important;
	padding: 5px !important;
	background-color: transparent;
	border-left: none;
	border-right: none;
	border-bottom: none;
	
    display: block;
}
ul.opis_menu {
	padding:10px;
	padding-bottom:0px;
	margin: 0px;
}
ul.opis_menu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.opis_menu li {
	list-style: none;
	color: #666;
	margin: 0px;
	padding: 0px 25px 0px 25px;
	text-align: center;
	float: left;
	cursor: pointer;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.opis_menu li:hover {
	color: #000;
	background-color: #fafafa;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.opis_menu li.wybrane {
	color: #000;
	background-color: #fff;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.opis_menu li h2 {

	color: #666;
	font-size: 18px;
	font-weight: 400;
}
ul.opis_menu li:hover h2, ul.opis_menu li.wybrane h2 {
	color: #424242;
}
.tekst ul.punkty {
	margin-left: 0px;
	padding-left: 0px;
}
.tekst ul.punkty:after {
	display:block;
	clear:both;
	content:'';
}
.tekst ul.punkty li {
	display: block;
	float: left;
	width: 320px;
	list-style: none;
	padding: 10px 15px 10px 15px;
	margin: 3px;
	border-radius: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-top-color: #CCC;
	border-right-color: #CCC;
	cursor:pointer;
	overflow:hidden;
	height:42px;
	text-align:left;
}
.menuPrawa {
	margin: 0px 0px 45px 0px;
	padding: 0;
	margin-top: 80px;
	padding-left: 20px;
}
.menuPrawa h3 {
	color:#999;
	font-weight:normal;
	text-transform:uppercase;
	padding: 0 20px 0  20px;
}
.menuPrawa ul {
	margin: 0px;
	padding: 0px;
}
.menuPrawa ul:after {
	display:block;
	content:" ";
	clear:both;
}
.menuPrawa ul li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 8px 20px 8px  20px;
	font-size: 16px !important;
	color: #666666;
	text-align: left;
	text-transform: uppercase;
	font-weight: 300;
}
.menuPrawa ul li:last-child {
	border-bottom: none;
}
.menuPrawa ul li a {
	color: #000;
	text-decoration: none;
	font-size: 20px;
	letter-spacing: 2px;
}
.menuPrawa a.zaznaczone {
	color: #000;
	font-weight: 400;
}
.menuPrawa ul li ul {
	border-top:none;
	padding-left: 10px;
}
.menuPrawa ul li ul li {
	padding: 3px 6% 3px 3%;
	font-size: 15px !important;
	text-transform: none;
	border-bottom: none;
	font-weight: 400;
}
.menuPrawa ul li ul li a {
	color: #666;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 0px;
	font-weight: 300;
}
.menuPrawa ul li ul li a:hover {
	color: #000;
}


.tlo_filtry {
    padding-left: 40px;
    /*background-color: rgba(0,0,0,0.01);*/
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 40px;
    padding-top: 1px;
}
.tlo_filtry h2{
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 14px;
	color: #999;
	font-weight: 400;
}

.tlo_filtry h3{
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
	font-size: 20px;
	margin-bottom: 0px;
	font-weight: 400;
}
.tlo_filtry ul{
	padding-left: 10px;
	list-style: none;
	margin-top: 0px;
}

.tlo_filtry ul li{
	padding:2px 0px;
}
.tlo_filtry a {
	color: #000;
	padding: 3px 13px 3px 0px;
}
.tlo_filtry a.zaznaczone {
	border: 1px solid #ddd;
	background-color: #efefef;
	font-weight: bold;
	padding: 3px 13px 3px 13px;
	display: inline-block;
}

.tlo_filtry a:hover{
	color: #666666;
	cursor: pointer;
}
.tlo_filtry form{
	padding-left: 0px;
}
.wyczysc_filtry {
    color: #fff;
    background-color: #666666;
  	border: 1px solid #666666;
  	font-size: 13px;
  	padding: 2px 10px 2px 10px;
  	margin-top: 10px;
  	margin-right: 30px;
  	text-transform: uppercase;
  	cursor: pointer;
  	display: inline-block;
  	float: right;
}
.wyczysc_filtry:hover {
	background-color: #999999;
  	border: 1px solid #666;
 }
.inputFiltr{
	width: 50px;
	background: none;
	border: 1px solid #666666;
}
.submitFiltr {
    color: #fff;
    background-color: #000;
  	border: 1px solid #000;
  	font-size: 13px;
  	padding: 2px 10px 2px 10px;
}
.submitFiltr:hover {
	background-color: #999999;
  	border: 1px solid #999999;
 }
 .tlo_baner1 {
 	background-image: url(../img/tlo_box1.jpg);
	background-size: 90%;
	background-position: bottom right;
	padding: 40px;
	padding-bottom: 100px;
	background-color: #d1d1d1;
	background-repeat: no-repeat;
}
.tlo_baner1 h2{
	color: #000;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 20px;
	font-weight: 600;
}
.tlo_baner1 p{
 	color:#000;
 	margin: 5px 0px;
}
.tlo_baner1 a{
	color: #000;
	font-size: 16px;
}
.tlo_baner1 a:hover{
	color: #999;
}

 .tlo_baner2 {
 	background-image: url(../img/tlo_box2.jpg);
	background-size: 100%;
	background-position: bottom right;
	padding: 40px;
	padding-bottom: 100px;
	background-color: #fff;
	background-repeat: no-repeat;
}
.tlo_baner2 h2{
	color: #000;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 20px;
	font-weight: 600;
}
.tlo_baner2 p{
 	color:#626262;
 	margin: 5px 0px;
}
.tlo_baner2 a{
	color: #000;
	font-size: 16px;
}
.tlo_baner2 a:hover{
	color: #666666;
}
.banery_boczne img{
	width: 80%;
	padding: 20px 10%;

}
.offer-box .jq-tab .col-sm-3 {  
	padding-left:5px;   
	padding-right:5px;
}

.offer-item{ 
 	background:#fff;
 	position:relative;  
	transition:0.4s all ease;
	display:block;
	padding:0px;
	margin:0 0 60px 0;
	text-align:center;
	color:#333;
	text-decoration:none;
	border: 1px solid #fff;
	min-height: 290px;
	position: relative;
	/*border:1px solid #f1f1f1;*/
	/*border-radius: 10px;*/
}
.offer-item .item-name{  
	color:#000;
	font-weight: 600;
	font-size: 20px;
	display: block;
	padding: 0 10px;
	text-align: center;
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	min-height: 66px;
	padding-top: 15px;
}
.offer-item .item-name2{
	font-size: 12px;
	padding-top: 0px;
	font-weight: 600;
	line-height: 20px;
	text-transform: uppercase;
}  
.offer-item .item-img{  
	margin: 0 auto;
	width: 90%;
	height: auto;
	margin-top: 10px !important;
}
.offer-item:hover,.offer-item:hover .item-name{
/*  text-decoration:none; */  
/*color: #666666;*/
}
.offer-item:hover{   
	/*border: 1px solid #000;  */
}
.item-etykieta{
	height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: absolute;
	left: 0;
	right: 0;
	top: -22px;
	border-radius: 5px;
	display: none;
}
.item-etykieta span{
	border-radius: 5px;
}
.offer-item .cena{
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 20px;
}
.offer-item a {
	color: #000; 
}
ul.promocjeBox{
	overflow: hidden;
	padding:0px;
}
ul.promocjeBox li{
	float: left;
	width: 31.33%;
	margin: 1%;
	list-style: none;
}

ul.promocjeBox li img{
	/*border-radius: 10px;*/
}
ul.promocjeBox li img:hover {
   filter: grayscale(30%);
}


/*.kol_4 .Polecany{   
	border: 1px solid #878787; 
}
.kol_3 .Polecany{   
	border: 1px solid #878787; 
}*/

.Polecany .item-etykieta span{
	float: none !important;
	color: #fff;
	background: #878787; /*#ffb100;*/
	text-transform: uppercase;
	font-size: 12px;
	padding: 3px 10px;
	font-weight: 600;
}
.kol_4 .Polecany .formBtn {   
	/*border: 1px solid #878787;  */
	/*color: #fff;  
	background-color:  #878787; */
}



.kol_4 .Promocja {   
	/*border: 1px solid #cc0000; */
}
.kol_4 .Promocja .formBtn {   
	/*border: 1px solid #cc0000;  */
	color: #fff;  
	background-color:  #cc0000; 
}

.kol_4 .Promocja .cena {
	color :  #cc0000; 
} 

.kol_4 .Promocja:hover{   
	/*border: 1px solid #cc0000;  */
}
.kol_3 .Promocja .formBtn {   
	/*border: 1px solid #cc0000;  */
	color: #cc0000;  
}

.kol_3 .Promocja:hover{   
	/*border: 1px solid #cc0000;  */
}

.Promocja .item-etykieta span{
	float: none !important;
	color: #fff;
	background: #cc0000;
	text-transform: uppercase;
	font-size: 12px;
	padding: 3px 10px;
	font-weight: 600;
	border-radius: 5px;
}
.offer-item .Promocja { 
	color: #cc0000;
	border: 1px solid #cc0000;
	background: #fff;
}



.offer-item .formBtn { 
	position: static;
    width: calc(70% - 20px);
	padding: 2px 10px;
	color: #fff;
	/*border: 1px solid #2e3644;*/
	
	display: block;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 600;
	background-color: #53627c;
	line-height: 20px;

	border-radius:15px;
	padding:5px 0px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;


}

.offer-item .Polecany { 
	/*color: #aaa;
	border: 1px solid #aaa; 
	background: #fff;*/
}

.offer-item:hover .formBtn { 
	display: block;
}

.carousel {
    width:100%;
    height: 500px;
    display: relative;
  }
.carousel img {
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
  }
.dodatkoweInfo .kol_2{
	padding: 0px;
	width: 49%;
	width: calc(50% - 2px);
	/*border: 1px solid #ccc;*/
	box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
	min-height: 200px;
}
.dodatkoweInfo .kol_2 h2{
	background-color: #f2f2f2;
	padding:5px;
	color: #666666;
	font-size: 26px;
}
.opis_tabela {
	width:97%;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin-top:15px;
}
.opis_tabela thead tr {
	font-weight: 400;
    background: #ffffff !important;
}
.opis_tabela td {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:1%;
}
.opis_tabela tr:hover {
    background: #eeeeee !important;
}
.opis_tabela tr:nth-child(odd) {
    background: #f7f7f7;
}
.opis_tabela tr:nth-child(even) {
    background: #ffffff;
} 
.produktImg {
	/*border-radius: 5px;*/
	/*border: 1px solid #ddd;*/
	/*width: calc(100% - 1px);*/
	width: 100%;
	margin-top: 100px;
}

.numery {
	font-size: 13px;
	color: #CCCCCC;
	margin-top: 35px;
	text-align: center;
	padding-top: 10px;
	clear: both;
}
.numery a {
	font-size: 12px;
	color: #333333;
	margin: 2px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	background-color: #dddddd;
	display: inline-block;
	padding: 1px 7px 1px 7px;
}
.numery a:hover {
	font-size: 12px;
	color: #fff;
	border: 1px solid #054982;
	text-decoration: none;
	background-color: #666666;
}
.pusty {
	background-color: #dddddd;
	color: #CCCCCC;
	margin: 2px;
	display: inline-block;
	padding: 1px 7px 1px 7px;
}
.wynik {
	border: 1px solid #ddd;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 3px 10px 3px 10px;
}
.wynik:hover {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	background-color: #efefef;
}
ul.kolumny_2 {
	overflow: hidden;
}
ul.kolumny_2 li{ 
	width: 50%;
	float: left;
	overflow: hidden;
	padding-top: 5px;
}
ul.kolumny_2 li a i{
	color: #fff !important;
} 
.lista_atrybutow p {
	margin: 2px 0px 2px 0px; 
}
.zestawy_knt h2 {

}
.zestaw_dodatek {
	width: 100%;
	display: grid;
	grid-template-columns: 15px 100px 2fr 1fr;
	align-items: center;
}
.zestaw_dodatek .zestaw_img {
	width: 100px;
}
.zestaw_dodatek .zestaw_nazwa {
	width: auto;
}
.zestaw_dodatek .zestaw_nazwa.razem {
	text-align: right;
}
.zestaw_dodatek .zestaw_cena {
	width: auto;
	text-align: right;
}
.zestaw p span {
	color: #999;
	text-decoration: line-through;
}
.zestaw p {
	text-align: right;
}
.zestaw p strong {
	font-size: 20px;
	color: #c00;
}

.zestaw_dodatek img {
	display: inline-block;
	width: 75px;
	height: 75px;
}

/** MAIN odstep_z_lewej



/** FOOTER **/
#stopka {
	color: #aaa;
	font-size: 14px;
	font-weight: 500;
	padding: 50px 0px;
	margin:0px;
	position: relative;

}
#stopka a {
	color: #aaaaaa;
	display: inline;
	font-size: 14px;
	font-weight: 600;

}
#stopka a:hover {
	color: #ffffff;
	text-decoration:none;
}
.odstep_z_lewej {
	padding-left: 2%;
}
#stopka h2{
	color: #fff;
	font-size: 18px;
	margin: 0px;
}
#stopka p{
	margin: 0px 0px 10px 0px;

}
#stopka span {
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
}

#stopka ul {
	list-style: none;
	padding: 0px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: 400;
}
#stopka li {
	padding-bottom: 2px;
}

#stopka li a i{
	color: #aaaaaa;
	padding-right: 5px;
}
.do_prawej {
	float: right;
	margin-left: 15px;
}
#stopka .social{
	font-size: 40px;
	color: #fff;
	padding-left: 20px;
}
.influencja_knt {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 100px;
	background-color: #fff;
}
#influencja  {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 0.8;
}
#influencja:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 1;
}
.dotpay {
	text-align: right;
}
.rzetelna {
	text-align: left;
}
.dotpay img,
.rzetelna img {
	padding-top: 50px;
	border-radius: 5px;
}
#wymiary table{
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
#wymiary table th{
	vertical-align: bottom;
	border-bottom: 1px solid #ddd;
	border-top: 0;
}
#wymiary table tr{
   padding-top: 5px;
   padding-bottom: 5px;
}
#wymiary table tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}

table.zamowienia {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
table.zamowienia th{
	vertical-align: bottom;
	border-bottom: 1px solid #ddd;
	border-top: 0;
	padding: 1% 2% 1% 2%;
}
table.zamowienia td {
	padding: 1% 2% 1% 2%;
}
table.zamowienia tr{
   padding-top: 5px;
   padding-bottom: 5px;
}
table.zamowienia tr.zam {
    background-color: #f9f9f9;
}
table.zamowienia tr.pus {
    font-size: 12px;
    line-height: 12px;
}
table.zamowienia i {
	cursor: pointer;
}
table.koszyk {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
table.koszyk th{
	vertical-align: bottom;
	border-bottom: 1px solid #ddd;
	border-top: 0;
	padding: 1% 2% 1% 2%;
	font-weight: 400;
	font-size: 15px;
	text-transform: uppercase;
}
table.koszyk td {
	padding: 1% 2% 1% 2%;
}
table.koszyk tr{
   padding-top: 5px;
   padding-bottom: 5px;
}
table.koszyk tr.zam {
}
table.koszyk tr.zam:hover {
    background-color: #fafafa;
}
table.koszyk tr.pus {
    font-size: 6px;
    line-height: 6px;
	padding: 0px;
}
table.koszyk td.pus {
	padding: 0px;
}
table.koszyk td.kosz {
	width: 100px;
}
table.koszyk i {
	cursor: pointer;
}
table.koszyk .koszyk_obr_knt {
	width: 70px;
}
table.koszyk .koszyk_obr {
	max-width: 60px;
	max-height: 60px;
	width: auto;
	height: auto;
}
.koszyk_uwagi {
	padding: 5px 10px 5px 10px;
	border: 1px solid rgba(0,0,0,0.1);
}
.koszyk_uwagi, .koszyk_uwagi * {
	width: 200px;
	font-size: 16px !important;
	line-height: 19px !important;
	text-align: center;
	font-weight: bold !important;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
}
.info_koszyk {
	position: fixed;
	width: 25%;
	padding: 1%;
	margin-right: -25%;
	z-index: 600;
	left: 0px;
	bottom: 1%;
	background-color: #666666;
	font-weight: 400;
	color: #fff;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.2);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity: 0;
}
.info_koszyk a {
	color: #fff;
}
.info_koszyk.blad {
	background-color: #cc0000;
}
.info_koszyk.pokaz {
	margin-right: 0px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity: 1;
	left: 1%;
}

.daneAdresowe {
	font-size: smaller;
	padding: 5px 10px 5px 10px;
	margin: 5px 0px 15px 0px; 
}
.panel_lewa {
	width: 73%;
	padding-right: 2%;
	float: left;
}
.panel_lewa .tekst {
	padding: 0px !important;
}
.panel_prawa {
	width: 24%;
	float: right;
}
.info_nag {
	font-size: 12px;
	text-transform: uppercase;
}
.zamowienia .tabelaProduktow {
    font-size: 13px;
}
.tabelaProduktow {
    width: 100%;
    background-color: #fff;
}
.tabelaProduktow th {
    background-color: #fafafa;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    color: #999;
    padding: 5px;
}
.tabelaProduktow td {
    border-bottom: 1px solid #efefef;
    padding: 5px;
}
.tabelaProduktow th strong {
    color: #000;
    font-size: 15px;
}
.produkt_boks {
	padding: 10px;
	overflow: hidden;
	padding: 10px;
	font-size: 14px;
	font-weight: 600;
}
.produkt_boks a {
	color: #666666;
}
.produkt_boks legend {
	font-size: 14px;
	color:#7b7b7b;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	float: left;
	width: 100%;
}

.produkt_boks .left{
	float: left;
}
a.producent{
 	text-transform:uppercase;
 	color: #2e3644;
 	margin-right: 10px;
}
.cenaBox{
	font-size:16px;
	font-weight: 600;
}
.kolorCena {
	color: #cc0000;
	font-size:16px;
}
.kolorCena b {
	font-size:36px;
}

.stara_cena {
	text-decoration: line-through !important;
	font-weight: 300;
}
.koszyk_naglowek_knt {
	border: 1px solid rgba(0,0,0,0.1);
	position: relative;
	margin: 0px 0px 2% 0px;
	font-weight: 300;
}
.koszyk_naglowek span {
	font-weight: 300;
}
.koszyk_naglowek {
	width: 22%;
	padding: 1% 1% 1% 2%;
	background-color: #fff;
	color: #aaaaaa;
	float: left;
	font-weight: 300;
}
.koszyk_naglowek.wybrany {
	background-color: #f6f6f6;
	color: #000;
	cursor: pointer;
	font-weight: 400;
}
.koszyk_naglowek.wybrany span {
	font-weight: 400;
	color: #d7a701;
}
.dostawa_platnosc {
	display: block;
	padding: 10px;
	background: #efefef;
	border: 1px solid #efefef;
	border-radius: 3px;
	cursor: pointer;
}
.dostawa_platnosc:hover {
	border: 1px solid #ddd;
}
.scroll_link {
	position: absolute;
	margin-top: -15px;
}
.powiazany {
	display: inline-block;
	padding: 3px 10px 3px 10px !important;
	margin: 5px 0px 5px 0px !important;
}
.powiazany a {
	color: #000;
}
.powiazany a:hover {
	color: #666666;
}
.powiazany.zaznaczony a {
	color: #000;
}
.powiazany.zaznaczony {
	border: 1px solid #999;
	background-color: #ddd;
	padding-top: 11px;
}
.powiazany img {
	height: 20px;
	width: auto;
}
ul.panelKlienta {
    width: 700px;
	float: right;
	padding: 0px;
	margin: 0px;
	margin-top: 45px;
/*	overflow: hidden;*/
}
ul.panelKlienta li{
	float: right;
	color:#fff;
	padding:0px 17px;
	font-size: 26px;
	list-style: none;
}
ul.panelKlienta li.wyszukiwarka{
	float: left;
	background:#f2f2f2f2;
    border-radius: 30px;
    overflow: hidden;
    padding: 0px;
    width: 350px;
}
.tlo_kontakt{
	background-image: url('../img/tlo-info_14.jpg');
	background-size: cover;
}

.tlo_kontakt .kol_3{
	width: 33.333%;
	padding:0px;
}

.tlo_kontakt .kontaktLink{
	background-size: cover;
	margin-top: 200px;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	height: 100px;
	padding:20px 0px;
}
.tlo_kontakt .kontaktLink h3{
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 5px 0px;
}
.tlo_kontakt .kontaktLink a{
	color: #fff;
	font-size: 26px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	display: block;
	font-weight: 600;
}


ul.panelKlienta li ul{
	display: none;
	width: 200px;
	position: absolute;
	background: #60718d;
	padding:0px;
	list-style: none;
	z-index: 99;
	right: 10px;
	text-align: right;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
ul.panelKlienta li ul li{
	padding: 5px 15px;
	width: 170px;
	line-height: 20px;
}


ul.panelKlienta li ul li a{
	height: auto;
}




ul.panelKlienta li a {
    color: #7b7b7b;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    display: block;
}
ul.panelKlienta li a:hover {
    color: #000;
}

ul.panelKlienta li a span{
	font-size: 14px;
	font-weight: 500;
	padding-right: 15px;
}

ul.panelKlienta li a i{
	color:#2e3644;
    font-size: 30px;
    line-height: 50px;
    padding-right: 5px;
}

ul.panelKlienta li a svg{
	fill:#2e3644;
    width: 36px;
}

ul.panelKlienta li:hover ul{
	display: block;
}

ul.panelKlienta li ul li{
	border-bottom: 1px solid #ccc;
}

ul.panelKlienta li ul li a{
	color:#fff;
	font-size: 14px;
	line-height: 27px;
}


ul.panelKlienta li{
	position: relative;
}
ul.panelKlienta li a span.ileProduktow{
	background:#2e3644;
	position: absolute;
	line-height: 12px;
	padding: 5px;
	font-size: 12px;
	border-radius: 50px;
	color:#fff;
	font-weight: bold;
	left: 30px;
	width: 20px;
	text-align:center;
}


.trescKom{
	margin-bottom: 30px;
}
.kom{
	width: 96%;
	border: 1px solid #f2f2f2;
	/*border-radius:10px;*/
	padding:10px 2%;
	margin-top: 5px;
}
.kom .data{
	width: 50%;
	float: right;
	text-align: right;
	font-size: 12px;
	font-style: italic;
}
.kom .imie{
	width: 50%;
	float: left;
	text-align: left;
	font-style: italic;
	font-weight: 600;
}
.kom .tresc{
	border-top: 1px solid #ccc;
	width: 98%;
	padding:1%;
	clear: both;
}

.kom .ocena{
	width: 100%;
	text-align: left;
	clear: both;
}

.formK{
	margin: 20px;
	width: 600px;
	padding: 20px;
	background-color: #f8f8f8;
	/*border-radius: 10px;*/
}
.formK input{ 
	border: 1px solid #cfcfcf;
	margin: 0;
	padding: 0 2% 0 2%;
	width: 96%;
	height: 40px;
	font-size: 16px;
	text-align: left;
	background-color: #f9f9f9;
}
.formK textarea{ 
	border: 1px solid #cfcfcf;
	margin: 0;
	padding: 0 2% 0 2%;
	width: 96%;
	font-size: 16px;
	text-align: left;
	background-color: #f9f9f9;
}
.formK fieldset{
	width: 98%;
	margin:1% 0px;
	text-align: right;
}
.formK fieldset input {
	width: 50px;
	display: none;
	height: 15px;


}
.formK fieldset label {
    display: inline-block;
	font-size: 30px;
	cursor: pointer;
}
.formK .formBtn{
	width: 100%;
	margin-top: 30px;
	padding: 0px;
}

/** FOOTER **/
.proukt_opis table{
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.proukt_opis table th{
	vertical-align: bottom;
	border-bottom: 1px solid #ddd;
	border-top: 0;
}
.proukt_opis table tr{
   padding-top: 5px;
   padding-bottom: 5px;
}
.proukt_opis table tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}
/*td, th {
    padding: 5px;
}
tr:hover{
	border: 1px solid #666;
	background-color: #ddd !important;
}*/

/** ANIMATIONS **/
.ngFade.ng-enter {
  transition:0.5s linear all;
  opacity:0;
}
.ngFade.ng-enter.ng-enter-active {
  opacity:1;
  transition:0.5s linear all;
}
/** ANIMATIONS **/


/** DODATKI **/
.oberek100{
	width: 100%;
	height: auto;
}
.kolor {
	color: #000000;
}
.czarny {
	color: #333333;
}
.czerwony {
	color: #cc0000;
}
.px10 {
	font-size: 10px;
}
.px12 {
	font-size: 12px;
}
.px14 {
	font-size: 14px;
}
.px16 {
	font-size: 16px;
}
.px18 {
	font-size: 18px;
}
.px20 {
	font-size: 20px;
}
.px22 {
	font-size: 22px;
}
.px24 {
	font-size: 24px;
}
.px30 {
	font-size: 30px;
}
.px36 {
	font-size: 36px;
}
.px48 {
	font-size: 48px;
}
#sama_gora {
	position:absolute;
	top:0px;
}
#do_gory {
	position: fixed;
	bottom: 60px;
	right: 10px;
	z-index: 599;
	cursor: pointer;
	opacity:0.5;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	padding-top:10px;
	padding-bottom:0px;
}
#do_gory:hover {
	opacity:1;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	padding-top:0px;
	padding-bottom:10px;
}
label{
	font-weight:normal;
}
.odstepMin{
	display: none;
}
.nasza_jakosc {
	border-radius: 50%;
	border: 1px solid #e8000b;
	box-shadow: 5px 5px 35px rgba(0,0,0,0.2);
	width: 15%;
	margin-right: 1%;
}
ul.kolumny_zalaczniki{
	padding: 0px;
	overflow: hidden;
}
ul.kolumny_zalaczniki li{
	width: 98%;
	margin: 1%;
	text-align: left;
	float: left;
}
ul.kolumny_zalaczniki li img{
	border:1px solid #ccc;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	opacity: 0.6;
	width: 200px;
}

ul.kolumny_zalaczniki li:hover img{
	opacity: 1;
}

/* ========================================================================== 
   Stopka — layout 2026
   ========================================================================== */
#stopka {
	position: relative;
	overflow: hidden;
	padding: 0;
	color: rgba(255, 255, 255, .82);
}

#stopka .szerokosc_str {
	position: relative;
	display: grid;
	grid-template-columns: minmax(180px, 1fr) minmax(190px, 1fr) minmax(250px, 1.15fr) 320px;
	align-items: flex-start;
	gap: 48px;
	width: min(1600px, calc(100% - 48px));
	min-height: 760px;
	margin: 0 auto;
	padding: 122px 150px 110px;
	box-sizing: border-box;
	background: url('../img/tlo_stopki.webp') center / cover no-repeat;
}

#stopka .kol_60 {
	display: contents;
}

#stopka .kol_60 > .wiersz {
	display: contents;
}

#stopka .kol_60 .kol_3:nth-child(1) { grid-column: 1; grid-row: 1 / span 2; }
#stopka .kol_60 .kol_3:nth-child(2) { grid-column: 2; grid-row: 2; }
#stopka .kol_60 .kol_3:nth-child(3) { grid-column: 2; grid-row: 1; }

#stopka .kol_3,
#stopka .kol_40 {
	float: none;
	width: auto;
	padding: 0;
}

#stopka .kol_60 .kol_3 {
	width: auto;
}

#stopka .stopka__prawy-panel {
	display: contents;
}

#stopka .stopka__kontakt { grid-column: 3; grid-row: 1 / span 2; }
#stopka .stopka__platnosci { grid-column: 4; grid-row: 1; }

#stopka h2,
#stopka .stopka__kontakt h2 {
	margin: 0 0 18px;
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.1;
	text-transform: uppercase;
}

#stopka .kol_3 + .kol_3 h2,
#stopka .stopka__kontakt h2 {
	margin-top: 0;
}

#stopka ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#stopka li {
	padding: 0 0 10px;
	line-height: 1.25;
}

#stopka a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: rgba(255, 255, 255, .78);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	text-decoration: none;
}

#stopka a:hover,
#stopka a:focus-visible {
	color: #d8a500;
}

#stopka li a i {
	padding: 0;
	color: inherit;
	font-size: 14px;
}

#stopka .stopka__kontakt article + article {
	margin-top: 20px;
}

#stopka .stopka__kontakt h3 {
	margin: 0 0 9px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
}

#stopka .stopka__kontakt article a {
	display: flex;
	width: max-content;
	max-width: 100%;
	margin-top: 5px;
	font-size: 15px;
}

#stopka .stopka__kontakt article a i {
	width: 15px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

#stopka .stopka__social-title {
	margin: 34px 0 13px;
}

#stopka .stopka__social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
}

#stopka .stopka__social a {
	gap: 7px;
	font-size: 14px;
}

#stopka .stopka__social i {
	color: #d8a500;
	font-size: 28px;
}

#stopka .stopka__social a:nth-child(2) i {
	font-size: 25px;
}

#stopka .stopka__platnosci {
	overflow: hidden;
	padding: 0;
	border-radius: 22px;
	background: #f5f4f2;
}

#stopka .stopka__platnosci a {
	display: block;
}

#stopka .stopka__platnosci img {
	display: block;
	width: 100%;
	height: auto;
}

#stopka .stopka__prawa {
	position: absolute;
	bottom: 40px;
	left: 150px;
	max-width: 650px;
	padding: 0;
}

#stopka .stopka__prawa p {
	margin: 0 0 6px;
	color: rgba(255, 255, 255, .83);
	font-size: 14px;
}

#stopka .stopka__prawa span {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-transform: none;
}

#stopka .stopka__prawa > p:nth-of-type(n + 2),
#stopka .stopka__prawa > p:has(.social),
#stopka .stopka__prawa > p:has(img) {
	display: none;
}

.influencja_knt {
	padding: 46px 0 64px;
}

#influencja {
	display: inline-block;
	filter: grayscale(100%);
	opacity: .72;
}
.ukryte {
	position: absolute;
	opacity: 0;
	height: 1px;
	overflow: hidden;
}

/* ========================================================================== 
   Stopka — niezależna struktura 2026
   ========================================================================== */
.site-footer {
	padding-top: 40px;
	color: rgba(255, 255, 255, .78);
}

.site-footer__panel {
	width: min(1600px, calc(100% - 48px));
	min-height: 763px;
	margin: 0 auto;
	box-sizing: border-box;
	background: url('../img/tlo_stopki.webp') center / cover no-repeat;
}

.site-footer__layout {
	position: relative;
	display: grid;
	grid-template-columns: minmax(180px, 1fr) minmax(200px, 1.08fr) minmax(255px, 1.25fr) 320px;
	column-gap: 50px;
	row-gap: 44px;
	min-height: 763px;
	box-sizing: border-box;
	padding: 120px 150px 100px;
}

.site-footer h2 {
	margin: 0 0 19px;
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.1;
	text-transform: uppercase;
}

.site-footer__nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__nav li {
	margin: 0 0 10px;
}

.site-footer__nav a,
.site-footer__contact a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: rgba(255, 255, 255, .78);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	text-decoration: none;
}

.site-footer__nav a::before {
	content: '›';
	font-size: 24px;
	font-weight: 500;
	line-height: 12px;
}

.site-footer__nav a:hover,
.site-footer__nav a:focus-visible,
.site-footer__contact a:hover,
.site-footer__contact a:focus-visible,
.site-footer__social a:hover,
.site-footer__social a:focus-visible {
	color: #d8a500;
}

.site-footer__links {
	display: grid;
	align-content: start;
	gap: 35px;
}

.site-footer__contact article + article {
	margin-top: 21px;
}

.site-footer__contact h3 {
	margin: 0 0 9px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
}

.site-footer__contact article a {
	display: flex;
	width: max-content;
	max-width: 100%;
	margin-top: 6px;
	font-size: 15px;
}

.site-footer__contact article i {
	width: 15px;
	font-size: 14px;
	text-align: center;
}

.site-footer__social-title {
	margin-top: 40px !important;
}

.site-footer__social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 28px;
}

.site-footer__social a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: rgba(255, 255, 255, .78);
	font-size: 14px;
	text-decoration: none;
}

.site-footer__social i {
	color: #d8a500;
	font-size: 29px;
}

.site-footer__social a:nth-child(2) i {
	font-size: 26px;
}

.site-footer__payments {
	overflow: hidden;
	align-self: start;
	border-radius: 22px;
	background: #f5f4f2;
}

.site-footer__payments a,
.site-footer__payments img {
	display: block;
	max-width: 100%;
	height: auto;
}

.site-footer__legal {
	position: absolute;
	left: 150px;
	bottom: 128px;
	color: rgba(255, 255, 255, .8);
	font-size: 14px;
	line-height: 1.25;
}

.site-footer__legal p {
	margin: 0 0 5px;
}

.site-footer__legal p:first-child {
	font-size: 16px;
}

.site-footer__legal strong {
	color: #fff;
}

.site-footer-credit {
	padding: 56px 0 88px;
	text-align: center;
}

.site-footer-credit a,
.site-footer-credit img {
	display: inline-block;
}

.site-footer-credit img {
	filter: grayscale(1);
	opacity: .7;
	transition: opacity .2s ease, filter .2s ease;
}

.site-footer-credit a:hover img,
.site-footer-credit a:focus-visible img {
	filter: grayscale(0) brightness(1);
	opacity: 1;
}
.jezyk {
	float: left;
	cursor: pointer;
}
	ul.opis_tekst {
		margin:0px;
		padding:0px;
		box-shadow: 0px 0px 100px rgba(0,0,0,0.1);
		margin-bottom: 100px;
	}
	ul.opis_tekst:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	ul.opis_tekst li {
		list-style: none;
		margin: 0px;
		padding: 25px;
		background-color: #fff;
	}
	ul.opis_tekst  li ul {
		margin:auto;
		padding:auto;
	}
	ul.opis_tekst:after li ul { content:"."; display:block; height:0; clear:none; visibility:hidden; }
	ul.opis_tekst li ul li {
		list-style: circle;
		margin: auto !important;
		padding: 5px !important;
		background-color: transparent;
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	ul.opis_menu {
		margin:0px;
		padding:0px;
		background-color: #fff;
	}
	ul.opis_menu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	ul.opis_menu li {
		list-style: none;
		color: #666;
		margin: 0px;
		padding: 5px 25px 5px 25px;
		text-align: center;
		float: left;
		cursor: pointer;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}
	ul.opis_menu li:hover {
		color: #000;
		background-color: #fafafa;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}
	ul.opis_menu li.wybrane {
		color: #000;
		background-color: #dcdcdc;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}
	ul.opis_menu li h2 {
		margin: 0px;
		color: #000000;
		font-size: 15px;
		padding: 8px;
		text-transform: uppercase;
		font-weight: 500;
	}
	ul.opis_menu li.wybrane h2 {
		color: #000;
		font-weight: 600;
	}
	ul.opis_menu li:hover h2 {
		color: #000;
	}
	ul.opis_menu li ul li{
		display: block !important;
	}

/** DODATKI **/



.alignnone {
	margin: 1.625em;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
	max-width: 45% !important;
	height: auto;
}
.alignleft:hover {
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
	max-width: 45% !important;
	height: auto;
}
.alignright:hover {
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.aligncenter:hover {
}
.text-center {
	text-align: center;
}
.kol_3 div.slajd{
	width: 100%;
}
.angular-google-map{ 
	height: 600px;
	 }

/** Formularz **/
/*input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select, textarea {
  vertical-align: top;
  padding: 0 5px;
  margin: 10px;
  border: 1px solid #ddd;
  height: 36px;
  font: 13px 'Montserrat', sans-serif;
  color: #666;
  display: block;
  width: 100%;
  background: #fff 95% center no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select:focus, textarea:focus {
    outline: none;
    border: 1px solid #54AFE4;
    -webkit-box-shadow: 0 0 2px rgba(84, 175, 228, 0.4);
    -moz-box-shadow: 0 0 2px rgba(84, 175, 228, 0.4);
    box-shadow: 0 0 2px rgba(84, 175, 228, 0.4); }
  input[type="email"].disabled, input[type="number"].disabled, input[type="password"].disabled, input[type="search"].disabled, input[type="tel"].disabled, input[type="text"].disabled, input[type="url"].disabled, input[type="color"].disabled, input[type="date"].disabled, input[type="datetime"].disabled, input[type="datetime-local"].disabled, input[type="month"].disabled, input[type="time"].disabled, input[type="week"].disabled, select.disabled, textarea.disabled {
    background-color: #f5f5f5; }

textarea{
	height: 155px;
}


input[type="submit"], input[type="button"] {
    display: inline-block;
    padding: 0 20px;
    min-width: 100px;
    border: 1px solid #ccc;
    height: 40px;
    color: #4E4E4E;
    font: bold 13px/40px 'Montserrat', sans-serif;
    cursor: pointer;
    border-radius: 3px;

}*/
.text-danger {
	color: #a94442;
}
.polecane{
	color: #aaa; /*#ffb100;*/
}
.promocje{
	color: #cc0000;
}
.nowosci{
	color: #00cde5;
}

.ngh2d{
	overflow: hidden;
	/*border-bottom: 1px solid #e5e5e5;*/
	margin-bottom: 40px;
	margin-left: 30px;
}
.ngh2d h1{
	float: left;
	margin: 0px;
	line-height: 20px;
	font-size: 20px;
	font-weight: 500;
	color: #333232;
}
.ngh2d h2{
	float: left;
	margin: 0px;
	line-height: 36px;
	font-size: 30px;
	font-weight: 600;
	color: #2e3644;
}
.ngh2d h3{
	text-transform: uppercase;
	font-size: 22px;
	margin: 0px;
	color: #666;
	font-weight: 400;
}
.ngh2d span{
	float: right;
	margin: 0px;
	line-height: 40px;
}
.ngh2d span a{
	text-transform: uppercase;
	color: #828282;
    font-weight: 600;
    font-size: 14px;
    padding-right: 10px;
}
.ngh2d span a:hover{
	color: #53627c;
    padding-right: 0px;
}


.text-danger {
	color: #a94442;
}
.has-error {
    color: #cc0000 !important;
}
.validationMessage {
    font-size: 13px;
}
.miniInfo{
	font-size: 12px;
	line-height: 14px;
	display: block;
	padding: 5px;
	background: #fff;
	border-radius: 3px;
}

.menu_kontakt li.wyszukiwarka {
	padding-right: 0px;
}
.formInputSzukaj {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #7b7b7b;
	background: none !important;
	width: 260px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 5px;
	float: right;
	height: 30px;
	padding: 10px;
}
.formBtnSzukaj {
	font-family: 'Montserrat', sans-serif;
	color: #7b7b7b;
	font-size: 15px;
	font-weight: 400;
	border-radius: 30px;
	background-color:#000;
	background-image: url(../img/lupka.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	margin-top: 0;
	position: static;
	float: left;
	border: 5px solid #f2f2f2;
	padding: 10px 25px;
}
.formBtnSzukaj:hover {
	opacity:0.8;
	background-color: #5e7392;
}
ul#ralownik{
	overflow: hidden;
	padding:0px;
}
ul#ralownik li{
	width: 105px;
	float: left;
	margin :5px !important;
	display: block;
}

ul#ralownik li h3{
	text-align: center;
}

.wymiaryTab{
	border:2px solid #ccc;
}
.wymiaryTab tr:first-child{
	background-color: #ccc !important;
	border-bottom: 1px solid #666;
}
.boxs_blog{
	display: grid;
	grid-template-columns:  1fr 1fr 1fr;
}
.boxs_blog aside{
	position:relative;
	padding: 20px;
}

.boxs_blog aside span.data{
	position:absolute;
	right: 20px;
	top: 20px;
	background-color: rgba(255,255,255,0.6);
	border-radius: 3px;
	padding:  3px 20px;
	font-weight: 600;
}

.boxs_blog aside img{
	width: 100%;
	float: left;
}
.boxs_blog aside h2{
	font-size: 24px;
	color: #53627c;
}

.boxs_blog aside .blog_link{
	color: #53627c;
	float: right;
	font-weight: 600;
}


.logoBox{
 	width: 100px; 
 	position: absolute; 
 	z-index: -1; 
 	background-color: rgba(0,0,0,0.8); 
 	height: 100px; 
 	top:0px; 
 	bottom:0px; 
 	left:0px;
 }

.kolumnaLewa2 {
	width: 47%;
	padding-right: 3%;
	float: left;
}
.kolumnaPrawa2 {
	width: 47%;
	float: left;
	padding-right: 3%;
}

.kolumnaLewa{
	width: 50%;
	float: left;
	
}
.kolumnaPrawa{
	width: 50%;
	float: left;
}
.koniecKolumn {clear: both;}
.tlo_lista .kolumnaPrawa img{
	width: 50%;
	margin:0px 25% !important;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
}


/** Bootstrap **/
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #a94442;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
  padding: 5px 25px 5px 25px !important;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
  padding: 5px 25px 5px 25px !important;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
  padding: 5px 25px 5px 25px !important;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
  padding: 5px 25px 5px 25px !important;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
  padding: 5px 25px 5px 25px !important;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
/** Bootstrap **/


/*
autor:      influencja.pl
wersja:     165.12.2.1
kompilacja: 123080962145912635976129019625019261569361986365;
klasy:      .wiersz
            .kol_[1-9]
            .kol_[10-100]
            .ods_z[gora,dol,prawa,lewa]_[5-100]
            .ods_w[gora,dol,prawa,lewa]_[5-100]
            .px[10-36]
*/

.szaryLoader{
	filter: grayscale(100%);
	max-width: 75px !important;
	height: auto;
}
.wiersz { clear: both; }
.wiersz:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
.kol_1 { float: left; width: 100%; width: calc(100% - 30px); padding: 0px 15px 0px 15px; } .kol_2 { float: left; width: 50%; width: calc(50% - 30px); padding: 0px 15px 0px 15px; } .kol_3 { float: left; width: 29%; width: calc(33.333333333333% - 30px); padding: 0px 15px 0px 15px; } .kol_4 { float: left; width: 22%; width: calc(25% - 30px); padding: 0px 15px 0px 15px; } .kol_5 { float: left;width: 18%; width: calc(20% - 30px); padding: 0px 15px 0px 15px; } .kol_6 { float: left; width: calc(16.666666666667% - 30px); padding: 0px 15px 0px 15px; } .kol_7 { float: left; width: calc(14.285714285714% - 30px); padding: 0px 15px 0px 15px; } .kol_8 { float: left; width: calc(12.5% - 30px); padding: 0px 15px 0px 15px; } .kol_9 { float: left; width: calc(11.111111111111% - 30px); padding: 0px 15px 0px 15px; } .kol_10 { float: left; width: calc(10% - 30px); padding: 0px 15px 0px 15px; } .kol_11 { float: left; width: calc(11% - 30px); padding: 0px 15px 0px 15px; } .kol_12 { float: left; width: calc(12% - 30px); padding: 0px 15px 0px 15px; } .kol_13 { float: left; width: calc(13% - 30px); padding: 0px 15px 0px 15px; } .kol_14 { float: left; width: calc(14% - 30px); padding: 0px 15px 0px 15px; } .kol_15 { float: left; width: calc(15% - 30px); padding: 0px 15px 0px 15px; } .kol_16 { float: left; width: calc(16% - 30px); padding: 0px 15px 0px 15px; } .kol_17 { float: left; width: calc(17% - 30px); padding: 0px 15px 0px 15px; } .kol_18 { float: left; width: calc(18% - 30px); padding: 0px 15px 0px 15px; } .kol_19 { float: left; width: calc(19% - 30px); padding: 0px 15px 0px 15px; } .kol_20 { float: left; width: calc(20% - 30px); padding: 0px 15px 0px 15px; } .kol_21 { float: left; width: calc(21% - 30px); padding: 0px 15px 0px 15px; } .kol_22 { float: left; width: calc(22% - 30px); padding: 0px 15px 0px 15px; } .kol_23 { float: left; width: calc(23% - 30px); padding: 0px 15px 0px 15px; } .kol_24 { float: left; width: calc(24% - 30px); padding: 0px 15px 0px 15px; } .kol_25 { float: left; width: calc(25% - 30px); padding: 0px 15px 0px 15px; } .kol_26 { float: left; width: calc(26% - 30px); padding: 0px 15px 0px 15px; } .kol_27 { float: left; width: calc(27% - 30px); padding: 0px 15px 0px 15px; } .kol_28 { float: left; width: calc(28% - 30px); padding: 0px 15px 0px 15px; } .kol_29 { float: left; width: calc(29% - 30px); padding: 0px 15px 0px 15px; } .kol_30 { float: left; width: 28%; width: calc(30% - 30px); padding: 0px 15px 0px 15px; } .kol_31 { float: left; width: calc(31% - 30px); padding: 0px 15px 0px 15px; } .kol_32 { float: left; width: calc(32% - 30px); padding: 0px 15px 0px 15px; } .kol_33 { float: left; width: calc(33% - 30px); padding: 0px 15px 0px 15px; } .kol_34 { float: left; width: calc(34% - 30px); padding: 0px 15px 0px 15px; } .kol_35 { float: left; width: calc(35% - 30px); padding: 0px 15px 0px 15px; } .kol_36 { float: left; width: calc(36% - 30px); padding: 0px 15px 0px 15px; } .kol_37 { float: left; width: calc(37% - 30px); padding: 0px 15px 0px 15px; } .kol_38 { float: left; width: calc(38% - 30px); padding: 0px 15px 0px 15px; } .kol_39 { float: left; width: calc(39% - 30px); padding: 0px 15px 0px 15px; } .kol_40 { float: left; width: calc(40% - 30px); padding: 0px 15px 0px 15px; } .kol_41 { float: left; width: calc(41% - 30px); padding: 0px 15px 0px 15px; } .kol_42 { float: left; width: calc(42% - 30px); padding: 0px 15px 0px 15px; } .kol_43 { float: left; width: calc(43% - 30px); padding: 0px 15px 0px 15px; } .kol_44 { float: left; width: calc(44% - 30px); padding: 0px 15px 0px 15px; } .kol_45 { float: left; width: calc(45% - 30px); padding: 0px 15px 0px 15px; } .kol_46 { float: left; width: calc(46% - 30px); padding: 0px 15px 0px 15px; } .kol_47 { float: left; width: calc(47% - 30px); padding: 0px 15px 0px 15px; } .kol_48 { float: left; width: calc(48% - 30px); padding: 0px 15px 0px 15px; } .kol_49 { float: left; width: calc(49% - 30px); padding: 0px 15px 0px 15px; } .kol_50 { float: left; width: calc(50% - 30px); padding: 0px 15px 0px 15px; } .kol_51 { float: left; width: calc(51% - 30px); padding: 0px 15px 0px 15px; } .kol_52 { float: left; width: calc(52% - 30px); padding: 0px 15px 0px 15px; } .kol_53 { float: left; width: calc(53% - 30px); padding: 0px 15px 0px 15px; } .kol_54 { float: left; width: calc(54% - 30px); padding: 0px 15px 0px 15px; } .kol_55 { float: left; width: calc(55% - 30px); padding: 0px 15px 0px 15px; } .kol_56 { float: left; width: calc(56% - 30px); padding: 0px 15px 0px 15px; } .kol_57 { float: left; width: calc(57% - 30px); padding: 0px 15px 0px 15px; } .kol_58 { float: left; width: calc(58% - 30px); padding: 0px 15px 0px 15px; } .kol_59 { float: left; width: calc(59% - 30px); padding: 0px 15px 0px 15px; } .kol_60 { float: left; width: calc(60% - 30px); padding: 0px 15px 0px 15px; } .kol_61 { float: left; width: calc(61% - 30px); padding: 0px 15px 0px 15px; } .kol_62 { float: left; width: calc(62% - 30px); padding: 0px 15px 0px 15px; } .kol_63 { float: left; width: calc(63% - 30px); padding: 0px 15px 0px 15px; } .kol_64 { float: left; width: calc(64% - 30px); padding: 0px 15px 0px 15px; } .kol_65 { float: left; width: calc(65% - 30px); padding: 0px 15px 0px 15px; } .kol_66 { float: left; width: calc(66% - 30px); padding: 0px 15px 0px 15px; } .kol_67 { float: left; width: calc(67% - 30px); padding: 0px 15px 0px 15px; } .kol_68 { float: left; width: calc(68% - 30px); padding: 0px 15px 0px 15px; } .kol_69 { float: left; width: calc(69% - 30px); padding: 0px 15px 0px 15px; } .kol_70 { float: left; width: 67%; width: calc(70% - 30px); padding: 0px 15px 0px 15px; } .kol_71 { float: left; width: calc(71% - 30px); padding: 0px 15px 0px 15px; } .kol_72 { float: left; width: calc(72% - 30px); padding: 0px 15px 0px 15px; } .kol_73 { float: left; width: calc(73% - 30px); padding: 0px 15px 0px 15px; } .kol_74 { float: left; width: calc(74% - 30px); padding: 0px 15px 0px 15px; } .kol_75 { float: left; width: calc(75% - 30px); padding: 0px 15px 0px 15px; } .kol_76 { float: left; width: calc(76% - 30px); padding: 0px 15px 0px 15px; } .kol_77 { float: left; width: calc(77% - 30px); padding: 0px 15px 0px 15px; } .kol_78 { float: left; width: calc(78% - 30px); padding: 0px 15px 0px 15px; } .kol_79 { float: left; width: calc(79% - 30px); padding: 0px 15px 0px 15px; } .kol_80 { float: left; width: calc(80% - 30px); padding: 0px 15px 0px 15px; } .kol_81 { float: left; width: calc(81% - 30px); padding: 0px 15px 0px 15px; } .kol_82 { float: left; width: calc(82% - 30px); padding: 0px 15px 0px 15px; } .kol_83 { float: left; width: calc(83% - 30px); padding: 0px 15px 0px 15px; } .kol_84 { float: left; width: calc(84% - 30px); padding: 0px 15px 0px 15px; } .kol_85 { float: left; width: calc(85% - 30px); padding: 0px 15px 0px 15px; } .kol_86 { float: left; width: calc(86% - 30px); padding: 0px 15px 0px 15px; } .kol_87 { float: left; width: calc(87% - 30px); padding: 0px 15px 0px 15px; } .kol_88 { float: left; width: calc(88% - 30px); padding: 0px 15px 0px 15px; } .kol_89 { float: left; width: calc(89% - 30px); padding: 0px 15px 0px 15px; } .kol_90 { float: left; width: calc(90% - 30px); padding: 0px 15px 0px 15px; } .kol_91 { float: left; width: calc(91% - 30px); padding: 0px 15px 0px 15px; } .kol_92 { float: left; width: calc(92% - 30px); padding: 0px 15px 0px 15px; } .kol_93 { float: left; width: calc(93% - 30px); padding: 0px 15px 0px 15px; } .kol_94 { float: left; width: calc(94% - 30px); padding: 0px 15px 0px 15px; } .kol_95 { float: left; width: calc(95% - 30px); padding: 0px 15px 0px 15px; } .kol_96 { float: left; width: calc(96% - 30px); padding: 0px 15px 0px 15px; } .kol_97 { float: left; width: calc(97% - 30px); padding: 0px 15px 0px 15px; } .kol_98 { float: left; width: calc(98% - 30px); padding: 0px 15px 0px 15px; } .kol_99 { float: left; width: calc(99% - 30px); padding: 0px 15px 0px 15px; } .kol_100 { float: left; width: calc(100% - 30px); padding: 0px 15px 0px 15px; } 
.ods_zg_0 { margin-top: 0px; } .ods_zl_0 { margin-left: 0px; } .ods_zp_0 { margin-right: 0px; } .ods_zd_0 { margin-bottom: 0px; } .ods_wg_0 { padding-top: 0px; } .ods_wl_0 { padding-left: 0px; } .ods_wp_0 { padding-right: 0px; } .ods_wd_0 { padding-bottom: 0px; }
.ods_zg_5 { margin-top: 5px; } .ods_zl_5 { margin-left: 5px; } .ods_zp_5 { margin-right: 5px; } .ods_zd_5 { margin-bottom: 5px; } .ods_wg_5 { padding-top: 5px; } .ods_wl_5 { padding-left: 5px; } .ods_wp_5 { padding-right: 5px; } .ods_wd_5 { padding-bottom: 5px; } .ods_zg_10 { margin-top: 10px; } .ods_zl_10 { margin-left: 10px; } .ods_zp_10 { margin-right: 10px; } .ods_zd_10 { margin-bottom: 10px; } .ods_wg_10 { padding-top: 10px; } .ods_wl_10 { padding-left: 10px; } .ods_wp_10 { padding-right: 10px; } .ods_wd_10 { padding-bottom: 10px; } .ods_zg_15 { margin-top: 15px; } .ods_zl_15 { margin-left: 15px; } .ods_zp_15 { margin-right: 15px; } .ods_zd_15 { margin-bottom: 15px; } .ods_wg_15 { padding-top: 15px; } .ods_wl_15 { padding-left: 15px; } .ods_wp_15 { padding-right: 15px; } .ods_wd_15 { padding-bottom: 15px; } .ods_zg_20 { margin-top: 20px; } .ods_zl_20 { margin-left: 20px; } .ods_zp_20 { margin-right: 20px; } .ods_zd_20 { margin-bottom: 20px; } .ods_wg_20 { padding-top: 20px; } .ods_wl_20 { padding-left: 20px; } .ods_wp_20 { padding-right: 20px; } .ods_wd_20 { padding-bottom: 20px; } .ods_zg_25 { margin-top: 25px; } .ods_zl_25 { margin-left: 25px; } .ods_zp_25 { margin-right: 25px; } .ods_zd_25 { margin-bottom: 25px; } .ods_wg_25 { padding-top: 25px; } .ods_wl_25 { padding-left: 25px; } .ods_wp_25 { padding-right: 25px; } .ods_wd_25 { padding-bottom: 25px; } .ods_zg_30 { margin-top: 30px; } .ods_zl_30 { margin-left: 30px; } .ods_zp_30 { margin-right: 30px; } .ods_zd_30 { margin-bottom: 30px; } .ods_wg_30 { padding-top: 30px; } .ods_wl_30 { padding-left: 30px; } .ods_wp_30 { padding-right: 30px; } .ods_wd_30 { padding-bottom: 30px; } .ods_zg_35 { margin-top: 35px; } .ods_zl_35 { margin-left: 35px; } .ods_zp_35 { margin-right: 35px; } .ods_zd_35 { margin-bottom: 35px; } .ods_wg_35 { padding-top: 35px; } .ods_wl_35 { padding-left: 35px; } .ods_wp_35 { padding-right: 35px; } .ods_wd_35 { padding-bottom: 35px; } .ods_zg_40 { margin-top: 40px; } .ods_zl_40 { margin-left: 40px; } .ods_zp_40 { margin-right: 40px; } .ods_zd_40 { margin-bottom: 40px; } .ods_wg_40 { padding-top: 40px; } .ods_wl_40 { padding-left: 40px; } .ods_wp_40 { padding-right: 40px; } .ods_wd_40 { padding-bottom: 40px; } .ods_zg_45 { margin-top: 45px; } .ods_zl_45 { margin-left: 45px; } .ods_zp_45 { margin-right: 45px; } .ods_zd_45 { margin-bottom: 45px; } .ods_wg_45 { padding-top: 45px; } .ods_wl_45 { padding-left: 45px; } .ods_wp_45 { padding-right: 45px; } .ods_wd_45 { padding-bottom: 45px; } .ods_zg_50 { margin-top: 50px; } .ods_zl_50 { margin-left: 50px; } .ods_zp_50 { margin-right: 50px; } .ods_zd_50 { margin-bottom: 50px; } .ods_wg_50 { padding-top: 50px; } .ods_wl_50 { padding-left: 50px; } .ods_wp_50 { padding-right: 50px; } .ods_wd_50 { padding-bottom: 50px; } .ods_zg_55 { margin-top: 55px; } .ods_zl_55 { margin-left: 55px; } .ods_zp_55 { margin-right: 55px; } .ods_zd_55 { margin-bottom: 55px; } .ods_wg_55 { padding-top: 55px; } .ods_wl_55 { padding-left: 55px; } .ods_wp_55 { padding-right: 55px; } .ods_wd_55 { padding-bottom: 55px; } .ods_zg_60 { margin-top: 60px; } .ods_zl_60 { margin-left: 60px; } .ods_zp_60 { margin-right: 60px; } .ods_zd_60 { margin-bottom: 60px; } .ods_wg_60 { padding-top: 60px; } .ods_wl_60 { padding-left: 60px; } .ods_wp_60 { padding-right: 60px; } .ods_wd_60 { padding-bottom: 60px; } .ods_zg_65 { margin-top: 65px; } .ods_zl_65 { margin-left: 65px; } .ods_zp_65 { margin-right: 65px; } .ods_zd_65 { margin-bottom: 65px; } .ods_wg_65 { padding-top: 65px; } .ods_wl_65 { padding-left: 65px; } .ods_wp_65 { padding-right: 65px; } .ods_wd_65 { padding-bottom: 65px; } .ods_zg_70 { margin-top: 70px; } .ods_zl_70 { margin-left: 70px; } .ods_zp_70 { margin-right: 70px; } .ods_zd_70 { margin-bottom: 70px; } .ods_wg_70 { padding-top: 70px; } .ods_wl_70 { padding-left: 70px; } .ods_wp_70 { padding-right: 70px; } .ods_wd_70 { padding-bottom: 70px; } .ods_zg_75 { margin-top: 75px; } .ods_zl_75 { margin-left: 75px; } .ods_zp_75 { margin-right: 75px; } .ods_zd_75 { margin-bottom: 75px; } .ods_wg_75 { padding-top: 75px; } .ods_wl_75 { padding-left: 75px; } .ods_wp_75 { padding-right: 75px; } .ods_wd_75 { padding-bottom: 75px; } .ods_zg_80 { margin-top: 80px; } .ods_zl_80 { margin-left: 80px; } .ods_zp_80 { margin-right: 80px; } .ods_zd_80 { margin-bottom: 80px; } .ods_wg_80 { padding-top: 80px; } .ods_wl_80 { padding-left: 80px; } .ods_wp_80 { padding-right: 80px; } .ods_wd_80 { padding-bottom: 80px; } .ods_zg_85 { margin-top: 85px; } .ods_zl_85 { margin-left: 85px; } .ods_zp_85 { margin-right: 85px; } .ods_zd_85 { margin-bottom: 85px; } .ods_wg_85 { padding-top: 85px; } .ods_wl_85 { padding-left: 85px; } .ods_wp_85 { padding-right: 85px; } .ods_wd_85 { padding-bottom: 85px; } .ods_zg_90 { margin-top: 90px; } .ods_zl_90 { margin-left: 90px; } .ods_zp_90 { margin-right: 90px; } .ods_zd_90 { margin-bottom: 90px; } .ods_wg_90 { padding-top: 90px; } .ods_wl_90 { padding-left: 90px; } .ods_wp_90 { padding-right: 90px; } .ods_wd_90 { padding-bottom: 90px; } .ods_zg_95 { margin-top: 95px; } .ods_zl_95 { margin-left: 95px; } .ods_zp_95 { margin-right: 95px; } .ods_zd_95 { margin-bottom: 95px; } .ods_wg_95 { padding-top: 95px; } .ods_wl_95 { padding-left: 95px; } .ods_wp_95 { padding-right: 95px; } .ods_wd_95 { padding-bottom: 95px; } .ods_zg_100 { margin-top: 100px; } .ods_zl_100 { margin-left: 100px; } .ods_zp_100 { margin-right: 100px; } .ods_zd_100 { margin-bottom: 100px; } .ods_wg_100 { padding-top: 100px; } .ods_wl_100 { padding-left: 100px; } .ods_wp_100 { padding-right: 100px; } .ods_wd_100 { padding-bottom: 100px; } 
.px10 { font-size: 10px; } .px11 { font-size: 11px; } .px12 { font-size: 12px; } .px13 { font-size: 13px; } .px14 { font-size: 14px; } .px15 { font-size: 15px; } .px16 { font-size: 16px; } .px17 { font-size: 17px; } .px18 { font-size: 18px; } .px19 { font-size: 19px; } .px20 { font-size: 20px; } .px21 { font-size: 21px; } .px22 { font-size: 22px; } .px23 { font-size: 23px; } .px24 { font-size: 24px; } .px25 { font-size: 25px; } .px26 { font-size: 26px; } .px27 { font-size: 27px; } .px28 { font-size: 28px; } .px29 { font-size: 29px; } .px30 { font-size: 30px; } .px31 { font-size: 31px; } .px32 { font-size: 32px; } .px33 { font-size: 33px; } .px34 { font-size: 34px; } .px35 { font-size: 35px; } .px36 { font-size: 36px; } 

.wiersz .kol_4:nth-child(4n+1) {
	clear:both;
}
.kol_4 {

    float: left;
    width: 22%;
    width: calc(25% - 10px);
    padding: 0px 5px 0px 5px;

    margin-top: 10px;

}

.powiazane_produkty .kol_4 {
	width: 22%; width: calc(25% - 10px);
}
.wiersz .powiazane_produkty .kol_4:nth-child(4n+1) {
	clear:none;
}
.powiazane_produkty .formBtn {
	font-size: 16px;
}
.powiazane_produkty .item-name {
	font-size: 16px;
}

/* Powiązane produkty — Owl Carousel ładowany wraz z dynamicznym widokiem AngularJS. */
.powiazane_produkty__slider.owl-carousel {
	width: 100%;
}

/* Wiersz powiązanych produktów nie może dziedziczyć dwukolumnowego układu
   głównej części karty produktu. */
.produkt-strona > .trescStrony > .wiersz.powiazane_produkty__wiersz {
	display: block;
}

.produkt-strona > .trescStrony > .wiersz.powiazane_produkty__wiersz > .kol_1 {
	float: none;
	width: 100%;
	padding: 0;
}

.powiazane_produkty__slider.owl-carousel .owl-stage,
.powiazane_produkty__slider.owl-carousel .owl-item,
.powiazane_produkty__slider.owl-carousel .owl-item .produkt-kolumna,
.powiazane_produkty__slider.owl-carousel .owl-item .kol_4 {
	display: flex;
}

.powiazane_produkty__slider.owl-carousel .owl-item .produkt-kolumna,
.powiazane_produkty__slider.owl-carousel .owl-item .kol_4 {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.powiazane_produkty__slider.owl-carousel .produkt-karta {
	width: 100%;
}

.powiazane_produkty__dots {
	margin-top: 28px;
}
.kol_menu{
	width: 20%;
	border-right: 1px solid rgba(0,0,0,0.1);
	float: left;
	background-color: #fff;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.kol_zawartosc{
	width: 80%;
	float: left;
}

.koniec {
	clear: both;
}
.wierszFlex{
	display: flex;
}

.titleMenu{
	display: none;
}
#opisBox {
    display: table;
}
#opisText {
    overflow: hidden;
    height: auto;
    max-height: 265px;
    position: relative;
    padding-bottom: 30px;
}
#readmore {
	font-weight: 500;
    text-align:right;
    padding:2px;
    float:right;
    cursor: pointer;
    position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	background: #f4f4f4;
}
iframe{
    border: 0;
    width: 100%;
    height: 400px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
}

 .daneTech table{
        width: 100%;
        margin-bottom: 20px;
        color: #424242; line-height: 20px;
        border: 1px solid #ccc;
        /*border-radius: 10px;*/
        margin-top: 20px;
        margin-bottom: 20px;
        overflow: auto;
    }
    .daneTech table th{
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
        border-top: 0;
    }
     .daneTech table tr{
       padding-top: 5px;
       padding-bottom: 5px;
       border-bottom: 1px solid #ccc;
    }
    .daneTech table tr td{
        padding: 5px;
    }
    .daneTech table tr:nth-of-type(2n+1) {
        background-color: #f9f9f9;
    }
    .daneTech table tr:hover {
        background-color: #efefef;
    }
    	#wybana_opcja{
		width: 200px;
	}
	#kolor {
		overflow: hidden;
	}
	#kolor span{
		width: 50px;
		height: 50px;
		display: block;
		margin-right: 10px;
		float: left;
		border: 2px solid #ccc;
		margin-left: 5px;
		cursor: pointer;
	}
	#kolor strong{
		display: block;
		line-height: 54px;
		float: left;
	}
		#ralownik {
		display: none;
	}
	#ralownik ul{
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
	}
	#ralownik ul li{
		text-align: center;
		width: 50px;
		height: 50px;
		margin: 1px;
		list-style: none;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
	}
	.linkRal{
		display: block;
		margin: 15px;
		font-weight: 600;
		cursor: pointer;
	}


    #ralownik2 ul{
		overflow: hidden;
		padding: 0px;
	}
	#ralownik2 ul li {
	    width: 105px;
	    height: 50px;
	    float: left;
	    margin: 5px !important;
	    display: block;
	}

	#ralownik2 ul li span{
		background-color: rgba(255,255,255,0.5);
		padding: 0px 5px;
	}
/** DODATKI **/

.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}
@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}


.szerokosc_str{
	box-sizing: border-box;
	width: min(1400px, calc(100% - 48px));
	margin: 0 auto;
}

/* ========================================================================== 
   Header — layout 2026
   ========================================================================== */
#glowny_naglowek_knt {
	background: transparent;
	/*border-bottom: 1px solid rgba(0, 0, 0, .14);*/
	color: #262223;
}

#glowny_naglowek {
	height: auto;
	box-shadow: none;
}

#glowny_naglowek .szerokosc_str,
#menuGlowne .szerokosc_str {
	width: min(1400px, calc(100% - 48px));
}

#glowny_naglowek .szerokosc_str {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 90px;
}

#logo {
	flex: 0 1 340px;
	width: 340px;
	margin: 0;
	float: none;
}

#logo a,
#logo img {
	display: block;
}

#logo img {
	max-height: 88px;
	width: auto;
	margin: 0 !important;
	margin-top: 50px !important;
}

ul.panelKlienta {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 22px;
	width: auto;
	margin: 0;
	padding: 0;
}

ul.panelKlienta li,
ul.panelKlienta li.wyszukiwarka {
	float: none;
	margin: 0;
	padding: 0;
}

ul.panelKlienta li.wyszukiwarka {
	width: 343px;
	border-radius: 0;
	background: #fff;
	overflow: visible;
}

ul.panelKlienta li.wyszukiwarka form {
	display: flex;
	align-items: stretch;
	height: 40px;
	
	/*transform: translateY(3px);*/
}

.formInputSzukaj {
	box-sizing: border-box;
	flex: 1 1 auto;
	width: auto;
	height: 40px;
	padding: 0 10px;
	color: #262223;
	font-size: 14px;
	font-weight: 600;
	border-radius: 0;
}

.formBtnSzukaj {
	box-sizing: border-box;
	flex: 0 0 50px;
	width: 50px;
	height: 37px;
	margin: 0;
	padding: 0;
	float: none;
	border: 0;
	border-radius: 0;
	background: #fff;
	background-image: none;
	color: #262223;
	font-family: FontAwesome;
	font-size: 22px;
	line-height: 40px;
	cursor: pointer;
}

.formBtnSzukaj:hover {
	background-color: #fff;
	color: #d7a701;
	opacity: 1;
}

/*ul.panelKlienta li:nth-child(2) {
	order: 3;
}

ul.panelKlienta li:nth-child(3) {
	order: 2;
}*/

ul.panelKlienta li a,
ul.panelKlienta li a.sklep {
	box-sizing: border-box;
	display: grid;
	place-items: center;
	width: 42px;
	height: 40px;
	margin: 0;
	padding: 0;
	overflow: visible;
	color: #262223;
	font-size: 0;
	line-height: 1;
	margin-left: 20px;
}

ul.panelKlienta li a i {
	padding: 0;
	color: currentColor;
	font-size: 32px;
	line-height: 1;
}

ul.panelKlienta li a:hover,
ul.panelKlienta li a:hover i {
	color: #d7a701;
}

ul.panelKlienta li a span.ileProduktow {
	top: 0;
	left: 50px;
	min-width: 12px;
	width: auto;
	padding: 2px 4px;
	background: #d7a701;
	color: #050505;
	font-size: 10px;
	line-height: 12px;
}

#menuGlowne {
	height: 85px;
	margin: 0;
}

#menuGlowne .szerokosc_str {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

#menuGlowne ul,
#menuGlowne ul.ulRight {
	display: flex;
	align-items: flex-start;
	height: 52px;
	float: none;
	margin: 0;
	padding: 0;
}

#menuGlowne li,
#menuGlowne li:first-child {
	display: flex;
	align-items: flex-start;
	height: 52px;
	padding: 0;
}

#menuGlowne ul li a {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 52px;
	padding: 0 38px;
	color: #262223;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
}

#menuGlowne ul li a:hover {
	color: #d7a701;
}

#menuGlowne li.li_polecane,
#menuGlowne li.li_promocje,
#menuGlowne li.li_polecane:hover,
#menuGlowne li.li_promocje:hover {
	background: transparent;
}

#menuGlowne li.li_promocje a {
	width: 160px;
	min-width: 160px;
	justify-content: center;
	background: #d7a701;
	color: #050505;
}

#menuGlowne li.li_promocje a:hover {
	background: #e0b20a;
	color: #fff;

	box-shadow: 0 14px 30px rgba(0, 0, 0, .28);

}

#menuGlowne ul ul {
	display: none;
	top: 85px;
	border: 0;
	border-radius: 0;
	background: #101010;
	box-shadow: 0 14px 30px rgba(0, 0, 0, .28);
}

#menuGlowne ul ul li,
#menuGlowne ul ul li a {
	display: block;
}

#menuGlowne ul ul li a {
	padding: 13px 18px;
	color: #f4f4f4;
	font-size: 13px;
	text-align: left;
}

/* Strzałki są widoczne wyłącznie przy pozycjach posiadających podmenu. */
#menuGlowne > .szerokosc_str > ul:first-child > li.has-submenu > a::after {
	margin-left: 9px;
	color: currentColor;
	content: '\f107';
	font-family: FontAwesome;
	font-size: 18px;
	font-weight: 400;
}

#menuGlowne ul ul li.has-submenu > a::after {
	float: right;
	margin-left: 14px;
	color: #d7a701;
	content: '\f105';
	font-family: FontAwesome;
	font-size: 13px;
	font-weight: 400;
}

/* Panel użytkownika — menu rozwijane */
ul.panelKlienta li ul {
	top: 40px;
	right: 0;
	width: 200px;
	padding: 0;
	background: #657997;
	box-shadow: 0 12px 24px rgba(0, 0, 0, .17);
	text-align: left;
}

ul.panelKlienta li ul li,
ul.panelKlienta li ul li:last-child {
	box-sizing: border-box;
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .48);
}

ul.panelKlienta li ul li:last-child {
	border-bottom: 0;
}

ul.panelKlienta li ul li a {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 38px;
	padding: 8px 15px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.45;
	text-align: left;
	text-decoration: none;
	margin: 0px;
}

ul.panelKlienta li ul li a:hover,
ul.panelKlienta li ul li a:focus-visible {
	background: rgba(0, 0, 0, .1);
	color: #fff;
}

/* Spójna paleta nagłówka: grafit, złoto i ciepła biel. */
#menuGlowne {

}

ul.panelKlienta li:nth-child(2) > a,
ul.panelKlienta li:nth-child(2) > a i {
	/*color: #d7a701;*/
}

ul.panelKlienta li ul {
	background: #262223;
}

ul.panelKlienta li ul li,
ul.panelKlienta li ul li:last-child {
	border-bottom-color: rgba(215, 167, 1, .55);
}

ul.panelKlienta li ul li:last-child {
	border-bottom: 0;
}

ul.panelKlienta li ul li a:hover,
ul.panelKlienta li ul li a:focus-visible {
	background: #d7a701;
	color: #262223;
}

/* Rozwinięcie kategorii w głównym menu. */
#menuGlowne > .szerokosc_str > ul:first-child > li > a.zaznaczone,
#menuGlowne > .szerokosc_str > ul:first-child > li:hover > a {
	color: #d7a701;
}

/* Wysokość pozycji obejmuje również odstęp nad podmenu.
   Dzięki temu kursor może przejść do listy bez wywołania mouseleave. */
#menuGlowne > .szerokosc_str > ul:first-child > li {
	height: 85px;
}

#menuGlowne > .szerokosc_str > ul:first-child > li > ul {
	box-sizing: border-box;
	top: 45px;
	width: 280px;
	padding: 10px 10px;
	border: 0;
	border-radius: 0;
	background: #fbfaf7;
	box-shadow: 0 12px 24px rgba(0, 0, 0, .18);
}

#menuGlowne > .szerokosc_str > ul:first-child > li > ul > li {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin: 0 0 9px;
	padding: 0 !important;
	background: #fbfaf7;
}

#menuGlowne > .szerokosc_str > ul:first-child > li > ul > li:last-child {
	margin-bottom: 0;
}

#menuGlowne > .szerokosc_str > ul:first-child > li > ul > li > a {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	min-height: 42px;
	padding: 11px 14px;
	background: #fbfaf7;
	color: #4d4945;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.15;
	text-align: left;
	text-transform: uppercase;
}

#menuGlowne > .szerokosc_str > ul:first-child > li > ul > li > a i {
	margin-right: 5px;
	color: #d7a701;
	font-size: 11px;
}

#menuGlowne > .szerokosc_str > ul:first-child > li > ul > li > a:hover,
#menuGlowne > .szerokosc_str > ul:first-child > li > ul > li > a:focus-visible,
#menuGlowne > .szerokosc_str > ul:first-child > li > ul > li > a.zaznaczone {
	background: #262223;
	color: #fff;
}

/* ========================================================================== 
   Homepage banner — layout 2026
   ========================================================================== */
#baner_knt {
	width: min(1600px, calc(100% - 32px));
	margin: 0 auto 0px;
	box-shadow: 0px 30px 55px rgba(0, 0, 0, 0.3);
}

#baner {
	width: 100%;
	margin: 40px auto 0;
	line-height: 0;
	overflow: hidden;
}

#slajder,
#slajder picture,
#slajder img {
	display: block;
	width: 100% !important;
	height: auto !important;
}

#slajder .baner__slajd {
	position: relative;
	overflow: hidden;
	line-height: 0;
}

/* Treść dodawana do slajdu w CMS. */
#slajder .baner__link {
	position: relative;
}

#slajder .baner__opis {
	position: absolute;
	z-index: 1;
	inset: 0;
	display: flex;
	align-items: center;
	padding: clamp(24px, 4vw, 68px) clamp(30px, 9vw, 200px);
	background: linear-gradient(90deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .32) 35%, transparent 64%);
	color: #fff;
}

#slajder .baner__opis-tresc {
	width: min(100%, 550px);
	font-size: clamp(15px, 1.25vw, 20px);
	font-weight: 400;
	line-height: 1.35;
	text-shadow: 0 1px 16px rgba(0, 0, 0, .42);
}

#slajder .baner__opis-tresc > :first-child {
	margin-top: 0;
}

#slajder .baner__opis-tresc > :last-child {
	margin-bottom: 0;
}

#slajder .baner__opis-tresc p {
	margin: 0 0 .45em;
}

/* Pierwszy akapit jest tekstem wprowadzającym, a nagłówek stanowi tytuł banera. */
#slajder .baner__opis-tresc > p:first-child {
	max-width: 430px;
	margin-bottom: .9em;
	color: #dfb000;
	font-size: clamp(15px, 1.28vw, 21px);
	font-weight: 600;
	line-height: 1.17;
	text-shadow: none;
}

#slajder .baner__opis-tresc h1,
#slajder .baner__opis-tresc h2,
#slajder .baner__opis-tresc h3 {
	margin: 0 0 .38em;
	color: #fff;
	font-size: clamp(38px, 4.4vw, 76px);
	font-weight: 600;
	letter-spacing: .01em;
	line-height: 1.08;
	text-transform: none;
}

#slajder .baner__opis-tresc a,
#slajder .baner__opis-tresc .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	min-height: 52px;
	margin-top: 12px;
	padding: 0 23px;
	border: 1px solid #dfb000;
	background: rgba(0, 0, 0, .18);
	color: #dfb000;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	transition: background-color .2s ease, color .2s ease;
}

#slajder .baner__opis-tresc a::after {
	content: '›';
	font-size: 24px;
	font-weight: 400;
	line-height: 0;
}

#slajder .baner__opis-tresc a:hover,
#slajder .baner__opis-tresc a:focus-visible {
	background: #dfb000;
	color: #211e1c;
}

/* Paginacja głównego banera — identyczna jak w module inspiracji. */
#slajder.owl-carousel {
	position: relative;
}

#slajder .owl-dots {
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	display: flex;
	align-items: center;
	transform: translateX(-50%);
}

#slajder .owl-dots .owl-dot span {
	display: block;
	width: 14px;
	height: 14px;
	margin: 2px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .58);
	transition: width .2s ease, background-color .2s ease;
}

#slajder .owl-dots .owl-dot.active span,
#slajder .owl-dots .owl-dot:hover span,
#slajder .owl-dots .owl-dot:focus-visible span {
	width: 30px;
	border-radius: 8px;
	background: #fff;
}

#slajder .baner__link,
.promocjeBox .baner__link {
	display: block;
}

#baner .pager {
	display: none;
}

.baner-responsive {
	display: block;
}

.baner-responsive img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* ========================================================================== 
   Oferta — layout 2026
   ========================================================================== */
.oferta {
	width: 100%;
	margin: 0 auto 90px;
	padding-top: 30px;
	background: transparent;
}

.oferta__naglowek {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 48px 36px;
}

.oferta__naglowek h2 {
	margin: 0;
	color: #262223;
	font-size: 42px;
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
}

.oferta__pager {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	min-height: 16px;
}

.oferta__strona,
.oferta__pager .owl-dot {
	width: 16px;
	height: 14px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #777374;
	cursor: pointer;
	transition: width .2s ease, background-color .2s ease;
}

.oferta__strona.jest-aktywny,
.oferta__strona:hover,
.oferta__strona:focus-visible,
.oferta__pager .owl-dot.active,
.oferta__pager .owl-dot:hover,
.oferta__pager .owl-dot:focus-visible {
	width: 42px;
	background: #262223;
}

.oferta__slider .owl-stage {
	display: flex;
}

.oferta__slider .owl-item {
	display: flex;
}

.oferta__slajd {
	width: 100%;
}

.oferta__karta {
	position: relative;
	overflow: hidden;
	aspect-ratio: 338 / 536;
	background: #272323;
}

.oferta__karta::before,
.oferta__karta::after {
	position: absolute;
	inset: 0;
	content: '';
	pointer-events: none;
}

.oferta__karta::before {
	z-index: 1;
	background: url('../img/nakładka.png') center / 100% 100% no-repeat;
}

.oferta__karta::after {
	display: none;
}

.oferta__link,
.oferta__karta .baner-responsive,
.oferta__karta img {
	display: block;
	width: 100%;
	height: 100%;
}

.oferta__link {
	position: absolute;
	inset: 0;
	z-index: auto;
}

.oferta__karta .baner-responsive {
	position: absolute;
	inset: 0;
}

.oferta__karta img {
	float: none;
	object-fit: cover;
	max-width: none;
	padding: 0;
	opacity: 1;
	filter: none;
	transition: transform .35s ease;
}

.oferta__link:hover img,
.oferta__link:focus-visible img {
	transform: scale(1.04);
}

.oferta .oferta__karta:hover img {
	padding-left: 0;
	filter: none;
}

.oferta__karta h3 {
	position: absolute;
	z-index: 3;
	bottom: 72px;
	left: 48px;
	right: 24px;
	margin: 0;
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
	pointer-events: none;
}

/* Galeria produktu — Owl Carousel */
.galeriaProduktu {
	position: relative;
}

.galeriaProduktu #cycle-1 .owl-item img {
	display: block;
	margin: 0 auto;
}

.galeriaProduktu #cycle-2 {
	margin-top: 12px;
}

.galeriaProduktu #cycle-2 .owl-item {
	cursor: pointer;
}

.galeriaProduktu #cycle-2 .owl-item img {
	display: block;
	width: 100%;
	height: 60px;
	object-fit: cover;
}

.galeriaProduktu #poprzedni,
.galeriaProduktu #nastepny {
	border: 0;
}

/* ========================================================================== 
   Kontakt — layout 2026
   ========================================================================== */
.modul-kontakt {
	width: min(1600px, calc(100% - 32px));
	margin: 0 auto 58px;
	color: #262223;
}

.modul-kontakt__wewnetrzny {
	display: flex;
	align-items: center;
	min-height: 248px;
	padding: 42px 9.2%;
	background: rgba(255, 255, 255, .94);
	box-sizing: border-box;
}

.modul-kontakt__wstep {
	flex: 0 0 35.5%;
}

.modul-kontakt__wstep h2 {
	margin: 0 0 12px;
	font-size: 42px;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
}

.modul-kontakt__wstep p {
	margin: 0;
	font-size: 16px;
	line-height: 1.4;
}

.modul-kontakt__osoby {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	flex: 1;
	gap: 50px;
}

.modul-kontakt__osoba {
	min-width: 0;
}

.modul-kontakt__osoba h3 {
	margin: 0 0 13px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
}

.modul-kontakt__osoba a {
	display: flex;
	align-items: center;
	gap: 10px;
	width: max-content;
	max-width: 100%;
	margin-top: 6px;
	color: #262223;
	font-size: 16px;
	line-height: 1.35;
	text-decoration: none;

	font-weight: 500;
}

.modul-kontakt__osoba a:hover,
.modul-kontakt__osoba a:focus-visible {
	color: #b48c00;
}

.modul-kontakt__osoba i {
	width: 16px;
	color: #b48c00;
	font-size: 15px;
	text-align: center;
}

/* ========================================================================== 
   Lista produktów — layout 2026
   ========================================================================== */
.tlo_lista {
	background: transparent;
}

.listaProduktow {
	width: min(1400px, calc(100% - 96px));
	margin: 0 auto;
	padding: 0px 0 96px;
}

.listaProduktow > div:first-child {
	position: relative;
	min-height: 82px;
	margin-bottom: 48px;
	padding-right: 250px;
}

.listaProduktow > div:first-child > h3 {
	margin: 0 0 12px;
	color: #d7a701;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.listaProduktow > div:first-child > h1 {
	margin: 0;
	color: #262223;
	font-size: clamp(32px, 3vw, 46px);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: -.025em;
}

.listaProduktow > div:first-child > h1::after {
	display: block;
	width: 62px;
	height: 3px;
	margin-top: 20px;
	background: #d7a701;
	content: '';
}

.listaProduktow #formularz_sortowania {
	position: absolute;
	right: 0;
	bottom: 0;
	float: none;
	padding: 0;
	color: #4d4945;
	font-size: 14px;
	font-weight: 600;
}

.listaProduktow #formularz_sortowania select {
	min-width: 146px;
	margin-left: 8px;
	padding: 9px 30px 9px 12px;
	border: 1px solid rgba(38, 34, 35, .2);
	border-radius: 0;
	background-color: #fbfaf7;
	color: #262223;
	font: inherit;
}

.listaProduktow .numery {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 64px 0 0;
	padding: 0;
	clear: both;
}

.listaProduktow .numery a,
.listaProduktow .numery .pusty {
	box-sizing: border-box;
	display: inline-grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid rgba(38, 34, 35, .22);
	border-radius: 0;
	background: #fbfaf7;
	color: #262223;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.listaProduktow .numery .pusty {
	border-color: #d7a701;
	background: #d7a701;
	color: #262223;
}

.listaProduktow .numery a:hover,
.listaProduktow .numery a:focus-visible {
	border-color: #262223;
	background: #262223;
	color: #fff;
}

/* ========================================================================== 
   Szczegóły produktu — layout AngularJS 2026
   ========================================================================== */
.produkt-strona {
	padding: 76px 0 92px;
	background: transparent;
}

.produkt-strona > .trescStrony {
	width: min(1400px, calc(100% - 96px));
	margin: 0 auto;
}

.produkt-strona > .trescStrony > h1 {
	margin: 0 0 50px;
	padding: 0 0 22px;
	color: #262223;
	font-size: clamp(32px, 3vw, 46px);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: -.025em;
}

.produkt-strona > .trescStrony > h1::after {
	display: block;
	width: 62px;
	height: 3px;
	margin-top: 20px;
	background: #d7a701;
	content: '';
}

.produkt-strona > .trescStrony > .wiersz {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 64px;
}

.produkt-strona > .trescStrony > .wiersz > .kol_50 {
	float: none;
	width: auto;
	padding: 0;
}

/* Galeria pozostaje widoczna podczas konfiguracji długiego formularza. */
.produkt-strona > .trescStrony > .wiersz > .kol_50:nth-child(2) {
	position: sticky;
	top: 24px;
	align-self: start;
}

.produkt-strona #formularz {
	margin: 0;
}

.produkt-strona .cien {
	margin: 0;
	padding: 0;
	box-shadow: none;
}

.produkt-strona .produkt_boks {
	box-sizing: border-box;
	margin: 0 0 20px;
	padding: 25px 28px 27px;
	border: 1px solid rgba(38, 34, 35, .14);
	background: rgba(251, 250, 247, .8);
	color: #4d4945;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

.produkt-strona fieldset.produkt_boks {
	position: relative;
	min-inline-size: 0;
	padding-top: 48px;
}
/*
.produkt-strona fieldset.produkt_boks > legend {
	position: static;
	top: 18px;
	left: 20px;
	z-index: 1;
	padding: 0;
	background: transparent;
	width: 100%;
}
*/
.produkt-strona .produkt_boks legend {

	position: static;
	width: 100% !important;
	display: block;
	float: left;
	width: auto;
	margin: 0 0 14px;
	color: #262223;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.produkt-strona .produkt_boks .left {
	float: none;
}

.produkt-strona .lista_atrybutow {
	margin-bottom: 19px;
}

.produkt-strona .lista_atrybutow p {
	margin: 0;
}

.produkt-strona .formInput,
.produkt-strona .formInputIlosc {
	box-sizing: border-box;
	min-height: 44px;
	border: 1px solid rgba(38, 34, 35, .22);
	border-radius: 0;
	background: #fff;
	color: #262223;
	font: inherit;
}

.produkt-strona .formInput {
	width: 100%;
	padding: 9px 12px;
}

.produkt-strona .formInputIlosc {
	width: 64px;
	padding: 8px;
	text-align: center;
}

.produkt-strona .cenaBox {
	margin: 0;
	color: #595453;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px;
}

.produkt-strona .cenaBox .kolorCena,
.produkt-strona .cenaBox .kolorCena b {
	color: #d7a701;
}

.produkt-strona .cenaBox .kolorCena b {
	font-size: clamp(34px, 3vw, 46px);
	font-weight: 500;
	line-height: 1;
}

.produkt-strona .stara_cena {
	color: #767273;
}

.produkt-strona .formBtnZamow {
	min-height: 44px;
	margin-left: 10px;
	padding: 10px 20px;
	border: 1px solid #d7a701;
	border-radius: 0;
	background: #d7a701;
	color: #262223;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
}

.produkt-strona .formBtnZamow:hover,
.produkt-strona .formBtnZamow:focus-visible {
	border-color: #262223;
	background: #262223;
	color: #fff;
}

.produkt-strona .formBtnZamow i {
	padding-right: 7px;
}

.produkt-strona .kontaktInfo {
	display: grid;
	gap: 6px;
}

.produkt-strona .kontaktInfo p {
	margin: 0 0 8px;
}

.produkt-strona .kontaktInfo a,
.produkt-strona .produkt_boks a {
	color: #262223;
	text-decoration: none;
}

.produkt-strona .kontaktInfo a:hover,
.produkt-strona .kontaktInfo a:focus-visible,
.produkt-strona .produkt_boks a:hover,
.produkt-strona .produkt_boks a:focus-visible {
	color: #b48c00;
}

.produkt-strona .kontaktInfo i {
	width: 16px;
	color: #d7a701;
	text-align: center;
}

.produkt-strona .produkt_galeria {
	float: none;
	width: auto;
}

.produkt-strona .produkt_galeria ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.produkt-strona .produkt_galeria ul li,
.produkt-strona .produkt_galeria ul li:first-child {
	float: none;
	width: auto;
	margin: 0;
}

.produkt-strona .produkt_galeria ul li:first-child {
	grid-column: 1 / -1;
}

.produkt-strona .produkt_galeria ul li img {
	box-sizing: border-box;
	border: 1px solid rgba(38, 34, 35, .12);
	box-shadow: none;
}

.produkt-strona .produkt_galeria ul li img:hover {
	border-color: #d7a701;
	box-shadow: none;
}

.produkt-strona .ikona {
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}

.produkt-strona .ikona li {
	cursor: zoom-in;
}

.produkt-strona .ikona img,
.produkt-strona .galeriaProduktu #cycle-1 .owl-item img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin: 0 auto;
	border: 1px solid rgba(38, 34, 35, .12);
	background: #fff;
}

.produkt-strona .galeriaProduktu #cycle-1 .owl-item img {
	height: min(420px, 34vw);
	object-fit: contain;
}

.produkt-strona .galeriaProduktu #cycle-2 {
	margin-top: 14px;
}

.produkt-strona .galeriaProduktu #cycle-2 .owl-item {
	border: 1px solid transparent;
	transition: border-color .2s ease;
}

.produkt-strona .galeriaProduktu #cycle-2 .owl-item:hover,
.produkt-strona .galeriaProduktu #cycle-2 .owl-item.active {
	border-color: #d7a701;
}

.produkt-strona .galeriaProduktu #cycle-2 .owl-item img {
	height: 74px;
	object-fit: cover;
}

/* ========================================================================== 
   Koszyk — layout AngularJS 2026
   ========================================================================== */
.koszyk-strona {
	padding: 76px 0 96px;
}

.koszyk-strona__wewnetrzna {
	width: min(1400px, calc(100% - 96px));
	margin: 0 auto;
	
    background: #fff;
    padding: 40px;
}

.koszyk-strona__tresc.tekst {
	padding: 0;
	color: #4d4945;
}

.koszyk-strona__tresc > h1 {
	margin: 0 0 34px;
	color: #262223;
	font-size: clamp(32px, 3vw, 46px);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: -.025em;
	text-transform: uppercase;
}

.koszyk-strona .koszyk_naglowek_knt {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0 0 40px;
	border: 1px solid rgba(38, 34, 35, .16);
	background: rgba(251, 250, 247, .72);
}

.koszyk-strona .koszyk_naglowek {
	box-sizing: border-box;
	width: auto;
	min-height: 58px;
	margin: 0;
	padding: 0 26px;
	border: 0;
	border-right: 1px solid rgba(38, 34, 35, .13);
	background: transparent;
	color: #716c68;
	font-size: 15px;
	font-weight: 500;
	line-height: 58px;
}

.koszyk-strona .koszyk_naglowek:last-of-type {
	border-right: 0;
}

.koszyk-strona .koszyk_naglowek i {
	margin-right: 7px;
	color: #d7a701;
}

.koszyk-strona .koszyk_naglowek.wybrany {
	background: transparent;
	color: #262223;
	font-weight: 600;
}

.koszyk-strona .koszyk_naglowek.aktywnyKrok {
	background: #262223;
	color: #fff;
}

.koszyk-strona table.koszyk {
	width: 100%;
	border-collapse: collapse;
	color: #4d4945;
	font-size: 15px;
}

.koszyk-strona table.koszyk th {
	padding: 0 26px 17px;
	border-bottom: 1px solid rgba(38, 34, 35, .15);
	color: #716c68;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.koszyk-strona table.koszyk td {
	padding: 26px;
	border-bottom: 1px solid rgba(38, 34, 35, .12);
	vertical-align: top;
}

.koszyk-strona table.koszyk tr.pus td {
	padding: 8px 0;
	border: 0;
}

.koszyk-strona table.koszyk .koszyk_obr_knt {
	width: 70px;
	padding-right: 0;
}

.koszyk-strona .koszyk_obr {
	display: block;
	width: 60px;
	height: 60px;
	object-fit: contain;
	border: 1px solid rgba(38, 34, 35, .12);
	background: #fff;
}

.koszyk-strona table.koszyk td strong > a {
	color: #262223;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.35;
	text-decoration: none;
}

.koszyk-strona table.koszyk td strong > a:hover,
.koszyk-strona table.koszyk td strong > a:focus-visible {
	color: #b48c00;
}

.koszyk-strona table.koszyk td .px14 {
	display: block;
	margin-top: 6px;
	line-height: 1.48;
}

.koszyk-strona .formInputKoszyk,
.koszyk-strona .formInput2,
.koszyk-strona .formInput {
	box-sizing: border-box;
	min-height: 40px;
	border: 1px solid rgba(38, 34, 35, .22);
	border-radius: 0;
	background: #fff;
	color: #262223;
	font: inherit;
	margin: 0px;
}

.koszyk-strona .formInputKoszyk {
	width: 102px;
	padding: 8px 10px;
	text-align: center;
}

.koszyk-strona table.koszyk .kosz {
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.koszyk-strona table.koszyk .kosz i {
	color: #c74435;
	font-size: 19px;
	transition: color .2s ease;
}

.koszyk-strona table.koszyk .kosz i:hover {
	color: #262223;
}

.koszyk-strona table.koszyk tr:has(td[colspan="4"]) td {
	padding-top: 28px;
	border-bottom: 0;
}

.koszyk-strona table.koszyk tr:has(td[colspan="4"]) strong {
	font-size: 16px;
}

.koszyk-strona table.koszyk tr:has(td[colspan="4"]) .kolor {
	color: #262223;
	font-size: 18px;
}

.koszyk-strona table.koszyk td[colspan="5"] p {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #716c68;
}

.koszyk-strona .formInput2 {
	padding: 8px 10px;
}

.koszyk-strona #sprawdz_kod {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 22px;
	border: 1px solid #262223;
	background: #fbfaf7;
	color: #262223;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.koszyk-strona #sprawdz_kod:hover,
.koszyk-strona #sprawdz_kod:focus-visible {
	background: #262223;
	color: #fff;
}

.koszyk-strona label[for],
.koszyk-strona #formularz > label {
	display: block;
	margin: 30px 0 8px;
	color: #716c68;
	font-size: 14px;
}

.koszyk-strona textarea.formInput2 {
	display: block;
	width: 100% !important;
	min-height: 86px;
	margin-bottom: 28px !important;
	padding: 12px;
	resize: vertical;
}

.koszyk-strona .formBtnZamow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 24px;
	border: 1px solid #d7a701;
	border-radius: 0;
	background: #d7a701;
	color: #262223;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.koszyk-strona .formBtnZamow:hover,
.koszyk-strona .formBtnZamow:focus-visible {
	border-color: #262223;
	background: #262223;
	color: #fff;
}

.koszyk-strona .formBtnSzary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 24px;
	border: 1px solid #262223;
	border-radius: 0;
	background: transparent;
	color: #262223;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.koszyk-strona .formBtnSzary:hover,
.koszyk-strona .formBtnSzary:focus-visible {
	border-color: #262223;
	background: #262223;
	color: #fff;
}

.koszyk-strona #formularz > hr,
.koszyk-strona #formularz .wiersz > hr {
	margin: 34px 0;
	border: 0;
	border-top: 1px solid rgba(38, 34, 35, .12);
}

.koszyk-strona #formularz .wiersz > .kol_2,
.koszyk-strona #formularz .wiersz > .kol_3 {
	box-sizing: border-box;
	margin: 0;
	padding: 0 22px;
}

.koszyk-strona #formularz h2 {
	margin: 0 0 20px;
	color: #262223;
	font-size: 23px;
	font-weight: 500;
	line-height: 1.2;
}

.koszyk-strona #formularz .kol_2 .formInput {
	width: 100%;
	padding: 9px 12px;
}

.koszyk-strona #formularz .dostawa_platnosc {
	border: 1px solid rgba(38, 34, 35, .15);
	border-radius: 0;
	background: rgba(251, 250, 247, .72);
}

.tekst--lista-kategorii > h1 {
	margin: 0 0 42px;
	padding: 0 0 22px;
	color: #262223;
	font-size: clamp(32px, 3vw, 46px);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: -.025em;
}

.tekst--lista-kategorii > h1::after {
	display: block;
	width: 62px;
	height: 3px;
	margin-top: 20px;
	background: #d7a701;
	content: '';
}

.offer-box .row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.offer-box .produkt-kolumna,
.offer-box .kol_4 {
	float: none;
	width: auto;
	padding: 0;
}

.offer-box .produkt-kolumna:nth-child(4n + 1),
.offer-box .kol_4:nth-child(4n + 1) {
	clear: none;
}

.produkt-karta.offer-item {
	min-height: 0;
	margin: 0;
	border: 0;
	background: #fff;
	text-align: left;
	transition: transform .25s ease, box-shadow .25s ease;
}

.produkt-karta.offer-item:hover {
	transform: translateY(-4px);
	/*box-shadow: 0 12px 30px rgba(0, 0, 0, .08);*/
}

.produkt-karta__link {
	display: block;
	position: relative;
	color: #242122;
	text-decoration: none;
}

.produkt-karta .item-img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 !important;
	border: 0;
}

.produkt-karta .item-name {
	display: block;
	min-height: 0;
	height: 3.3em;
	line-height: 1.1em;
	overflow: hidden;
	padding: 14px 33px 0;
	color: #242122;
	font-size: 17px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	text-transform: uppercase;
}

.produkt-karta .cena {
	min-height: 57px;
	padding: 9px 33px 20px;
	color: #242122;
	font-size: 30px;
	font-weight: 400;
	line-height: 1;
}

.produkt-karta .cena strong {
	font-weight: 400;
}

.produkt-karta .stara_cena {
	display: block;
	margin-bottom: 3px;
	color: #767273;
	font-size: 15px;
	line-height: 1;
}

.produkt-karta.Promocja .cena {
	color: #d7a701;
}

.produkt-karta .item-etykieta {
	display: block;
	position: absolute;
	z-index: 1;
	top: 16px;
	left: 19px;
	right: auto;
	height: auto;
	margin: 0;
}

.produkt-karta .item-etykieta span,
.produkt-karta.Promocja .item-etykieta span {
	display: block;
	padding: 3px 12px;
	border-radius: 0;
	background: #d7a701;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
}

.produkty--polecane {
	position: relative;
	left: 50%;
	width: min(1400px, calc(100vw - 32px));
	margin: 0 0 88px;
	transform: translateX(-50%);
}

.produkty--polecane .ngh2d {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 48px 68px;
	overflow: visible;
}

.produkty--polecane .ngh2d h2 {
	float: none;
	margin: 0;
	color: #242122;
	font-size: 42px;
	font-weight: 500;
	line-height: 1.1;
	text-transform: uppercase;
}

.produkty--polecane .produkty__slider .owl-stage {
	display: flex;
}

.produkty--polecane .produkty__slider .owl-item {
	display: flex;
}

.produkty--polecane .produkty__slider .produkt-kolumna,
.produkty--polecane .produkty__slider .kol_4 {
	display: flex;
	width: 100%;
}

.produkty--polecane .produkty__slider .produkt-karta {
	width: 100%;
}

.produkty--promocja .ngh2d {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 36px;
	overflow: visible;
}

.produkty--promocja .ngh2d h2 {
	float: none;
	margin: 0;
}

.produkty--promocja .produkty__slider .owl-stage {
	display: flex;
}

.produkty--promocja .produkty__slider .owl-item,
.produkty--promocja .produkty__slider .produkt-kolumna,
.produkty--promocja .produkty__slider .kol_4 {
	display: flex;
	width: 100%;
}

.produkty--promocja .produkty__slider .produkt-karta {
	width: 100%;
}

.produkty__dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 16px;
}

.produkty__dots .owl-dot {
	width: 16px;
	height: 14px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #777374;
	cursor: pointer;
	transition: width .2s ease, background-color .2s ease;
}

.produkty__dots .owl-dot:hover,
.produkty__dots .owl-dot:focus-visible,
.produkty__dots .owl-dot.active {
	width: 42px;
	background: #242122;
}

.produkty__pager {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 8px 0;
}

.produkty__pager i {
	display: block;
	width: 16px;
	height: 14px;
	background: #777374;
	transition: background-color .2s ease;
}

.produkty__pager:hover i,
.produkty__pager:focus-visible i {
	background: #242122;
}

/* ========================================================================== 
   Opinie klientów — layout 2026
   ========================================================================== */
#p_opinie {
	position: relative;
	/*overflow: hidden;*/
	margin: 0;
	padding:0px;
	color: #242122;
}

#p_opinie .container {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: min(1508px, calc(100% - 48px));
	margin: 0 auto;
	background: #fff url('../img/tlo_opinie.png') center / cover no-repeat;
	padding: 100px;
	box-shadow: 0px 0px 55px rgba(0,0,0,0.15);
}

.header_opinie {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: 76px;
}

.header_opinie h2 {
	margin: 0;
	color: #242122;
	font-size: 42px;
	font-weight: 500;
	line-height: 1.1;
	text-transform: uppercase;
}

.header_opinie .linki_wiersz {
	margin: 0;
}

.opinie__akcje {
	display: flex;
	align-items: center;
	gap: 26px;
}

.header_opinie .btn_bialy {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 40px;
	padding: 8px 0;
	border: 0;
	background: transparent;
	color: #242122;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
}

.header_opinie .btn_bialy:hover,
.header_opinie .btn_bialy:focus-visible {
	color: #ad8700;
}

.slider_opinii,
.opinie_boksy {
	width: 100%;
}

.opinie_boksy {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 54px;
}

.opinie_boksy.owl-carousel {
	display: block;
}

.opinie_boksy.owl-carousel .owl-stage {
	display: flex;
}

.opinie_boksy.owl-carousel .owl-item {
	display: flex;
}

.opinie_boksy .referecja {
	min-width: 0;
}

.opinie_boksy.owl-carousel .referecja {
	width: 100%;
}

.opinie__dots {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	min-height: 16px;
}

.opinie__dots .owl-dot {
	width: 16px;
	height: 14px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #777374;
	cursor: pointer;
	transition: width .2s ease, background-color .2s ease;
}

.opinie__dots .owl-dot:hover,
.opinie__dots .owl-dot:focus-visible,
.opinie__dots .owl-dot.active {
	width: 42px;
	background: #242122;
}

.referecja .etykieta {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 17px;
}

.referecja .ikona_r {
	display: grid;
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	place-items: center;
	background: #454647;
	color: #fff;
	font-size: 28px;
	font-weight: 400;
	line-height: 1;
	object-fit: cover;
}

.referecja .cen {
	min-width: 0;
}

.referecja .cen strong {
	display: block;
	overflow: hidden;
	color: #242122;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.referecja .gwiazdki {
	margin: 3px 0 0;
}

.referecja .gwiazdki > div {
	display: flex;
	align-items: center;
	gap: 4px;
}

.referecja .gwiazdki img {
	width: 19px;
	height: 19px;
	margin-right: 3px;
	object-fit: contain;
}

.referecja .gwiazdki i {
	color: #d8a500;
	font-size: 14px;
	line-height: 1;
}

.referecja .tresc_opini {
	color: #4b4848;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

.referecja .tresc_opini p {
	margin: 0 0 8px;
}

.referecja .tresc_opini p:last-child {
	margin-bottom: 0;
}

/* ========================================================================== 
   Teksty SEO — layout 2026
   ========================================================================== */
.seo-home {
	width: min(1304px, calc(100% - 96px)) !important;
	margin: 0 auto;
	padding: 68px 0 74px;
	color: #242122;
}

.seo-home h1 {
	margin: 0 0 62px;
	padding: 0;
	color: #242122;
	font-size: 42px;
	font-weight: 500;
	line-height: 1.1;
}

.seo-home__intro {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 48px;
	overflow: visible !important;
}

.seo-home__intro > div {
	width: auto !important;
	padding: 0 !important;
}

.seo-home__intro h2 {
	min-height: 58px;
	margin: 0 0 23px;
	color: #242122;
	font-size: 29px;
	font-weight: 500;
	line-height: 1.16;
}

.seo-home a{
	color: #d7a701;
}
.seo-home a{
	color: #bd9300;
}


.seo-home__intro p {
	margin: 0;
	color: #4c4949;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.48;
	text-align: justify;
}

.seo-home__more-trigger {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 52px;
	margin: 30px auto 0;
	padding: 12px 22px;
	border: 1px solid #242122;
	background: transparent;
	color: #242122;
	cursor: pointer;
	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
	transition: background-color .2s ease, color .2s ease;
}

.seo-home__more-trigger:hover,
.seo-home__more-trigger:focus-visible {
	background: #242122;
	color: #fff;
}

.seo-home:not(.jest-rozwiniety) > :nth-child(n + 4) {
	display: none !important;
}

.seo-home.jest-rozwiniety > :nth-child(n + 4) {
	margin-top: 28px;
}

/* ========================================================================== 
   Inspiracje — layout 2026
   ========================================================================== */
.inspiracje {
	margin: 0 0 78px;
	/*background: #121212;*/
	color: #fff;
}

.inspiracje__naglowek {
	background: #242120;
}

.inspiracje__naglowek-wewnetrzny {
	position: relative;
	width: min(1304px, calc(100% - 64px));
	margin: 0 auto;
	padding: 101px 0 57px;
}

.inspiracje__naglowek h2 {
	margin: 0 0 52px;
	color: #fff;
	font-size: 43px;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
}

.inspiracje__tresc {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 88px;
	row-gap: 0px;
	color: #c9c7c7;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
    width: 100%;
    text-align: justify;
}

.inspiracje__tresc .kolumnaLewa,
.inspiracje__tresc .kolumnaPrawa {
	margin: 0;
	padding: 0;
	width: 100%;
}

.inspiracje__link {
	position: absolute;
	top: 103px;
	right: 0;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 51px;
	padding: 0 23px;
	background: #d7a701;
	color: #262223;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease, color .2s ease;
}

.inspiracje__link:hover,
.inspiracje__link:focus-visible {
	background: #f0bf00;
	color: #000;
}

.inspiracje__link i {
	font-size: 20px;
}

.inspiracje__slider {
	position: relative;
	--wysokosc-slajdu-inspiracji: min(760px, 62vw);

	background: #242120;
	background: linear-gradient(180deg,rgba(36, 33, 32, 1) 0%, rgba(36, 33, 32, 1) 50%, rgba(36, 33, 32, 0) 50%, rgba(36, 33, 32, 0) 100%);
	
}

.inspiracje__slajd {
	width: auto;
	height: var(--wysokosc-slajdu-inspiracji);
	margin: 0;
}

.inspiracje__slajd img {
	display: block;
	width: auto !important;
	max-width: none;
	height: var(--wysokosc-slajdu-inspiracji);
	object-fit: contain;
}

.inspiracje__slider .owl-dots {
	position: absolute;
	z-index: 1;
	bottom: 20px;
	left: 50%;
	display: flex;
	align-items: center;
	transform: translateX(-50%);
}

.inspiracje__slider .owl-dots .owl-dot span {
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .58);
	transition: width .2s ease, background-color .2s ease;

	margin: 2px;
}

.inspiracje__slider .owl-dots .owl-dot.active span,
.inspiracje__slider .owl-dots .owl-dot:hover span,
.inspiracje__slider .owl-dots .owl-dot:focus-visible span {
	width: 30px;
	border-radius: 8px;
	background: #fff;
}

/* Logowanie i rejestracja */
.konto-strona {
	padding: 76px 0 96px;
}

.konto-strona__karta {
	box-sizing: border-box;
	width: min(520px, calc(100% - 48px));
	margin: 0 auto;
	padding: 42px 48px 48px;
	border: 1px solid rgba(38, 34, 35, .13);
	background: rgba(252, 251, 248, .9);
	box-shadow: 0 18px 42px rgba(38, 34, 35, .08);
	color: #262223;
}

.konto-strona__karta h1.tu {
	margin: 0 0 34px;
	padding: 0 0 17px;
	border-bottom: 1px solid rgba(38, 34, 35, .14);
	color: #262223;
	font-size: 36px;
	font-weight: 400;
	letter-spacing: -.03em;
	line-height: 1.1;
	text-transform: uppercase;
}

.konto-strona__karta h1.tu::after {
	display: block;
	width: 54px;
	height: 3px;
	margin-top: 16px;
	background: #d7a701;
	content: '';
}

.konto-strona__karta #formularz_knt,
.konto-strona__karta #formularz_knt > form {
	margin: 0;
}

.konto-strona__karta #formularz_knt > form {
	padding: 0;
}

.konto-strona__karta #formularz_knt form p {
	margin: 0 0 20px;
	color: #4c4846;
	font-size: 15px;
	line-height: 1.45;
}

.konto-strona__karta #formularz_knt form p > label {
	display: block;
	margin-bottom: 7px;
	color: #262223;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.konto-strona__karta #formularz_knt .formInput {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	margin-top: 7px;
	padding: 10px 13px;
	border: 1px solid #cbc8c2;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	color: #262223;
	font-size: 16px;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.konto-strona__karta #formularz_knt .formInput:focus {
	border-color: #d7a701;
	box-shadow: 0 0 0 3px rgba(215, 167, 1, .15);
	outline: 0;
}

.konto-strona__karta #formularz_knt input[type='checkbox'] {
	width: 17px;
	height: 17px;
	margin: 0 8px 0 0;
	vertical-align: -3px;
	accent-color: #d7a701;
}

.konto-strona__karta #formularz_knt .inputTextBlad {
	display: block;
	margin-top: 6px;
	color: #b54334;
	font-size: 13px;
	line-height: 1.35;
}

.konto-strona__karta #formularz_knt .formBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
	min-height: 48px;
	margin: 6px 0 0;
	padding: 0 24px;
	border: 1px solid #d7a701;
	border-radius: 0;
	background: #d7a701;
	box-shadow: none;
	color: #262223;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .03em;
	line-height: 1;
	text-transform: uppercase;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.konto-strona__karta #formularz_knt .formBtn:hover,
.konto-strona__karta #formularz_knt .formBtn:focus-visible {
	border-color: #262223;
	background: #262223;
	color: #fff;
	outline: 0;
}

.konto-strona__karta #formularz_knt a {
	color: #262223;
	text-decoration-color: #d7a701;
	text-underline-offset: 3px;
}

.konto-strona__karta #formularz_knt a:hover,
.konto-strona__karta #formularz_knt a:focus-visible {
	color: #b48700;
}

.konto-strona__karta #formularz_knt .bg-success,
.konto-strona__karta #formularz_knt .bg-danger,
.konto-strona__karta #formularz_knt .bg-info {
	margin: 0 0 22px;
	padding: 13px 15px;
	border: 1px solid #d6d1c9;
	border-left: 4px solid #d7a701;
	background: #f4f1eb;
	color: #262223;
}

.konto-strona__karta #formularz_knt .bg-danger {
	border-left-color: #b54334;
}

.konto-strona__karta > div[bind-html-compile] {
	margin: -12px 0 26px;
	color: #605b58;
	font-size: 15px;
	line-height: 1.55;
}

.konto-strona__karta--dane {
	width: min(1180px, calc(100% - 80px));
}

.konto-strona__karta--dane #formularz_knt form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 28px;
	max-width: none;
}

.konto-strona__karta--dane #formularz_knt form > h2,
.konto-strona__karta--dane #formularz_knt form > hr,
.konto-strona__karta--dane #formularz_knt form > p:has(input[disabled]),
.konto-strona__karta--dane #formularz_knt form > p:has(input[type='checkbox']),
.konto-strona__karta--dane #formularz_knt form > p:has(.formBtn),
.konto-strona__karta--dane #formularz_knt form > div[ng-show] {
	grid-column: 1 / -1;
}

.konto-strona__karta--dane #formularz_knt h2 {
	margin: 34px 0 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(38, 34, 35, .14);
	color: #262223;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: .035em;
	line-height: 1.25;
	text-transform: uppercase;
}

.konto-strona__karta--dane #formularz_knt h2:first-child {
	margin-top: 0;
}

.konto-strona__karta--dane #formularz_knt form > div[ng-show] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 28px;
}

.konto-strona__karta--dane #formularz_knt form > div[ng-show] > p {
	min-width: 0;
}

.konto-strona__karta--dane #formularz_knt hr {
	margin: 30px 0;
	border: 0;
	border-top: 1px solid rgba(38, 34, 35, .14);
}

.konto-strona__karta--dane #formularz_knt .px13 {
	color: #716b66 !important;
	line-height: 1.45 !important;
}

/* Historia zamówień */
.konto-strona--zamowienia {
	padding: 76px 0 96px;
}

.konto-strona--zamowienia .tresc {
	max-width: 1240px;
	margin: 0 auto;
}

.konto-strona__zamowienia {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
}

.konto-strona--zamowienia .tu {
	margin: 0 0 32px;
	padding: 0 0 17px;
	border-bottom: 1px solid rgba(38, 34, 35, .14);
	color: #262223;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: -.03em;
	line-height: 1.1;
	text-transform: uppercase;
}

.konto-strona--zamowienia .tu::after {
	display: block;
	width: 54px;
	height: 3px;
	margin-top: 16px;
	background: #d7a701;
	content: '';
}

.konto-strona__zamowienia > div[bind-html-compile],
.konto-strona__zamowienia > p {
	margin: 0 0 22px;
	color: #605b58;
	font-size: 15px;
}

.konto-strona__zamowienia .zamowienia {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border: 1px solid #d8d4cd;
	background: rgba(255, 255, 255, .76);
	color: #3f3a38;
}

.konto-strona__zamowienia .zamowienia > tbody > tr.zam > td,
.konto-strona__zamowienia .zamowienia > tr.zam > td {
	padding: 16px 18px;
	border-bottom: 1px solid #e3dfd8;
	vertical-align: middle;
}

.konto-strona__zamowienia .zamowienia > tbody > tr.zam:first-child > td,
.konto-strona__zamowienia .zamowienia > tr.zam:first-child > td {
	border-bottom-color: #262223;
	background: #262223;
	color: #fff;
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.konto-strona__zamowienia .zamowienia tr.pus,
.konto-strona__zamowienia .zamowienia tr.pus td {
	height: 8px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 0;
	line-height: 0;
}

.konto-strona__zamowienia .zamowienia tr.zam:not(:first-child):hover > td {
	background: #f7f4ee;
}

.konto-strona__zamowienia .zamowienia a[title='Szczegóły zamówienia'] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid #d7a701;
	background: #d7a701;
	color: #262223;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}

.konto-strona__zamowienia .zamowienia a[title='Szczegóły zamówienia']:hover,
.konto-strona__zamowienia .zamowienia a[title='Szczegóły zamówienia']:focus-visible {
	background: #262223;
	color: #fff;
	outline: 0;
}

.konto-strona__zamowienia .zamowienia td[colspan] {
	padding: 24px !important;
	background: #f7f4ee;
}

.konto-strona__zamowienia .zamowienia td[colspan] hr {
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #dcd7cf;
}

.konto-strona__zamowienia .info_nag {
	display: block;
	margin-bottom: 8px;
	color: #262223;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.konto-strona__zamowienia .daneAdresowe {
	padding: 0;
	color: #605b58;
	font-size: 14px;
	line-height: 1.55;
}

/* Panel klienta – zawartość jest wczytywana przez AngularJS */
.panel-klienta {
	box-sizing: border-box;
	width: min(720px, 100%);
	margin: 0;
	padding: 76px 0 96px;
	color: #4c4846;
}

.panel-klienta > h1 {
	margin: 0 0 22px;
	padding: 0 0 17px;
	border-bottom: 1px solid rgba(38, 34, 35, .14);
	color: #262223;
	font-size: 38px;
	font-weight: 400;
	letter-spacing: -.03em;
	line-height: 1.1;
	text-transform: uppercase;
}

.panel-klienta > h1::after {
	display: block;
	width: 54px;
	height: 3px;
	margin-top: 16px;
	background: #d7a701;
	content: '';
}

.panel-klienta > div {
	font-size: 16px;
	line-height: 1.6;
}

.panel-klienta > div > p {
	margin: 0 0 14px;
}

.panel-klienta > div a {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	color: #4c4846;
	font-size: 16px;
	text-decoration: none;
	transition: color .2s ease, transform .2s ease;
}

.panel-klienta > div a:hover,
.panel-klienta > div a:focus-visible {
	color: #b48700;
	transform: translateX(4px);
	outline: 0;
}

/* Formularz odstąpienia od umowy (widok AngularJS) */
.zwroty-strona {
	box-sizing: border-box;
	padding: 78px 0 96px;
	background: linear-gradient(125deg, rgba(255,255,255,.58), rgba(247,244,238,.9));
}

.zwroty-strona > article {
	box-sizing: border-box;
	width: min(1180px, calc(100% - 64px));
	margin: 0 auto;
}

.zwroty-strona > article > h1 {
	margin: 0 0 34px;
	padding: 0 0 18px;
	border-bottom: 1px solid rgba(38, 34, 35, .15);
	color: #262223;
	font-size: clamp(30px, 3vw, 42px);
	font-weight: 400;
	letter-spacing: -.035em;
	line-height: 1.08;
	text-transform: uppercase;
}

.zwroty-strona > article > h1::after {
	display: block;
	width: 54px;
	height: 3px;
	margin-top: 17px;
	background: #d7a701;
	content: '';
}

.zwroty-strona .zworty_box {
	color: #4e4946;
}

.zwroty-strona .wiersz_panelu {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
	gap: 28px;
}

.zwroty-strona .kol_wp {
	min-width: 0;
}

.zwroty-strona .panel_formularza,
.zwroty-strona .panel_info,
.zwroty-strona .panel_ret {
	box-sizing: border-box;
	border: 1px solid #dcd7d0;
	background: rgba(255,255,255,.86);
	box-shadow: 0 14px 35px rgba(38, 34, 35, .06);
}

.zwroty-strona .panel_formularza,
.zwroty-strona .panel_info {
	min-height: 100%;
	padding: 35px 38px 38px;
}

.zwroty-strona .panel_formularza::before {
	display: block;
	margin-bottom: 23px;
	color: #262223;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .055em;
	line-height: 1.2;
	text-transform: uppercase;
	content: 'Znajdź swoje zamówienie';
}

.zwroty-strona .panel_info {
	position: relative;
	padding-top: 37px;
	border-top: 4px solid #d7a701;
}

.zwroty-strona .panel_info h2,
.zwroty-strona .panel_ret h3 {
	margin: 0 0 16px;
	padding: 0;
	color: #262223;
	font-size: 23px;
	font-weight: 500;
	letter-spacing: -.02em;
	line-height: 1.18;
}

.zwroty-strona .panel_info p,
.zwroty-strona .panel_ret > p,
.zwroty-strona #formularz_knt p,
.zwroty-strona #formularz_kontakt p {
	color: #605b58;
	font-size: 15px;
	line-height: 1.55;
}

.zwroty-strona #formularz_knt form > div {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 18px;
}

.zwroty-strona #formularz_knt p,
.zwroty-strona #formularz_kontakt p {
	margin: 0 0 19px;
}

.zwroty-strona #formularz_knt strong,
.zwroty-strona #formularz_kontakt strong {
	color: #b48700;
}

.zwroty-strona .formInput {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	margin-top: 7px;
	padding: 10px 13px;
	border: 1px solid #d2ccc4;
	border-radius: 0;
	background: #fff;
	color: #262223;
	font: 400 15px/1.3 'Montserrat', sans-serif;
	box-shadow: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.zwroty-strona textarea.formInput {
	min-height: 106px;
}

.zwroty-strona .formInput:focus {
	border-color: #d7a701;
	box-shadow: 0 0 0 3px rgba(215, 167, 1, .14);
	outline: 0;
}

.zwroty-strona .formBtn,
.zwroty-strona a.formBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 11px 24px;
	border: 1px solid #d7a701;
	border-radius: 0;
	background: #d7a701;
	color: #262223;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .035em;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.zwroty-strona .formBtn:hover,
.zwroty-strona .formBtn:focus-visible,
.zwroty-strona a.formBtn:hover,
.zwroty-strona a.formBtn:focus-visible {
	border-color: #262223;
	background: #262223;
	color: #fff;
	outline: 0;
}

.zwroty-strona .panel_ret {
	padding: 36px 38px 40px;
}

.zwroty-strona .panel_ret > h3 {
	padding-bottom: 16px;
	border-bottom: 1px solid #ded9d2;
}

.zwroty-strona .panel_ret .text-muted {
	color: #746e69;
	font-size: 14px;
}

.zwroty-strona .tabela_zwrotow {
	overflow-x: auto;
	margin: 0 0 25px;
	border: 1px solid #ded9d2;
	background: #fff;
}

.zwroty-strona .tabela_zwrotow .table {
	min-width: 720px;
	margin: 0 !important;
	border-collapse: collapse;
	color: #4e4946;
}

.zwroty-strona .tabela_zwrotow th {
	padding: 14px 16px;
	background: #262223;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .045em;
	text-transform: uppercase;
}

.zwroty-strona .tabela_zwrotow td {
	padding: 13px 16px;
	border-top: 1px solid #e6e1db;
}

.zwroty-strona .tabela_zwrotow tr.wybrany_zwrot td {
	background: #fbf6e7;
}

.zwroty-strona .formBtn2 {
	border: 1px solid #d7a701;
	background: #fff;
	color: #8c6d00;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
}

.zwroty-strona .formBtn2:hover,
.zwroty-strona .formBtn2:focus-visible {
	background: #d7a701;
	color: #262223;
	outline: 0;
}

.zwroty-strona .bg-success,
.zwroty-strona .bg-danger,
.zwroty-strona .bg-info {
	margin: 0 0 20px;
	padding: 14px 16px;
	border-left: 3px solid #d7a701;
	background: #fbf6e7;
	color: #4e4946;
}

.zwroty-strona .bg-danger {
	border-left-color: #b54334;
	background: #fbecea;
}

.zwroty-strona .bg-success {
	border-left-color: #5b8555;
	background: #edf5eb;
}

/* Wyszukiwarka w nagłówku */
ul.panelKlienta li.wyszukiwarka {
	box-sizing: border-box;
	border: 1px solid #d8d3cc;
	background: #fff;
	box-shadow: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

ul.panelKlienta li.wyszukiwarka:focus-within {
	border-color: #d7a701;
	box-shadow: 0 0 0 3px rgba(215, 167, 1, .14);
}

ul.panelKlienta li.wyszukiwarka form {
	box-sizing: border-box;
	min-height: 44px;
}

ul.panelKlienta li.wyszukiwarka .formInputSzukaj {
	min-width: 0;
	height: 44px;
	padding: 0 13px;
	border: 0;
	background: #fff !important;
	color: #262223;
	font-size: 14px;
	font-weight: 500;
	line-height: 44px;
	outline: 0;
}

ul.panelKlienta li.wyszukiwarka .formInputSzukaj::placeholder {
	color: #817b76;
	opacity: 1;
}

ul.panelKlienta li.wyszukiwarka .formBtnSzukaj {
	flex: 0 0 46px;
	width: 46px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	color: #262223;
	font-family: FontAwesome;
	font-size: 18px;
	line-height: 44px;
	text-align: center;
}

ul.panelKlienta li.wyszukiwarka .formBtnSzukaj:hover,
ul.panelKlienta li.wyszukiwarka .formBtnSzukaj:focus-visible {
	background: #262223;
	color: #fff;
	opacity: 1;
	outline: 0;
}

/* Natywne pole wyszukiwania: poprzedni komponent md-autocomplete nie jest
   ładowany przez aplikację AngularJS, więc nie tworzył pola do wpisywania. */
ul.panelKlienta li.wyszukiwarka,
ul.panelKlienta li.wyszukiwarka .szukaj_knt_knt,
ul.panelKlienta li.wyszukiwarka .szukaj_knt {
	width: 343px;
}

ul.panelKlienta li.wyszukiwarka .szukaj_knt {
	position: relative;
}

ul.panelKlienta li.wyszukiwarka .szukaj-formularz {
	display: flex;
	align-items: stretch;
	width: 100%;
	height: 48px;
	min-height: 48px;
	margin: 0;
}

ul.panelKlienta li.wyszukiwarka .formInputSzukaj {
	display: block;
	flex: 1 1 auto;
	width: 1%;
	height: 48px;
	padding: 0 15px;
	border: 0;
	border-radius: 0;
	font-size: 15px;
	line-height: 48px;
}

ul.panelKlienta li.wyszukiwarka .formBtnSzukaj {
	display: grid;
	flex: 0 0 48px;
	place-items: center;
	width: 48px;
	height: 48px;
	padding: 0;
	background: #d7a701;
	color: #262223;
	font-family: inherit;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}

ul.panelKlienta li.wyszukiwarka .formBtnSzukaj:hover,
ul.panelKlienta li.wyszukiwarka .formBtnSzukaj:focus-visible {
	background: #262223;
	color: #fff;
}

ul.panelKlienta li.wyszukiwarka .formBtnSzukaj svg {
	display: block;
	width: 21px;
	height: 21px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 2.5;
}

ul.panelKlienta li.wyszukiwarka .szukaj-podpowiedzi {
	position: absolute;
	top: calc(100% + 8px);
	left: -1px;
	right: -1px;
	z-index: 1200;
	max-height: 400px;
	overflow-y: auto;
	padding: 6px;
	border: 1px solid #d8d3cc;
	background: #fff;
	box-shadow: 0 14px 28px rgba(38, 34, 35, .18);
}

ul.panelKlienta li.wyszukiwarka .szukaj-podpowiedz {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	width: 100%;
	min-height: 62px;
	padding: 7px;
	border: 0;
	border-bottom: 1px solid #ece8e4;
	background: transparent;
	color: #262223;
	text-align: left;
	cursor: pointer;
}

ul.panelKlienta li.wyszukiwarka .szukaj-podpowiedz:last-child {
	border-bottom: 0;
}

ul.panelKlienta li.wyszukiwarka .szukaj-podpowiedz:hover,
ul.panelKlienta li.wyszukiwarka .szukaj-podpowiedz:focus-visible {
	background: #f7f4ef;
	outline: 0;
}

ul.panelKlienta li.wyszukiwarka .szukaj-podpowiedz .obr,
ul.panelKlienta li.wyszukiwarka .szukaj-podpowiedz .obr img {
	display: block;
	width: 46px;
	height: 46px;
}

ul.panelKlienta li.wyszukiwarka .szukaj-podpowiedz .obr img {
	object-fit: contain;
}

ul.panelKlienta li.wyszukiwarka .szukaj-podpowiedz .nazwa {
	min-width: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
}

ul.panelKlienta li.wyszukiwarka .szukaj-podpowiedz .cena {
	font-size: 13px;
	white-space: nowrap;
}

/* Zdjęcia osadzone w opisach technicznych otwierają się w PhotoSwipe. */
.produkt-strona .opis_tekst a[href] > img {
	cursor: zoom-in;
}