* {
	margin: 0px;
	padding: 0px;
	
	

}
body {
	font-family: "Roboto", sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #7D7D7D;
	background-color: #F6F6F6;
}
img {
	border:none;
	vertical-align:top;
}
a {
	color: #6b6b6b;
}
a:hover {
	color: #6b6b6b;
}
.wrapper {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.wrapper-top {
	max-width: 1320px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
}
.wrapper-top.pds {overflow: visible;z-index:100000;}

#module-popup { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; z-index: 9999999; width: 100%; height: 100%; background: rgba(0,0,0,.7); }
#module-popup { -webkit-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; }
#module-popup { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
	#module-popup.show-popup { visibility: visible; opacity: 1; }
	#popup-window { position: relative; width: 100%; max-width: 600px; background: #fff; }
		#popup-window .close-btn { position: absolute; top: -15px; right: -15px; z-index: 10; width: 30px; height: 30px; border: 2px solid #000; border-radius: 50%; background: #ea1560; font-family: arial; color: #fff; font-size: 12px; line-height: 30px; text-align: center; cursor: pointer; }
		#popup-window .close-btn:hover { background: #000; color: #fff; }
		.popup-content { position: relative; z-index: 1; padding: 50px 30px; font-size: 17px; font-weight: 700; line-height: 1.6; }
		.overlay-a { color: #df4a32; }

 .fix {
	zoom:1;
}
 .fix:after {
	content:'';
	clear:both;
	display:block;
}
.clear {clear:both;}
label {cursor:pointer}
.pogrubienie {font-weight:bold}

input.txt, input.text, textarea, select {
	font-family: "Arial", sans-serif;
	font-size: 13px;
	color: #666;
	background-color: #FAFAFA;
	border: 1px solid #C0C0C7;
	margin: 0 0 3px;
	padding: 6px 5px 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input.txt:focus, input.text:focus, textarea:focus, select:focus {
	border: 1px solid #C9CACD
}
input.button {
	font-family: Roboto, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: #FFF;
	background-color: #2E3235;
	cursor: pointer;
	padding-top: 7px;
	border: none;
	text-align: center;
	padding-bottom: 5px;
	margin: 0;
	padding-right: 14px;
	padding-left: 14px;
	text-transform: uppercase;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input.button:hover {
	cursor: pointer;
	background-color: #EA1560;
	border-top: none;
	border-right: none;
	border-left: none
}


input.buttonX {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #FFF;
	background-color: #EA1560;
	cursor: pointer;
	padding-top: 7px;
	border: none;
	text-align: center;
	padding-bottom: 5px;
	margin: 0;
	padding-right: 14px;
	padding-left: 14px;
	text-transform: uppercase;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input.buttonX:hover {
	cursor: pointer;
	background-color: #CB1253;
	border-top: none;
	border-right: none;
	border-left: none
}










input[type="checkbox"] {margin-right:5px;}

.radius5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.fxbox * {
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
   	-moz-transition: all 0.5s ease;
}



#top {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
}
.wrapper-top.pds #top {
	background-color: #2A2F32;
}
#top .logo {
	float: left;
	padding-top: 16px;
	padding-bottom: 13px;
	background-color: #EA1560;
	padding-right: 16px;
	padding-left: 4%;
	margin-top: 58px;
}
#top .panels {
	float: right;
}
#top .panels .menu {
	margin-right: 3%;
	padding-top: 16px;
	padding-bottom: 15px;
	float: right;
	clear: both;
}
#top .panels .menu a {
	font-size: 13px;
	color: #ACACAC;
	text-decoration: none;
	background-image: url(../img/pkt-2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	padding-right: 9px;
	padding-left: 13px;
	line-height: 28px;
}
#top .panels .menu a:first-child {
	background-image: none
}
#nav-cart {
	background-image: url(../img/line-1.png),url(../img/line-1.png);
	background-repeat: repeat-x,repeat-x;
	background-position: 0px top,0px bottom;
	clear: both;
}
#nav {
	float: left;
	list-style-type: none;
	z-index:100000;
}
#nav li {
	display: block;
	float: left;
	position: relative;
}
#nav li a {
	font-size: 16px;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
	line-height: 52px;
	display: block;
	padding-top: 1px;
	padding-right: 6px;
	padding-left: 6px;
	margin-right: 46px;
}
#nav li a:hover , #nav li:hover >a{
	text-decoration: none;
	background-color: #000;
}
#nav li .sub {
	background-color: #000;
	padding-top: 6px;
	padding-bottom: 1px;
	position: absolute;
	left: 0px;
	top: 52px;
	display: none;
}
#nav li:hover .sub{
	display: block;

}
#nav li .sub a {
	float: none;
	line-height: 36px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-right: 0px;
	padding-right: 50px;
	background-color: #000;
	border-bottom-color: #2A2F32;
}
#nav li .sub a:hover {
	color: #EA1560;
}
#nav li .sub a:last-child {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}




