@charset "utf-8";
@import url('./reset.min.css') all;
@media all {
	html {
		-webkit-text-size-adjust: 100%;
		overflow-x: hidden !important;
	}
	body {
		font: 400 80%/normal 'Fira Sans', sans-serif;
		background: #f3f3f3;
		color: #323232;
		text-align: center;
		overflow-x: hidden !important;
	}
	h1, h2, h3 {
		font: 300 100%/normal 'Fira Sans', sans-serif;
		line-height: 100%;
		color: #76bdc2;
	}
	p, address, li {
		line-height: 130%;
	}
	ul li {
		padding: 0 0 0 15px;
		position: relative;
	}
	ul li:before {
		font-size: 60%;
		position: absolute;
		font-family: 'Flaticon';
		margin: 0 3px 0 0;
		display: inline-block;
		top: 0;
		left: 0;
	}
	table {
		width: 100%;
	}
	a, a:hover {
		text-decoration: underline;
		transition: color .5s;
		cursor: pointer;
		color: #323232;
	}
	a:hover {
		color: #76bdc2;
		text-decoration: underline;
	}
	strong {
		font-weight: 800;
	}
	legend {
		font-weight: 700;
	}
	img {
		vertical-align: bottom;
	}
	label {
		cursor: pointer;
	}
	input, textarea, select {
		font: 400 100%/normal 'Fira Sans', sans-serif;
		resize: none;
		color: #3a3a3a;
		border-radius: 0;
		width: 100%;
		-webkit-appearance: none;
		border: 0;
		background: none;
	}
	select {
		width: 100% !important;
		margin: 3px 0 0 0;
	}
	table {
		width: 100%;
	}
	::-webkit-input-placeholder {
		color: #777;
	}
	:-moz-placeholder {
		color: #777;
		opacity: 1;
	}
	::-moz-placeholder {
		color: #777;
		opacity: 1;
	}
	:-ms-input-placeholder {
		color: #777;
	}
	.table {
		width: 100%;
		overflow-x: scroll;
	}
	.input, .input:hover, .input:focus, .textarea, .textarea:hover, .textarea:focus, .customSelect {
		background: #fff;
		transition: border-color .5s;
		display: block;
		height: 36px;
		width: 100%;
		line-height: 36px;
		border: 1px solid #d0cfcf;
		padding: 0 10px;
		box-sizing: border-box;
		text-align: left;
	}
	.input:hover, .input:focus, .textarea:hover, .textarea:focus, .customSelectHover, .customSelectFocus {
		border-color: #76bdc2;
	}
	.textarea, .textarea:hover, .textarea:focus {
		line-height: 130%;
		height: 100px;
		padding: 8px 10px;
	}
	.customSelect {
		padding: 0 35px 0 10px;
		margin: 3px 0 0 0;
		background: #fff url('../images/arrow-down.svg') no-repeat right center;
		background-size: 32px auto;
	}
	.customSelect .customSelectInner {
		width: 100% !important;
	}
	.hasCustomSelect {
		cursor: pointer;
	}
	.button, .button:hover {
		transition: background .5s;
		display: inline-block;
		font-size: 90%;
		background: #76bdc2;
		height: 33px;
		line-height: 33px;
		letter-spacing: 3px;
		color: #fff;
		text-transform: uppercase;
		border: 0;
		position: relative;
		padding: 0 20px;
		font-weight: 700;
		text-decoration: none;
		cursor: pointer;
	}
	.button:hover {
		background: #323232;
	}
	.button:before, .button:hover:before {
		content: '';
		width: calc(100% - 42px);
		position: absolute;
		bottom: 6px;
		left: 20px;
		background: #fff;
		height: 1px;
	}
	.button:after, .button:hover:after {
		content: '';
		transition: background .5s;
		width: 100%;
		position: absolute;
		bottom: -3px;
		left: 0;
		background: #76bdc2;
		height: 3px;
	}
	.button:hover:after {
		background: #323232;
	}
	.uppercase {
		text-transform: uppercase;
	}
	.cleaner {
		clear: both;
	}
}
@media only screen and (min-width: 320px) {
	h1, h2, h3, p, address, ul, ol {
		padding: 15px 0 0 0;
	}
	h1 {
		text-align: left;
	}
	h1, h2 {
		font-size: 200%;
		padding: 12px 10px 0px 10px;
		background: white;
	}
	h3 {
		font-size: 130%;
	}
	legend {
		font-size: 130%;
		color: #777;
	}
	/* Header */
	#header {
		background: #76bdc2;
	}
	#header .in {
		padding: 0;
		position: relative;
		height: 50px;
	}
	#header .logo {
		float: left;
		text-align: left;
		margin: 0px 0 0 10px;
	}
	#header .logo a, #header .logo a:hover {
		display: block;
		text-decoration: none;
	}
	#header .logo a img, #header .logo a:hover img {
		height: 50px;
		margin: 0 5px 0 0;
		width: auto;
		display: inline-block;
	}
	#header .logo a h2, #header .logo a:hover h2 {
		display: inline-block;
		font-weight: 500;
		font-size: 120%;
		height: 29px;
		padding: 0;
		color: #fff;
		line-height: 9px;
		padding: 21px 10px 0 0;
		background: #76bdc2;
	}
	#header .menu-toggle, #header .menu-toggle:hover {
		text-decoration: none;
		display: block;
		right: 0;
		top: 0;
		color: #fff;
		float: right;
		cursor: pointer;
		position: absolute;
		transition: none;
		z-index: 1001;
	}
	#header .menu-toggle i {
		display: block;
		height: 50px;
	}
	#header .menu-toggle i:before, #header .menu-toggle:hover i:before {
		font-size: 30px;
		width: 50px;
		display: block;
		line-height: 51px;
		height: 50px;
	}
	#header .menu-toggle.active, #header .menu-toggle.active:hover {
		background: #303238;
	}
	#header .search-toggle {
			position: absolute;
			right: 130px;
			top: 0;
			height: 50px;
			width: 40px;
			background-image: url('../images/icon-search.svg');
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 29px auto;
		}
		#header .search-toggle.active, #header .search-toggle.active:hover {
			background-color: #303238;
			z-index: 2;
		}
		#header .search {
			display: none;
			position: absolute;
			width: 100%;
			top: 50px;
			left: 0;
			z-index: 1;
			box-sizing: border-box;
			padding: 0 10px;
			background: #303238;
			color: #fff;
			box-shadow: 0 0 3px rgba(0,0,0,.7);
		}
		#header .search .in {
			height: 50px;
			padding: 8px 0 0 0;
			box-sizing: border-box;
		}
		#header .search .in ul {
			padding: 0;
		}
		#header .search .in ul li {
			padding: 0;
		}
		#header .search .in ul .keyword {
			float: left;
			width: calc(100% - 90px);
		}
		#header .search .in ul .keyword input {
			background: #fff;
			margin: 0;
			width: 100%;
			height: 33px;
			line-height: 33px;
			box-sizing: border-box;
			padding: 0 10px;
		}
		#header .search .in ul .submit {
			float: left;
			width: 90px;
		}
		#header .search .in ul .submit .button {
			width: 100%;
			padding: 0;
		}
		#header .search .in ul .submit .button:before, #header .search .in ul .submit .button:after {
			display: none;
		}
	#header .basket {
		position: absolute;
		right: 50px;
		top: 0;
		height: 50px;
	}
	#header .search .in ul .submit .button:hover {
			background: #80bbbf;
		}
	#header .basket a, #header .basket a:hover {
		display: block;
		float: left;
		width: 40px;
		height: 50px;
		box-sizing: border-box;
		position: relative;
	}
	#header .basket .nav {
		display: none;
	}
	#header .basket .user, #header .basket .user:hover {
		padding: 12px 7px;
	}
	#header .basket .cart, #header .basket .cart:hover {
		padding: 10px 5px;
	}
	#header .basket .cart img, #header .basket .cart:hover img {
		position: relative;
		z-index: 1;
	}
	#header .basket .cart span, #header .basket .cart:hover span {
		position: absolute;
		display: block;
		text-align: center;
		color: #fff;
		bottom: 13px;
		left: 0;
		width: 100%;
	}
	#header .menu {
		position: absolute;
		width: 100%;
		top: 50px;
		display: none;
		z-index: 1000;
		box-sizing: border-box;
	}
	#header .menu ul {
		padding: 0;
		text-align: left;
		background: #303238;
		box-shadow: 0 0 3px rgba(0,0,0,.7);
	}
	#header .menu ul li {
		border-top: 1px solid rgba(255,255,255,.2);
		padding: 0;
		position: relative;
	}
	#header .menu ul li:before {
		display: none;
	}
	#header .menu ul li:first-child {
		border: 0;
	}
	#header .menu ul li a, #header .menu ul li a:hover {
		padding: 10px 10px 9px 10px;
		display: block;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		position: relative;
	}
	#header .menu ul li .has-submenu:before {
		position: absolute;
		right: 10px;
		top: 10px;
		color: rgba(255,255,255,.5);
	}
	#header .menu ul li .submenu {
		display: none;
	}
	#header .menu ul li .submenu ul {
		background: #3c3d42;
		box-shadow: none;
	}
	#header .menu ul li .submenu ul li {
		border-top: 1px solid rgba(255,255,255,.1);
		font-size: 90%;
	}
	#header .menu ul li .submenu .box h2 {
		border-top: 1px solid rgba(255,255,255,.1);
		background: #3c3d42;
		padding: 0 10px;
		font-size: 130%;
		position: relative;
	}
	#header .menu ul li .submenu .box h2:before, #header .menu ul li .submenu .box h2:after {
		width: 1px;
		height: 6px;
		content: '';
		position: absolute;
		background: #fff;
		display: block;
		right: 14px;
		top: 18px;
		transform: rotate(45deg);
	}
	#header .menu ul li .submenu .box h2:after {
		transform: rotate(-45deg);
		right: 18px;
	}
	#header .menu ul li .submenu .box h2.active:before, #header .menu ul li .submenu .box h2.active:after {
		transform: rotate(-45deg);
	}
	#header .menu ul li .submenu .box h2.active:after {
		transform: rotate(45deg);
	}
	#header .menu ul li .submenu .box h2 a, #header .menu ul li .submenu .box h2 a:hover {
		padding: 12px 0 10px 0;
		font-weight: 700;
		line-height: normal;
	}
	#header .menu ul li .submenu .box ul {
		padding: 0 10px;
		display: none;
	}
	#header .menu ul li .submenu .box ul li a {
		padding: 10px 0 10px 14px;
		position: relative;
	}
	#header .menu ul li .submenu .box ul li a:before, #header .menu ul li .submenu .box ul li a:after {
		width: 1px;
		height: 6px;
		content: '';
		position: absolute;
		background: #fff;
		left: 3px;
		display: block;
		top: 12px;
		transform: rotate(135deg);
	}
	#header .menu ul li .submenu .box ul li a:after {
		transform: rotate(-135deg);
		content: '';
		top: 16px;
	}
	/* Slider */
	#slider {
		border-top: 1px solid #fff;
		padding-bottom: 31px;
	}
	#slider h2 {
		display: none;
	}
	#slider .slides ul {
		padding: 0;
	}
	#slider .slides ul li {
		padding: 0;
		display: none;
	}
	#slider .slides ul li:before {
		display: none;
	}
	#slider .slides .pager {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 31px;
		text-align: center;
	}
	#slider .slides .pager a, #slider .slides .pager a:hover {
		display: inline-block;
		height: 31px;
		width: 50px;
		margin: 0 3px;
	}
	#slider .slides .pager a:before, #slider .slides .pager a:hover:before {
		display: block;
		content: '';
		background: #dbdbdb;
		height: 3px;
		width: 100%;
		position: relative;
		top: 14px;
	}
	#slider .slides .pager a:hover:before {
		background: #76bdc2;
	}
	#slider .slides .pager .active:before, #slider .slides .pager .active:hover:before {
		background: #d8e9eb;
	}
	/* Content */
	#content .in {
		padding-top: 15px;
	}
	#content h1 {
		padding-bottom: 15px;
	}
	/* Products */
	#products .in .in {
		padding: 0;
		text-align: left;
	}
	#products .text {
		text-align: left;
		padding: 0px 10px 30px 10px;
		background: white;
	}
	#products .text ul {
		padding-left: 40px;
	}
	#products .text ul li {
		list-style: disc;
		padding: 0 0 0 5px;
	}
	#products .text ol {
		padding-left: 30px;
	}
	#products .text ol li {
		list-style: decimal;
		padding: 0 0 0 5px;
	}
	
	#products .text .article-title {
		padding: 15px 0 0 0;
		margin: 15px 0 0 0;
		border-top: 1px solid #dcdcdc;
		font-size: 140%;
	}
	#products .text .article-title a, #products .text .article-title a:hover {
		font-weight: 400;
	}
	#products .text .date {
		color: #666;
		font-style: italic;
		padding: 4px 0 0 0;
	}
	
	#products .breadcrumbs {
		text-align: left;
		font-size: 90%;
		position: relative;
		color: #666;
		background: #fff;
		padding: 3px 10px 10px 10px;
	}
	#products .breadcrumbs:before {
		position: absolute;
		width: calc(100% - 20px);
		left: 10px;
		height: 1px;
		bottom: 2px;
		display: block;
		content: '';
		background: #ccc;
	}
	#products .breadcrumbs a {
		color: #666;
	}
	#products .breadcrumbs a:hover {
		color: #76bdc2;
	}
	/* Home matrix */
		#products .home-top li {
			border-top: 1px solid #dcdcdc;
			padding: 0 10px 10px 10px;
			background: #fff;
			text-align: left;
			position: relative;
		}
		#products .home-top li .image {
			display: block;
			padding: 10px 0 0 0;
			float: left;
			width: 20%;
			position: relative;
		}
		#products .home-top li .image .discount {
			position: absolute;
			background: #76bdc2;
			width: 30px;
			height: 25px;
			color: #fff;
			text-align: center;
			line-height: 24px;
			top: 0;
			left: -10px;
		}
		#products .home-top li .info {
			float: right;
			width: 75%;
		}
		#products .home-top li .info .title {
			padding: 12px 0 2px 0;
			font-size: 120%;
		}
		#products .home-top li .info .title a, #products .home-top li .info .title a:hover {
			font-weight: 600;
			color: #323232;
		}
		#products .home-top li .info .title a:hover {
			color: #76bdc2;
		}
		#products .home-top li .info .desc {
			display: none;
		}
		#products .home-top li .info .price-container {
			position: absolute;
			bottom: 10px;
			right: 10px;
		}
		#products .home-top li .info .price-container .old-price {
			display: block;
			padding: 7px 0 0 0;
			text-decoration: line-through;
			color: #666;
			text-align: right;
		}
		#products .home-top li .info .price-container .price {
			display: block;
			padding: 7px 0 0 0;
			color: #76bdc2;
			font-size: 140%;
			text-align: right;
		}
		#products .home-top li .info .price-container .vat-price {
			display: block;
			text-align: right;
		}
		#products .home-top li .info .add {
			display: none;
		}
		#products .home-selected {
			border-bottom: 1px solid #dcdcdc;
			padding: 0;
		}
		#products .home-selected li {
			text-align: left;
			position: relative;
			clear: both;
			border-top: 1px solid #dcdcdc;
			padding: 0 10px 10px 10px;
			background: #fff;
		}
		#products .home-selected li .image {
			float: left;
			width: 20%;
			padding: 10px 0 0 0;
			position: relative;
		}
		#products .home-selected li .image .discount {
			position: absolute;
			background: #76bdc2;
			width: 30px;
			height: 25px;
			color: #fff;
			text-align: center;
			line-height: 24px;
			top: 0;
			left: -10px;
		}
		#products .home-selected li .info {
			float: right;
			width: 75%;
			padding: 0 0 40px 0;
		}
		#products .home-selected li .info .title {
			padding: 12px 0 2px 0;
			font-size: 120%;
		}
		#products .home-selected li .info .title a, #products .home-selected li .info .title a:hover {
			font-weight: 600;
			color: #323232;
		}
		#products .home-selected li .info .title a:hover {
			color: #76bdc2;
		}
		#products .home-selected li .info .price-container {
			position: absolute;
			bottom: 10px;
			right: 10px;
		}
		#products .home-selected li .info .price-container .old-price {
			display: block;
			padding: 7px 0 0 0;
			text-decoration: line-through;
			color: #666;
			text-align: right;
		}
		#products .home-selected li .info .price-container .price {
			display: block;
			padding: 7px 0 0 0;
			color: #76bdc2;
			font-size: 140%;
			text-align: right;
		}
		#products .home-selected li .info .price-container .vat-price {
			display: block;
			text-align: right;
		}
		/* -- */
	#products .sort .holder {
		padding: 0 !important;
	}
	#products .sort .holder .per-page li {
		padding: 0;
		display: inline-block;
	}
	#products .sort .holder .per-page li a, #products .sort .holder .per-page li a:hover {
		font-weight: 700;
		padding: 0 2px;
	}
	#products .sort .holder .sort-by li {
		padding: 0;
	}
	#products .sort .holder .pages {
		text-align: center;
	}
	#products .sort .holder .pages li {
		padding: 0 3px;
		display: inline-block;
	}
	#products .sort .holder .pages li a, #products .sort .holder .pages li a:hover {
		display: block;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		border: 1px solid #76bdc2;
		text-decoration: none;
	}
	#products .sort .holder .pages li a:hover, #products .sort .holder .pages li .active, #products .sort .holder .pages li .active:hover {
		background: #76bdc2;
		color: #fff;
	}
	#products .list ul {
		padding: 0;
	}
	#products .list ul li {
		padding: 0;
	}
	#products .list ul li:before {
		display: none;
	}
	#products .list ul li .labels {
		padding: 0;
		position: absolute;
	}
	#products .list ul li .labels li {
		padding: 0 6px 0 0;
		display: block;
		float: left;
		clear: both;
		text-align: left;
		margin: 1px 0 0 0;
	}
	#products .list ul li .labels li span {
		background: #d00;
		height: 34px;
		line-height: 34px;
		color: #fff;
		font-weight: 400;
		font-size: 100%;
		text-transform: uppercase;
		display: inline-block;
		padding: 0 6px;
	}
	#products .list ul li .image {
		padding: 0;
		margin: 15px 0 0 0;
	}
	#products .list ul.two-columns li .image {
		padding: 10px;
		background: #fff;
	}

	#products .list ul.three-columns li .image {
		padding: 10px;
		background: #fff;
	}

	#products .list ul li .image a, #products .list ul li .image a:hover {
		display: block;
		background: #fff;
	}
	#products .list ul li .description h2 {
		color: #777;
		font-weight: 800;
		padding: 12px 0 0 0;
		font-size: 130%;
	}
	#products .list ul li .price {
		text-align: left;
		float: left;
		width: 50%;
		padding: 17px 0 0 0;
	}
	#products .list ul li .price strong {
		font-weight: 800;
		color: #76bdc2;
		font-size: 220%;
	}
	#products .list ul li .price small {
		font-weight: 400;
		color: #76bdc2;
		display: block;
	}
	#products .list ul li .price span {
		display: block;
	}
	#products .list ul li .size {
		float: right;
		padding: 10px 0 0 0;
		position: relative;
		width: 50%;
	}
	#products .list ul li .detail {
		float: left;
		width: 40%;
		box-sizing: border-box;
		padding: 10px;
		border-right: 1px solid #ffffff;
		margin: 10px 0 0 0;
		height: 46px;
		background: #76bdc2;
	}
	#products .list ul li .detail .button, #products .list ul li .detail .button:hover {
		height: 23px;
		line-height: 23px;
		padding: 0 10px;
	}
	#products .list ul li .detail .button:before, #products .list ul li .detail .button:hover:before {
		bottom: 3px;
		width: calc(100% - 22px);
		left: 10px;
	}
	#products .list ul li .buy {
		background: #76bdc2;
		margin: 10px 0 0 0;
		color: #fff;
		padding: 10px;
		width: 60%;
		height: 46px;
		box-sizing: border-box;
		float: left;
	}
	#products .list ul li .buy .count {
		width: 50px;
		float: left;
		margin: 0 3px 0 0;
	}
	#products .list ul li .buy .count input {
		padding-right: 5px;
		text-align: center;
		height: 26px;
		line-height: 26px;
	}
	#products .list ul li .buy .count input:hover, #products .list ul li .buy .count input:focus {
		border-color: #323232;
	}
	#products .list ul li .buy .pcs {
		float: left;
		height: 26px;
		line-height: 26px;
	}
	#products .list ul li .buy .button, #products .list ul li .buy .button:hover {
		float: right;
		height: 23px;
		line-height: 23px;
		padding: 0 10px;
	}
	#products .list ul li .buy .button:before, #products .list ul li .buy .button:hover:before {
		bottom: 3px;
		width: calc(100% - 22px);
		left: 10px;
	}
	#products .description h3 {
		background: #fff;
		padding: 10px;
		margin: 25px 0 0 0;
		display: inline-block;
		position: relative;
		color: #777;
	}
	#products .description h3:before {
		content: '';
		width: 10000px;
		position: absolute;
		bottom: 0;
		left: -5000px;
		height: 1px;
		background: #fff;
	}
	/* NEW */
	#products .subcats {
		padding: 0;
		width: 100%;
		margin: 15px 0 0 0;
	}
	#products .subcats ul {
		padding: 0;
		font-size: 90%;
		border-bottom: 1px solid #d4dae4;
	}
	#products .subcats ul li {
		text-align: left;
		width: 100%;
		background: #fff;
		display: flex;
		padding: 0;
		border-top: 1px solid #d4dae4;
	}
	#products .subcats ul li span {
		display: block;
		float: left;
		width: 35px;
	}
	#products .subcats ul li a, #products .subcats ul li a:hover {
		display: block;
		float: right;
		width: calc(100% - 40px);
		padding: 10px 0;
	}
	#products .best-sell {
		margin: 15px 0 0 0;
		padding: 0;
		border-bottom: 1px solid #dcdcdc;
	}
	#products .best-sell li {
		display: block;
		background: #fff;
		border-top: 1px solid #dcdcdc;
		padding: 0 10px 10px 10px;
		text-align: left;
	}
	#products .best-sell li .image {
		float: left;
		width: 20%;
	}
	#products .best-sell li .image a img {
		display:inline-block;
		text-align:center;
		max-width:100%;
		max-height:100%;
	}
	#products .best-sell li .info {
		float: right;
		width: 75%;
	}
	#products .best-sell li .info h2 {
		padding: 12px 0 2px 0;
		font-size: 120%;
	}
	#products .best-sell li .info h2 a, #products .best-sell li .info h2 a:hover {
		font-weight: 600;
		color: #323232;
	}
	#products .best-sell li .info h2 a:hover {
		color: #76bdc2;
	}
	#products .best-sell li .info .stock {
		padding: 0;
		color: #76bdc2;
		font-size: 90%;
	}
	#products .best-sell li .info .desc {
		padding: 0;
		font-size: 90%;
	}
	#products .best-sell li .prices {
		text-align: right;
		clear: both;
	}
	#products .best-sell li .prices .price {
		display: block;
		padding: 7px 0 0 0;
		color: #76bdc2;
		font-size: 140%;
	}
	#products .best-sell-more {
		text-align: center;
		padding: 8px 0 10px 0;
		position: relative;
		z-index: 1;
		margin: 10px 0 10px 0;
	}
	#products .best-sell-more a, #products .best-sell-more a:hover {
		dislay: block;
		text-align: center;
		border: 2px solid #76bdc2;
		color: #76bdc2;
		padding: 8px 10px;
		text-decoration: none;
		cursor: pointer;
		font-weight: 700;
	}
	#products .best-sell-more a:hover {
		color: #fff;
		background: #76bdc2;
	}
	#products #more-best-sell {
		display: none;
	}
	#products #more-best-sell ul {
		margin: 0;
	}
	#products #more-best-sell ul li:first-child {
		border-top: 0;
	}
	#products .load-more {
		text-align: center;
		padding-bottom: 20px;
	}
	#products .sort {
		text-align: center;
	}
	#products .sort .slider {
		padding: 40px 0 0 0;
	}
	#products .sort .slider li {
		padding: 0;
	}
	#products .sort .slider .title {
		display: none;
	}
	#products .sort .slider .from {
		position: absolute;
		left: 10px;
		margin: -25px 0 0 0;
	}
	#products .sort .slider .price-slider {
		padding: 0 2px 0 0;
	}
	#products .sort .slider .to {
		position: absolute;
		right: 10px;
		margin: -25px 0 0 0;
	}
	#products .sort .more {
		border-bottom: 1px solid #dcdcdc;
		padding: 20px 0 0 0;
		height: 55px;
		position: relative;
	}
	#products .sort .more .button {
		left: 0;
		position: absolute;
	}
	#products .sort .more .cancel {
		right: 0;
		position: absolute;
		margin: 15px 0 0 0;
	}
	#products .sort .per-page li, #products .sort .pages li {
		padding: 0 3px;
		background: none;
		display: inline-block;
	}
	#products #more-params {
		display: none;
		border-bottom: 1px solid #d4dae4;
		text-align: left;
		padding: 0 0 10px 0;
	}
	#products .sort .sort-by li {
		background: none;
		padding: 0;
	}
	#products .sort .sort-by .title {
		display: none;
	}
	#products .sort .pages li .active, #products .sort .per-page li .active {
		color: #000;
	}
	/* -- */
	/* Company */
	#company .in {
		background: #fff;
	}
	#company .newsletter ::-webkit-input-placeholder {
		color: #f4f2f2;
	}
	#company .newsletter :-moz-placeholder {
		color: #f4f2f2;
		opacity: 1;
	}
	#company .newsletter ::-moz-placeholder {
		color: #f4f2f2;
		opacity: 1;
	}
	#company .newsletter :-ms-input-placeholder {
		color: #f4f2f2;
	}
	#company .newsletter {
		background: #76bdc2;
	}
	#company .newsletter .info h3 {
		color: #fff;
	}
	#company .newsletter ul {
		margin: 0 auto;
	}
	#company .newsletter ul li {
		padding: 0;
		float: left;
	}
	#company .newsletter ul li:nth-child(2) {
		width: calc(100% - 125px);
	}
	#company .newsletter ul li:nth-child(3) {
		width: 75px;
	}
	#company .newsletter ul li:nth-child(4) {
		width: 50px;
	}
	#company .newsletter ul li:before {
		display: none;
	}
	#company .newsletter ul li .input {
		background: none;
		height: 42px;
		line-height: 42px;
		font-weight: 200;
		color: #fff;
		border-color: rgba(255,255,255,.5);
	}
	#company .newsletter ul li:nth-child(3) .input {
		border-left: 0;
	}
	#company .newsletter ul li .submit, #company .newsletter ul li .submit:hover {
		background: none;
		border: 1px solid rgba(255,255,255,.5);
		border-left: 0;
		position: relative;
		cursor: pointer;
		width: 100%;
		color: #5d969a;
		height: 42px;
		overflow: hidden;
		text-align: center;
		transition: .5s;
		line-height: 42px;
	}
	#company .newsletter ul li .submit:hover {
		color: #fff;
		background: #5d969a;
	}
	#company .newsletter ul li .submit:before, #company .newsletter ul li .submit:hover:before {
		position: relative;
		top: 0;
		font-size: 200%;
	}
	#company .newsletter ul li .submit span, #company .newsletter ul li .submit:hover span {
		display: none;
	}
	#company .partners {
		background: #f3f3f3;
	}
	#company .partners.in {
		padding: 0 10px 10px 10px;
	}
	#company .partners .list ul {
		display: table;
		padding: 10px 0 0 0;
		width: 100%;
	}
	#company .partners .list ul li {
		display: table-cell;
		vertical-align: middle;
		padding: 0;
		width: 20%;
		text-align: center;
	}
	#company .partners .list ul li:before {
		display: none;
	}
	#company .partners .list ul li a, #company .partners .list ul li a:hover {
		display: inline-block;
	}
	#company .partners .list ul li a img, #company .partners .list ul li a:hover img {
		max-height: 35px;
	}
	/* Order */
	#order {
		border-top: 1px solid #76bdc2;
	}
	#order fieldset {
		text-align: left;
	}
	#order fieldset legend {
		border-bottom: 1px solid #d0cfcf;
		width: 100%;
		padding: 25px 0 5px 0;
	}
	#order fieldset ul.company, #order fieldset ul.shipping {
		display: none;
	}
	#order fieldset ul li {
		padding: 0;
		clear: both;
		position: relative;
	}
	#order fieldset ul li:before {
		display: none;
	}
	#order fieldset ul li label {
		width: 100%;
		padding: 10px 0 0 0;
		display: block;
	}
	#order fieldset ul li input, #order fieldset ul li textarea {
		margin: 3px 0 0 0;
	}
	#order fieldset .comments {
		padding: 25px 0 0 0;
	}
	#order fieldset .delivery li:before, #order fieldset .payment li:before {
		background: #e6e6e6;
		content: '';
		width: 100%;
		height: 1px;
		display: block;
		position: absolute;
		left: 0;
		top: 7px;
	}
	#order fieldset .delivery li:first-child:before, #order fieldset .payment li:first-child:before {
		display: none;
	}
	#order fieldset .delivery li .radio, #order fieldset .payment li .radio {
		display: block;
		margin: 15px 0 0 0;
		float: left;
	}
	#order fieldset .delivery li:first-child .radio, #order fieldset .payment li:first-child .radio {
		margin: 10px 0 0 0;
	}
	#order fieldset .delivery li label, #order fieldset .payment li label {
		display: block;
		margin: 15px 0 0 0;
		height: 22px;
		line-height: 23px;
		width: calc(100% - 30px);
		padding: 0;
		float: right;
	}
	#order fieldset .delivery li:first-child label, #order fieldset .payment li:first-child label {
		margin: 10px 0 0 0;
	}
	#order fieldset .delivery li label span, #order fieldset .payment li label span {
		display: block;
		float: left;
	}
	#order fieldset .delivery li label strong, #order fieldset .payment li label strong {
		display: block;
		float: right;
	}
	#order fieldset .checkbox, #order .checkbox {
		padding: 10px 0 0 0;
	}
	#order fieldset .checkbox div, #order .checkbox div {
		float: left;
		width: 22px;
	}
	#order .checkbox div {
		float: none;
		display: inline-block;
	}
	#order fieldset .checkbox label, #order .checkbox label {
		float: left;
		display: block;
		display: block;
		padding: 3px 0 0 8px;
		width: calc(100% - 30px);
	}
	#order .checkbox label {
		width: auto;
		display: inline-block;
		float: none;
		position: relative;
		top: 1px;
	}
	#order .summary {
		background: #fff;
		text-align: left;
		margin: 25px 0 0 0;
		padding: 12px 10px 15px 10px;
	}
	#order .summary h3 {
		border-bottom: 1px solid #d0cfcf;
		width: 100%;
		padding: 0 0 5px 0;
		color: #777;
		font-weight: 700;
	}
	#order .summary table tbody tr td, #order .summary table tfoot tr td {
		padding: 10px 0;
		border-bottom: 1px solid #e6e6e6;
		vertical-align: middle;
	}
	#order .summary table tbody tr .pcs {
		color: #777;
		white-space: nowrap;
		text-align: center;
	}
	#order .summary table tbody tr .price, #order .summary table tfoot tr .price {
		text-align: right;
		white-space: nowrap;
	}
	#order .summary table tfoot tr:first-child td {
		padding-top: 30px;
	}
	#order .summary table tfoot .total td {
		border-bottom: 2px solid #76bdc2;
		color: #76bdc2;
		font-size: 120%;
	}
	/* Map */
	#map {
		height: 250px;
	}
	#map h2 {
		display: none;
	}
	/* Footer */
	#footer {
		background: #777;
		color: #fff;
	}
	#footer .in {
		padding: 0;
	}
	#footer h2, #footer h3 {
		color: #fff;
	}
	#footer a {
		color: #fff;
		text-decoration: none;
	}
	#footer a:hover {
		color: #76bdc2;
		text-decoration: underline;
	}
	#footer .section .title {
		font-size: 110%;
		padding: 13px 10px;
		text-align: left;
		position: relative;
		text-transform: uppercase;
		border-top: 1px solid #676767;
		cursor: pointer;
	}
	#footer .section.contacts .title {
		border: 0;
		background: #777777;
	}
	#footer .section .title:before {
		display: block;
		position: absolute;
		right: 10px;
		top: 13px;
		font-size: 70%;
	}
	#footer .section .toggle {
		display: none;
		padding: 0 10px 15px 10px;
		text-align: left;
	}
	#footer .section.form .toggle ul {
		padding: 10px 0 0 0;
	}
	#footer .section.form .toggle ul li {
		padding: 5px 0 0 0;
	}
	#footer .section.form .toggle ul li:before {
		display: none;
	}
	#footer .section.form .toggle .button, #footer .section.form .toggle .button:hover {
		float: right;
		margin: 5px 0 0 0;
	}
	#footer .copyright {
		font-size: 85%;
		background: #676767;
		padding: 10px;
	}
	#footer .copyright p {
		padding: 0;
	}
	#footer .copyright p span {
		display: inline-block;
		padding: 0 2px;
	}
	/* Additional basket 4-steps */
	/* Basket */
		
		#basket thead tr th {
			font-size: 90%;
			text-align: center;
			background: #eef3fa;
			padding: 5px 7px 7px 7px;
			vertical-align: middle;
			border-bottom: 2px solid #fff;
		}
		#basket tbody tr td {
			padding: 5px 7px 7px 7px;
			vertical-align: middle;
			background: #eef3fa;
			text-align: center;
		}
		#basket tbody tr .image {
			display: none;
		}
		#basket tbody tr .title {
			text-align: left;
		}
		#basket tbody tr .price-item {
			white-space: nowrap;
		}
		#basket tbody tr .price {
			font-size: 120%;
			white-space: nowrap;
		}
		#basket tbody tr .count ul {
			padding: 0;
			min-width: 140px;		display: inline-block;
		}
		#basket tbody tr .count ul li {
			padding: 0;	
			min-width: 39px;
			float: left;
			display: block;
		}
		#basket tbody tr .count ul .total {
			padding: 4px 0 0 0;
		}
		#basket tbody tr .count ul .total .input {
			text-align: center;
			width: 40px;
		}
		#basket tbody tr .count ul .unit {
			padding: 11px 12px 0 8px;
		}
		#basket tbody tr .count ul .submit .button {
			text-transform: uppercase;
			font-weight: 700;
		}
		#basket tbody .complete td {
			text-align: left;
			padding-top: 0;
		}
		#basket tbody .complete ul {
			padding: 0;
		}
		#basket tbody .complete ul li {
			padding: 0;
			background: none;
			display: block;
			float: left;
		}
		#basket tbody .complete ul li:first-child {
			margin-left: -1px;
		}
		#basket tbody .complete ul .title {
			padding: 3px 0 0 5px;
			display: block;
		}
		#basket tbody .total td {
			border-top: 2px solid #fff;
		}
		#basket tbody .total .price {
			text-align: center;
			color: #d00;
			font-size: 150%;
			white-space: nowrap;
		}
		#basket .section {
			background: #eee;
			margin: 10px 0 0 0;
			padding: 10px;
		}
		#basket .shipping {
			padding: 10px 0 0 0;
			display: table;
			width: 100%;
		}
		#basket .shipping li {
			padding: 0;
			display: table-cell;
			background: none;
			vertical-align: top;
		}
		#basket .shipping .option {
			width: 30%;
		}
		#basket .shipping .option ul {
			padding: 0;
			white-space: nowrap;
		}
		#basket .shipping .option ul li {
			dislay: inline-block;
		}
		#basket .shipping .option ul li .title {
			padding: 3px 15px 0 5px;
			display: block;
		}
		#basket .shipping .price {
			padding: 3px 15px 0 0;
			white-space: nowrap;
			width: 23%;
		}
		#basket .shipping .desc {
			padding: 3px 0 0 0;
			width: 47%;
		}
		#basket .shipping .desc br {
			display: none;
		}
		#basket .comments {
			padding: 15px 0 0 0;
		}
		#basket .comments li {
			padding: 0;
			background: none;
		}
		#basket .comments li {
			text-align: center;
		}
		#basket .comments li span textarea {
			width: 95.5%;
			padding: 2%;
			height: 80px;
		}
		#basket .invoice {
			padding: 10px 0 0 0;
		}
		#basket .invoice .title {
			padding: 3px 0 0 5px;
			display: block;
		}
		#basket .invoice li:first-child {
			margin-left: -3px;
		}
		#basket .invoice li {
			padding: 0;
			background: none;
			display: block;
			float: left;
		}
		#basket .contacts {
			padding: 0;
		}
		#basket .contacts li {
			padding: 0;
			background: none;
			display: block;
			clear: both;
			text-align: left;
		}
		#basket .contacts li:before {
			display: none;
		}
		#basket .contacts li .title {
			padding: 10px 0 0 0;
			display: block;
		}
		#basket .contacts li .form, #basket .contacts li .select {
			padding: 5px 0 0 0;
			display: block;
		}
		#basket .contacts .name .form, #basket .contacts .address .form, #basket .contacts .city .form {
			display: block;
			width: 49%;
			float: left;
			margin: 0 2% 0 0;
		}
		#basket .contacts .address .form {
			width: 69%;
		}
		#basket .contacts .city .form {
			width: 29%;
		}
		#basket .contacts .name .form:last-child, #basket .contacts .address .form:last-child, #basket .contacts .city .form:last-child {
			margin: 0;
		}
		#basket .contacts .address .form:last-child {
			width: 29%;
		}
		#basket .contacts .city .form:last-child {
			width: 69%;
		}
		#basket .colored {
			padding: 0 10px 15px 10px;
			margin: 0 0 20px 0;
			background: #dcdcdc;
		}
		#basket .terms {
			width: 95.5%;
			padding: 0 2%;
		}
		#basket .terms {
			padding: 10px 0 0 0;
		}
		#basket .terms li {
			padding: 0;
			background: none;
			display: block;
			float: left;
		}
		#basket .terms li:first-child {
			margin-left: -3px;
		}
		#basket .terms .title {
			padding: 3px 0 0 5px;
			display: block;
		}
		#basket .tools {
			text-align: center;
		}
		#basket .tools .recout {
			margin: 0 21px 0 0 !important;
		}
		#basket .next, #basket .final {
			text-align: center;
			padding: 10px 0 0 0;
		}
		#basket .next .button span, #basket .next .button:hover span, #basket .final .button span, #basket .final .button:hover span {
			padding: 16px 28px 19px 15px;
			font-size: 200%;
			font-weight: 700;
			margin: 0 15px 0 0;
			background: url(../images/arrow-steps.png) no-repeat right center;
		}
		#basket .final .button span, #basket .final .button:hover span {
			padding: 16px 28px 19px 15px;
			font-size: 200%;
			font-weight: 700;
			margin: 0;
			background: none;
		}
	#addon-basket .steps {
		width: 100%;
		padding: 15px 0 0 0;
        flex-wrap: wrap;
        justify-content: left;
        display: flex;
	}
	#addon-basket .steps li {
		list-style: none;
		padding: 0;
		color: #999;
		background: #dcdcdc;
		padding: 10px 0 8px 0;
		border-right: 1px solid #fff;
		float: left;
		text-align: center;
		box-sizing: border-box;
		line-height: 170%;
		width: 25%;
        display: inline-block;
        vertical-align: top;
	}
	#addon-basket .steps li:before {
		display: none;
	}
	#addon-basket .steps li:nth-child(4) {
		border: 0;
	}
	#addon-basket .steps li strong {
		font-size: 200%;
		display: block;
	}
	#addon-basket .steps li span {
		line-height: 120%;
		padding: 5px 7px 0 7px;
		display: block;
	}
	#addon-basket .steps .active {
		color: #fff;
		background: #76bdc2;
	}
	#addon-basket .basket {
		margin: 15px 0 0 0;
		width: 100%;
		font-size: 90%;
	}
	#addon-basket .basket thead tr th {
		background: #76bdc2;
		white-space: nowrap;
		color: #fff;
		text-align: center;
		padding: 10px 5px;
		font-weight: 400;
		border-bottom: 1px solid #fff;
	}
	#addon-basket .basket thead tr .items {
		text-align: left;
	}
	#addon-basket .basket tbody tr td {
		padding: 7px 4px;
		text-align: center;
		transition: .3s;
		vertical-align: middle;
		background: #f4f4f4;
		border-top: 1px solid #e5e3e3;
	}
	#addon-basket .basket tbody tr td:nth-child(3), #addon-basket .basket tbody tr td:nth-child(4) {
		white-space: nowrap;
	}
	#addon-basket .basket tbody tr:hover td {
		background: #e5e3e3;
	}
	#addon-basket .basket tbody tr .image {
		width: 40px;
		vertical-align: top;
	}
	#addon-basket .basket tbody tr .image a, #addon-basket .basket tbody tr .image a:hover {
		border: 1px solid rgba(0,0,0,.5);
		transition: .3s;
		display: block;
		background: #fff;
		margin: 3px 0 0 0;
	}
	#addon-basket .basket tbody tr .image a img, #addon-basket .basket tbody tr .image a:hover img {
		width: 100%;
		height: auto;
	}
	#addon-basket .basket tbody tr .image a:hover {
		border: 1px solid #76bdc2;
	}
	#addon-basket .basket tbody tr .item {
		text-align: left;
	}
	#addon-basket .basket tbody tr .item a, #addon-basket .basket tbody tr .item a:hover {
		text-decoration: underline;
	}
	#addon-basket .basket tbody tr .count {
		white-space: nowrap;
	}
	#addon-basket .basket tbody tr .count input {
		width: 30px;
		border: 0;
		height: 25px;
		background: #fff;
		line-height: 25px;
		padding: 0;
		text-align: center;
		display: inline-block;
	}
	#addon-basket .basket tbody tr .count .delete, #addon-basket .basket tbody tr .count .delete:hover {
		display: inline-block;
		border: 1px solid #76bdc2;
		text-align: center;
		text-decoration: none;
		color: #76bdc2;
		font-size: 130%;
		line-height: 21px;
		height: 23px;
		width: 15px;
	}
	#addon-basket .basket tbody tr .count .delete:hover {
		color: #fff;
		background: #76bdc2;
	}
	#addon-basket .basket tbody .sum td, #addon-basket .basket tbody .sum:hover td {
		background: #76bdc2;
		color: #fff;
		border: 0;
	}
	#addon-basket .basket tbody .sum .total {
		text-align: left;
	}
	#addon-basket .basket tbody .sum .total span {
		display: block;
	}
	#addon-basket .basket tbody .sum .total .discount, #addon-basket .basket tbody .sum .total .discount:hover {
		display: inline-block;
		border: 1px solid #000;
		height: 22px;
		background: #fff;
		text-decoration: none;
		line-height: normal;
		padding: 3px 5px 0 5px;
		box-sizing: border-box;
		margin: 4px 0 0 0;
		font-weight: 700;
		cursor: pointer;
	}
	#addon-basket .basket tbody .sum .total .discount:hover {
		background: #000;
		border: 1px solid #000;
		color: #fff;
	}
	#addon-basket .basket tbody .sum .price {
		text-align: right;
		font-size: 170%;
	}
	#addon-basket .basket tbody .doplnky, #addon-basket .basket tbody .sale {
		display: none;
	}
	#addon-basket .basket tbody .sale td, #addon-basket .basket tbody .sale:hover td {
		background: none;
		border-top: 1px solid #e5e3e3;
		border-bottom: 1px solid #f1f1f1;
	}
	#addon-basket .basket tbody .sale td .code {
		width: 69%;
		display: block;
		float: left;
	}
	#addon-basket .basket tbody .sale td .code .input {
		width: 100%;
		box-sizing: border-box;
	}
	#addon-basket .basket tbody .sale td button, #addon-basket .basket tbody .sale td button:hover {
		width: 29%;
		display: block;
		float: right;
		border: 0;
		color: #fff;
		font-weight: 700;
		cursor: pointer;
		height: 36px;
		line-height: 36px;
		padding: 0;
		background: #76bdc2;
		font-size: 140%;
		transition: .3s;
		padding: 0 5px;
		margin: 0;
	}
	#addon-basket .basket tbody .sale td button:hover {
		background: #000;
	}
	#addon-basket .basket tbody .sale td button a, #addon-basket .basket tbody .sale td button a:hover {
		color: #fff;
	}
	#addon-basket .basket tbody .doplnky td {
		background: #e7e7e7;
		height: 25px;
	}
	#addon-basket .basket tbody .doplnky td:first-child {
		position: relative;
	}
	#addon-basket .basket tbody .doplnky td span {
		display: block;
		float: left;
	}
	#addon-basket .basket tbody .doplnky td:first-child .icon {
		position: absolute;
		left: 5px;
		top: 7px;
	}
	#addon-basket .basket tbody .doplnky td:first-child .icon img {
		width: 30px;
		height: auto;
	}
	#addon-basket .basket tbody .doplnky td:first-child .check {
		position: absolute;
		left: 40px;
		top: 11px;
	}
	#addon-basket .basket tbody .doplnky td:first-child .info {
		padding: 0 0 0 65px;
		text-align: left;
	}
	#addon-basket .basket tbody .doplnky td:first-child .info a, #addon-basket .basket tbody .doplnky td:first-child .info a:hover {
		text-decoration: underline;
	}
	#addon-basket .basket tbody .doplnky .count {
		text-align: right;
	}
	#addon-basket .basket tbody .doplnky .count span {
		display: none;
	}
	#addon-basket .basket tbody .doplnky .count span .delete span, #addon-basket .basket tbody .doplnky .count span .delete:hover span {
		text-align: center;
		float: none;
	}
	#addon-basket .gifts {
		padding: 0;
	}
	#addon-basket .gifts ul {
		padding: 0;
	}
	#addon-basket .gifts ul li {
		float: left;
		width: 18%;
		margin: 0 2.5% 0 0;
		padding: 15px 0 0 0;
		text-align: center;
	}
	#addon-basket .gifts ul li:before {
		display: none;
	}
	#addon-basket .gifts ul li:nth-child(5n+0) {
		margin-right: 0;
	}
	#addon-basket .gifts ul li .preview {
		display: none;
	}
	#addon-basket .gifts ul li .image {
		padding: 0;
	}
	#addon-basket .gifts ul li .image a, #addon-basket .gifts ul li .image a:hover {
		display: block;
		border: 1px solid #000;
		border: 1px solid rgba(0,0,0,.5);
		transition: .3s;
		box-sizing: border-box;
		padding: 1px 0 0 0;
	}
	#addon-basket .gifts ul li .image a:hover {
		border: 1px solid rgba(0,0,0,1);
	}
	#addon-basket .gifts ul li .image a img, #addon-basket .gifts ul li .image a:hover img {
		width: 100%;
		height: auto;
	}
	#addon-basket .gifts ul li .desc {
		padding: 7px 0 0 0;
		text-align: center;
		line-height: 130%;
		font-size: 80%;
	}
	#addon-basket .gifts ul .vybrano .image a, #addon-basket .gifts ul .vybrano .image a:hover {
		border: 1px solid #76bdc2;
	}
	#addon-basket .gifts ul .nothing .image a, #addon-basket .gifts ul .nothing .image a:hover {
		text-align: center;
		text-decoration: none;
		font-size: 250%;
	}
	#addon-basket .gifts .continue {
		padding: 15px 0 0 0;
	}
	#addon-basket .delivery {
		padding: 15px 0 0 0;
		display: block;
	}
	#addon-basket .delivery h3 {
		padding: 10px;
		color: #fff;
		background: #76bdc2;
		text-align: left;
		font-weight: 400;
		font-size: 100%;
	}
	#addon-basket .delivery ul {
		padding: 0;
	}
	#addon-basket .delivery ul li {
		clear: both;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
		padding: 5px 5px 2px 5px;
		border-top: 1px solid #e5e3e3;
	}
	#addon-basket .delivery ul li:first-child {
		border-top: 0;
	}
	#addon-basket .delivery ul li:last-child {
		border-bottom: 1px solid #e5e3e3;
	}
	#addon-basket .delivery ul li:before {
		display: none;
	}
	#addon-basket .delivery ul li .checkbox {
		display: block;
		float: left;
		margin: 0 5px 0 0;
		padding: 5px 0 7px 0;
	}
	#addon-basket .delivery ul li .title {
		display: block;
		float: left;
		padding: 9px 0 7px 0;
		text-transform: uppercase;
	}
	#addon-basket .delivery ul li .value {
		display: block;
		padding: 7px 0;
		float: right;
		padding: 9px 0 7px 0;
		font-weight: 700;
	}
	#addon-basket .contacts ul {
		padding: 5px 0 0 0;
	}
	#addon-basket .contacts ul li {
		padding: 10px 0 0 0;
		clear: both;
	}
	#addon-basket .contacts ul li:before, #addon-basket .terms ul li:before {
		display: none;
	}
	#addon-basket .contacts ul li ul {
		display: none;
	}
	#addon-basket .contacts ul li .title {
		display: block;
		text-align: left;
	}
	#addon-basket .contacts ul li .form {
		padding: 5px 0 0 0;
		display: block;
	}
	#addon-basket .contacts ul li .form .input {
		width: 100%;
		padding: 0 7px;
		box-sizing: border-box;
	}
	#addon-basket .contacts ul li .checkbox, #addon-basket .terms ul li .radio {
		float: left;
		margin: 0 5px 0 0;
		display: block;
		position: relative;
	}
	#addon-basket .contacts ul li .value, #addon-basket .terms ul li .value {
		display: block;
		float: left;
		padding: 3px 0 0 0;
	}
	#addon-basket .contacts ul li .form textarea {
		height: 100px;
		width: 100%;
	}
	#addon-basket .terms ul {
		padding: 20px 0 0 0;
	}
	#addon-basket .terms ul li {
		padding: 0;
	}
	#addon-basket .terms ul li .value {
		width: calc(100% - 27px);
		text-align: left;
	}
	#addon-basket .terms ul li .value br {
		display: none;
	}
	#addon-basket .continue {
		text-align: center;
	}
	#addon-basket .continue a, #addon-basket .continue a:hover, #addon-basket .continue button, #addon-basket .continue button:hover {
		display: inline-block;
		border: 0;
		color: #76bdc2;
		border: 2px solid #76bdc2;
		text-transform: uppercase;
		font-weight: 700;
		cursor: pointer;
		line-height: normal;
		height: 46px;
		padding: 11px 10px 0 10px;
		background: #fff;
		box-sizing: border-box;
		font-size: 130%;
		transition: .3s;
		margin: 0;
		text-decoration: none;
	}
	#addon-basket .continue button, #addon-basket .continue button:hover {
		padding-top: 0;
	}
	#addon-basket .continue.finish a, #addon-basket .continue.finish a:hover, #addon-basket .continue.finish button, #addon-basket .continue.finish button:hover {
		text-transform: uppercase;
	}
	#addon-basket .continue a:hover, #addon-basket .continue button:hover {
		background: #76bdc2;
		color: #fff;
	}
	#addon-basket .back {
		text-align: center;
	}
	#addon-basket .back a, #addon-basket .back a:hover, #addon-basket .back button, #addon-basket .back button:hover {
		display: inline-block;
		border: 1px solid #000;
		height: 27px;
		background: #fff;
		text-decoration: none;
		line-height: 28px;
		padding: 0 7px;
		cursor: pointer;
		transition: .3s;
	}
	#addon-basket .back a:hover, #addon-basket .back button:hover {
		background: #000;
		color: #fff;
	}
	#addon-basket .recount {
		
		text-align: center;
		padding: 15px 0 0 0;
	}
	#addon-basket .recount a, #addon-basket .recount a:hover {
		display: inline-block;
		color: #fff;
		padding: 9px 10px 0 10px;
		box-sizing: border-box;
		height: 30px;
		line-height: normal;
		text-decoration: none;
		transition: background .5s;
		text-transform: uppercase;
		background: #8d8d8d;
		font-size: 90%;
		font-weight: 700;
		border-radius: 0;
	}
	#addon-basket .recount a:hover {
		background: #000;
	}
	#addon-basket .recount a span, #addon-basket .recount a:hover span {
		display: inline;
		padding: 0;
		font-size: 100%;
	}
	#login {
			padding: 0;
			
		}
		
		#det #login .in {
			padding: 0;
			padding-top: 0;
		}
		#login .form {
			padding: 0;
			margin: 20px 0 0 0;
			background: #f1f3f1;
			border-radius: 5px;
		}
		#login .form li {
			padding: 0;
			background: none;
			display: block;
			clear: both;
			text-align: left;
		}
		#login .form li:before {
			display: none;
		}
		#login .form li .title {
			padding: 10px 0 0 0;
			display: block;
		}
		#login .form li .form {
			padding: 5px 0 0 0;
			display: block;
			margin: 0;
		}
		#login .nav li {
			padding: 0;
		}
		#login .nav li:before {
			display: none;
		}
	
	/* Detail */
	#detail {
		text-align: left;
		background: #ffffff;
		padding: 0px 10px 0px 10px;
	}
	#detail .stars {
		padding: 4px 0 0 0;
	}
	#detail .stars a, #detail .stars a:hover {
		display: inline-block;
		text-decoration: none;
	}
	#detail .stars a small, #detail .stars a:hover small {
		width: 13px;
		text-indent: -10000px;
		position: relative;
		top: 1px;
		display: block;
		height: 13px;
		background: url('../images/icon-star-gray.svg') no-repeat center center;
		background-size: cover;
		overflow: hidden;
	}
	#detail .stars a .active, #detail .stars a:hover .active {
		background: url('../images/icon-star.svg') no-repeat center center;
	}
	#detail .stars span {
		display: inline-block;
		padding: 0 0 0 5px;
	}
	#detail .detail-left .main {
		padding: 15px 0 0 0;
		text-align: center;
	}
	#detail .detail-left .labels {
		padding: 0;
		margin: 14px 0 0 0;
		position: absolute;
	}
	#detail .detail-left .labels li {
		padding: 0 6px 0 0;
		background: url(../images01/bg-labels.png) no-repeat right top;
		display: block;
		float: left;
		clear: both;
		margin: 1px 0 0 0;
	}
	#detail .detail-left .labels li span {
		background: #d00;
		height: 34px;
		line-height: 34px;
		color: #fff;
		font-weight: 400;
		font-size: 100%;
		text-transform: uppercase;
		display: block;
		padding: 0 6px;
	}
	#detail .detail-left .thumb {
		display: inline-block;
		padding: 10px 7px 0 0;
	}
	#detail .detail-left .thumb img {
		padding: 0 !important;
	}
	#detail .detail-right .desc {
		padding: 10px 0;
		border-bottom: 1px solid #dcdcdc;
	}
	#detail .detail-right .prices {
		padding: 0;
		margin: 0;
		font-size: 120%;
		display:block;
		width:100%;
	}
	#detail .detail-right .prices li {
		padding: 10px 0 0 0;
		background: none;
		clear: both;
		display: block;
		width:100%;
	}
	#detail .detail-right .prices li span {
		display: block;
	}
	#detail .detail-right .prices li .title {
		float: left;
		width:50%;
	}
	#detail .detail-right .prices li .value {
		float: left;
		text-align: right;
		width:50%;
	}
	#detail .detail-right .prices li .final-price {
		font-size: 200%;
		color: #d00;
	}
	#detail .detail-right .prices li .old-price {
		text-decoration: line-through;
	}
	#detail .detail-right .buy {
		border-top: 1px solid #dcdcdc;
		margin: 15px 0 0 0;
		padding: 5px 0 10px 0;
	}
	#detail .detail-right .buy .volby {
		padding: 10px 0 0 0;
	}
	#detail .detail-right .buy .volby li {
		padding: 0;
	}
	#detail .detail-right .buy .volby li .select {
		position: relative;
		display: block;
	}
	#detail .detail-right .buy .volby li .select select {
		top: 0;
		left: 0;
	}
	#detail .detail-right .buy .status {
		padding: 0px 0 0 0;
		font-size: 90%;
		float: left;
	}
	#detail .detail-right .buy .status li {
		padding: 0;
		background: none;
		display: block;
	}
	#detail .detail-right .buy .status .stock {
		color: #62b11b;
	}
	#detail .detail-right .buy .status .delivery span {
		display: block;
	}
	#detail .detail-right .buy .count {
		padding: 15px 0 0 0;
		float: right;
	}
	#detail .detail-right .buy .count li {
		padding: 0;
		float: left;
		display: block;
	}
	#detail .detail-right .buy .count .total {
		padding: 0;
	}
	#detail .detail-right .buy .count .total .input {
		text-align: center;
		width: 50px;
	}
	#detail .detail-right .buy .count .unit {
		padding: 11px 12px 0 8px;
	}
	#detail .detail-right .buy .count .submit .button {
		text-transform: uppercase;
		font-weight: 700;
	}
	#detail .detail-right .additional {
		float: left;
		width: 100%;
		border-top: 1px solid #dcdcdc;
	}
	#detail .detail-right .additional li {
		padding: 0;
		background: none;
	}
	#detail .detail-right .additional li .title {
		display: block;
		float: left;
		width: 50%;
	}
	#detail .detail-right .additional li .value {
		display: block;
		float: right;
		width: 50%;
		text-align: right;
	}
	#detail .detail-right .tools {
		float: left;
		width: 30%;
	}
	#detail .detail-right .tools li {
		background: none;
		padding: 8px 0 0 0;
		text-align: center;
	}
	#detail .detail-right .tools li a {
		display: inline-block;
	}
	#detail .detail-right .tools li a span {
		display: none;
	}
	#detail .detail-right .tools .print a {
		background: url(../images01/icon-print.png);
		width: 25px;
		height: 25px;
	}
	#detail .detail-right .tools .email a {
		background: url(../images01/icon-email.png);
		width: 25px;
		height: 20px;
	}
	#komentare small {
		display: block;
		padding: 3px 0;
		font-style: italic;
	}
	#komentare p {
		padding: 15px 0 15px 0;
		margin: 0 0 15px 0;
		border-bottom: 1px solid #dcdcdc;
	}
	.load-more {
		text-align: center;
	}
	.wrap {
		width: 100%;
		position: relative;
	}
	.wrap .in {
		padding: 0 10px 25px 10px;
		position: relative;
	}
}
@media only screen and (min-width: 768px) {
	body {
		font-size: 85%;
		padding: 141px 0 0 0;
	}
	h1, h2, h3, p, address, ul, ol {
		padding: 25px 0 0 0;
	}
	h1, h2 {
		font-size: 220%;
		padding: 15px 0px 10px 10px;
	}
	h3 {
		font-size: 150%;
	}
	.textarea, .textarea:hover, .textarea:focus {
		height: 70px;
	}
	/* Header */
	#header {
		background: aliceblue;
		position: fixed;
		z-index: 999999;
		top: 0;
		display: none;
	}
	#header.fixed-menu {
		box-shadow: 0 0 3px rgba(0,0,0,.3);
		background: aliceblue;
	}
	#header .in {
		height: auto;
		padding: 0px 0;
	}
	#header.fixed-menu .in {
		padding: 10px 0 20px 0;
	}
	#header .logo {
		margin: 0;
	}
	#header .logo a img, #header .logo a:hover img {
		height: 80px;
		margin: 0 10px 0 0;
	}
	#header .logo a h2, #header .logo a:hover h2 {
		color: #76bdc2;
		height: 40px;
		font-size: 170%;
		line-height: 0px;
		padding: 40px 10px 0 0;
		background: aliceblue;
	}
	#header .menu-toggle, #header .menu-toggle:hover {
		display: none;
	}
	#header .search-toggle {
			right: 0;
			width: 50px;
			top: 10px;
			background-color: #76bdc2;
		}
		#header.fixed-menu .search-toggle {
			height: 40px;
		}
		#header .search {
			box-shadow: 0 0 30px rgba(0,0,0,.2);
			background: #303238;
			border: 1px solid #ffffff;
			width: 320px;
			border-radius: 3px;
			left: auto;
			right: 0;
			top: 64px;
			z-index: 1001;
		}
		#header.fixed-menu .search {
			top: 54px;
		}
		#header .search:after, #header .search:before {
			bottom: 100%;
			left: 92.5%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}
		#header .search:after {
			border-color: rgba(48, 50, 56, 0);
			border-bottom-color: #303238;
			border-width: 8px;
			margin-left: -8px;
		}
		#header .search:before {
			border-color: rgba(255, 255, 255, 0);
			border-bottom-color: #ffffff;
			border-width: 9px;
			margin-left: -9px;
		}
		#header .search .in {
			width: auto;
		}
		#header.fixed-menu .search .in {
			height: 50px;
			padding: 8px 0 0 0;
		}
	#header .basket {
		right: 55px;
		top: 10px;
	}
	#header .basket .nav {
		display: block;
		float: left;
		text-align: right;
		padding: 9px 10px 0 0;
	}
	#header.fixed-menu .basket .nav {
		padding-top: 0;
	}
	#header .basket .nav a, #header .basket .nav a:hover {
		width: auto;
		height: auto;
		float: none;
		color: #76bdc2;
		font-size: 90%;
	}
	#header .basket .nav a:hover {
		color: #000;
	}
	#header .basket .user, #header .basket .user:hover {
		display: none;
	}
	#header .basket .cart, #header .basket .cart:hover {
		padding: 10px 15px;
		background: #76bdc2;
		float: left;
		width: 60px;
	}
	#header.fixed-menu .basket .cart, #header.fixed-menu .basket .cart:hover {
		padding: 6px 10px;
		width: 50px;
		height: 40px;
	}
	#header .basket .cart span, #header .basket .cart:hover span {
		bottom: 12px;
	}
	#header.fixed-menu .basket .cart span, #header.fixed-menu .basket .cart:hover span {
		bottom: 6px;
	}
	#header .menu {
		position: relative;
		top: -15px;
		padding: 15px 0 0 0;
		display: block;
		clear: both;
	}
	#header.fixed-menu .menu {
		padding: 5px;
		top: 0;
	}
	#header .menu ul {
		background: none;
		box-shadow: none;
		text-align: center;
	}
	#header .menu ul li {
		display: inline-block;
		border: none;
	}
	#header .menu ul li a, #header .menu ul li a:hover {
		color: #777;
		text-transform: none;
		font-size: 130%;
		padding: 10px 20px 9px 20px;
	}
	#header.fixed-menu .menu ul li a, #header.fixed-menu .menu ul li a:hover {
		padding-bottom: 5px;
	}
	#header .menu ul li a:hover {
		color: #76bdc2;
	}
	#header .menu ul li .has-submenu:before {
		display: none;
	}
	#header .menu ul li .submenu {
		display: none;
		position: absolute;
		width: 1000px;
		left: 20px;
		bottom: -12px;
	}
	#header .menu ul li .submenu ul {
		background: none;
		text-align: left;
	}
	#header .menu ul li .submenu ul li {
		border: 0;
		padding: 0 11px 0 0;
		display: inline-block;
		font-size: 70%;
	}
	#header .menu ul li .submenu ul li:last-child {
		padding: 0;
	}
	#header .menu ul li .submenu ul li:after {
		display: block;
		content: '';
		width: 1px;
		height: 14px;
		position: absolute;
		right: 3px;
		top: -1px;
		background: #777;
	}
	#header .menu ul li .submenu ul li:last-child:after {
		display: none;
	}
	#header .menu ul li .submenu ul li a, #header .menu ul li .submenu ul li a:hover {
		text-transform: uppercase;
		color: #76bdc2;
		padding: 0;
	}
	#header .menu ul li .submenu ul li a:hover {
		color: #777;
	}
	#header .menu ul li .submenu.categories {
		width: 748px;
		background: rgba(240,248,255,.97);
		box-shadow: 0 10px 10px rgba(0,0,0,.05);
		top: 53px;
		bottom: auto;
		column-count: 3;
		column-gap: 25px;
		padding: 0 20px 20px 20px;
		box-sizing: border-box;
	}
	#header .menu ul li .submenu .box {
		display: inline-block;
		column-break-inside: avoid;
		text-align: left;
		width: 100%;
		float: none;
		padding: 18px 0 0 43px;
		box-sizing: border-box;
		background-repeat: no-repeat;
		background-size: 33px auto;
		background-position: 0 21px;
		min-height: 75px;
	}
	#header .menu ul li .submenu .box h2 {
		background: none;
		color: #323232;
		border: 0;
		font-size: 90%;
		padding: 0;
	}
	#header .menu ul li .submenu .box h2:before, #header .menu ul li .submenu .box h2:after {
		display: none;
	}
	#header .menu ul li .submenu .box h2 a, #header .menu ul li .submenu .box h2 a:hover {
		padding: 0;
	}
	#header .menu ul li .submenu .box h2 a:hover {
		color: #000;
	}
	#header .menu ul li .submenu .box ul {
		padding: 3px 0 0 0;
		display: block;
	}
	#header .menu ul li .submenu .box ul li {
		padding: 0 4px 0 0;
		line-height: normal;
	}
	#header .menu ul li .submenu .box ul li:last-child {
		padding: 0;
	}
	#header .menu ul li .submenu .box ul li:after {
		content: ',';
		display: inline;
		width: auto;
		height: auto;
		color: #666;
		position: relative;
		right: auto;
		top: auto;
		background: none;
	}
	#header .menu ul li .submenu .box ul li:last-child:after {
		display: none;
	}
	#header .menu ul li .submenu .box ul li a, #header .menu ul li .submenu .box ul li a:hover {
		padding: 2px 0;
		display: inline;
	}
	#header .menu ul li .submenu .box ul li a:hover {
		color: #000;
	}
	#header .menu ul li .submenu .box ul li a:before, #header .menu ul li .submenu .box ul li a:after {
		display: none;
	}
	#header.fixed-menu .in {
		padding: 0;
		height: 60px;
	}
	#header.fixed-menu .logo {
		margin: 0px 0px 0 0;
	}
	#header.fixed-menu .logo a img, #header.fixed-menu .logo a img {
		height: 60px;
		margin: 0 5px 0 0;
	}
	#header.fixed-menu .logo a h2, #header.fixed-menu .logo a:hover h2 {
		font-size: 170%;
		font-weight: 500;
		line-height: 0px;
		height: 30px;
		padding: 30px 10px 0 0;
	}
	#header.fixed-menu .menu {
		position: relative;
		margin: 12px 0 0 0;
		width: auto;
		float: left;
		padding: 0;
		clear: none;
	}
	#header.fixed-menu .menu ul li {
		float: left;
		display: block;
	}
	#header .menu ul li a, #header .menu ul li a:hover {
		padding: 10px 30px 9px 30px;
	}
	#header.fixed-menu .menu ul li a, #header.fixed-menu .menu ul li a:hover {
		padding: 10px 7px 5px 7px;
		font-size: 110%;
	}
	#header .menu ul li .submenu {
		left: 30px;
	}
	#header.fixed-menu .menu ul li .submenu {
		left: 8px;
		bottom: -10px;
	}
	#header.fixed-menu .menu ul li .submenu.categories {
		bottom: auto;
		top: 49px;
		font-size: 120%;
	}
	#header.fixed-menu .menu ul li .submenu ul li {
		padding: 0 16px 0 0;
	}
	#header.fixed-menu .menu ul li .submenu.categories ul li {
		padding: 0 4px 0 0;
	}
	#header.fixed-menu .menu ul li .submenu ul li:after {
		right: 7px;
		height: 10px;
		top: 1px;
	}
	#header.fixed-menu .menu ul li .submenu.categories ul li:after {
		top: auto;
		right: auto;
		height: auto;
	}
	/* Slider */
	#slider {
		padding-top: 20px;
		border: 0;
	}
	#slider .slides {
		width: 758px;
		margin: 0 auto;
		position: relative;
	}
	#slider .slides ul li a, #slider .slides ul li a:hover {
		display: block;
		padding: 0 5px;
	}
	#slider .slides .pager {
		height: 41px;
		bottom: -41px;
	}
	#slider .slides .pager a, #slider .slides .pager a:hover {
		margin: 0 8px;
		height: 41px;
	}
	#slider .slides .pager a:before, #slider .slides .pager a:hover:before {
		top: 19px;
	}
	/* Content */
	#content .in {
		padding: 10px 40px 45px 40px;
		box-sizing: border-box;
	}
	/* Products */
	
	#products .breadcrumbs {
		text-align: left;
		font-size: 90%;
		color: #666;
		padding: 0 10px 10px 10px;
	}
	#products .breadcrumbs a {
		color: #666;
	}
	#products .breadcrumbs a:hover {
		color: #76bdc2;
	}
	/* Home matrix */
		#products .home-top {
			float: left;
			width: 45%;
			padding: 0;
			border-top: 1px solid #dcdcdc;
		}
		#products .home-top li {
			border: 1px solid #dcdcdc;
			border-top: 0;
			height: calc(100% - 11px);
		}
		#products .home-top li .image {
			width: 100%;
			float: none;
		}
		#products .home-top li .image a, #products .home-top li .image a:hover {
			display: block;
			text-align: center;
		}
		#products .home-top li .image a img, #products .home-top li .image a:hover img {
			width: 75%;
		}
		#products .home-top li .info {
			width: 100%;
			float: none;
		}
		#products .home-top li .info .title {
			font-size: 140%;
		}
		#products .home-top li .info .desc {
			display: block;
			padding: 15px 0 0 0;
		}
		#products .home-top li .info .price-container {
			bottom: auto;
			position: relative;
			right: auto;
		}
		#products .home-top li .info .price-container .old-price {
			padding: 17px 0 0 0;
			text-align: left;
		}
		#products .home-top li .info .price-container .price {
			text-align: left;
			padding: 17px 0 0 0;
		}
		#products .home-top li .info .price-container .vat-price {
			text-align: left;
		}
		#products .home-top li .info .add {
			display: block;
			text-align: center;
		}
		#products .home-selected {
			float: left;
			width: 55%;
			border: 0;
			border-top: 1px solid #dcdcdc;
		}
		#products .home-selected li {
			width: 50%;
			box-sizing: border-box;
			border: 1px solid #dcdcdc;
			border-left: 0;
			border-top: 0;
			clear: none;
			float: left;
		}
		#products .home-selected li .image {
			width: 100%;
			float: none;
		}
		#products .home-selected li .image a, #products .home-selected li .image a:hover {
			display: block;
			text-align: center;
		}
		#products .home-selected li .image a img, #products .home-selected li .image a:hover img {
			width: 40%;
		}
		#products .home-selected li .info {
			width: 100%;
			float: none;
			padding: 0;
		}
		#products .home-selected li .info .title {
			font-size: 110%;
		}
		#products .home-selected li .info .price-container {
			position: relative;
			bottom: auto;
			right: auto;
		}
		#products .home-selected li .info .price-container .price {
			padding: 12px 0 0 0;
		}
		/* -- */
	#products .sort {
		
		clear: both;
	}
	#products .sort .holder {
		
		display: inline-block;
		width: 100%;
	}
	#products .sort .holder .per-page {
		
		float: left;
	}
	#products .sort .holder .per-page li {
		padding: 0;
		display: inline-block;
	}
	#products .sort .holder .per-page li a, #products .sort .holder .per-page li a:hover {
		font-weight: 700;
		padding: 0 2px;
	}
	#products .sort .holder .sort-by {
		
		float: right;
		padding: 15px 0 0 0;
	}
	#products .sort .holder .sort-by li {
		padding: 0;
		
		float: left;
		width: 200px;
	}
	#products .sort .holder .sort-by li .customSelect {
		
		margin: 0;
	}
	#products .sort .holder .sort-by .title {
		
		padding: 10px 10px 0 0;
		width: auto;
	}
	#products .sort .holder .pages {
		padding: 15px 0 0 0;
		clear: both;
		text-align: right;
	}
	#products .sort .holder .pages li:last-child {
		padding-right: 0;
	}
	
	#products .text .article-title {
		padding: 25px 0 0 0;
		margin: 25px 0 0 0;
		border-top: 1px solid #dcdcdc;
		font-size: 140%;
	}
	#products .text .article-title a, #products .text .article-title a:hover {
		font-weight: 400;
	}
	#products .text .date {
		color: #666;
		font-style: italic;
		padding: 4px 0 0 0;
	}
	#products .text .art-content {
		padding: 20px 0 0 0;
	}
	
	#products .in h3 {
		text-align: left;
	}
	#products .list ul.two-columns li {
		width: 48%;
		float: left;
	}
	#products .list ul.two-columns li:nth-child(2n+0) {
		float: right;
	}

	#products .list ul.three-columns li {
		width: 33%;
		float: left;
	}
	#products .list ul.three-columns li:nth-child(3n+0) {
		float: right;
	}

	#products .list ul li .labels {
		top: 24px;
	}
	#products .list ul li .labels li {
		width: auto;
	}
	#products .list ul.two-columns li .labels li:nth-child(2n+0) {
		float: left;
	}
	#products .list ul.three-columns li .labels li:nth-child(3n+0) {
		float: left;
	}
	#products .list ul li .image {
		margin: 25px 0 0 0;
		text-align: center;
	}
	#products .list ul.one-column li .image {
		float: left;
		width: 57%;
	}
	#products .list ul.two-columns li .image {
		height: 250px;
		padding: 10px;
		background: #fff;
	}
	#products .list ul.two-columns li .image a, #products .list ul.two-columns li .image a:hover {
		box-sizing: border-box;
	}
	#products .list ul.two-columns li .image a img {
		max-height: 250px;
		width: auto;
	}

	#products .list ul.three-columns li .image {
		height: 250px;
		padding: 10px;
		background: #fff;
	}
	#products .list ul.three-columns li .image a, #products .list ul.three-columns li .image a:hover {
		box-sizing: border-box;
	}
	#products .list ul.three-columns li .image a img {
		max-height: 250px;
		width: auto;
	}

	#products .list ul.one-column li .info {
		float: right;
		width: 40%;
	}
	#products .list ul li .description {
		text-align: left;
		padding: 0;
	}
	#products .list ul.two-columns li .description h2 {
		padding-right: 20px;
	}
	#products .list ul.three-columns li .description h2 {
		padding-right: 20px;
	}
	#products .list ul li .price {
		margin: 0;
		width: 100%;
		padding: 28px 0 0 0;
	}
	#products .list ul.two-columns li .price {
		float: left;
		width: auto;
	}
	#products .list ul.three-columns li .price {
		float: left;
		width: auto;
	}
	#products .list ul li .size {
		width: 100%;
	}
	#products .list ul.two-columns li .size {
		width: 50%;
		float: right;
		padding: 20px 0 0 0;
	}
	#products .list ul.three-columns li .size {
		width: 50%;
		float: right;
		padding: 20px 0 0 0;
	}
	#products .list ul li .detail {
		width: 37%;
	}
	#products .list ul.two-columns li .detail {
		width: 50%;
	}
	#products .list ul.three-columns li .detail {
		width: 50%;
	}
	#products .list ul li .buy {
		width: 63%;
		position: relative;
	}
	#products .list ul.two-columns li .buy {
		width: 50%;
	}
	#products .list ul.three-columns li .buy {
		width: 50%;
	}
	#products .description {
		text-align: left;
		padding: 15px 40px 0 40px;
	}
	#products .description h3 {
		left: -40px;
	}
	/* NEW */
	#products .subcats {
		margin: 10px 0 0 0;
	}
	#products .subcats ul {
		border-bottom: 0;
        flex-wrap: wrap;
        justify-content: left;
        display: flex;
	}
	#products .subcats ul li {
		border-top: 0;
        display: inline-block;
		padding: 5px;
        vertical-align: top;
        width: 32%;
        margin: 15px 2% 0 0;
		border: 1px solid #76bdc2;
		box-sizing: border-box;
	}
	#products .subcats ul li:nth-child(3n+0) {
		margin-right: 0;
	}
	#products .best-sell li .image {
		width: 7%;
		padding: 10px 0 0 0;
		margin: 0 10px 0 0;
	}
	#products .best-sell li .info {
		float: left;
		width: 70%;
	}
	#products .best-sell li .prices {
		clear: none;
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	/* -- */
	/* Company */
	#company {
		text-align: left;
	}
	#company .about {
		/*background: #fff url('../images/tmp/company.jpg') no-repeat right center; */
		background-size: auto 100%;
		padding: 25px 50px 50px 40px;
		box-sizing: border-box;
		/*min-height: 350px;*/
	}
	#company .newsletter {
		box-sizing: border-box;
		padding: 15px 40px 40px 40px;
	}
	#company .newsletter .info {
		float: left;
		width: 310px;
	}
	#company .newsletter ul {
		float: right;
		width: 350px;
		padding: 40px 0 0 0;
	}
	#company .newsletter ul li:nth-child(2) {
		width: calc(100% - 145px);
	}
	#company .newsletter ul li:nth-child(4) {
		width: 70px;
	}
	#company .newsletter ul li .input {
		height: 52px;
		line-height: 52px;
		font-size: 140%;
	}
	#company .newsletter ul li .submit, #company .newsletter ul li .submit:hover {
		height: 52px;
		line-height: 52px;
	}
	#company .newsletter ul li .submit:before, #company .newsletter ul li .submit:hover:before {
		font-size: 280%;
	}
	#company .partners.in {
		padding: 10px 0;
	}
	#company .partners .list ul {
		padding: 0;
		box-sizing: border-box;
	}
	/* Order */
	#order .user {
		float: left;
		width: 55%;
	}
	#order .post {
		float: right;
		width: 40%;
	}
	#order fieldset legend {
		padding: 35px 0 5px 0;
	}
	#order fieldset ul.company, #order fieldset ul.shipping {
		clear: both;
	}
	#order fieldset ul {
		padding: 15px 0 0 0;
	}
	#order fieldset ul li.half, #order fieldset ul li.half-right {
		float: left;
		width: 47%;
		clear: none;
	}
	#order fieldset ul li.half-right {
		float: right;
	}
	#order fieldset .comments {
		clear: both;
	}
	#order fieldset .checkbox, #order .checkbox {
		clear: both;
	}
	#order .summary {
		margin: 45px 0 25px 0;
		padding: 22px 20px 25px 20px;
	}
	#order .submit {
		padding: 30px 0 0 0;
	}
	/* Map */
	#map {
		height: 350px;
	}
	/* Footer */
	#footer .in {
		padding: 15px 0 45px 0;
	}
	#footer .section.contacts {
		float: left;
		width: 50%;
	}
	#footer .section.form {
		float: right;
		width: 50%;
	}
	#footer .section .title {
		cursor: text;
		text-transform: none;
		border: 0;
		padding: 25px 0 0 0;
	}
	#footer .section .title:before {
		display: none;
	}
	#footer .section .toggle {
		display: block;
		padding: 0;
	}
	#footer .section .toggle .box {
		float: left;
		padding: 0 20px 0 0;
	}
	#footer .section.form .toggle ul {
		padding: 25px 0 0 0;
	}
	#footer .section.form .toggle ul li {
		clear: both;
	}
	#footer .section.form .toggle ul li.half, #footer .section.form .toggle ul li.half-right {
		width: 49%;
		float: left;
		clear: none;
	}
	#footer .section.form .toggle ul li.half-right {
		float: right;
	}
	#footer .copyright {
		text-align: left;
	}
	#footer .copyright p {
		width: 748px;
		margin: 0 auto;
	}
	/* Additional basket 4-steps */
	
		#basket .colored {
			float: left;
			width: 40%;
			
		}
		#basket .contacts.padded {
			float: right;
			width: 55%;
			margin: 0 0 0 0;
		}
	#addon-basket .steps {
		width: 100%;
		position: relative;
		margin: 30px 0 0 0;
		padding: 0 7%;
		box-sizing: border-box;
	}
	#addon-basket .steps:before {
		content: '';
		width: 100%;
		height: 5px;
		background: #f4f4f4;
		position: absolute;
		left: 0;
		top: 23px;
	}
	#addon-basket .steps li {
		width: 25%;
		float: left;
		background: none;
		border: 0;
		padding: 0;
		position: relative;
		z-index: 1;
		text-align: center;
	}
	#addon-basket .steps li strong {
		width: 50px;
		height: 50px;
		border: 5px solid #fff;
		border-radius: 100%;
		display: inline-block;
		overflow: hidden;
		line-height: 1000%;
	}
	#addon-basket .steps li:nth-child(1) strong {
		background: #f4f4f4 url(../images/icon-basket-step-1.png) no-repeat center center;
		background-size: 24px auto;
	}
	#addon-basket .steps .active:nth-child(1) strong {
		background: #76bdc2 url(../images/icon-basket-step-1-active.png) no-repeat center center;
		background-size: 24px auto;
	}
	#addon-basket .steps li:nth-child(2) strong {
		background: #f4f4f4 url(../images/icon-basket-step-2.png) no-repeat center center;
		background-size: 24px auto;
	}
	#addon-basket .steps .active:nth-child(2) strong {
		background: #76bdc2 url(../images/icon-basket-step-2-active.png) no-repeat center center;
		background-size: 24px auto;
	}
	#addon-basket .steps li:nth-child(3) strong {
		background: #f4f4f4 url(../images/icon-basket-step-3.png) no-repeat center center;
		background-size: 20px auto;
	}
	#addon-basket .steps .active:nth-child(3) strong {
		background: #76bdc2 url(../images/icon-basket-step-3-active.png) no-repeat center center;
		background-size: 20px auto;
	}
	#addon-basket .steps li:nth-child(4) strong {
		background: #f4f4f4 url(../images/icon-basket-step-4.png) no-repeat 17px center;
		background-size: 22px auto;
	}
	#addon-basket .steps .active:nth-child(4) strong {
		background: #76bdc2 url(../images/icon-basket-step-4-active.png) no-repeat 17px center;
		background-size: 22px auto;
	}
	#addon-basket .steps li span {
		color: #b9b9b9;
		text-transform: uppercase;
		padding: 4px 0 0 0;
		font-weight: 700;
	}
	#addon-basket .steps .active {
		background: none;
	}
	#addon-basket .steps .active span {
		color: #76bdc2;
	}
	#addon-basket .basket {
		font-size: 100%;
		margin: 30px 0 0 0;
		position: relative;
		z-index: 1;
	}
	#addon-basket .basket thead tr th {
		padding: 10px 8px;
	}
	#addon-basket .basket tbody tr td {
		padding: 10px 7px;
	}
	#addon-basket .basket tbody tr .image {
		width: 80px;
	}
	#addon-basket .basket tbody .sum .total span {
		float: right;
		height: 30px;
		line-height: 30px;
	}
	#addon-basket .basket tbody .sum .total .discount, #addon-basket .basket tbody .sum .total .discount:hover {
		float: left;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		margin: 0;
	}
	#addon-basket .basket tbody .sale td .code {
		width: 30%;
		margin: 0 5px 0 0;
	}
	#addon-basket .basket tbody .sale td button, #addon-basket .basket tbody .sale td button:hover {
		float: left;
		width: 15%;
	}
	#addon-basket .gifts {
		padding: 50px 0 0 0;
		position: relative;
	}
	#addon-basket .gifts h3 {
		font-size: 170%;
	}
	#addon-basket .gifts ul {
		width: 55%;
		float: left;
	}
	#addon-basket .gifts ul li {
		padding: 20px 0 0 0;
		margin: 0 3.75% 0 0;
		width: 17%;
	}
	#addon-basket .gifts .cleaner {
		display: none;
	}
	#addon-basket .delivery {
		margin: 18px 4% 0 0;
		float: left;
		width: 48%;
	}
	#addon-basket .delivery.payment {
		margin: 18px 0 0 0;
	}
	#addon-basket .contacts {
		padding: 20px 0 0 0;
	}
	#addon-basket .contacts ul {
		width: 48%;
		float: left;
		margin: 0 4% 0 0;
	}
	#addon-basket .contacts ul li ul {
		width: 100%;
		margin: 0;
	}
	#addon-basket .contacts ul li .title {
		float: left;
		width: 40%;
		height: 35px;
		line-height: 35px;
	}
	#addon-basket .contacts ul li .form {
		float: left;
		width: 60%;
	}
	#addon-basket .contacts ul li .form-long {
		width: 100%;
	}
	#addon-basket .terms {
		padding: 40px 0 0 0;
	}
	#addon-basket .contacts .additional {
		margin-right: 0;
		padding: 8px 0 0 0;
	}
	#addon-basket .continue {
		float: right;
		padding: 25px 0 0 0;
	}
	#addon-basket .continue.finish {
		float: left;
	}
	#addon-basket .gifts ul li {
		position: relative;
	}
	#addon-basket .gifts ul li .preview {
		position: absolute;
		background: #fff;
		border: 1px solid #666;
		width: 200px;
		height: 200px;
		padding: 10px;
		border-radius: 3px;
		z-index: 1;
		top: -217px;
		left: -77px;
		box-shadow: 0 0 5px rgba(0,0,0,.25);
	}
	#addon-basket .gifts ul li:hover .preview {
		display: block;
	}
	#addon-basket .gifts ul li .preview:after, #addon-basket .gifts ul li .preview:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: '';
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	#addon-basket .gifts ul li .preview:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #fff;
		border-width: 7px;
		margin-left: -7px;
	}
	#addon-basket .gifts ul li .preview:before {
		border-color: rgba(102, 102, 102, 0);
		border-top-color: #666;
		border-width: 8px;
		margin-left: -8px;
	}
	#addon-basket .gifts ul li .preview img {
		width: 100%;
		height: auto;
	}
	#addon-basket .gifts .continue {
		padding: 20px 0 0 0;
	}
	#addon-basket .recount {
		text-align: right;
		padding: 0;
		position: relative;
		top: -130px;
		position: absolute;
		top: 20px;
		right: 0;
	}
	#addon-basket .back {
		float: left;
		padding: 25px 0 0 0;
	}
	#login ul.form {
			width: 50%;
			margin: 40px 0 0 0;
		}
		#login .submit {
				text-align: left;
			}
			#login .nav {
					text-align: left;
				}
				/* Detail */
				#detail .detail-left {
					width: 43%;
					margin: 12px 2% 0 0;
					float: left;
				}
	
				#detail .detail-right {
					float: left;
					padding: 15px 0 0 0;
					width: 55%;
				}
				
				#detail .detail-right .buy {
					
					padding-top: 15px;
				}
				#detail .detail-right .buy .volby {
					
					padding: 0;
				}
				#detail .detail-right .buy .volby li {
					padding: 0;
					
					clear: both;
					display: inline-block;
					width: 100%;
				}
				#detail .detail-right .buy .volby li .title {
					
					float: left;
					padding: 12px 0 0 0;
					width: 40%;
				}
				#detail .detail-right .buy .volby li .select {
					position: relative;
					display: block;
					
					float: left;
					width: 60%;
				}
				#detail .detail-right .buy .volby li .select select {
					top: 0;
					left: 0;
				}
				
				#detail .detail-right .desc {
					padding: 10px 0;
				}
				#detail .detail-right .prices li {
					padding: 10px 0 0 0;
					box-sizing: border-box;
				}
				#detail .detail-right .additional li {
					padding: 0;
					background: none;
				}
	.wrap .in {
		width: 748px;
		margin: 0 auto;
		padding: 10px 0 45px 0;
	}
}
@media only screen and (min-width: 1024px) {
	body {
		font-size: 90%;
		padding: 142px 0 0 0;
	}
	/* Header */
	#header .menu ul li .submenu.categories {
		width: 990px;
		top: 54px;
		column-count: 4;
	}
	#header.fixed-menu .in {
		padding: 0;
		height: 60px;
	}
	#header.fixed-menu .logo {
		margin: 0px 20px 0 0;
	}
	#header.fixed-menu .logo a img, #header.fixed-menu .logo a img {
		height: 60px;
		margin: 0 5px 0 0;
	}
	#header.fixed-menu .logo a h2, #header.fixed-menu .logo a:hover h2 {
		font-size: 200%;
		font-weight: 500;
		line-height: 0px;
		height: 30px;
		padding: 30px 10px 0 10px;
	}
	#header.fixed-menu .menu {
		position: relative;
		margin: 12px 0 0 0;
		width: auto;
		float: left;
		padding: 0;
		clear: none;
	}
	#header.fixed-menu .menu ul li {
		float: left;
		display: block;
	}
	#header .menu ul li a, #header .menu ul li a:hover {
		padding: 10px 30px 9px 30px;
	}
	#header.fixed-menu .menu ul li a, #header.fixed-menu .menu ul li a:hover {
		padding: 10px 15px 5px 15px;
		font-size: 110%;
	}
	#header .menu ul li .submenu {
		left: 30px;
	}
	#header.fixed-menu .menu ul li .submenu {
		left: 15px;
		bottom: -10px;
	}
	#header.fixed-menu .menu ul li .submenu.categories {
		left: auto;
		bottom: auto;
	}
	#header.fixed-menu .menu ul li .submenu ul li {
		padding: 0 16px 0 0;
	}
	#header.fixed-menu .menu ul li .submenu ul li:after {
		right: 7px;
		height: 10px;
		top: 1px;
	}
	/* Slider */
	#slider .slides {
		width: 1000px;
	}
	/* Content */
	#content .in {
		padding: 10px 80px 45px 80px;
		box-sizing: border-box;
	}
	/* Products */
	#products .list ul li .labels {
		top: 35px;
	}
	#products .list ul li .image {
		margin: 35px 0 0 0;
	}
	
	#products .list ul.two-columns li .image {
		height: 300px;
	}
	#products .list ul.two-columns li .image {
		height: 300px;
	}
	#products .list ul.three-columns li .image a img {
		max-height: 300px;
	}
	
	#products .list ul li .description {
		padding: 12px 0 0 0;
	}
	#products .list ul li .price {
		width: auto;
		padding: 34px 0 0 0;
		float: left;
	}
	#products .list ul li .price small {
		display: inline-block;
	}
	#products .list ul li .size {
		width: 50%;
		padding: 20px 0 0 0;
		float: right;
	}
	#products .list ul.two-columns li .size {
		padding: 23px 0 0 0;
		width: 50%;
	}
	#products .list ul.three-columns li .size {
		padding: 23px 0 0 0;
		width: 50%;
	}
	#products .list ul li .detail, #products .list ul.two-columns li .detail {
		width: 50%;
	}
	#products .list ul li .buy, #products .list ul.two-columns li .buy {
		width: 50%;
	}
	#products .list ul li .detail, #products .list ul.three-columns li .detail {
		width: 50%;
	}
	#products .list ul li .buy, #products .list ul.three-columns li .buy {
		width: 50%;
	}
	#products .description {
		padding: 25px 80px 0 80px;
	}
	#products .description h3 {
		left: -80px;
	}
	#products .description .content {
		padding: 15px 0 0 0;
	}


	#company .newsletter .info {
		float: left;
		width: 390px;
	}
	/* NEW */
	#products .subcats ul li {
		width: 23%;
		margin: 15px 2.66666% 0 0;
	}
	#products .subcats ul li:nth-child(3n+0) {
		margin-right: 2.66666%;
	}
	#products .subcats ul li:nth-child(4n+0) {
		margin-right: 0;
	}
	#products .best-sell li .image {
		width: 5%;
	}
	#products .best-sell li .info {
		width: 72%;
	}
	/* -- */
	/* Company */
	#company .about {
		/* padding: 45px 300px 70px 60px; */
	}
	#company .newsletter {
		padding: 15px 60px 40px 60px;
	}
	#company .newsletter ul {
		width: 450px;
	}
	#company .newsletter ul li:nth-child(2) {
		width: calc(100% - 155px);
	}
	#company .newsletter ul li:nth-child(4) {
		width: 80px;
	}
	/* Footer */
	#footer .section.form {
		width: 45%;
	}
	#footer .section .toggle .box {
		padding: 0 50px 0 0;
	}
	#footer .copyright p {
		width: 990px;
	}
	/* Map */
	#map {
		height: 400px;
	}
	/* Additional basket 4-steps */
	
	#addon-basket .recount {
		top: -130px;
	}
	#addon-basket .delivery {
		border: 0;
	}
	#addon-basket .gifts {
		position: relative;
	}
	#addon-basket .gifts ul li .preview {
		top: -317px;
		left: -117px;
		width: 300px;
		height: 300px;
	}
	#addon-basket .recount {
		top: 20px;
		position: absolute;
		right: 0;
	}
	/* Detail */
	#detail {
		background: #ffffff;
		padding: 0px 10px 0px 10px;
	}
	#detail .detail-left {
		width: 48%;
	}
	#detail .detail-right {
		width: 50%;
	}
	#detail .detail-right .desc {
		padding-bottom: 15px;
	}
	#detail .detail-right .buy {
		padding: 20px 0 !important;
	}
	#detail .detail-right .buy .status .delivery {
		height: auto;
		border: none;
	}
	#detail .detail-right .buy .status .delivery span {
		display: inline;
	}
	#detail .detail-right .buy .count {
		padding: 0;
	}
	#detail .detail-right .additional li {
		line-height: 200%;
	}
	.wrap .in {
		width: 990px;
	}
}
@media only screen and (min-width: 1280px) {
	/* Header */
	#header .menu ul li .submenu.categories {
		width: 1180px;
		column-count: 5;
	}
	/* Slider */
	#slider .slides {
		width: 1190px;
	}
	/* NEW */
	#products .best-sell li .image {
		width: 3%;
	}
	#products .best-sell li .info {
		width: 75%;
	}
	/* -- */
	/* Footer */
	#footer .copyright p {
		width: 1180px;
	}
	/* Map */
	#map {
		height: 450px;
	}
	.wrap .in {
		width: 1180px;
	}
}

