@charset "UTF-8";
/* ąś */

:root {
	--base-color1-HS:0, 0%;
	--base-color1-L:29%;
	--kolor1: hsl(var(--base-color1-HS),var(--base-color1-L)); /* #4b4b4b */
		--kolor1-lighter: hsl(var(--base-color1-HS),calc(var(--base-color1-L) + 10%));
		--kolor1-darker: hsl(var(--base-color1-HS),calc(var(--base-color1-L) - 10%));

	--base-color2-HS:0, 0%;
	--base-color2-L:0%;
	--kolor2: hsl(var(--base-color2-HS),var(--base-color2-L)); /* #000000 */
		--kolor2-lighter: hsl(var(--base-color2-HS),calc(var(--base-color2-L) + 10%));
		--kolor2-darker: hsl(var(--base-color2-HS),calc(var(--base-color2-L) - 10%));

	--btn-primary-text: #ffffff;
	--btn-primary-bg: var(--kolor1);
	--btn-primary-border: var(--kolor1);
		--btn-primary-grad1: transparent;
		--btn-primary-grad2: transparent;

	--btn-primary-hover-text: #ffffff;
	--btn-primary-hover-bg: var(--kolor2);
	--btn-primary-hover-border: var(--kolor2);
		--btn-primary-hover-grad1: var(--kolor1);
		--btn-primary-hover-grad2: var(--kolor2);

	--btn-default-text: #ffffff;
	--btn-default-bg: var(--kolor1);
	--btn-default-border: var(--kolor1);
		--btn-default-grad1: transparent;
		--btn-default-grad2: transparent;

	--btn-default-hover-text: #ffffff;
	--btn-default-hover-bg: var(--kolor2);
	--btn-default-hover-border: var(--kolor2);
		--btn-default-hover-grad1: var(--kolor1);
		--btn-default-hover-grad2: var(--kolor2);

	--input: #cccccc; /* var(--input) */
	--separator: #dedede; /* var(--separator) */
	--ramka1: #dedede; /* var(--ramka1) */
	--ramka2: #dddddd; /* var(--ramka2) */
	--stopkaBg: #2a2a2a; /* var(--stopkaBg) */
	--nadStopkaBg: #000000; /* var(--nadStopkaBg) */
	--podpisBg: #393939; /* var(--podpisBg) */
}
/* 
	Biały - Czarny / White - Black
	PIC_DIR: [009]
*/