#nav-cart .search {
	background-color: #000;
	background-image: url(../img/ico-search.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 53px;
	width: 44px; cursor:pointer;
}
#cart {
	float: left;
}
#cart a {
	background-color: #EA1560;
	float: left;
	font-size: 16px;
	font-weight: 500;
	color: #FFF;
	text-decoration: none;
	line-height: 52px;
	background-image: url(../img/ico-cart.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	display: block;
	padding-right: 40px;
	padding-left: 46px;
	white-space: nowrap;
}
#s-baners {
	padding-top: 16px;
	padding-bottom: 16px;
}
#s-baners a:first-child {
	display: block;
	float: left;
	width: 54.166666666666666666666666666667%;
}
#s-baners a:last-child {
	display: block;
	float: right;
	width: 44.666666666666666666666666666667%;
}
#s-baners a img {
	max-width:100%;
}
.hr {
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	background-color: #DCDCDC;
}
#main-prod .head {
	font-size: 18px;
	font-weight: 500;
	color: #313538;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 25px;
}

.products * {
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
   	-moz-transition: all 0.2s ease;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.products .item {
	float: left;
	width: 22.75%;
	margin-right: 1.5%;
	margin-left: 1.5%;
	background-color: #FFF;
	text-align: center;
	position: relative;
	border: 1px solid #FFF;
	margin-bottom: 36px;
	position: relative;
}
.products .item:first-of-type {
	margin-left: 0%;
}
.products .item:nth-of-type(4n+1) {
	margin-left: 0%;
}
.products .item:nth-of-type(4n) {
	margin-right: 0%;
}
.products .item .box {
	background-color: #FFF;
	padding-bottom: 15px;
}
.products .item .box .photo {
	position: relative;
}

.products .item .box .photo a img {
	width: 100%;
}
.products .item .box .photo .s-buttons {
	text-align: center;
	position: absolute;
	bottom: 70px;
	z-index: 100;
	left: 0px;
	right: 0px;
	height: 38px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.products .item .box .photo .s-buttons > span {
	display: inline-block;
	height: 38px;
	width: 60px;
}
.products .item .box .photo .s-buttons > span a{
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	height: 38px;
	width: 60px;
	float: none;
}
.products .item .box .photo .s-buttons .to-storage span a {
	background-color: #000;
	background-image: url(../img/ico-store.png);
}
.products .item .box .photo .s-buttons .to-storage span a:hover {
	background-color: #2C3134;
}
.products .item .box .photo .s-buttons .to-storage span img {
	display:none;
}
.products .item .box .photo .s-buttons .to-cart a {
	background-color: #EA1560;
	background-image: url(../img/ico-cart-k.png);
}
.products .item .box .photo .s-buttons .to-cart a:hover {
	background-color: #ED3A79;
}
.products .item:hover .box .photo .s-buttons{
	bottom: 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}




.products .item .box .nm {
	padding-top: 24px;
	height: 87px;
	overflow: hidden;
}
.products .item .box .nm a {
	font-size: 13px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
	line-height: 20px;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
}
.products .item .box .nm .name {
	text-transform: uppercase;
	padding-bottom: 4px;
}
.products .item .box .price {
	font-size: 17px;
	font-weight: 700;
	color: #EA1560; overflow:hidden; height:25px;
}

.products .item .box .price small{
	font-size: 15px;
	font-weight: 300;
	color: #313538; padding-right:4px
}
.products .item.exte {
	z-index: 500;
	position: relative;
	border: 1px solid rgba(0,0,0,0);
	padding-left:-244px;
}






.products .item .more-box {
	background-color: #FFF;
	position: absolute;
	left: 0%;
	display:block;
	top: -1px;
	bottom: 0px;
	width: 244px;
	font-size: 13px;
	line-height: 20px;
	color: #8C8C8C;
	text-align: left;
	padding-top: 40px;
	padding-right: 22px;
	padding-left: 22px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	z-index:-2;
}

.products .item.exte .more-box {
	display:block;
	left: 100%;z-index:100;
}

.products .item.exte .more-box .desc {
	padding-bottom: 18px;

}
.products .item.exte .more-box .cart-btn input {
	background-color: #EA1560;
	background-image: url(../img/btn-cart-k.png);
	background-repeat: no-repeat;
	background-position: center 12px;
	clear: both;
	height: 30px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.products .item.exte .more-box .cart-btn input:hover {
	background-color: #333333;
}
.products .item.exte .box .photo .s-buttons {display:none !important}


.products .item.exte:after{
	content: " ";
	position: absolute;
	z-index: -11;
	left: 0;
	right: -244px;
	bottom: 0;
	top: 0;
	background-color: rgba(255,255,255,100);
	-webkit-filter: drop-shadow(2px 2px 3px rgba(70,70,70,0.2));
	filter        : drop-shadow(2px 2px 3px rgba(70,70,70,0.2));
	-ms-filter    : "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";
	filter        : "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";

}
.products .item.exte  .attrs {
	margin-bottom: 15px;
}



.products .item.exte  .select-box {
	background-image: url(../img/str-1.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	width: 100%;
	overflow: hidden;
	border: 1px solid #DDD;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	margin-bottom: 10px;
}
.products .item.exte .single p {
	font-weight: 500;
	padding-bottom: 4px;
}

.products .item.exte .select-box select {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 13px;
	background-color: rgba(0,0,0,0);
	font-weight: 500;
	color: #939393;
	width: 113%;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline:none !important;
}
.products .item.exte .more-box .see-more {
	font-size: 11px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	color: #333;
	display: block;
	width: 138px;
	border: 2px solid #DDD;
	padding-top: 1px;
	text-decoration: none;
	text-align: center;
	position: absolute;
	right: 20px;
	bottom: 75px;
}
.products .item.exte .more-box .see-more img {
	margin-left: -7px;
	float: left;
	margin-top: 8px;
}
.products .item.exte .more-box .see-more:hover {
	background-color: #F8F8F8;

}
.products .item.exte .more-box .close {
	background-image: url(../img/close.png);
	background-repeat: no-repeat;
	display:block;
	background-position: 0px 0px;
	height: 22px;
	width: 22px;
	position: absolute;
	top: 6px;
	right: 6px;
	z-index:100;
	cursor:pointer;
}



.products .item.exte:nth-of-type(4n) {
	padding-left:0;
	padding-right:-244px;
}
.products .item.exte:nth-of-type(4n) .more-box {
	left: -244px;
	
}

.products .item.exte:nth-of-type(4n):after{
	left: -244px;
	right: 0;
}












#promos {
	clear: both;
}
#promos * {
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
   	-moz-transition: all 0.2s ease;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#promos .head {
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	background-color: #ECECEC;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 8px;
	clear: both;
	margin-bottom: 22px;
}
#promos .box {
	clear: both;
	position: relative;
}



#why {
	background-image: url(../img/why-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 22.5%;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #FFF;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 30px;
	padding-left: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
}
#why ul {
	list-style-type: none;
}
#why ul li {
	display: block;
	line-height: 46px;
	padding-top: 10px;
}
#why ul  img {
	margin-right: 14px;
}