.imgkod {
	width: 50px;
	top: 40px;
	position: absolute;
}











#menu1 a {    
color:#ffffff;  
font-weight:bolder; 
text-decoration:none; 
text-transform:uppercase; 
font-family:Arial, Helvetica, sans-serif; 
}


#menu1 ul li ul {
display:none;
}


#menu1 ul li {
float:left;
list-style:none;
width:150px;
height:30px;
background:#02517F;
text-align:center;
padding-top:12px;
border-right:2px solid white;
}


#menu1 ul li:hover {
background: #466A7F;
text-align:center;
}


#menu1 ul ul {
margin-top:10px;
}

#menu1 ul li ul li {
margin-left:-40px;
}



#menu1 ul li:hover > ul {display:block;}
#menu1 ul li ul li {background: #49BBFF;}
#menu1 ul li ul li:hover {background: #466A7F;}


@media only screen and (min-width: 768px){
#products .list ul.two-columns li .description h2 {
		padding: 10px;
		height: 37px;
}
}

@media only screen and (min-width: 1280px){
#map {
    height: 320px;
}
}

@media only screen and (min-width: 1024px){
#map {
    height: 270px;
}
}

@media only screen and (min-width: 768px){
#map {
    height: 200px;
}
}

@media only screen and (min-width: 320px){
#map {
    height: 170px;
}
}



code {
		background: #f4f4f4;
		border: 1px solid #ddd;
		border-left: 3px solid #f36d33;
		color: #666;
		page-break-inside: avoid;
		font-family: monospace;
		font-size: 15px;
		line-height: 1.6;
		margin-bottom: 1.6em;
		max-width: 100%;
		overflow: auto;
		padding: 1em 1.5em;
		display: block;
		word-wrap: break-word;
	}