@import url('../css/font-awesome.css');
.clr { clear: both; }
.flRight {
	float: right;
}
.bold {
	font-weight: bold;
}
.rel { position: relative; }
.errorBox { background: red; font-weight: bold; color: white }
.stockWarning { color: white; background: red; padding: 10px; margin: 10px 0; }
.smallText { font-size: 10px; }
.tableHeading { font-weight: bold; }
.inputKontener { padding-right: 6px; }
.inputRequirement { font-size: 10px; color: red; }
.ukryj { display: none; }
.kolumny { display: flex; }

SPAN.newItemInCart { color: red; }
SPAN.greetUser { color: red; font-weight: bold; }
SPAN.markProductOutOfStock { color: red; }
SPAN.productSpecialPrice { color: red; white-space: nowrap; }
SPAN.productRebatePrice { color: green; white-space: nowrap; }
.cenaNetto { font-weight: normal; }
.cenaBrutto { font-weight: bold; }

.obramowanie { padding: 10px; border: 1px solid #ccc; border-radius: 5px; }
.obramowanie.rejestracja { width: 100%; padding: 10px; margin: 10px 0; border-radius: 5px; -moz-border-radius: 5px; }

.fancybox-inner table.rejestracja { max-width: 900px; }
.fancybox-skin { background: white; }

.banner { margin-bottom: 10px; text-align: center; }

#opis img,
#banner img { max-width: 100%; height: auto; }

.separator.czarny { background: black; }
.separator.przezroczysty { background: none; }
.separator.oddziel { background: url('../../images/odd.gif') no-repeat center; }

/* rozciagniecie strony - stopka na dole */
html {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
main {
	flex: 1 0 auto;
}

#srodkowaKolumna {
    margin: 0 0 20px;
	overflow: hidden;
}
.ikonaEdycji {
	position: relative;
	float: right;
	z-index: 2;
}
.ikonaEdycji a {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	min-width: 25px;
	min-height: 25px;
	line-height: 25px;
	/*background: url('../../images/edit.png') no-repeat left;*/
	color: white;
	font-weight: normal;
	background-color: rgba(150,150,150,0.9);
	border-radius: 4px;
	transition: all 0.2s;
	overflow: hidden;
}
.ikonaEdycji a::before {
	position: absolute;
	top: calc(50% - 12px);
	left: 0;
	font-family: 'FontAwesome';
	content: '';
	color: white;
	font-size: 16px;
	width: 25px;
	text-align: center;
	transition: all 0.2s;
	transform-origin: 20% 80%;
}
.ikonaEdycji a:hover {
	text-decoration: none;
	background-color: rgba(100,100,100,0.9);
}
.ikonaEdycji a:hover::before {
	transform: scale(3);
	opacity: 0.9;
}
.ikonaEdycji a:link,
.ikonaEdycji a:visited {
	color: white;
}
.ikonaEdycji.tekst a {
	padding: 2px 5px 2px 25px;
	white-space: nowrap;
	font-size: 11px;
}
.ikonaEdycji.tekst a:hover::before {
	opacity: 0.6;
}
.kontenerEdycji {
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 10;
}
.kontenerEdycji .ikonaEdycji {
	float: none;
	display: inline-block;
	margin: 0 10px;
}
.kontenerEdycji .ikonaEdycji a {
	position: relative;
}
/*
.ikonaEdycji.pod {
	margin: 5px 0;
	float: none;
}
.ikonaEdycji.pod a,
.ikonaEdycji.obok a {
	position: relative;
}
.ikonaEdycji.obok {
	float: none;
	margin: 5px;
	display: inline-block;
}
*/

.infoBoxHeading .ikonaEdycji a {
	font-weight: normal;
}

#dymek {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	position: fixed;
	left: 25%;
	bottom: 10px;
	width: calc(50% - 6px);
	z-index: 100;
	background: rgba(245, 245, 245, .95);
	border: 3px solid #ddd;
	font-size: 120%;
	text-align: center;
	color: black;
}
#dymek a { color: black; }
#dymek .zamknij {
	order: 2;
	cursor: pointer;
	margin: 10px;
}
#dymek .zamknij a {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	font-weight: bold;
	background: url('../../admin/images/zamknij.png') no-repeat left;
}
#dymek .tresc {
	margin: 10px;
}


#podgladMiniaturek {
	position: absolute;
	padding: 10px;
	color: black;
	background: white;
	border: 2px solid rgba(70,70,70,.6);
	box-shadow: 3px 3px 10px rgba(0,0,0,.3);
	z-index: 50;
}
#podgladMiniaturek a { color: black; }
#podgladMiniaturek .zdjecieKontener {
	position: relative;
}
#podgladMiniaturek .zdjecie {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#podgladMiniaturek .zdjecieKontener .poprzedni,
#podgladMiniaturek .zdjecieKontener .nastepny {
	position: absolute;
	top: 0;
	width: 30%;
	min-width: 60px;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	transition: opacity .3s;
}
#podgladMiniaturek .zdjecieKontener .poprzedni { left: 0; background: url('../images/podgladMiniaturek/podgladLewo.png') no-repeat center; }
#podgladMiniaturek .zdjecieKontener .nastepny { right: 0; background: url('../images/podgladMiniaturek/podgladPrawo.png') no-repeat center; }

#podgladMiniaturek .zdjecieKontener:hover .poprzedni,
#podgladMiniaturek .zdjecieKontener:hover .nastepny { opacity: 0.5; }
#podgladMiniaturek .zdjecieKontener .poprzedni:hover,
#podgladMiniaturek .zdjecieKontener .nastepny:hover { opacity: 1; }

#podgladMiniaturek .galeria {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	text-align: center;
	cursor: default;
}
#podgladMiniaturek .galeria li { display: inline-block; margin-right: 5px; }
#podgladMiniaturek .galeria a {
	display: block;
	width: 10px;
	height: 10px;
	background: rgba(70,70,70,.3);
	border-radius: 5px;
	text-decoration: none;
}
#podgladMiniaturek .galeria a.aktywny { background: rgba(70,70,70,.8); }

#podgladMiniaturek .tekst { margin-top: 10px; }
#podgladMiniaturek .tytul { font-weight: bold; font-size: 14px; }
#podgladMiniaturek .opis {
	margin-top: 10px;
	padding: 10px;
	font-size: 11px;
	background: rgba(70,70,70,.1);
}
#podgladMiniaturek .opis .przytnij { max-height: 60px; overflow: auto; }
#podgladMiniaturek .opis .atributes_table { margin-top: 10px; }
#podgladMiniaturek .cena { margin-top: 10px; font-size: 14px; }
#podgladMiniaturek .przyciskiIkony {
	list-style: none;
	text-align: right;
	margin: 10px 0 0 0;
	padding: 0;
}
#podgladMiniaturek .przyciskiIkony a.fa {
    color: white;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
	text-decoration: none;
}
.podgladMiniaturek {
	display: inline-block;
	position: relative;
	max-width: 100%;
}
.ikonkaPodgladu {
	position: absolute;
	width: 30px;
	height: 30px;
	background: url('../images/podgladMiniaturek/ikonkaPodgladu.png') no-repeat center;
}


div.productListing-heading { padding: 5px 10px; }
TD.productListing-data { vertical-align: middle; padding: 5px; }

TR.headerError { background: red; }
TD.headerError
{
	background: red;
	color: white;
	font-weight : bold;
	text-align : center;
}

TR.headerInfo { background: green; }
TD.headerInfo
{
	background: green;
	color: white;
	font-weight: bold;
	text-align: center;
}

/* message box */
.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; font-weight: bold; background: red; color: white; }
.messageStackSuccess { font-size: 10px; font-weight: bold; background: green; color: white; }



/* -------------------------------------------------------------------------------------------------- Przewijanie miniaturek */

/* przewijanie polecane */
#windowSlider {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
}
#container1 {
	position: absolute;
	width: 100%;
}

/* przewijanie promocje */
#windowHorizontal { overflow: hidden; position: relative; height: 0 }
#containerHorizontal { position: relative; }

/* ukrywanie i pokazywanie nowosci */
#windowHider, #windowHider_op
{
	overflow: hidden;
	position: relative;
	text-align: left;
	height: 0;
}
#windowSlider p, #windowHorizontal p, #windowHider p, #windowHider_op p { margin: 0; padding: 10px 0; }


/* -------------------------------------------------------------------------------------------------- aktualnosci */
.aktualnosc { padding-bottom: 10px; }
.aktualnosc .tytul { font-weight: bold; }
.aktualnosc .data { font-size: 11px; color: #777; }
.aktualnosc .obrazek { margin-right: 10px; float: left; }
.aktualnosc .obrazek img { width: 100px; }
.aktualnosc .tresc { margin: 10px 0; }
.aktualnosc::after {
	content: '';
	display: block;
	clear: both;
}


/* -------------------------------------------------------------------------------------------------- produkty - LISTING */
.miniaturkaKontener {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	max-width: 100%;
	overflow: hidden;
}
.miniaturkaKontener .miniaturka {
	text-align: center;
}

.opisZdjecia { margin: 5px 0; line-height: 14px; height: 28px; overflow: hidden; }

.listing { width: 100%; table-layout: fixed; }
.listing td { vertical-align: top; }
.listing .nazwa { line-height: 16px; height: 32px; overflow: hidden; margin: 0; font-weight: bold; }
.listing .cena { margin-top: 0; font-size: 14px; font-weight: bold; }
.listing .cena.widokSkrocony { margin: 0 20px; }
.listing .przyciski p:first-of-type { margin-top: 0; }
.listing .przyciski p:last-of-type { margin-bottom: 0; }
.listing .dodatkowe { font-size: 10px; }
.listing .przerwa { height: 5px; line-height: 5px; }
.listing .obramowanie {
	border-radius: 0;
	position: relative;
	overflow: hidden;
}
.listing .przyciskiIkony {
	margin: 0;
	white-space: nowrap;
}

.listing .boxImage {
	margin-right: 10px;
}
.listing .boxProd {
	display: flex;
	margin-bottom: 10px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.listing .bl,
.listing .bl0 {
	align-items: center;
}
.listing .bl .boxImage {
	max-width: 50px;
	max-height: 50px;
}

.listing .boxProdSmall {
	margin: 0 10px 10px 0;
	float: left;
}
.listing .boxText {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}
.listing .boxDesc {
	flex: 1;
	margin-right: 10px;
}
.listing .boxText .boxDesc {
	min-width: calc(70% - 10px);
	max-width: calc(100% - 10px);
}
.listing .boxDesc .ikonaEdycji {
	float: left;
	margin-right: 10px;
}
.listing .boxDesc .ikonaEdycji a {
	position: relative;
}
.listing .bl .boxInfo,
.listing .bl0 .boxInfo {
	display: flex;
}
.listing .bl .boxInfo .cena,
.listing .bl0 .boxInfo .cena {
	line-height: 28px;
}
.listing .bl1 .boxInfo {
	min-width: 30%;
}

.ramkaProduktow {
	position: relative;
	overflow: hidden;
}
.net77_nowosci_nowe .net77_tytul { font-size: 14px; }
.net77_nowosci_nowe .net77_cena { font-size: 14px; }
.net77_nowosci_nowe .przyciski { margin-top: 10px; }


.rowniez { border: 1px solid #f2f2f2; border-radius: 5px; -moz-border-radius: 5px; padding: 5px; }
.rowniez .net77_cena { text-align: center; }


/* przyciski-ikony */
.przyciskiIkony { margin: 20px 0 0 0; padding: 0; }
.przyciskiIkony li { display: inline-block; position: relative; }
.przyciskiIkony a {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 28px;
	margin: 0 3px;
	margin-bottom: 5px;
	background: rgba( 70,70,70,.4) no-repeat center;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
}
.przyciskiIkony a:hover { background-color: rgba( 20,20,20,.6); }

.przyciskiIkony .zapytaj { background-image: url('../images/przyciskiIkony/zapytaj.png'); }
.przyciskiIkony .przechowalnia { background-image: url('../images/przyciskiIkony/przechowalnia.png'); }
.przyciskiIkony .powiedz { background-image: url('../images/przyciskiIkony/powiedz.png'); }
.przyciskiIkony .informuj { background-image: url('../images/przyciskiIkony/informuj.png'); }
.przyciskiIkony .wiecej { background-image: url('../images/przyciskiIkony/wiecej.png'); }
.przyciskiIkony .drukuj { background-image: url('../images/przyciskiIkony/drukuj.png'); }
.przyciskiIkony .koszyk { background-image: url('../images/przyciskiIkony/koszyk.png'); }
.przyciskiIkony .widokPelny { background-image: url('../images/przyciskiIkony/widokPelny.png'); }
.przyciskiIkony .widokKrotki { background-image: url('../images/przyciskiIkony/widokKrotki.png'); }
.przyciskiIkony .widokBoxy { background-image: url('../images/przyciskiIkony/widokBoxy.png'); }

.podpowiedzIkony {
	position: absolute;
	z-index: 60;
	display: none;
	padding: 5px 8px;
	font-size: 11px;
	color: white;
	background: rgba( 20,20,20,.7);
	border-radius: 5px;
	white-space: nowrap;
	cursor: default;
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
}

/* popup */
.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
}
.popup .wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.popup .container {
	display: flex;
	flex-direction: column;
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
	padding: 10px;
	color: #222;
	background: white;
	box-shadow: 5px 5px 25px rgba(0,0,0, .5);
	transition: .2s;
}
.popup .close {
	padding: 10px 10px 0 10px;
	text-align: right;
}
.popup .close a {
	text-decoration: none;
	cursor: pointer;
}
.popup .close a::before {
	content: '\f00d';
	font-family: FontAwesome;
	font-size: 24px;
	color: #777;
	transition: .2s;
}
.popup .close a:hover::before {
	color: #222;
}
.popup .content {
	padding: 10px;
	overflow: auto;
}
.popup .content h2 {
	margin-top: 0;
}

/* -------------------------------------------------------------------------------------------------- opis produktu */
#produkt_info_glowne
{
	position: relative;
	overflow: hidden;
	font-size: 12px;
	border: 1px solid #dcdcdc;
	padding: 10px;
}

#produkt_info_glowne #nazwa_produktu { font-size: 20px; font-weight: bold; margin: 0; padding-bottom: 10px; }
#produkt_info_glowne .wstazka + #nazwa_produktu {
	padding: 20px 0 10px 60px;
}
#produkt_info_glowne #zdjecie .miniaturkaKontener { margin: 0; }
#produkt_info_glowne #zdjecie img { padding: 0; margin: 0; border: none; }

#produkt_info_glowne .galeriaSczegoly {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#produkt_info_glowne .prod-gallery {
	flex: 2;
	overflow: hidden;
}