#why ul  span {
	display: inline-block;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#promos  .prod-box {
	float: right;
	width: 75%;
}
#promos .prod-box .item {
	text-align: center;
	float: left;
	width: 22.75%;
	border: 1px solid #FFF;
	background-color: #FFF;
	padding-bottom: 7px;
	margin-right: 1.5%;
	margin-left: 1.5%;
}
#promos .prod-box .item:first-of-type {
	margin-left: 0%;
}
#promos .prod-box .item:last-of-type {
	margin-right: 0%;
}
#promos .prod-box .item .photo a img {
	width: 100%;
}
#promos .prod-box .item .nm {
	height: 73px;
	overflow: hidden;
	padding-top: 12px;
	padding-right: 16px;
	padding-left: 16px;
}



#promos  .prod-box .item .nm .name {
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
	display: block;
	margin-bottom: 3px;
}
#promos  .prod-box .item .nm .prod {
	font-size: 13px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
}
#promos .prod-box .item .price {
	height: 24px;
	overflow: hidden;
}

#promos  .prod-box .item .price s {
	color: #A4A4A4;
}
#promos  .prod-box .item .price strong {
	font-size: 14px;
	font-weight: 600;
	color: #EA1561;
}
#welcome {
	text-align: center;
	padding-top: 58px;
	padding-right: 4%;
	padding-left: 4%;
	padding-bottom: 58px;
}
#welcome h1 {
	font-size: 19px;
	font-weight: 400;
	color: #000;
	margin-bottom: 9px;
}
#welcome .stars {
	margin-bottom: 24px;
}
#newsletter {
	font-size: 14px;
	font-weight: 400;
	color: #FFF;
	background-color: #2E3235;
	text-align: center;
}
#newsletter .wrapper {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #404548;
	padding-top: 30px;
	padding-bottom: 38px;
}
#newsletter  p {
	display: inline-block;
	font-size: 15px;
	margin-right: 5px;
}
#newsletter  form {
	display: inline-block;
	background-color: #EDEDED;
	width: 42%;
	margin-bottom: -13px;
}
#newsletter form input[type=text] {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: 400;
	background-color: #EDEDED;
	float: left;
	width: 77%;
	background-image: url(../img/newsletter-ico.png);
	background-repeat: no-repeat;
	background-position: 13px center;
	padding-left: 8%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 11px;
}
#newsletter form input[type=submit] {
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #FFF;
	background-color: #EA1560;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	width: 15%;
	height: 38px;
	padding-top: 2px;
	cursor: pointer;
}
#newsletter form input[type=submit]:hover {
	background-color: #CB1253;
}






#footer-box {
	background-color: #2E3235;
	padding-top: 40px;
	color: #C5C5C5;
}
#contact {
	float: right;
	width: 18%;
	padding-right: 1%;
}
#contact > img {
	margin-bottom: 24px;
}
#contact .phone {
	margin-bottom: 8px;
}

#contact .phone img {
	float: left;
	margin-right: 8px;
}

#contact .phone strong {
	font-size: 21px;
	font-weight: 600;
	color: #FFF;
	line-height: 22px;
	display: block;
	float: left;
}
#contact .phone span {
	font-size: 12px;
	font-weight: 500;
	color: #BEBEBF;
	display: block;
	float: left;
	clear: both;
	margin-left: 24px;
}
#contact .email {
	clear: both;
}
#contact .email img {
	margin-right: 8px;
	margin-top: 8px;
	float: left;
}
#contact .email a {
	color: #BEBEBF;
	text-decoration: none;
}
#logos {
	float: left;
	width: 33%;
	padding-top: 42px;
	padding-left: 3%;
}
#logos .social {
	float: right;
}
#logos .social img {
	margin-left: 5px;
}










#footer-box  .menu-box {
	float: left;
	width: 33%;
	padding-bottom: 40px;
}
#footer-box .menu-box .item {
	width: 50%;
	float: left;
}
#footer-box .menu-box .item .head {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFF;
	margin-bottom: 18px;
}
#footer-box .menu-box .item ul {
	list-style-type: none;
}
#footer-box  .menu-box .item ul li {
	margin-bottom: 4px;
}

