body {
	background: #FFF url(../images/gfx/body-bg.png) center 0 repeat-x;
	color: #170e0d;
	font-size: 14px;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

a, .red {
	color: #af2267;
	text-decoration: none;
}

a:hover {
	color: #DE3F63;
}

.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: 2em;
	line-height: 1.0em;
	margin: .8em 0;
}
h2, .h2 {
	font-weight: normal;
	font-size: 1.8em;
	margin: .8em 0;
	line-height: 1.1em;
}
h3, .h3 {
	font-weight: normal;
	font-size: 1.5em;
	margin: .7em 0;
	line-height: 1.2em;
}
h4, .h4 {
	font-size: 1.2em;
	margin: .5em 0;
	line-height: 1.2em;
}
h5, .h5 {
	font-size: 1em;
	margin: .4em 0;
}


.h-small, .h-medium, .h-start {
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.hint + .h-small {
	margin-top: 0;
}

.h-medium {
	font-size: 1.143em;
}

.h-medium.mt {
	margin-top: 3.571em;
}

.h-start {
	font-size: 1.571em;
}

.h-border {
	border-bottom: 1px solid #e6eaed;
	padding-bottom: 1.071em;
}


/*
 * Lists
 */

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol {
	margin-left: 15px;
}
	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 {
	display: inline-block;
	padding: .71em .6em .73em;
	width: 220px;
	max-width: 100%;
	background-color: #fafbfc;
	border: solid 1px #e6eaed;
	border-radius: 2px;
	vertical-align: middle;
	font-size: .933em;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	background-clip: padding-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,
	.label--invalid .select-label {
		border-color: #D47171;
	}

	label.fill .input, label.fill .select-label, label.fill .select-label select {
    width: 100%;
}

.h-border--top {
    border-top: 1px solid #e2e2e2;
    padding-top: 15px;
}
.h-border {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
    margin-top: 16px;
}

/*
 * Select
 */


.select {
	font-size: .933em;
	padding: .71em 2em .73em .6em; 
	width: 100%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
		-moz-appearance: none;
			appearance: none;
}

.select-label {
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 220px;
	max-width: 100%;
	background-color: #fafbfc;
	border: solid 1px #e6eaed;
	border-radius: 2px;
	vertical-align: middle;

	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	overflow: hidden;
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
}

	.select-label:after {
		content: "›";
		color: inherit;
		font-size: 20px;
		position: absolute;
		right: 10px;
		top: 10px;
		pointer-events: none;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.select-label.disabled {
		opacity: .8;
		cursor: not-allowed;
	}

	.label .select-label {
		 /*padding: 8px 10px 9px;*/
		 margin-bottom: 0;
	}

	.select--full {
		width: 100%;
	}

	.select-label select:focus {
		outline: none;
	}


.button {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: .95em 1.5em .85em;
	border: 1px solid #af2267;
	border-radius: 2px;
	background: #af2267;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1em;
	font-size: 0.857em;
	font-weight: 700;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	cursor: pointer;
}

	.button.mt {
		margin-top: 10px;
	}

	.button-small {
		padding: .5em 1.5em .4em;
		font-size: 0.714em
	}

	.button--large {
		padding: 1em 2em .9em;
		font-size: 1.2em;
	}

	.button--large .icon {
	    font-size: 20px;
	    line-height: 1px;
	    vertical-align: -3px;
	    margin-right: 3px;
	}

	.button--full {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}

	.button:hover {
		border-color: #DE3F63;
		background-color: #DE3F63;
		color: #fff;
		text-decoration: none;
	}

	.button--darck-blue {
		background-color: #29355b;
		border-color: #242e4f;
	}

		.button--darck-blue:hover {
			background-color: #314070;
			border-color: #29355b;
		}


	.button--blue {
		background-color: #258c99;
		border-color: #238491;
	}

		.button--blue:hover {
			background-color: #1C6F79;
			border-color: #196872;
		}

	.button--gray {
		background-color: #a9b2b9;
		border-color: #a9b2b9;
	}

		.button--gray:hover {
			background-color: #89919A;
			border-color: #89919A;
		}

	
	.button--white {
		color: #af2267;
		background: #fff;
		border-color: #fff;
	}

		.button--white:hover {
			color: #BF2C2F;
			background: #fff;
			border-color: #fff;
		}

	.button--green,
	.button--gray.active {
		background: #b3cf1b;
		border-color: #b3cf1b;
	}

		.button--green:hover,
		.button--gray.active:hover {
			background: #8DC115;
			border-color: #8DC115;
		}
	.button:active {
		border-color: #666;
		background: #E1E1E1;
		box-shadow: inset 0 0 3px rgba(0,0,0,.8);
	}

		.button--arrow {
			line-height: 1.4em;
			padding-top: .6em;
			padding-right: 1em;
			overflow: hidden;
		}

	.button--arrow:after {
		content: "›";
	    font-size: 2.5em;
	    font-weight: 400;
	    display: inline-block;
	    padding-left: 17px;
	    vertical-align: -4px;
	}

	.button--mini {
    padding: 0;
    text-align: center;
    width: 15px;
    line-height: 14px;
    margin: 4px;
    font-weight: 400;
}


.sort-button {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 35px;
}


.icon-in-koszyk.cart-cell {
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	border-bottom: 1px solid #EEE !important;
}
	.icon-in-koszyk .icon-poczta {
		font-size: 18px;
	}





/*
 * Form
 */

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

.label,
.formActions {
	display: block;
	clear: both;
	padding: 3px 0 3px 120px;
}
	.label-name {
		float: left;
		margin-left: -120px;
		padding-top: .71em;
		padding-right: .6em;
		width: 110px;
		text-align: right;
		font-size: 1em;
	}

		.label--invalid .label-name {
		    padding-top: 2.21em;
		}

	.label-value {
		padding: 5px 0 0 0;
		display: inline-block;
	}

	.label-help {
		display: block;
		color: #aaa;
		font-size: .8em;
		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;
		}

	.label-name-left {
		display: inline-block;
		padding: 0em .3em 0em;
		vertical-align: middle;
	}

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

		.elasticLabels .label--invalid .label-name {
		    padding-top: .5em;
		}
.label-line {
    text-align: justify;
}

.label-line input {
    width: 47%;
    display: inline-block;

}

.formActions {
	margin: 1em 0;
	padding-bottom: 15px;
}
	.formActions--center {
		padding-left: 0;
		text-align: center;
	}
	.formActions--sides {
		padding: 15px;
		overflow: hidden;
	}
		.formActions--sides-left {
			float: left;
		}
		.formActions--sides-right {
			float: right;
		}

.form-error {
	/*position: absolute;*/
    font-size: 12px;
    margin: 3px 0 1px;
    color: #d92e2e;
}

	.form-error + .select-label {
		border:1px solid #d92e2e;
	}

	.form-list .form-error {
		margin: -8px 0 4px;
	}

	.footer .form-error {
		position: absolute;
	}


.checkbox {
	float: left;
	margin-right: 10px;
}	
	.checkbox + * {
		overflow: hidden;
		display: block;
	}




/*
 * 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;
	}

.contactIco {

}
.contactIco .icon {
	font-size: 14px;
    padding-right: 7px;
    vertical-align: top;
        color: #af2267;
}

/*
 * Dropdown
 */

.dropdown {
	position: relative;
}
	.dropdown-content {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 500;
	}


/*
 * Hint
 */
.hint {
	color: #7c848a;
    font-size: .9em;
    line-height: 1.3em;
}


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

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

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

/*
 * Content
 */
.content {
	overflow: hidden;
	position: relative;
}
	.content img {
		max-width: 100%;
		border-radius: 2px;
	}
		.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 {
			padding: 1px 0 1px 12px;
			background: no-repeat 0 0.65em url(../images/gfx/dot.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;
	}





/*
 * Breadcrumbs
 */

.breadcrumbs {
	color: #a9b2b9;
	border-bottom: 1px solid #e6eaed;
	margin: -10px 0 1em;
	padding-bottom: 3px;
	font-size: 0.857em;
}
	.breadcrumbs a,
	.breadcrumbs b,
	.breadcrumbs span {
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
		color: inherit;
	}

	.breadcrumbs b {
		font-size: 1.3em;
	}

	.breadcrumbs a:hover {
		text-decoration: underline;
	}

.product-tab {
	display: table;
	width: 99.8%;
	margin-top: 30px;
	background: #fcfcfc;
	table-layout: fixed;
	clear: both;
}

	.product-tab li,
	.content .product-tab li {
		display: table-cell;
		text-align: center;
		border: 1px solid #e6eaed;
		border-left-color: transparent;
		border-width: 1px 1px 1px 1px;
		border-left-color: #fcfcfc;
		border-right-color: #fcfcfc;
		padding: 0;
		margin: 0;
		vertical-align: top;
		background: none;
	}
	

		.product-tab li:first-child {
			border-width: 1px 1px 1px 0;
		}
		
		.product-tab li.active {
			background: #fff;
			border-top-color: #af2267;
			border-bottom-color: #fff;
			border-left-color: #e6eaed;
			border-right-color: #e6eaed;
		}

	.product-tab a {
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #a5a3a3;
		display: block;
		padding: 16px 10px 15px;
		border-top: 3px solid transparent;
		-webkit-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
	}

		.product-tab .active a {
			color: inherit;
			border-top-color: #af2267;
			
		}

		.product-tab li:hover a {
			color: inherit;
			-webkit-transform: translateY(-2px);
			-moz-transform: translateY(-2px);
			-ms-transform: translateY(-2px);
			-o-transform: translateY(-2px);
			transform: translateY(-2px);
		}
	
.product-tab-box-item {
	display: block;
	width: 100%;
	display: none;
	margin-bottom: 30px;
}

	.product-tab-box-item.active,
	.no-js .product-tab-box-item {
		display: block;
	}

/*
 * Product
 */

.productWrapper {
	padding: 0 2px;
	text-align: justify; 
}

	.productWrapper:after {
		content: "";
		display: inline-block;
		width: 80%; 
	}


.product {
	display: inline-block;
	width: 23.5%;
	vertical-align: top;
	padding: 0 10px 45px 10px;
	margin: 0 0 15px;
	border: 1px solid #e6eaed;
	position: relative;
	background: #fff;
	border-radius: 2px;
}

	.product.h0 {
		height: 1px;
		padding: 0;
		border: 0;
	}

	.product-info {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: 700;
		color: #fff;
		background: #92cf1b;
		padding: 0 5px 1px;
		line-height: 19px;
		height: 19px;
		z-index: 3;
	}

		.product-info:first-child {
			border-top-left-radius: 2px;
		}


		.product-info--promo {
			background: #af2267;
			width: auto;
		}

			.product-info--promo:first-child:before {
				content: "promocja ";
			}

		.product-info--bestseller {
			background: #ECAD39;
		}

		.product-info + .product-info {
			top: 19px;
		}

		.product-info + .product-info + .product-info {
			top: 38px;
		}

	.product-image {
		display: block;
		line-height: 180px;
    	max-height: 180px;
		vertical-align: middle;
		margin: 0 -10px 5px -10px;
		text-align: center;
	}

		.product-image img {
			display: inline-block;
			vertical-align: middle;
			max-width: 100% !important;
		}

	.product-name {
		font-size: 14px;
		color: #170e0d;
		line-height: 1.1em;
		padding: 10px 0 0px;
    	display: block;
    	text-align: left;
    	min-height: 2.9em;
	}

	.product-price {
		display: block;
		color: #af2267;
		font-weight: 700;
		font-size: 1.2em;
		line-height: 1.1em;
	}

		.product-price--promo {
			display: block;
			text-decoration: line-through;
			color: #99a2a8;
			font-size: 11px;
			font-weight: 400;
		}

		.product .product-price {
			position: absolute;
			bottom: 10px;
			left: 10px;
		}

	.product .button {
		font-size: 18px;
		position: absolute;
		bottom: 10px;
		padding: 4px;
		right: 10px;
		width: 22px;
		height: 22px;
		text-align: center;
		color: #fff;
	}	

	.product-subname {
		color: #99a2a8;
		font-size: 12px;
	}

.product--big {
	width: 49%;
	padding-bottom: 31px;
}

	.product.product--big .product-price {
		left: auto;
    	right: 55px;
	}

	.product--big .product-image {
		max-height: 236px;
		line-height: 236px;
		overflow: hidden;
		height: 220px;
	}

	.product--big .product-name {
		min-height: 1px;
		width: 65%;
		padding-top: 0;
	}



.product-gallery a:first-child img {
	display: inline-block;
}

.product-gallery {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}

	.product-gallery a:first-child {
		display: block;
		margin-bottom: 7px;
		text-align: left;
	}

	.product-gallery .gallery-item {
		margin: 4px;
		width: 30%;
		display: inline-block;
	}



.product-attr {
	display: table;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #f0f0f0;
}

	.product-attr > * {
		display: table-cell;
		padding: 10px 0;
		vertical-align: middle;
	}

	.product-attr--big > *  {
		padding: 15px 0;
	}

	.vab {
		vertical-align: bottom;
	}

	.vam {
		vertical-align: middle;
	}

	.product-attr--name {
		text-align: right;
		font-weight: 400;
		font-size: 1em;
    	color: #7c848a;
    	width: 34%;
		padding-right: 20px;
		line-height: 1.2em;
	}

	.product-attr .select-label,
	.product-attr .input {
		margin: -5px 0;
	}

	
	.product-attr--info,
	.product-attr--info a {
		font-weight: 700;
		color: inherit;
	}
		.product-attr--info * * * {
			font-weight: 400;
		}

		.product-attr--info strong {
			font-weight: 700;
		}

	.product-attr .product-price {
		font-size: 22px;
	}

.product-availability {
	display: inline-block;
	vertical-align: -2px;
	margin-right: 6px;
}
	.product-availability span {
		display: inline-block;
		width: 4px;
		height: 15px;
		background: #d6d6d6;
		margin: 0 1px;
	}

	.product-availability--1 span:first-child {
		background: #af2267;
	}

	.product-availability--2 span:first-child,
	.product-availability--2 span:first-child + span {
		background: #92cf1b;
	}

	.product-availability--3 span {
		background: #92cf1b;
	}

.loyality-box {
	background: url(../images/gfx/info-bg.png) center 0 repeat-x;
	padding: 0;
	margin-top: 40px;
}

.loyality-box .row-table {
	text-align: center;
}

	.loyality-box .span-cell {
		padding: 0 20px 20px;
		border-left: 1px solid #e2e5e7;
	}

	.loyality-box .span-cell:first-child {
		border: 0;
	}

	.icon--big {
		color: #fff;
		font-size: 26px;
		padding: 16px;
		    margin-top: -28px;
		margin-bottom: 10px;
		border-radius: 2px;
		display: inline-block;
		background: -moz-linear-gradient(top,  #8e2273 0%, #762177 100%);
		background: -webkit-linear-gradient(top,  #8e2273 0%,#762177 100%);
		background: linear-gradient(to bottom,  #8e2273 0%,#762177 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e2273', endColorstr='#762177',GradientType=0 );
	}

/*
 * Slider
 */

.slider {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
	border-radius: 2px;
	z-index: 1;
}

	.slider-slide {
		width: 100%;
		display: block;

	}
	.slider img {
		display: block;
		width: 100%;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		border: solid 1px #e6eaed;

	}
	.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: 70px;
		margin: auto;
		color: #F3F3F3;
		color: rgba(255,255,255,.7);
		text-align: center;
		cursor: pointer;
	}
		.slider-arr:hover {
			color: #FFF;
		}
		.slider-prev {left: -40px}
		.slider-next {right: -40px}

	.slider-pager {
		position: absolute;
		z-index: 200;
		right: 0;
		bottom: -30px;
		left: 0;
		text-align: center;
		overflow: hidden;
		padding: 4px;
	}
		.slider-pager-page {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 3px;
			background-color: #222;
			background-color: rgba(0,0,0,.3);
			border-radius: 100%;
			cursor: pointer;
			vertical-align: middle;
		}
			.slider-pager-page:hover,
			.slider-pager-page--active {
				background-color: #fff ;
			}

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

		.slider:hover .slider-prev {left: 0; opacity: 1}
		.slider:hover .slider-next {right: 0; opacity: 1}
		.slider:hover .slider-pager {bottom: 0; opacity: 1}


/*
 * 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;
	}


/*
 * Main
 */
.main {
	overflow: hidden;
}


/*
 * Top
 */

.top {
	margin-bottom: 10px;
	position: relative;
	z-index: 10;
}

	.top-box {
		background: url(../images/gfx/top-bg.png) 0 bottom no-repeat;
		height: 114px;
		padding-top: 33px;
	}

		.top-box:after {
			content: "";
			display: block;
			height: 81px;
			width: 1px;
			position: absolute;
			right: 10px;
			top: 33px;
			background:#e6eaed;
		}

	.top-bar {
		position: absolute;
		top: 0;
		right: 20px;
	}

	.top-bar a {
		color: #fff;
		display: inline-block;
		padding: 0 1.2em;
		line-height: 2.143em;
		font-size: 0.929em
		vertical-align: middle;
	}

		.top-bar a:hover {
			text-decoration: underline;
			color: #fff;
		}

		.top-bar li:before {
			content: "I";
			font-size: 0.786em;
			color: #b270a7;
			display: inline-block;
			padding: 0em;
		}

		.top-bar li:first-child:before {
			display: none;
		}


	.top .icon {
		color: #af2267;
	}


	.top-menu li {
		float: left;
	}

	.top-midle {
		display: table;
		float: right;
		z-index: 3;
		position: relative;
		width: 78%;
		margin-top: 7px;
	}

		.top-midle--cell {
			display: table-cell;
			vertical-align: bottom;
			/*padding: 15px*/
			padding: 0 25px 12px;
		}


.badges {
	display: block;
	position: absolute;
	color: #fff;
	background: #170e0d;
	border-radius: 9px;
	padding: 3px 6px;
	font-size: 11px;
	line-height: 12px;
	min-width: 18px;
	text-align: center;    
	left: 18px;
    top: -18px;
}


.after-arrow:after {
	content: "›";
	display: inline-block;
	padding: 0 10px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

	.product-attr .after-arrow:after {
		font-size: 20px;
		float: right;
	}
	
	.top-icon {
		font-size: 22px;
		display: inline-block;
		/*float: left;*/
		/*margin: 30px 0;*/
		margin-right: 10px;
		margin-top: -10px;
	}

	.product-attr 	.top-icon {
		padding-top: 4px;
	}



	.top-midle--cell .top-dropdown-a {
		color: #170e0d;
		font-size: 13px;
		white-space: nowrap;
		vertical-align: middle;
	}


	.h-top {
		display: inline-block;
		color: #170e0d;
		font-size: 1.143em;
		font-weight: 700;
		margin: 0;
		padding: 0;
	}

		.h-top small {
			display: block;
			color: #b3b3b3;
			letter-spacing: 2px;
			font-size: 0.786em;
			font-weight: 400;
		}

	.h-top-line {
		display: inline-block;
		height: 10px;
    	vertical-align: -3px;
   		line-height: 1em;
	}

	.top-midle--cell .icon-mail {
		font-size: 1.1em;
	}


.db {
	display: block;
}

.dib {
	display: inline-block;
}

.dib.h-top-line {
	margin-top: -8px;
}



/*
 * Logo
 */

.logo {
	display: block;
	position: absolute;
	bottom: 12px;
    left: 20px;
	padding: 0 15px;
	margin: 0;
	z-index: 2;
}

	.logo img {
		display: block;
	}


.top-dropdown {
	position: relative;
}

	.top-dropdown-a {
		cursor: pointer;
	}


	.top-dropdown-adv {
		width: 250px;
		position: absolute;
		z-index: 200;
		top: 130%;
		left: 0;
		/*right: 0;*/
		font-weight: 400;
		margin-top: -2px;
		padding:  10px;
		background: #fafbfc;
		border: 1px solid #e6eaed;
		box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.15);
		text-align: left;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
	}

		.top-dropdown-adv .input,
		.top-dropdown-adv .select-label {
			background: #fff;
		}

		.top-dropdown-adv:before {
			content: "";
			position: absolute;
			top: -12px;
			left: 20px;
			border: 6px solid transparent;
			z-index: 10;
			border-bottom-color: #fafbfc;
		}

		.top-dropdown-adv:after {
			content: "";
			position: absolute;
			top: -16px;
    		left: 20px;
    		margin-left: -2px;
			z-index: 9;
			border: 8px solid transparent;
			border-bottom-color: #e6eaed;
		}

		.top-dropdown-adv.top-dropdown-adv--right {
			left: auto;
			right: 0;
		}
		.top-dropdown-adv.top-dropdown-adv--right:before,
		.top-dropdown-adv.top-dropdown-adv--right:after {
			left: auto;
			right: 20px;
		}
			.top-dropdown-adv.top-dropdown-adv--right:after {
				right: 18px;
			}

		.top-dropdown-adv.top-dropdown-adv--hide { 
		  visibility: hidden;
		  opacity: 0;
		  -webkit-transform: translateY(-30px);
		  -moz-transform: translateY(-30px);
		  -ms-transform: translateY(-30px);
		  -o-transform: translateY(-30px);
		  transform: translateY(-30px);
		}

		.top-midle-icon.top-dropdown-adv {
			top: 170%;
		}

		.top-dropdown-adv li,
		.content .top-dropdown-adv li  {
			display: block;
			padding: 10px 0 9px;
			margin: 0;
			list-style: none;
			border-top: 1px solid #e6eaed;
			background: none;
		}
		.content .top-dropdown-adv ul {
			margin: 0;
		}

		.top-dropdown-adv li:first-child {
			border-top: 0;
			padding-top: 0;
		}


		.top-dropdown-adv li a {
			color: inherit;
			display: block;
		}

			.top-dropdown-adv li.active a {
				color: #af2267;
				font-weight: 700;
			}			


			.top-dropdown-adv li a:hover {
				color: #af2267;
			}

		.top-dropdown-adv p:first-child {
			margin-top: 0;
		}

.sideCart-item {
	clear: both;
    padding: 0 12px 10px 0;
    margin: 0 0 10px;
    line-height: 1;
    font-size: 12px;
    position: relative;
    overflow: hidden;
}

	.sideCart-item img {
		float: left;
		margin-right: 8px;
		max-width: 60px;
		max-height: 60px;
	}

	.sideCart-item-name .il{
		font-size: 13px;
		padding-bottom: 6px;
		display: block;
		padding-right: 20px;
		display: block;
	}

	.top-dropdown-adv li a.sideCart-item-remove {
		position: absolute;
		top: 4px;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 13px;
		height: 13px;
		font-size: 13px;
		color: #af2267;
		font-weight: bold;
		line-height: 0;
	}

/*
 * Nav
 * /


.nav {
	clear: both;
	border: solid #DDD;
	border-width: 1px 0;
	background: #EEE;
}
	.nav li {
		float: left;
	}
	.nav a {
		display: block;
		padding: 10px 25px;
		text-decoration: none;
	}
	.nav .dropdown--open a,
	.nav a:hover {
		background: #DDD;
	}
	.nav .dropdown-content {
		background-color: #EEE;
		width: 200px;
		border: 1px solid #DDD;
		border-top: none;
	}
		.nav .dropdown-content li {
			float: none;
		}
		.nav .dropdown-content a {
			padding: 5px 10px;
		}
		.nav .dropdown-content a:hover {
			background-color: #eee;
		}
*/

/*
 * Search
 */

.search {
	
	padding: 10px 0 5px;
	border: 0;
	
	white-space: nowrap;
	width: 100%;
}
	.search legend {
		display: none;
	}

	.input--search {
	    padding: 13px 43px 12px 10px;
	    width: 100%;
	    vertical-align: top;
	}

	.button-search {
	    background: none;
	    border-color: transparent;
	    font-size: 22px;
	    margin: 0;
	    padding: 0;
	    width: 42px;
	    height: 40px;
	    line-height: 37px;
	    margin-left: -47px;
	    vertical-align: top;
	    text-align: center;
	    color: #af2267;
	}


/*
 * Categories
 */

.categories {
	display: block;
	color: #fff;
	background: #8e2273;
	border-radius: 2px;
	margin: 15px 0;
	padding: 8px 15px;
	background: -moz-linear-gradient(top,  #8e2273 0%, #762177 100%);
	background: -webkit-linear-gradient(top,  #8e2273 0%,#762177 100%);
	background: linear-gradient(to bottom,  #8e2273 0%,#762177 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e2273', endColorstr='#762177',GradientType=0 );
}
	
	.categories > li {
		border-top: 1px solid #9d4388;
		border-top-color: rgba(255,255,255, .15)
	}

		.categories > li:first-child {
			border: 0;
		}


	.categories a {
		display: block;
		padding: 6px 0;
		text-decoration: none;
		font-size: 1em;
		font-weight: 700;
		color: inherit;
		position: relative;
		-webkit-transition: all 0.3s;
	    transition: all 0.3s;
	}

		.categories a:hover {
			background-color: #681B6D;
		}
	
	.categories a.submenu:after {
 		content: "›";
 		float: right;
	    font-size: 1.4em;
	    font-weight: 400;
	    display: block;
	    margin-top: -2px;

		-webkit-transition: all 0.3s;
	    transition: all 0.3s;
	}
		.categories .open > a.submenu:after {
			margin-top: 2px;
			-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);

		}

	.categories ul {
		display: none;
		margin: 0;
		padding: 0 0 5px 0;
	}
		.categories ul ul {
			margin-left: 15px;
		}

	.categories ul a {
		font-size: 0.929em;
		font-weight: 400;
		padding: 2px 0 2px 15px;
		background: url(../images/gfx/dot-white.png) 0 .68em no-repeat;
		color: #e0c6d4;
	}
	.categories .open > a {
		font-weight: bold;
	}
	.categories .active > a,
	.categories ul a:hover {
		color: #fff;
		font-weight: bold;
		background-color: transparent;
	}

.left-b {
	display: block;
	margin-bottom: 20px;
}
	.left-b img {
		display: block;
		width: 100%;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		border: solid 1px #e6eaed;
	}

.input--newsletter {
		width: 80%;
		max-width: 100%;
	}

.on-mobile {
	display: none;
}

/*
 * Footer
 */

.footer {
	background: #080808 url(../images/gfx/footer-bg.png);
	color: #838a90;
	font-size: 0.929em;
	padding: 10px 0 0;
	letter-spacing: 1px;
}

	.footer a {
		color: inherit;
	}

		.footer a:hover {
			color: #fff;
			text-decoration: underline;
		}

	.footer .hint {
		font-size: 12px;
		color: inherit;
	}

	.footer .h-small {
		margin: 20px 0 10px;
		color: #fff;
	}

	.footer li a {
		display: inline-block;
		padding: 2px 0;
	}


.footer-desc {
	clear: both;
	margin-top: 20px;
	padding: 3px 0;

	font-size: 10px;
	letter-spacing: 1px;
}

.section {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 2px dotted #eee;
}


/*
 * Modyfikatory
 */

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

.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: 1440px) {

}


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

}

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

	.no-tablet,
	.left-b,
	.top-dropdown .h-top-line,
	.footer > .container:before {
		display: none;
	}



	.leftBlock, .rightBlock {
		float: none;
		width: auto;
	}

	.top-midle {
	    margin-top: 14px;
	    width: auto;
	    
	}


	.pullRight.top-menu {
		float: left;
	}

	.top {
		height: 120px;
	}

	.logo {

	}

	.top-midle--cell {
		padding: 10px;
	}

	.top-midle .top-dropdown-adv {
			left: auto;
			right: 0;
		}
		.top-midle .top-dropdown-adv:before,
		.top-midle .top-dropdown-adv:after {
			left: auto;
			right: 20px;
		}
			.top-midle .top-dropdown-adv:after {
				right: 18px;
			}


	.menu-h {
		top: 10px;
	    right: 10px;
	    z-index: 120;
	    display: block;
	    position: fixed !important;
	    overflow: hidden;
	    margin: 0 !important;
	    padding: 0 !important;
	    width: 40px;
	    height: 40px;
	    font-size: 0;
	    text-indent: -9999px;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    box-shadow: none;
	    border-radius: none;
	    border: none;
	    cursor: pointer;
	    -webkit-transition: background 0.3s;
	    transition: background 0.3s;

	    background: rgba(255, 255, 255, 0.75);
	    border: 5px solid rgba(255, 255, 255, 0.75) !important;
	    background-clip: padding-box;
	    border-radius: 1px;
	    left: auto;
	}

		/* active state, i.e. menu open */
		.menu-h.is-active {
		  /*background-color: #cb0032;*/
		}

		.menu-h:focus {
		  outline: none;
		}

		.menu-h span {
		  display: block;
		  position: absolute;
		  top: 14px;
		  left: 0;
		  right: 0;
		  height: 3px;
		  background: #293545;
		}

		.menu-h span::before,
		.menu-h span::after {
		  position: absolute;
		  display: block;
		  left: 0;
		  width: 100%;
		  height: 3px;
		  background-color: #293545;
		  content: "";
		}

		.menu-h span::before {
		  top: -7px;
		}

		.menu-h span::after {
		  bottom: -7px;
		}

		.menu-h span {
		  -webkit-transition: background 0s 0.3s;
		          transition: background 0s 0.3s;
		}

		.menu-h span::before,
		.menu-h span::after {
		  -webkit-transition-duration: 0.3s, 0.3s;
		          transition-duration: 0.3s, 0.3s;
		  -webkit-transition-delay: 0.3s, 0s;
		          transition-delay: 0.3s, 0s;
		}

		.menu-h span::before {
		  -webkit-transition-property: top, -webkit-transform;
		          transition-property: top, transform;
		}

		.menu-h span::after {
		  -webkit-transition-property: bottom, -webkit-transform;
		          transition-property: bottom, transform;
		}

		

		.menu-h.is-active span {
		  background: none;
		}

		.menu-h.is-active span::before {
		  top: 0;
		  -webkit-transform: rotate(45deg);
		      -ms-transform: rotate(45deg);
		          transform: rotate(45deg);
		}

		.menu-h.is-active span::after {
		  bottom: 0;
		  -webkit-transform: rotate(-45deg);
		      -ms-transform: rotate(-45deg);
		          transform: rotate(-45deg);
		}

		.menu-h.is-active span::before,
		.menu-h.is-active span::after {
		  -webkit-transition-delay: 0s, 0.3s;
		          transition-delay: 0s, 0.3s;
		}

	.nav:before,
	.nav:after {
		display: none;
	}
	

    .nav {
    	padding: 0;
        clear: both;
        display: block;
        background: #fff;
        box-shadow: 0 0 14px rgba(0, 0, 0, .2);
        position: fixed;
        top: 0;
        right: -300px;
        bottom: 0;
		height: auto;
        margin: 0;
        width: 280px;
        padding-top: 80px;
        z-index: 800;
         -moz-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s cubic-bezier(0.78, 0.04, 0.25, 1);

		float: none;
	}

    .nav.active {
        right: 0;
    }

    .nav a {
	  display: block;
	  padding: 20px 15px;
      font-size: 16px !important;
      padding: 10px 20px !important;
      text-align: left;
      line-height: 1em;
      color: inherit !important;
	}

		.nav a:hover, .nav a.active, .nav .dropdown-content a, .nav .dropdown--open > a {
	        /*color: #fff !important;*/
	    }

    .nav > ul {
      overflow: auto;
      height: 100%;
      float: none !important;
	  display: block;
	  margin: 0;
	  background: #fff;
    }

    .top-bar li:before {
    	display: none;
    }

    .nav li, .nav > ul > li  {
    	background: none;
        display: block;
        float: none;
        margin:0;
        padding: 0;
    }

    .nav .dropdown-content, .nav .dropdown-content  ul {
        position: static !important;
        margin: 0 !important;
        width: 100%;
        opacity: 1;
		visibility: visible;
		display: none;
        box-shadow: none;
    }

    .nav .dropdown-content ul {
		margin: 0;
		left: 0;
		top: 0;
		opacity: 1;
		visibility: visible;
	}

	.nav .dropdown--open > div > a:before,
	.nav .dropdown--open > div > a:after {
		display: none;
	}

		.nav .dropdown--open > div > a + .dropdown-content {
			display: block;
		}

		.nav .dropdown-content .hint,
		.nav .dropdown-content .span-5 {
			display: none;
		}

		.nav .dropdown-content .span-7 {
			width: 100%;
		}

		.nav .dropdown-content ul {
			margin-left: 20px;
			display: block;
			padding: 0;
		}

		.nav .dropdown-content ul ul {
			margin-left: 15px !important;
		}

		.nav .dropdown-content a {
			font-size: 12px !important;
			padding: 8px !important;
			padding-left: 30px !important;
		}

}


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

	.service-on-phone {
		display: none;	
	}

/* Mobile */
@media only screen and (max-width: 480px) {
	.span, 
	.span-cell,
	.row-table,
	.row {
		display: block;
		width: auto;
		width: 100%;
		float: none;
		margin-left: 0 !important;
		padding-left: 0;
	}

	.service-on-phone {
		display: block;	
		position: absolute;
		top: 62px;
		right: 30px;
		text-transform: uppercase;
		font-weight: 700;
		z-index: 100;
	}

	.leftBlock {
		display: block;
		padding: 0;
	}

	.main > .h-start {
	    padding-right: 0;
	}

	.sort-button {
	    position: static;
	    z-index: 10;
	    text-align: center;
	    width: 100%;
	}

	.loyality-box .span-cell {
		border: 0;
	}

	.product-attr,
	.product-attr > * {
		display: block;
		text-align: left;
		width: 100%;
	}
		.product-attr--name {
			width: 100%;
			padding-bottom: 3px;
		}

		.product-attr--info {
			padding-top: 0;
		}

	.on-mobile {
		display: block;
	}


	.no-mobile,
	/*.top-bar,*/
	.socialTabs,
	.h-top-line,
	.stepsWrapper .step{
		display: none;
	}

	.stepsWrapper .step.step--active {
		display: block;
		width: 100%;
	}

	.product {
		width: 100% !important;
	}

	.product-tab-box-item {
		display: block;
	}

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

	.label-name {
		float: none;
		margin-left: 0;
		width: auto;
		display: block;
		text-align: left;
		padding-bottom: 3px;
	}

	.label {
		padding-left: 0;
		clear: both;
	}


	.text-columns {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    -ms-column-count: 1;
	    -o-column-count: 1;
	    column-count: 1;
	    -webkit-column-gap: 20px;
	    -moz-column-gap: 20px;
	    -ms-column-gap: 20px;
	    -o-column-gap: 20px;
	    column-gap: 20px;
	}

	.text-columns p {
	    margin: 10px 0 10px;
	}

	.free-delivery {
		position: static;
		top: 0;
		margin-top: -20px;
		text-align: center;
	}

	.breadcrumbs {
		margin-bottom: 30px;
	}

	.top-midle {
		width: 100%;
		padding-top: 65px;
		margin: 0;
		margin-top: 30px;
		text-align: center;
	}

	.loyality-box {
		background: #eee;
	}
		

		.logo {
		   
		}
			.logo img {
				max-width: 100%;
			}
		.top {
			height: auto;
		}

}



/****************************************************************************\
|********************************** 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-row:nth-child(2n+1) {
		background-color: #fcfcfc;
	}

	.cart-header {
		display: none;
		position: absolute;
		bottom: 100%;
		margin-bottom: 10px;
		text-align: left;
		color: #888;
	}
	.cartWrapper > .cart-table: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-table > .cart-cell {
		border: 0;
		padding: 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%;
			font-weight: 700;
		}
			.cart-product-name a {
				color: inherit;
			}
			.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: 13px;
			line-height: 1.3em;
		}
			.cart-product-attrs li {
				background: none;
				padding: 0;
				display: inline-block;
				margin-right: 20px;
				background-position: 0px 6px !important;
			}
		.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;
		}

}

.easypack-widget * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}


.easypack-widget .item {

	    /* display: inline-block; */
    /* margin: 0; */
     padding: 0; 
    /* background: none; */
     vertical-align: left; 
     text-align: left;
     font-size: 12px;

}
.easypack-widget .search-widget .search-group {
    padding: 10px !important;
}

.content .easypack-widget ul li {
   padding: 0;
   background: none;
 }


.inpost-map {
	display: block;
	width: 100%;
}

.hide {
	display: none;
}


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


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