#produkt_info_glowne #szczegolyProduktu {
	flex: 1;
	min-width: 200px;
	padding: 0 5px 10px 10px;
	overflow: hidden;
}
#produkt_info_glowne #szczegolyProduktu p { margin: 10px 0; }
#produkt_info_glowne #szczegolyProduktu .modul::before {
	content: '';
	display: block;
	height: 10px;
	margin-bottom: 20px;
	background: url('../images/modulGora.png') no-repeat center bottom;
	border-bottom: 1px solid rgba(90,90,90,.5);
}
#produkt_info_glowne #szczegolyProduktu .modul::after {
	content: '';
	display: block;
	height: 10px;
	margin-top: 20px;
	background: url('../images/modulDol.png') no-repeat center top;
	border-top: 1px solid rgba(90,90,90,.5);
}
#produkt_info_glowne #szczegolyProduktu #cena {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
}
#produkt_info_glowne #szczegolyProduktu .cenaProducenta { margin-top: 10px; }
#produkt_info_glowne #szczegolyProduktu .informacje { margin: 10px 0; }
#produkt_info_glowne #szczegolyProduktu .informacje td { padding: 3px 0; }
#produkt_info_glowne #szczegolyProduktu .informacje .logo { padding-bottom: 10px; }
#produkt_info_glowne #szczegolyProduktu .informacje .nazwa {
	padding-right: 5px;
	overflow: hidden;
}
#produkt_info_glowne #szczegolyProduktu .informacje .nazwa span {
	display: inline-block;
	vertical-align: middle;
}
#produkt_info_glowne #szczegolyProduktu .informacje .wartosc select { width: 100%; }
#produkt_info_glowne #szczegolyProduktu .informacje .radio_option {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#produkt_info_glowne #szczegolyProduktu .informacje .radio_option li + li { margin-top: 3px; }
#produkt_info_glowne #szczegolyProduktu .informacje .radio_option input,
#produkt_info_glowne #szczegolyProduktu .informacje .radio_option span {
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	overflow: hidden;
}
#produkt_info_glowne #szczegolyProduktu .informacje .radio_option label span {
	width: 98%;
	display: block;
}
#produkt_info_glowne #szczegolyProduktu .informacje .radio_option span {
	margin-left: 2px;
	white-space: normal;
}
#produkt_info_glowne #szczegolyProduktu .informacje .radio_option input[type="radio"] {
	display: none;
}
#produkt_info_glowne #szczegolyProduktu .informacje .radio_option label {
	display: block;
    padding: 5px;
    text-align: center;
	border: 2px solid rgba(0,0,0,0);
}
#produkt_info_glowne #szczegolyProduktu .informacje .radio_option label.aktywna {
	border: 2px solid rgba(175,175,175,0.5);
	width: calc(100% - 14px);
}
#produkt_info_glowne #szczegolyProduktu .informacje .odstep { padding: 5px 0; }
#produkt_info_glowne #szczegolyProduktu .informacje .odstep .linia { height: 1px; margin: 5px 0; background: rgba(90,90,90,.5); }
#produkt_info_glowne #szczegolyProduktu .informacje select,
#produkt_info_glowne #szczegolyProduktu .ilosc input[name="quantity"] {
	padding: 7px 3px;
	border: 1px solid rgba(50,50,50,.2);
	border-radius: 3px;
}

#produkt_info_glowne #szczegolyProduktu .ilosc { margin-top: 20px; }
#produkt_info_glowne #szczegolyProduktu .dodatkowe { margin: 20px 0 0 0; padding: 0; }
#produkt_info_glowne #szczegolyProduktu a.przycisk,
.productListing .przycisk {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: 0 3px;
	background: rgba( 70,70,70,.4) no-repeat center;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
}
#produkt_info_glowne #szczegolyProduktu a.przycisk:hover { background-color: rgba( 20,20,20,.6); }

#produkt_info_glowne #szczegolyProduktu .przycisk.odejmij,
.productListing .przycisk.odejmij { background-image: url('../images/minus.png'); }

#produkt_info_glowne #szczegolyProduktu .przycisk.dodaj,
.productListing .przycisk.dodaj { background-image: url('../images/plus.png'); }

#produkt_info_glowne #szczegolyProduktu .opcje .cena { font-size: 130%; font-weight: bold; padding: 0 5px; }

#produkt_info_glowne #szczegolyProduktu #oblicz_rate { margin: 20px 0; }
#produkt_info_glowne #szczegolyProduktu .payments { list-style: none; margin: 20px 0; padding: 0; }
#produkt_info_glowne #szczegolyProduktu .socjalne { margin-top: 20px; }
#produkt_info_glowne #szczegolyProduktu .socjalne > span { display: block; margin: 5px 0; }
#produkt_info_glowne #szczegolyProduktu .payments + .socjalne { padding-top: 10px; border-top: 1px solid rgba(90,90,90,.5); }

#produkt_info_glowne .dostepny, .produktDostepny { color: green; white-space: nowrap; }
#produkt_info_glowne .niedostepny, .produktNiedostepny { color: red; white-space: nowrap; }

#produkt_info_glowne #szczegolyProduktu .informacje .kosztyWysylkiLink {
	color: #298eff;
	cursor: pointer;
}

.progiCenowe {
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(90,90,90,.5);
}
.progiCenowe .zakres {
	display: inline-block;
	font-size: 11px;
	padding-bottom: 3px;
}

.kosztyWysylki h2 {
	text-align: center;
	margin-bottom: 20px
}
.kosztyWysylki .pozycja {
	display: flex;
	padding: 10px 0;
}
.kosztyWysylki .pozycja + .pozycja {
	border-top: 1px solid #ddd;
}
.kosztyWysylki .pozycja .nazwa {
	width: 70%;
}
.kosztyWysylki .pozycja .cena {
	text-align: right;
	width: 30%;
	margin-left: 20px;
}


#produkt_info_glowne.wersja2 .zdjeciaOpcji {
	display: inline-block;
	list-style: none;
	margin: 20px 0;
	padding: 0;
}
#produkt_info_glowne.wersja2 .zdjeciaOpcji li {
	display: inline-block;
	vertical-align: top;
}
#produkt_info_glowne.wersja2 .zdjeciaOpcji a {
	display: block;
	border: 1px solid rgba(150,150,150, 0.3);
	margin: 2px;
	cursor: pointer;
}
#produkt_info_glowne.wersja2 .zdjeciaOpcji a.aktywna {
	border: 3px solid rgba(150,150,150, 1);
	margin: 0;
}

#produkt_info_glowne.wersja2 .podgladOpcji {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#produkt_info_glowne.wersja2 .podgladOpcji img {
	max-width: 100%;
	max-height: 100%;
}

/* zakladki */
#tabs {
	height: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
	border-bottom: 4px solid rgba( 20,20,20,.6);
overflow: hidden;
}
#tabs::after {
	content: '';
	clear: both;
}
#tabs li {
	float: left;
}
#tabs li a {
	display: block;
	line-height: 30px;
	margin-right: 1px;
	padding: 0 20px;
	background: rgba( 70,70,70,.2);
	border-radius: 5px 5px 0 0;
	text-decoration: none;
	cursor: pointer;
}
#tabs li.active a {
	color: white;
	cursor: default;
	background: rgba( 20,20,20,.6);
}

.kontener {
	padding: 10px;
	border: 1px solid rgba( 70,70,70,.4);
	border-top: none;
}


/* recenzje w opisie produktu */
#recenzje_tresc .pozycja { border: 1px solid #ddd; padding: 10px; margin-bottom: 10px }
#recenzje_tresc .pozycja img { vertical-align: middle; }
#recenzje_tresc .autor { margin: 0; }
#recenzje_tresc .data { margin: 2px 0 0 0; font-size: 10px;  }
#recenzje_tresc .tekst { margin: 10px 0 0 0; }
#recenzje_tresc .ocena { margin: 20px 0 0 0; }