#footer-box .menu-box .item ul li a {
	color: #C5C5C5;
	text-decoration: none;
}
#footer {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #424648;
	padding-top: 30px;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 30px;
}
#footer p {
	float: right;
}
#footer .copy {
	float: left;
}
#footer p a {
	color: #BEBEBF;
	text-decoration: none;
}
#footer p a:hover {
	color: #CFCFCF;
	text-decoration: underline;
}
.wrapper-top.pds {
	height: 110px;
}

#top.pds {
	background-color: #2F3336;
}
#breadcrumbs {
	padding-top: 8px;
	padding-bottom: 7px;
}
#breadcrumbs span {
	display:none;
}
#breadcrumbs a {
	font-size: 13px;
	font-weight: 400;
	color: #A6A6A6;
	text-decoration: none;
	display: block;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 16px;
	margin-right: 8px;
	background-image: url(../img/str-3.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#breadcrumbs a:last-of-type {
	background-image: none;
	font-weight:bold;
}


#product {
	background-color: #FFF;
	padding-top: 30px;
	padding-right: 2.5%;
	padding-bottom: 22px;
	padding-left: 2.5%;
	margin-bottom: 60px;
}
#product h1 {
	font-size: 24px;
	line-height: 26px;
	font-weight: 400;
	color: #000;
	margin-bottom: 19px;
	text-transform: uppercase;
}
#photos {
	float: left;
	width: 34%;
}
#photos .main {
	position: relative;
}

#photos .main a img {
	max-width: 100%;
}
#photos .main .line {
	background-color: #EA1560;
	height: 7px;
	width: 100%;
	position: relative;
	bottom: -30px;
}

#infos {
	width: 38%;
	float: left;
	margin-left: 4.5%;
}
#infos ul {
	list-style-type: none;
	padding-bottom: 8px;
	color: #000;
	line-height: 24px;
}
#infos ul .delivery {
	font-size: 14px;
	font-weight: 600;
	color: #96C71A;
}
#infos ul li a {
	color: #000;
	text-decoration: none;
}
#attrs {
	padding-bottom: 12px;
}

#attrs .box {
	margin-bottom: 10px;
}
#attrs .box p {
	font-weight: bold;
	color: #000;
	padding-bottom: 5px;
	font-size: 14px;
}
#attrs .box  .opt {
	float: left;
	width: 48px;
	margin-right: 14px;
	font-size: 14px;
}
#attrs .box .opt input {
	display: none;
}
#attrs .box .opt label {
	background-image: url(../img/attr-n.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	display: block;
	padding-left: 23px;
	text-align: center;
}

#attrs .box .opt label:hover {
	background-image: url(../img/attr-h.png);
}
#attrs .box .opt input:checked+label {
	background-image: url(../img/attr-h.png);
}


#attrs .box.colors .opt  {
	border: 1px solid #E7E7E7;
	width:auto;
	margin-right: 10px;
}
#attrs .box.colors .opt label {
	height: 38px;
	width: 38px;
	background-image: none;
	border: 1px solid #FFF;
	padding: 0px;
	overflow:hidden;
	text-indent:-3000px;	
}
#attrs .box.colors .opt.active  {
	border: 1px solid #EA1560;
}
#attrs .box.colors .opt.active label {
	border: 1px solid #EA1560;	
}
#attrs .box .opt.active input:checked+label {
	background-image: none;
}



#infos .links  {
	font-weight: 300;
	color: #EA1560;
}
#infos .links a {
	text-decoration: none;
	font-weight: 500;
	color: #EA1560;
	font-size:14px;
}
#infos .links a:hover {
	text-decoration: underline;
}
#price {
	font-size: 15px;
	font-weight: 300;
	color: #000;
	padding-top: 11px;
	padding-bottom: 15px;
}
#price b {color:#EA1560; font-size: 24px; font-weight: 700;}

#price s {
	font-size: 18px;
}
#price strong {
	font-weight: 600;
	color: #96C71A; font-size: 24px;
}

#aces .item {
	display: table;
	clear: both;
	width: 260px;
	font-size: 14px;
	color: #333;
}
#aces .item > div {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
#aces .photo {
	width:80px;
}
#aces .photo img {
	width:60px;
}
#aces .cart {
	width:30px;
}



#cart-btn {
	padding-bottom: 20px;
}

#cart-btn input[type=text] {
	font-size: 16px;
	color: #333;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	text-align: center;
	width: 50px;
	background-color: #F6F6F6;
	margin-right: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	height: 38px;
	margin-left:5px;
}
#cart-btn input[type=image] {
	background-image: url(../img/add-to-cart.png);
	background-repeat: no-repeat;
	background-position: center 14px;
	background-color: #2F3336;
	height: 38px;
	width: 223px;
	display: block;
	float: left;
}
#cart-btn input[type=image]:hover {
	background-color: #EA1560;
}
#cart-btn .txt {
	line-height:40px;
	
}

#gallery {
	margin-bottom: 8px;
}

#gallery a img {
	float: left;
	width: 80px;
	margin-right: 1px;
	margin-bottom: 16px;
}
#desc {
	margin-bottom: 12px;
	margin-right: 0px;
	font-weight: 300;
	font-size: 14px;
	color: #000;
	text-align: justify;
}
#see-box {
	float: right;
	width: 12.5%;
	padding-left: 5%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EFEFEF;
	margin-top: -40px;
	padding-top: 3px;
	padding-right: 2.5%;
	text-align: center;
}
#see-box .head {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	text-transform: uppercase;
	padding-bottom: 10px;
}
#see-box .item {
	padding-top: 10px;
	padding-bottom: 15px;
}


