/* url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext'); */
body {
	background: #999;
	background-image: url("/images/gfx/bg.jpg");
	color: #23201c;
	font-size: 13px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');


a:active, a:focus {
	outline: none!important;
}

a {
	outline: none!important;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	color: #607890;
	text-decoration: none;
}
a:hover {
	color: #c92626;
	text-decoration: underline;
	outline: none!important;
}
.list-link a {
	text-decoration: none;
	color: inherit;
}
.list-link a:hover {
	color: #c92626;
	text-decoration: underline;
}
.p,
p, ul, ol {
	margin: .7em 0;
	padding: 0;
}

hr {
	height: 10px;
	margin: 20px 0 10px;
	background: none;
	border: 0 solid #CCC;
	border-top-width: 1px;
}

h1, .h1 {
	font-size: 28px;
	font-weight: normal;
	line-height: 1.0em;
	margin: 2px 0px 20px;
}
.blink {
	padding-left: 25px;
	position: relative;
}
.blink:before {
	content: "";
	width: 17px;
	height: 21px;
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	background-image: -webkit-linear-gradient(top, #ed4545, #c61e1e);
	background-image: -moz-linear-gradient(top, #ed4545, #c61e1e);
	background-image: linear-gradient(top, #ed4545, #c61e1e);
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
	box-shadow:         inset 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
}
.blink2 {
	padding-left: 21px;
	position: relative;
}
.blink2:before {
	content: "";
	width: 12px;
	height: 17px;
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	background-image: -webkit-linear-gradient(top, #ed4545, #c61e1e);
	background-image: -moz-linear-gradient(top, #ed4545, #c61e1e);
	background-image: linear-gradient(top, #ed4545, #c61e1e);
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
	box-shadow:         inset 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
}
h2, .h2 {
	font-weight: normal;
	font-size: 22px;
	margin: 2px 0px 20px;
	line-height: 1.2em;
}
h3, .h3 {
	font-weight: normal;
	font-size: 1.5em;
	margin: .7em 0;
	line-height: 1.2em;
}
h4, .h4 {
	font-size: 16px;
	font-weight: normal;
	margin: 20px 0 15px;
	line-height: 1.4em;
}
h5, .h5 {
	font-size: 13px;
	margin: 10px 0 7px;
}


/*
 * Lists
 */

ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol {
	margin-left: 35px;
}
	ol li {
		padding: 1px 0 1px 0;
	}

/*
 * Table
 */

table {
	margin: 1em auto;
}
	td, th {
		padding: 0.5em 1em;
		border: 1px solid #EEE;
	}
	th {
		font-weight: bold;
	}
	thead {
		background-color: #F7F7F7;
	}
	tfoot {
		background-color: #F7F7F7;
		color: #888;
	}

img {
	vertical-align: middle;
}

.tableHover tr:hover td {
	background-color: #F7F7F7;
}
.tableFull {
	width: 100%;
}


/*
 * Input
 */

.input {
	display: inline-block;
	padding: 7px 5px 6px;
	width: 220px;
	max-width: 100%;
	border: 1px solid #CCC;
	border-radius: 2px;
	background: #FDFDFD;
	vertical-align: middle;
	font: 13px/13px Arial, Helvetica, sans-serif;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.input--long {
		width: 350px;
	}
	.input--full {
		width: 100%;
	}
	.input--number {
		width: 55px;
		text-align: center;
	}
	.input--short {
		width: 70px;
		text-align: center;
	}
	.input--textarea {
		max-width: 380px;
		width: 100%;
		height: 90px;
		vertical-align: top;
		line-height: 1.2em;
	}
	.input--full {
		max-width: none;
	}
	.input--textarea--medium {
		height: 200px;
	}
	.input--textarea--large {
		height: 400px;
	}
	.input:focus {
		border-color: #AAA;
		box-shadow: 0 0 6px rgba(0,0,0,0.1);
	}
	.input--invalid {
		border-color: #D47171;
	}


/*
 * Button
 */

.button {
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 9px 15px;
	border: none;
	background: #c61e1e;
		background-image: -webkit-linear-gradient(top, #ee4646, #c61e1e);
		background-image: -moz-linear-gradient(top, #ee4646, #c61e1e);
		background-image: linear-gradient(top, #ee4646, #c61e1e);
		-webkit-box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.28);
		-moz-box-shadow:    inset 0px 3px 10px 0px rgba(0, 0, 0, 0.28);
		box-shadow:         inset 0px 3px 10px 0px rgba(0, 0, 0, 0.28);
	background-clip: padding-box;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 14px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	cursor: pointer;
}
	.button--large {
		padding: 13px 18px 12px;
		font-size: 14px;
	}
	.button:hover {
		-webkit-box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.48);
		-moz-box-shadow:    inset 0px 3px 10px 0px rgba(0, 0, 0, 0.48);
		box-shadow:         inset 0px 3px 10px 0px rgba(0, 0, 0, 0.48);
	}
	.button:active {
		border-color: #666;
		background: #c61e1e;
		-webkit-box-shadow: inset 0px 3px 15px 0px rgba(0, 0, 0, 0.68);
		-moz-box-shadow:    inset 0px 3px 15px 0px rgba(0, 0, 0, 0.68);
		box-shadow:         inset 0px 3px 15px 0px rgba(0, 0, 0, 0.68);
	}


/*
 * Select
 */

.select {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 4px 5px;
	min-width: 150px;
}
	.select--full {
		width: 98%;
	}


/*
 * Form
 */

.form {
	max-width: 450px;
	margin: 0 auto;
}

.label,
.formActions {
	display: block;
	clear: both;
	padding: 3px 0 3px 120px;
}
	.label-name {
		float: left;
		margin-left: -120px;
		padding-top: 5px;
		padding-right: 5px;
		width: 110px;
		text-align: right;
		font-size: 13px;
	}
	.label-value {
		padding: 5px 0 0 0;
		display: inline-block;
	}
	.label-help {
		display: block;
		color: #aaa;
		font-size: 11px;
		line-height: 1.2em;
	}
	.label-help--after {
		display: inline-block;
		vertical-align: middle;
	}
	.label--invalid {
		color: #B72B2B;
	}
	.label--invalid .input {
		border-color: #D92E2E;
	}

	.label--big {
		padding-left: 210px;
	}
		.label--big .label-name {
			margin-left: -210px;
			width: 200px;
		}

	.label--small {
		padding-left: 80px;
	}
		.label--small .label-name {
			margin-left: -80px;
			width: 70px;
		}

	/* elastyczne labele */
	.elasticLabels .label {
		padding-left: 0;
	}
		.elasticLabels .label-name {
			display: inline-block;
			float: none;
			margin-left: 0;
			padding-right: 10px;
			min-width: 110px;
			width: auto;
			vertical-align: top;
		}

.formActions {
	margin: 1em 0;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #E8E8E8;
	background: #F5F5F5;
	
}
	.formActions--center {
		padding-left: 0;
		text-align: center;
	}
	.formActions--sides {
		padding: 15px;
		overflow: hidden;
	}
		.formActions--sides-left {
			float: left;
		}
		.formActions--sides-right {
			float: right;
		}


/*
 * Loading
 */

.loading {
	background: url(/images/gfx/loading.png) center center no-repeat;
}
	.loading--full {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #FFF;
		opacity: .8;
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	}
	.loading-text {
		position: absolute;
		width: 100%;
		text-align: center;
		top: 50%;
	}


/*
 * Media element
 */

.media {
	overflow: hidden;
	display: block;
	margin: .8em 0;
}
	.media-image {
		float: left;
		margin-right: .8em;
	}
	.media-content {
		overflow: hidden;
		margin: 0;
	}
	.media--triple,
	.media--double {
		display: inline-block;
		vertical-align: top;
		width: 48.8%;
		margin: .8em .4%;
	}
	.media--triple {
		width: 32%;
	}

.media2 {
	display: table;
	margin: .8em 0;
}
	.media2-image,
	.media2-content {
		display: table-cell;
		vertical-align: middle;
	}
	.media2-image {
		padding: 0 .6em 0 0;
	}
	.media2-image--after {
		padding-right: .6em;
		padding: 0 0 0 .6em;
	}
	.media2--double {
		display: inline-block;
		vertical-align: top;
		width: 48.9%;
		margin: .4em .4% .8em;
	}
	.media2--inline {
		display: inline-block;
		vertical-align: middle;
		margin: .8em .3em;
	}


/*
 * Table Grid
 */

.grid {
	display: table;
	width: 100%;
}
	.grid--fixed {
		table-layout: fixed;
	}
	.grid-cell {
		display: table-cell;
		vertical-align: middle;
	}
	.grid-cell--tabloid {
		width: 1px;
	}


/*
 * Dropdown
 */

.dropdown {
	position: relative;
}
	.dropdown-content {
		-webkit-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		max-height: 0px;
		display: block;
		overflow: hidden;
		opacity: 0;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 500;
	}


/*
 * Hint
 */
.hint {
	color: #999;
	font-size: .8em;
	line-height: 1.3em;
}


/*
 * Container
 */
.container {
	position: relative;
	margin: 0 auto;
	padding: 0 15px;
	/*min-width: 920px;*/
	max-width: 1020px;
}

/*
 * Left
 */
.leftBlock {
	float: left;
	padding-right: 20px;
	width: 200px;
}

/*
 * Right
 */
.rightBlock {
	float: right;
	margin-left: 20px;
	width: 319px;
}

/*
 * Content
 */
.content {
	overflow: hidden;
}
.content a {
	color: #db3939;
	text-decoration: none;
}
.content a:hover {
	color: #ff8181;
}
	.content img {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 100%;
		height: auto!important;
	}
		.content-noimg img {
			max-width: none;
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;
			box-sizing: content-box;
		}

	.content ul {
		margin: .8em 0 15px;
		list-style: square;
	}
		.content ul li, .dropdown-content-append li {
			padding: 3px 0 3px 17px;
			background: no-repeat 0 0.65em url("/images/gfx/li.png");
		}

	.content .dropdown-content {
		background: #FFF;
		padding: 5px 10px;
		border-radius: 4px;
		box-shadow: 0 2px 6px rgba(0,0,0,.4);
		font-size: 14px;
		min-width: 140px;
		border: 1px solid #E6E6E6;
	}


/*
 * Categories
 */

.categories {
	display: block;
	/*border-left: 1px solid #EEE;*/
	margin: 30px;
}
	.categories a, .categories span {
		display: block;
		padding: 2px 10px;
		text-decoration: none;
		font-size: 14px;
	}
	.categories li {
		font-size: 13px;
		background: no-repeat 3px 0.20em!important;
		background-image: url(/images/icon/FOLDER2.png)!important;
		padding-left: 18px!important;
	}
	.categories ul {
		border-left: 1px solid #EEE;
		margin-left: 0;
		display: none;
		padding: 0 0 5px 15px;
	}
	.categories ul a {
		font-size: 13px;
	}
	.categories .open {
		background-image: url(/images/icon/FOLDER.png)!important;
	}
	.categories .open>a {
		font-weight: bold;
	}
	.categories .pdf {
		background-image: url(/images/icon/PDF.png)!important;
	}
	.categories .avi {
		background-image: url(/images/icon/AVI.png)!important;
	}
	.categories .csv {
		background-image: url(/images/icon/CSV.png)!important;
	}
	.categories .flv {
		background-image: url(/images/icon/FLV.png)!important;
	}
	.categories .png {
		background-image: url(/images/icon/PNG.png)!important;
	}
	.categories .rar {
		background-image: url(/images/icon/RAR.png)!important;
	}
	.categories .wma {
		background-image: url(/images/icon/WMA.png)!important;
	}
	.categories .zip {
		background-image: url(/images/icon/ZIP.png)!important;
	}
	.categories .exe {
		background-image: url(/images/icon/EXE.png)!important;
	}
	.categories .active > a {
		/*padding-left: 20px;*/
		font-weight: bold;
	}






.product-right {
	padding-left: 40px;
}
.gallery {
	width: 100%;
	text-align: justify;
}
.gallery-item {
	margin-bottom: 20px;
	width: 133px;
	display: inline-block;
	max-width: 100%;
}
.gallery-item img {
	max-width: 100%;
}

.file li {
	font-weight: bold;
	padding: 3px 0 3px 24px!important;
	background: no-repeat 0 2px url("/images/gfx/file.png")!important;
}	
.file li a {
	word-wrap: break-word;
}
.file {
	padding-bottom: 20px;
}

/*
 * Breadcrumbs
 */

.breadcrumbs {
	color: #a8a8a8;
	margin: -18px 0 1em;
	font-size: 11px;
	padding-left: 26px;
}
	.breadcrumbs a,
	.breadcrumbs b,
	.breadcrumbs span {
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
		color: inherit;
	}
	.breadcrumbs a:hover {
		text-decoration: underline;
	}


/*
 * Slider
 */

.slider {
	z-index: 10;
	width: 100%;
	overflow: hidden;
	position: relative;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
}
	.slider img {
		display: block;
		width: 100%;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.slider-arr {
		position: absolute;
		z-index: 200;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		top: 0;
		bottom: 0;
		width: 40px;
		height: 40px;
		line-height: 30px;
		font-size: 100px;
		margin: auto;
		color: #F3F3F3;
		color: rgba(255,255,255,.7);
		text-align: center;
		cursor: pointer;
	}
		.slider-arr:hover {
			color: #FFF;
		}
		.slider-prev {left: -5px}
		.slider-next {right: -5px}

	.slider-pager {
		position: absolute;
		z-index: 200;
		right: 0;
		bottom: 60px;
		left: 0;
		text-align: center;
		overflow: hidden;
		padding: 4px;
	}
		.slider-pager-page {
			border: 3px solid #fff;
			display: inline-block;
			width: 13px;
			height: 13px;
			margin: 0 3px;
			background-color: #fff;
			border-radius: 100%;
			cursor: pointer;
			vertical-align: middle;
		}
			.slider-pager-page:hover{
				background-color: #C1C1C1;
			}
			.slider-pager-page--active {
				background-color: #D22020!important;
			}

		.slider-prev,
		.slider-next,
		.slider-pager {
			opacity: 0;
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			-ms-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
		}

		.slider:hover .slider-prev {left: 0; opacity: 1}
		.slider:hover .slider-next {right: 0; opacity: 1}
		.slider:hover .slider-pager {bottom: 73px; opacity: 0.9}
.slider div.slider-slide { display: block; width: 100%; }
.slider div.slider-slide a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.slider div.slider-slide .txt { color: #FFF; line-height: 1.1; position: absolute; right: 15%; text-align: right; top: 30%; width: 70%; }
.slider div.slider-slide .txt-1 { font-size: 55px; font-weight: 300; padding: 6px 0; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); }
.slider div.slider-slide .txt-2 { font-size: 30px; font-weight: bold; padding: 6px 0; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); text-transform: uppercase; }
.slider div.slider-slide .button { margin-top: 10px; padding: 10px 35px; }
.slider div.slider-slide a:hover + .txt .button {
    -webkit-box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.48);
	   -moz-box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.48);
		    box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.48);
}

/*
 * Pagination
 */

.pagination {
	text-align: center;
}
	.pagination-info {
		padding-bottom: 0;
		color: #CCC;
	}
	.pagination-element {
		display: inline-block;
		margin: 0 -1px 0;
		padding: 3px 10px;
		/*border: 1px solid #DDD;*/
		text-decoration: none;
		border-radius: 3px;
		color: #777;
	}
	.pagination-element--left,
	.pagination-element--right {
		background-color: #EEE;
		padding: 3px 15px;
	}
	.pagination-element:hover {
		position: relative;
		background-color: #DDD;
		text-decoration: none;
		color: #444;
	}
	.pagination-element--active,
	.pagination-element--active:hover {
		font-weight: bold;
		background: #666;
		color: #FFF;
	}
	.pagination-element--disabled,
	.pagination-element--disabled:hover {
		color: #CCC;
		font-weight: normal;
		background-color: transparent;
	}


/*
 * Items
 */

.item {
	display: inline-block;
	margin: 0;
	padding: 5px 0 20px;
	background: none;
	vertical-align: top;
	text-align: center;
}
	.item--2 {width: 49.5%;}
	.item--3 {width: 32.5%;}
	.item--4 {width: 24.5%;}
	.item--5 {width: 20%;}

	.item-image {
		display: block;
		height: 140px;
		line-height: 140px;
	}
		.item-image img {
			vertical-align: middle;
		}

	.item-name {
		display: block;
		margin: 0 auto;
		max-width: 70%;
		font-weight: normal;
		line-height: 1.2em;
		min-height: 2.4em; /* 2 x line-height */
	}


/*
 * Box
 */

.box {
	position: relative;
	margin: 0.9em 0.7em;
	padding: 0.7em 1em;
	border: 1px solid #CCC;
	border-radius: 2px;
	background-color: #F5F5F5;
	color: #666;
	text-align: left;
	line-height: 1.4em;
}
	.box-close {
		position: absolute;
		top: -6px;
		right: -6px;
		width: 16px;
		height: 16px;
		border: 1px solid #CCC;
		border-radius: 100%;
		background-color: #F5F5F5;
		box-shadow: 0 0 1px rgba(0,0,0,0.3);
		color: #666;
		text-align: center;
		font-size: 12px;
		line-height: 16px;
		cursor: pointer;
	}
	.box-close:hover {
		top: -7px;
		right: -7px;
		width: 18px;
		height: 18px;
		line-height: 18px;
		font-weight: bold;
	}

	.box--ok,
	.box--ok .box-close {
		border-color: #78CA52;
		background: #F7FFED;
		color: #4DAB01;
	}
	.box--error,
	.box--error .box-close {
		border-color: #FF9494;
		background: #FFF0F0;
		color: #D92A2A;
	}
	.box--info,
	.box--info .box-close {
		border-color: #81AEFF;
		background: #E9F1FF;
		color: #2F5DB3;
	}
	.box--alert,
	.box--alert .box-close {
		border-color: #E1D042;
		background: #FFFFDE;
		color: #A99B27;
	}



/*
 * append
 */

.append {
	position: relative;
	z-index: 9;
	padding-bottom: 0px;
}

.append .h1 {
	margin-top: 25px;
	margin-left: 18px;
}

.dropdown-content-append:after {
		content: "";
		width:0px;
		height:0px;
		border-right: 7px solid transparent;
		border-bottom: 7px solid #fff;
		border-top: 7px solid transparent;
   		border-left: 7px solid transparent;
		position: absolute;
		top: -14px;
		left: 26px;
}
.dropdown-content-append:before {
		content: "";
		width:0px;
		height:0px;
		border-right: 9px solid transparent;
		border-bottom: 9px solid #e3e3e3;
		border-top: 9px solid transparent;
   		border-left: 9px solid transparent;
		position: absolute;
		top: -18px;
		left: 24px;
}
.dropdown-content-append {
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	background: #FFF;
	display: block;
	position: absolute;
	top: 87%;
	z-index: 99;
	border: 1px solid transparent;
	padding: 0 11px;
	opacity: 0;
	max-height: 0;
	width: 261px;
	overflow: hidden;
}
.dropdown-content-append a {
	text-decoration: none;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
.dropdown-content-append a:hover {
	color: #ed1717;
}
.dropdown--open .dropdown-content-append {
	border: 1px solid #e3e3e3;
	overflow: visible;
	padding: 14px 11px;
	opacity: 1;
	/*height: 180px;
	min-height: 180px;*/
	max-height: 300px;
}


/*
 * Praduct
 */
.product-wrapper {
	margin-left: -10px;
	text-align: justify;
	width: 100%;
	clear: both;
	display: block;
}
.product-wrapper:after {
	content: "";
	/*border-bottom: 1px solid #ccc;*/
	width: 37%;
	display: inline-block;
}
.product {
	max-width: 188px;
	vertical-align: top;
	padding-left: 10px;
	width: 32%;
	min-height: 170px;
	display: inline-block;
	margin-bottom: 20px;
}
.p-fake {
	display: inline-block;
	max-width: 188px;
	width: 32%;
}
.product a {
	position: relative;
	min-height: 170px;
	display: block;
	width: 100%;
	-webkit-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	color: #23201c;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 10px 30px;
}
.product a:hover {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}
.product-name {
	display: block;
	font-size: 14px;
	padding: 10px 3px;
	position: absolute;
	background: rgba(255,255,255,0.7);
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
}

/*
 * Color items
 */
.colors-items {
	display: block;
	width: 100%;
	text-align: left;
	margin: 13px 10px 13px -10px;
}
	.colors-item {
		display: inline-block;
		margin-left: 10px;
		margin-bottom: 10px;
		position: relative;
		width: 40px;
		height: 40px;
	}
		.colors-body {
			-webkit-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
			position: absolute;
			z-index: 9;
			left: 0;
			top: 0;
			width: 40px;
			height: 40px;
		}.colors-item:hover .colors-body {
			z-index: 100;
			left: -10px;
			top: -10px;
			width: 60px;
			height: 60px;
		}
			.colors-name {
				z-index: 10;
				pointer-events: none;
				font-size: 12px;
				padding: 5px 6px;
				z-index: 100;
				background: #F2F2F2;
				-webkit-transition: all 0.2s ease-out;
				transition: all 0.2s ease-out;
				opacity: 0;
				text-align: center;
				position: absolute;
				top: 100%;
				left: -25px;
				width: 90px;
			}.colors-item:hover .colors-name {
				-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
				-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.1);
				box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.1);
				left: -15px;
				opacity: 0.8;
			}

/*
 * Main
 */
.contactIco {
	padding-left: 30px;
	position: relative;
}
.contactIco .icon {
	position: absolute;
	left: 0px;
	top: 2px;
	font-size: 20px;
	
}
.gallery-big {
	margin-bottom: 20px;
	cursor: zoom-in;
}

.place-to-more {
	position: relative;
	padding-bottom: 33px;
}

.duble {
	position: relative;
	min-height: 350px;
	text-align: center;
	/*margin-bottom: 20px;*/
}

.duble a {
	-webkit-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	color: #23201c;
	text-decoration: none;
	display: block;
	padding: 4px 4px 30px 4px;
	position: relative;
}
.duble a:hover {
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.duble-name {
	padding-bottom: 11px;
	font-size: 18px;
	border-bottom: 1px solid #e8e8e8;
}
.duble-info {
	font-size: 13px;
}
.forlink-a {
	position: absolute;
	float: right;
	right: 3px;
	bottom: 3px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	color: #e13939;
}
.forlink-a:hover {
	text-decoration: none;
	color: #ff0000;
}
.main {
	/*overflow: hidden;*/
	clear: both;
	position: relative;
	z-index: 12;
	margin-top: -75px;
	padding-bottom: 20px;
}
.cube {
	background: #FFF;
	padding: 18px 18px;
	border-bottom: 10px solid #b1b2b2;
}
.shadow {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.product-grup {
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	text-align: center;
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	color: #000;
	margin-bottom: 20px;
}
.product-grup:hover {
	text-decoration: none;
	color: #ed1717;
}
.product-grup:hover .product-grup-shadow{
	top: 90px;
	
}
.product-grup:hover .product-grup-figure{
	top: 10px;
	/*border-bottom: 17px solid #aeafb0;*/
}
.product-grup:hover .product-grup-figure:after{
	border-top: 29px solid #aeafb0;
	top: 100%;
}
.product-grup:hover .product-grup-figure:before{
	border-top: 29px solid #fff;
}
.product-grup-shadow {
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	position: absolute;
	top: 95px;
	left: 50%;
	margin-left: -78px;
	z-index: 13;
}
	.product-grup-figure:after {
		-webkit-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		z-index: 12;
		content: "";
		width:0px;
		height:0px;
		border-right: 75px solid transparent;
		border-bottom: 50px solid transparent;
		border-top: 39px solid #aeafb0;
   		border-left: 75px solid transparent;
		position: absolute;
		margin-top: 13px;
		top: 99%;
		margin-left: -75px;
		left: 50%;
	}
	.product-grup-figure:before {
		-webkit-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		z-index: 15;
		content: "";
		width:0px;
		height:0px;
		border-right: 75px solid transparent;
		border-bottom: 50px solid transparent;
		border-top: 39px solid #fff;
   		border-left: 75px solid transparent;
		position: absolute;
		top: 99%;
		margin-left: -75px;
		left: 50%;
	}
	.product-grup-figure {
		top: 0px;
		-webkit-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		z-index: 20;
		background: #fff;
		position: relative;
		border-bottom: 13px solid #aeafb0;
		min-height: 110px;
	}
	.product-grup-img {
		z-index: 23;
		position: absolute;
		left: 50%;
		top: 12px;
		margin-left: -55px;
		-webkit-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	.product-grup:hover .product-grup-img {
		-moz-transform: skewY(-1deg) scaleY(0.9);
		-webkit-transform: skewY(-1deg) scaleY(0.9);
		-o-transform: skewY(-1deg) scaleY(0.9);
		-ms-transform: skewY(-1deg) scaleY(0.9);
		transform: skewY(-1deg) scaleY(0.9);
	}
	.product-grup-name {
		text-transform: uppercase;
		font-size: 12px;
		text-decoration: none;
		line-height: 1.3em;
		padding-top: 50px;
		min-height: 81px;
		letter-spacing: -0.01em;
	}
/*
 * Top
 */

.top {
	position: relative;
	z-index: 13;
	background: #999;
	background-image: url("/images/gfx/bg.jpg");
}


/*
 * Logo
 */

.logo {
	display: block;
	float: left;
	margin: 0;
    position: absolute;
    top: 0;
    width: 200px;
	z-index: 399;
}
.logo a {
    display: block;
    overflow: hidden;
    padding: 65.5% 0 0;
    position: relative;
}
.logo img {
	display: block;
    height: auto;
    left: 0;
    position: absolute;
    top: -40%;
    width: 100%;
}


/*
 * Nav
 */

.nav {
	clear: both;
	border-width: 1px 0;
}
	.nav .table {
		display: table;
		float: right;
		width: 100%;
		margin: 0;
		padding-left: 200px;
	}
	.table>li {
		display: table-cell;
		text-align: center;
	}
	.nav a {
		display: block;
		padding: 24px 10px;
		text-decoration: none;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 14px;
		text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
		position: relative;
		z-index: 10;
	}
	.nav a span {
		position: relative;
		z-index: 10;
	}
	.nav>ul>li a:after {
		opacity: 0;
		-webkit-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		z-index: 8;
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
		top: 0;
		bottom: 0;
		height: 100%;
		display: block;
		content: "";
		background-image: -webkit-linear-gradient(top, #c61e1e, #ee4646);
		background-image: -moz-linear-gradient(top, #c61e1e, #ee4646);
		background-image: linear-gradient(top, #c61e1e, #ee4646);
		-webkit-box-shadow: inset 0px 5px 30px 0px rgba(0, 0, 0, 1);
		-moz-box-shadow:    inset 0px 5px 30px 0px rgba(0, 0, 0, 1);
		box-shadow:         inset 0px 5px 30px 0px rgba(0, 0, 0, 1);
	}
	.top .dropdown--open:after,
	.nav>ul>li a:hover:after {
		opacity: 1;
		z-index: 8;
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
		top: 0;
		bottom: 0;
		height: 100%;
		display: block;
		content: "";
		background-image: -webkit-linear-gradient(top, #ee4646, #c61e1e);
		background-image: -moz-linear-gradient(top, #ee4646, #c61e1e);
		background-image: linear-gradient(top, #ee4646, #c61e1e);
		-webkit-box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.28);
		-moz-box-shadow:    inset 0px 3px 10px 0px rgba(0, 0, 0, 0.28);
		box-shadow:         inset 0px 3px 10px 0px rgba(0, 0, 0, 0.28);
	}
	.dropdown--open .dropdown-content {
		opacity: 1;
		max-height: 500px;
		height: auto;
		overflow: visible;
		max-height: auto;
	}
	.nav .dropdown-content {
		margin: 9px 0;
		background-color: #fff;
		min-width: 250px;
		border-top: none;
		text-align: left;
	}
	.dropdown-content:after {
		content: "";
		width:0px;
		height:0px;
		border-right:80px solid transparent;
		border-bottom: 30px solid #fff;
   		border-left: 0 solid #fff;
		position: absolute;
		top: -30px;
		left: 0;
		
	}
		.nav .dropdown-content li {
			float: none;
		}
		.nav .dropdown-content a {
			padding: 6px 20px;
			color: #282828;
			text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
		}
		.nav .dropdown-content a:hover {
			color: #fff;
			font-size: 14px;
			text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
		}


.c-hamburger {
	display: none;
}

/*Menu na mobilke*/

@media only screen and (max-width: 850px) {
	.logo {
		left: -25px;
	}

	.dropdown-content:after {
		display: none;
	}
	.nofon {
		display: none;
	}
	.c-hamburger {
		display: block;
	}
	.c-hamburger {
	  position: fixed;
	  top:0;
	  right:0;
	  z-index: 899;
	  display: block;
	  overflow: hidden;
	  margin: 0;
	  padding: 0;
	  width: 60px;
	  height: 60px;
	  font-size: 0;
	  text-indent: -9999px;
	  appearance: none;
	  box-shadow: none;
	  border-radius: none;
	  border: none;
	  cursor: pointer;
	  transition: all 1s ease 0s;
	}
/* 	.c-hamburger.active {
	left: 240px;
} */
	.c-hamburger:focus {
	  outline: none;
	}
	.c-hamburger span {
	  display: block;
	  position: absolute;
	  top: 27px;
	  left: 10px;
	  right: 10px;
	  height: 5px;
	  background: white;
	}
	.c-hamburger span::before,
	.c-hamburger span::after {
	  position: absolute;
	  display: block;
	  left: 0;
	  width: 100%;
	  height: 5px;
	  background-color: #fff;
	  content: "";
	}
	.c-hamburger span::before {
	  top: -10px;
	}
	.c-hamburger span::after {
	  bottom: -10px;
	}
	.c-hamburger--htx {
	background-image: -webkit-linear-gradient(top, #ed4545, #c61e1e);
	background-image: -moz-linear-gradient(top, #ed4545, #c61e1e);
	background-image: linear-gradient(top, #ed4545, #c61e1e);
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
	box-shadow:         inset 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
	}

	.c-hamburger--htx span {
	  transition: background 0s 0.3s;
	}
	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}
	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}
	.c-hamburger--htx span::after {
	  transition-property: bottom, transform;
	}
	/* active state, i.e. menu open */
	.c-hamburger--htx.active {
	  background-color: #cb0032;
	}
	.c-hamburger--htx.active span {
	  background: none;
	}
	.c-hamburger--htx.active span::before {
	  top: 0;
	  transform: rotate(45deg);
	}
	.c-hamburger--htx.active span::after {
	  bottom: 0;
	  transform: rotate(-45deg);
	}
	.c-hamburger--htx.active span::before,
	.c-hamburger--htx.active span::after {
	  transition-delay: 0s, 0.3s;
	}

	.nav .table {
		padding-left: 0;
	}

	.nav {
		background: #999;
		background-image: url("/images/gfx/bg.jpg");	    
		bottom: 0;
	    box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
	    clear: both;
	    display: block;
	    float: none;
	    height: 100%;
	    right: -300px;
	    margin-top: 0;
		padding: 80px 10px 0 10px;
	    position: fixed;
	    top: 0;
	    transition: all 1s ease 0s;
	    width: 300px !important;
	    max-width: 100%;
	    z-index: 800;
	    margin-left: 0;
	}
	.nav .table::before {
		content: "Menu";
		font-weight: bold;
		font-size: 37px;
		text-transform: uppercase;
		color: #ccc;
		text-align: left;
		padding: 18px 18px 18px 18px;
		height: 60px;
		width: 100%;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
	}
	.dropdown-content {
		min-width: 100% !important;
		position: static;
	}
	.categories {
	    box-shadow: none;
	}
	.dropdown-content {
		min-width: 100% !important;
		position: static;
		
	}
	.nav .categories {
	    background: #fff;
	    display: block;
	    height: 100%;
	    overflow-x: hidden;
	}
	.nav.active {
	    right: 0px;
	    overflow-y: auto;
	}
	.table {
		display: block;
		width: 100%;
	}
	.table li {
		width: 100%;
		display: inline-block;
		float: left;
	}
	.nav {
		display: block;
		width: 100%;
	}
}

/*
 * Search
 */

.search {
	float: right;
	padding: 20px 0;
	border: 0;
	min-width: 300px;
	white-space: nowrap;
	text-align: right;
}
	.search legend {
		display: none;
	}




/*
 * Footer
 */


.footer {
	position: relative;
	z-index: 10;
	clear: both;
	padding: 10px;
	background: #fff;
	font-size: 13px;
}
.footer ul {
	margin: 0;
}
.footer a {
	color: inherit;
	text-decoration: none;
	font-size: 13px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.footer a:hover {
	color: #c92323;
}

.yt img {
	display: block;
	padding-top: 10px;
	max-width: 100%;
}
.yt:hover {
	opacity: 0.9;
}
.footer-copy {
	padding-top: 30px;
}
.footer-copy a, .footer-copy span {
	font-size: 10px;
	float: right;
	color: #787878;
	display: block;
	text-decoration: none;
	text-align: right;
}
.footer-copy span {
	float: left;
	text-align: left;
}
.icon--to-left {
	float: left;
	display: block;
	font-size: 26px;
	padding-top: 5px;
	padding-right: 8px;
}
.to-left {
	float: left;
	display: block;
}

/*
 * Modyfikatory
 */

.alignLeft   {text-align: left}
.alignRight  {text-align: right}
.alignCenter {text-align: center}
.alignJustify {text-align: justify;}

.right {
	float: right;
}
.left {
	float: left;
}

.pullLeft {
	float: left;
	margin: .8em .8em .8em 0;
}
.pullRight {
	float: right;
	margin: .8em 0 .8em .8em;
}
	.pullRight:first-child,
	.pullLeft:first-child {
		margin-top: 0;
	}

.pullCenter {
	display: block;
	margin: .8em auto;
}

/* read more link */
.more {
	padding-left: 5px;
	font-weight: bold;
	font-size: .9em;
}

/* price hightlight style */
.price {
	font-size: 1.1em;
	font-weight: bold;
	color: #AD0000;
}

/* multiline indent */
.rr {
	display: inline-block;
	vertical-align: top;
}

/* invisible link */
.il {
	text-decoration: inherit;
	color: inherit;
}
	.il:hover {
		text-decoration: underline;
		color: inherit;
	}

.mt0 {
	margin-top: 0;
}
.mb0 {
	margin-bottom: 0;
}

.block {
	display: block;
}
.hide {
	display: none;
}

.ninja {
	position: absolute !important;
	width: 1px;
	height: 1px;
	top: -1px;
	left: -1px;
	text-indent: 1px;
	overflow: hidden;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

.relative {
	position: relative;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

.clear {
	clear: both
}

.pointer {
	cursor: pointer;
}


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

@media only screen and (max-width: 1200px) {
    .slider div.slider-slide .txt-1 { font-size: 35px; }
    .slider div.slider-slide .txt-2 { font-size: 20px; } 
}
@media only screen and (max-width: 800px) {
    .slider div.slider-slide .txt-1 { font-size: 25px; }
    .slider div.slider-slide .txt-2 { font-size: 15px; }
}
@media only screen and (max-width: 600px) {
    .slider div.slider-slide .txt-1 { font-size: 20px; }
    .slider div.slider-slide .txt-2 { font-size: 10px; }
    .slider div.slider-slide .button { display: none; }
}
@media only screen and (max-width: 480px) {
    .slider div.slider-slide .txt { display: none; }
}

/* Small tablets */
@media only screen and (max-width: 820px) {

	.products-grups .span-2 {
		width: 33.2%;
	}

	.leftBlock, .rightBlock {
		float: none;
		width: auto;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.row-inside .span {
		width: 100%;
	}
	.footer .span-7  {
		width: 45%;
	}	
	.footer .span-5  {
		width: 55%;
	}
	.logo img {
		width: 100%;
	}
	.logo {
		width: 150px;
		margin-top: -25px;
	}
	.main {
		margin-top: -20px;
	}
	.slider-pager {
		opacity: 1;
		bottom: 10px;
	}
	.slider {
		margin-top: 25px;
		/*border-top: 30px solid #fff;*/
	}
	.slider:hover .slider-pager{
		bottom: 10px;
	}
	.slider-arr {
		opacity: 1;
	}

}
@media only screen and (max-width: 760px) {
	.products-grups .span-2 {
		width: 50%;
	}
}
/****************************************************************************/


/* Mobile */
@media only screen and (max-width: 480px) {
	.dropdown-content-append {
		width: 90%;
	}
	.duble {
   		margin-bottom: 20px;
   	}
   	.product-right {
   		padding-left: 20px;
   	}
	.span {
		width: auto !important;
		float: none;
		margin-left: 0 !important;
	}

	.media--double,
	.media2--double {
		display: block;
		width: auto;
		margin: .8em 0;
	}
}


/****************************************************************************\
|********************************** SHOP ************************************|
\****************************************************************************/


/*
 * Login box
 */

.loginBox {
	margin: 30px auto;
	border: 1px solid #CCC;
	background: #EEE;
	padding: 10px;
	border-radius: 4px;
	max-width: 330px;
}
	.loginBox-header {
		margin-top: 0;
		text-align: center;
	}
	.loginBox .box {
		margin: 6px -11px;
		border-radius: 0;
	}
	.loginBox .formActions {
		background: none;
		padding: 10px 0 0;
		margin: 0;
		border-color: #CCC;
	}


/*
 * Cart Steps
 */

.stepsWrapper {
	overflow: hidden;
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 10px 0;
	padding: 0;
}
	.step {
		display: table-cell;
		border-bottom: 2px solid #639C24;
		color: #639C24;
		background: none !important;
		list-style: inside;
		padding: 0;
	}
	.step--active {
		border-color: #D8A122;
		color: #D8A122;
	}
	.step--active ~ .step {
		border-color: #EEE;
		color: #ccc;
	}
		.step b {
			font-size: 1.2em;
			display: block;
		}
		.step .hint {
			line-height: 1.1em;
			margin: 5px 44px 5px 0;
		}



/*
 * Shop Cart
 */

.cartWrapper {
	position: relative;
	margin-top: 40px;
	border-top: 1px solid #EEE;
}
.cart-table {
	display: table;
	width: 100%;
}
	.cart-row {
		display: table-row;
	}
	.cart-header {
		display: none;
		position: absolute;
		bottom: 100%;
		margin-bottom: 10px;
		text-align: left;
		color: #888;
	}
	.cart-row:first-child .cart-header {display: block}

	.cart-cell {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		border-bottom: 1px solid #EEE;
		padding: 10px 0;
	}

	.cart-product {
		width: 60%;
	}
		.cart-product-image {
			width: 70px;
			display: inline-block;
			margin-right: 10px;
			vertical-align: middle;
		}
			.cart-product-image img {
				display: block;
			}

		.cart-product-name {
			display: inline-block;
			vertical-align: middle;
			width: 70%;
		}
			.cart-product-name .box {
				font-size: 12px;
				line-height: 1.1em;
				padding: 4px 6px;
				margin: 0;
			}

		.cart-product-attrs {
			margin: 0;
			overflow: hidden;
			font-size: 0.8em;
			line-height: 1.3em;
		}
			.cart-product-attrs li {
				background: none;
				padding: 0;
				display: inline-block;
				margin-right: 20px;
			}
		.cart-product-delivery {
			max-width: 90%;
		}

	.cart-price {
		color: #888;
	}

	.cart-delete {
		text-align: center;
		width: 5%;
	}

	.cart-x {
		font-size: 20px;
	}

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

	.cart-wrapper {
		margin-top: 0;
	}
	.cart-table {
		border: 0;
	}
		.cart-row {
			display: block;
			text-align: justify;
		}
		.cart-row:after {
			content: "";
			width: 100%;
			display: inline-block;
		}

		.cart-header {
			position: static;
			display: block;
			text-align: center;
			border: none;
			margin: 0 0 5px;
		}

		.cart-cell {
			display: inline-block;
			vertical-align: top;
			border: 0;
		}

		.cart-product {
			width: 100%;
			border-top: 1px solid #EEE;
		}
			.cart-product .cart-header {
				display: none !important;
			}

		.cart-qty,
		.cart-price,
		.cart-delete {
			width: 32%;
			text-align: center;
			padding-top: 10px;
		}

}


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

.gallery-list li {
	padding: 0 !important;
	background: none !important;
	margin-bottom: 20px;
	width: 133px;
	display: inline-block;
	max-width: 100%;
}
.gallery-list li a {
	display: block;
	margin-bottom: 0;
	width: auto;
}

iframe { max-width: 100%; }
@media only screen and (max-width: 480px) {
    iframe { height: auto !important; }
}

.no-js * {
	-webkit-transition: none !important;
	transition: none !important;
}