/* atrybuty */
.atributes_table {
	display: block;
	font-size: 11px;
}
.atributes_table .even { background: #eee; }
.atributes_table > div {
	display: table-row;
}
.atributes_table span {
	display: table-cell;
	padding: 5px;
}
.atributes_table .atributes_name {
	padding-right: 20px;
}


/* box - koszyk */
.box_koszyk td { padding: 5px 0; }
.box_koszyk .nowa_pozycja { font-weight: bold; }
.box_koszyk .liczba { color: #666; font-size: 11px; padding: 6px 0; width: 1%; word-wrap: normal; }

/* -------------------------------------------------------------------------------------------------- kroki w zamowieniu */
.krok { font-size: 16px; font-weight: bold; }
.checkoutBarFrom, .checkoutBarTo
{
	font-size: 10px; color: #aaa; text-align: left;
	height: 65px; padding: 0 10px;
	background: url('../../images/krok.png') no-repeat right;
}
.checkoutBarFrom a { color: #444; }
.checkoutBarCurrent
{
	font-size: 10px; color: #0099FF; text-align: left;
	height: 65px; padding: 0 10px;
	background: url('../../images/krok_teraz.png') no-repeat right;
}

ul.feed { margin: 0; padding: 0; }
li.feed
{
	list-style-type: none;
	position:relative;
	background:transparent url(/images/feed-icon.png) no-repeat scroll left 5px;
	padding:5px 0 5px 20px;
}

/* -------------------------------------------------------------------------------------------------- wyniki wyszukiwania w tresci */
.info_naglowek { font-weight: bold; }
.info_link { font-size: 11px; padding-bottom: 20px; border-bottom: 1px solid #eee; }

.button.noWrap { white-space: nowrap; }
input[type="submit"].nobutton
{
	color: black;
	font-size: 12px;
	font-weight: normal;
	vertical-align: baseline;
	cursor: pointer;
	background: none;
	border: none;
	padding: 0;
}

.opisKategorii h1 { font-size: 12px; font-weight: normal; }
.pageHeading, .pageHeading h1 { font-size: 20px; margin-top: 0; }

/* logowanie */
.zalogujRamka {
	width: calc(100% - 24px);
	margin: auto;
	padding: 10px;
	border-radius: 5px;
}
.zalogujRamka h1 { font-size: 16px; }
.zalogujRamka form {
	display: table;
	width: 100%;
}

.powiadomienia { margin: 20px -10px; }
.powiadomienia .messageStackError { padding: 5px 10px; }
#zapomnialesHaslaLink a { color: #0099ff; }
.forgetPass {
	float: left;
	padding: 5px 0;
}

.contentBox img, .infoBox img { max-width: 100%; }

/* Slajdy */
.slajdyKontener {
	position: relative;
	overflow: hidden;
	margin: auto;
	padding-bottom: 30px;
}
.slajdyKontener .slajdy {
	display: flex;
	flex-wrap: nowrap;
	position: absolute;
	margin: 0;
	padding: 0;
	min-width: 100%;
}
.slajdyKontener .slajdy .element,
.slajdyKontener .slajdy > li {
	overflow: hidden;
}
.slajdyKontener .sPoprzedni,
.slajdyKontener .sNastepny {
	position: absolute;
	top: calc(50% - 50px);
	z-index: 9;
	width: 20px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: rgba(150,150,150,0.5);
	font-size: 40px;
	font-family: 'FontAwesome';
	cursor: pointer;
	transition: color 0.2s;
}
.slajdyKontener .sPoprzedni:hover,
.slajdyKontener .sNastepny:hover {
	color: rgba(150,150,150,0.8);
}
.slajdyKontener .sPoprzedni { left: 0; }
.slajdyKontener .sPoprzedni::before { content: ''; }
.slajdyKontener .sNastepny { right: 0; }
.slajdyKontener .sNastepny::before { content: ''; }

.slajdyKontener .sLista {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	height: 22px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.slajdyKontener .sLista li {
	display: inline-block;
}
.slajdyKontener .sLista a {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	color: rgba(100,100,100,0.7);
	cursor: pointer;
	transition: color 0.2s;
}
.slajdyKontener .sLista a:hover {
	color: rgba(100,100,100,1);
}
.slajdyKontener .sLista a::before {
	font-family: 'FontAwesome';
	font-size: 14px;
	content: '';
}
.slajdyKontener .sLista a.aktualny::before {
	content: '';
}

/* okno dodaj do koszyka, okno informujace o dodaniu do koszyka */
#add_product_overlay, #add_to_basket_overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 5000;
}
#add_product_box {
	position: relative;
	width: 700px;
	max-width: 100%;
	max-height: 100%;
	background: white;
	border-radius: 5px;
	box-shadow: 5px 5px 20px rgba(0,0,0,.7);
	overflow: hidden;
	color: black;
	z-index: 5000;
}
#add_to_basket_infobox {
	position: fixed;
	background: white;
	border-radius: 5px;
	box-shadow: 5px 5px 20px rgba(0,0,0,.7);
	overflow: hidden;
	color: black;
	z-index: 5000;
}
#add_product_box_close {
	flex: 0 0 auto;
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 30px;
	background: url('../../admin/images/zamknij.png') no-repeat;
	cursor: pointer;
}
#add_to_basket_close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 20px;
	height: 20px;
	background: url('../../admin/images/zamknij.png') no-repeat;
	cursor: pointer;
}
#add_product_box .heading {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #999;
	font-weight: bold;
	min-height: 20px;
	padding: 10px 5px;
	margin: 0 5px;
	border-bottom: 1px solid #aaa;
}
#add_product_box .zawartosc {
	margin: 10px;
	overflow: auto;
}
#add_product_box .lewaKolumna, #add_product_box .prawaKolumna { display: table-cell; vertical-align: top; padding: 30px; }
#add_product_box .lewaKolumna { padding-right: 0; }
#add_product_box .lewaKolumna img { max-width: 200px; }
#add_product_box .prawaKolumna { width: 100%; }
#add_product_box #add_product_box_title {
	font-size: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(90,90,90,.5);
}
#add_product_box #add_product_box_price { margin: 5px 0; }
#add_product_box #add_product_box_price .wartosc { font-size: 14px; }
#add_product_box #add_product_box_options {
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(90,90,90,.5);
}
#add_product_box #add_product_box_options .tytul { font-weight: bold; margin: 5px 0; }
#add_product_box #add_product_box_options .wiersz { display: table-row; }
#add_product_box #add_product_box_options .nazwa { display: table-cell; vertical-align: middle; text-align: right; padding: 5px; }
#add_product_box #add_product_box_options .wartosc { display: table-cell; vertical-align: middle; padding: 5px; }
#add_product_box #add_product_box_options .wartosc select { width: 100%; }
#add_product_box #add_product_box_quantity {
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(90,90,90,.5);
}
#add_product_box #add_product_box_quantity_box { margin: 5px 0; }
#add_product_box #add_product_box_quantity_box input { margin: 0; vertical-align: baseline; }
#add_product_box #add_product_box_submit { margin-top: 20px; }

#add_product_box_quantity_box button {
	display: inline-flex;
	vertical-align: baseline;
	background: none;
	border: none;
	cursor: pointer;
}
#add_product_box_quantity_box button::before {
	font-family: 'Fontawesome';
	font-size: 14px;
	color: #555;
}
#add_product_box_quantity_box button.odejmij::before {
	content: '\f068';
}
#add_product_box_quantity_box button.dodaj::before {
	content: '\f067';
}

#add_to_basket_infobox { width: 300px; padding: 30px; }
#add_to_basket_infobox .tekst {
	text-align: center;
	font-size: 14px;
	color: #999;
	font-weight: bold;
}
#add_to_basket_infobox .tekst + div { padding-top: 20px; }
#add_to_basket_infobox .doLewej { float: left; }
#add_to_basket_infobox .doPrawej { float: right; }

#dont_go  {
	position: fixed;
	background: white;
	box-shadow: 5px 5px 20px rgba(0,0,0,.7);
	color: black;
	z-index: 5000;
	max-width: 600px;
	width: calc(100% - 240px);
	padding: 20px 0 0;
}
#dont_go > div {
	display: flex;
}
#dont_go > div > .doLewej {
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	align-items: center;
	width: 48%;
    padding: 1%;
}
#dont_go  > div > .doLewej img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
#dont_go  > div > .doPrawej {
	flex: 0 0 auto;
	width: 48%;
    padding: 4em 1% 3em;
}
#dont_go  > div > .doPrawej > div {
	padding-bottom: 2em;
}
#dont_go  > div > .doPrawej input {
	width: calc(100% - 30px);
	padding: 10px;
	margin: 5px 0;
}
#dont_go  > div > .doPrawej button {
	width: calc(100% - 10px);
	padding: 10px;
}

#up_talk0  {
	position: fixed;
	bottom: 25px;
	right: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	font-size: 30px;
	color: white;
	background: #36ba1f;
	border: 4px solid white;
	border-radius: 50%;
	box-shadow: 1px 1px 10px rgba(0,0,0, .3);
	z-index: 5000;
	cursor: pointer;
	transition: .2s;
	animation: popBottom .2s ease-out;
}
#up_talk0::before {
	content: '\f095';
	font-family: 'Fontawesome';
}
#up_talk0:hover {
	background: #269812;
}
@keyframes popBottom {
	0% {
		transform: translate(0, 100px);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
	}
}
#dont_go .talkContent {
	display: block;
	padding: 20px;
	text-align: center;
}
#dont_go .talkContent > div + div {
	margin-top: 30px;
}
#dont_go .talkContent .title {
	font-size: 24px;
}
#dont_go .talkContent .numberInput input {
	width: 75%;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	border: 2px solid #0099ff;
	border-radius: 3px;
	background: white;
	box-sizing: border-box;
}
#dont_go .talkContent .buttons button {
	font-size: 1.4em
}
#dont_go .talkContent .description {
	color: #888;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

#footer_links
{
	list-style: none;
	margin: 0;
	padding: 10px;
	font-size: 11px;
}
#footer_links a { color: #666; }
#footer_links li { display: inline-block; }

#suggestions, #suggestions_info { position: absolute; z-index: 15; }
#searchresults {
	list-style: none;
	margin: 0;
	padding: 0; padding-top: 30px;
	width: 204px;
	font-size: 10px;
	line-height: 14px;
	border: 1px solid #ccc;
	background: white;
	box-shadow: 2px 2px 5px rgba(0,0,0,.3);
}
#searchresults .zamknij {
	display: block;
	position: absolute;
	top: 5px; right: 5px;
	width: 20px;
	height: 20px;
	background: url('../../admin/images/zamknij.png') no-repeat;
	cursor: pointer;
}
#searchresults .zamknij:hover { background-color: transparent; }
#searchresults li { border-bottom: 1px solid #f5f5f5; }
#searchresults a {
	display: flex;
	align-items: center;
	text-decoration: none;
}
#searchresults a:hover { background-color: #b7b7b7; color: #ffffff; }
#searchresults a.wiecej { padding: 5px 10px; text-align: right; }
#searchresults .zdjecie {
	margin: 0 5px;
	overflow: hidden;
}
#searchresults .zdjecie .miniaturka {
	display: flex;
	align-items: center;
	justify-content: center;
}
#searchresults .nazwa {
	flex: 1;
	white-space: normal;
	margin-right: 5px;
}

.specjalneKategorie { font-weight: bold; }

.kategorieRozwijane a { overflow: hidden; }
.kategorieRozwijane .aktualna > p a { font-weight: bold; }
.kategorieRozwijane .submenuKontener { position: relative; }
.kategorieRozwijane .submenuKontener:hover > .submenu { display: block; }
.kategorieRozwijane .submenu:hover .submenuKontener { display: block; }
.kategorieRozwijane .submenu
{
	position: absolute;
	top: 0;
	left: 100%;
	width: 160px;
	padding: 5px;
	background: white;
	border: 1px solid #333;
	display: none;
	z-index: 11;
}
.kategorieRozwijane .submenu a { color: black; }

.kategorieRozwijane .submenuKontener .submenuKontener,
.kategorieRozwijane .subBoxesKontener .subBoxesKontener {
	padding-left: 10px;
}

.kategorieRozwijane .subBoxesKontener { position: relative; }
.kategorieRozwijane .subBoxes
{
	position: absolute;
	top: 0;
	left: 100%;
	width: 516px;
	background: white;
	background-clip: padding-box;
	border: 10px solid #333;
	display: none;
	z-index: 11;
	box-shadow: 2px 2px 10px rgba(0,0,0,.3);
}
.kategorieRozwijane .subBoxes .box { float: left; margin: 0; }
.kategorieRozwijane .subBoxes .box > a
{
	display: block;
	width: 120px; height: 150px;
	padding: 0;
	text-align: center;
	color: black;
	border: 1px solid #e5e5e5; border-top: none; border-left: none;
	padding: 4px;
}
.kategorieRozwijane .subBoxes .zdjecie { display: table-cell; vertical-align: middle; width: 120px; height: 100px; }
.kategorieRozwijane .subBoxes .zdjecie img { max-width: 100px; max-height: 100px; padding: 0; }
.kategorieRozwijane .subBoxes .tekst {
	margin-top: 10px;
	word-wrap: break-word;
	height: 30px;
	line-height: 15px;
	overflow: hidden;
}


#header .slider-wrapper { position: relative; }
#header .nivo-caption { background: none; opacity: 1; top: 0; }

/* koszyk */
.ramkaKoszyka { margin: 10px 0; }
.ramkaKoszyka .column:nth-child(2) {
	padding: 0 10px;
	box-sizing: border-box;
}
.ramkaKoszyka .productListing-content { margin: 10px; }
.ramkaKoszyka td:first-child { padding-left: 10px; }
.ramkaKoszyka td:last-child { padding-right: 10px; }
.ramkaKoszyka td.separatorPionowy { border-left: 1px solid #ccc; }
.ramkaKoszyka .minitd,
.ramkaKoszyka .contentTd .name {
	line-height: 2em;
}
.ramkaKoszyka .minitd input[type="radio"] {
	margin: 6px;
}
.ramkaKoszyka .column .logo {
	width: 1%;
	text-align: center;
	vertical-align: middle;
}
.ramkaKoszyka .column .logo img {
	vertical-align: middle;
	max-width: 50px;
	max-height: 50px;
}
.ramkaKoszyka .tab td {
	padding: 5px;
}
.ramkaKoszyka .boxSumm {
	padding: 0 5px;
}
.ramkaKoszyka .wartoscZamowienia {
	margin-top: 2em;
}
.ramkaKoszyka .wartoscZamowienia span {
	padding: 5px 0;
}
.ramkaKoszyka .wartoscZamowienia .tytul {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
.ramkaKoszyka .wartoscZamowienia .kwota {
	font-size: 22px;
}
.ramkaKoszyka .doKasy {
	margin: 1em 0;
	padding: 0 5px;
	text-align: right;
}
form[name="checkout"] .button {	margin-left: 20px; }

.szczegolyPlatnosci {
	display: none;
}
.szczegolyPlatnosci .tresc {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.szczegolyPlatnosci .tresc > div {
	margin: 5px;
}
.szczegolyPlatnosci .tresc img {
	vertical-align: middle;
	margin-left: 5px;
	max-width: 80px;
	max-height: 80px;
}
.szczegolyPlatnosci input[name="payback_login"] {
	margin-right: 10px;
}
.znaczkiPlatnosci {
	margin: 10px 0;
	text-align: center;
}

table.productListing { table-layout: fixed; }
table.productListing td { overflow: hidden; }
.productListing .zmienIlosc {
	display: inline-flex;
	vertical-align: middle;
}
.productListing .zmienIlosc .przyciski {
	display: flex;
}
.productListing .zmienIlosc .przycisk {
	display: block;
	margin: 0 0 0 1px;
	width: 16px;
	height: 100%;
	background-size: 50%;
	border-radius: 0;
}

#filters_switch {
	width: 20px;
	height: 20px;
	padding-right: 30px;
	font-weight: bold;
	background: url('../images/rozwin.png') no-repeat right;
	cursor: pointer;
}
#filters_switch.zwin { background-image: url('../images/zwin.png'); }

/* filtry */
#filters_form td { overflow: visible !important; }
#filters_form .przyciski {
	margin-top: 10px;
	padding: 0 10px;
	text-align: right;
}
#filters_form .przyciski input {
	margin-left: 10px;
}