#see-box .item .photo a img {
	width: 100%;
}
#see-box .item .name {
	display: block;
	padding-top: 3px;
	color: #000;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
}



#cart-col #intro {
    padding: 10px 1% 10px;
}


#pgx {margin-bottom:26px; padding-top:20px; clear:both;}
#sort{
	float: right;
	margin-bottom: 15px;
	overflow: hidden;
	background-color: #fff;
	width: 138px;
	padding-top: 7px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin-left: 14px;
	border: 1px solid #e7e7e7;
}
#sort select{
	background-color: #fff;
	background-image: none;
	margin: 0px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 14px;
	color: #969696;
	width: 160px;
}

#v-p {
	float:left;
}
#v-p.bottom {
	float:right;
	text-align:center;
	clear:both;
	padding: 0 0 30px;
}
	.pagi {
	width: 100%;
	padding: 0;
	font-size: 14px;
	line-height: 38px;
	font-family: Arial, Helvetica, sans-serif;
	color: #959595;
	}
	.pagi .arrow {
	display: block;
	float:left;
	margin:0 1px;

	}
	

	.pagi .arrow.prev{
		display: block;	
	}
	.pagi .arrow.next{
		display: block;
	}

.pagi .arrow:hover {

	}
	
	.pagi .arrow a {
	display: block;
	color: #557072;
	text-decoration: none;
	padding-top: 1px;
	width: 37px;
	height: 37px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #e7e7e7;
	color: #000;
	background-color: #FFFFFF;
	margin: 0 1px;
	}

	.pagi .arrow.prev span{
	display: block;
	width: 100%;
	height: 37px;
	background-image: url(../img/str-p-p.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	margin: 0;
		}
	.pagi .arrow.next span{
	display: block;
	width: 100%;
	height: 37px;
	background-image: url(../img/str-p-n.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	margin: 0;
		}
	
	
	
	.pagi .arrow a:hover {
	}
	

	
	
	.pagi .arrow a .pogrubienie {font-weight:normal} 
	
	.pagi .numbers > span {
	display: block;
	float: left;
	color: #557072;
	font-weight: 600;
	text-decoration: none;
	padding-top: 1px;
	width: 37px;
	height: 37px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #EA1560;
	color: #FFFFFF;
	margin: 0 1px;
	background-color: #EA1560;
	}
	.pagi .numbers > a {
	display: block;
	float: left;
	color: #557072;
	text-decoration: none;
	padding-top: 1px;
	width: 37px;
	height: 37px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #e7e7e7;
	color: #959595;
	margin: 0 1px;
	background-color: #FFF;
	}
	.pagi .numbers > a:hover{
	background-color: #EA1560;
	border-top-color: #EA1560;
	border-right-color: #EA1560;
	border-bottom-color: #EA1560;
	border-left-color: #EA1560;
	color: #FFF;
	}
	
#exto {padding-bottom:20px;background-color:#fff;padding-top:20px;margin-bottom:30px;padding-left:1.5%;padding-right:1.5%;}


#intro h1 {
	font-size: 24px;
	line-height: 24px;
	font-weight: 400;
	color: #000;
}



#fancybox-overlay {
    z-index: 2221100 !important;
}
#fancybox-wrap {
    z-index: 2221101 !important;
}



#cart-col {background-color:#fff;padding-bottom:20px;}
#cart-col #ext {padding-left:1.5%;padding-right:1.5%;}
#cart-col #intro {padding-left:1.5%;padding-right:1.5%;padding-bottom:18px;}
#steps {
	margin-bottom: 10px;
	padding: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #fff;
	border-bottom-color: #EFEFEF;
}



#steps div {
	width: 25%;
	text-align: center;
	display: block;
	float: left;
	padding: 18px 0 12px 0;
	line-height: 20px;
}
#steps div em {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-style: normal;
	background-color: #EA1560;
	margin-right: 7px;
	color: #FFF;
	-moz-border-radius: 35px;
	border-radius: 35px;
}
#steps div.active {
	background-color: #EFEFEF;
	color: #EA1560;
}
#steps div.active em {
	background-color: #FFFFFF;
	color: #EA1560;
}

#steps div.done {
	background-color: #EFEFEF;
	color: #999;
}
#steps div.done em {
	display:none;
}


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

	#steps div.done em {
		display: inline-block;
	}
	#steps div span {
		display: none;
	}

	#cart-col .button{margin-bottom:12px;}


}






table.tprod {
	border-collapse: collapse;
	border: 0;
	text-decoration: none;
	width:100%;
	margin:auto;
}
table.tprod td {
	text-align: center;
	padding: 8px 8px 5px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
table.tprod .name {text-align:left;}
table.tprod .name .pogrubienie {
	font-weight: 400;
}
table.tprod.thead td {
	font-weight: bold;
	background-color: #EFEFEF;
	color: #333333;
}

table.tprod td input {
	text-align: center;
	background-color: #F7F7F7;
	border: 1px none #E8E8EA;
}

table.tprod td a {
	color: #5C5C5C;
	text-decoration: none;
}


/* nie zmieniac - szerokosci kolumn tabeli z produktami */

table.tprod.thead .name-thumb {text-align:left; }
table.tprod .thumb {width:10%}
table.tprod .qty {width:8%}
table.tprod .price {width:14%}
table.tprod .worth {width:16%}
table.tprod .remove {width:7%}

/****************************/



/* formy platnosci i przesylek */

#przesylki-f{}
#shipping {
	width: 48%;
	padding: 30px 0;
	float: left; background:#fff;
}
#shipping .row {
	padding-top: 8px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