body {background-color: #ffffff;}

.form-control {border-color: var(--input);}

.productAttributes .value img {outline: 1px solid #f1f1f1; outline-offset: 1px; box-shadow: 0 0 5px 0px rgba(0,0,0,0.05);}

#informacjaOCiasteczkach {}
#informacjaOCiasteczkachBs > div {}

a,
a:visited {color: var(--kolor1);}
a:hover {color: var(--kolor2);}

.productName,
.productName a,
.productName a:visited {color: var(--kolor2);}
.productName a:hover {color: var(--kolor1);}

.dropdown-menu {}
#header .dropdown-menu {}
#header #mobi_clientMenu,
#header #mobi_language {}

.nav li a,
.nav li a:visited {}
.nav li a:hover {}

.nav li.active a,
.nav li.active a:visited {}
.nav li.active a:hover {}

.nav li.open a,
.nav li.open a:visited {}
.nav li.open a:hover {}

.nav.nav-pills li a,
.nav.nav-pills li a:visited {}
.nav.nav-pills li a:hover {}

@media all and (max-width: 991px) {
	#overHeader .open .dropdown-menu {}
}

/* patch */
#section_breadcrumbs {border-bottom: 1px solid var(--ramka1); background-color: #f5f5f5;}

.rowPath section#breadcrumbs {border-bottom: 1px solid var(--ramka1); background-color: #ffffff;}

.breadcrumb {background-color: #f5f5f5;}
.breadcrumb a,
.breadcrumb a:visited {color: #1a1a18;}
.breadcrumb a:hover,
.breadcrumb .active,
.breadcrumb li:last-child .breadcrumbs span.breadcrumb-name,
.breadcrumb span.breadcrumbs span.breadcrumb-name {color: var(--kolor1);}

.breadcrumbs.buyPath ul.content li.steps span.sep {color: #ffffff;}

.breadcrumbs.buyPath ul.content li.steps {background-color: #eeeeee; color: var(--kolor1);}
.breadcrumbs.buyPath ul.content li.steps.active {background-color: var(--kolor1); color: #ffffff;}
.breadcrumbs.buyPath ul.content li.steps:hover {background-color: #dedede; color: var(--kolor1);}
.breadcrumbs.buyPath ul.content li.steps.active:hover {background-color: var(--kolor2); color: #ffffff;}

.breadcrumbs.buyPath ul.content li.steps a.breadcrumbs,
.breadcrumbs.buyPath ul.content li.steps a.breadcrumbs:visited,
.breadcrumbs.buyPath ul.content li.steps a.breadcrumbs:hover {color: inherit;}
.breadcrumbs.buyPath ul.content li.steps span.breadcrumbs {color: #777777;}

.buyPath h3 a.breadcrumbs,
.buyPath h3 a.breadcrumbs:visited {color: #1a1a18;}
.breadcrumb li:last-child .breadcrumbs,
.buyPath h3 span.breadcrumbs {}
.buyPath h3 a.breadcrumbs:hover {color: var(--kolor1);}

#overHeader {background-color: #f5f5f5; color: #696969;}

#overHeader .link .dropdown-toggle,
#overHeader li a,
#overHeader li a:visited {color: #696969;}
#overHeader .link.open .dropdown-toggle,
#overHeader .link .dropdown-toggle:hover,
#overHeader li a:hover {color: var(--kolor2);}

#overHeader .active a,
#overHeader .active a:visited {color: var(--kolor1);}
#overHeader .link.open .dropdown-toggle:hover,
#overHeader .active a:hover {color: var(--kolor2);}

#overHeader    .nav#curLan  .dropdown-menu li,
#mobi_language .nav#curLan2 .dropdown-menu li {}

#mobi_clientMenu .nav li a,
#mobi_clientMenu .nav li a:visited,
#overHeader    .nav#curLan  .dropdown-menu li a,
#overHeader    .nav#curLan  .dropdown-menu li a:visited,
#mobi_language .nav#curLan2 .dropdown-menu li a,
#mobi_language .nav#curLan2 .dropdown-menu li a:visited,
#overHeader    .nav#curLan  .dropdown-menu li span.curLink,
#mobi_language .nav#curLan2 .dropdown-menu li span.curLink {}
#mobi_clientMenu .nav li a:hover,
#overHeader    .nav#curLan  .dropdown-menu li a:hover,
#mobi_language .nav#curLan2 .dropdown-menu li a:hover,
#overHeader    .nav#curLan  .dropdown-menu li span.curLink:hover,
#mobi_language .nav#curLan2 .dropdown-menu li span.curLink:hover {}

#mobi_clientMenu .nav li.active a,
#mobi_clientMenu .nav li.active a:visited,
#overHeader    .nav#curLan  .dropdown-menu li a.selected,
#overHeader    .nav#curLan  .dropdown-menu li a.selected:visited,
#mobi_language .nav#curLan2 .dropdown-menu li a.selected,
#mobi_language .nav#curLan2 .dropdown-menu li a.selected:visited,
#overHeader    .nav#curLan  .dropdown-menu li span.curLink.selected,
#mobi_language .nav#curLan2 .dropdown-menu li span.curLink.selected {}
#mobi_clientMenu .nav li.active a:hover,
#overHeader    .nav#curLan  .dropdown-menu li a.selected:hover,
#mobi_language .nav#curLan2 .dropdown-menu li a.selected:hover,
#overHeader    .nav#curLan  .dropdown-menu li span.curLink.selected:hover,
#mobi_language .nav#curLan2 .dropdown-menu li span.curLink.selected:hover {}

.menuFooter {background-color: var(--stopkaBg);}
.menuFooter,
.menuFooter a,
.menuFooter a:visited {color: #a1a1a1;}
.menuFooter a:hover {color: #ffffff;}

.menuFooter a.active,
.menuFooter a.active:visited {color: #f1f1f1;}
.menuFooter a.active:hover {color: #ffffff;}

.menuFooter .links-header,
.menuFooter h3 {color: #ffffff;}

#section_copyrights {background-color: var(--podpisBg);}
#section_copyrights,
#section_copyrights a,
#section_copyrights a:visited {color: #a1a1a1;}
#section_copyrights a:hover {color: #ffffff;}

#section_custom {background-color: var(--nadStopkaBg);}
#section_custom,
#section_custom a,
#section_custom a:visited {color: #a1a1a1;}
#section_custom a:hover {color: #ffffff;}


.well.information.hint,
.alert-info {color: #555555; background-color: #f3f3f3; border-color: var(--ramka1);}
.alert-info hr {border-top-color: #a6e1ec;}
.alert-info .alert-link {color: #245269;}

.alert-success {
	background-image: none;
}

.well.information.hint,
.alert-info {
	background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dedede 100%);
	background-image:      -o-linear-gradient(top, #f3f3f3 0%, #dedede 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dedede));
	background-image:         linear-gradient(to bottom, #f3f3f3 0%, #dedede 100%);
	background-repeat: repeat-x;
	border-color: var(--ramka1);
	background-image: none;
}
.alert-warning {
	background-image: none;
}
.alert-danger {
	background-image: none;
}
/*
@media all and (max-width: 767px) {
	#overHeader .nav#curLan .open .dropdown-menu {
		background-color: #ffffff;
	}
}
*/

@media all and (max-width: 991px) {
	.navbar-collapse.fullPop {background-color: rgba(255,255,255,1); box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);}
}

.navbar#clientMenu li .delete {background: transparent url(button_close.png) no-repeat 50% 50%;}

@media all and (min-width: 992px) {
	div.cart {background-color: var(--kolor1); color: #ffffff;}
}

div.cart span.sep {color: rgba(255,255,255,0.5);}
div.cart .tags,
div.cart .value,
div.cart .price {color: #ffffff;}

@media all and (max-width: 991px) {
	div.cart {background-color: transparent; color: var(--kolor1);}
	div.cart span.icon,
	div.cart .tags,
	div.cart .value,
	div.cart .price {color: var(--kolor1);}
}

div.cart .cartHidden {background-color: #f4f4f4; border: 0px solid var(--ramka1); box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);}
div.cart .total,
div.cart .cartHidden,
div.cart .cartHidden .price {color: #555555;}

div.cart .cartScroll {border-bottom: 1px solid #ffffff;}
div.cart .cartItem {border-bottom: 1px solid #ffffff;}

#underHeader,
.navbar-inverse#mobiMenu {border-top: 0px solid var(--kolor2); border-bottom: 0px solid var(--kolor2); box-shadow: 0 2px 2px rgba(0,0,0,0.25);}
.sticky #underHeader {border: 0px; outline: 0px solid var(--separator); box-shadow: 0 2px 2px rgba(0,0,0,0.25);}

#underHeaderOuter {border: 0;}

#underHeader,
.sticky #underHeader,
.navbar-inverse {
	background-color: var(--kolor1);
	background-image: none;
}

@media all and (max-width: 991px) {
	#underHeader,
	.navbar-inverse {
		background-color: #ffffff;
		background-image: none;
		border-top: 1px solid var(--separator);
	}
	.sticky #underHeader {
		background-color: #ffffff;
		background-image: none;
		border: 0px; outline: 0px solid var(--separator);
	}
}

/* normalny */
#simplemodal-container a.modalCloseImg,
.r-modalCloseImg,
.fullPop .navbar-toggle[aria-expanded="true"],
.navbar-toggle.collapsed,
.navbar-toggle[aria-expanded="false"] {}
#simplemodal-container a.modalCloseImg,
.r-modalCloseImg,
.fullPop .navbar-toggle[aria-expanded="true"] span,
.navbar-toggle.collapsed span,
.navbar-toggle[aria-expanded="false"] span {}

/* wybrany */
.navbar-toggle,
.navbar-toggle[aria-expanded="true"] {background-color: var(--kolor1); border: 1px solid #c02950;}
.navbar-toggle span,
.navbar-toggle[aria-expanded="true"] span {color: #ffffff;}

/* normalny hover */
#simplemodal-container a.modalCloseImg:hover,
.r-modalCloseImg:hover,
.fullPop .navbar-toggle[aria-expanded="true"]:hover,
.navbar-toggle.collapsed:hover,
.navbar-toggle[aria-expanded="false"]:hover {background-color: var(--kolor1); border: 1px solid var(--kolor1);}
#simplemodal-container a.modalCloseImg:hover,
.r-modalCloseImg:hover,
.fullPop .navbar-toggle[aria-expanded="true"]:hover span,
.navbar-toggle.collapsed:hover span,
.navbar-toggle[aria-expanded="false"]:hover span {color: #ffffff;}

/* wybrany hover */
.navbar-toggle:hover,
.navbar-toggle[aria-expanded="true"]:hover {background-color: var(--kolor2); border: 1px solid var(--kolor2);}
.navbar-toggle:hover span,
.navbar-toggle[aria-expanded="true"]:hover span {color: #ffffff;}

#menuTop .dropdown-menu {background-color: rgba(255,255,255,1);}

#menuTop .nav li a,
#menuTop .nav li a:visited {background-color: transparent; color: #ffffff; background-image: none;}
#menuTop .nav > li.dropdown:hover > a,
#menuTop .nav > li.dropdown:hover > a:visited,
#menuTop .nav li a:hover {background-color: #999999; color: #ffffff;}

#menuTop .nav > li.dropdown > a.selected,
#menuTop .nav > li.dropdown > a.selected:visited,
#menuTop .nav > li.dropdown > a.selected:hover,
#menuTop .nav li a.selected,
#menuTop .nav li a.selected:visited,
#menuTop .nav li a.selected:hover {background-color: #ffffff; color: var(--kolor1);}

#menuTop .nav li li a,
#menuTop .nav li li a:visited {background-color: transparent; color: #000000;}
#menuTop .nav li li a:hover {background-color: initial; color: var(--kolor1);}

#menuTop .nav li li a.selected,
#menuTop .nav li li a.selected:visited {background-color: transparent; color: var(--kolor1);}
#menuTop .nav li li a.selected:hover {background-color: transparent; color: #000000;}

#menuTop .nav li:first-child {border-left: 0px solid var(--kolor2);}
#menuTop .nav li {border-right: 1px solid var(--kolor2);}
#menuTop .nav li:last-child {border-right: 0;}
#menuTop .nav li li:first-child {border-left: 0;}
#menuTop .nav li li {border-right: 0;}
#menuTop .nav li li:last-child {border-right: 0;}

#mobi_underHeader,
#mobi_underHeaderCat {background-color: #f5f5f5;}

#mobi_menuTop,
#mobi_menuCat {color: #555555;}
#mobi_menuTop li a,
#mobi_menuCat li a,
#mobi_menuTop li a:visited,
#mobi_menuCat li a:visited {border: 0px solid #555555; color: #555555; background-color: transparent;}
#mobi_menuTop li a:hover,
#mobi_menuCat li a:hover {border: 0px solid #ffffff; color: var(--kolor1); background-color: transparent;}
#mobi_menuTop li a.selected,
#mobi_menuCat li a.selected,
#mobi_menuTop li a.selected:visited,
#mobi_menuCat li a.selected:visited {color: var(--kolor1-lighter); background-color: transparent;}
#mobi_menuTop li a:hover,
#mobi_menuCat li a:hover {color: var(--kolor2-lighter); background-color: transparent;}
#mobi_menuTop .dropdown-menu > .active > a,
#mobi_menuCat .dropdown-menu > .active > a,
#mobi_menuTop li li a.selected,
#mobi_menuCat li li a.selected,
#mobi_menuTop li li a.selected:visited,
#mobi_menuCat li li a.selected:visited {color: var(--kolor1-lighter); background-color: transparent; background-image: none;}
#mobi_menuTop li li a:hover,
#mobi_menuCat li li a:hover {color: var(--kolor1); background-color: transparent; background-image: none;}

#mobi_menuTop li.dropdown .dropdown-toggle,
#mobi_menuCat li.dropdown .dropdown-toggle {border-left: 1px solid rgba(222,222,222,0.2); background-color: transparent;}

#mobi_menuTop li.dropdown li .dropdown-toggle,
#mobi_menuCat li.dropdown li .dropdown-toggle {border-left: 1px solid rgba(222,222,222,0.2); background-color: transparent;}

.carousel-caption h3 {color: #ffffff; background-color: transparent; text-shadow: 0px 0px 5px rgba(0,0,0,1);}
.carousel-caption p {background-color: rgba(50,50,50,0.5); border-radius: 0; color: #ffffff;}
.carousel-indicators li,
.carousel-indicators li.active {border: 1px solid #ffffff;}

.carousel-indicators li {background-color: #ffffff; opacity: 0.75; /* border-color: var(--kolor2); */}
.carousel-indicators li.active {background-color: #ffffff; opacity: 1;}
.carousel-indicators li:hover {background-color: #ffffff; opacity: 0.9; /* border-color: var(--kolor2); */}

.ui-menu {background-color: rgb(255,255,255); color: #808080; border-color: var(--ramka2);}
.ui-menu .ui-menu-item {color: #808080; border-color: var(--ramka2);}
.ui-menu .ui-menu-item:hover {color: var(--kolor2);}

/* box default */
.panel {
	background-color: transparent;
	border: 0;
	box-shadow: none;
}

.panel.box {
	border-color: var(--ramka2);
	border: 0;
}
.panel.box > .panel-heading {
	/* color: #333; */
	background-color: transparent;
	border-color: var(--ramka2);
	border: 0;
}
.panel.box > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: var(--ramka2);
	border: 0;
}
.panel.box > .panel-heading .badge {
	color: #f3f3f3;
	background-color: #333;
}
.panel.box > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: var(--ramka2);
	border: 0;
}

/* box-blue */
.panel.box1 {
	border-color: #337ab7;
	border: 0;
}
.panel.box1 > .panel-heading {
	/* color: #fff; */
	/* background-color: #337ab7; */
	border-color: #337ab7;
	border: 0;
}
.panel.box1 > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #337ab7;
	border: 0;
}
.panel.box1 > .panel-heading .badge {
	color: #337ab7;
	background-color: #fff;
}
.panel.box1 > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #337ab7;
	border: 0;
}

/* headers */
.pageTitle,
.panel-heading,
.panel-heading .panel-title,
.pageSubTitle,
.moduleTitle {color: #010101;}

.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.panel-heading h5,
.panel-heading h6 {color: inherit;}

/* buttons */
.navigator .btn-link,
.navigator .btn-link:visited,
.btn-link,
.btn-link:visited,
.btn,
.button {
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0;
	box-shadow: none;
}

.btn-link:focus {text-decoration: none;}

.button:focus,
.button:active:focus,
.button.active:focus,
.button.focus,
.button:active.focus,
.button.active.focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.button:hover,
.button:focus,
.button.focus {
	color: #333;
}
.button:active,
.button.active {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.navigator .btn-link,
.navigator .btn-link:visited,
.btn-link,
.btn-link:visited {
	color: var(--kolor1);
	background-color: #ffffff;
	background-image: none;
	border-color: var(--kolor1);
}
.navigator .btn-link:hover,
.btn-link:hover {
	color: var(--kolor2);
	background-color: #ffffff;
	background-image: none;
	border-color: var(--kolor2);
}

.btn-back,
.btn-back:visited {
	text-decoration: none;
	color: var(--kolor1);
	background-color: transparent;
	background-image: none;
	border: 0;
}
.btn-back:hover {
	text-decoration: none;
	color: var(--kolor2);
	background-color: transparent;
	background-image: none;
	border: 0;
}

.button,
.button:visited,
.button:focus,
.btn,
.btn:visited,
.btn:focus,
.btn.btn-default,
.btn.btn-default:visited {
	/* color: var(--btn-default-text);
	background-color: var(--btn-default-bg);
	background-image: linear-gradient(to bottom, #ffffff, #ffffff);
	border-color: var(--btn-default-border); */
	color: var(--kolor1);
	background-color: #ffffff;
	background-image: none;
	border: 1px solid var(--kolor1);
	text-shadow: none;
	box-shadow: none;
}
.button:hover,
.btn:hover,
.btn.btn-default:hover {
	/* color: var(--btn-default-hover-text);
	background-color: var(--btn-default-hover-bg);
	background-image: linear-gradient(to bottom, #303030, var(--kolor2));
	border-color: var(--btn-default-hover-border); */
	color: #ffffff;
	background-color: var(--kolor2);
	background-image: none;
	border: 1px solid var(--kolor2);
	text-shadow: none;
	box-shadow: none;
}

.pack-tab .selected .btn.btn-inverse,
.pack-tab .selected .btn.btn-inverse:visited,
footer .subReqForm .btn,
footer .subReqForm .btn:visited,
#buttonSet .btn,
#buttonSet .btn:visited,
.btn-see,
.btn-see:visited,
.btn-cart,
.btn-cart:visited,
.btn.btn-primary,
.btn.btn-primary:visited {
	color: var(--btn-primary-text);
	background-color: var(--btn-primary-bg);
	background-image: none;
	border-color: var(--btn-primary-border);
}
.pack-tab .selected .btn.btn-inverse:hover,
footer .subReqForm .btn:hover,
#buttonSet .btn:hover,
.btn-see:hover,
.btn-cart:hover,
.btn.btn-primary:hover {
	color: var(--btn-primary-hover-text);
	background-color: var(--btn-primary-hover-bg);
	background-image: none;
	border-color: var(--btn-primary-hover-border);
}

.btn.btn-default#toTop,
.btn.btn-default#toTop:visited {
	color: var(--btn-default-hover-text);
	background-color: var(--btn-default-hover-bg);
	background-image: none;
	border-color: var(--btn-default-hover-border);
	position: fixed; bottom: 5px; right: 5px;
	opacity: 0.75;
}
.btn.btn-default#toTop:hover {
	color: var(--btn-default-text);
	background-color: var(--btn-default-bg);
	background-image: none;
	border-color: var(--btn-default-border);
	position: fixed; bottom: 5px; right: 5px;
	opacity: 1;
}

.btn-del,
.btn-del:visited {color: #c60000; background-color: #ffffff; background-image: none; border: 1px solid #c60000;}
.btn-del:hover   {color: #ffffff; background-color: #c60000; background-image: none; border: 1px solid #c60000;}

.btn-google,
.btn-google:visited   {color: #ffffff; background-color: #CF4332; background-image: none; border: 1px solid #CF4332;}
.btn-google:hover     {color: #ffffff; background-color: #ae3628; background-image: none; border: 1px solid #ae3628;}

.btn-facebook,
.btn-facebook:visited {color: #ffffff; background-color: #1877f2; background-image: none; border: 1px solid #1877f2;}
.btn-facebook:hover   {color: #ffffff; background-color: #0c61d3; background-image: none; border: 1px solid #0c61d3;}

#prodListMain,
.slideList,
.gridList.grid-scroll .slick-slider.slideList {/* background-color: #f5f5f5!important; padding: 1rem; */}

.producer.thumbnail a.producerImage,
.prodList .producer .producerImage .producerDesc a,
.prodList .producer .producerName {background-color: #ffffff;}
.producer.thumbnail .caption {background-color: rgba(255,255,255,0.9); color: #555555;}

.prodList div.producer {background-color: #ffffff; border: 1px solid var(--ramka1);}
.prodList div.producer:hover {background-color: #ffffff; border: 1px solid var(--ramka1);}

.slick-vertical .slick-slide {border: 1px solid transparent;}
.slick-loading .slick-list {background: #fff url(ajax-loader.gif) center center no-repeat;}

/* Arrows */
.slick-prev,
.slick-next {color: transparent; border: none; outline: none; background: transparent;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color: transparent; outline: none; background: transparent; background-color: rgba(255,255,255,0.4);}

.slick-prev span,
.slick-next span {color: #ffffff; text-shadow: 1px 1px 1px #000000;}
.slick-prev:hover span,
.slick-next:hover span {color: #ffffff;}

.slick-dots li button {color: transparent; border: 0; outline: none; background: transparent; text-shadow: 1px 1px 1px #000000; background-color: rgba(255,255,255,0.4); border-radius: 0;}
.slick-dots li button:before {color: black;}
.slick-dots li.slick-active button {background-color: rgba(255,255,255,0.8);}
.slick-dots li.slick-active button:before {color: black;}

.slick-dots li:hover button,
.slick-dots li.slick-active:hover button {background-color: rgba(255,255,255,1);}

/* subCatList */
.subCatItem .thumbnail > a,
.subCatItem .thumbnail > a:visited {background-color: #ffffff; outline: 1px solid var(--ramka1); color: #000000;}
.subCatItem .thumbnail > a:hover {outline: 1px solid var(--ramka2); color: var(--kolor1);}
.subCatItem .categoryDescription {background-color: rgba(255,255,255,0.9); color: #555555;}

#section_catListMain .catItem {background-color: #ffffff; border: 1px solid var(--ramka1);}
#section_catListMain .catItem:hover {border: 1px solid var(--ramka2);}

#box_listFilters .filterHead,
#box_listFilters .control-label {border-bottom: 1px dashed #555555; color: var(--kolor2);}

#side_filters {color: #555555;}

#filters_priceFilters_range .ui-slider#priceRangeSlider {border: 1px solid #6e6e6e; background-color: #f5f5f5; background-image: none; border-radius: 0;}
#filters_priceFilters_range .ui-slider-range.ui-widget-header {border: 1px solid #6e6e6e; background-color: #828282; background-image: none; border-radius: 0;}
#filters_priceFilters_range .ui-slider-handle {border: 1px solid var(--kolor1); background-color: var(--kolor1); background-image: none; border-radius: 0;}

/* items */
.price {color: #02759b;}
.price.priceDiscount {color: #ab1814;}
.price.priceOld {color: #555555;}
.price.priceOld:after {background-color: #555555;}

.productPromotionIcons .iconNew        {color: #ffffff; background-color: /* #6f9dc6 */ #427B9E;}
.productPromotionIcons .iconBestseller {color: #ffffff; background-color: #000000;}
.productPromotionIcons .iconDiscount   {color: #ffffff; background-color: /* #f07877 */ #E72323;}
.productPromotionIcons .iconSale       {color: #ffffff; background-color: #7a0026;}
.productPromotionIcons .iconDelivery   {color: #ffffff; background-color: /* #00aa00 */ #008A00;}

.productPromotionIcons .icons a {color: inherit;}

.catPicDesc {border-bottom: 1px solid var(--separator);}

.gridList .item .productImage,
.mainList .item .productImage {border: 1px solid var(--ramka1);}
.gridList .item .productImage:hover,
.mainList .item .productImage:hover {border: 1px solid var(--ramka2); box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);}

.gridList .item .productImage .productText,
.mainList .item .productImage .productText {color: #555555;}

.gridList .item .productCode,
.mainList .item .productCode {color: #dedede; text-shadow: none;}

/* navs | listNav */
.navItems {border: 0px solid var(--separator);}

.navItems .pager .disabled span,
.navItems .pager a:focus,
.navItems .pager a:active {background-color: transparent; background-image: none;}

.paginator .btn-link,
.paginator .btn-link:visited,
.navItems .btn-link,
.navItems .btn-link:visited,
.navItems .pager a,
.navItems .pager a:visited {color: #555555; background-color: transparent; border: 0px;}
.paginator .btn-link:hover,
.navItems .btn-link:hover,
.navItems .pager a:hover {color: #000000; background-color: transparent; border: 0px;}

.navItems .pager .selected a,
.navItems .pager .selected a:visited {color: #000000;}

.navItems .pager .previous a,
.navItems .pager .next a,
.navItems .pager .previous a:visited,
.navItems .pager .next a:visited {color: #555555; background-color: transparent;}

.navItems .pager .selected a:hover,
.navItems .pager .previous a:hover,
.navItems .pager .next a:hover  {color: #000000; background-color: transparent; background-image: none;}

.orders .btn-link.btn-back,
.panelPages .btn-link.btn-back,
.nav .btn-link.btn-back,
.navigator .btn-link.btn-back,
.paginator .btn-link.btn-back {border: 0; padding: 0;}

@media all and (max-width: 767px) {
	.pp_details {background-color: #000000!important; color: #ffffff!important;}
	.currentTextHolder {color: #ffffff!important;}
}

/* detCard */
.detCard .separator {border-bottom: 1px solid var(--separator);}
.detCard .separator.to-basketSection {border-bottom: 1px solid transparent;}

#offerRight .wrap {border-bottom: 1px solid var(--separator);}

.detCard h1.productName,
.detCard #productInfoSmall .productName {border-bottom: 1px solid var(--separator);}

.detCard #thumbsSlickBig img {border: 0;}
.detCard .productImage {border: 1px solid var(--ramka1);}

.detCard #offerLeft div.productThumbnails a span {border: 1px solid var(--ramka1); background-color: #ffffff;}

/*
.basketSection .labels.quantity input,
.basketSection input#quantity {border: 1px solid var(--input);}
*/

.bsPlusMinusInner {border: 1px solid var(--input);}
.bsPlusMinusInner .btn {border: 0;}
.bsPlusMinusInner .form-control {border: 0; border-left: 1px solid var(--input); border-right: 1px solid var(--input);}

.plusMinus .qty-btn:nth-of-type(1) {border-right:0}
.plusMinus .qty-btn:nth-of-type(2) {border-left:0}
.plusMinus .form-control {border: 1px solid var(--kolor1); border-left-color: var(--input); border-right-color: var(--input); border-radius: 0;}

@media all and (max-width: 479px) {
	.detCard table.variants td table td.name {border-top: 1px solid var(--ramka1);}
}

.detCard .tabs {border-bottom: 1px solid var(--separator);}
.detCard .tabsHead {border-bottom: 1px solid var(--separator); background-color: #ffffff;}
.detCard .tabsHead .zakladka {background-color: transparent; color: #888888;}
.detCard .tabsHead .zakladka:hover,
.detCard .tabsHead .zakladka_on {background-color: transparent; color: var(--kolor1);}
.detCard .tabsHead .zakladka:after {background-color: transparent;}
.detCard .tabsHead .zakladka_on:after {background-color: var(--kolor1);}

ul.actions {border-bottom: 1px solid var(--separator);}

.detCard .productGroup a,
.detCard .variant-brick span.brick {background-color: #ffffff; border: 2px solid #ffffff; outline: 1px solid #a8a8a8; outline-offset: -1px;}
.detCard .productGroup a span,
.detCard .variant-brick label {color: #1a1a18; background-color: #ffffff;}

.detCard .productGroup a:hover,
.detCard .productGroup li.active a,
.detCard .variant-brick span.brick:hover,
.detCard .variant-brick span.brick.selected {background-color: var(--kolor1); border: 2px solid var(--kolor1); outline: 2px solid var(--kolor1); outline-offset: -2px;}
.detCard .productGroup a:hover span,
.detCard .productGroup li.active a span,
.detCard .variant-brick span.brick:hover label,
.detCard .variant-brick span.brick.selected label {color: #ffffff; background-color: transparent;}

.detCard .variant-brick span.brick.disabled,
.detCard .variant-brick span.brick.disabled:hover {background-color: #ffffff; border-color: #dbdbdb; opacity: 0.5; outline: 2px solid transparent;}
.detCard .variant-brick span.brick.disabled label,
.detCard .variant-brick span.brick.disabled:hover label {color: #bfbfbf; background-color: #ffffff;}

/* order pages */
/*
.table > thead > tr > th {border-bottom: 1px solid var(--separator);}
.table > tbody > tr > td {border-top: 1px solid var(--separator);}
.table > tbody > tr > td td {border-top: 0;}

.addedItems th {border-bottom: 2px solid var(--separator);}
.addedItems td {border-bottom: 1px solid var(--separator);}
.addedItems td td {border-bottom: 0;}

.orders.summary {border-top: 1px solid var(--separator); border-bottom: 1px solid var(--separator);}
.sum .orders.summary {margin: -1px 0 0px 0; border-top: 0px solid var(--separator);}

@media all and (max-width: 992px) {
	.orderPages .cartForm .table-responsive,
	.addedItems tr tr,
	.addedItems td {border: 0;}

	.addedItems > tbody > tr {border-top: 1px solid var(--separator); border-bottom: 1px solid var(--separator);}
	.addedItems td.col-orderNr {background-color: #eeeeee; border: 1px solid var(--separator);}

	.addedItems td.col-actions {border: 0;}
}

.addedItems .productAuthor,
.addedItems .productCategory,
.addedItems .productCode,
.addedItems .choosedAttributes {color: #555555;}
.addedItems .choosedAttributes span {color: #777777;}

.sum table.orders.summary,
table.orders.summary.points {background-color: transparent;}

#page_cartForm table.orders.summary,
table.orders.summary.costTotal {background-color: #eeeeee;}

table.orders.summary.costTotal td {}
table.orders.summary.costTotal td * {}
*/

#page_complaintList .comment-answer {border-top: 1px solid var(--separator);}

#page_paynow .forms.forms-blik {border: 1px solid var(--ramka1); background: #f1f1f1 url(blik.png) no-repeat 15px 50%; background-size: 68px 36px;}

.XpressCheck {border: 1px solid var(--ramka1); background-color: #f1f1f1;}

div.payFormLink {border-top: 1px solid var(--ramka1); border-top: 1px solid var(--ramka1);}

div.newsShortList .newsDataPublikacji {color: #555555;}
div.newsShortList .newsWrap .newsDataPublikacji {background-color: rgba(0,0,0,0.25); color: #dedede;}

table.pollForm input.button#wyniki {background-image: none; background-color: transparent; border: 0;}
table.pollForm td.wykresSondy {background-color: var(--kolor1);}

.blogPosts {border: 1px solid var(--ramka1);}
.blogArch .blogPosts {border: 0;}
.blogEntry .sep,
.blogEntry .blogDate {color: #808080;}

.blogMainList .blogDate {background-color: var(--kolor1); color: #ffffff;}

div.channels div.channel {border: 1px solid #C1C1C1;}
div.channels div.channel:hover,
div.channels div.channel.selected:hover {border: 1px solid #000000;}
div.channels div.channel:hover span.name {background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.90);}

.adr-tag {border-top: 1px solid var(--ramka2);}
.adr-empty-val {color: #444444;}

.adr-tag:hover,
.adr-tag.selected {background-color: #f5f5f5;}
.adr-tag.selected:hover {background-color: #eaeaea;}

@media all and (max-width: 991px) {
	.adr-address.list {border-top: 1px solid var(--ramka2);}
}

.wishList-btn .wishList-icon {color: #777777;}
.wishList-btn:hover .wishList-icon {color: var(--kolor1);}

.basketSection .wishList-btn,
.basketSection .wishList-btn:visited {border: 1px solid var(--ramka1);}
.basketSection .wishList-btn:hover {border: 1px solid var(--ramka2);}
.basketSection .wishList-btn .wishList-icon {color: inherit;}