.grupaSortowanieWidok { margin: 5px 0; }
.grupaSortowanieWidok:after {
	content: '';
	clear: both;
}
.widok.przyciskiIkony {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
.widok.przyciskiIkony .aktywny { background-color: rgba(20, 20, 20, .6); }

.tytulSortowania {
	display: inline-block;
	margin: 7px 5px 7px 0;
	vertical-align: top;
}
.sortowanie.filtr {
	display: inline-block;
	min-width: 180px;
	margin: 1px 0;
}

/* filtry */
.filtry {
	list-style: none;
	margin: 0;
	padding: 5px;
	background: rgba(70,70,70, .4);
}
.filtry .filtr {
	display: inline-block;
	vertical-align: top;
	width: calc(33% - 10px);
	margin: 5px;
}
.filtry .tytul,
.filtry .tekst { color: white; }

.filtr {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}
.filtr .tytul {
	line-height: 14px;
	margin-bottom: 5px;
}
.filtr .tekst {
	font-size: 11px;
	white-space: nowrap;
}
.filtr .tekst .symbol.lewy { margin-right: 5px; }
.filtr .polePrezentacji {
	height: 14px;
	line-height: 14px;
	padding: 5px 30px 5px 10px;
	background: white url('../images/rozwin.png') no-repeat right;
	border: 1px solid rgba(90,90,90,.2);
	cursor: pointer;
}
.filtr .polePrezentacji .tresc {
	overflow: hidden;
	color: black;
	font-size: 11px;
	white-space: nowrap;
}
/* .filtr .polePrezentacji.zwin { background-image: url('../images/zwin.png'); } */
.filtr .trescOkna {
	display: none;
}
.filtr input[type="text"] {
	height: 14px;
	line-height: 14px;
	margin-right: 5px;
	padding: 5px 8px;
	font-size: 11px;
	color: black;
	background: white;
	border: 1px solid rgba(90,90,90,.2);
}

.listaAktywnychFiltrow {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
.listaAktywnychFiltrow li {
	display: inline-block;
	margin: 0 5px 5px 0;
}
.listaAktywnychFiltrow a {
	display: block;
	padding: 5px 8px 5px 30px;
	color: white;
	background: rgba(90,90,90,.4) url('../images/zamknij.png') no-repeat left;
	border-radius: 3px;
	cursor: pointer;
}
.listaAktywnychFiltrow a:hover {
	text-decoration: none;
	background-color: rgba(90,90,90,.6);
}

#oknoFiltrow {
	display: none;
	position: absolute;
	z-index: 10;
	left: 100px;
	top: 100px;
}
#oknoFiltrow .zamknij {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	background: url('../images/zamknij.png') no-repeat center;
	cursor: pointer;
}
#oknoFiltrow .styl {
	padding: 25px 10px 10px 10px;
	font-size: 11px;
	color: black;
	background: white;
	border: 1px solid rgba(90,90,90,.2);
	box-shadow: 2px 2px 10px rgba(0,0,0,.3);
}
#oknoFiltrow .tresc {
	max-height: 400px;
	overflow: auto;
}
#oknoFiltrow table { font-size: 11px; }

#oknoFiltrow .listaSortowania { width: 100%; }
#oknoFiltrow .listaSortowania td {
	padding: 10px 0;
	border-bottom: 1px solid rgba(90,90,90, .2);
}
#oknoFiltrow .listaSortowania tr:last-child td { border: none; }
#oknoFiltrow .listaSortowania .tytul { font-size: 12px; cursor: default; }
#oknoFiltrow .listaSortowania .linki ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}
#oknoFiltrow .listaSortowania a { color: black; }
#oknoFiltrow .listaSortowania .aktywny { font-weight: bold; }

#oknoFiltrow .przejdz {
	text-align: right;
	margin-top: 10px;
}
#oknoFiltrow .przejdz .button { cursor: pointer; }


/* filtry w boxie */
.filtrBox { margin-bottom: 1px; }
.filtrBox table { font-size: 11px; }

.filtrBox .tytul {
	padding: 5px 8px;
	color: white;
	background: rgba(70,70,70, .4) url('../images/zwin.png') no-repeat right;
	cursor: pointer;
}
.filtrBox .tytul.rozwin { background-image: url('../images/rozwin.png'); }

.filtrBox .tresc {
	max-height: 200px;
	overflow: auto;
	margin: 10px 0 20px 0;
	font-size: 11px;
}
.filtrBox .tresc input[type="text"] {
	height: 14px;
	line-height: 14px;
	margin-right: 5px;
	padding: 5px 8px;
	font-size: 11px;
	background: white;
	border: 1px solid rgba(90,90,90,.2);
}
.filtrBox .tresc .symbol.lewy { margin-right: 5px; }

.przyciskiBoxFiltrow { margin-top: 20px; }
.przyciskiBoxFiltrow .button { margin: 0 10px 10px 0; }
.przyciskiBoxFiltrow .button:last-child { margin-bottom: 0; }

#oknoPotwierdzenia {
	width: 320px;
	height: 90px;
	padding: 20px;
}
#oknoPotwierdzenia h3 {
	text-align: center;
	margin-top: 0;
}
#oknoPotwierdzenia .przyciski {
	margin-top: 40px;
}
#oknoPotwierdzenia .przyciski .doLewej { float: left; }
#oknoPotwierdzenia .przyciski .doPrawej { float: right; }
#oknoPotwierdzenia .przyciski:after {
	content: '';
	clear: both;
}

.button, a.button {
	cursor: pointer;
}
.button.fbLogin {
	color: white;
	background: #3b5998;
}

a.pageResults {
	text-decoration: none;
	display: inline-block;
	padding: 2px 5px;
	margin: 2px 0;
	background: rgba(100,100,100,.1);
	border-radius: 2px;
	box-shadow: 1px 1px 1px rgba(20,20,20,.4);
}
a.pageResults u { text-decoration: none; }
a.pageResults:hover {
	text-decoration: none;
	box-shadow: 2px 2px 2px rgba(20,20,20,.4);
}

.podpowiedz {
	position: relative;
	display: inline-block;
	vertical-align: 0;
	margin: 0 10px;
	width: 17px; height: 17px;
	background: url('../../admin/images/podpowiedzIkona.png') no-repeat;
	overflow: hidden;
	font-size: 0;
	cursor: default;
}
#oknoPodpowiedzi {
	display: none;
	position: absolute;
	padding: 10px;
	width: 300px;
	background: white;
	border: 1px solid #298eff;
	border-radius: 10px;
	box-shadow: 2px 2px 15px rgba(0,0,0,.25);
	color: black;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	white-space: normal;
	z-index: 27;
}
#oknoPodpowiedzi .wartoscDomyslna {
	display: block;
	margin-top: 10px;
	font-size: 11px;
	font-style: italic;
	color: #777;
}
#oknoPodpowiedzi .pomocStrony {
	margin-top: 15px;
}

/* kategorie i produkty na stronie glownej */
.listaKategorii,
.listaProduktow {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* contentBox z licznikiem */
#produktDniaContentBox .potd_left {
	float: left;
	width: 60%;
}
#produktDniaContentBox .promotion-title {
	font-size: 1.7em;
	padding: 0.4em;
	color: white;
	background: #888;
}
#produktDniaContentBox .sold-number {
	margin: 2em 1em;
	text-align: left;
}
#produktDniaContentBox .sold-number .text {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2em;
}
#produktDniaContentBox .sold-number .value {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.8em;
	font-weight: bold;
	margin-left: 0.5em;
}

#produktDniaContentBox .potd_right {
	float: left;
	width: 40%;
}
#produktDniaContentBox .ramkaProduktow + .ramkaProduktow {
	margin-top: 20px;
}

.promotion-timer {
	border: 1px solid #888;
	margin: 2em 0;
	padding: 2em 1em;
}
.promotion-timer .promo-describe {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.5em;
	font-size: 1.5em;
}
.promotion-timer .promo-describe strong {
	background-color: #888;
	color: white;
	font-weight: 400;
	padding: 0.1em 0.3em;
	text-transform: uppercase;
}
.promotion-timer time {
	display: inline-block;
	vertical-align: middle;
	margin: 1em 0.5em;
	white-space: nowrap;
	font-size: 1.5em;
}
.promotion-timer time span {
	display: inline-block;
	font-size: 1.7em;
	margin-right: 0.2em;
	max-width: 2em;
	min-width: 1.3em;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
.promotion-timer time .hours:after,
.promotion-timer time .minutes:after {
	bottom: 0.05em;
	content: ":";
	position: absolute;
}
.promotion-timer time span:before {
	bottom: -1.5em;
	content: attr(data-name);
	font-size: 0.3em;
	font-weight: 400;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
}

.sliderRev {
	overflow: hidden;
}

#linki2 {
	text-align: center;
	margin-top: 10px;
	padding: 10px 0;
	border-top: 1px solid rgba(50,50,50,0.2);
}
#linki2 > div {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
}
#linki2 .newsletter .tekst {
	font-size: 110%;
	font-weight: bold;
}
#linki2 .newsletter input[type="text"] {
	width: 200px;
	height: 34px;
	margin: 0 10px;
	padding: 0 10px;
	background: rgba(200,200,200,0.5);
	border: none;
	border-radius: 5px;
	text-align: center;
	font-size: 90%;
}
#linki2 .newsletter input.button {
	height: 34px;
	vertical-align: top;
}
#linki2 .spolecznosciowe a {
	margin: 0 2px;
}
#linki2 .spolecznosciowe i,
#linki2 .spolecznosciowe img {
	vertical-align: middle;
}