#shipping p.name {
	padding: 8px 8px 4px;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
#shipping .p1 {
	float:left;
}
#shipping .p1 .pogrubienie {
	color:#000;
}
#shipping .radio {
	text-align:center;
	width:10%; margin-top: 18px;
}
#shipping div.name {
	width:70%
}
#shipping .price {
	text-align:right;
	width:18%;
	padding-right:2%;
}
@media (min-width : 240px) and  (max-width : 700px) {
	#shipping {width:86%;padding:10px 0 10px 0; float:none; margin:auto;}
}

/****************************/

#payments {
	width: 48%;
	padding: 30px 0;
	float: right; background:#fff;
}
#payments .row {
	padding-top: 8px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
#payments .p1 .pogrubienie {
	color:#000;
}
#payments p.name {
	padding: 8px 8px 4px;
	font-weight: bold;
	color: #000;
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
#payments .p1 {
	float:left;
}
#payments .radio {
	text-align:center;
	width:10%; margin-top: 14px;
}
#payments div.name {
	width:70%
}
#payments .price {
	text-align:right;
	width:18%;
	padding-right:2%;
}
@media (min-width : 240px) and  (max-width : 700px) {
	#payments {width:86%;padding:10px 0 10px 0; float:none; margin:auto;}
}


/****************************/

#channels {
	padding: 10px 0;
}
#channels p.name {
	padding: 8px 8px 4px;
	font-weight: bold;
	color: #000;
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
#channels .item {
	width: 10.5%;
	margin: 10px 1%;
	text-align:center;
	float:left;
}
#channels .item img {
	max-width: 90%;
}
#channels .item label {
	display:block;
	border: 1px solid #FFF;
	padding:15px 0;
}
#channels .item label:hover {
	border: 1px solid #EFEFEF;
}
#channels .item .name {
	display:block;
	height:47px;
	overflow:hidden;
	padding:10px 0;
	line-height:18px;
	font-size:13px;
}

@media (min-width : 240px) and (max-width : 1000px) {
	#channels .item {
		width: 18%;
		margin: 10px 1%;
		text-align:center;
		float:left;
	}
}

@media (min-width : 240px) and (max-width : 700px) {
	#channels {
		width: 86%;
		padding: 10px 0;
		float: none;
		margin: auto
	}

	#channels .item {
		width: 30.33333%;
		margin: 10px 1%;
		text-align:center;
		float:left;
		overflow:hidden;
	}


}


/****************************/

#amount {
	width: 48%;
	padding: 30px 0;
	float: right;
}
#amount .row {
	padding-top: 8px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
#amount .row.sum {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #EA1560;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 15px;
}
#amount .p1 {
	float:left;
}
#amount .p1 .pogrubienie {
	color:#000;
}
#amount div.name {
	width:57%;
	padding-left:3%;
}
#amount .price {
	text-align: right;
	width: 38%;
	padding-right: 2%;
	font-weight: bold;
	float: right;
}

@media (min-width : 240px) and  (max-width : 700px) {
	#amount {width:86%;padding:10px 0 10px 0; float:none; margin:auto;}
}

/****************************/
/**** dane zamawiajacego ****/

#ordering-data {
	width: 60%;
	margin: 0 auto;
}
#ordering-data .head {
	padding: 8px 8px 4px;
	font-weight: bold;
	color: #000;
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
#ordering-data .row  {
	padding: 6px 0 2px 1%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
#ordering-data .row .input {
	float:right;
}
@media (min-width : 240px) and  (max-width : 1000px) {
	#ordering-data {
		width:72%;
		margin:0 auto;
	}
}

@media (min-width : 240px) and  (max-width : 700px) {
	#ordering-data {
		width:86%;
		margin:0 auto;
	}
	#ordering-data .row .name {
		float:none;
		display:block;
	}
	#ordering-data .row .input {
		float:none;
		display:block;
	}
}


/****************************/



@media (min-width : 240px) and  (max-width : 500px) {
	table.tprod {width:86%}
	table.tprod.thead	{display:none;}

	table.tprod td {
		display:block;
		border:none;
		padding: 8px 0;
		width:96%;
		text-align:left;
		font-size:15px;
	}
	table.tprod .thumb {
		width: 88px;
		height: 88px;
		float:left;
	}
	table.tprod .name {
		width:calc(98% - 88px);
		clear:right;
		height: 80px;
		float:left;
	}
	table.tprod .qty{
		clear:both;
		width: 100%
	}
	table.tprod .qty:before{
		content: 'Ilość: ';
	}
	table.tprod .price {
		clear:both;
		width: 100%;
		padding: 4px 0;
	}
	table.tprod .price:before{
		content: 'Cena: ';
	}
	table.tprod .worth {
		clear:both;
		width: 100%;
		padding: 4px 0;
	}
	table.tprod .worth:before{
		content: 'Wartość‡: ';
	}
	table.tprod .remove {
		clear: both;
		width: 100%;
		padding: 4px 0;
		margin-bottom: 24px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #EAEAEA;

	}
	table.tprod .remove a img {
		display:none;
	}
	table.tprod .remove a:before {
		content: 'Usuń';
	}
	table.tprod .remove a {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
	text-decoration: none;
	background-color: #70B300;
	display: inline-block;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	margin-bottom: 10px;
	}
	table.tprod .remove a:hover, table.tprod .remove a:focus {
		background-color: #000;
	}



}



