

/* ==========================================================================
	MAIN
========================================================================== */
* {	margin: 0;	padding: 0;}*.cl{clear:both} a:focus {outline:none;} img {border: 0;} fieldset {border:0;}
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: #231f20; font-family: Arial, sans-serif; font-size: 18px; background: #fff;}


/* ==========================================================================
	FONTS
========================================================================== */
@font-face {font-family: 'bebas';src: url('../fonts/bebasneue_regular-webfont.eot');src: url('../fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),url('../fonts/bebasneue_regular-webfont.woff') format('woff'),url('../fonts/bebasneue_regular-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}

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




/* style */
/**************************************/
.wrapper {width: 100%; background: url(../images/bg.png) repeat-x 0 0;}
.container {width: 1170px; padding: 0 0 20px 0; margin: 0 auto;}
ul {list-style: none;}
a {text-decoration: none; color: #231f20; position: relative;}
a:hover {text-decoration: none;}
.heading {height: 38px; line-height: 38px; padding: 0 0 35px 0; background: url(../images/heading-bg.png) repeat-x 0 14px; font-size: 48px; color: #231f20; font-family: bebas; font-weight: bold; text-align: center;}
	.heading span {padding: 0 43px; display: inline-block; background: #fff;}

/* header */
/**************************************/
.top-line {height: 60px; position: relative;}
	.top-line .contact {line-height: 60px; padding: 0 0 0 11px;}
		.top-line .contact li {color: #939598; font-size: 16px; padding: 0 25px 0 40px; float: left;}
		.top-line .contact li:nth-child(1) {background: url(../images/ico-1.png) no-repeat 0 20px;}
		.top-line .contact li:nth-child(2) {background: url(../images/ico-2.png) no-repeat 15px 16px;}
			.top-line .contact li a {color: #939598;}
	.top-line .user-panel {position: absolute; top: 11px; right: 0; z-index: 110;}
		.top-line .user-panel li {margin: 0 0 0 13px; float: left;}
			.top-line .user-panel li a {height: 37px; line-height: 37px; color: #fff; padding: 0 26px; font-size: 16px; display: block;}
			.top-line .user-panel li a:hover {background-position: 0 -37px!important;}
		.top-line .user-panel li:nth-child(1) a {background: url(../images/bg-silver.png);}
		.top-line .user-panel li:nth-child(2) a {background: url(../images/bg-orange.png);}
.header {height: 225px; margin: 0 auto; clear: both; position: relative; z-index: 20;}
	.header .logo {display: block; width: 303px; height: 167px; padding: 19px 0 0 11px;}
		.header .logo a {display: inline-block; width: 303px; height: 167px; text-indent: -2000em; background: url(../images/logo.png) no-repeat center center;}
	
/* search + basket */
/**************************************/
.top-line .box {position: absolute; top: 83px; right: 0; z-index: 100;}
	.top-line .box .search-form {height: 28px; padding: 14px 16px 15px 16px; background: #ffcb08; float: left;}
		.top-line .box .search-form .text {width:235px; height: 28px; line-height: 28px; padding: 0 8px; margin: 2px 20px 0 0; font-size: 14px; color: #939598; float: left;}
		.top-line .box .search-form .go {height: 30px; padding: 0 0 0 34px; font-size: 27px; font-family: bebas; font-weight: bold; color: #231f20; background: url(../images/ico-3.png) no-repeat; cursor: pointer; float: left;}
		.top-line .box .search-form .go:hover {color: #000;}
		.top-line .box #mKoszyk {margin: 0 0 0 18px; float: left;}

		.top-line .box .basket a {height: 55px; line-height: 55px; padding: 0 24px 0 70px; font-size: 27px; font-family: bebas; font-weight: bold; background: url(../images/ico-4.png) no-repeat 15px 11px; border: 2px solid #231f20; display: inline-block;}
		.top-line .box .basket a:hover {color: #fff; background-color: #000; background-position: 15px -90px;}

/* top menu */
/**************************************/
.top-menu-container {position: absolute; top: 168px; right: 0; z-index: 110;}
	.top-menu-container .menu-ico {display: none;}
	.top-menu-container .top-menu {font-size: 33px; font-family: bebas; font-weight: bold;}
		.top-menu-container .top-menu li {float: left; padding: 0 0 0 30px;}
			.top-menu-container .top-menu li a {height: 50px; line-height: 50px; letter-spacing: -0.5px; display: block;}
			.top-menu-container .top-menu li a:hover,.header .top-menu .active a {text-decoration: underline;}

/* bottom pages */
/**************************************/
.bottom-page-container {background: #231f20; border-top: 4px solid #ffcb08;}
	.bottom-page {width: 1170px; padding: 51px 0 55px 0; margin: 0 auto; color: #fffffe;}
		.bottom-page a {color: #fffffe;}
		.bottom-page a:hover {text-decoration: underline;}
			.bottom-page .about {width: 279px; padding: 0 51px 0 0; float: left;}
				.bottom-page .about .logo {width: 179px; height: 101px; display: block;}
					.bottom-page .about .logo a {display: inline-block; width: 179px; height: 101px; text-indent: -2000em; background: url(../images/footer-logo.png) no-repeat center center;}
				.bottom-page .about .text {padding: 31px 0 0 0; font-size: 12px; line-height: 14px; letter-spacing: -0.5px;}
			.bottom-page .footer-links {width: 840px; padding: 9px 0 0 0; float: left;}
				.bottom-page .footer-links .box {width: 257px; padding: 0 20px 0 0; float: left;}
				.bottom-page .footer-links .box3 {width: 286px; padding: 0; float: left;}
					.bottom-page .footer-links .box dt {padding: 0 0 25px 0; margin: 0 0 20px 0; font-size: 18px; font-family: bebas; font-weight: bold; background: url(../images/break-yellow.png) no-repeat 0 bottom; letter-spacing: 0.07ex;}
					.bottom-page .footer-links .box dd {padding: 0 0 20px 33px; font-size: 18px; font-family: bebas; font-weight: bold; background: url(../images/arrow-2.png) no-repeat 10px 5px;letter-spacing: 0.07ex;}
						.bottom-page .footer-links .box .active a {color: #ffcb08;}
					.bottom-page .footer-links .box3 dd {padding: 0 0 14px 42px; line-height: 30px; color: #939598; font-size: 16px; font-family: arial; font-weight: normal; letter-spacing: -0.6px;}
					.bottom-page .footer-links .box3 dd:nth-child(2) {background: url(../images/ico-1.png) no-repeat 4px 5px;}
					.bottom-page .footer-links .box3 dd:nth-child(3) {background: url(../images/ico-5.png) no-repeat 2px 0;}
					.bottom-page .footer-links .box3 dd:nth-child(4) {background: url(../images/ico-2.png) no-repeat 10px 2px;}
						.bottom-page .footer-links .box3 dd a {color: #939598;}

/* footer */
/**************************************/
.footer-container {background: #333333;}
	.footer {color: #fffffe; font-size: 14px; padding: 38px 0; width: 1170px; margin: 0 auto;}
		.footer a {color: #fffffe;}
		.footer a:hover {text-decoration: underline;}

/* product */
/**************************************/
.product {width: 376px; font-family: bebas; font-weight: bold; position: relative;}
	.product .pic {height: 230px; overflow: hidden; position: relative; text-align: center;}
	.product .pic .mask {width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; top: 0; left: 0; content: ""; z-index: 9; -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;}
	.product:hover .pic .mask {opacity: 0.4;}
		.product .pic 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;}
		.product:hover .pic img {-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
	.product .name {position: relative; padding: 0 0 8px 0; background: #ffcb08; text-align: left;}
		.product .name a {height: 52px; padding: 15px 40px 0 24px; display: block; overflow: hidden;}
		.product .name a:after {width: 17px; height: 25px; background: url(../images/arrow.png); position: absolute; top: 24px; right: 18px; content: "";}
		.product .name:hover {background: #3a99f1;}
		.product .name a:hover {color: #fff;}
			.product .name .title {font-size: 24px; display: block; letter-spacing: 0.05ex}
			.product .name .long {font-size: 20px;letter-spacing: 0.05ex}
	.product .price-old {height: 43px; line-height: 43px; padding: 0 11px 0 25px; color: #fff; font-size: 27px; background: #cc3333; display: inline-block; position: absolute; top: 121px; left: -10px; z-index: 10; text-decoration: line-through;}
	.product .price-old:after {width: 10px; height: 10px; background: url(../images/corner-red.png); position: absolute; left: 0; bottom: -10px; content: "";}
		.product .price-old span {font-size: 15px; display: inline-block; position: relative; top: -10px;}
	.product .price-actual {height: 56px; line-height: 56px; padding: 0 19px 0 33px; color: #fff; font-size: 36px; background: #669933; display: inline-block; position: absolute; top: 174px; left: -10px; z-index: 10;}
	.product .price-actual:after {width: 10px; height: 10px; background: url(../images/corner-green.png); position: absolute; left: 0; bottom: -10px; content: "";}
		.product .price-actual span {font-size: 18px; display: inline-block; position: relative; top: -14px;}
	.product .basket {position: absolute; top: 135px; right: 15px; z-index: 10;}
	.product .basket:hover {-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}


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

/* main boxes */
/**************************************/
.main-boxes {clear: both; padding: 0 0 56px 0; width: 1171px;}
	.main-boxes .box {width: 376px; height: 188px; margin: 0 21px 0 0; float: left; font-family: bebas; font-weight: bold; color: #fff; position: relative;}
	.main-boxes .box:before {position: absolute; content: ""; top: 0; left: 0; width: 0; height: 0; margin: 0 auto; background-color: rgba(255, 255, 255, 0.1); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
	.main-boxes .box:after {content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; background-color: rgba(255, 255, 255, 0.1); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
	.main-boxes .box:hover:before, .main-boxes .box:hover:after {width: 100%; height: 100%;}
		.main-boxes .box .name {padding: 58px 0 7px 26px; font-size: 48px; position: relative; z-index: 10;}
		.main-boxes .box:hover .name {padding: 38px 0 7px 46px;}
		.main-boxes .box .more {position: absolute; top: 118px; left: 26px; z-index: 10; letter-spacing: 0.13ex}
			.main-boxes .box .more a {width: 166px; height: 52px; line-height: 52px; color: #fff; font-size: 23px; text-align: center; background: url(../images/yellow-bg.png); display: block;}
			.main-boxes .box .more a:hover {background-position: 0 -52px;}
	.main-boxes .box1 {background: url(../images/box-1.jpg);}
	.main-boxes .box2 {background: url(../images/box-2.jpg);}
	.main-boxes .box3 {background: url(../images/box-3.jpg); margin: 0;}

/* slider */
/**************************************/
.slider-wrapper {width: 1170px; padding: 0 0 32px 0; margin: -30px 0 0 0;}
.nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;}
.nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;}
.nivo-main-image {display: block !important;position: relative !important;width: 100% !important;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white;filter:alpha(opacity=0);opacity:0;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img {display:block;}
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer; height: 62px; width: 36px; background: #1c1c1c url(../images/arrows.png) no-repeat; text-indent: -2000em; display: none;}
.nivoSlider:hover .nivo-directionNav a {display: block;}
.nivo-prevNav {left:0px; background-position: 0 0;}
.nivo-nextNav {right:0px; background-position: -36px 0!important;}
.nivo-controlNav {text-align:center; padding: 15px 0; display: none;}
.nivo-controlNav a {cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}


/* ==========================================================================
	SUBPAGE
========================================================================== */

/* about page */
/**************************************/
.about-page {clear: both; padding: 0 0 90px 0; font-size: 23px; line-height: 24px;}
	.about-page p {padding: 0 0 26px 0;}
	.about-page .pic {text-align: center;}

/* info box */
/**************************************/
.info-box {height: 390px; color: #fff; background: url(../images/silver.png) repeat-y 0 0; clear: both; position: relative; font-family: bebas; font-weight: bold;}
.info-box.no-margin {margin-right: 0!important;}
	.info-box .inside {padding: 40px 20px 40px 40px; position: relative; z-index: 10; letter-spacing: 0.13ex}
	.info-box .title {font-size: 48px; font-weight: bold; line-height: 48px; padding: 0 0 15px 0;}
	.info-box .text {font-size: 30px; line-height: 30px; padding: 0 0 18px 0;}
		.info-box .more a {height: 52px; line-height: 52px; padding: 0 16px; color: #fff; font-size: 23px; background: url(../images/yellow-bg.png); display: inline-block;}
		.info-box .more a:hover {background-position: 0 -52px;}
	.box-wide {margin: 0 0 130px 0;}
	.box-wide:after {width: 739px; height: 354px; background: url(../images/cw-pic-6.png); position: absolute; top: 155px; right: 22px; content: "";}
	.box-narrow {width: 354px; margin: 0 53px 40px 0; float: left; clear: none;}
	.box-narrow.box1:after {width: 206px; height: 219px; background: url(../images/cw-pic-1.png); position: absolute; top: 202px; right: 0; content: "";}
	.box-narrow.box2:after {width: 260px; height: 167px; background: url(../images/cw-pic-2.png); position: absolute; top: 252px; right: 0; content: "";}
	.box-narrow.box3:after {width: 239px; height: 322px; background: url(../images/cw-pic-3.png); position: absolute; top: 102px; right: 18px; content: "";}
	.box-half {width: 560px; margin: 0 50px 40px 0; float: left; clear: none;}
	.box-half.box1:after {width: 490px; height: 386px; background: url(../images/cw-pic-4.png); position: absolute; bottom: 0px; right: -110px; content: "";}
	.box-half.box2:after {width: 279px; height: 385px; background: url(../images/cw-pic-5.png); position: absolute; top: 30px; right: 0; content: "";}
.box-subpage {height: 420px;}
.box-subpage:after {width: 200px; height: 175px; background: url(../images/cw-pic-7.png); position: absolute; bottom: 0; right: 7px; content: "";}
	.box-subpage .more {position: absolute; top: 324px; left: 40px;}
		.box-subpage .more a {width: 88px; height: 40px; line-height: 40px; padding: 0 0 0 60px; color: #fff; font-size: 25px; font-family: bebas; font-weight: bold; background: #cc3333 url(../images/back-ico.png) no-repeat 24px 7px; display: block;}
			.box-subpage .more a:hover {background-color: #63a930; background-position: 24px 7px!important;}

/* cw subpage */
/**************************************/
.see-also {clear: both; padding: 0 0 20px 0; font-family: bebas; font-weight: bold;}
	.see-also dt {font-size: 48px; padding: 0 0 45px 10px;}
	.see-also dd {width: 31%; padding: 0 2% 13px 0; height:90px; line-height: 30px; font-size: 30px; float: left; background: url(../images/orange-arrow.png) no-repeat 52px 0px;}
		.see-also dd a {display: block; margin: 0 0 0 95px;}
		.see-also dd a:hover {text-decoration: underline; color: #e9ae1f;}

/* contact subpage */
/**************************************/
.heading2 {padding: 0 0 25px 0; margin: 0 0 26px 0; color: #000; font-size: 24px; font-family: bebas; font-weight: bold; background: url(../images/break-yellow.png) no-repeat 0 bottom;}
.information-box {width: 468px; padding: 0 0 75px 132px; float: left; font-size: 14px; line-height: 14px; letter-spacing: -0.5px;}
	.information-box .contact-info {padding: 26px 0 0 0;}
		.information-box .contact-info li {padding-left: 65px;}
		.information-box .contact-info li:nth-child(1) {background: url(../images/ico-8.png) no-repeat; min-height: 41px; padding-bottom: 15px;}
		.information-box .contact-info li:nth-child(2) {background: url(../images/ico-9.png) no-repeat 0 2px; min-height: 30px; padding-bottom: 18px;}
		.information-box .contact-info li:nth-child(3) {background: url(../images/ico-10.png) no-repeat 0 5px; min-height: 30px; line-height: 30px; padding-bottom: 18px;}
		.information-box .contact-info li:nth-child(4) {background: url(../images/ico-11.png) no-repeat 0 0; min-height: 30px; line-height: 30px;}
			.information-box .contact-info li a:hover {text-decoration: underline;}
.map {clear: both; padding: 0 0 60px 0;}

/* ask */
/**************************************/
.contact-box {width: 569px; padding: 0 0 75px 0; float: left;}
	.ask-code .form {position: relative;}
			.ask-code .form label {line-height: 28px; display: block; font-size: 13px;}
			.ask-code .form .text {width: 96%; padding: 0 2%; height: 26px; line-height: 26px; border: 1px solid #000;}
			.ask-code .form textarea {width: 96%; padding: 10px 2%; margin: 8px 0 0 0; height: 145px; border: 1px solid #000; resize: none;}
		.ask-code .verify label {display: inline-block; float: none; width: 100%;}
		.ask-code .verify .text {width: 120px; padding: 0 10px; float: left; margin: 0 0 0 10px;}
		.ask-code .verify .image-code {display: inline-block; height: 36px; float: left; margin: 1px 0 0 0;}
		.ask-code .verify .go {height: 37px; padding: 0 40px; font-size: 16px; color: #fff; background: url(../images/bg-silver.png); cursor: pointer; position: absolute; right: 0; bottom: 7px;}
		.ask-code .verify .go:hover {color: #fff; background-position: 0 -37px;}


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

/* styles */
/**************************************/
.catalog {width: 1194px; padding: 0 0 40px 0; clear: both;}
	.catalog li {width: 376px; padding: 0 22px 30px 0; float: left;}
.catalog-boxes {clear: both; padding: 0 0 59px 0;}
	.catalog-boxes .box {width: 376px; min-height: 329px; margin: 0 20px 0 0; background: #231f20; color: #fff; float: left;}
	.catalog-boxes .box.nomargin {margin: 0;}
		.catalog-boxes .box .title-section {padding: 45px 0 25px 0; margin: 0 0 15px 55px; font-size: 24px; font-family: bebas; font-weight: bold; background: url(../images/break-yellow.png) no-repeat 0 bottom;}
		.catalog-boxes .box .search-form {padding: 0 0 0 55px;}
			.catalog-boxes .box .search-form .text {width: 255px; height: 28px; line-height: 28px; padding: 0 8px; margin: 0 0 29px 0; background: #fff; font-size: 14px; color: #231f20;}
			.catalog-boxes .box .search-form .go {height: 37px; line-height: 37px; color: #fff; padding: 0 26px; font-size: 16px; background: url(../images/bg-orange.png); ; cursor: pointer;}
			.catalog-boxes .box .search-form .go:hover {background-position: 0 -37px;}
		.catalog-boxes .box .links {padding: 8px 0 0 55px;}
			.catalog-boxes .box .links li {padding: 0 0 20px 33px; font-size: 18px; font-family: bebas; font-weight: bold; background: url(../images/arrow-2.png) no-repeat 10px 4px;}
				.catalog-boxes .box .links li a {color: #fff;}
				.catalog-boxes .box .links li a:hover {color: #ffcb08;}
		.catalog-boxes .box .about {padding: 4px 20px 0 55px; font-size: 14px; line-height: 14px;}
			.catalog-boxes .box .about p {padding: 0 0 23px 0;}
			.catalog-boxes .box .about .contact {min-height: 44px; padding: 2px 0 0 60px; background: url(../images/contact-ico.png) no-repeat;}

/* pagination */
/**************************************/
.pagination {height: 38px; line-height: 38px; padding: 0 0 35px 0; background: url(../images/heading-bg.png) repeat-x 0 14px; font-size: 48px; color: #231f20; font-family: bebas; font-weight: bold; text-align: center; clear: both;}
	.pagination span {padding: 0 33px; display: inline-block; background: #fff;}
	.pagination a:hover,.pagination .active {color: #ffcb08;}


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

/* styles */
/**************************************/
.product-page {padding: 0 0 30px 0; clear: both;}
	.product-page .gallery {width: 376px; float: left;}
		.product-page .gallery img {float: left;}
	.product-page .right-side {width: 794px; background: #ffcb08; float: left; position: relative;}
		.product-page .right-side .inside {padding: 37px 17px 0px 41px; float: left;}
			.product-page .right-side .inside .title-product {font-family: bebas; font-weight: bold; font-size: 24px;}
			.product-page .right-side .inside .size {font-family: bebas; font-weight: bold; font-size: 20px;}
			.product-page .right-side .inside .description {padding: 32px 0 0px 0; font-size: 18px; line-height: 24px; font-family: bebas;}}
				.product-page .right-side .inside .description p {padding: 0 20px 25px 0;}
				.product-page .right-side .inside .description h1,.product-page .right-side .inside .description h2,.product-page .right-side .inside .description h3,.product-page .right-side .inside .description h4,.product-page .right-side .inside .description h5,.product-page .right-side .inside .description h6 {font-family: bebas; font-weight: bold; font-size: 20px; padding: 0 0 20px 0;}
				.product-page .right-side .inside .description dl {width: 100%; padding: 0 0 10px 0;}
				.product-page .right-side .inside .description dl:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0;height: 0;}
					.product-page .right-side .inside .description dl dt {width: 55%; float: left;}
					.product-page .right-side .inside .description dl dd {width: 45%; float: left;}
				.product-page .right-side .inside .description .more {padding: 0; font-family: bebas; font-size: 24px; font-weight: bold;}
					.product-page .right-side .inside .description .more a:hover {text-decoration: underline;}
		.product-page .right-side .atributes {width: 94px; padding: 187px 28px 0px 0; float: left;}
			.product-page .right-side .atributes li img {float: left;}
		.product-page .price-old {height: 51px; line-height: 51px; padding: 0 23px 0 19px; color: #fff; font-family: bebas; font-size: 32px; font-weight: bold; background: #cc3333; display: inline-block; position: absolute; top: 32px; right: -10px; z-index: 10; text-decoration: line-through;}
		.product-page .price-old:after {width: 10px; height: 10px; background: url(../images/corner-red-2.png); position: absolute; right: 0; bottom: -10px; content: "";}
			.product-page .price-old span {font-size: 15px; display: inline-block; position: relative; top: -10px;}
		.product-page .price-actual {height: 58px; line-height: 58px; padding: 0 30px; color: #fff; font-family: bebas; font-size: 43px; font-weight: bold; background: #669933; display: inline-block; position: absolute; top: 93px; right: -10px; z-index: 10;}
		.product-page .price-actual:after {width: 10px; height: 10px; background: url(../images/corner-green-2.png); position: absolute; right: 0; bottom: -10px; content: "";}
			.product-page .price-actual span {font-size: 18px; display: inline-block; position: relative; top: -17px;}
		.product-page .right-side .no {padding: 14px 5px 14px 5px; color: #fff; font-family: bebas; font-size: 28px; font-weight: bold; background: #cc3333; text-align: right; clear: both; position: relative;}
			.product-page .right-side .no label {line-height: 48px; padding: 0 5px; display: inline-block; float: right;}
			.product-page .right-side .no .pInputIlosc {height:46px; width: 57px; line-height: 46px; padding: 0 35px 0 5px; text-align: right; display: inline-block; border: 1px solid #a57171; float: right;}
			.product-page .right-side .no .amount-a {position: relative; margin-top:7px;}
				.plus-one {text-indent: -2000em; width: 18px; height: 15px; background: url(../images/up.png); position: absolute; top: 7px; right: 12px; cursor: pointer;}
				.minus-one {text-indent: -2000em; width: 18px; height: 15px; background: url(../images/down.png); position: absolute; top: 25px; right: 12px; cursor: pointer;}
				.plus-one:hover,.minus-one:hover {opacity: 0.5;}
		.product-page .right-side .buttons {width: 70%; padding: 5px 0 0 1%; float: left; position: relative; z-index: 10;}
			.product-page .right-side .buttons li {float: left;}
			.product-page .right-side .buttons li:nth-child(1) {padding: 0px 11px 0 0;}
				.product-page .right-side .buttons li:nth-child(1) a {width: 110px; height: 63px; line-height: 63px; padding: 0 40px 0 40px; color: #231f20; font-size: 25px; font-family: bebas; font-weight: bold; background: #ffcb08 url(../images/back-ico.png) no-repeat 24px 19px; display: block;}
				.product-page .right-side .buttons li:nth-child(1) a:hover {background-color: #63a930;}
			.product-page .right-side .buttons li:nth-child(2) {padding: 0 5px 0 0;}
			.product-page .right-side .no-container {width: 38%; padding: 20px 10px 0 0; position: absolute; top: 0; right: 0;}

/* ==========================================================================
	BASKET PAGE
========================================================================== */

/* styles */
/**************************************/
.legend {height: 40px; line-height: 40px; margin: 0 0 29px 0; font-size: 30px; background: #ffcb08; font-family: bebas; font-weight: bold;}
	.legend li {float: left;}
	.legend li:nth-child(1) {width: 377px; padding: 0 0 0 40px;}
	.legend li:nth-child(2) {width: 365px;}
	.legend li:nth-child(3) {width: 230px;}
	.legend li:nth-child(4) {width: 153px;}
.cart-options {height: 40px; line-height: 40px; margin: 10px 0 20px 0; background: #231f20; text-align: right;}
	.cart-options a {margin: 0 40px 0 10px; color: #fcc808; font-size: 24px; font-family: bebas; font-weight: bold; display: inline-block;}
	.cart-options a:hover {text-decoration: underline;}
.cart-summary {padding: 0 0 7px 0;}
	.cart-summary .inside {float: right;}
		.cart-summary .btn {height: 41px; line-height: 41px; margin: 12px 9px 0 9px; font-size: 21px; font-family: bebas; font-weight: bold; background-color: #ffcb08!important; display: inline-block; float: left;}
		.cart-summary .btn:hover {background-color: #fb5d3e!important;}
		.cart-summary .btn-1 {padding: 0 53px 0 75px; background: url(../images/ico-6.png) no-repeat 38px 12px; cursor:pointer}
		.cart-summary .btn-2 {padding: 0 48px 0 82px; background: url(../images/ico-7.png) no-repeat 41px 8px; cursor:pointer}
		.priceBasketo  {line-height: 42px; padding: 12px 18px 0 48px; font-size: 48px; font-family: bebas; font-weight: bold; display: inline-block; float: right;}
			.priceBasketo span {font-size: 22px; position: relative; top: -20px;}
		.cart-summary .final {display: inline-block; float: left; background: url(../img/koszyk_b.gif) no-repeat 0px 0px; padding: 0 53px 0 75px; height: 64px; line-height: 64px; margin: 2px 9px 0 9px; font-size: 21px; font-family: bebas; font-weight: bold; cursor:pointer; text-indent:-999999px; width:292px}

/* cart product */
/**************************************/
.product-cart {clear: both; margin: 0 0 20px 0; background: #ffcb08;}
	.product-cart .pic {width: 156px; padding: 10px 10px; float: left;}
	.product-cart .right-side {width: 955px; padding: 10px 0 10px 39px; float: left; position: relative;}
		.product-cart .right-side .name {width: 567px; display: block; float: left;}
		.product-cart .right-side .name:hover {text-decoration: underline;}
			.product-cart .right-side .name .title {font-family: bebas; font-weight: bold; font-size: 24px; display: block;}
			.product-cart .right-side .name .size {font-family: bebas; font-weight: bold; font-size: 20px; display: block;}
		.product-cart .right-side .amount-a {width: 99px; position: relative; float: left;}
			.product-cart .right-side .amount-a .text {width: 57px!important; line-height: 46px; padding: 0 35px 0 5px; text-align: right; font-size: 36px; font-weight: bold; font-family: bebas; display: inline-block; border: 1px solid #a57171; height:auto;}
		.product-cart .price {width: 206px; height: 51px; line-height: 51px; padding: 0 0 0 25px; color: #fff; font-family: bebas; font-size: 32px; font-weight: bold; background: #cc3333; display: inline-block; position: absolute; top: 10px; right: -10px; z-index: 10;}
		.product-cart .price:after {width: 10px; height: 10px; background: url(../images/corner-red-2.png); position: absolute; right: 0; bottom: -10px; content: "";}
			.product-cart .price span {font-size: 15px; display: inline-block; position: relative; top: -10px;}

			
.button {height: 37px; padding: 0 10px; font-size: 16px; color: #fff; background: url(../images/bg-silver.png); cursor: pointer;  }
.button:hover {color: #fff; background-position: 0 -37px;}			
	input.text {border: 1px solid #000;    height: 26px;    line-height: 26px;    padding: 0 2px;}		
	select {border: 1px solid #000;    height: 26px;    line-height: 26px;    padding: 0 2px;}		
				textarea {border: 1px solid #000;        line-height: 26px;    padding:  2px;}	
.texterko table, td {padding:5px; border-spacing: 0;
    border-collapse: collapse;}

	.kom{
	border: 1px solid #000; 
}

.dane {width:100%}		
.dane-tx {float:left; width:45%; padding:10px 5px 0 5px; text-align:right}
.dane-in {float:left; width:45%; padding:5px;}	

.dane-tx .pogrubienie {color:#cc3333}


/* ==========================================================================
	OTHER
========================================================================== */
* { transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s; -moz-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s; -o-transition: color 0.4s ease 0s, border-color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s; -ms-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s;  transform-origin: center center; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; }
.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0;height: 0;}
.fade:hover:after {opacity: 1;}
.fade:after {content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.anime {-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;}



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

@media only screen and (max-width: 1250px) {
.wrapper {min-width: 320px;}
.top-line .box {right: 5px;}
.top-line .box .search-form .text {width: 195px;}
.top-menu-container .top-menu li {padding: 0 10px; font-size: 26px;}
.container {width: 100%; max-width: 1170px;}
.slider-wrapper {width: 100%; max-width: 1170px; padding: 0 0 32px 0; margin: -30px 0 0 0;}
.bottom-page {width: 96%; max-width: 1170px; padding: 51px 2% 55px 2%;}
.bottom-page .about {width: 24%; padding: 0 2% 0 0;}
.bottom-page .footer-links {width: 73%;}
.bottom-page .footer-links .box {width: 30%; padding: 0 2% 0 0;}
.bottom-page .footer-links .box3 {width: 36%; padding: 0;}
.footer {width: 96%; max-width: 1170px; padding: 38px 2%;}
.main-boxes {width: 100%; max-width: 1171px; padding: 0 0 56px 0; text-align: center; font-size: 0;}
.main-boxes .box {width: 48%; margin: 0 1% 10px 1%; display: inline-block; float: none; background-size: 100% auto; text-align: left; overflow: hidden;}
.catalog {width: 100%; max-width: 1194px; padding: 0 0 40px 0;}
.catalog li {width: 31%; padding: 0 1% 30px 1%;}
.catalog li .product {width: 100%;}
.catalog li .product .pic {height: auto; max-height: 230px;}
.product .price-old {top: 15%;}
.product .price-actual {top: 38%;}
.product .basket {top: 40%;}
.catalog-boxes .box {width: 31.3%; min-height: 329px; margin: 0 1%;}
.catalog-boxes .box .search-form .text {width: 80%; padding: 0 3%;}
.catalog-boxes .box .about {padding: 4px 20px 0 20px;}
.box-wide {margin-left: 1%; margin-right: 1%;}
.box-narrow {width: 98%; height: auto; margin: 0 1% 40px 1%;}
.box-half {width: 98%; height: auto; margin: 0 1% 40px 1%;}
.box-narrow:after {right: 1%!important;}
.box-half:after {right: 1%!important;}
.about-page {padding: 0 1% 90px 1%;}
.contact-box {width: 50%; padding: 0 0 75px 1%;}
.information-box {width: 44%; padding: 0 0 75px 5%;}
.map {padding: 0 1% 30px 1%;}
.legend li:nth-child(1) {width: 15%; padding: 0 2%;}
.legend li:nth-child(2) {width: 48%;}
.legend li:nth-child(3) {width: 15%;}
.legend li:nth-child(4) {width: 15%; text-align: center;}
.product-cart {overflow: hidden;}
.product-cart .pic {width: 15%; padding: 10px 1%;}
.product-cart .right-side {width: 81%; padding: 10px 0 10px 2%;}
.product-cart .right-side .name {width: 56%; padding: 10px 4% 10px 0;}
.product-cart .right-side .amount-a {width: 18%;}
.product-cart .right-side .amount-a .text {width: 70%!important; text-align: left; padding: 0 8% 0 10%;}
.product-cart .right-side .amount-a .plus-one {right: 14%;}
.product-cart .right-side .amount-a .minus-one {right: 14%;}
.product-cart .price {width: 20%; padding: 0 0 0 2%;}
.priceBasketo {margin: 0 0 10px 0;}
.product-page .gallery {width: 30%;}
.product-page .right-side {width: 70%; padding: 100px 0 0 0;}
.product-page .price-old {top: 12px; right: 0;}
.product-page .price-old:after {display: none;}
.product-page .price-actual {top: 73px; right: 0;}
.product-page .price-actual:after {display: none;}
}

@media only screen and (max-width: 1023px) {
.wrapper {background: #fff;}
.top-line {height: auto; background: #231f20; padding: 50px 0 9px 0;}
.top-line .contact {display: none;}
.top-menu-container {padding: 10px 0 0 0; position: relative; top: auto; right: auto;}
.top-menu-container .menu-ico {width: 40px; height: 40px; line-height: 40px; display: block; margin: 0 0 0 10px; background: #cc3333 url(../images/menu-ico.png) no-repeat center center; text-indent: -2000em; cursor: pointer;}
.top-menu-container .menu-ico:hover {background-color: #44911f;}
.top-menu-container .top-menu {margin: 10px 0 0 0; border-top: 2px solid #fff;}
.top-menu-container .top-menu li {padding: 0; float: none;;}
.top-menu-container .top-menu li a {height: auto; line-height: 20px; padding: 9px 0; display: block; border-bottom: 1px solid #5e5c56; text-align: center; color: #fff;}
.top-menu-container .top-menu li a:hover,.top-menu-container .top-menu .active a {text-decoration: none; background: #ffcb08; color: #000;}
.top-line .user-panel {position: absolute; top: 60px; right: 50px; z-index: 110;}
.top-line .user-panel li {margin: 0 10px 0 0;}
.top-line .user-panel li a {width: 40px; height: 40px; line-height: 40px; padding: 0; text-indent: -2000em;}
.top-line .user-panel li:nth-child(1) a {background: #cc3333 url(../images/ico-14.png) no-repeat center center!important;}
.top-line .user-panel li:nth-child(2) a {background: #cc3333 url(../images/ico-13.png) no-repeat center center!important;}
.top-line .user-panel li a:hover {background-color: #3a8aed!important;}
.top-line .box {width: 100%; top: 60px; right: 0; z-index: 110;}
.top-line .box .basket {position: absolute; top: 0; right: 10px;}
.top-line .box .basket a {width: 40px; height: 40px; line-height: 40px; padding: 0; display: block; border: 0; background: #cc3333 url(../images/ico-12.png) no-repeat center center; text-indent: -2000em;}
.top-line .box .basket a:hover {background-color: #3a8aed; background-position: center center;}
.top-line .box .search-form {width: 98%; height: 36px; padding: 7px 1%; float: none; position: absolute; top: -60px; right: 0; background: #ffcb08;}
.top-line .box .search-form .text {width: 76%; padding: 0 2%; margin: 2px 0 0 0; float: left; color: #000; background: #fff;}
.top-line .box .search-form .go {width: 19%; height: 30px; padding: 0; text-indent: -2000em; background-position: center center; float: left; color: #000;}
.top-line .box .search-form .go:hover {opacity: 0.5;}
.header {background: url(../images/bg.png) repeat-x 0 -60px;}
.bottom-page {width: 100%; padding: 0;}
.bottom-page .about {display: none;}
.bottom-page .footer-links {width: 100%; padding: 2px 0 0 0;}
.bottom-page .footer-links .box {width: 100%; padding: 0;}
.bottom-page .footer-links .box dt {padding: 12px 0; margin: 0 0 2px 0; font-size: 24px; color: #000; font-weight: bold; background: #ffcb08; text-align: center; cursor: pointer;}
.bottom-page .footer-links .box dt:hover,.bottom-page .footer-links .box .clicked {background: #cc3333; color: #fff;}
.bottom-page .footer-links .box dd {padding: 10px 0 10px 33px; display: none; background-position: 10px 14px;}
.bottom-page .footer-links .box3 dd {padding: 10px 0 14px 52px; line-height: 30px; color: #939598; font-size: 16px; font-family: arial; font-weight: normal; letter-spacing: -0.6px;}
.bottom-page .footer-links .box3 dd:nth-child(2) {background: url(../images/ico-1.png) no-repeat 14px 15px;}
.bottom-page .footer-links .box3 dd:nth-child(3) {background: url(../images/ico-5.png) no-repeat 12px 10px;}
.bottom-page .footer-links .box3 dd:nth-child(4) {background: url(../images/ico-2.png) no-repeat 20px 12px;}
.product .basket {top: 30%;}
.catalog {text-align: center; font-size: 0;}
.catalog li {width: 48%; float: none; display: inline-block;}
.catalog li .product .pic {height: auto; max-height: 230px;}
.catalog li .product .pic img {width: 100%;}
.info-box {height: auto; min-height: 390px;}
.box-wide:after {width: 90%; height: 50%; background-size: auto 100%; background-position: 90% center; background-repeat: no-repeat; position: absolute; top: auto; bottom: -15%; right: 1%;}
.box-narrow:after {width: 90%!important; height: 50%!important; background-size: auto 100%!important; background-position: 90% center!important; background-repeat: no-repeat!important; position: absolute; top: auto!important; bottom: -5%; right: 1%!important;}
.box-half:after {width: 90%!important; height: 50%!important; background-size: auto 100%!important; background-position: 90% center!important; background-repeat: no-repeat!important; position: absolute; top: auto!important; bottom: -5%; right: 1%!important;}
.catalog-boxes .box.nomargin {display: none;}
.catalog-boxes .box {width: 48%; margin: 0 1%;}
.see-also dd {background: url(../images/orange-arrow.png) no-repeat 22px 14px;}
.see-also dd a {display: block; margin: 0 0 0 65px;}
.product-page .gallery {width: 100%;}
.product-page .gallery li {width: 31%; margin: 0 1% 10px 1%; float: left; text-align: center;}
.product-page .gallery li img {float: none;}
.product-page .right-side {width: 100%;}
.product-page .right-side .inside {padding: 37px 3% 0px 3%;}
}

@media only screen and (max-width: 900px) {
.nivo-directionNav a {top: 35%;}
.main-boxes .box {width: 98%;}
.see-also dd {width: 48%;}
.contact-box {width: 98%; padding: 0 1% 75px 1%;}
.information-box {width: 98%; padding: 0 1% 75px 1%;}
.legend li:nth-child(2) {width: 45%;}
.legend li:nth-child(3) {width: 18%;}
.product-cart .right-side .name {width: 52%;}
.product-cart .right-side .amount-a {width: 22%;}
.no-container .pInputIlosc {text-align: center!important;}
.cart-summary .inside {float: right; text-align: right;}
.cart-summary .final {float: right; margin: 10px 10px 0 0;}
.cart-summary .btn-1,.cart-summary .btn-2 {float: none;}
.cart-options {height: auto; line-height: 40px; margin: 10px 0 20px 0; background: #231f20; text-align: right;}
}

@media only screen and (max-width: 768px) {
.catalog li {width: 98%;}
.info-box .inside {padding: 40px 20px;}
.box-wide:after {height: 30%;}
.catalog-boxes .box .title-section {margin: 0 0 15px 30px;}
.catalog-boxes .box .search-form {padding: 0 0 0 30px;}
.catalog-boxes .box .links {padding: 8px 0 0 30px;}
.legend {display: none;}
.product-cart .pic {width: 99%; text-align: center;}
.product-cart .right-side {width: 100%; padding: 10px 0;}
.product-cart .right-side .name {width: 100%; padding: 10px 2%;}
.product-cart .right-side .amount-a {margin: 0 2% 10px 2%;}
.product-cart .price {width: 96%; padding: 0 2%; clear: both; position: relative; top: 0; right: 0;}
.product-page .right-side .buttons {width: 100%; position: relative; padding: 130px 0 20px 0;}
.product-page .right-side .buttons li:nth-child(2) {position: absolute; right: 10px; top: 130px;}
.product-page .right-side .no {position: relative;}
.product-page .right-side .no .no-container {width: 98%; padding: 6px 2% 0 0; position: absolute; top: 10px; right: 10px; z-index: 100;}
}

@media only screen and (max-width: 600px){
.catalog-boxes .box {width: 100%; margin: 0; min-height: auto;}
.catalog-boxes .box .title-section {padding: 15px 0; text-align: center; margin: 0; font-size: 24px; background: #ffcb08; border-bottom: 2px solid #000; cursor: pointer; color: #000;}
.catalog-boxes .box .title-section:hover,.catalog-boxes .box .title-section.clicked {background: #cc3333; color: #fff;}
.catalog-boxes .box .search-form,.catalog-boxes .box .links  {padding: 30px; display: none;}
.see-also dd {width: 98%;}
.product-page .gallery li {width: 100%; text-align: center; margin: 0;}
.product-page .right-side .buttons li:nth-child(1) {display: none;}
.product-page .right-side .buttons li:nth-child(2) {position: relative; right: auto; top: auto; float: right;}

input.buttones, input.button { margin:10px; width:90%}
}	

@media only screen and (max-width: 480px){
.main-boxes .box {background-size: 100% 100%;}
.info-box .more a {padding: 0 10px; font-size: 20px;}
.box-wide {margin-bottom: 20px;}
.box-wide:after {display: none;}
.heading span {font-size: 30px;}
.ask-code .verify .go {width: 100%; position: relative; right: auto; bottom: auto; float: none; clear: both;}
.product .basket { display:none!important}

.dane-tx {float:left; width:35%; padding:16px 5px 0 5px; text-align:right}
.dane-in {float:left; width:55%; padding:5px;}		
.dane-in input.text {width:180px!important}

textarea { max-width:270px!important}
}

@media only screen and (max-width: 320px){
	
	.dane-tx {float:left; width:95%; padding:16px 5px 0 15px; text-align:left}
.dane-in {float:left; width:95%; padding:5px;}		
.dane-in input.text {width:240px!important}
#inputo-koszyko  input.text{max-width:20px!important;}

textarea { max-width:210px!important}

}