.ramkaProduktow {
	position: relative;
	overflow: hidden;
}
.wstazka {
	position: absolute;
	top: 20px;
	left: -65px;
	z-index: 9;
	width: 200px;
	transform: rotate(-45deg);
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	cursor: default;
}
.wstazka.nowosci {
	background: green linear-gradient(220deg, #00ff00 ,#00c800);
}
.wstazka.polecane {
	background: blue linear-gradient(220deg, #0000ff ,#0000c8);
}
.wstazka.promocje {
	background: red linear-gradient(220deg, #ff0000 ,#c80000);
}

.wstazka .napis {
	text-align: center;
	padding: 5px;
	color: white;
	font-weight: bold;
}

.listing .boxProd.bl .boxImage,
.listing .boxProd.bl0 .boxImage {
	margin-left: 30px;
}
.listing .boxProd.bl .wstazka,
.listing .boxProd.bl0 .wstazka {
	transform: rotate(-90deg);
	top: calc(50% - 15px);
	left: -89px;
}

header h2,
#header h2,
.header h2 {
	display: inline-block;
	margin: 0;
	font-size: medium;
}

.wysylka .right,
.platnosc .right {
	white-space: nowrap;
}


/* */
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.space {
	padding: 10px;
}
.space1 {
	padding: 5px 10px;
}
.space2 {
	padding: 5px;
}
.red {
	color: #f00;
}
.green {
	color: #0c0;
}
.bHead {
	font-weight: bold;
	margin-bottom: 1em;
}
.boxTxt {
	margin-bottom: 1em;
}
#bez_rejestracji table {
	text-align: center;
}
.inputKontener input {
	width: 100%
}
#sciezka_jezyki {
	overflow: hidden;
}
.headTitleBox {
	width: 100%;
	display: table;
	margin-bottom: 10px;
}
.headTitle {
	float: left;
	margin-right: 15px;
}
.headTitle.center {
	float: none;
	margin-right: 0;
}
.boxFgPass ul {
	margin-bottom: 2em;
}
.fgPass {
	padding-left: 43px;
	margin-bottom: 10px;
}
.flbox {
	overflow: hidden;
}
.flbox .main {
	margin-bottom: 2em;
}
.boxButton {
	width: 100%;
	display: table;
}
.boxButton .button{
	float: left;
}
.boxButton .button.flRight {
	float: right;
}
span.main.flRight a{
	margin-left: 5px;
}
.rButton .button,
.boxButton input.button {
	float: right;
}
.rButton .button + .button,
.boxButton input.button + input.button {
	margin-right: 10px;
}
.boxInfoOrder.nrOrder,
.pageHeading.nrOrder {
	font-size: 16px;
	font-style:italic;
	font-weight: normal;
	color: #9a9a9a;
}
.boxListOrders {
	margin-bottom: 1em;
}
.boxInfoOrder {
	margin-left: 5%;
	width: 44%;
	float: left;
}
.invoice .boxInfoOrder {
	margin: 0 5% 0 0;
	line-height: 20px;
}
.boxHeaderOrder {
	font-size: 1.4em;
	font-weight: bold;
}
.boxTabLine {
	margin-bottom: 2em;
}
.tabLine {
	margin-bottom: 0.5em;
}
.tabLine.break {
	margin-bottom: 1.5em;
}
.tabLine span {
	display: inline-block;
	vertical-align: top;
	line-height: 1.3em;
}
.tabLine span .attr{
	white-space: nowrap;
	font-size: 0.7em;
	display: block;
	font-style: italic;
}
.tabLine span.t1 {
	width: 10%;
	margin-right: 1%;
	text-align: right;
}
.tDesc .tabLine span.t1 {
	width: 15%;
}
.tabLine span.t2 {
	width: auto;
	width: 53%;
}
.tabLine span.t2desc {
	width: auto;
	max-width: 83%;
}
.tabLine span.t2r {
	width: 72%;
	text-align: right;
}
.tabLine span.t3 {
	width: 20%;
	margin-left: 1%;
	text-align: right;
	float: right;
}
.tabLine span.t4 {
	width: 10%;
	margin-left: 1%;
	text-align: right;
}
.tabLine label input[type="checkbox"],
.tabLine label input[type="radio"] {
	margin-right: 1em;
}
form[name="create_account"] .tabLine .strNumber {
	display: block;
	line-height: 2.4em;
	padding-top: 0.5em;
}
form[name="account_edit"] .tabLine .main.t1,
form[name="checkout_address"] .tabLine>span:nth-child(1),
form[name="create_account"] .tabLine>span:nth-child(1),
.infoBoxContents .tabLine span.main:nth-child(1) {
	width: 34%;
	text-align: right;
	margin-right: 1%;
	line-height: 1.2em;
	padding-top: 5px;
}
.infoBoxContents .tabLine span.main:nth-child(2) {
	width: 55%;
}
form[name="email_friend"] .infoBoxContents .tabLine >span:nth-child(2),
form[name="account_edit"] .tabLine >span:nth-child(2),
form[name="checkout_address"] .tabLine>span:nth-child(2),
form[name="create_account"] .tabLine>span:nth-child(2) {
	width: 63%;
}
form .tabLine input[type="email"],
form .tabLine input[type="number"],
form .tabLine input[type="tel"],
form[name="email_friend"] .tabLine input[type="text"],
form[name="account_edit"] .tabLine input[type="text"],
form[name="account_password"] .tabLine input[type="password"],
form[name="checkout_address"] .tabLine input[type="text"],
form[name="checkout_address"] .tabLine select,
form[name="login"] input[type="password"],
form[name="login"] input[type="text"],
form[name="addressbook"] .tabLine select,
form[name="addressbook"] .tabLine input[type="text"],
form[name="create_account"] .tabLine input[type="password"],
form[name="create_account"] .tabLine select,
form[name="create_account"] .tabLine input[type="text"] {
	width: calc(100% - 10px);
	padding: 5px;
}
form[name="create_account"] .tabLine input.inpMini{
	width: 15%;
	padding: 5px;
}
form[name="create_account"] label {
	display: block;
	margin-bottom: 0.5em;
	line-height: 1.5em;
	cursor: pointer;
}
.boxNewAddress {
	margin-top: 0.5em;
}
.boxHalf {
	margin-bottom: 1em;
	display: table;
	width: 100%;
}
.half {
	float: left;
	width: 48%;
	padding: 0 1% 1em;
}
.checkoutConf .powiadomienia {
	margin: 20px 0;
}

/* naglowek grupy */
.checkoutConf .groupTitle {
	padding: 10px;
}
.checkoutConf .groupTitle {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.checkoutConf .groupTitle .text {
	font-size: 1.3em;
	opacity: 0.5;
	font-weight: bold;
}
.checkoutConf .groupTitle a {
	font-size: 1.1em;
	opacity: 0.5;
}

/* lista produktow */
.checkoutConf .list {
	padding: 1em 1%;
}
.checkoutConf .list th {
	padding: 10px 5px;
	font-weight: bold;
}
.checkoutConf .list td {
	padding: 5px;
}
.checkoutConf .list .product td {
	padding: 10px 5px;
}
.checkoutConf .list .product td.image {
	width: 60px;
}
.checkoutConf .list .product .options {
	padding-left: 15px;
}
.checkoutConf .list .line {
	margin: 0 0 5px;
}
.checkoutConf .list .line.bottom {
	margin: 5px 0 10px;
}
.checkoutConf .line {
	margin: 0 5px;
	border-top: 1px solid rgba(150,150,150, .2);
}
/* podsumowanie */
.checkoutConf .list .total {
	display: inline-table;
	min-width: 50%;
	margin: 0 -5px;
}
.checkoutConf .list .total td {
	padding: 2px 5px;
}
.checkoutConf .list .total tr:last-of-type td {
	padding: 5px;
	font-weight: bold;
}
.checkoutConf .list .total tr:last-of-type td:last-of-type {
	font-size: 1.4em;
}

.checkoutConf .half {
	margin-bottom: 20px;
}
.checkoutConf .half p {
	margin: .3em 0;
}
.checkoutConf .half .title {
	margin: 20px 0 10px 0;
	font-weight: bold;
	opacity: .5;
}
.checkoutConf .half label {
	cursor: pointer;
	margin-bottom: 0.5em;
}
.nwrp {
	white-space: nowrap;
}
.moduleRow {
	margin-bottom: 1em;
	display: table-row;
	width: calc(100% - 6px);
	padding: 3px;
}
label.moduleRow {
	display: block;
}
.moduleRow:hover {
	background: rgba(238, 238, 238, 0.6);
	cursor: pointer;
}
.noItem {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	padding: 2em 1em;
}
.boxListItem {
    margin-bottom: 1em;
    display: flex;
}
.boxListItem>div {
	float: left;
}
.boxListItem>div.ikonaEdycji  {
	float: none;
}
.boxListItem .boxInfo {
	width: 150px;
}
.boxListItem .boxDesc {
	width: calc(100% - 320px);
	padding-right: 10px;
}
.boxCloset {
	margin-bottom: 2em;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 20px);
}
.treeColumn.resp .singleItem,
.singleItem {
	width: calc(49% - 24px);
	margin: 0 1% 10px 0;
}
.treeColumn .singleItem {
	width: calc(100% - 20px);
	margin: 0 0 10px 0;
	float: none;
}
.boxCloset .singleItem {
	display: flex;
}
.boxCloset .singleItem > div {
	min-width: 25%;
}
.boxCloset .zdjecie {
	flex: 1 1 auto;
	margin: 0 10px 10px 0;
	min-width: 50%;
}
.aktualnosc .wiecej {
	text-align: right;
	padding: 5px 0;
	font-size: 0.9em;
}
.aktualnosc .wiecej a{
	border: solid 1px #dcdcdc;
	padding: 5px 10px;
}
.boxSearch .inputKontener {
	margin-bottom: 0.5em
}
.boxSearch hr {
	padding: 10px 0;
}
#srodkowaKolumna {
	overflow: hidden;
}
#srodkowa_kolumna .infoBoxContents {
	background: transparent;
}
.kolumny.Rev {
	align-items: flex-start;
}
.boxProdRev {
	flex: 1;
}
.boxProdRev input[type="text"],
.boxProdRev textarea {
	padding: 5px;
	width: calc(100% - 10px);
}
.boxProdRev .obramowanie .smallText {
	max-width: 49%;
    display: inline-block;
    margin-right: 1%;
}
.boxSiteRev .headTitleBox .flRight {
	font-size: 1.5em;
    font-weight: bold;
}
.boxSiteRev .kolumny > .flRight {
	max-width: 50%;
	margin-left: 10px;
	box-sizing: border-box;
}
.boxSiteRev .kolumny > .flRight img {
	max-width: 100%;
}
.boxProdRev input[name="captcha"] {
	padding: 9px 0;
}
.boxReview .review img {
	margin: 0 10px 10px 0;
	float: left;
}
.boxReview .review i{
	display: block;
	padding: 0.5em 0;
}
.boxSSL .flRight {
	width: 40%;
}
.boxSSL .flRight .infoBox {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}
.tabLoyality {
	width: 100%;
}
.tabLoyality th {
	padding: 3px 5px;
	text-align:center;
	border-bottom:1px dotted #9F9F9F;
}
.tabLoyality td {
	padding: 3px 5px;
}
.tabLoyality th:nth-child(1) {
	width:50%;
	border-right:1px dotted #9F9F9F;
}
.tabLoyality th:nth-child(2) {
	width:25%;
	border-right:1px dotted #9F9F9F;
}
.tabLoyality th:nth-child(3) {
	width:25%;
}
.tabLoyality td:nth-child(1),
.tabLoyality td:nth-child(2) {
	border-right: 1px dotted #9F9F9F;
}
.tabLoyality td.noBorder {
	border: none;
}
.tabLoyality tr:nth-child(odd) td {
	background: rgba(0, 0, 0, 0.1);
}
.tabLoyality tr:hover td {
	background: rgba(0, 0, 0, 0.15);
}
.tab {
	border-spacing: 0;
	width: 100%;
	margin-bottom: 1.5em;
}
.ramkaKoszyka .tab {
	margin-bottom: 0;
}
.minitd {
	width: 1%;
}
.boxNumber {
	 padding-right: 10px;
	 white-space: nowrap;
	 text-align: right;
}
.delete_icon {
	border:none;
	width:24px;
	height:24px;
	font-size:0;
	color:white;
	text-indent:-10000px;
	cursor:pointer;
}
.txtError {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.ramkaKoszyka.boxHalf {
	border-spacing: 0;
}
.ramkaKoszyka.boxHalf .half{
	padding: 0.5em 1% 0.3em;
}
.nHead {
	font-size: 1.2em;
}
body a.redButton{
	padding: 10px;
	background: red;/*cart*/
	color: white;
	margin: 0 10px 10px 0;
	display: inline-block;
}
.boxOdd {
	width: 100%;
	text-align: center;
	height: 50px;
}
.tdTop {
	vertical-align: top;
	padding-right: 5px;
}
.checkoutBarFrom,
.checkoutBarCurrent,
.checkoutBarTo {
	width: calc(33% - 22px);
	display: inline-block;
	padding-top: 20px;
	height: 45px;
}
.boxTextarea textarea {
	max-width: calc(100% - 10px);
	height: 5em;
	padding: 5px;
}
.boxShipping.tabLine .moduleRowSelected,
.boxShipping.tabLine .moduleRowOver,
.boxShipping.tabLine .moduleRow {
	display: block;
	font-weight: normal;
	padding: 3px;
	margin-bottom: 0.5em;
}
.boxOption .main.right {
	line-height: 22px;
}
/* siteAccount */
.siteAccount .pageHeading {
	margin-bottom: 20px;
	margin-top: 10px;
}
.siteAccount .obramowanie.zCieniem {
	margin-bottom: 10px;
	border-color: #f2f2f2;
	background: url('images/cien.png') repeat-x bottom;
}
.siteAccount .ikona {
	display: inline-block;
	vertical-align: middle;
	padding: 5px 20px;
}
.siteAccount .linki {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
	list-style: none;
	padding: 0;
	margin: 0;
}
td.kategoria .rel {
	margin: -10px;
	padding: 5px;
}
.boxCat {
	width: 100%;
	display: table;
}
.boxCat div.kategoria {
	float: left;
	padding: 5px;
	margin: 0 10px 10px 0;
	width: auto;
	max-width: 33%;
	position: relative;
}
.resp.boxCat .kategoria {
	width: calc(25% - 22px);
}
.boxCat .kategoria .catName {
	line-height: 1.2em;
	height: 2.4em;
	overflow: hidden;
	background-size: auto;
}
.subCat,
.boxCat .kategoria ul:empty {
	display: none;
}
.kategoria .subCat {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	overflow: auto;
	background: rgba( 255, 255, 255, 0.95);
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	z-index: 99;
	text-align: left;
	box-shadow: 0 0 8px #999;
}
.subCat.act {
	display: block;

}
.subCat li:nth-child(even) {
	background: rgba( 225, 225, 225, 0.45);
}
.subCat li a:before {
	content: "# ";
}
.subCat li a {
	display: block;
	padding: 0.3em;
}
.mark01 {
	padding: 3px 5px;
	background: rgba( 255, 255, 255, 0.6);
	display: block;
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 100;
	border-radius: 50%;
	border: 1px solid #ddd;
	cursor: pointer;
}
#produkt_info_glowne,
#opis,
#recenzje {
	margin-bottom: 2em;
}
.resp #szczegolyProduktu .informacje {
	min-width: 230px;
}
.informacje span.nazwa,
.informacje span.wartosc {
	display: inline-block;
    max-width: 48%;
    vertical-align: middle;
    margin-bottom: 0.5em;
}
.informacje span.nazwa {
	flex: 1 1 auto;
}
.informacje .dostepny {
	display: inline-block;
	margin-bottom: 0.5em;
}
#recenzje .pozycja {
	padding: 5px;
}
#recenzje .pozycja:nth-child(odd) {
	background: rgba( 0, 0, 0, 0.1);
}
#recenzje .boxTxt {
	padding-bottom: 5px;
}
#recenzje .button {
	margin-top: 10px;
}
.tabLine label,
.radio_option label {
	cursor: pointer;
}
.contentBoxFooter {
	margin-bottom: 30px;
}
#oknoFiltrow label {
	display: block;
	cursor: pointer;
	padding: 0.4em 0;
}
#oknoFiltrow label input[type="checkbox"]{
	margin-right: 2em;
}
.listing .flRight .widokSkrocony.cena {
	margin-bottom: 10px;
}
.obramowanie.rejestracja.boxTxt {
	width: calc(100% - 20px);
}
.imgRev {
	max-width: 33%;
	margin-left: 10px;
}
.imgRev img {
	max-width: 100%;
}
.boxSCat {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.boxSCat div.kategoria {
	text-align: center;
}
.submenuKontener {
	padding: 2px 4px;
	margin-bottom: 2px;
	background: rgba(235, 235, 235, 0.1);
}
.submenuKontener:nth-child(even) {
	background: rgba(235, 235, 235, 0.2);
}
.submenuKontener p {
	margin: 0.3em 0;
}
.submenuKontener .submenuKontener {
	background: transparent;
}
.submenuKontener .submenu {
	padding-left: 10px;
}
.productListing-heading.img {
	width: 50px;
}
.productListing-heading.del {
	width: 40px;
}
.productListing-heading.boxPrice {
	padding-right: 10px;
}
.boxAddNextProd {
	text-align: center;
}
.boxAddNextProd .button{
	margin: 2em 0;
}

.boxSumm > div {
	display: flex;
}
.boxSumm > div > span {
	padding: 0.4em 0;
	box-sizing: border-box;
}
.boxSumm > div > span:nth-child(1) {
	flex: 1 1 60%;
}
.boxSumm > div > span:nth-child(2) {
	flex: 1 0 40%;
}

.boxRebate {
	border-bottom: 2px solid #dcdcdc;
}
.txtSmallScreen {
	display: none;
}
.boxRebate,
.rebate {
	color: #0071cd;
}
.trash_icon {
	cursor: pointer;
	background: transparent;
	border: none;
    font-size: 1.75em;
}
.trash_icon:hover {
	color: #f00;
}
.qtyInp {
	vertical-align: middle;
	width: 3em;
	text-align: right;
	padding: 3px;
}
.half .productListing-heading {
	margin-bottom: 1em;
}
.half .space1 {
	text-align: left;
}
.half .space1 p {
	margin: 0 0 0.5em;
	text-align: center;
}
.half .space1 input[type="text"] {
	padding: 5px;
    width: calc(100% - 20px);
    margin-bottom: 0.5em;
}
.half .space1 input[type="button"] {
	width: calc(100% - 8px);
}
.boxTotal {
	color: #017400;
}

.category .headTitle {
	width: calc(75% - 15px);
}
.category .flRight {
	width: 25%;
	text-align: right;
}
.category .flRight img {
	max-width: 100%;
}

/* kontener dla strony */
.pageWrapper {
	margin: auto;
	max-width: 770px;
}

/* login new look */
.zalogujRamka.obramowanie {
    border: none;
    width: 70%;
}
/*
form[name="create_account"] select,
form[name="create_account"] input[type="number"],
form[name="create_account"] input[type="tel"],
form[name="create_account"] input[type="email"],
form[name="create_account"] input[type="text"],
form[name="create_account"] input[type="password"],
form[name="login"] input[type="text"],
form[name="login"] input[type="password"]{
	background: none;
	border-color: none none #ddd none;
    border-width: 0 0 2px 0;
    border-style: none none dotted none;
}
*/
#jestem_nowy .obramowanie,
#mam_konto .obramowanie {
	border: none;
}
#tabs li a {
	border-radius: 0;
}