/***********************/
/***** koszyk stop *****/
/***********************/

form[name=rejestracja] {
	padding-left: calc(50% - 270px);
}






/*** Cookie warning ***/
#cookie-warn{
	position: fixed;
	bottom: 0;
	background: #EEE;
	margin: 0;
	width: 100%;
	display: none;
	z-index: 99;
	text-align: center;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}

#cookie-warn a#close-cookie-warn{
	color: #D66E1A;
	text-transform: uppercase;
	float: right;
	background-color: #FFF;
	background-image: url(../img/close-s.png);
	background-position: center center;
	display: block;
	position:absolute;
	right:0;
	bottom:0;

	height: 43px;
	width: 63px;
	background-repeat: no-repeat;
}

#cookie-warn p{
	color: #333;
	padding-top: 11px;
	padding-bottom: 10px;
}



#m-menu {display:none;}












@media screen and (max-width: 1200px) {
	
	.wrapper {
		overflow:hidden;
		padding-left:1%;
		padding-right:1%;	
	}
	
	
#why ul img {
    display:none;
}
	
	
}






@media screen and (max-width: 1024px) {
	
	.wrapper {
		padding-left:0;
		padding-right:0;	
	}
	
	
	
	
	#ext {padding-left:1.5%; padding-right:1.5%}
#nav {
    display:none;
}	
#nav-cart {
    float:right;
}
.wrapper-top.pds 
#baner img {max-width:100%;}
#main-prod .products {padding-left:1%;padding-right:1%}
.products .item .more-box {display:none !important}
.products .item .box .photo .s-buttons {display:none !important}


#why {
	width: 100%;
	float: none;
	clear: both;
	background-image: none;
	background-color: #EC0D61;
	display:none;
}
#promos .prod-box {
    float: none;
    width: 100%;
    clear: both;
    padding-left:1%;padding-right:1%
}
#footer-box .wrapper {
	 padding-left:1%;padding-right:1%
}
#logos {
    padding-left: 2%;
    text-align:center;
    width: 18%;
}	

#logos .social {
    float: none;
    display:inline-block;
    margin-bottom:20px;
}

#contact {
    padding-right: 1%;
    width: 24%;
}

#breadcrumbs {padding-left:1.5%; padding-right:1.5%}
	
#footer-box .menu-box {
    width: 46%;
}
	
#see-box {
    border-left: 1px solid #efefef;
    float: none;
    margin-top: 0;
    padding-left: 2%;
    padding-right: 2%;
    width: 96%;
    clear:both;
}	
#photos {
    float: left;
    width: 47%;
    margin-right:5%;
    margin-bottom:30px;
}
#infos {
    float: left;
    margin-left: 0;
    width: 48%;
    margin-bottom:30px;
}

#gallery a img {
    width: 70px;
}	
#photos .main .line {
    bottom: 0px;
}

#see-box {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

#see-box .head {
	color: #999999;
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 7px;
	text-transform: uppercase;
	background-color: #F6F6F6;
	text-align: left;
	clear: both;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
}

#see-box .item {
    width:22.75%;
    margin-left:1.5%;
    margin-right:1.5%;
    float:left;
}
#see-box .item:first-of-type {
    margin-left:0;
}
#see-box .item:last-of-type {
    margin-right:0;
}	
#newsletter p {
    margin-right: 0;
    margin-bottom:15px;
}
#newsletter form {
    margin-bottom: 0;
    width: 82%;
}

}


@media screen and (max-width: 820px) {

	#s-baners a {
	    display: block;
	    float: none !important;
	    width: 100% !important;
	    text-align:center !important;
	}
	#s-baners a img {
	    margin:5px 0;
	}

#logos {
    padding-left: 1%;
    text-align: center;
    width: 98%;
    clear:both;
    float:none;
}
#logos .social {
    margin-right:26px;
}
#contact {
    padding-right: 1%;
    width: 30%;
}
#footer-box .menu-box {
    width: 56%;
}

#footer p {
    float: none !important;
    text-align:center;
}

#photos {
    float: left;
    width: 55%;
    margin-right:5%;
}
#infos {
    float: left;
    margin-left: 0;
    width: 40%;
}

#gallery a img {
    width: 60px;
}
	#baner {padding-top:110px;}
	#baner img {max-width:100%;}

}


@media screen and (max-width: 640px) {

#m-menu {
	display: block;
	background-color: #FFF;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
}	
#m-menu a {
	display: inline-block;
	text-align: center;
	height: 40px;
	width: 40px;
	line-height:38px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 15px;
	color: #E81B60;
	text-decoration: none;
	border: 1px solid #D5D5D5;
	overflow:hidden;
	margin-left:3px;
}
#m-menu a img {
	vertical-align:auto
}
#m-menu a.mcart {
	width: 80px;
	padding-right:4px;
}


