/* ==========================================================================
	MAIN
========================================================================== */
* {margin:0;padding:0;}* a:focus {outline:none;} img {border:0;} fieldset {border:0;} ul {list-style:none;}
body, input, textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {border:0pt none;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0pt;outline-color:invert;outline-style:none;outline-width:0pt;padding:0pt; margin: 0;vertical-align:baseline;}
body {color: #333; font-family: lato, sans-serif; font-size: 14px; font-weight: 400; font-style: normal; background: #fff;}


/* ==========================================================================
	FONTS
========================================================================== */
@font-face {font-family: 'lato';src: url('../fonts/lato-light-webfont.eot');src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-light-webfont.woff2') format('woff2'),url('../fonts/lato-light-webfont.woff') format('woff'),url('../fonts/lato-light-webfont.ttf') format('truetype'),url('../fonts/lato-light-webfont.svg#latolight') format('svg');font-weight: 300;font-style: normal;}
@font-face {font-family: 'lato';src: url('../fonts/lato-lightitalic-webfont.eot');src: url('../fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'),url('../fonts/lato-lightitalic-webfont.woff') format('woff'),url('../fonts/lato-lightitalic-webfont.ttf') format('truetype'),url('../fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg');font-weight: 300;font-style: italic;}
@font-face {font-family: 'lato';src: url('../fonts/lato-regular-webfont.eot');src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-regular-webfont.woff2') format('woff2'),url('../fonts/lato-regular-webfont.woff') format('woff'),url('../fonts/lato-regular-webfont.ttf') format('truetype'),url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');font-weight: 400;font-style: normal;}
@font-face {font-family: 'lato';src: url('../fonts/lato-bold-webfont.eot');src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-bold-webfont.woff2') format('woff2'),url('../fonts/lato-bold-webfont.woff') format('woff'),url('../fonts/lato-bold-webfont.ttf') format('truetype'),url('../fonts/lato-bold-webfont.svg#latobold') format('svg');font-weight: 700;font-style: normal;}
@font-face {font-family: 'lato';src: url('../fonts/lato-black-webfont.eot');src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-black-webfont.woff2') format('woff2'),url('../fonts/lato-black-webfont.woff') format('woff'),url('../fonts/lato-black-webfont.ttf') format('truetype'),url('../fonts/lato-black-webfont.svg#latoblack') format('svg');font-weight: 900;font-style: normal;}


/* ==========================================================================
	LAYOUT
========================================================================== */

.d1 {background: url(../images/dpdd.jpg) no-repeat center 0px; width:70px; height:24px; display:inline-block; margin-right:10px;vertical-align: bottom;}
.d2 {background: url(../images/inpp.jpg) no-repeat center 0px; width:70px; height:24px; display:inline-block; margin-right:10px;vertical-align: bottom;}
.d3 {background: url(../images/poczz.jpg) no-repeat center 0px; width:70px; height:24px; display:inline-block; margin-right:10px;vertical-align: bottom;}
.yott { }
.yott label {line-height:44px }
.yott label b {font-weight:normal}

.basket-formywysylki {display:inline-block; width:36%; vertical-align:top}
.basket-podsumowanie {display:inline-block; width:100%; vertical-align:top}
.basket-podsumowanie2 {display:inline-block; width:30%; float:right; vertical-align:top}
.margines {margin-left:20px; width:30%!important;}

.bordzi {border:1px solid#ccc; margin: 0 auto; text-align: left; padding:5px 0px 5px 7px; }
.bordzi ul {padding:15px 5px}
.bordzi ul:hover {background:#f4f4f4}
.bordzi  li {display:inline-block}
.bordzi  li label {cursor: pointer; margin-left:8px;}
.bordzi  li.prajs {font-weight:700; padding:0 0 0 10px; color:#000}
.bordzi  li strong {font-weight:700;}

.bordzi ul li input:checked + label {background:#f4f4f4}

.redo {border:0px !important;  text-align: right!important; padding:5px 0px 5px 7px; }

.redo li {padding:0 10px}



/* style
/* --------------------------- */
.root {width: 100%; min-width: 320px; overflow: hidden;}
.content {width: 1130px; margin: 0 auto; position: relative; z-index: 1podpo;}
.content {width: 1130px; margin: 0 auto; position: relative; z-index: 1;}
a {color: #333; text-decoration: none;}
a:hover {color: #ce0000; text-decoration: none;}

::-webkit-input-placeholder {color: #999; filter: alpha(opacity=90); -khtml-opacity: .9; -moz-opacity: .9; opacity: .9;}
:-moz-placeholder {color: #999; filter: alpha(opacity=90); -khtml-opacity: .9; -moz-opacity: .9; opacity: .9;}
::-moz-placeholder {filter: alpha(opacity=90); -khtml-opacity: .9; -moz-opacity: .9; opacity: .9;}
:-ms-input-placeholder {filter: alpha(opacity=90); -khtml-opacity: .9; -moz-opacity: .9; opacity: .9;}

/* header
/* --------------------------- */
.header {padding: 71px 0 0 0;}
	.header > div {width: 1130px; margin: 0 auto; position: relative; z-index: 2; background: #fff; border-top: 1px solid #eee;}
		.header > div .logo {width: 192px; height: 104px; padding: 17px 0 13px 44px; display: block; text-align: center;}
			.header > div .logo a {width: 192px; height: 100%; display: inline-block; background: url(../images/logo.png) no-repeat; text-indent: -2000em;}
		.header > div > .menu {position: absolute; top: 35px; right: 17px; font-size: 13px; text-transform: uppercase;}
			.header > div > .menu > ul li {padding: 0 5px 0 9px; position: relative; float: left;}
			.header > div > .menu > ul li:first-child:before {display: none;}
			.header > div > .menu > ul li:before {width: 3px; height: 10px; position: absolute; top: 5px; left: 0; content: ""; background: url(../images/break.png);}
				.header > div > .menu > ul > li > a {line-height: 10px; padding: 5px 5px; display: block; color: #333;}
				.header > div > .menu > ul > li > a:hover,.header > div > .menu > ul > .active > a { color: #ce0000;}
		.header > div > .user {position: absolute; top: -48px; right: 0; font-size: 11px; font-weight: 700; text-transform: uppercase;}
			.header > div > .user ul {border-left: 2px solid #ebebeb;}
				.header > div > .user ul li {float: left;}
				.header > div > .user ul li:nth-last-child(1),.header > div > .user ul li:nth-last-child(2) {display: none;}
					.header > div > .user ul li a {line-height: 34px; padding: 0 44px; display: block;}
					.header > div > .user ul li .register-btn,.header > div > .user ul li .login-btn {border: 2px solid #ebebeb; border-left: 0;}
					.header > div > .user ul li .register-btn:hover,.header > div > .user ul li .login-btn:hover {background: #ce0000; color: #fff;}
					.header > div > .user ul li .cart-btn {position: relative; background: #ce0000; color: #fff; border: 2px solid #ce0000;}
					.header > div > .user ul li .cart-btn:hover {background: #000; color: #fff; border: 2px solid #000;}
					.header > div > .user ul li .cart-btn:before {width: 0; height: 0; position: absolute; bottom: -2px; left: -2px; content: ""; border-bottom: 10px solid #333; border-right: 10px solid transparent;}
					.header > div > .user ul li .cart-btn:hover:before {border-bottom: 20px solid #ce0000; border-right: 20px solid transparent;}
		.header .contact-info {position: absolute; top: -48px; left: 0; font-size: 12px; font-weight: 700;}
			.header .contact-info li {line-height: 28px; padding: 0 19px 0 39px; float: left;}
			.header .contact-info li:nth-child(1) {background: url(../images/ico-10.png) no-repeat 0 0;}
			.header .contact-info li:nth-child(2) {background: url(../images/ico-12.png) no-repeat 0 0;}
		.header .search {width: 75%; max-width: 717px; position: absolute; top: 82px; right: 17px;}
			.header .search p {position: relative; background: #fff; border: 1px solid #e9e9e9;}
			.header .search:hover p {border: 1px solid #ce0000;}
			.header .search p:before {width: 0; height: 0; position: absolute; bottom: 0; left: 0; content: ""; border-bottom: 10px solid #eee; border-right: 10px solid transparent;}
			.header .search p:hover:before {border-bottom: 10px solid #ce0000;}
				.header .search .text {width: 100%; height: 38px; padding: 0 138px 0 20px; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; color: #333; font-style: italic;}
				.header .search .go {width: 138px; height: 38px; padding: 0 0 0 14px; position: absolute; top: 0; right: 0; background: #ce0000 url(../images/search-ico.png) no-repeat 21% center; color: #fff; text-transform: uppercase; cursor: pointer;}
				.header .search .go:hover {background-color: #000;}

/* footer
/* --------------------------- */
.footer {width: 1130px; padding: 28px 0 0 0; margin: 0 auto; position: relative; clear: both;}
.footer:before {width: 3000px; height: 163px; position: absolute; top: 0; left: -1000px; content: ""; z-index: 2; background: #fff;}
.footer:after {width: 3000px; height: 100%; position: absolute; top: 0; left: -1000px; content: ""; z-index: 1; background: #f4f4f4;}
	.footer .nav-a {padding: 0 0 66px 0; position: relative; z-index: 10;}
		.footer .nav-a div {width: 22.375%; margin: 0 3.5% 0 0; float: left; background: #fff; -moz-box-shadow: 0 0 7px #ccc; -webkit-box-shadow: 0 0 7px #ccc; box-shadow: 0 0 7px #ccc;}
		.footer .nav-a div:hover {-moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666;}
			.footer .nav-a div h3 {line-height: 54px; padding: 0 25px; background: #ce0000; font-size: 16px; color: #fff; font-weight: 700; text-transform: uppercase;}
			.footer .nav-a div ul {min-height: 254px; padding: 28px 10px 10px 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px;}
				.footer .nav-a div ul li {padding: 0 0 5px 0;}
					.footer .nav-a div ul li.active a {color: #ce0000; text-decoration: underline;}
		.footer .nav-a .about {margin: 0; float: left; background: #333; font-size: 14px; color: #fff;}
			.footer .nav-a .about h3 {line-height: 34px; padding: 20px 25px 0 25px; background: #333; color: #ce0000; font-weight: 300;}
				.footer .nav-a .about h3 span {font-weight: 700;}
			.footer .nav-a .about ul {padding: 15px 10px 10px 28px;}
				.footer .nav-a .about ul li {padding: 0 0 2px 0;}
					.footer .nav-a .about ul li h2 {font-size: 14px; font-weight: 700;}
					.footer .nav-a .about ul li span {line-height: 24px; padding: 23px 0 3px 0; display: block; font-size: 24px; font-weight: 700;}
					.footer .nav-a .about ul li a {color: #fff;}
					.footer .nav-a .about ul li a:hover {color: #ce0000;}
	.footer > div {line-height: 18px; padding: 75px 10px; position: relative; z-index: 10; background: #333; font-size: 12px; color: #696969; font-weight: 300; text-align: center;}
	.footer > div:before {width: 1000px; height: 100%; position: absolute; top: 0; left: -1000px; content: ""; z-index: 2; background: #333;}
	.footer > div:after {width: 1000px; height: 100%; position: absolute; top: 0; right: -1000px; content: ""; z-index: 1; background: #333;}
		.footer > div a {color: #696969;}
		.footer > div a:hover {color: #fff;}
	.footer .nav-b {line-height: 18px; padding: 35px 5px; position: relative; z-index: 10; background: #222; font-size: 12px; color: #868686; font-weight: 300;}
	.footer .nav-b:before {width: 1000px; height: 100%; position: absolute; top: 0; left: -1000px; content: ""; z-index: 2; background: #222;}
	.footer .nav-b:after {width: 1000px; height: 100%; position: absolute; top: 0; right: -1000px; content: ""; z-index: 1; background: #222;}
			.footer .nav-b > p > a {color: #ccc; font-weight: 700;}
			.footer .nav-b > p > a {color: #ccc; font-weight: 700;}
		.footer .nav-b ul {position: absolute; top: 35px; right: 0; font-size: 13px; text-transform: uppercase;}
			.footer .nav-b ul li {padding: 0 5px 0 9px; position: relative; float: left;}
			.footer .nav-b ul li:first-child:before {display: none;}
			.footer .nav-b ul li:before {width: 3px; height: 10px; position: absolute; top: 5px; left: 0; content: ""; background: url(../images/break.png);}
				.footer .nav-b ul a {line-height: 10px; padding: 5px 5px; display: block; color: #979797;}
				.footer .nav-b ul a:hover,.footer .nav-b .active a {background: #ce0000; color: #fff;}

/* ==========================================================================
	MAIN PAGE
========================================================================== */

/* slider
/* --------------------------- */
.slider-main {max-width: 1800px; margin: -32px auto 0 auto; position: relative; z-index: 1; clear: both;}
	.slider-main li {position: relative;}
	.slider-main .owl-dots {display: none;}
	.slider-main .owl-nav {width: 100%; position: absolute; top: 50%; left: 0; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; text-indent: -2000em;}
	.slider-main:hover .owl-nav {filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1;}
		.slider-main .owl-nav .owl-prev {width: 50px; height: 50px; margin-top: -25px; position: absolute; top: 0; left: 0; background: #000 url(../images/prev.png) no-repeat center center; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5;}
		.slider-main .owl-nav .owl-next {width: 50px; height: 50px; margin-top: -25px; position: absolute; top: 0; right: 0; background: #000 url(../images/next.png) no-repeat center center; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5;}
		.slider-main .owl-nav div:hover {filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1;}
	.slider-main li .slide-content {width: 100%!important; height: 100%; position: absolute; top: 0; left: 0; z-index: 20; -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
		.slider-main li .slide-content div {width: 1130px!important; margin: 0 auto!important; color: #fff;}
			.slider-main li .slide-content div h3 {line-height: 26px; padding: 0 0 7px 0; font-size: 25px; font-weight: 400; text-transform: uppercase;}
			.slider-main li .slide-content div h2 {line-height: 56px; padding: 0 0 48px 0; position: relative; font-size: 50px; font-weight: 900; text-transform: uppercase;}
			.slider-main li .slide-content div h2:before {width: 100px; height: 4px; position: absolute; bottom: 0; left: 100px; content: ""; background: #ce0000;}
			.slider-main li .slide-content div h2:after {width: 100px; height: 4px; position: absolute; bottom: 0; left: 0; content: ""; background: #fff;}
			.slider-main li .slide-content div .text {width: 50%; line-height: 28px; padding: 45px 0; font-size: 20px; font-weight: 300;}
				.slider-main li .slide-content div .more a {height: 54px; line-height: 54px; padding: 0 20px; display: inline-block; position: relative; background: #ce0000; font-size: 14px; color: #fff; font-weight: 700; text-transform: uppercase;}
				.slider-main li .slide-content div .more a:before {width: 0; height: 0; position: absolute; bottom: 0; left: 0; content: ""; border-bottom: 10px solid #000; border-right: 10px solid transparent;}
				.slider-main li .slide-content div .more a:hover:before {border-bottom: 10px solid #ce0000;}
				.slider-main li .slide-content div .more a:hover {background: #fff; color: #000;}

/* main categories
/* --------------------------- */
.main-categories {}
	.main-categories ul {margin: -104px 0 78px 0;}
		.main-categories ul li {width: 33.33%; padding: 0 2%; margin: 89px 0 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
			.main-categories ul li a {line-height: 19px; padding: 0 14px 13px 14px; display: block; position: relative; background: #f4f4f4; border-bottom: 4px solid #ce0000; font-size: 16px; text-align: center;}
			.main-categories ul li .cat-1:after {background: url(../images/cat-1.png) no-repeat center center;}
			.main-categories ul li .cat-2:after {background: url(../images/cat-2.png) no-repeat center center;}
			.main-categories ul li .cat-3:after {background: url(../images/cat-3.png) no-repeat center center;}
			.main-categories ul li .cat-4:after {background: url(../images/cat-4.png) no-repeat center center;}
			.main-categories ul li .cat-5:after {background: url(../images/cat-5.png) no-repeat center center;}
			.main-categories ul li .cat-6:after {background: url(../images/cat-6.png) no-repeat center center;}
			.main-categories ul li .cat-7:after {background: url(../images/cat-7.png) no-repeat center center;}
			.main-categories ul li .cat-8:after {background: url(../images/cat-8.png) no-repeat center center;}
			.main-categories ul li .cat-9:after {background: url(../images/cat-9.png) no-repeat center center;}
			.main-categories ul li a:hover {background: #ce0000; color: #fff;}
			.main-categories ul li a:before {width: 0; height: 0; position: absolute; bottom: -4px; left: 0; content: ""; border-bottom: 17px solid #ce0000; border-right: 17px solid transparent;}
			.main-categories ul li a:hover:before {border-bottom: 17px solid #333; border-right: 17px solid transparent;}
			.main-categories ul li a:after {width: 122px; height: 122px; margin-left: -61px; position: absolute; top: -48px; left: 50%; content: ""; background-color: #fff!important; -moz-box-shadow: 0 0 9px #ddd; -webkit-box-shadow: 0 0 9px #ddd; box-shadow: 0 0 9px #ddd;}
			.main-categories ul li a:hover:after {-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
				.main-categories ul li a h2 {height: 31px; line-height: 30px; padding: 89px 0 0 0; margin: 0 0 21px 0; overflow: hidden; font-size: 28px; font-weight: 300;}
					.main-categories ul li a h2 span {font-weight: 700;}
					.main-categories > ul > li > a > span {height: 60px; display: block; overflow: hidden;}

/* featured
/* --------------------------- */
.featured {width: 1164px; height: 595px; margin: 0 0 49px -17px; position: relative; background: #000 url(../images/featured-c.jpg) no-repeat;}
.featured:before {width: 1000px; height: 100%; position: absolute; top: 0; left: -1000px; content: ""; background: url(../images/featured-l.jpg) no-repeat right 0;}
.featured:after {width: 1000px; height: 100%; position: absolute; top: 0; right: -1000px; content: ""; background: url(../images/featured-r.jpg) no-repeat 0 0;}
	.featured h3 {padding: 60px 10px 28px 10px; margin: 0 0 90px 0; position: relative; font-size: 36px; color: #fff; font-weight: 300; text-align: center;}
	.featured h3:before {width: 50px; height: 4px; position: absolute; bottom: 0; right: 50%; content: ""; background: #fff;}
	.featured h3:after {width: 50px; height: 4px; position: absolute; bottom: 0; left: 50%; content: ""; background: #ce0000;}
	.featured:hover h3:before,.featured:hover h3:after {width: 100px; height: 3px;}
		.featured h3 span {font-weight: 700;}
		.featured:hover h3 span {color: #c60000;}
	.featured-product {position: relative;}
		.featured-product figure {width: 45%; min-height: 270px; padding: 30px 10px 38px 10px; position: relative; overflow: hidden; background: #fff; border-top: 3px solid #ce0000; border-right: 1px solid #c3c3c3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
		.featured-product figure:before {width: 0; height: 0; position: absolute; bottom: 0; left: 0; content: ""; border-bottom: 14px solid #666; border-right: 14px solid transparent;}
		.featured-product figure:hover:before {border-bottom: 20px solid #ce0000; border-right: 20px solid transparent;}
			.featured-product figure img {width: auto!important; float: none!important; margin: 0 auto!important; -webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
			.featured-product:hover figure img {-webkit-transform: scale(1.12, 1.12) rotate(15deg); -moz-transform: scale(1.12, 1.12) rotate(15deg); -ms-transform: scale(1.12, 1.12) rotate(15deg); -o-transform: scale(1.12, 1.12) rotate(15deg); transform: scale(1.12, 1.12) rotate(15deg);}
		.featured-product > div {width: 55%; position: absolute; bottom: 0; right: 0; background: #fff; border-top: 1px solid #d6d6d5;}
			.featured-product h2 {height: 20px; line-height: 18px; padding: 30px 5px 0 25px; overflow: hidden; font-size: 18px; font-weight: 700;}
			.featured-product .price {padding: 10px 0 0 25px; line-height: 22px; font-size: 20px; color: #000; font-weight: 700;}
				.featured-product .price .old {padding: 0 10px 0 0; display: inline-block; font-size: 16px; font-weight: 400; text-decoration: line-through;}
				.featured-product .price .promo {color: #ce0000;}
			.featured-product .description {height: 80px; line-height: 16px; padding: 6px 25px 0 25px; overflow: hidden; font-size: 14px; font-weight: 400; text-align: justify;}
			.featured-product .buttons {height: 57px; padding: 15px 0 0 0; position: relative; z-index: 20;}
				.featured-product .buttons a {line-height: 35px; padding: 0 25px; display: block; position: absolute; top: 14px; right: 50px; border: 1px solid #dfdfdf; font-size: 11px; color: #333; text-transform: uppercase;}
				.featured-product .buttons a:hover {border: 1px solid #000; background: #7e7e7e; color: #fff;}
				.featured-product .buttons span {width: 50px; height: 37px; position: absolute; top: 14px; right: 0; background: #ce0000 url(../images/ico-5.png) no-repeat 10px center;}
				.featured-product:hover .buttons span {-moz-animation: bounce 2s running; -webkit-animation: bounce 2s running; animation: bounce 2s running;}
				.featured-product .buttons span:hover {background-color: #62ce53;}
					.featured-product .buttons span input {width: 100%; height: 100%; cursor: pointer;}

/* shop attributes
/* --------------------------- */
.shop-attributes {padding: 72px 0 0 0; position: relative; background: url(../images/red-c.jpg) no-repeat; text-align: center; font-size: 0;}
.shop-attributes:before {width: 1000px; height: 100%; position: absolute; top: 0; left: -1000px; content: ""; background: url(../images/red-l.jpg) no-repeat right 0;}
.shop-attributes:after {width: 1000px; height: 100%; position: absolute; top: 0; right: -1000px; content: ""; background: url(../images/red-r.jpg) no-repeat 0 0;}
	.shop-attributes li {width: 25%; padding: 145px 0 0 0; display: inline-block; position: relative;}
	.shop-attributes li:nth-child(1):before {width: 100%; height: 97px; position: absolute; top: 0; left: 0; content: ""; background: url(../images/ico-1.png) no-repeat center center;}
	.shop-attributes li:nth-child(2):before {width: 100%; height: 97px; position: absolute; top: 0; left: 0; content: ""; background: url(../images/ico-2.png) no-repeat center center;}
	.shop-attributes li:nth-child(3):before {width: 100%; height: 97px; position: absolute; top: 0; left: 0; content: ""; background: url(../images/ico-3.png) no-repeat center center;}
	.shop-attributes li:nth-child(4):before {width: 100%; height: 97px; position: absolute; top: 0; left: 0; content: ""; background: url(../images/ico-4.png) no-repeat center center;}
	.shop-attributes li:hover:before {top: -15px;}
		.shop-attributes li p {height: 110px; padding: 44px 0 0 0; position: relative; font-size: 19px; color: #fff; font-weight: 700; text-transform: uppercase; text-align: center;}
		.shop-attributes li:hover p {color: #fff777;}
		.shop-attributes li p:before {width: 19%; height: 3px; position: absolute; top: 0; right: 58%; content: ""; background: #000;}
		.shop-attributes li p:after {width: 32%; height: 3px; position: absolute; top: 0; left: 42%; content: ""; background: #fff;}
		.shop-attributes li:hover p:before {width: 32%; right: 30%; background: #66d953;}
		.shop-attributes li:hover p:after {width: 19%; left: 31%;}

/* shipping
/* --------------------------- */
.shipping {position: relative; background: url(../images/bg-3.png) no-repeat center 0;}
.shipping:before {width: 1000px; height: 100%; position: absolute; top: 0; left: -1000px; content: ""; z-index: 2; background: url(../images/bg-3l.png) repeat-x 0 0;}
.shipping:after {width: 1000px; height: 100%; position: absolute; top: 0; right: -1000px; content: ""; z-index: 1; background: url(../images/bg-3r.png) repeat-x 0 0;}
	.shipping h3 {padding: 50px 10px 28px 10px; margin: 0 0 34px 0; position: relative; font-size: 30px; font-weight: 300; text-align: center;}
	.shipping h3:before {width: 50px; height: 5px; position: absolute; bottom: 0; right: 50%; content: ""; background: #000;}
	.shipping h3:after {width: 50px; height: 5px; position: absolute; bottom: 0; left: 50%; content: ""; background: #ce0000;}
	.shipping:hover h3:before,.shipping:hover h3:after {width: 100px; height: 3px;}
		.shipping h3 span {font-weight: 700;}
		.shipping:hover h3 span,.payment:hover h3 span {color: #c60000;}
	.shipping ul {padding: 0 0 35px 0; text-align: center;}
		.shipping ul li {margin: 0 18px; display: inline-block; position: relative;}
			.shipping ul li span {width: 244px; height: 106px; display: block; position: relative; z-index: 10; background-color: #fff!important; border: 1px solid #cfcfcf; text-indent: -9999em;}
			.shipping ul li span:hover {border: 1px solid #cd0033;}
			.shipping ul li:before {width: 80%; height: 90%; content: ""; position: absolute; top: 0; left: 0; z-index: -1; background-color: #bc0000; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1;}
			.shipping ul li:after {width: 80%; height: 90%; content: ""; position: absolute; right: 0; bottom: 0; z-index: -1; background-color: #bc0000; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1;}	
			.shipping ul li:hover:before{top: -5px; left: -5px;}
			.shipping ul li:hover:after {right: -5px; bottom: -5px;}
			.shipping ul li .dpd {background: url(../images/shipping-1.png) no-repeat center center;}
			.shipping ul li .pacz {background: url(../images/shipping-2.png) no-repeat center center;}
			.shipping ul li .pp {background: url(../images/shipping-3.png) no-repeat center center;}

/* payment
/* --------------------------- */
.payment {position: relative;}
.payment:before {width: 1630px; height: 2px; margin-left: -815px; position: absolute; top: 0; left: 50%; content: ""; z-index: 2; background: #f5f5f5;}
	.payment h3 {padding: 40px 10px 30px 10px; font-size: 30px; font-weight: 300; text-align: center;}
		.payment h3 span {font-weight: 700;}
	.payment figure {padding: 0 0 44px 0;}
		.payment figure img {width: 50%; float: left;}

.dane {width:100%}		
.dane-tx  {float:left; width:45%; padding:13px 5px 0 5px; text-align:right!important}
.dane-in  {float:left; width:45%; padding:5px;}	
.dane-in input {text-align:left!important; font-weight:300!important}	
textarea {line-height: 34px; padding: 0 5px; background: #fff; border: 2px solid #e7e7e7; font-size: 14px; font-weight: 300; font-family: lato; text-align: left;}




.podstrony-informacyjne input.button {min-width:215px!important}
.podstrony-informacyjne input.text {min-width:180px!important; height: 34px; line-height: 34px; padding: 0 5px; background: #fff; border: 2px solid #e7e7e7; font-size: 14px; font-weight: 300; font-family: lato; text-align: left;}

/* ==========================================================================
	SUBPAGES
========================================================================== */

/* styles
/* --------------------------- */
.section-title {padding: 0 10px 22px 5px; font-size: 28px; font-weight: 700;}
.section-title-2 {padding: 20px 18px 22px 5px; font-size: 21px; font-weight: 700;}
.section-title-3 {padding: 20px 18px 22px 5px; font-size: 19px; font-weight: 700;}
.navi {max-width: 1800px; height: 222px; margin: -32px auto 26px auto; position: relative; z-index: 1; clear: both; background: url(../images/subpage.jpg) no-repeat center 0;}
	.navi ul {width: 1130px; padding: 82px 0 14px 0; margin: 0 auto;}
		.navi ul li {padding: 0 22px 0 0; float: left; background: url(../images/arrow-navi.png) no-repeat right 7px;}
		.navi ul li:last-child {padding: 0; background: none;}
			.navi ul li a {color: #fff; text-transform: uppercase;}
			.navi ul li a:hover {text-decoration: underline;}
	.navi h2 {width: 1130px; line-height: 50px; margin: 0 auto; display: block; font-size: 48px; color: #fff; font-weight: 300; text-transform: uppercase;}
		.navi h2 span {font-weight: 700;}

/* categories
/* --------------------------- */
.categories {padding: 18px 22px 36px 22px; margin: 0 0 40px 0; background: #f4f4f4;}
	.categories h3 {padding: 0 0 18px 0; font-size: 21px; font-weight: 700; text-transform: uppercase;}
	.categories ul {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;}
		.categories ul li {overflow: hidden; break-inside: avoid-column; -webkit-column-break-inside: avoid;}
			.categories ul li a {width: 100%; line-height: 17px; padding: 10px 17px; display: block; background: #fff; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
			.categories ul li a:hover,.categories ul .active a {background: #ce0000; color: #fff;}


/* ==========================================================================
	CATALOG
========================================================================== */

/* catalog
/* --------------------------- */
.catalog {padding: 0 0 20px 0;}
	.catalog li {width: 23%; margin: 0 1% 30px 1%; float: left; position: relative; background: #f4f4f4; border-bottom: 3px solid #ccc;}
	.catalog li:before {width: 0; height: 0; position: absolute; bottom: 0; left: 0; content: ""; border-bottom: 14px solid #ccc; border-right: 14px solid transparent;}
	.catalog li:hover:before {border-bottom: 20px solid #ce0000; border-right: 20px solid transparent;}
	.catalog li:hover {border-bottom: 3px solid #ce0000; -moz-box-shadow: 0 0 9px #898989; -webkit-box-shadow: 0 0 9px #898989; box-shadow: 0 0 9px #898989;}
		.catalog li figure {background: #fff; position: relative; border: 1px solid #f4f4f4; text-align: center;}
			.catalog li figure a {padding: 10px; display: block; overflow: hidden;}
				.catalog li figure img {-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
				.catalog li:hover figure img {-webkit-transform:scale(1.12, 1.12);-moz-transform:scale(1.12, 1.12);-ms-transform:scale(1.12, 1.12);-o-transform:scale(1.12, 1.12);transform:scale(1.12, 1.12); filter: alpha(opacity=1000); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1;}
			.catalog li figure span {height: 21px; line-height: 21px; padding: 0 15px; display: block; position: absolute; top: 14px; left: -4px; font-size: 11px; color: #fff; font-weight: 700; text-transform: uppercase;}
			.catalog li figure span.promo {background: #ce0000;}
			.catalog li figure span.new {background: #38b507;}
			.catalog li figure span.promo:before {width: 0; height: 0; position: absolute; bottom: -4px; left: 0; content: ""; border-top: 4px solid #954c4c; border-left: 3px solid transparent;}
			.catalog li figure span.new:before {width: 0; height: 0; position: absolute; bottom: -4px; left: 0; content: ""; border-top: 4px solid #608f4e; border-left: 3px solid transparent;}
		.catalog li h2 {height: 33px; line-height: 17px; padding: 17px 5px 0 15px; overflow: hidden; font-size: 14px; font-weight: 700; text-transform: uppercase;}
		.catalog li > p {height: 128px; line-height: 16px; padding: 17px 15px 0 15px; overflow: hidden; font-size: 14px; font-weight: 400; text-align: justify;}
		.catalog li > div {height: 79px; line-height: 16px; padding: 15px 0 0 15px; position: relative; z-index: 20; font-size: 14px; font-weight: 400; text-align: justify;}
			.catalog li > div .price {line-height: 37px; font-size: 16px; color: #000; font-weight: 700;}
			.catalog li > div .more {position: absolute; top: 15px; right: 50px;}
				.catalog li > div .more a {line-height: 35px; padding: 0 25px; display: block; border: 1px solid #dfdfdf; font-size: 11px; color: #333; text-transform: uppercase;}
				.catalog li > div .more a:hover {border: 1px solid #ab0000; background: #ab0000; color: #fff;}
			.catalog li > div .add {width: 50px; height: 37px; position: absolute; top: 15px; right: 0; background: #ce0000 url(../images/ico-5.png) no-repeat 10px center;}
			.catalog li:hover > div .add {-moz-animation: bounce 2s running; -webkit-animation: bounce 2s running; animation: bounce 2s running;}
			.catalog li > div .add:hover {background-color: #62ce53;}
				.catalog li > div .add input {width: 100%; height: 100%; cursor: pointer;}

/* pagination
/* --------------------------- */
.pagination {padding: 20px 0 33px 0; margin: 0 1% 0 0; clear: both; font-size: 0; text-align: right;}
	.pagination span {height: 36px; line-height: 36px; padding: 0 25px 0 0; display: inline-block; font-weight: 400; font-size: 12px; color: #888;}
	.pagination a {height: 34px; line-height: 34px; padding: 0 14px; position: relative; display: inline-block; border: 1px solid #dcdcdc; border-right: 0; font-size: 12px; color: #888;}
	.pagination a:nth-last-child(1) {border-right: 1px solid #e5e5e5;}
	.pagination a:hover,.pagination .active {background-color: #ce0000; color: #fff;}
	.pagination .prev {width: 36px; padding: 0; background: url(../images/prev-2.png) no-repeat 13px center; text-indent: 9999em;}
	.pagination .prev:hover {background-position: -87px center;}
	.pagination .next {width: 36px; padding: 0; background: url(../images/next-2.png) no-repeat -86px center; text-indent: 9999em;}
	.pagination .next:hover {background-position: 15px center;}


/* ==========================================================================
	CART
========================================================================== */

input.button { height: 61px; background: #ce0000; font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase; cursor: pointer; padding:0 15px}
input.button:hover {background-color: #519e42;}

/* styles
/* --------------------------- */
.cart-page {padding: 0 0 55px 0; position: relative;}
	.cart-page .free-shipping {position: absolute; top: 10px; left: 25%; font-size: 14px; color: #000; font-weight: 700; font-style: italic;}
		.cart-page .free-shipping span {color: #ce0000; font-weight: 900;font-size: 17px;}
	.cart-page .top-cart {height: 45px; line-height: 45px; overflow: hidden; border-bottom: 2px solid #ccc; font-size: 14px; font-weight: 700;}
		.cart-page .top-cart li {margin: 0 0 11px 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
		.cart-page .top-cart .col1 {width: 61%; padding: 0 0 0 16px;}
		.cart-page .top-cart .col2 {width: 11%; text-align: center;}
		.cart-page .top-cart .col3 {width: 12%; text-align: center;}
		.cart-page .top-cart .col4 {width: 12%; text-align: center;}
	.cart-page .item {padding: 12px 0; position: relative; border-bottom: 2px solid #ccc;}
		.cart-page .item figure {width: 6%; padding: 0 1%; float: left;}
		.cart-page .item .name {width: 51%; padding: 20px 1%; float: left;}
			.cart-page .item .name a {font-size: 14px; line-height: 11px;}
		.cart-page .item .no {width: 11%; float: left; padding: 16px 0 0 0; text-align: center;}
		.cart-page input.text {width: 27px; height: 34px; line-height: 34px; padding: 0 5px; background: #fff; border: 2px solid #e7e7e7; font-size: 14px; font-weight: 300; font-family: lato; text-align: left;}
			.cart-page .amount-a {display: inline-block; position: relative;}
				.cart-page .plus-one {width: 15px; height: 15px; display: block; position: absolute; top: 11px; right: -25px; border: 1px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer;}
				.cart-page .plus-one:after {width: 15px; height: 15px; line-height: 14px; position: absolute; top: 0; left: 0; content: "+"; font-size: 15px; text-align: center;}
				.cart-page .minus-one {width: 15px; height: 15px; display: block; position: absolute; top: 11px; left: -25px; border: 1px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer;}
				.cart-page .minus-one:after {width: 15px; height: 15px; line-height: 12px; position: absolute; top: 0; left: 0; content: "-"; font-size: 22px; text-align: center;}
				.cart-page .plus-one:hover,.cart-page .minus-one:hover {border: 1px solid #cf0000;}
		.cart-page .item .price {width: 12%; padding: 23px 0 0 0; float: left; font-size: 14px; color: #333; font-weight: 700; text-align: center;}
		.cart-page .item .final-price {width: 12%; padding: 23px 0 0 0; float: left; font-size: 14px; color: #ce0000; font-weight: 700; text-align: center;}
		.cart-page .item .remove {position: absolute; top: 35px; right: 10px;}
	.cart-page .footer-cart {padding: 21px 0; background: #f4f4f4; border-top: 1px solid #ccc;}	
		.cart-page .footer-cart div {width: 36%; line-height: 61px; float: left; font-weight: 700; text-align: center;}
			.cart-page .footer-cart div span {margin: 0 0 0 14px; display: inline-block; font-size: 21px; color: #ce0000;}
		.cart-page .footer-cart ul {width: 64%; float: left;}
			.cart-page .footer-cart ul li {width: 29%; padding: 0 1% 0 0; float: left;}
			.cart-page .footer-cart ul li:last-child {width: 35%; padding: 0 0 0 5%; background: url(../images/break.png) no-repeat 12px center;}
				.cart-page .footer-cart ul li:last-child input {background: #ce0000;}
				.cart-page .footer-cart ul li input {width: 100%; height: 61px; background: #333; font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase; cursor: pointer;}
				.cart-page .footer-cart ul li input:hover {background-color: #519e42;}
	.cart-page .more {padding: 30px 0 0 0; clear: both; font-size: 14px; text-align: right;}
		.cart-page .more li {padding: 0 26px 0 0; display: inline-block; background: url(../images/break.png) no-repeat 94% center;}
		.cart-page .more li:last-child {background: none;}
			.cart-page .more a {display: block; padding: 0 0 0 20px; background: url(../images/arrow.png) no-repeat 0 5px;}
			
			
			.cart-page .footer-cartOt {padding: 21px ; background: #f4f4f4; border: 1px solid #ccc;}	
		.cart-page .footer-cartOt div {width: 100%; line-height: 61px; font-weight: 700; text-align: right ;}
			.cart-page .footer-cartOt div span {margin: 0 0 0 14px; display: inline-block; font-size: 21px; color: #ce0000; }
			.cart-page .footer-cartOt div span.wyslo-razem { font-size: 16px; color:  #ce0000;}
			.cart-page .footer-cartOt div span.wyslo { font-size: 16px; color: #000;}
			.cart-page .footer-cartOt p {border-bottom:1px solid #ccc}
			.cart-page .footer-cartOt p:last-child {border-bottom:0px!important}
			.cart-page .footer-cartOt div span.wallet	{ background: url(../images/wallet.png) no-repeat 0 18px; padding:0 0 0 45px;}


/* ==========================================================================
	CONTACT PAGE
========================================================================== */

/* styles
/* --------------------------- */
.contact-page {width: 60%; padding: 25px 0 0 0; float: left;}
	.contact-page h2 {padding: 0 0 25px 0; font-size: 28px; font-weight: 700;}
	.contact-page > p {line-height: 19px; padding: 0 0 40px 0; font-size: 16px;}
	.contact-page .contact-form {padding: 0 0 60px 0;}
	
			
			.contact-page  input.button {height: 41px; padding: 0 41px; background: #ce0000; font-size: 11px; color: #fff; font-weight: 700; text-transform: uppercase; cursor: pointer;}
			.contact-page  input.button:hover {background: #000;}
			.contact-page  input.text { height: 36px; padding: 0 5px; border: 1px solid #ccc; font-size: 14px; font-weight: 700; }
			.contact-page textarea {padding: 0 5px; border: 1px solid #ccc; font-size: 14px;}
			
	.contact-page ul {padding: 0 0 20px 0;}
		.contact-page ul li {min-height: 48px; line-height: 14px; padding: 0 0 20px 63px; -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
		.contact-page ul .address {background: url(../images/ico-13.png) no-repeat 0 0;}
		.contact-page ul .phone {background: url(../images/ico-14.png) no-repeat 0 0;}
		.contact-page ul .mail {background: url(../images/ico-15.png) no-repeat 0 0;}
		.contact-page ul .fb {background: url(../images/ico-16.png) no-repeat 0 0;}
		.contact-page ul li p {width: 100%; margin-left: 0;}
.contact-sidebar {width: 35%; padding: 25px 0 20px 5%; float: left;}
	.contact-sidebar > div {padding: 60px 0 10px 0;}
	.contact-sidebar > div > p {padding: 0 0 10px 0;}


/* ==========================================================================
	PRODUCT PAGE
========================================================================== */

/* styles
/* --------------------------- */
.silver-box {padding: 27px 20px; margin: 0 0 54px 0; background: #f4f4f4;}
	.silver-box .gallery {width: 43%; padding: 20px; margin: 0 4% 15px 0; position: relative; float: left; background: #fff; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
		.silver-box .gallery .main-pic figure {height: 290px; -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
			.silver-box .gallery .main-pic figure img {width: auto; max-height: 290px; margin: 0 auto;  float: none;}
		.silver-box .gallery .slick-arrow {width: 40px; height: 40px; margin: -25px 0 0 0; position: absolute; top: 50%; z-index: 10; border: 0; text-indent: -9999em; cursor: pointer;}
			.silver-box .gallery .slick-prev {left: 0; background: #ce0000 url(../images/prev-3.png) no-repeat 12px center;}
			.silver-box .gallery .slick-next {right: 0; background: #ce0000 url(../images/next-3.png) no-repeat 15px center;}
			.silver-box .gallery .slick-arrow:hover {background-color: #000;}
		.silver-box .gallery .gallery-thumbs img {max-height: 120px; margin: 0 auto;}
	.silver-box .column {width: 53%; float: left;}
		.silver-box .column h3 {line-height: 18px; padding: 0 0 15px 0; font-size: 16px; font-weight: 400;}
		.silver-box .column h1 {line-height: 23px; padding: 0 0 39px 0; font-size: 21px; font-weight: 700; text-transform: uppercase;}
		.silver-box .column .price {line-height: 25px; padding: 0 0 20px 0; font-size: 14px; font-weight: 400;}
			.silver-box .column .price span {padding: 0 0 0 8px; display: inline-block; font-size: 24px; font-weight: 700;}
		.silver-box .column form .no {padding: 10px 30px 34px 0; float:left}
			.silver-box .column form .no label {line-height: 38px; padding: 0 8px 0 0; float: left;}
			.silver-box .column form .no .amount-a {position: relative; float: left;}
				.silver-box .column form .no .amount-a .pInputIlosc {width: 21px; height: 36px; padding: 0 5px; border: 1px solid #ccc; font-size: 18px; font-weight: 700; text-align: center;}
				.silver-box .column form .no .amount-a .plus-one {width: 18px; height: 17px; position: absolute; top: 0; left: 32px; background: #fff url(../images/up.png) no-repeat center center; border: 1px solid #ccc; text-indent: -2000em; cursor: pointer;}
				.silver-box .column form .no .amount-a .minus-one {width: 18px; height: 17px; position: absolute; top: 18px; left: 32px; background: #fff url(../images/down.png) no-repeat center center; border: 1px solid #ccc; text-indent: -2000em; cursor: pointer;}
				.silver-box .column form .no .amount-a .plus-one:hover,.silver-box .column form .no .amount-a .minus-one:hover {background-color: #ce0000;}
		.silver-box .column form ul {padding: 0 0 22px 0; font-size: 12px;}
			.silver-box .column form ul li {padding: 0 0 5px 0;}
			.silver-box .column form ul li:first-child {font-size: 14px;}
				.silver-box .column form ul li a {color: #ce0000; text-decoration: underline;}
				.silver-box .column form ul li a:hover {text-decoration: none;}
				
				.silver-box .column form p.bass { float:left; padding:0 0 0 50px}
				
			.silver-box .column form p.bass span {height: 60px; line-height: 60px; padding: 0 18px 0 55px; display: inline-block; position: relative; background: #ce0000 url(../images/ico-17.png) no-repeat 17px center; font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase;}
			.silver-box .column form p.bass span:hover {background-color: #7dbc66;}
				.silver-box .column form p.bass span input {width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer;}

				
				#podpowiedzi {
position: absolute; 
left:0px!important; 
top:120px!important; 
width: 100%;
max-width:1098px; 
z-index: 9!important; 
background:#fff; 
border:1px solid#d0d0d0; 
visibility: hidden; 
padding:15px;
}
				.podpo a.odnos {float:left; margin-left:14px; margin-top:10px}
.podpoObr {float:left}

#podpowiedzi .m5 {border-bottom:1px solid #e7e7e7}
#podpowiedzi .m5:hover {border-bottom:1px solid #ce0000;border-top:1px solid #ce0000; margin-top:-1px }

.commen {margin:10px}
.commen .obr {padding:5px; display:inline-block}
.commen .inpu {padding:5px; display:inline-block}
.commen .inpu .text {width:130px}
.commen .but {padding:5px; display:inline-block}

.ocenka {font-weight:bold; font-size:15px;  }
.ocenka  p {display:block; background-color:#ce0000; color:#fff; padding:5px; width:30px; text-align:center}
.komentarzyk {color:#000; padding:5px 0}
.napisal {font-size:12px ;font-weight:bold}
.autor {font-style:italic ; font-size:13px; font-weight:normal}
.adnotacja {margin-top: 3px; color:#ce0000; font-style: italic;}
				
/* tabs
/* --------------------------- */
.tabs-container {clear: both; position: relative;}
	.tabs-container .tabs {position: relative; z-index: 2; border-left: 1px solid #efefef;}
		.tabs-container .tabs li {float: left; border-right: 1px solid #efefef; border-top: 1px solid #efefef;}
			.tabs-container .tabs li a {line-height: 48px; padding: 0 17px; display: block; position: relative; background: #f4f4f4; font-size: 14px; color: #888; font-weight: 900; text-transform: uppercase;}
			.tabs-container .tabs li a:hover {color: #cf0000; text-decoration: none;}
			.tabs-container .tabs li .active {background: #fff; color: #000;}
			.tabs-container .tabs li .active:before {width: 100%; height: 3px; position: absolute; top: -4px; left: 0; content: ""; background: #ce0000;}
	.tabs-container .content-tab {width: 100%; padding: 24px; margin: -2px 0 35px 0; position: relative; z-index: 1; border: 2px solid #f7f7f7;}
	.tabs-container .content-tab.hide {position: absolute; left: -30000px; top: 0; height: 0; overflow: hidden;}
	

input.text {height: 34px; line-height: 34px; padding: 0 5px; background: #fff; border: 2px solid #e7e7e7; font-size: 14px; font-weight: 300; font-family: lato; text-align: left;}

/* other
/* --------------------------- */
.header .search p:before,.header .search .go,.header .search p,.header > div > .user ul li .cart-btn:before,.header > div > .user ul li span,.cart-page .footer-cart ul li input,.contact-page .contact-form p .go,.silver-box .column form p:last-child span,.silver-box .gallery .owl-nav .owl-prev,.silver-box .gallery .owl-nav .owl-next,.slider-main .owl-nav .owl-prev,.slider-main .owl-nav .owl-next,.slider-main .owl-nav,.slider-main li .slide-content div .more a:before,.main-categories ul li a:before,.main-categories ul li a:after,.featured h3:before,.featured h3:after,.featured h3 span,.featured-product figure:before,.featured-product .buttons span,.categories h3,.catalog li,.catalog li:before,.catalog > li > div .add,.shop-attributes li:nth-child(1):before,.shop-attributes li:nth-child(2):before,.shop-attributes li:nth-child(3):before,.shop-attributes li:nth-child(4):before,.shop-attributes li p,.shop-attributes li p:before,.shop-attributes li p:after,.shipping h3:before,.shipping h3:after,.shipping ul li span,.shipping h3 span,.payment h3 span,.footer .nav-a div h3,.footer .nav-a div,a {-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.list-wrap:after,.header > div > .user ul:after,.main-categories ul:after,.featured .slide:after,.categories ul:after,.catalog:after,.shipping ul:after,.navi ul:after,.cart-page .item:after,.cart-page .footer-cart:after,.content:after,.silver-box:after,.silver-box .column form .no:after,.tabs-container .tabs:after,.footer .nav-a:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


/* ==========================================================================
	RESPONSIVE
========================================================================== */
img, video, embed, object, table {max-width: 100%;}
@-ms-viewport{width:device-width;}

@media only screen and (max-width: 1650px) {
.slider-main li .slide-content div h3 {line-height: 16px; padding: 0 0 7px 0; font-size: 15px;}
.slider-main li .slide-content div h2 {line-height: 33px; padding: 0 0 18px 0; position: relative; font-size: 30px;}
.slider-main li .slide-content div .text {width: 100%; line-height: 20px; padding: 25px 0; font-size: 17px;}
.slider-main li .slide-content div .more a {height: 34px; line-height: 34px; padding: 0 16px;}
}

@media only screen and (max-width: 1200px) {
.header > div,.content,.footer,.navi ul,.navi h2 {width: 100%; max-width: 1130px;}
.header .contact-info {left: 10px;}
.footer .nav-a div {width: 23%; margin: 0 1%;}
.footer .nav-a .about {margin: 0 1%;}
.slider-main li .slide-content div {width: 90%!important; padding: 0 5%; max-width: 1130px;}
.featured {width: 100%; margin: 0 0 49px 0;}
.slider-main {height: 400px;}
.slider-main figure {background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.slider-main li figure {height: 400px;}
.slider-main li figure img {display: none!important;}
.navi ul li:first-child {margin-left: 10px;}
.navi h2 {padding: 0 0 0 10px;}
.contact-page {width: 59%; padding: 25px 0 0 1%;}
.contact-sidebar {width: 34%; padding: 25px 1% 20px 5%;}
.tabs-container .content-tab .inside {padding: 0px 50px 0px 0}
}

@media only screen and (max-width: 1023px) {
	.podstrony-informacyjne {padding:10px;}
.header {padding: 0;}
.header > div .logo {width: 100%; padding: 17px 0 80px 0;}
.header > div {border-top: 0;}
.header > div > .user {width: 100%; height: 60px; top: 140px; background: #ce0000;}
.header > div > .user ul {padding: 7px 0 0 0; float: right; border-left: 0;}
.header > div > .user ul li {padding: 0 0 0 5px;}
.header > div > .user ul li a,.header > div > .user ul li span {padding: 0; border: 2px solid #fff!important; text-indent: -9999em; cursor: pointer;}
.header > div > .user .search-btn {width: 40px; height: 40px; display: block; position: relative; background: url(../images/ico-11.png) no-repeat center 13px;}
.header > div > .user .search-btn:hover,.header > div > .user .search-btn.clicked {background-color: #383b43; border: 2px solid #000!important;}
.header > div > .user .search-btn.clicked {background-position: center -38px;}
.header > div > .user .search-btn:after {width: 0; height: 0; margin-left: -10px; position: absolute; bottom: -7px; left: 50%; content: ""; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 7px solid #000;}
.header > div > .user .search-btn.clicked:after {filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1;}
.header > div > .user .menu-btn {width: 40px; height: 40px; display: block; position: absolute; top: 8px; left: 7px; background: url(../images/menu-ico.png) no-repeat center center;}
.header > div > .user .menu-btn:hover,.header > div > .user .menu-btn.clicked {background-color: #383b43; border: 2px solid #000!important;}
.header > div > .user .menu-btn:after {width: 0; height: 0; margin-left: -10px; position: absolute; bottom: -7px; left: 50%; content: ""; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 7px solid #000;}
.header > div > .user .menu-btn.clicked:after {filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1;}
.header > div > .user ul li .register-btn {width: 40px; height: 40px; display: block; background: url(../images/ico-6.png) no-repeat center center!important;}
.header > div > .user ul li .register-btn:hover {background-color: #383b43!important; border: 2px solid #000!important;}
.header > div > .user ul li .login-btn {width: 40px; height: 40px; display: block; background: url(../images/ico-7.png) no-repeat center center!important;}
.header > div > .user ul li .login-btn:hover {background-color: #383b43!important; border: 2px solid #000!important;}
.header > div > .user ul li .cart-btn {width: 40px; height: 40px; display: block; background: url(../images/ico-9.png) no-repeat center center!important;}
.header > div > .user ul li .cart-btn:hover {background-color: #383b43!important; border: 2px solid #000!important;}
.header > div > .user ul li .cart-btn:before {display: none;}
.header .contact-info {display: none;}
.header > div > .user ul li:nth-last-child(1),.header > div > .user ul li:nth-last-child(2) {display: block;}
.header .search {width: 100%; max-width: 100%; padding: 10px 0; display: none; position: relative; top: auto; right: auto; background: #ccc;}
.header > div > .menu {display: none; position: relative; top: auto; right: auto;}
.header > div > .menu > ul {border-bottom: 4px solid #ce0000;}
.header > div > .menu > ul li {padding: 0; float: none; border-bottom: 1px solid #8a9ab3;}
.header > div > .menu > ul li:before {display: none;}
.header > div > .menu > ul > li > a {line-height: 10px; padding: 12px 15px; background: #333b45; color: #fff;}
.header > div > .menu > ul > li > a:hover,.header > div > .menu > ul > .active > a {background: #000;}
.footer {padding: 15px 0 0 0;}
.footer .nav-a {padding: 0;}
.footer .nav-a div,.footer .nav-a div:hover {width: 100%; margin: 0; float: none; background: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.footer .nav-a div h3 {line-height: 35px; border-bottom: 1px solid #f78e8e; cursor: pointer;}
.footer .nav-a div h3:hover,.footer .nav-a div .clicked {background: #333;}
.footer .nav-a div ul {min-height: 100%; padding: 0;}
.footer .nav-a div ul li {padding: 0; border-bottom: 1px solid #ccc;}
.footer .nav-a div ul li a {padding: 7px 25px; display: block; background: #f4f4f4;}
.footer .nav-a div ul li a:hover,.footer .nav-a div ul li.active a {background: #7d7d7d; color: #fff; text-decoration: none;}
.footer .nav-a .about,.footer > div,.footer .nav-b ul {display: none;}
.footer .nav-b {padding: 10px 25px;}
.categories {padding: 0; margin: 0 0 30px 0;}
.categories h3 {padding: 10px 20px; background: #ce0000 url(../images/drop-ico.png) no-repeat 95% 18px; color: #fff; cursor: pointer;}
.categories h3:hover {background-color: #000;}
.categories h3.clicked {background-color: #000; background-position: 95% -82px;}
.categories ul {display: none; border: 0!important; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.main-categories ul li a h2 {font-size: 25px;}
.main-categories ul li {width: 50%;}
.featured {margin: 0 0 20px 0;}
.shop-attributes {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.shop-attributes li {width: 50%;}
.shop-attributes li p {font-size: 15px;}
.shipping ul li {width: 31.33%; margin: 0 1%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.shipping ul li span {width: 100%; height: 100px;}
.catalog li {width: 31.33%;}
.pagination {padding: 0 0 20px 0; margin: 0; text-align: center;}
.pagination span {display: none;}
.navi {height: 160px; margin: 0; -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.navi ul {display: none;}
.navi h2 {line-height: 36px; padding: 0 20px; font-size: 33px; text-align: center;}
.cart-page .footer-cart div {width: 96%; line-height: 20px; padding: 0 2% 18px 2%; float: none; text-align: right;}
.cart-page .footer-cart ul {width: 100%; float: none;}
.cart-page .footer-cart ul li {width: 31.33%!important; padding: 0 1%!important;}
.cart-page .footer-cart ul li:last-child {background: none;}
.contact-page {width: 96%; padding: 25px 2% 0 2%;}
.contact-sidebar {width: 96%; padding: 25px 2% 20px 2%;}
.silver-box .gallery {width: 100%; margin: 0 0 143px 0; float: none;}
.silver-box .column {width: 100%; float: none;}
#podpowiedzi {top:250px!important; }



.basket-formywysylki {display:inline-block; width:100%; vertical-align:top}
.basket-podsumowanie {display:inline-block; width:100%; vertical-align:top}
.basket-podsumowanie2 {display:inline-block; width:100%; float:right; vertical-align:top}
.margines {margin-left:0%!important; width:100%!important}



}

@media only screen and (max-width: 768px) {
.shipping ul li span {background-size: 80% auto!important;}
.catalog li {width: 48%;}
.cart-page .free-shipping {padding: 0 0 10px 10px; position: relative; top: auto; left: auto;}
.cart-page .top-cart .col1 {width: 31%;}
.cart-page .top-cart .col2 {width: 21%;}
.cart-page .top-cart .col3 {width: 22%;}
.cart-page .top-cart .col4 {width: 22%;}
.cart-page .item figure {display: none;}
.cart-page .item .name {width: 29%; padding: 20px 1%;}
.cart-page .item .no {width: 21%;}
.cart-page .item .price {width: 22%;}
.cart-page .item .final-price {width: 22%;}

.commen .obr { display:block}

.commen .but {display:block}


}

@media only screen and (max-width: 600px){
.slider-main li .slide-content div .text {display: none;}
.slider-main li .slide-content div .more {padding: 15px 0 0 0;}
.main-categories ul li {width: 100%;}
.featured h3 {font-size: 25px;}
.shipping h3 {padding: 30px 10px 28px 10px; font-size: 20px;}
.shipping ul li span {height: 80px;}
.payment h3 {padding: 20px 10px 10px 10px; font-size: 20px; font-weight: 300; text-align: center;}
.payment figure {padding: 0 0 4px 0;}
.payment figure img {width: 100%; float: none; margin: 0 auto;}
.cart-page .footer-cart ul li {width: 98%!important;}
.contact-page .contact-form div,.contact-page > .contact-form > p:nth-last-child(2) {width: 100%; padding: 0; float: none;}
	.silver-box .column form p.bass { float:left; padding:0 0 20px 0px}
	
	
	.dane-tx  {display:block; width:95%; padding:13px 5px 0 5px; text-align:left!important}
.dane-in  {display:block; width:95%;; padding:5px;}	
textarea {max-width:90%}
	
	
}	

@media only screen and (max-width: 480px){
.featured-product figure img {width: 100%!important;}
.shop-attributes li {width: 100%;}
.payment h3 span {display: block;}
.catalog li {width: 98%;}
.silver-box {margin: 0 0 10px 0;}
.tabs-container .tabs li {float: none;}
.tabs-container .tabs li a {width: 100%; padding: 0; text-align: center;}
.tabs-container .tabs li .active:before {display: none;}
.tabs-container .tabs li .active {background: #cf0000; color: #fff!important;}

.cart-page input.button {font-size: 16px;}
}