label {
    cursor: pointer;
}
form[name="create_account"] label.inpLabel,
form[name="login"] label.inpLabel {
    border-bottom: 2px solid #e6e6e6;
    display: block;
    margin-bottom: 20px;
    padding-top: 20px;
    position: relative;
    text-align: left;
}
form[name="create_account"] label.inpLabel.act,
form[name="login"] label.inpLabel.act {
    border-bottom: 2px solid #ff8e00;
    transition: border 0.3s ease 0s;
}
form[name="create_account"] label.inpLabel {
	width: 49%;
	display: inline-block;
}
form[name="create_account"] label.inpLabel .labTxt,
form[name="login"] label.inpLabel .labTxt {
    bottom: 0;
    color: #888;
    display: block;
    font-size: 15px;
    left: 0;
    padding: 6px 10px 6px 30px;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: font 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
    z-index: 1;
}
form[name="create_account"] label.inpLabel.act .labTxt,
form[name="login"] label.inpLabel.act .labTxt{
	padding-left: 0;
	color: #ccc;
}
form[name="create_account"] label.inpLabel .labTxt::before,
form[name="login"] label.inpLabel .labTxt::before {
    background-color: #c91219;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transition: left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
    width: 0;
    z-index: 5;
}
form[name="create_account"] label.inpLabel input,
form[name="login"] label.inpLabel input {
    background: transparent none repeat scroll 0 0 !important;
    border: 0 none !important;
    font-size: 15px;
    padding: 6px 10px 6px 30px;
    position: relative;
    text-align: left;
    width: calc(100% - 40px);
    z-index: 2;
    overflow: hidden;
}
form[name="create_account"] label.inpLabel input.inpMini {
	width: calc(45% - 40px);
}
form[name="create_account"] label.inpLabel input.inpMini.nrHome {
	padding-left: 3px !important;
}
form[name="create_account"] label.inpLabel input::-moz-placeholder,
form[name="login"] label.inpLabel input::-moz-placeholder {
    color: transparent;
    opacity: 0 !important;
}
form[name="create_account"] label.inpLabel  input::-webkit-input-placeholder,
form[name="login"] label.inpLabel  input::-webkit-input-placeholder{
	opacity:0 !important;
	color:transparent
}
form[name="create_account"] label.inpLabel  input::-moz-placeholder,
form[name="login"] label.inpLabel  input::-moz-placeholder{
	opacity:0 !important;
	color:transparent
}
form[name="create_account"] label.inpLabel  input:-ms-input-placeholder,
form[name="login"] label.inpLabel  input:-ms-input-placeholder{
	opacity:0 !important;
	color:transparent
}
form[name="create_account"] label.inpLabel i,
form[name="login"] label.inpLabel i {
    bottom: 5px;
    color: #ff8e00;
    font-size: 23px;
    left: 0;
    position: absolute;
    z-index: 4;
    width: 25px;
    text-align: center;
}
form[name="create_account"] label.inpLabel i.dark {
	color: #C26D00;
}
form[name="create_account"] label.inpLabel.act .labTxt,
form[name="login"] label.inpLabel.act .labTxt {
    font-size: 85%;
    top: -10px;
	bottom: auto;
}
form[name="create_account"] label.inpLabel .labTxt::before,
form[name="login"] label.inpLabel .labTxt::before {
    background-color: #ff8e00;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transition: left 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
    width: 0;
    z-index: 5;
}
form[name="create_account"]  label.inpLabel input:focus ~ .labTxt::before,
form[name="login"]  label.inpLabel input:focus ~ .labTxt::before {
    left: 0;
    width: 100%;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
	background-color: transparent !important;
	box-shadow: 0 0 0px 1000px white inset;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.obramowanie.rejestracja.boxTxt {
    margin: 10px auto;
    max-width: 600px;
}
form[name="create_account"] label.inpLabel.db {
	display: block;
}
.inpLabel select {
	border: none;
}
.inpLabel select option{
	height: 18px;
}
.boxSwich {
	margin-top: 40px;
}
form .inpLabel select[name="entry_zone_id"],
form .inpLabel select[name="country"] {
	width: 100% !important;
	padding-left: 25px;
	background: transparent;
}
form[name="create_account"] .boxGender label {
	display: inline-block;
	margin-right: 30px;
}
.boxGender i {
	font-size: 1.5em;
	margin-right: 5px;
	color: #ff8e00;
}
.rejestracja .tabLine {
	font-size: 15px;
}
form[name="create_account"] .boxSwich label {
	display: inline-block;
	margin-right: 20px;
}
.inpLabel b {
	color: #e6e6e6;
}
.inpLabel.act b {
	color: #ff8e00;
}
#bestsellersInfoBox ul li::before {
	display: none;
}
#bestsellersInfoBox ul li {
	border-bottom: solid 1px #ddd;
	margin: 10px 0;
	background: none;
    padding-left: 0;
}
#bestsellersInfoBox ul li a{
	display: block;
	height: 100%;
	overflow: hidden;
}
#bestsellersInfoBox ul li img {
	max-width: calc(40% - 10px);
	margin: 0 10px 10px 0;
	float: left;
}
#bestsellersInfoBox ul li a>span {
	width: calc(60% - 10px);
	display: block;
	float: right;
	padding: 0 5px 5px 0;
	word-wrap: break-word;
}
#bestsellersInfoBox ul li span.cenaBrutto {
	font-size: 1.1em;
}
a.button.gpLogin {
	background: #d5342a;
	color: #fff;
}
a.button.gpLogin:hover {
	background: #A70B00;
}
/* manufacturers_logo box */
#logoContentBox .tresc {
	display: table;
}
.boxLogo {
	float: left;
	margin: 0 10px 10px 0;
}
.boxFirmName {
	display: block;
    font-size: 0.8em;
    font-weight: bold;
    height: 3.8em;
    overflow: hidden;
    text-align: center;
    word-wrap: break-word;
    padding: 0 5px 5px;
}
.boxLogoImg {
	display: block;
	padding: 5px;
	margin-bottom: 5px;
}
.boxLogoImg img{
	vertical-align: middle;
}

.prodOption {
	display: flex;
	align-items: center;
	padding: 5px 0;
}
.prodOption + .prodOption {
	border-top: 1px solid #eee;
}
.prodOption span.wartosc {
	margin: 0;
	min-width: 38%;
}
.pokazObrazki {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
	cursor: pointer;
}
a.pokazObrazki:hover {
	text-decoration: none;
}
.pokazObrazki::before {
	font-family: 'FontAwesome';
	font-size: 20px;
	content: '\f05a';
	color: #777;
}
.pokazObrazkiGaleria {
	text-align: center;
}
.pokazObrazkiGaleria .nazwa {
	font-size: 16px;
	margin-bottom: 10px;
}
.pokazObrazkiGaleria .element + .element {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}
.pokazObrazkiGaleria .zdjecie {
	margin-bottom: 5px;
}
.pokazObrazkiGaleria .brak {
	min-width: 200px;
	line-height: 100px;
	font-size: 14px;
}

.adsbygoogle {
	overflow: hidden;
}
.boxtotal .bsize {
	width: 75%;
}

.columns.c3 {
	display: flex;
	flex-wrap: wrap;
}
.columns.c3 .column {
	flex: 1 1 33.33%;
}

/* informacje allegro */
.allegro .naglowekW {
	padding: 10px;
	text-align: center;
	color: white;
	background: #333;
}
.allegro .komentarze {
	font-size: .9em;
}
.allegro .komentarze .wiersz {
	display: flex;
}
.allegro .komentarze .wiersz > div {
	flex: 1 1 23%;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
}
.allegro .komentarze .pozytywne {
	color: green;
}
.allegro .komentarze .negatywne {
	color: red;
}

.allegro .oceny {
	margin-top: 20px !important;
	padding-top: 20px;
	font-size: .9em;
	border-top: 1px solid #ddd;
}
.allegro .oceny .ocena {
	position: relative;
	display: inline-flex;
	cursor: default;
}
.allegro .oceny .ocena .fa {
	font-size: 1.4em;
}
.allegro .oceny .ocena .aktywna,
.allegro .oceny .ocena .pasywna {
	display: flex;
	overflow: hidden;
}
.allegro .oceny .ocena .aktywna {
	position: absolute;
	width: 0;
	color: #ffa500;
}
.allegro .oceny .ocena .pasywna {
	color: #ddd;
}