#sort {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    float: none;
    clear:both;
    margin-bottom: 0;
    margin-left: 0;
    overflow: hidden;
    padding: 7px 2% 5px;
    width: 96%;
    margin-bottom:10px;
}
#sort select {
    padding: 4px 2px 3px;
    width: 109%;
}
#v-p {
    float: none;
    text-align:center;
}	

	#top .logo {
	    background-color: #ea1560;
	    float: none;
	    display:block;
	    text-align:center;
	    margin-top: 0;
	    padding: 16px 16px 13px 16px;
	}
	#top .panels .menu {
	    display:none;
	}
	#nav-cart {
	   display:block;
	}
	#cart {
	    display:none;
	}
	#nav-cart .search {display:none;}
	#top .panels {
	    float: none;
	    display:block;
	}
	#nav {
		position: absolute;
		top: 118px;
		left: 0;
		right: 0;
		background-color: #000;
		z-index:100000000;
	}	
	#nav li {
	float: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2A2F32;
	}
	#nav li a {
	    color: #fff;
	    display: block;
	    font-size: 16px;
	    font-weight: 400;
	    line-height: 34px;
	    margin-right: 0px;
	    padding-left: 10px;
	    padding-right: 10px;
	    padding-top: 1px;
	    text-decoration: none;
	}	
	#nav li .sub {
	    background-color: #000;
	    display: block;
	    left: auto;
	    padding-bottom: 1px;
	    padding-top: 6px;
	    position: relative;
	    top: auto;
	}
	
#nav li .sub a {
    background-color: #000;
    border-bottom: none;
    float: none;
    line-height: 30px;
    margin-right: 0;
    font-size:15px;
    padding-left:35px;
    padding-right: 0px;
}
.wrapper-top {
    overflow: visible;
}	
	
	.products .item {
	    margin-bottom: 20px;
	    margin-left: 1.5% !important;
	    margin-right: 1.5% !important;
	    width: 47% !important;
	}
	#promos .head {
		background-color: #EC0D61;
		color: #FFF;
	}
	#promos .prod-box .item {
	    margin-bottom: 20px;
	    margin-left: 1.5% !important;
	    margin-right: 1.5% !important;
	    width: 47% !important;
	}

#footer-box .menu-box {
	width: 100%;
	clear: both;
	text-align: center;
}
#contact {
    padding-right: 0;
    width: 100%;
    text-align:center;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #424648;
}
#contact .phone {
    margin-bottom: 8px;
    
}		
#contact .phone img {
    float: none;
    margin-right: 8px;
}
#contact .phone strong {
    display: inline-block;
    float:none;
}
#contact .phone span {
    clear: both;
    display: block;
    float: none;
}
#contact .email img {
    float: none;
}
#logos {
    padding-top: 0px;
}



#photos {
    float: left;
    width: 100%;
    margin-right:0%;
    margin-bottom:20px;
}
#photos .main .line {
    display:none;
}
#infos {
    float: left;
    margin-left: 0;
    width: 100%;
}


#see-box .item {
    width:48.5%;
    margin-bottom:16px;
}
#see-box .item:nth-of-type(1+n) {
    margin-left:0;
}
#see-box .item:nth-of-type(2+n) {
    margin-right:0;
}



	
}

.name-form-przes {font-size:15px;}

.name-przesylka {font-size:14px; font-weight:bold; color:#000}
.name-przesylka strong {font-size:14px; font-weight:bold; color:#EA1560}
.przesylka-td {padding:5px 0; border-bottom:1px solid #E8E8E8}

.banner-platnosci {background:#fff; width:100%; margin:0 auto; text-align:center}
.banner-platnosci img {max-width:100%; height:auto}


	.list-select label { position: relative; z-index: 2; min-height: 30px; padding: 10px 10px 10px 80px;  cursor: pointer; display:block }			
		.list-select label:after { content: ""; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 52px; height: 52px;  background-repeat: no-repeat; background-position: 50% 50%; background-size: auto;  }
		
		.list-select label[for="przesylka_8"]:after { background-image: url(../images/dpdpickup.jpg); }
		.list-select label[for="przesylka_7"]:after { background-image: url(../images/dpd.jpg); }
		
		.list-select label[for="przesylka_5"]:after { background-image: url(../images/odbior.jpg); }
		
		.list-select label[for="platnosc_payu"]:after { background-image: url(../images/payu.jpg); }
		.list-select label[for="platnosc_przelew"]:after { background-image: url(../images/przelew.jpg); }
		
		.list-select label[for="platnosc_gotowka"]:after { background-image: url(../images/pobranie.jpg); }
		
		
		
		
		
/* Kontener główny */
.simple-slider {
    max-width: 1320px;
    margin: 20px auto;
    position: relative;
    overflow: hidden; /* To ucina slajdy wystające poza ramkę */
}

/* "Pociąg" ze slajdami */
.slider-wrapper {
    display: flex; /* Układa slajdy w poziomie */
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Pojedynczy slajd */
.slide {
    flex: 0 0 100%; /* Każdy slajd zajmuje dokładnie 100% szerokości kontenera */
    width: 100%;
}

.slide img {
    width: 100%;
    height: auto;
    display: block;
}

/* Nawigacja (bez zmian, ale dla pewności) */
.slider-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    box-sizing: border-box;
    z-index: 10;
    pointer-events: none; /* Aby pasek nie blokował kliknięć */
}

.prev-btn, .next-btn {
    background: rgba(255, 255, 255, 0.7);
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 50%;
    pointer-events: auto; /* Przywracamy klikalność przycisków */
}

.slider-dots {
    text-align: center;
    padding: 10px 0;
}

.dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: #bbb;
    border-radius: 50%;
    cursor: pointer;
}

.dot.active {
    background: #333;
}