.allegro .podsumowanie {
	margin: 20px 10px;
	text-align: center;
	font-weight: bold;
}
.allegro .linki {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.allegro .linki a {
	margin: 5px;
	padding: 5px 10px;
	text-align: center;
	color: white;
	background: #ff5a00;
	text-decoration: none;
}
.allegro .linki a:hover {
	background: #ff7f00;
}

/* widget allegro */
.widget.allegro {
	position: fixed;
	z-index: 3994;
	border: 2px solid #ff5a00;
	background: #ffffff;
}
.widget.allegro .grafika {
	position: absolute;
	top: -2px;
}
.widget.allegro > div {
	margin: 10px;
}
.widget.allegro .komentarze .naglowekK > div {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.widget.allegro .komentarze .naglowekK > div:nth-child(1) {
	justify-content: flex-start;
	text-align: left;
}
.widget.allegro .komentarze .wiersz > div:nth-child(1) {
	flex: 1 1 31%;
	text-align: left;
}
.widget.allegro .oceny .wiersz {
	display: flex;
	align-items: center;
}
.widget.allegro .oceny .wiersz > div {
	padding: 5px;
	box-sizing: border-box;
	overflow: hidden;
}
.widget.allegro .oceny .wiersz > div:nth-child(1) {
	width: 60%;
	text-align: left;
}
.widget.allegro .oceny .wiersz > div:nth-child(2) {
	width: 40%;
	white-space: nowrap;
	text-align: right;
}

/* infobox allegro */
.infoBox.allegro .komentarze .naglowekK {
	margin-top: 10px;
	padding: 10px 5px;
	font-size: 1.1em;
	font-weight: bold;
}
.infoBox.allegro .komentarze .wiersz > div:nth-child(1) {
	width: 60%;
	text-align: left;
}
.infoBox.allegro .komentarze .wiersz > div:nth-child(2) {
	width: 40%;
	white-space: nowrap;
	text-align: right;
}
.infoBox.allegro .oceny .wiersz {
	display: block;
}
.infoBox.allegro .oceny .wiersz > div {
	padding: 5px;
}
/* widget instagram */
.widget.instagram {
	position: fixed;
	z-index: 3999;
	padding: 0;
	border:2px solid #f4f4f4;
	background: #ffffff;
}

/* formularz kontaktu */
form[name="contact_us"] input[type="text"],
form[name="contact_us"] textarea {
	padding: 5px;
	background: transparent;
	border: 2px solid #888;
	box-sizing: border-box;
}
form[name="contact_us"] input[type="text"] {
	width: 50%;
}
form[name="contact_us"] .lButton {
	margin-top: 20px;
}

.marginesL10 {
	margin-left: 10px;
}

@media all and (max-width:980px) {
	.ikonkaPodgladu,
	#podgladMiniaturek,
	.zoomContainer {
		display: none !important;
	}
	.miniaturka .podgladMiniaturek img {
		margin: 5px 0 !important;
	}
	form[name="contact_us"] input[type="text"] {
		width: 100%;
	}
}
@media all and (min-width:770px) and (max-width:1000px) {
	.treeColumn.resp .singleItem {
		width: calc(100% - 20px);
		margin: 0 0 10px 0;
		float: none;
	}
	.resp.boxCat .kategoria {
		width: calc(33% - 22px);
	}
	#produkt_info_glowne.resp .prod-gallery {
	    width: calc(100% - 20px);
		min-width: calc(100% - 20px);
	}
	.resp #szczegolyProduktu {
		max-width: 100% !important;
    	width: calc(100% - 20px);
	}
}
@media all and (max-width: 770px) {
	.boxMP td.main {
		display: inline-block;
		max-width: calc(100% - 45px);
	}
	.mPayment td.boxCrrency {
		display: block;
		max-width: 100%;
		width: 100%;
		padding: 4px 2px;
	}
	.boxtotal  td.main {
		width: 100%;
		max-width: 100%;
		display: block;
		padding: 5px 2px;
	}
	.boxBInfo td{
		width: 100%;
    	display: block;
	}
	#dont_go  {
		max-width: calc(100% - 60px);
		left: 30px !important;
		width: calc(100% - 60px);
	}
	#dont_go > div > .doLewej {
		padding: 10px;
    	width: calc(40% - 20px);
	}
	#dont_go  > div > .doPrawej {
		padding: 1em 10px;
    	width: calc(60% - 20px);
	}
	
	.ramkaKoszyka .column td.logo,
	.tab.wysylka td {
		display: block;
		text-align: center;
		width: calc(100% - 10px);
	}
	.tab.wysylka td.right {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: solid 1px #ddd;
	}
	.tab.wysylka td .button {
		margin: 10px auto;
		display: block;
	}

}
@media all and (orientation:portrait) and (max-width: 770px){
	#dont_go  {
		max-width: calc(100% - 20px);
		left: 10px !important;
		width: calc(100% - 20px);
	}
	#dont_go > div {
		flex-direction: column;
	}
	#dont_go > div > .doLewej {
		padding: 10px;
    	width: calc(100% - 20px);
	}
	#dont_go > div > .doLewej img {
		max-height: 200px;
	}
	#dont_go  > div > .doPrawej {
		padding: 1em 10px;
    	width: calc(100% - 20px);
	}
}
@media all and (max-width: 700px) {
	.resp.boxCat .kategoria {
		width: calc(33% - 22px);
	}
	#dymek {
		width: calc(100% - 6px);
		bottom: 0;
		left: 0;
	}
}
@media all and (max-width:660px) {
	.treeColumn.resp .singleItem {
		width: calc(100% - 20px);
		margin: 0 0 10px 0;
		float: none;
	}
	#srodkowaKolumna #tabs {
		height: auto;
		display: inline-block;
	    min-width: 50%;
	    text-align: center;
	    float: none;
	}
	#tabs li a {
		border-radius: 0;
		margin: 2px 2px 0 0;
		padding: 0 5px;
	}
	.zoomContainer {
		display: none;
	}
}
@media all and (max-width: 550px) {
	#produkt_info_glowne .prod-gallery {
	    width: calc(100% - 20px);
		min-width: calc(100% - 20px);
	}
	.resp #szczegolyProduktu {
		max-width: 100% !important;
    	width: calc(100% - 20px);
	}
	.boxAddNextProd {
		width: 100%;
		float: none;
	}
	.boxAddNextProd .button{
		margin-top: 1em;
	}

	#oknoPotwierdzenia .przyciski .doLewej,
	#oknoPotwierdzenia .przyciski .doPrawej,
	#add_to_basket_infobox .doPrawej,
	#add_to_basket_infobox .doLewej {
		float: none;
		margin: 0 auto 10px;
		text-align: center;
	}
	.productListing-data {
		display: block;
		width: calc(100% - 10px);
		text-align: center;
	}
	td.productListing-heading.dn {
		display: none;
	}
	.productListing .zmienIlosc .przycisk {
		display: inline-block;
	    height: 2em;
	    width: 2em;
	}
	.txtSmallScreen {
		display: inline;
	}
	div.productListing-heading {
	    width: calc(100% - 20px );
	}
	.boxTotal,
	.total {
		font-size: 1.3em;
		color: #017400;
	}
	.listing .bl0 .przyciski,
	.listing .bl .przyciski {
		display: none;
	}
	.category .headTitle {
		float: none;
		width: auto;
		margin: 0;
	}
	.category .flRight {
		float: none;
		width: auto;
		text-align: left;
		margin-top: 15px;
	}
}
@media all and (max-width: 530px) {
	.resp.boxCat .kategoria {
		max-width: calc(50% - 22px);
		width: calc(50% - 22px);
	}
	.kolumny.Rev {
		flex-direction: column;
	}
	.imgRev {
		max-width: none;
		margin: 10px 0;
		order: 1;
	}
	.boxSiteRev .kolumny {
		align-items: stretch;
	}
	.boxSiteRev .kolumny > .flRight {
		width: auto !important;
		max-width: none;
		margin: 0 0 10px;
	}
	.boxProdRev {
		order: 2;
	}
	form[name="email_friend"] .infoBoxContents .tabLine >span:nth-child(2),
	.infoBoxContents .tabLine span.main:nth-child(1),
	.infoBoxContents .tabLine span.main:nth-child(2) {
		display: block;
		width: 100%;
	}
	.infoBoxContents .tabLine span.main:nth-child(1) {
		text-align: left;
		margin-bottom: 0.4em;
	}
}
@media all and (max-width: 480px) {
	.half {
		float: none;
		width: 98%;
		padding: 0 1% 1em;
		text-align: center;
	}
	.filtry .filtr {
	    display: block;
	    margin: 5px;
	    width: calc(100% - 10px);
	}
	.listing .bl1 .boxImage {
		max-width: 100px
	}
	.listing .bl1 .boxInfo {
		display: block;
	}
	.listing .bl1 .przyciski {
		display: none;
	}
	.listing .bl0 .boxInfo,
	.listing .bl .boxInfo {
		display: none;
	}
	#produkt_info_glowne #nazwa_produktu,
	#srodkowaKolumna .pageHeading,
	#srodkowaKolumna .pageHeading h1 {
		font-size: 1.3em;
	}
	.pageHeading p {
		font-size: 1em;
	}
	#add_to_basket_infobox {
		width: calc(100% - 80px);
	}
	#oknoPotwierdzenia {
		width: calc(100% - 40px);
		height: auto;
	}
	#oknoPotwierdzenia .button {
		width: calc(100% - 20px);
	}
	#add_to_basket_infobox button {
		width: 80%;
	}
	#add_product_box,
	#add_to_basket_infobox {
		width: calc(100% - 30px) !important;
    	overflow: auto;
    	height: 100%;
		max-height: calc(100% - 30px);
    	text-align: center;
	}
	#add_to_basket_infobox {
		width: calc(100% - 80px) !important;
		max-height: calc(100% - 80px);
	}
	#add_product_box .lewaKolumna,
	#add_product_box .prawaKolumna {
		display: block;
		width: calc(100% - 20px);
		padding: 10px;
		text-align: center;
	}
	.siteAccount .ikona,
	.siteAccount .linki {
		text-align: center;
		display: block;
	}
	.treeColumn.resp .singleItem {
		display: table;
		text-align: center;
		width: calc(100% - 10px);
	}
	.singleItem .miniaturkaKontener {
		width: auto !important;
		height: auto !important;
		float: none;
    	margin: 0 auto;
	}
	.listing .boxProdSmall {
		width: calc(100% - 25px) !important;
	}
	form[name="checkout_confirmation"] .tab th,
	form[name="checkout_confirmation"] .tab td {
		display: block;
	}
	.boxInfoOrder {
		font-size: 0.75em;
	}
	.promotion-timer .promo-describe,
	.promotion-timer time {
		font-size: 1em;
	}
	#produktDniaContentBox .sold-number .text {
		font-size: 1em;
	}
	#produktDniaContentBox .sold-number .value {
		font-size: 1.4em;
	}
}
@media all and (max-width: 420px) {
	form[name="create_account"] .tabLine>span:nth-child(1),
	form[name="create_account"] .tabLine>span:nth-child(2) {
		display: block;
		width: 100%;
	}
	form[name="create_account"] .tabLine>span:nth-child(1) {
		text-align: left;
		margin-bottom: 0.4em;
	}
	form[name="create_account"] label.inpLabel {
	    display: block;
	    width: 100%;
	}
}
@media all and (max-width: 320px) {
	.resp.boxCat .kategoria {
		max-width: 100%;
		width: calc(100% - 16px);
		float: none;
	}
	#tabs li a {
		padding: 0 10px;
	}
	#srodkowaKolumna #tabs {
	    min-width: 100%;
	}
	#oknoPotwierdzenia .przyciski {
	    margin-top: 15px;
	}
	.miniaturkaKontener {
		margin: 10px auto;
	}
	.boxTabLine.tDesc .tabLine .main {
		display: block;
		width: 100%;
	}
	.boxTabLine.tDesc .tabLine .main.t1 {
		text-align: left;
		margin-bottom: 0.4em;
	}
	.pasekMenu .kontenerMenuResponsywne .szukaj .input {
		width: calc(70% - 30px);
	}
	.tabLine {
		width: 100%;
		display: table;
    	padding-bottom: 0.3em;
	}
	.tabLine .main.t3 {
		width: auto;
	}
	.tabLoyality td,
	.tabLoyality th {
		padding: 3px 2px;
		font-size: 0.8em;
	}
	.boxTxt {
		display: table;
		width: 100%;
	}
	.miniaturkaKontener {
		width: 100% !important;
	}
	.miniaturkaKontener img {
		max-width: 100% !important;
	}
}
.gm-style .gm-style-iw {
    color: black;
}



/* animacje */
.szerokoscSzablonu,
.contentBox,
#lewaKolumna,
#prawaKolumna,
#srodkowaKolumna,
#wyszukaj,
.menuResponsywne,
.listaKategorii > li,
.listaProduktow li { transition: width 0.2s; }

.contentBoxHeading { transition: font-size 0.2s; }

.menuResponsywne .szukaj { transition: margin 0.4s; }
.naglowek, .naglowek img { transition: max-height 0.2s; }

.slajdyKontener .sPoprzedni,
.slajdyKontener .sNastepny { transition: color 0.2s; }


/* responsywnosc */
@media (max-width: 1240px) {
	#prawaKolumna { display: none; }
	.banners_wrapper1 .banner-wrap h5 {
		font-size: 38pt
	}
}
@media (max-width: 1000px) {
	.pasekGlowny .szerokoscSzablonu {
		flex-direction: column;
	}
	.logo { margin: 30px 0 40px 0; }
	.menuZwykle {
		margin: 0 0 20px 0;
		justify-content: center;
	}
	.menuZwykle > li { margin: 0 10px; }

	.logo img { max-height: 200px; }

	.listaProduktow {
		margin: 0 5px;
	}
	.listaKategorii > li,
	.listaProduktow li { width: calc(50% - 10px); }
	.slajdyKontener .element { width: calc(50% - 2px); }

	.banners_wrapper1 .banner-wrap {
		padding: 42px 45px 60px;
	}
	.banners_wrapper1 .banner-wrap h5 {
		font-size: 33pt
	}
	.blog_wrapper .zoom-icon::before {
		font-size: 80px;
	}
	.newsletter_wrapper {
		padding: 32px 10%;
	}
}
/* mobilne */
@media (max-width: 770px) {
	.contentBox {
		margin: 0 10px;
	}
	#lewaKolumna { display: none; }
	#srodkowaKolumna {
		 width: 100%;
		 margin: 0;
	}

	.obslugaSklepu .szerokoscSzablonu {
		flex-direction: column;
	}
	.obslugaSklepu .oknoKontener {
		top: 40px;
		right: auto;
	}
	.obslugaSklepu .linki {
		order: 1;
		flex-wrap: wrap;
		justify-content: center;
	}
	.obslugaSklepu .pozostale { order: 2; }
	.obslugaSklepu .szukaj { order: 3; }
	.obslugaSklepu .pozostale > div {
		display: flex;
		justify-content: center;
	}

	.pasekGlowny {
		padding: 20px 0;
	}

	.menuZwykle { display: none; }
	.menuResponsywne { display: block; }

	.logo img { max-height: 150px; }

	footer .kolumny {
		flex-direction: column;
		margin: 0 20px;
	}
	footer .kolumny .dBox .glowny {
		flex-direction: column;
	}
	footer .kolumny .dBox .glowny > div {
		width: 100% !important;
		margin: 20px 0 !important;
	}
	footer .kolumny > ul {
		margin: 0;
	}

	.banners_wrapper1 .banner-wrap h5 {
		font-size: 24pt
	}
	.services_wrapper .row {
		flex-direction: column;
	}
	.posts-grid {
		flex-direction: column;
		margin: 0 20px;
	}
	.posts-grid li + li {
		margin-top: 30px;
	}
	.posts-grid li h5 {
		font-size: 28px;
	}
	.posts-grid li figure {
		margin: 0 20%;
	}
	.blog_wrapper .parallax-content {
		padding: 50px 0;
	}
	.newsletter_wrapper {
		padding: 32px;
	}
	.newsletter_wrapper form {
		width: 70%;
	}

	.listaKategorii,
	.listaProduktow {
		margin: 0 5px;
		text-align: center;
	}

	.contentBoxHeading {
		font-size: 18pt;
		padding: 10px 0;
	}

	#oknoFiltrow .listaSortowania a {
		display: block;
		margin: 5px 0;
		padding: 5px;
		text-align: center;
		text-decoration: none;
		background: rgba(150,150,150,0.2);
	}
	#oknoFiltrow input[type="checkbox"] {
		width: 20px;
		height: 20px;
	}
	.filtry .filtr { width: calc(50% - 10px); }

	/* widgety */
	div[id$="2_2"] { display: none; }

	.columns.c3 {
		flex-wrap: wrap;
	}
	.columns.c3 .column {
		flex: 1 1 100%;
	}
	.ramkaKoszyka :nth-child(2).column {
		padding: 0;
	}
	.ramkaKoszyka .doKasy {
		margin: 2em 0;
		text-align: center;
	}
	#parallax-box7 .newsletter_wrapper form input[type="submit"] {
	    width: 100%;
		padding: 10px 20px;
	}
	#parallax-box7 .newsletter_wrapper form {
		width: 100%
	}
	#parallax-box7 input[name='sub_email'] {
		width: calc(100% - 22px) !important;
	}

	#parallax-box3 .posts-grid li + li { margin-left: 0; }

	#parallax-box6 .banners_wrapper1 .banner-wrap h5 {
	    font-size: 21pt;
	}

	#parallax-box1 .banner-wrap .banner-btn .btn-link:after {display: none
	}
}
@media (max-width: 490px) {
	.menuResponsywne { width: 100%; }

	.pasekGlowny {
		padding: 10px 0;
	}
	.logo { text-align: center; }
	.logo img {
		max-width: 90%;
		max-height: 100px;
	}

	.banners_wrapper1 {
		flex-direction: column;
	}
	.banners_wrapper1 .banner-wrap {
		width: auto;
		padding: 22px 25px 40px
	}
	.banners_wrapper1 .banner-wrap h5 {
		font-size: 18pt;
	}
	.services_wrapper .row > div {
		padding: 0 10px;
	}
	.posts-grid li + li {
		margin-left: 0;
	}
	.posts-grid li figure {
		margin: 0;
	}
	.newsletter_wrapper {
		padding: 30px 10px;
	}
	.newsletter_wrapper form {
		width: 80%;
	}

	.listaKategorii,
	.listaProduktow { margin: 0; }
	.listaKategorii > li,
	.listaProduktow li {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.slajdyKontener .element { width: 100%; }

	.filtry .filtr { width: calc(100% - 10px); }
}

/* parallax */
.parallax-box {
	position: relative;
}
.parallax-content {
	position: relative;
	z-index: 2;
	text-align: center;
}
.parallax-bg {
	position: absolute;
	overflow:hidden;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}
.parallax-bg-inner {
	position:relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	max-width:none;
}

/* zawartosc parallax */
.banner-wrap {
	overflow:hidden;
	margin:0 0 20px;
	padding:0;
	color: white;
}
.banner-wrap .featured-thumbnail {
	float:none;
	overflow:hidden;
	margin:0 0 15px;
	padding:0;
}
.banner-wrap .featured-thumbnail a {
	display:block;
	float:left;
	overflow:hidden;
	border:8px solid #DDD;
	text-align:center;
	transition:0.25s;
}
.banner-wrap .featured-thumbnail a:hover { border-color:#DDD; }
.banner-wrap h5 {
	margin:0 0 24px;
	color:#fff;
	text-transform:uppercase;
	font:300 83px/105px Raleway;
	position:relative;
	padding-bottom:15px;
}
.banner-wrap p {
	line-height: 27px;
}
.banner-wrap .btn-link { padding:0; }
@media (max-width: 1199px) {
	.banner-wrap h5 {
		font-size:56px;
		line-height:66px;
	}
}
@media (max-width: 979px) {
	.banner-wrap h5 {
		font-size:46px;
		line-height:52px;
	}
}
@media (max-width: 767px) {
	.banner-wrap h5 {
		font-size:35px;
		line-height:40px;
	}
}
.banner-wrap h5:after {
	position:absolute;
	display:block;
	content:'';
	bottom:0;
	width:100%;
	height:4px;
	left:50%;
	background:#99745c;
	transition:all 700ms ease;
	transform:translate(-50%,0) scale(0,0);
}
.banner-wrap .banner-btn .btn-link {
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
	line-height:16px;
	position:relative;
}
.banner-wrap .banner-btn .btn-link:after {
	position:absolute;
	bottom:0;
	left:0;
	content:'';
	display:block;
	height:1px;
	width:100%;
	background:#fff;
	transition:all 300ms ease;
}
.banner-wrap .banner-btn .btn-link:hover { text-decoration:none; }
.banner-wrap .banner-btn .btn-link:hover:after {
	transform:scale(0);
}

.banner1_wrapper .parallax-content { padding:253px 0 243px; }
@media (max-width: 1199px) {
	.banner1_wrapper .parallax-content { padding:150px 0; }
}
@media (max-width: 979px) {
	.banner1_wrapper .parallax-content { padding:70px 0; }
}
@media (max-width: 767px) {
	.banner1_wrapper .parallax-content { padding:40px 0; }
}
.banner2_wrapper .parallax-content { padding:221px 0 163px; }
@media (max-width: 1199px) {
	.banner2_wrapper .parallax-content { padding:150px 0; }
}
@media (max-width: 979px) {
	.banner2_wrapper .parallax-content { padding:70px 0; }
}

/* 4bloki */
.banners_wrapper1 {
	display: flex;
	flex-wrap: wrap;
}
.banners_wrapper1 .banner-wrap {
    margin: 0;
    width: 50%;
    padding: 92px 95px 100px;
	text-align: center;
    box-sizing: border-box;
    transition: all 300ms ease;
	background-size: cover;
	background-position: center;
}
.banner-wrap.first_background {
	background-image: url("images/zawartosc/banner1-image.jpg");
}
.banner-wrap.second_background {
	background-image: url("images/zawartosc/banner2-image.jpg");
}
.banner-wrap.third_background {
	background-image: url("images/zawartosc/banner3-image.jpg");
}
.banner-wrap.fourth_background {
	background-image: url("images/zawartosc/banner4-image.jpg");
}
.banners_wrapper1 .banner-wrap h5 {
    font-size: 48pt;
    transform: translate3d(0px, 56px, 0px);
    transition: transform 0.35s;
}
.banners_wrapper1 .banner-wrap p {
	line-height: 27px;
}
.banners_wrapper1 .banner-wrap .banner-btn .btn-link {
	display: inline-block;
}
.banners_wrapper1 .banner-wrap p,
.banners_wrapper1 .banner-wrap .banner-btn .btn-link {
    opacity: 0;
    transition: opacity 0.2s,transform 0.9s;
    transform: translate3d(0px, 25px, 0px);
}

.banners_wrapper1 .banner-wrap:hover p,
.banners_wrapper1 .banner-wrap:hover .banner-btn .btn-link {
    opacity: 1;
    transition-duration: 0.35s;
    transition-delay: 0.05s;
}
.banners_wrapper1 .banner-wrap:hover h5,
.banners_wrapper1 .banner-wrap:hover p,
.banners_wrapper1 .banner-wrap:hover .banner-btn .btn-link {
	transform:translate3d(0,0,0);
}
.banners_wrapper1 .banner-wrap:hover h5:after {
	transform:translate(-50%,0) scale(1,1);
}

/* 3 kolumny grafika i tlo */
.blog_wrapper .parallax-content {
    padding: 130px 0 103px;
}
.posts-grid {
	margin: 0;
	padding: 0;
	display: flex;
}
.posts-grid li + li {
	margin-left: 40px;
}
.posts-grid li .post_meta {
	color: #fff;
    font: 400 13px/15px Raleway;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 21px;
    margin-bottom: 30px;
    border: none;
}
.posts-grid li .post_meta::after {
    position: absolute;
    width: 104px;
    left: 50%;
    margin-left: -52px;
    height: 4px;
    content: "";
    display: inline-block;
    bottom: 0px;
    background: #99745c;
}
.posts-grid li .post_meta {
	color: #fff;
    font: 400 13px/15px Raleway;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 21px;
    margin-bottom: 30px;
    border: none;
}
.posts-grid li h5 {
    font: 400 33px/37px Raleway;
	margin-top: 15px;
    margin-bottom: 4px;
	text-transform: uppercase;
}
.posts-grid li h5 a {
    color: #fff;
}
.posts-grid li h5 a:hover {
	color: #99745c;
}
.posts-grid li .excerpt {
    color: #fff;
	line-height: 27px;
}
.posts-grid li figure {
    margin: 0 0 11px;
}

.posts-grid li figure img {
    width: 100%;
}

/*media all*/
.zoom-icon {
	display: flex;
	justify-content: center;
	align-items: center;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    cursor: pointer;
    transition: all 500ms ease;
}
.blog_wrapper .zoom-icon:hover {
    background: rgba(0,0,0,0.6);
}
.blog_wrapper .featured-thumbnail a {
    position: relative;
    display: block;
}
.blog_wrapper .featured-thumbnail a:hover .zoom-icon {
    opacity: 1;
}
.blog_wrapper .zoom-icon::before {
	display: block;
	font-family: FontAwesome;
	content: '\f00e';
	font-size: 120px;
	color: white;
	transform: scale(0);
	transition: all 300ms ease;
}
.blog_wrapper .zoom-icon:hover::before {
    transform: scale(1);
}

/* 3 kolumny informacje */
.services_wrapper .row {
	display: flex;
}
.services_wrapper .row > div {
	padding: 0 40px;
	text-align: center;
}
.services_wrapper h3 {
    font: 400 33px/37px Raleway;
    color: #99745c;
    margin-bottom: 14px;
	text-transform: uppercase;
}
.services_wrapper p {
    line-height: 27px;
    color: #4b301f;
}

/* newsletter */
.newsletter_wrapper {
    background: #fff;
    padding: 31px 20% 32px;
    margin-top: 25px;
    box-sizing: border-box;
    text-align: center;
    font-size: 17pt;
    color: #99745c;
	text-transform: uppercase;
}
.newsletter_wrapper h2 {
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 25px;
}
.newsletter_wrapper h2::after {
    position: absolute;
    bottom: 0px;
    width: 104px;
    height: 4px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -52px;
    background: #99745c;
}
.newsletter_wrapper h4 {
    font-size: 10pt;
	font-weight: normal;
	text-transform: uppercase;
    line-height: 13pt;
    color: #4b301f;
    margin-bottom: 27px;
}
.newsletter_wrapper form {
	width: 60%;
	display: flex;
	margin: 10px auto;
}
.newsletter_wrapper form input[type="text"] {
	padding: 8.5px 10px;
	color: #4b301f;
	font-size: 8pt;
    background: #fff;
    border: 1px solid #99745c;
	flex: 1;
}
.newsletter_wrapper form input[type="submit"] {
	padding: 0 20px;
	font-size: 8pt;
}