@charset "UTF-8";

/* BASICS */
html {
	color: #000;
	background: #DADCD6;
	font-size: 81.25%;
}

@media (max-width : 800px) {
	html {
		font-size: 93.75%;
	}
}

html, body, div, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, img, span {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display: block;
}

body {
	font-family: arial, georgia, sans-serif;
	line-height: 1.2;
	background: #DADCD6;
	color: #000;
	min-height: 100%;
}

div, p, input, textarea {
	box-sizing: border-box;
}

address, button, caption, cite, code, input, optgroup, option, select, textarea, th {
	font: inherit;
	color: inherit;
	font-size: 1em;
}

textarea { overflow: auto; }

input {
	line-height: normal;
	font: inherit;
	color: inherit;
}

input:hover {
	border-color: #000;
}

input[type="checkbox"], input[type="radio"]{
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td { padding: 0; }

.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; vertical-align: top; }

.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }

img { border: 0; }

h1, .h1 {
	margin: 0 0 10px;
	margin: 0 0 1rem 0;
	font-size: 36px;
	text-align: left;
}

h2, .h2 {
	margin: 30px 0 10px;
	font-size: 30px;
	font-weight: 700;
}

h3, .h3 {
	font-size: 24px;
}

h4, .h4 {
	font-size: 20px;
}

blockquote {
	font-style: italic;
	margin: 20px;
	border-left: 5px solid #ccc;
	padding: 10px 0 10px 20px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
	line-height: 1.1;
	text-align: left;
}

.noscroll {
	overflow: hidden;
}

.page-title {
	margin-bottom: 10px;
}

.no-of-products {
	color: #000;
}

#products-page-title.simple-flex {
	margin: 0 0 10px;
}

#products-page-title h1 {
	margin: 0;
}

@media (max-width: 600px){
	h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
		font-weight: 400;
	}
}

.small {
	font-size: 1rem;
}

b, strong {
	font-weight: 700;
}

a:link, a:visited, a:hover, a:active {
	color: #000;
	text-decoration: none;
	outline: 0;
}

sub {
	bottom: -0.25em;
}

.rosu {
	color: #960019 !important;
}

.rosu:hover {
	color: #000;
}

.maimult, .quick-view-a {
	font-family: "Times New Roman", Verdana, sans-serif;
	color: #960019 !important;
}

.maimult:hover, .quick-view-a {
	font-family: "Times New Roman", Verdana, sans-serif;
	color: #000;
}

.raquo {
	color: #999;
	font-weight: 700;
}

.txt-i, .account-small-i, #boxsearch, .newsletter-i, .comments-i, select, textarea {
	color: #111;
	background: #F9F9F9;
	border: 1px solid #666;
	font-size: 1rem;
	line-height: 1.6;
	padding: 2px;
	outline: none;
	border-radius: 3px;
}

select.txt-i { height: 26px }

.txt-i {
	width: 220px;
}

.account-small-i {
	width: 34px;
}

.just {
	text-align: justify;
}

.error, .success {
	margin: 10px 0;
	color: #d21000;
	clear: both;
}

.highlight {
	border: 1px solid red;
}

::placeholder {
	color: #BCBCBC;
}

.arrow-down {
	display: inline-block;
	width: 8px;
	height: 5px;
	background: transparent url(sprite3.png) no-repeat -84px -410px;
	margin-left: 8px;
	vertical-align: middle;
}

.old-price {
	text-decoration: line-through;
	font-style: oblique;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.pad2 td {
	padding: 2px;
}

.pad3 td {
	padding: 3px;
}

.pad4 td {
	padding: 4px;
}

.pad5 td {
	padding: 5px;
}

.top10 { margin-top: 10px }
.top20 { margin-top: 20px }
.bot10 { margin-bottom: 10px }
.bot20 { margin-bottom: 20px }

.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size: 0;
}

.prices {
	margin: 0 0 10px;
	color: #000;
	font-family: open sans, arial, georgia, sans-serif;
}

.prices .promo-price, .prices .price {
	display: inline-block;
	font-size: 19px;
	font-size: 2rem;
	line-height: 1;
	color: darkgreen;
	font-weight: 700;
}

.prices .money-decimal {
	font-size: 1rem;
	vertical-align: top;
	display: inline-block;
	position: relative;
	top: -0.2rem;
}

.prices .promo-price {
	color: #BF3C2B;
}

.prices .list-price {
	font-size: 1rem;
}

.prices .price-old {
	text-decoration: line-through;
}

.prices .price-tag {
	font-weight: 500;	
}

.colored-discount {
	width: 75px;
	height: 38px;
	position: absolute;
	right: -9px;
	top: -12px;
	font-size: 12px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
	color: #fff;
}

.green-discount {
	background: transparent url(sprite3.png) no-repeat 0px 0px;
}

.blue-discount {
	background: transparent url(sprite3.png) no-repeat 0px -40px;
}

.red-discount {
	background: transparent url(sprite3.png) no-repeat 0px -80px;
}

.product-a:hover {
	color: #D60100;
}

.list-price .field-info {
	float: none;
	display: inline-block;
	margin-left: 10px
}

/* captcha */
.captcha-image {
	border: 1px solid #ccc;
	margin-right: 15px;
	cursor: pointer
}

.try-another-captcha {
	width: 310px;
}

.try-another-captcha-a {
	font-size: 1rem;
	color: #960019;
	clear: both;
	cursor: pointer
}

/* buttons */
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button {
	border: none;
}

button:hover {
	color: #000;
	text-decoration: none;
	background: #f6f6f6;
}

.vs-button, .vs-button-back, .vs-button-submit {
	display: inline-block;
	line-height: 1.3;
	font-size: 1em;
	font-weight: 400;
	padding: .5em 1em;
	text-align: center;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	cursor: pointer;
	border: none;
	background: #e5e5e5;
	background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

.vs-button, .vs-button-back {
	color: #333;
}

.vs-button:hover, .vs-button-back:hover {
	color: #000;
	text-decoration: none;
	background: #f6f6f6;
}

.vs-button-submit {
	color: #fff !important;
	border-radius: 3px;
	background: #0076bb;
}

.vs-button-submit:hover {
	color: #fff;
	text-decoration: none;
	background: #054A72;
}

.vs-button-full {
	width: 100%;
}

.button-a, .buttons button {
	margin-right: 10px;
	vertical-align: middle;
	border-radius: 5px;
}

.button-a:last-child, .buttons button:last-child {
	margin-right: 0;
}

.button-buy {
	display: inline-block;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: text-bottom;
	border-radius: 5px;
	font-size: 16px;
	line-height: 1;
	padding: .75em 1em;
	color: #000 !important;
	cursor: pointer;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	background: #f4f4f2;
	background: linear-gradient(to bottom, #f4f4f2 0%, #f2f3ee 32%, #dfe0d8 79%, #dcddd5 100%);
}

.button-buy:hover {
	color: #666 !important;
	text-decoration: none;
	background: #fdfdfd;
	background: linear-gradient(to bottom, #fdfdfd 0%, #fbfbfb 16%, #f4f4f4 32%, #ededed 42%, #e3e3e3 53%, #e5e5e5 58%, #dddddd 84%, #dedede 100%);
}

.button-buy > .add-to-cart {
	background: transparent url(sprite3.png) no-repeat -114px -470px;
	padding-left: 25px;
	display: inline-block;
	height: 15px;
}

.button-buy > .pencil {
	background: transparent url(sprite3.png) no-repeat -118px -410px;
	padding-left: 18px;
	display: inline-block;
	height: 16px;
	cursor: pointer;
}

.button-buy > .stock-alert {
	background: transparent url(sprite3.png) no-repeat -118px -494px;
	padding-left: 18px;
	display: inline-block;
	height: 16px;
	cursor: pointer;
}

.button-buy > .stock-alert:hover {
	background: transparent url(sprite3.png) no-repeat -118px -514px;
}

.see-new-edition {
	color: #D21300 !important;
	font-weight: 700;
	font-size: 20px;
}

.buttons-zone {
	margin: 10px 0 20px;
}

#proddetails .button-buy {
	padding: 15px;
	min-width: 250px;
	border-radius: 25px;
	box-sizing: border-box
}

.whatsapp-btn-zone {
	margin: 10px 0
}

#proddetails .whatsapp-btn {
	padding: 14px 15px
}

.whatsapp-btn > img, .whatsapp-btn > span {
	vertical-align: middle;
	color: green
}

#proddetails .btn-cart {
	border: none;
	background: linear-gradient(to bottom, red 0%, #d21300 100%);
}

#proddetails .btn-cart:hover {
	background: red;
}

#proddetails .btn-cart > span, #proddetails .btn-cart > img, .whatsapp-btn > img {
	color: #fff;
	vertical-align: middle;
	display: inline-block
}

#proddetails .btn-cart > img, #proddetails .whatsapp-btn > img {
	margin-right: 3px
}

/* HEADER */
#logo, #menubar, #tabs { width: 100%; }
#tabs img { display: block }
#menubar { padding: 0 20px; background: #EDEDE3 url(bar-background.jpg) repeat-x; border-top: 1px solid #111; border-bottom: 1px solid #111; }
#menubar a { font-size: 1rem; line-height: 3; font-weight: 700 }
#responsive-eurolibris { display: none; }
@media screen and (max-width: 969px) {
	#responsive-eurolibris {
		display: block;
	}
	
	#classical-eurolibris {
		display: none;
	}
}

#ePageContainer {
	max-width: 1240px;
	margin: 0 auto;
	box-sizing: content-box;
	background: #fff;
	padding-top: 10px;
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.4);
}

.head-wrap {
	margin: 0 10px 10px;
	background: #fff;
}

@media screen and (min-width: 1280px) {
	.head-wrap {
		margin-left: 20px;
		margin-right: 20px;
	}
}

#eHeader {
	width: 100%;
	position: relative;
}

#eHeader > .logo {
	float: left;
}

.client-zone {
	float: right;
}

.search-container {
	width: 300px;
	padding: 6px;
	position: relative;
	float: right;
	margin-right: 20px;
	z-index: 100;
	top: 0;
	height: 44px;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 0 whitesmoke;
}

.search-wrap {
	position: relative;
	width: 100%;
	height: 30px;
	padding: 1px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 5px;
}

.search-wrap .search-inner {
	width: 85%;
	width: calc(100% - 42px);
	height: 25px;
	position: relative;
}

.search-wrap .button-wrap {
	width: 23px;
	height: 23px;
	padding: 0;
	position: absolute;
	top: 2px;
	right: 2px;
}

.vs_search {
	font-size: 15px;
	font-weight: 700;
	line-height: 25px;
	width: 100%;
	height: 25px !important;
	padding: 0 3px 0 5px;
	margin-top: 1px;
	border: none;
	outline: none;
	background: transparent;
	vertical-align: middle;
}

.search-wrap .search-btn {
	display: block;
	width: 23px;
	height: 23px;
	padding: 0;
	background: #BF3C2B;
	border-radius: 5px;
	box-shadow: none;
	cursor: pointer;
}

.search-wrap .search-btn:hover {
	background: #1D95F7;
}

.search-wrap .magnifier {
	background: transparent url(sprite3.png) no-repeat -80px -85px;
	display: block;
	width: 23px;
	height: 23px;
	cursor: pointer;
	border-radius: 5px;
}

.search-wrap .search-btn:hover .magnifier {
	background: transparent url(sprite3.png) no-repeat -80px -85px;
	border-radius: 5px;
}

.search-zone .catalog-btn-wrap {
	display: none;
}

/* Sticky menu */
#sticky-menu {
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 4px 2px -2px #ccc;
	position: relative;
	z-index: 7002;
}

#sticky-menu .sticky-menu-outer {
	max-width: 1240px;
	margin: 0 auto;
}

#sticky-menu .sticky-menu-inner {
	margin: 5px 0 4px;
}

#sticky-menu .sticky-logo {
	float: left;
}

#sticky-menu .sticky-logo-img {
	height: 44px;
	width: auto;
}

#sticky-menu .cart-item {
	margin-right: 0;
}
		
@media screen and (min-width: 1024px) {
	#sticky-menu.sticky-menu-visible {
		position: fixed;
		display: block;
	}
}

@media screen and (max-width: 1240px) {
	#sticky-menu .sticky-menu-inner {
		margin: 7px 10px;
	}
}

#sticky-product {
	width: 100%;
	z-index: 10001;
	position: fixed;
	margin: 0;
	top: 0;
	display: none;
	background: #fff;
	box-shadow: 0 4px 2px -2px #ccc;
}

#sticky-product .sticky-product-outer {
	max-width: 1240px;
	margin: 0 auto;
}

#sticky-product .table {
	border-bottom: 1px solid #ccc;
	width: 100%;
	margin: 0;
}

#sticky-product .table-cell {
	vertical-align: middle;
	padding: 3px;
}

#sticky-product .p-img {
	width: 80px;
}

@media screen and (min-width: 1024px) {
	#sticky-product .p-name {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 768px) {
	#sticky-product.js-visible {
		display: block;
	}
}

#sticky-product .p-price, #sticky-product .p-add {
	width: 140px;
}

/* top icon menu */
.vs-icon-menu, .vs-icon-menu li {
	border: 0;
	margin: 0;
	padding: 0;
	position: relative;
}

.vs-icon-menu {
	position: relative;
	z-index: 5101;
	list-style: none;
	float: right;
}

.vs-icon-menu > li {
	z-index: 5100;
	float: left;
}

@media (min-width: 360px){
	.vs-icon-menu > li{
		margin: 0 5px;
	}
}

.vs-icon-menu > li:hover {
	z-index: 6100;
}

.vs-icon-menu > li > .inner {
	margin: 0;
	height: inherit;
	position: relative;
	z-index: 100;
	background: #fff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.vs-icon-menu .icon-wrap{
	margin: 0 10px;
	position: relative;
}

.vs-icon-menu .menu-a {
	color: #000;
	display: inline-block;
	position: relative;
	font-size: 12px;
	font-weight: 700;
	line-height: 44px;
	padding-right: 13px;
	text-decoration: none;
}

.vs-icon-menu .menu-a:before {
	content: '';
	display: block;
	width: 8px;
	height: 5px;
	position: absolute;
	top: 20px;
	right: 0;
	background: transparent url(sprite3.png) no-repeat -84px -410px;
}

.vs-icon-menu .icon {
	display: block;
	float: left;
	position: relative;
	top: 9px;
	width: 26px;
	height: 26px;
	margin-right: 6px;
}

.vs-icon-menu .cart-icon {
	width: 40px;
	background: transparent url(sprite3.png) no-repeat 0 -411px;
}

.vs-icon-menu .account-icon {
	background: transparent url(sprite3.png) no-repeat 0 -498px;
}

.vs-icon-menu .menu-icon {
	background: transparent url(sprite3.png) no-repeat 0 -545px;
}

.vs-icon-menu .hide-menu-icon {
	background: transparent url(sprite3.png) no-repeat 0 -635px;
}

.vs-icon-menu > .active, .vs-icon-menu > li:hover {
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.4);
}

.vs-icon-menu > li:hover > .pop {
	display: block;
	z-index: 1;
}

.vs-button-login { padding-left: 0; padding-right: 0; }

.cart-item .no-of-items {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 3px;
	width: 36px;
	height: 12px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	color: #BF3C2B;
}

.welcome {
	width: 200px;
	position: absolute;
	top: 95%;
	left: 0;
	z-index: 1;
	display: none;
	background: #fff;
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.4);
}

.mini-account {
	clear: both;
}

.welcome .inner, .mini-account .inner {
	padding: 10px;
}

.welcome .txt-i {
	width: 100%;
}

.mini-account .txt-i {
	width: 100%;
}

.welcome .entry, .mini-account .entry {
	margin-bottom: 15px;
}

.welcome label, .mini-account label {
	color: #000;
	font-size: 1rem;
	display: block;
	margin-bottom: 5px;
}

.mini-wrap {
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
}

.mini-cart {
	width: 330px;
	position: absolute;
	top: 95%;
	right: 0;
	z-index: 5350;
	display: none;
	background: #fff;
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.4);
}

.mini-cart .inner {
	margin: 10px;
}

.mini-cart td, .mini-cart td a {
	font-size: 10px;
	line-height: 12px;
}

.mini-cart td {
	width: auto;
}

.mini-cart .price-cell {
	min-width: 64px;
}

.menu-item {
	display: none;
}

.mini-shopping-cart caption {
	caption-side: top;
	text-align: left;
	padding-bottom: 10px;
	font-weight: 700;
	display: none;
}

.shopping-cart caption {
	caption-side: bottom;
	text-align: center;
	padding: 10px 0;
	font-weight: 400;
	display: none;
}

.search-zone .show-catalog-menu-wrap {
	display: none;
}

@media (min-width: 800px){
	.search-zone .show-catalog-menu-wrap {
		display: none;
	}
}

.mobile-pop {
	display: none;
	margin: 5px 0 15px;
	clear: both;	
        background: #fff;
}

.mobile-pop > .inner {
	padding: 10px;
}

.vs-icon-menu-active, .menu-item-active, .mobile-pop {
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.4);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.vs-icon-menu > .menu-item-active > .inner {
	background: #f9f9f9;
}

.vs-icon-menu-no-bottom-shadow::after, .menu-item-active-no-bottom-shadow:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 5px;
	z-index: 6400;
	background: #fff;
}

.menu-item-active-no-bottom-shadow:after {
	background: #f9f9f9;
}

@media (max-width: 800px){
	#eHeader .logo {
		margin-bottom: 5px;
	}
	
	.vs-icon-menu > li:hover > .pop {
		display: none;
	}
	
	.menu-item {
		display: inline-block;
	}
	
	.search-zone {
		display: block;
		width: 100%;
		margin-top: 5px;
	}
	
	.search-zone:before {
		content: '';
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
		font-size: 0;
	}
	
	.search-zone .show-catalog-menu-wrap {
		display: block;
		float: left;
		width: 33%;
	}
	
	.search-zone .show-catalog-menu-a {
		line-height: 36px;
		font-size: 16px;
		border-radius: 5px;
		width: 100%;
		box-sizing: border-box;
		padding: 4px;
	}
	
	.search-zone .show-inner {
		margin-right: 10px;
	}
	
	.search-container {
		float: right;
		width: 67%;
		margin: 0;
		box-sizing: border-box;
	}
}

@media (max-width: 500px){
	#eHeader .logo {
		float: none;
		text-align: center;
	}
	
	#eHeader .logo img {
		width: auto !important;
		height: 48px;
	}
	
	.vs-icon-menu {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
	.vs-icon-menu > li{
		float: none;
		display: inline-block;
		text-align: left;
	}
	
	.vs-icon-menu .menu-a:before {
		display: none;
	}

	.vs-icon-menu .menu-a {
		padding-right: 0px;
	}
	
	.mini-cart {
		right: -121px;
	}
}

/* mobile menu */
.vs-mobile-menu, .vs-mobile-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

.vs-mobile-menu li {
	background: #f9f9f9;
	position: relative;
	z-index: 150;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e0e0e0;
	font-weight: 400;
}

.vs-mobile-menu a {
	display: block;
	position: relative;
	margin: 0;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.2;
	padding: 1rem;
}

.vs-mobile-menu > li > a{
	font-size: 1.1em;
	line-height: 1;
	text-transform: uppercase;
}

.vs-mobile-menu > li > a:hover{
	background: #e5e5e5;
}

.vs-mobile-menu li:first-child {
	border-top: none;
}

.vs-mobile-menu li:last-child {
	border-bottom: none;
}

.vs-mobile-menu ul, .vs-mobile-menu ul ul, .vs-mobile-menu ul ul ul {
	display: none;
}

.vs-mobile-menu .arrow-down {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -3px;
	width: 8px;
	height: 5px;
	background: transparent url(sprite3.png) no-repeat -84px -410px;
}

.vs-mobile-menu .arrow-up {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -3px;
	width: 8px;
	height: 5px;
	background: transparent url(sprite3.png) no-repeat -100px -409px;
}

.vs-mobile-menu .arrow-down-white, .vs-mobile-menu .arrow-up-white {
	content: '';
	display: block;
	width: 8px;
	height: 5px;
	position: absolute;
	right: 15px;
	top: 50%;
	z-index: 200;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat -84px -390px;
}

.vs-mobile-menu .arrow-up-white {
	background: transparent url(sprite3.png) no-repeat -100px -389px;
}

.vs-mobile-menu li li {
	background: #d52e21;
	border-top: 1px solid #d30015;
	border-bottom: 1px solid #cb483e;
}

.vs-mobile-menu li li > a {
	color: #fff;
	font-weight: 700;
}

.vs-mobile-menu li li li {
	background: #BB281D;
	border-top: 1px solid #ae180d;
	border-bottom: 1px solid #d52e21;
}

.vs-mobile-menu li li li > a {
	padding-left: 2em;
	font-weight: 400;
}

.vs-mobile-menu li li li li {
	background: #952017;
	border-top: 1px solid #811911;
	border-bottom: 1px solid #bb281d;
}

.vs-mobile-menu li li li li > a {
	padding-left: 3rem;
	font-size: .85rem;
	line-height: 1.4rem;
}

.vs-mobile-menu > li > ul:before {
	content: '';
	position: absolute;
	top: -8px;
	left: 25px;
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #D52E21;
}

.vs-mobile-menu .a-promo-campaigns {
	background: #BB281D;
}

/* top menu */
#vs-menu-wrap {
	height: 39px;
	height: 3rem;
	margin: 0 10px;
}

@media screen and (min-width: 1280px) {
	#vs-menu-wrap {
		margin: 0 20px;
	}
}

#vs-menu ul, #vs-menu li, #vs-menu > ul > li > a > span, #vs-menu li > a {
	border: 0;
	margin: 0;
	padding: 0;
	position: relative;
}

#vs-menu li {
	z-index: 500;
}

#vs-menu {
	width: inherit;
	box-sizing: content-box;
	position: relative;
	top: 0;
	z-index: 5000;
	font-weight: 700;
	height: 39px;
	height: 3rem;
	border-radius: 7px;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
	border-bottom: 2px solid #930628;
}

#vs-menu li > a {
	color: #000;
	display: inline-block;
	font-size: 13px;
	font-size: 1rem;
	line-height: 3;
	padding: 0 15px;
	text-decoration: none;
}

#vs-menu, .search-container {
	background: #f9f9f9;
/*	background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);*/
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
}

#vs-menu ul {
	width: 100%;
	list-style: none;
}

#vs-menu > ul, #vs-menu > ul > li {
	float: left;
}

#vs-menu > ul > li.right-menu {
	float: right;
}

#vs-menu > ul > li:first-child > a {
	border-radius: 5px 0 0 5px;
}

#vs-menu > ul > li:last-child > a {
	border-radius: 0 5px 5px 0;
}

#vs-menu .active > a, #vs-menu > ul > li:hover > a, #vs-menu > ul > li > a:hover {
	color: #fff;
	background: #930628;
	background: linear-gradient(to bottom, #c00c39 0%, #930628 100%);
}

#vs-menu li ul {
	display: none;
	position: absolute;
	width: 160px;
	top: 100%;
	left: 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

#vs-menu li li ul {
	left: 100%;
	top: 0;
}

#vs-menu li li .left {
	right: 100%;
	top: 0;
	left: auto;
}

#vs-menu li:hover > ul {
	display: block;
}

#vs-menu li ul ul {
	width: 200px;
}

#vs-menu li li > a {
	background: #930628;
	color: white;
	display: block;
	padding: 10px 15px 10px 10px;
	padding: 1rem 15px 1rem 10px;
	font-size: 12px;
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 12px;
	line-height: 1rem;
	border-bottom: 1px solid #B90A31;
	box-shadow: inset 0 1px 0 #860629;
}

#vs-menu li li:hover > a {
	background: #860629;
	box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
}

#vs-menu .alt:before {
	content: '';
	display: block;
	width: 5px;
	height: 8px;
	position: absolute;
	right: 8px;
	top: 50%;
	z-index: 200;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat -69px -390px;
}

#vs-menu .categories {
	width: 230px !important;
}

#vs-menu .products-a {
	width: 200px;
	text-align: center;
}

#vs-menu .arrow-down {
	margin-left: 8px;
}

#vs-menu .active .arrow-down, #vs-menu > ul > li:hover .arrow-down {
	background: transparent url(sprite3.png) no-repeat -84px -390px;
}

#vs-menu .a-promo-campaigns {
	background: #470112;
}

@media (max-width : 800px) {
	#vs-menu-wrap {
		display: none;
		margin-bottom: 10px;
		height: auto;
		position: relative;
	}
	#vs-menu {
		height: auto;
	}
	#vs-menu li, #vs-menu li > a, #vs-menu .products-a {
		width: 100%;
		text-align: left;
	}
	#vs-menu li > a {
		box-sizing: border-box;
	}
	#vs-menu li:hover > ul {
		display: none;
	}
	#vs-menu > ul > li:first-child > a {
		border-radius: 5px;
	}
}

/* SIDES */

/* side box */
.side-box {
	margin-bottom: 20px;
}

.boxTop {
	position: relative;
	width: 100%;
	margin-bottom: 1px;
	border-radius: 3px;
	background: #00AEED;
}


.boxTop > .h3 {
	display: block;
	font-size: 15px;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	padding: 1em;
	text-align: left;
	cursor: pointer;
}

.boxTop > .close-btn, .gdpr .close-btn {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	padding: 0;
	background: #BF3C2B;
	border-radius: 0 3px 0 3px;
	box-shadow: none;
	cursor: pointer;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 36px;
	margin-bottom: 10px;
	z-index: 1;
}

.boxTop > .expand-btn, .boxTop > .collapse-btn {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-family: "Courier New", Courier, monospace;
	line-height: 1;
	border-radius: 10px;
	cursor: pointer;
	z-index: 2;
}

.boxTop > .collapse-btn {
	background: #107AA0;
}

.boxTop > .expand-btn {
	background: #fff;
	display: none;
	color: #BF3C2B;
}

.boxContents {
	position: relative;
	padding: 2px;
	background: #f9f9f9;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
}

.boxContents {
	color: #000;
}

.boxContents > .boxInner > .box-product {
	text-align: center;
}

.boxContents a:hover {
	color: #d21300;
}

.boxContents .box-more-a {
	color: #960019;
}

.d-collapsed > .boxContents {
	display: none;
}

.d-collapsed > .boxTop > .expand-btn {
	display: block;
}

.d-collapsed > .boxTop > .collapse-btn {
	display: none;
}
	
@media (max-width : 800px) {
	.m-collapsed > .boxContents {
		display: none;
	}
	
	.m-collapsed > .boxTop > .expand-btn {
		display: block;
	}
	
	.m-collapsed > .boxTop > .collapse-btn {
		display: none;
	}
}

#boxsearchinner {
	color: #ff8421;
}

#boxsearch {
	width: 80%;
}

#boxsearchsubmit {
	vertical-align: middle;
}

#ym {
	text-align: center;
}

.box-hr {
	clear: both;
	height: 0px;
	width: 100%;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #fff;
	margin: 7px auto 7px;
}

.newsletter-i {
	width: 100%;
	color: #000;
	background: #fff;
}

.box_news_title {
	font-weight: 700 ! important;
	color: #000 ! important;
}

.box_news_excerpt {
	font-size: 10px ! important;
	color: #999 ! important;
}

.box-discount, .box-colored-discount {
	position: absolute;
	width: 54px;
	height: 54px;
	right: -20px;
	bottom: 10px;
	background: transparent url(sprite3.png) no-repeat -215px -110px;
	z-index: 2;
	color: #fff;
	font-size: 11px;
	line-height: 54px;
	font-weight: 700;
	text-align: center;
}

.photo > .green-discount {
	background: transparent url(sprite3.png) no-repeat 0 -250px;
}

.photo > .blue-discount {
	background: transparent url(sprite3.png) no-repeat -59px -250px;
}

.photo > .red-discount, .photo > .box-discount {
	background: transparent url(sprite3.png) no-repeat 0 -310px;
}

.photo > a > img {
	display: block;
}

.boxInner {
	position: relative;
}

.boxContents .supplier-discount {
	color: #B73E30;
}

.side-menu, .side-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.side-menu li {
	background: transparent;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e0e0e0;
	font-weight: 400;
	position: relative;
	z-index: 150;
}

.liquid-right-col .side-menu li {
	z-index: 140;
}

.side-menu a {
	display: block;
	position: relative;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	padding: 10px 15px 9px 2px;
	font-size: 1rem;
	line-height: 1.2;
	padding: .9em 15px .9em .375em;
}

.side-menu .inside {
	padding-left: 10px;
}

.side-menu .outside {
	padding: 4px 18px 3px 18px;
	position: absolute;
	top: -5px;
	width: 200px;
	background: #f9f9f9;
	z-index: 1;
	display: none;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.side-menu li:hover > .outside {
	display: block;
}

.side-menu li:first-child {
	border-top: none;
}

.side-menu li:last-child {
	border-bottom: none;
}

.side-menu .current-a {
	font-weight: 700;
	color: #BF3C2B;
}

.side-menu .full > a:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	right: 4px;
	top: 50%;
	z-index: 200;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat -69px -410px;
}

.side-menu .open > a:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	right: 8px;
	top: 50%;
	z-index: 200;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat -84px -410px;
}

.side-menu .open:hover > a:before {
	background: none;
}

.side-menu .leaf > a {
	background: transparent;
	border-radius: 5px;
}

.side-menu .outside > li > a {
	border-radius: 5px;
}

.side-menu .outside > li > .full-a {
	border-radius: 0;
}

.side-menu a:hover, .side-menu .full:hover > a {
	background: #007DC5;
	color: #fff;
	text-decoration: none;
}

.side-menu .full:hover > a:before {
	background: none;
}

.left-side .outside {
	left: 100%;
}

.left-side .full:hover:before {
	content: '';
	display: block;
	position: absolute;
	left: -7px;
	top: 0;
	z-index: 200;
	width: 8px;
	height: 100%;
	background: #0076bb;
}

.left-side .full:hover:after {
	content: '';
	display: block;
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -16px;
	margin-top: -1.5rem;
	z-index: 200;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 16px 0 16px 16px;
	border-width: 1.5rem 0 1.5rem 1.5rem;
	border-color: transparent transparent transparent #0076bb;
}

.right-side .outside {
	right: 100%;
}

.right-side .full:hover:before {
	content: '';
	display: block;
	position: absolute;
	right: -7px;
	top: 0;
	z-index: 200;
	width: 8px;
	height: 100%;
	background: #007DC5;
}

.right-side .full:hover:after {
	content: '';
	display: block;
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -16px;
	margin-top: -1.025rem;
	z-index: 200;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 16px 16px 16px 0;
	border-width: 1.025rem 1.025rem 1.025rem 0;
	border-color: transparent #0076bb transparent transparent;
}

.side-menu > .leaf:hover {
	background: #0076bb;
}

.side-menu > .leaf:hover:before {
	content: '';
	display: block;
	position: absolute;
	left: -7px;
	top: 0;
	z-index: 200;
	width: 8px;
	height: 100%;
	background: #0076bb;
	border-radius: 3px 0 0 3px;
}

.side-menu > .leaf:hover:after {
	content: '';
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 200;
	width: 7px;
	height: 100%;
	background: #0076bb;
	border-radius: 0 3px 3px 0;
}

.side-menu > .leaf:hover > a {
	color: #fff;
	text-decoration: none;
}

.side-menu .inside > li:first-child {
	border-top: 1px solid #e0e0e0;
}

.side-menu-simple > li > a {
	padding-right: .375em;
}

.side-menu .supplier-discount:hover {
	color: #fff;
}

/* box list */
.boxlist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boxlist li {
	background: #f9f9f9;
	position: relative;
	z-index: 150;
}

.boxlist li > a, .boxlist .js-filter {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 0 10px 15px;
	font-size: 1em;
	line-height: 1.2;
	padding: .8em 0 .8em 15px;
	cursor: pointer;
}

.boxlist > li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e0e0e0;
}

.boxlist > li:first-child {
	border-top: none;
}

.boxlist > li:last-child {
	border-bottom: none;
}

.boxlist .current-a, .boxlist .top-a {
	font-weight: 700;
}

.boxlist .current-a {
	color: #BF3C2B;
}

.boxlist .collapsed-a:before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	left: 2px;
	top: 50%;
	z-index: 200;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat -128px -550px;
}

.boxlist .unfolded-a:before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	left: 2px;
	top: 50%;
	z-index: 200;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat -128px -626px;
}

.boxlist .leaf-a:before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	left: 2px;
	top: 50%;
	z-index: 200;
	background: transparent url(sprite3.png) no-repeat -128px -708px;
}

.boxlist ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 13px;
	line-height: 15px;
	font-size: 1rem;
	line-height: 1.2;
}

.boxlist li > a:hover {
	color: #fff;
	background: #666;
	text-decoration: none;
}

.boxlist > li > .h3 {
	display: block;
	margin: 10px 3px 5px;
	font-size: 13px;
	font-size: 1rem;
	color: #000;
}

.boxlist > li > ul {
	padding: 0;
}

.boxlist .filter-option {
	padding-left: 30px;
}

.no-of-prods {
	color: #666;
	font-weight: 400;
}

.filter-option:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 3px;
	top: 50%;
	margin-top: -10px;
	border: 1px solid #C2B9B3;
	background: #fff;
	box-sizing: border-box;
}

.filter-option.filter-active:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 3px;
	top: 50%;
	margin-top: -10px;
	border: 1px solid #fff;
	background: #BF3C2B url(sprite3.png) no-repeat -120px -97px;
	box-sizing: border-box;	
}

.filter-delete {
	display: inline-block;
	position: relative;
	margin: 10px 10px 10px 0;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	padding: 0 .5em;
	border-radius: 3px;
	line-height: 2.4;
}

.filter-delete > .filter-name{
	font-weight: 700;
	display: inline-block;
	margin-right: 5px;
}

.filter-delete > .filter-option-delete{
	display: inline-block;
	position: relative;
	padding-right: 25px;
	margin-right: 10px;
	line-height: 2.4;
}

.filter-delete > .filter-option-delete:hover{
	color: #BF3C2B;
}

.filter-delete > .filter-option-delete:before{
	content: "X";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 3px;
	top: 50%;
	margin-top: -8px;
	border: 1px solid #BF3C2B;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
	font-size: 10px;
	line-height: 14px;
	color: #BF3C2B;
	font-weight: 400;
	border-radius: 10px;	
}

.filter-delete > a:last-child{
	margin-right: 0;
}

.filter-delete > .filter-delete-all {
	font-weight: 700;
}

.filter-buttons-container {
	margin: 10px 4px;
}

.js-filter-more, .filter-button.js-button-less {
	display: none;
}

.js-filter-more {
	max-height: 300px;
	overflow-y: scroll;
}

.filter-button {
	display: block;
	width: 100%;
	padding: .7em;
	font-size: 1em;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #666;
	background: #f4f4f2;
	background: linear-gradient(to bottom, #f4f4f2 0%, #f2f3ee 32%, #dfe0d8 79%, #dcddd5 100%);
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	cursor: pointer;
	border: 1px solid #e8e8e8;
}

.boxlist .rating-box-2 {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.filter-color { 
	display: inline-block; 
	width: 46px; 
	height: 46px; 
	border: 1px solid #e8e8e8; 
	border-radius: 3px;
	padding: 0;
	margin: 3px;
	position: relative;
}

.filter-color.filter-color-active:before { 
	content: '';
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	background: transparent url(sprite3.png) no-repeat -49px -560px;
}

.filter-color.filter-color-delete:before { 
	content: "X";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 3px;
	top: 3px;
	border: 1px solid #fff;
	background: #BF3C2B;
	box-sizing: border-box;
	text-align: center;
	line-height: 19px;
	color: #fff;
	font-weight: 700;
}

#filters-container {
	position: relative;
}

.mobile-popup {
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	background: rgba(0,0,0,0.5);
	z-index: 10020;
}

.show-mobile-filters {
	display: none;
	margin: 10px 0;
}

.show-mobile-filters > .filter-button {
	width: 100%;
}

.mobile-popup .side-box {
	background: #fff;
	width: 85%;
}	

.mobile-popup .boxTop {
	position: -webkit-sticky;
	position: sticky;
	width: 100%;
	z-index: 2;
	top: 0;
}

.mobile-popup .boxContents {
	z-index: 1;
	display: block;
}

.mobile-popup .h3 {
	text-align: left;
}

.mobile-popup .close-btn, .gdpr .close-btn {
	display: block;
}

.mobile-popup > .side-box > .boxTop > .expand-btn,
.mobile-popup > .side-box > .boxTop > .collapse-btn {
	display: none;
}

.mobile-popup .js-filter-more {
	max-height: none;
}
	
@media (max-width: 800px){
	.show-mobile-filters{
		display: block;
	}
}


/* categories menu + popup */
.categories-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.categories-menu li {
	background: transparent;
	font-weight: 400;
	position: relative;
	z-index: 150;
}

.categories-menu li > a {
	display: block;
	position: relative;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.2;
	padding: .9em 15px .9em 0.375em;
	margin: 0;
}

.categories-menu > li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e0e0e0;
}

.categories-menu > li:hover {
	z-index: 5201;
}

.categories-menu > li:first-child {
	border-top: none;
}

.categories-menu > li:last-child {
	border-bottom: none;
}

.categories-menu .current-a {
	font-weight: 700;
	color: #BF3C2B;
}

.categories-menu .full > a:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	right: 4px;
	top: 50%;
	z-index: 200;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat -69px -410px;
}

.categories-menu .full:hover > a:before {
	background: none;
}

.categories-menu .open > a:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	right: 8px;
	top: 50%;
	z-index: 200;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat -84px -410px;
}

.categories-menu .open:hover > a:before {
	background: none;
}

.categories-menu .leaf-a {
	background: transparent;
}

.categories-menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}

.categories-menu .full:hover > a {
	background: #0076bb;
	color: #fff;
	text-decoration: none;
}

.categories-menu .full:hover:before {
	content: '';
	display: block;
	position: absolute;
	left: -7px;
	top: 0;
	z-index: 200;
	width: 8px;
	height: 100%;
	background: #0076bb;
}

.categories-menu .full:hover:after {
	content: '';
	display: block;
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -16px;
	margin-top: -1.5rem;
	z-index: 200;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 16px 0 16px 16px;
	border-width: 1.5rem 0 1.5rem 1.5rem;
	border-color: transparent transparent transparent #0076bb;
}

.categories-menu > .leaf:hover {
	background: #0076bb;
}

.categories-menu > .leaf:hover:before {
	content: '';
	display: block;
	position: absolute;
	left: -7px;
	top: 0;
	z-index: 200;
	width: 8px;
	height: 100%;
	background: #0076bb;
	border-radius: 3px 0 0 3px;
}

.categories-menu > .leaf:hover:after {
	content: '';
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 200;
	width: 7px;
	height: 100%;
	background: #0076bb;
	border-radius: 0 3px 3px 0;
}

.categories-menu > .leaf:hover > .leaf-a {
	color: #fff;
	text-decoration: none;
}

.categories-menu li > .popup-container {
	position: absolute;
	top: -32px;
	left: 100%;
	width: 771px;
	min-height: 320px;
	background: #f9f9f9;
	z-index: 1;
	display: none;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}

.categories-menu li:hover > .popup-container {
	display: block;
}

.categories-menu .popup-wraper {
	position: relative;
	top: 0;
	left: 0;
	margin: 10px;
	max-width: 740px;
	min-height: 300px;
	background: transparent;
	overflow: auto;
	z-index: 50;
}

.categories-menu .column {
	position: relative;
	max-width: 226px;
	float: left;
	padding: 10px 0 10px 13px;
	z-index: 50;
	background: #F9F9F9;
}

.categories-menu .popup-subcategory {
	margin-top: 7px;
}

.categories-menu .column > div > a {
	font-size: 13px;
	font-weight: 500;
	color: #0076C2;
}

.categories-menu .sub-subcategories {
	color: #999;
}

.categories-menu .column > .sub-subcategories > a {
	font-size: 11px;
	font-style: italic;
	color: #666;
}

.categories-menu-banner {
	position: absolute;
	bottom: 0;
	right: 0;
	width: auto;
	max-width: 550px;
	height: auto;
	max-height: 400px;
	z-index: 10;
	text-align: right;
}

.categories-menu-banner-img {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 5px;
}

.box-flex {
	margin: 5px auto 0;
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: stretch;
	align-items: stretch;
}

.box-flex li {
	width: 180px;
	min-height: 150px;
	border: 1px solid #E8E8E8;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 20px;
	flex: 1 0 180px;
	box-sizing: border-box;
	background: #F9F9F9;
	border-radius: 5px;
}

.box-flex li:last-child {
	margin-bottom: 0;
}

.box-flex .item {
	border: none;
}

.box-flex .photo {
	max-width: 190px;
	margin: 0 auto 10px;
}

.box-flex > .product > .product-name, .box-flex > .product > .prices {
	text-align: center;
}

/* MAIN */
.main-wrap {
	margin: 15px 10px;
	background: #fff;
}

@media screen and (min-width: 1280px) {
	.main-wrap {
		margin: 15px 20px;
	}
}

#main {
	width: 100%;
	background: #fff;
	margin-top: 20px;
}

/* main content liquid layout */
.liquid-3c, .liquid-2c-ab, .liquid-2c-bc {
	float: left;
	width: 100%;
	background: #fff;
}

.liquid-3c .liquid-content-col {
	margin: 0 230px;
}

.liquid-3c .liquid-content-marginer {
	margin: 0 20px;
}

.liquid-2c-ab .liquid-content-col {
	margin-left: 230px;
}

.liquid-2c-ab .liquid-content-marginer {
	margin-left: 20px;
}

.liquid-2c-bc .liquid-content-col {
	margin-right: 230px;
}

.liquid-2c-bc .liquid-content-marginer {
	margin-right: 20px;
}

.liquid-left-col {
	position: relative;
	float: left;
	width: 230px;
	margin-left: -100%;
}

.liquid-right-col {
	float: left;
	width: 230px;
	margin-left: -230px;
}

#dynamiczone {
	width: 100%;
	margin: 0;
	padding-bottom: 10px;
}

#breadcrumb {
	margin: 0 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
	line-height: 1;
	color: #000;
	height: 15px;
}

#breadcrumb > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 15px;
	display: inline;
}

#breadcrumb > ul > li {
	display: inline;
}

#breadcrumb > ul > li > a {
	text-decoration: none;
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	color: #000;
}

#breadcrumb > ul > li > a:hover {
	text-decoration: underline;
}

#breadcrumb strong {
	font-weight: 400;
}

.toprun {
	text-align: center;
	position: relative
}

.toprun img {
	max-width: 100%;
	height: auto !important;
	vertical-align: top;
}

.toprun > a {
	position: relative;
	display: block;
	max-width: 1240px;
	margin: 0 auto;
}

.toprun .day-promo-countdown {
	position: absolute;
	top: 30px;
	right: 15px;
/*	width: 138px;*/
	min-height: 56px;
	background: #B02A09;
	border-radius: 10px;
}

.promo-campaign-timer {
	margin: 7px 2px;
	text-align: center;
	font-family: Courier, Courier New, Lucida Console;
}

.promo-campaign-timer > div {
	display: inline-block;
	font-size: 24px;
	line-height: 1;
	color: #fff;
}

.promo-campaign-timer > .promo-component {
	background: #631602;
	border-radius: 5px;
	margin: 0 2px;
}

.promo-campaign-timer .promo-text {
	text-align: center;
	font-size: 12px;
	background: #7D1E06;
	padding: 3px 1px;
	border-radius: 0 0 5px 5px
}

.promo-campaign-timer .promo-digits {
	font-weight: 700;
	margin: 5px;
}

.promo-expires-text {
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin: 10px auto 0;
}

.promo-campaign-desc {
	color: #666;
}

@media (max-width: 700px){
	.toprun .day-promo-countdown {
		top: 10px;
		right: 10px;
	}	
}

@media (max-width: 420px){
	.toprun .day-promo-countdown {
		top: auto;
		bottom: 10px;
		left: auto;
		right: 10px;
	}
	
	.toprun .day-promo-countdown .promo-expires-text {
		display: none;
	}
	
	.promo-campaign-timer {
		margin: 5px auto;
	}

	.promo-campaign-timer .promo-digits {
		font-size: 18px;
	}
}

@media screen and (max-width: 800px) {
	.liquid-3c, .liquid-2c-ab, .liquid-2c-bc, .liquid-3c .liquid-content-col, .liquid-3c .liquid-content-marginer, .liquid-2c-ab .liquid-content-col, .liquid-2c-ab .liquid-content-marginer, .liquid-2c-bc .liquid-content-col, .liquid-2c-bc .liquid-content-marginer, .liquid-left-col, .liquid-right-col {
		width: 100%;
		margin: 0;
		float: none;
	}
}

.more-campaign-products {
	margin-top: 10px;
	text-align: center;
}

.cta {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.75em 1em;
	min-width: 30%;
	background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
	color: #fff !important;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	border-radius: 10px;
	margin: 20px auto;
	display: inline-block;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	.liquid-right-col {
		width: 100%;
		margin: 0;
		float: none;
		clear: both;
	}
	
	.liquid-3c .liquid-content-col, .liquid-3c .liquid-content-marginer {
		margin-right: 0;
	}
}

 
/* page section boxes */
.section {
	margin: 0 0 20px;
	position: relative;
}

.section-header {
	background: #BE240E;
	margin-bottom: 1px;
	border-radius: 3px;
	padding: 1em;
	color: #fff;
	position: relative;
}

.section-header > h2 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1;
	font-weight: 700;
	color: #fff;
}

.section-content {
	background: #fff;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	position: relative;
}

.full-width {
	width: 100%;
}

/* trafic */
.trafic {
	margin: auto;
	text-align: center;
	padding: 10px;
}

/* ajax loader */
#ajax-loader {
	position: absolute;
	z-index: 300;
	width: 150px;
	padding: 51px 10px 10px;
	background: #EEFAF8;
	border: 1px solid #73AB2A;
	text-align: center;
	top: 30%;
	left: 46%;
	display: none;
}

#ajax-loader:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 50%;
	width: 31px;
	height: 31px;
	margin-left: -15px;
	background: transparent url("icons/ajax-loader.gif") no-repeat;
}

.simple-flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
	align-content: flex-start;
	width: 100%;
	list-style: none;
	padding: 0
}

.simple-flex > li {
	display: inline-block
}

/* MAIN PAGES */
.flex-grid {
	width: 100%;
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: stretch;
}

.flex-grid > li {
	min-height: 150px;
	border: 1px solid #E8E8E8;
	display: inline-block;
	vertical-align: top;
	flex: 1 0 200px;
	box-sizing: border-box;
	background: #F9F9F9;
	border-radius: 5px;
}

.flex-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 10px;
}

@media (min-width: 360px) and (max-width: 420px) {
	.product-grid {
		grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
		gap: 5px;
	}

	.product-grid > li {
		flex: 1 0 160px;
	}
	
	.product-grid .product-image-wrapper img {
		max-width: 140px;
		height: auto !important;
	}
}

@media (max-width: 359px) {
	.product-grid {
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
		gap: 5px;
	}
	
	.product-grid > li {
		flex: 1 0 140px;
	}
	
	.product-grid .product-image-wrapper img {
		max-width: 140px;
		height: auto !important;
	}
}

.product, .similar-article {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10;
}

.product .photo {
	position: relative;
	margin-bottom: 10px;
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
}

.product .product-image-wrapper {
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin: 0;
	padding: 10px 0;
}

@media (max-width: 479px){
	.product .product-image-wrapper {
		margin: 0 auto;
	}
}

.product img {
	margin: auto;
}

.product .colored-discount {
	top: 40px;
}

.product .product-row {
	text-align: center;
	margin: 0 10px 10px;
}

@media (max-width : 639px) {
	.product .product-row {
		margin: 0 5px 10px;
	}
}

.product .product-name {
	flex: 1 0 auto;
}

.product .product-a {
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 700;
}

.product .supplier, .product .supplier-a {
	color: #666;
	font-size: 11px;
	font-size: 0.85rem;
	line-height: 1.5;
}

@media (max-width : 800px) {
	.product .supplier-a {
		line-height: 2;
	}
}

.product .prices {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	color: #000;
}

.product .rating-box-2, .product .no-of-reviews {
	display: inline-block;
	margin-right: 2px;
	float: none;
	vertical-align: middle;
}

.product .action {
	margin-top: 5px;
}

.mixed-prices .price {
	margin-bottom: 1.2rem;
}

.quick-view {
	width: 110px;
	height: 30px;
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -55px;
	z-index: 11;
	overflow: hidden;
	line-height: 26px;
	display: none;
	border-radius: 5px;
}

@media (min-width: 1025px){
	.product-grid > li:hover .quick-view {
		display: block;
	}
}

.quick-view .quick-view-bk {
	text-align: center;
	background: #0076bb;
}

.quick-view .quick-view-a {
	color: #fff !important;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	display: block;
	padding: 8px 0;
}

.availability {
	color: green;
	font-size: 11px;
	font-size: 0.85rem;
	line-height: 1.5;
}

/* homepage */
#more-welcome {
	color: #D21300;
	cursor: pointer;
	margin: 20px 0;
}

#welcome-2 { 
	display: none;
	text-align: justify;
	background: #fff;
	width: 100%;
	font-size: 18px;
	line-height: 1.5;
}

.pow .photo {
	width: 200px;
	float: left;
}

.pow .wrap {
	margin-left: 200px;
	padding: 10px 0;
}

.pow .photo .marginer {
	margin: 10px;
}

.pow .content {
	margin-right: 10px;
}

.pow_header {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 1px;
	text-align: center;
	border-radius: 3px;
    color: #fff;
    background: #007dc5;
/*	background: linear-gradient(to bottom, #009df8 0%, #007dc5 100%);*/
}

.pow_header > .h2 {
	line-height: 2;
	color: #fff;
	margin: 0 auto 1px;
	text-align: center;
}

.pow {
	width: 100%;
	border: 1px solid #e8e8e8;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 3px;
}

.pow .h3 {
	line-height: 1.2;
}

.pow .authors, .pow .authors a {
	color: #666;
	font-size: 13px;
	font-size: 1rem;
	line-height: 1.5;
	margin: 10px 0;
}

.pow .description {
	text-align: left;
	margin-top: 20px;
}

.pow .price-old, .pow .discount-percent, .pow .promo-expiry {
	color: #000;
}

.pow .promo-expiry {
	margin-top: 10px;
}

.pow .details, pow_details a {
	text-align: right;
	color: #666;
	font-weight: 700;
}

@media ( max-width : 800px) {
	.pow .authors a {
		line-height: 2;
	}
}

@media ( max-width : 599px) {
	.pow .photo, .pow .photo .marginer {
		width: 100%;
		margin: 10px auto 20px;
		text-align: center;
	}
	.pow .wrap {
		margin-left: 0;
	}
}

/* subcategories page */
.subcat-grid li {
	flex-basis: 250px;
	min-height: 30px;
	background: #E9E9E9;
	margin: 5px;
}

.subcat-grid .entry {
	margin: 5px;
}

.subcat-grid a {
	display: block;
	line-height: 1;
	padding: .4em;
}

.subcat-grid .parent a {
	font-size: 1.2em;
	font-weight: 700;
}

.subcat-grid .child a {
	font-size: 1em;
	color: #333;
}

.subcat-grid span {
	color: #ccc;
}

#categdes {
	margin: 20px 0;
	color: #999;
	text-align: justify;
}

@media (max-width: 1024px){
	.subcat-grid .entry {
		margin: 0;
	}
	
	.subcat-grid a {
		padding: .6em;
	}
}

/* products page */
.products__slider {
	margin-bottom: 20px;
}

@media (max-width: 600px){
	.products__page {
		display: flex;
		flex-flow: column;
	}
	
	.products__page > .products__slider {
		order: 10;
		margin: 20px 0 0;
	}
}

.no-of-reviews {
	text-align: center;
}

.list-layout-button {
	width: 22px;
	height: 22px;
	display: inline-block;
	margin: 0 7px 0 3px;
	background: transparent url(sprite3.png) no-repeat -62px -314px;
}

.list-layout-button:hover {
	background: transparent url(sprite3.png) no-repeat -87px -314px;
}

.grid-layout-button {
	width: 22px;
	height: 22px;
	display: inline-block;
	margin: 0 3px;
	background: transparent url(sprite3.png) no-repeat -62px -339px;
}

.grid-layout-button:hover {
	background: transparent url(sprite3.png) no-repeat -87px -339px;
}

.pager {
	width: 100%;
	clear: both;
	text-align: left;
	font-size: 1em;
	line-height: 3;
}

.pager > .unit {
	text-align: center;
	display: inline-block;
	border-radius: 3px;
	margin: 10px 3px 0 0;
	min-width: 3em;
	height: 3em;
	box-sizing: border-box;
	padding: 0;
	transition: all 0.5s linear 0s;
}

.pager > .page-no, .pager > .dots {
	color: #000;
	background: #F9F9F9;
	border: 1px solid #D5D5D5;
}

.pager > .current {
	color: #fff;
	background: #0076bb;
	border: 1px solid #054A72;
}

.pager > .page-no:hover {
	color: #fff !important;
	background: #0076bb;
	border: 1px solid #054A72;
}

.pager > .unit:last-child {
	margin-right: 0;
}

.simple-flex .pager {
	margin-top: -10px;
}

@media (max-width: 800px) {
	.pager {
		line-height: 3;
	}
	
	.pager .unit {
		min-width: 48px;
		height: 48px;
	}
}

#products_page_footer {
	margin-top: 20px;
	font-weight: 700;
}

#popup {
	width: 900px;
	height: 630px;
	position: fixed;
	top: 20px;
	left: 50%;
	margin-left: -315px;
	z-index: 10800;
	background: #fff;
	display: none;
	border-radius: 5px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

#popup > .popup-header {
	position: relative;
	width: 100%;
	padding: 10px 46px 10px 10px;
	min-height: 36px;
	top: 0;
	left: 0;
	background: #E9E9E9;
	color: #000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: inset 0 -1px 2px 0 rgba(0,0,0,.1);
}

#popup > .popup-header > h2 {
	font-size: 18px;
	line-height: 1.4;
	margin: 0;
}

#popup > .popup-header > .btn-close-popup {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	padding: 0;
	background: #BF3C2B;
	border-radius: 0 5px 0 5px;
	box-shadow: none;
	cursor: pointer;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 36px;
	margin-bottom: 10px;
	z-index: 1;
}

#popup .popup-header-left {
	position: absolute;
	width: 450px;
	height: 30px;
	top: 0;
	left: 10px;
	font-size: 18px;
	line-height: 30px;
	background: transparent;
}

#popup .popup-header-right {
	position: absolute;
	width: 150px;
	height: 30px;
	top: 0;
	right: 10px;
	text-align: right;
	background: transparent;
}

#popup .close-a {
	color: #000;
	font-size: 14px;
	line-height: 30px;
	font-weight: 700;
}

#popup .popup-container {
	position: relative;
	z-index: 100;
	margin: 20px;
	padding-right: 10px;
	max-width: 860px;
	height: 550px;
	overflow: auto;
	overflow-x: hidden;
	margin-bottom: 20px;
}

#popup .products-of-interest {
	margin-top: 40px;
}

@media (max-width: 600px){
	#popup .popup-container {
		margin: 5px;
		padding-right: 5px;
	}	
}

#popup .shopping-cart-item {
	background: #f9f9f9;
	margin-right: 3px;
}

#popup .popup-buttons {
	margin-top: 20px;
	text-align: right;
}

#popup .popup-buttons .vs-button-submit {
	margin-left: 10px;
}

@media (max-width: 400px){
	#popup .popup-buttons .vs-button, #popup .popup-buttons .vs-button-submit {
		width: 99%;
		display: block;
		box-sizing: border-box;
		margin: 0 auto;
	}
	
	#popup .popup-buttons .vs-button-submit {
		margin-top: 10px;
	}
}

#author-description {
	margin-bottom: 10px;
}

#author-description > .more {
	display: none;
}

.attention-note {
	margin: 5px 0;
	padding-left: 14px;
	font-size: 11px;
	line-height: 1;
	color: #999;
	text-align: left;
}

.attention {
	list-style: none;
	margin: 0;
	padding: 0;
}

.attention > li {
	position: relative;
	padding: 0 14px;
	float: left;
}

.attention-day-promo:before {
	content: '';
	width: 9px;
	height: 9px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat 0 -370px;
}

.attention-recommended:before {
	content: '';
	width: 9px;
	height: 9px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat -10px -370px;
}

.attention-new:before {
	content: '';
	width: 9px;
	height: 9px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat -20px -370px;
}

.attention-promo:before {
	content: '';
	width: 9px;
	height: 9px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat -30px -370px;
}

.attention-used:before {
	content: '';
	width: 9px;
	height: 9px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
	background: transparent url(sprite3.png) no-repeat -40px -370px;
}

.attention-date {
	background: transparent url(sprite3.png) no-repeat 0 -308px;
}

.main-specs {
	margin: 5px 0;
}

.specs-sheet {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #999;
}

/* list product */
.list-product {
	width: 100%;
	margin: 10px 0;
}

.list-product .cell {
	float: left;
}

.list-product .marginer {
	margin-left: 20px;
}

.list-product .photo {
	width: 20%;
	position: relative;
}

.list-product .main {
	width: 55%;
}

.list-product .action {
	width: 25%;
}

.list-product .photo img {
	max-width: 100%;
}

.list-product .product-wrap {
	margin-left: 200px;
	color: #999;
}

.list-product .row {
	margin-bottom: 10px;
}

.list-product .title {
	margin-bottom: 20px;
}

.list-product .product-a {
	color: #000;
	font-size: 1.2rem;
	font-weight: 700;
}

.list-product .product-a:hover {
	color: #D60100;
}

.list-product .product-buy {
	width: 25%;
	float: left;
	color: #999;
	border-left: 1px dotted #eee;
}

.list-product .offer-expiry {
	margin-top: 10px;
}

.list-product .availability {
	margin-bottom: 10px;
}

.list-product .product-description {
	padding-top: 20px;
	color: #333;
	margin-bottom: 5px;
}

.list-product .prices {
	color: #999;
}

@media ( max-width : 599px) {
	.list-product .cell {
		width: 100%;
		margin: 0 0 20px;
	}
	.list-product .photo {
		text-align: center;
	}
}

.product-hr {
	clear: both;
	border: none;
	border-top: medium double #eee;
	width: 100%;
	height: 1px;
	margin: 10px 0;
}

#eSort {
	color: #000;
	margin-bottom: 10px;
}

#eSort span, #eSort a {
	vertical-align: middle;
}

#eSort .tag {
	display: inline-block;
	margin: 5px 0;
}

@media (max-width: 639px) {
	#eSort .view-products > .tag { display: none; }
}

@media (max-width: 599px) {
	#eSort .no-per-page > .tag, #filters { display: none; }
}

@media (max-width: 479px){
	#eSort .tag { display: none; }
}

@media (max-width: 359px) {
	#eSort {
		width: 100%;
		margin: 0 0 10px;
	}
	
	#eSort > li {
		margin: 0;
	}
}

.simple-menu {
	background: #fff;
	position: relative;
	display: inline-block;
	text-align: left;
	min-width: 50px;
}

.simple-menu .active-a {
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	text-align: center;
}

.simple-menu:hover {
	background: #BF3C2B;
	}
	
.simple-menu:hover .active-a {
	color: #fff;
	border-radius: initial;
	border: 1px solid #BF3C2B;
	}
	
.simple-menu:hover .arrow-down {
	background: transparent url(sprite3.png) no-repeat -84px -390px;
}

.simple-menu .option {
	display: block;
	font-size: 1rem;
	line-height: 1;
	padding: .7em .5em;
	color: #000;
}

.simple-menu .boxlist{
		display: none;
	position: absolute;
	min-width: inherit;
	width: inherit;
	box-sizing: border-box;
	top: 100%;
	left: 0;
	border: 1px solid #e8e8e8;
	z-index: 10000;
	}

.simple-menu:hover .boxlist{
	display: block;
}

#product-sorting, #product-sorting .boxlist {
	width: 160px;
}

.products-per-page, .products-per-page .boxlist {
	min-width: 56px;
}

#view-menu {
	display: inline-block;
}

#view-menu a:first-child {
	margin-right: 5px;
}

.view-icon {
	width: 33px;
	height: 33px;
	width: 2.4rem;
	height: 2.4rem;
	position: relative;
	display: inline-block;
	border-radius: 3px;
}

.view-icon-active {
	border: 1px solid #e8e8e8;
}

.view-icon > .icon {
	content: '';
	display: block;
	width: 26px;
	height: 27px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -13px 0 0 -13px
}

.view-icon > .icon-list {
	background: transparent url(sprite3.png) no-repeat -29px -670px;
}

.view-icon > .icon-list-active, .view-icon > .icon-list:hover {
	background: transparent url(sprite3.png) no-repeat 0px -670px;
}

.view-icon > .icon-grid {
	background: transparent url(sprite3.png) no-repeat -87px -670px;
}

.view-icon > .icon-grid-active, .view-icon > .icon-grid:hover {
	background: transparent url(sprite3.png) no-repeat -58px -670px;
}


/* filtre */
#filters {
	width: 100%;
	border: 1px solid #eee;
	background: #F8F8F8;
	position: relative;
	z-index: 100;
	margin-bottom: 1px;
}

#filters > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #F8F8F8;
}

#filters .h3 {
	margin-left: 6px;
	font-size: 13px;
	font-size: 1rem;
	line-height: 2.4;
	color: #666;
}

#filters > ul > li {
	margin-right: 30px;
	float: left;
	position: relative;
}

@media (max-width: 800px) {
	#filters .h3 {
		line-height: 3;
	}

	#filters > ul > li {
        margin-right: 20px;
    }
}

#filters > ul > li:last-child {
	margin-right: 0;
}

#filters .boxContents {
	width: 260px;
	max-height: 400px;
	overflow: auto;
	position: absolute;
	z-index: 500;
	background: #f8f8f8;
	border: 1px solid #eee;
	display: none;
}

#filters .by-year {
	width: 140px;
}

#filters .by-price {
	width: 150px;
}

#filters > ul > li:hover > .boxContents {
	display: block;
}

.remove-filter {
	color: blue;
}

.remove-filter:hover {
	color: red;
}

#pagedesc {
	margin-bottom: 15px;
	color: #999;
	text-align: justify;
}

.intercalated-products-header {
	width: 270px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 2;
	color: #F60;
	text-align: center;
	font-size: 13px;
	line-height: 1;
	font-weight: 700;
	border-radius: 24px 24px 0px 0px;
	border: 1px solid #76CDF8;
	border-bottom: 0;
}

.intercalated-products-header > div {
	padding: 5px 0 2px;
	background: #d9f3ff;
	background: linear-gradient(to bottom, #d7f7ff 0%, #e6f3fc 6%, #dff4ff 11%, #e3f5f9 17%, #e2f7fa 22%, #daf6ff 28%, #e6f4ff 33%, #e0f4ff 39%, #dcf2ff 100%);
}

.intercalated-products {
	width: 100%;
	line-height: 1.5;
}

.intercalated-products .content {
	border: 1px solid #76CDF8;
	border-radius: 5px;
	z-index: 1;
	margin-bottom: 20px;
	position: relative;
	top: -1px;
	background: #d9f3ff;
	background: linear-gradient(to bottom, #d9f3ff 0%, #d5f1fd 11%, #d0f0ff 12%, #c9ecff 28%, #c6ecff 29%, #c5ebfe 34%, #c1ecff 35%, #bdeaff 46%, #bae8ff 47%, #b9e7fe 52%, #b5e7fe 53%, #b2e6fe 64%, #aee6ff 64%, #a6e1ff 81%, #a2e2fe 82%, #a0e0fc 86%, #9fe2ff 88%, #9ee1fe 93%, #9adffe 93%, #98dfff 100%);
}

.intercalated-products .product-a {
	color: #302E94;
	line-height: 2;
}

.intercalated-products .supplier-a {
	line-height: 2;
}

.intercalated-products .product {
	text-align: left;
	float: left;
	width: 50%;
}

.intercalated-products .product-inner {
	margin: 5px;
	display: grid;
	grid-template-columns: 91px 1fr;
}

.intercalated-products .product-image {
	float: left;
	margin-right: 10px;
}

.intercalated-products .product-image > img {
	padding: 2px;
	background: #fff;
	border: 1px solid #6CCFFF;
}

.intercalated-products .prices {
	text-align: left;
}

.intercalated-products .price-old, .intercalated-products .discount-percent {
	color: #189ADA;
}

@media (max-width: 500px){
	.intercalated-products .product {
		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 10px;
	}
	
	.intercalated-products .product:after {
		content: '';
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
		font-size: 0;
	}
}


/* product page */
#eProduct {
	position: relative;
}

#eProduct .tag {
	font-weight: 400;
}

#product-t, #comments-t {
	width: 100%;
	position: relative;
}

#product-t td {
	text-align: left;
	vertical-align: top;
}

#product-t .options-cell {
	vertical-align: top;
}

.product-main > .images {
	width: 400px;
	float: left;
}

.product-image-wrapper {
	min-width: 80px;
	max-width: 180px;
	min-height: 43px;
	position: relative;
	margin: 10px auto;
}

.product-image-wrapper .discount-tag {
	width: 75px;
	height: 38px;
	position: absolute;
	background: transparent url(sprite3.png) no-repeat 0px -80px;
	right: -9px;
	top: -8px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	line-height: 22px;
}

.product-image-wrapper .colored-discount {
	right: -9px;
	top: 25px;
}

.product-image-wrapper .box-discount {
	position: absolute;
	width: 54px;
	height: 54px;
	right: -37px;
	bottom: 5px;
	background: transparent url(sprite3.png) no-repeat -215px -110px;
	z-index: 2;
	color: #fff;
	font-size: 11px;
	line-height: 54px;
	font-weight: 700;
	text-align: center;
}

.product-main > .info {
	float: left;
	min-width: 250px;
	width: 40%;
}

#proddetails {
	margin-left: 20px;
	line-height: 2;
}

#proddetails > div {
	text-align: left;
}

#proddetails > .download {
	margin-top: 10px;
}

#proddetails > .download > a > img {
	vertical-align: middle;
}

#proddetails > .prices {
	color: #000;
}

#proddetails .price-tag {
	color: #000;
	font-size: 1rem;
}

#proddetails > .prices > .offer-expiry {
	margin-top: 10px;
}

@media (max-width: 800px){
	#proddetails .button-buy {
		width: 100%;
		font-size: 15px
	}
}

@media (max-width: 750px) {
	.product-main > .images {
		width: 100%;
		float: none;
		text-align: center;
	}
	.product-main > .images img {
		max-width: 100%;
		height: auto !important;
	}
	.product-main > .info {
		float: none;
		width: 100%;
	}
	#proddetails {
		margin-left: 0;
	}
}

.product-section {
	margin-top: 20px;
}

.product-set {
	background: #F9F9F9;
	border: 1px solid #E8E8E8;
	border-radius: 5px;
	margin: 20px 0;
}

.product-set > .row {
	margin: 10px;
}

.product-set .set-product {
	width: 45%;
	float: left;
}

.product-set .set-product-image {
	margin-right: 20px;
	float: left;
}

.product-set .plus-container {
	width: 10%;
	float: left;
	text-align: center;
	position: relative;
}

.product-set .plus {
	width: 32px;
	height: 32px;
	position: relative;
	margin: 6px auto;
	display: block;
	text-align: center;
	font-size: 32px;
	line-height: 1;
}

.product-set .old-price {
	color: #999;
}

#optionsform, #commentsform {
/*	display: none;*/
	width: 100%;
	max-width: 700px;
	margin: 20px 0 0;
	position: relative;
}

#optionsform td {
	padding: 2px;
}

.btn-close-form {
	line-height: 24px;
	padding: 2px 4px;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 30px;
	border-radius: 6px;
	height: 30px;
	font-size: 24px;
	font-weight: 400;
}

.form-row {
	margin-bottom: 20px;
	width: 100%;
}

.form-cell {
	width: 50%;
	float: left;
}

.form-cell-inner-left {
	padding-right: 10px;
}

.form-cell-inner-right {
	padding-left: 10px;
}

.form-row label {
	line-height: 24px;
}

@media ( max-width : 479px) {
	.form-cell {
		width: 100%;
		margin-bottom: 20px;
		float: none;
		clear: both;
	}
	.form-cell-inner-left, .form-cell-inner-right {
		padding: 0;
	}
}

.field-with-info {
	float: left;
}

.field-info {
	display: block;
	float: right;
	position: relative;
	width: 24px;
	height: 24px;
	text-align: center;
	padding: 0;
	text-align: center;
	margin: 0;
	background: #FFF;
	border: 1px solid #ccc;
	border-radius: 12px;
	cursor: pointer;
	color: #999;
	font-size: 16px;
	line-height: 24px;
}

.field-tooltip {
	position: absolute;
	top: 40px;
	left: -103px;
	width: 220px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	display: none;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	text-align: left;
	color: #000;
	font-size: 1rem;
	line-height: 1.2;
}

.field-tooltip:after, .field-tooltip:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	display: block;
	pointer-events: none;
}

.field-tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.field-tooltip:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 11px;
	margin-left: -11px;
}

.field-info:hover .field-tooltip {
	display: block;
	z-index: 11000;
}

.field-tooltip-right {
	position: absolute;
	top: 40px;
	right: -10px;
	width: 220px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	display: none;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	text-align: left;
	color: #000;
	font-size: 1rem;
	line-height: 1.2;
}

.field-tooltip-right:after, .field-tooltip-right:before {
	bottom: 100%;
	right: 8px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	display: block;
	pointer-events: none;
}

.field-tooltip-right:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
	right: 9px;
}

.field-tooltip-right:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 11px;
	margin-left: -11px;
}

.field-info:hover .field-tooltip-right {
	display: block;
	z-index: 11000;
}

.required {
	display: inline-block;
	color: #000;
	margin-left: 3px;
}

.data-stars {
	width: 135px;
	height: 46px;
	float: left;
	position: relative;
	line-height: 1;
}

.data-stars .radio-stars {
	width: 135px;
	height: 46px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}

.data-stars .stars {
	width: 135px;
	height: 46px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background: #fff;
	display: none;
}

.data-stars .star {
	width: 26px;
	height: 25px;
	float: left;
	margin-right: 1px;
	cursor: pointer;
}

.data-stars .gray-star {
	background: transparent url(sprite3.png) no-repeat -108px -155px;
}

.data-stars .yellow-star {
	background: transparent url(sprite3.png) no-repeat -108px -125px;
}

.data-stars input[type="radio"]{
	transform: scale(1);
	transform-origin: 0 0
}

.aggregate-rating {
	height: 1rem;
	margin: 5px 0;
}

.aggregate-rating, .aggregate-rating a {
	font-size: 1rem;
	line-height: 1;
}

.aggregate-rating a {
	color: #000;
}

.aggregate-rating img {
	margin-right: 5px;
}

.rating-box {
	width: 134px;
	height: 25px;
	background: transparent url(sprite3.png) no-repeat 0px -155px;
}

.rating-box .rating {
	height: 25px;
	background: transparent url(sprite3.png) no-repeat 0px -125px;
}

.rating-box-2 {
	width: 70px;
	height: 13px;
	margin-right: 3px;
	float: left;
	background: transparent url(sprite3.png) no-repeat 0px -202px;
	text-align: left;
}

.rating-box-2 .rating {
	height: 13px;
	background: transparent url(sprite3.png) no-repeat 0px -185px;
}

.rating-box-3 {
	width: 50px;
	height: 10px;
	margin-right: 3px;
	background: transparent url(sprite3.png) no-repeat 0px -235px;
	margin: 0 auto 3px;
	text-align: left;
}

.rating-box-3 .rating {
	height: 10px;
	background: transparent url(sprite3.png) no-repeat 0px -220px;
}

.general-rating {
	width: 158px;
	float: left;
	padding-right: 20px;
}

.general-rating > .title {
	margin-bottom: 10px;
	font-weight: 700;
	color: #000;
}

.general-rating > .aggregate-rating-zone {
	margin-top: 10px;
}

.general-rating > .aggregate-rating-zone > .article-aggregate-rating {
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.general-rating > .aggregate-rating-zone > .comments-count {
	color: #000;
}

.star-meters {
	float: left;
	width: 170px;
}

.star-meters .wrap {
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 1;
}

.star-meters .total-count {
	font-weight: 700;
	padding-left: 55px;
	margin-bottom: 10px;
	font-size: 13px;
	color: #000;
}

.star-meters .rate {
	width: 50px;
	text-align: right;
	color: #000;
	float: left;
	margin-right: 5px;
}

.star-meters .meter-box {
	background: #f9f9f9;
	border: 1px solid #ccc;
	width: 58px;
	height: 14px;
	float: left;
	margin-right: 5px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
}

.star-meters .meter {
	background: #FFCB3F;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25) inset, 0px -1px 0px rgba(0, 0, 0, 0.05) inset;
	height: 13px;
}

.star-meters .count {
	width: 40px;
	text-align: left;
	font-size: 13px;
	color: #000;
	float: left;
}

#sort-reviews, #sort-comments {
	margin-bottom: 20px;
}

#sort-reviews .active, #sort-comments .active {
	font-weight: 700;
}

.add-review-wrap {
	float: left;
	width: 300px;
}

.add-review-wrap .instructions {
	margin-bottom: 10px;
	color: #000;
}

@media (max-width: 650px){
	.add-review-wrap {
		float: none;
		width: 100%;
		padding-top: 20px;
		clear: both;
	}
}

.comments-text {
	width: 100%;
	height: 100px;
	white-space: normal;
	overflow: auto;
	padding: 5px;
	outline: none;
	resize: vertical;
}

.comments-i {
	width: 100%;
	outline: none;
}

#promotion_notice {
	text-align: left;
}

#productoptions {
	margin: 10px 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
}

#productoptions > li {
	color: #9D9D9D;
	padding-left: 0;
	margin: 0;
	text-align: left;
}

#productoptions > li > a {
	color: #000;
	font-weight: 700;
	font-size: 1rem;
	line-height: 2;
}

#productoptions > li > a:hover {
	color: #d21300;
}

@media (max-width: 800px){
	#proddetails > .options {
		margin: 20px 0;
		border: 1px solid #e8e8e8;
		border-radius: 3px;
	}
	
	#productoptions {
		list-style: none;
		margin: 0;
	}
	
	#productoptions > li {
		background: #f9f9f9;
	}
	
	#productoptions > li > a {
		display: block;
		font-size: 1rem;
		line-height: 1.2;
		padding: .8em 0 .8em 15px;
		color: #999;
	}
	
	#productoptions > li {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e0e0e0;
	}
	
	#productoptions > li:first-child {
		border-top: none;
	}
	
	#productoptions > li:last-child {
		border-bottom: none;
	}
	
	#productoptions > li > a:hover {
		color: #fff;
		background: #666;
	}
}

#seotags {
	margin-top: 20px;
}

#seotags > a {
	color: green;
	text-decoration: none;
}

#seotags > a:hover {
	color: black;
	text-decoration: underline;
}

#eProduct > .productset {
	width: 100%;
	margin-top: 20px;
}

#popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10010;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
}

#thumbnails {
	padding: 10px 0;
	text-align: left;
	text-align: center;
}

#thumbnails > a > img {
	margin: 2px;
	border: 1px solid #ccc;
	display: inline;
}

#photogallery {
	position: fixed;
	z-index: 10820;
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
	min-height: 300px;
	min-width: 300px;
	padding: 0;
	background: #fff;
	border: 1px solid #333;
	display: none;
	border-radius: 10px;
	overflow: hidden;
}

#photogallery .container {
	width: 100%;
	height: 100%;
	position: relative;
}

#photogallery .gallery-header {
	width: 100%;
	height: 30px;
	position: absolute;
	z-index: 11;
	top: 0;
	left: 0;
	text-align: left;
	overflow: hidden;
}

#photo-popup-close {
	display: block;
	float: right;
	padding-right: 10px;
	color: #666;
	line-height: 30px;
	text-decoration: none;
}

.gallery-viewport {
	width: 100%;
	height: 80%;
	position: absolute;
	z-index: 10;
	top: 30px;
	left: 0;
	clear: both;
	text-align: center;
}

.gallery-viewport > img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.gallery-thumbs {
	width: 100%;
	height: 74px;
	position: absolute;
	z-index: 11;
	bottom: 0;
	left: 0;
	text-align: center;
	background: #fff;
	border-top: 1px solid #ccc;
}

.gallery-thumbs > a > img {
	margin: 10px 2px 0;
	padding: 2px;
	border: 1px solid #ccc;
}

.gallery-thumbs > a > .active {
	border: 1px solid #000;
}

#photogallery .loading {
	background: transparent url("icons/ajax-loader.gif") no-repeat fixed center;
}

* html #photogallery {
	position: absolute;
	width: 700px;
	height: 600px;
	top: 0;
	left: 0;
}

.spec-group-name {
	font-weight: 700;
	border-bottom: 1px solid #eee;
	margin-top: 10px;
}

.specs {
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
}

.spec > .spec-name, .spec-even > .spec-name {
	width: 50%;
	color: #666;
	font-size: 11px;
	line-height: 23px;
}

.spec > .spec-value, .spec-even > .spec-value {
	width: 50%;
	color: #666;
	font-size: 11px;
	line-height: 23px;
}

.spec > .spec-name, .spec > .spec-value {
	background: #f7f7f7;
}

.spec-even > .spec-name, .spec-even > .spec-value {
	background: #fff;
}

.product-colors .cod {
	text-align: center;
	color: #000;
}

.product-colors .color-name {
	text-align: center;
	color: #d21300;
	padding: 5px;
}

.product-colors .add-to-cart-zone {
	padding-bottom: 5px;
}

#product_colors_notes {
	margin: 0 0 20px 0;
	color: #666;
	font-size: 11px;
}

.keywords-a {
	color: #d21300;
	text-decoration: underline;
}

.keywords-a:hover {
	text-decoration: none;
}

.big-prod-img-wrap {
	min-height: 43px;
	position: relative;
	margin-top: 5px;
}

@media (max-width: 600px){
	.product-main > .images {
		border: 1px solid #f8f8f8;
		margin-bottom: 10px;
	}
	
	.big-prod-img-wrap {
		margin: 0;
	}
}

.big-prod-img-wrap .discount-tag {
	width: 75px;
	height: 38px;
	position: absolute;
	background: transparent url(sprite3.png) no-repeat 0px -80px;
	right: -9px;
	top: -12px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	line-height: 22px;
}

#social-network-buttons {
	width: 100%;
	margin: 0 0 20px;
	position: relative;
}

.share-product {
	margin: 20px 0;
}

#product-aggregate-rating {
	width: auto;
	min-width: 69px;
	font-size: 13px;
	line-height: 1;
}

#product-aggregate-rating img {
	vertical-align: middle;
	float: left;
	margin-right: 5px;
}

#product-aggregate-rating a {
	color: #D21300;
	font-size: 13px;
	line-height: 1;
}

#facebook-like, #facebook-share, #google_plus_one {
	float: left;
}

#facebook-like, #facebook-share {
	margin: 2px 0 0 0;
}

#google_plus_one {
	width: 68px;
	margin-right: 20px;
}

.product-colors > li {
	min-height: 100px;
	flex-basis: 140px;
}

.product-colors div {
	text-align: center;
}

.product-colors .color-icon {
	margin-top: 5px;
}

#comments {
	position: relative;
	line-height: 1.4;
	max-width: 800px;
}

#comments .rating-value {
	background: #666;
	color: #fff;
	border-radius: 3px;
	padding: 0 3px;
}

#comments .review-rating, #comments .comment-author {
	margin-bottom: 5px;
	position: relative;
	display: inline-block;
}

#comments .review-rating > div, #comments .review-rating > span {
	display: inline-block;
	margin-right: 5px;
	font-size: 1rem;
	line-height: 1.2;
	vertical-align: middle;
}

#comments .review-rating > .rating-box-2 {
	float: none;
}

#comments .toggle-menu {
	display: none;
	float: right;
	text-align: right;
}

#comments .comment-author > a {
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
	line-height: 18px;
}

#comments .post-heading {
	color: #005596;
	clear: both;
	font-size: 1.1rem;
	line-height: 2;
}

#comments > .review, #comments > .comment {
	margin-bottom: 20px;
}

#comments .post-level-1 {
	padding-left: 40px;
}

#comments .post-level-2 {
	padding-left: 80px;
}

#comments .post-level-3 {
	padding-left: 120px;
}

@media ( max-width : 480px) {
	#comments .post-level-1 {
		padding-left: 20px;
	}
	#comments .post-level-2 {
		padding-left: 40px;
	}
	#comments .post-level-3 {
		padding-left: 60px;
	}
}

#comments .post-author {
	font-weight: 700;
}

#comments .post-date {
	color: #000;
}

#comments .post-body {
	height: auto;
	overflow: hidden;
	text-align: justify;
	clear: both;
}

#comments .post-body > p {
	margin-bottom: 10px;
}

#comments .post-body > p:last-child {
	margin-bottom: 0;
}

#comments .expand, #comments .collapse {
	display: block;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	width: 20px;
	height: 20px;
	text-align: center;
}

#comments .expand {
	display: none;
}

#comments .see-more {
	display: block;
	position: relative;
	cursor: pointer;
	text-align: center;
	padding-top: 5px;
	z-index: 100;
	border-top: 1px solid #E2E5E7;
	color: #000;
	font-size: 1rem;
	line-height: 1;
}

#comments .see-more:before {
	content: '';
	display: block;
	position: relative;
	height: 3px;
	top: -6px;
	box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.08);
}

#comments .thanks {
	cursor: default;
	color: red;
}

#comments .admin {
	color: #d21300;
}

#comments .show-waiting-post {
	color: #000;
	font-style: italic;
}

#comments .reply-to {
	display: inline-block;
	padding-left: 23px;
	margin: 0 5px 0 3px;
	color: #000;
	background: transparent url(sprite3.png) no-repeat -118px -492px;
	line-height: 18px;
}

#comments .reply-to:hover {
	color: darkblue;
	background: transparent url(sprite3.png) no-repeat -118px -512px;
}

#comments .post-footer {
	margin-top: 10px;
}

#comments .post-footer span {
	display: inline-block;
	margin-right: 10px;
	color: #000;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1;
	vertical-align: middle;
	font-style: italic;
}

#comments .post-footer .dot, #comments .post-header .dot {
	line-height: 15px;
	vertical-align: top;
	color: #DADCD6;
	cursor: default;
}

#comments .post-footer .separator {
	cursor: default;
	color: #666;
}

#comments .post-footer .reply {
	margin-left: 20px;
}

#comments .thumb-up {
	width: 16px;
	height: 16px;
	position: relative;
	background: transparent url(sprite3.png) no-repeat -119px -4px;
}

#comments .thumb-up:hover {
	background: transparent url(sprite3.png) no-repeat -119px -28px;
}

#comments .thumb-down {
	width: 16px;
	height: 16px;
	position: relative;
	background: transparent url(sprite3.png) no-repeat -119px -52px;
}

#comments .thumb-down:hover {
	background: transparent url(sprite3.png) no-repeat -119px -76px;
}

#post-tooltip {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 320px;
	display: none;
	z-index: 11000;
	background: #f9f9f9;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	display: none;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	text-align: left;
	color: #000;
}

#post-tooltip:after, #post-tooltip:before {
	bottom: 100%;
	left: 85px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	display: block;
	pointer-events: none;
}

#post-tooltip:after {
	border-color: rgba(249, 249, 249, 0);
	border-bottom-color: #f9f9f9;
	border-width: 10px;
	margin-left: -10px;
}

#post-tooltip:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 11px;
	margin-left: -11px;
}

.vs-form .input-half {
	width: 210px;
}

.vs-form .input-full {
	width: 490px;
}

.special-notes {
	background: green;
	color: #fff;
	font-size: 1rem;
	line-height: 1.6;
	border-radius: 5px;
	padding: 15px;
}

#product-description {
	text-align: justify;
	background: #fff;
	width: 100%;
	font-family: pt serif, pelatino, georgia, arial, serif;
	font-size: 16px;
	line-height: 1.5;
}

.form-instructions {
	color: #999;
	margin-top: 20px;
}

#product-description > div:nth-of-type(n+2),
#product-description > p:nth-of-type(n+2) {
	margin-top: 10px;
}

#product-description h3{
	margin-bottom: 10px;
}

#product-description h3:nth-of-type(n+2){
	margin-top: 20px;
}

#product-description table {
	width: 100%;
	margin: 10px auto;
	clear: both;
}

#product-description table tr:first-child td {
	background: #666;
	color: #fff;
	font-weight: 700;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

#product-description table tr:nth-child(2) td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}

#product-description table tr:nth-child(n+3) td {
	border: 1px solid #eee;
}

#product-description table tr:nth-child(2n+3) td {
	background: #F9F9F9;
}

#product-description td {
	min-width: 20px;
	padding: 3px;
}

#product-description .custom-table tr:first-child td, #html-editor .custom-table tr:first-child td {
	background: #BF3C2B;
	color: #fff;
	font-weight: 700;
	border-top: 1px solid #BF3C2B;
	border-left: 1px solid #BF3C2B;
	border-right: 1px solid #BF3C2B;
}

#product-description img {
	max-width: 100%;
	height: auto !important;
}

#product-description a {
	color: #BF3E2D;
}

#product-description > .bibliography a {
	color: #000;
}

/* FOOTER */
#footer {
	color: #999;
	background: #14171A;
	padding: 0 20px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#footer .boxContents {
	margin-bottom: 0;
	border: 0;
}

#footer .boxTop {
	position: relative;
	width: 100%;
	margin-bottom: 1px;
	border-radius: 3px;
	border: 1px solid #e8e8e8;
	background: #E9E9E9;
}

#footer .h3 {
	cursor: default;
	color: #111;
}

#footer .copyright {
	display: inline-block;
	margin-right: 20px;
        color: #fff;
}

#footer .eVitalShop {
	display: inline-block;
        color: #fff;
}

#footer .copyright > a, #footer .eVitalShop > a {
	color: #fff;
        font-weight: 700;
}

.footer-box .side-menu li {
	z-index: 140;
}

.footer-box a {
	padding-left: 1em;
}

@media (max-width: 800px) {
	#footer {
		padding: 0;
		color: #000;
		background: #fff;
		border: 0;
	}
	
	#footer .flex-grid {
		width: calc(100% - 10px);
		margin: 0 0 0 5px;
	}
	
	#footer .copyright, #footer .eVitalShop {
		margin: 10px;
	}
	
	#footer .copyright, #footer .copyright > a, #footer .eVitalShop > a {
		color: #000;
	}
}

#trailimageid {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10810;
	display: none;
	min-width: 50px;
	min-height: 50px;
	padding: 5px;
	border: 1px solid #000;
	background: #fff url("icons/ajax-loader.gif") center center no-repeat;
}

.netopia-zone {
	max-width: 320px;
	margin: 20px auto;
	padding: 0 20px;
	text-align: center;
	box-sizing: content-box;
}

.netopia-zone img {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/* user feedback */
.vs-feedback {
	max-width: 1240px;
	margin: 20px auto;
	position: relative;
	font-size: 14px;
	line-height: 16px;
	border-radius: 3px;
	overflow: hidden;
}

.vs-feedback .messages > div {
	padding: 5px 5px 5px 26px;
	margin: 0;
	position: relative;
}

.vs-feedback .sql { 
	color: #fff; 
	background: #3c5726; 
	background: #272B35 
}

.vs-feedback .error {
	color: #d21300;
	background: #ffeb98 url(icons/error.gif) no-repeat 5px 5px;
}

.vs-feedback .warning {
	color: #fff;
	background: #007dc5 url(icons/warning.gif) no-repeat 5px 5px;
}

.vs-feedback .success:before, .vs-feedback .sql:before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 5px;
	left: 5px;
	background: transparent url(icons/success.gif) no-repeat;
}

.vs-feedback .success {
	color: #fff;
	background: #3c5726;
	background: linear-gradient(to bottom, #3c5726 0%, #1f3b08 100%);
}

.vs-feedback .close { position: absolute; display: block; width: 18px; height: 18px; right: 4px; top: 4px; z-index: 100; padding: 0; }
.vs-feedback .close > a { display: block; width: 18px; height: 18px; color: #666; font-size: 14px; line-height: 18px; font-weight: 700; background: #f9f9f9; border-radius: 8px; text-align: center; box-shadow: 0 0 5px rgba(50, 50, 50, 0.4); }
.vs-feedback .close > a:hover { text-decoration: none; background: #fff; color: #000; }

/* SLICKER - DO NO CHANGE - START */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	user-select: none;
	touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.draggable {
	cursor: pointer;
    cursor: grab;
}
.slick-list.dragging {
    cursor: grabbing;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list {
	background: #fff url('icons/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
	font-family: 'slick';
	font-weight: normal;
	font-style: normal;
    font-display: swap;

	src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff2') format('woff2'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
    font-display: swap;
}
/* Arrows */
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
    transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before,
.slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -25px;
}
[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}
.slick-prev:before {
	content: '←';
}
[dir='rtl'] .slick-prev:before {
	content: '→';
}

.slick-next {
	right: -25px;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}
.slick-next:before {
	content: '→';
}
[dir='rtl'] .slick-next:before {
	content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
    bottom: -25px;
	display: block;
    width: 100%;
	padding: 0;
    margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
    margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-family: 'slick';
    font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
	color: black;
}
/* DO NO CHANGE- END */

/* slicker slideshow */
.slicker {
	position: relative;
	margin: 0 auto;
}

.slicker .prev, .slicker .next {
	position: absolute;
	z-index: 10;
	width: 19px;
	height: inherit;
	top: 40px;
	cursor: pointer;
}

.slicker .prev {
	left: 0;
}

.slicker .next {
	right: 0;
}

.slicker .wrap {
	margin: 0 30px;
}

.slicker .slicker-show {
	position: relative;
	z-index: 1;
	width: 100%;
	height: inherit;
}

.slicker .item {
	position: relative;
	display: inline-block;
	width: 190px;
	height: auto;
	padding: 0;
	text-align: center;
	background: #F9F9F9;
	border: 1px solid #eee;
	vertical-align: top
}

.slick-slide > div {
	padding: 5px;
}

#slicker-container .item {
	border-radius: 10px;
	box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.2);
}

.slick-slide .image {
	padding: 10px 0;
	text-align: center;
	overflow: hidden;
	width: 100%;
	background: #fff;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.slick-slide img {
	margin: 0 auto;
}

.slick-slide .title {
	height: 42px;
	margin: 0 5px 10px;
	height: 3.6rem;
	text-align: center;
	overflow: hidden;
}

.slick-slide .product-a {
	font-size: 11px;
	line-height: 14px;
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 700;
}

.vital-slider .product-a {
	color: #000;
}

.vital-slider .price {
	height: 3.3rem;
}

#top-banner {
	padding-bottom: 30px;
	max-height: 350px;
	overflow: hidden;
}

#top-banner .slick-slider {
	z-index: 1;
	max-height: 350px;
}

#top-banner img {
	max-width: 100%;
	width: auto;
	height: auto !important;
	margin: 0 auto;
	border-radius: 5px;
}

#left-banner img, #right-banner img {
	margin: 10px auto;
}

/* product slider */
.product-slider-container {
	margin-top: 30px;
}

.product-slider-container h2 {
	position: relative;
	font-weight: 400;
	border-bottom: 1px dotted #E8E8E8;
	line-height: 1.2;
	padding-bottom: 5px;
}

.product-slider-container h2:before {
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 3px;
	background: #0076bb;
	bottom: -1px;
}

.product-slider-container .wrap {
	margin: 0 40px;
}

.product-slider {
	width: 100%;
	position: relative;
}

.product-slider-container .prev, .product-slider-container .next {
	position: absolute;
	width: 30px;
	height: 70px;
	top: 50%;
	margin-top: -35px;
	cursor: pointer;
	opacity: 0.7;
	border-radius: 5px;
}

.product-slider-container .prev:hover, .product-slider-container .next:hover {
	opacity: 1;
}

.product-slider-container .prev:hover .arrow, .product-slider-container .next:hover .arrow {
	color: darkred;
}

.product-slider-container .prev {
	left: 0;
}

.product-slider-container .next {
	right: 0;
}

.product-slider-container .arrow {
	height: 40px;
	width: 30px;
	text-align: center;
	font-size: 40px;
	line-height: 40px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	color: #000;
}

.product-slider-container .arrow:hover {
	color: darkred;
}

.product-slider-container > .more-products {
	text-align: center;
	margin-top: 10px;
}

.product-slider-container > .more-products > a {
	display: inline-block;
	padding: 7px 10px;
	border: 1px dotted gray;
	font-size: 1.2rem;
	font-weight: 700;
	color: #000;
}

.slider-product .product-name {
	height: 47px;
	height: 3.6rem;
	margin-bottom: 15px;
	overflow: hidden;
}

.slider-product .prices {
	height: 45px;
	height: 3.3rem;
	text-align: center;
	margin-top: 10px;
}

/* SECONDARY PAGES */
/* shopping cart, order_see_cart */
.table-cart {
	width: 100%;
	margin-bottom: 10px;
}

.table-cart td {
	border: 1px solid #eee;
	background: #fff;
	vertical-align: top;
	font-size: 12px;
}

.table-cart .cart-heading {
	height: 26px;
	color: #fff;
	background: #666;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
}

.table-cart .cart-heading h2 {
	margin: 0;
	padding: 0;
}

.table-cart .img-cell {
	width: 60px;
	text-align: center;
}

.table-cart .name-cell {
	text-align: left;
}

.table-cart .qty-cell, .table-cart .price-cell {
	max-width: 98px;
	text-align: right;
}

.table-cart .button {
	vertical-align: middle;
}

.table-cart .cart-item-name {
	font-weight: 700;
}

.table-cart .cart-product:hover {
	color: #960019;
}

.table-cart .avail-dispatch {
	margin-top: 5px;
}

.table-cart .discount {
	color: #960019;
}

.table-cart tr:nth-child(2n+3) td {
	background: #f9f9f9;
	color: #000;
}

.table-cart .old-price {
	color: #999;
	font-size: 11px;
}

#sendwishlist {
	background: #F9F9F9;
	color: #000;
}

#sendwishlist input {
	vertical-align: middle;
}

#sendwishlist .adresaprieten {
	width: 170px;
	height: 18px;
	font-size: 12px;
	line-height: 16px;
	background: #eee;
	border: 1px solid #ccc;
}

.holiday {
	color: red;
	text-align: justify;
	font-weight: 700;
}

#percent-gift-coupon {
	text-align: center;
	padding-top: 20px;
	clear: both;
}

#percent-gift-coupon .error {
	text-align: center;
}

#submit-coupon {
	vertical-align: middle;
}

#gift-coupon {
	width: 130px;
	vertical-align: middle;
}

#eSendOrder {
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 0px;
	margin-top: 30px;
	overflow: hidden;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
	background: #f9f9f9;
}

#eSendOrder .head {
	border-radius: 8px 8px 0 0;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	padding: 10px 20px;
	background: #000;
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
}

#eSendOrder .eClientOldOrNew {
	padding: 20px 20px 0;
}

#eClientDeliveryData, #eClientLogin {
	margin: 20px;
}

#eCompanyData, #eClientLogin {
	display: none;
}

#noJS {
	margin: 20px 20px 0;
	color: red;
	font-size: 14px;
}

#eSendOrder .section {
	margin: 20px 0 0;
}

#eSendOrder .section-header {
	background: #666;
}

#eSendOrder .section-content {
	padding: 10px;
}

#eSendOrder .eLabel {
	font-weight: 700;
}

#eSendOrder label, #eSendOrder input[type="radio"], #eSendOrder input[type="checkbox"] {
	vertical-align: middle;
	font-size: 1em;
}

#eDeliveryMethod td, #ePaymentMethod td {
	padding: 4px;
	vertical-align: top;
}

#eSendOrder .error {
	margin: 5px 0 10px;
}

.delivery-desc {
	color: #000;
}

#eSendOrder .delivery-cost {
	color: green;
	font-weight: 700;
	margin: 5px 0;
}

#ePaymentMethod .inactive-payment {
	color: #999;
}

#eSendOrder .client-notes {
	width: 99%;
	height: 60px;
}

#eSendOrder .old-price {
	color: #87C607;
}

#eSendOrder td {
	padding: 3px;
}

#billing-suggest-place, #delivery-suggest-place {
	display: none;
	width: 220px;
	max-height: 200px;
	padding: 2px;
	overflow: auto;
	position: relative;
	background: #F0F0EE;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.suggested-place {
	line-height: 2;
	display: block;
	padding-left: 3px;
}

.suggested-place:hover {
	background: #14171A;
	color: #fff;
}

#billing-suggest-place > .header, #delivery-suggest-place > .header {
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
}

#billing-suggest-place > .close, #delivery-suggest-place > .close {
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	right: 4px;
	top: 4px;
	z-index: 100;
	padding: 0;
}

#billing-suggest-place > .close > a, #delivery-suggest-place > .close > a {
	display: block;
	width: 18px;
	height: 18px;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	background: #f9f9f9;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.4);
}

#billing-suggest-place > .close > a:hover, #delivery-suggest-place > .close > a:hover {
	text-decoration: none;
	background: #fff;
	color: #000;
}

#another-delivery-address {
	margin-top: 10px;
}

.flex-form .cell {
	width: 250px;
	float: left;
	margin-bottom: 20px;
}

.flex-form .cell > label, .flex-form .mini > label {
	display: block;
	color: #000;
	font-size: 1em;
	line-height: 2;
}

.flex-form .mini {
	width: 40px;
	float: left;
	margin-right: 10px;
}

.cart-total .continue {
	float: left;
}

.cart-total .total {
	float: right;
	font-size: 1.5em;
	font-weight: 700;
}

.agreement-to-policies { clear: both; }
.agreement-to-policies .a-policy { font-weight: 700; text-decoration: underline; line-height: 1.5; }

#eClientDeliveryData .agreement-to-policies { text-align: center; margin: 20px 0; }

.submit-order {
	font-size: 1.3em;
	padding: 1em;
	min-width: 32%;
	background: linear-gradient(to bottom, #009df8 0%, #007dc5 100%);
	color: #fff;
	border-radius: 10px;
}

#selected-locker-name {
	font-weight: 700;
	font-size: 1.15em;
	color: #d21000;
	margin: 20px 0 5px
}

@media (max-width : 800px) {
	.submit-order {
		width: 100%;
		box-sizing: border-box
	}
}

.order-finish-instructions {
	color: red; 
	font-weight: 700;
	margin-bottom: 20px;
}

@media (max-width : 500px) {
	.table-cart td {
		font-size: 12px;
	}
	.table-cart .img-cell {
		width: 36px;
	}
	.table-cart .img-cell img {
		width: 30px;
		height: auto !important;
	}
	.cart-total .total {
		font-size: 1em;
	}
}

.estimated-dispatch {
	font-weight: 700;
}

/* popup products added to cart */
.shopping-cart-item {
	background: #fff;
	border-radius: 5px;
	clear: both;
	margin: 10px 0;
	padding: 10px;
	box-shadow: 1px 1px 2px #BBC6CC;
}

.cart-line-image {
	width: 100px;
	float: left;
}

.cart-line-image img {
	max-width: 100%;
	height: auto;
}
	
.cart-line-main {
	margin-left: 120px;
}

.cart-line-title {
	width: 60%;
	float: left;
}

.cart-availability, .cart-item-availability, .cart-item-dispatch {
	color: green;
	font-size: 11px;
	font-size: 0.85rem;
	line-height: 1.5;
}

.cart-availability {
	margin-top: 10px;
}

.cart-item-dispatch {
	color: gray;
}

.cart-product-delete {
	margin-top: 10px;
}

.cart-line-title .cart-product {
	font-weight: 700;
}

.cart-line-qty-price {
	width: 40%;
	float: left;
}

.cart-line-qty {
	text-align: center;
	width: 40%;
	float: left;
}

.cart-line-price {
	text-align: right;
	width: 60%;
	float: right;
}

.cart-line-price .price-old {
	color: #999;
}

.cart-line-qty-price .prices .price {
	font-size: 1.2rem;
	line-height: 1.2;
}

@media (min-width: 600px) and (max-width: 800px){
	.cart-line-main {
		margin-left: 110px;
	}

	.cart-line-title {
		width: 55%;
	}
	
	.cart-line-qty-price {
		width: 45%;
	}
	
	.cart-line-qty-price .prices .promo-price, .cart-line-qty-price .prices .price {
		font-size: 1rem;
		line-height: 1.2;
	}
}

@media (max-width : 599px) {
	.cart-line-image {
		width: 80px;
	}
	
	.cart-line-main {
		margin-left: 90px;
	}

	.cart-line-title, .cart-line-qty-price, .cart-line-qty, .cart-line-price {
		width: 100%;
		float: none;
		text-align: left;
	}
	
	.cart-line-qty, .cart-line-price {
		margin-top: 10px;
	}
}

.cart-set-top > .cart-line-main {
	margin: 0;
}

.promo-set-title {
	text-transform: uppercase;
	color: green;
}

.promo-set-plus {
	color: red;
}

.cart-set-products {
	margin: 10px 0 0;
	border: 2px solid #386400;
	border-radius: 5px;
	padding: 10px;
	position: relative;
}

.cart-set-products:after, .cart-set-products:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	display: block;
	pointer-events: none;
}

.cart-set-products:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: -12px;
	left: 60px;
}

.cart-set-products:before {
	border-color: rgba(0, 125, 197, 0);
	border-bottom-color: #007dc5;
	border-width: 16px;
	margin-left: -16px;
	left: 60px;
}

.cart-plus-line .cart-line-image {
	text-align: center;
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
}

.cart-line-main > .cart-plus-line {
	position: absolute;
	width: calc(100% - 140px);
	height: 2px;
	background: #ccc;
	top: 50%;
	margin-top: -1px;
}

/* account */
.fieldmandatory {
	color: #000;
	font-size: 1rem;
	font-style: italic;
}

/* wishlists */
a.wishtocart {
	color: #d21300;
	font-size: 11px;
}

a.wishtocart:hover {
	color: #666;
}

/* sitemap */
h3.sitemap {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

ul.sitemap {
	margin: 10px 0 20px 0;
}

/* info page */
#info > .panel {
	background: #E9E9E9;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	border-radius: 10px;
	overflow: hidden;
}

#info .panel-heading > h2 {
	font-size: 16px;
	font-size: 1.2rem;
	line-height: 1;
	margin: 0;
	padding: 0;
}

#info .page-title {
	display: block;
	position: relative;
	padding: 13px;
	padding: 1rem;
}

#info .page-title:before {
	content: '+';
	display: block;
	position: absolute;
	font-size: 16px;
	font-size: 1.2rem;
	line-height: 1;
	right: 13px;
}

#info .accordion-toggle {
	background: #fff;
	display: none;
	padding: 20px;
}

/* login page */
.client-login {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 20px;
}

.client-login > .section {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	margin: 0;
}

.client-login > .section > .section-content {
	flex: 1 0 auto;
}

@media (max-width: 900px) {
	.client-login {
		grid-template-columns: 1fr;
	}
}

.author-books {
	line-height: 1.5;
}

@media (max-width : 800px) {
	.author-books {
		line-height: 2;
	}
}

/* newsletter */
.nbs1 {
	padding-left: 20px;
}

.nbs2 {
	padding-left: 40px;
}

.nbs3 {
	padding-left: 60px;
}

.nbs4 {
	padding-left: 80px;
}

.nbs5 {
	padding-left: 100px;
}

/* partners page */
.table-partner {
	margin-bottom: 20px;
	width: 100%;
}

.table-partner .desc {
	text-align: justify;
}

/* faq page */
a.topquestion {
	color: blue;
	line-height: 2;
}

/* authors */
a.anchorletter {
	font-weight: 700;
	font-size: 16px;
	color: #d21000;
}

.book-author > a {
	line-height: 2;
}

a.author {
	color: #d60100;
	font-size: 13px;
	font-weight: 700;
}

a.publishedbooks {
	color: black;
}

a.publishedbooks:hover {
	color: #d21300;
}

/* order history */
.order-history-table {
	border: 1px solid #060;
}

.th-order-history {
	font-size: 10px;
	color: #fff;
	background-color: #666;
	font-weight: 700;
}

.tr-order-history {
	background-color: #EEFAF8;
}

.tr-order-history:hover {
	background-color: #FFF;
	cursor: pointer;
}

.order-history-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
	gap: 30px 10px;
}

.history-order { 
	margin-bottom: 20px;
	line-height: 2
}

.history-order h4 { margin-bottom: 10px }
.history-order .buttons { margin-top: 10px }
.history-order .buttons .vs-button-submit { 
	display: inline-block;
	margin-left: 10px;
}

.order-blue {
	color: #000085;
}

.order-section {
	padding-left: 30px;
	margin-bottom: 20px;
}

.order-tag {
	color: #060;
	font-size: .8125rem;
	font-weight: 700;
	display: inline-block;
	min-width: 200px;
}

.order-heading {
	font-size: 14px;
	font-weight: 700;
	clear: both;
}

#order-body {
	width: 580px;
}

#order-body .order-buyer {
	padding-left: 30px;
	margin-bottom: 10px;
}

@media ( max-width : 599px) {
	.order-section {
		padding-left: 10px;
	}
	.order-tag {
		min-width: 30px;
	}
}

/* blog */
.article-post {
	width: 100%;
	margin-top: 10px;
}

.article-post > .article-image {
	width: 34%;
	float: left;
}

.article-post > .article-image > .article-image-wrap {
	padding-right: 10px;
}

.article-post .article-image img {
	margin-top: 7px;
	max-width: 100%;
	height: auto !important;
}

.article-post > .article-main {
	width: 66%;
	float: left;
}

.article-post .h2 {
	margin: 0 0 18px;
}

.article-post .h2 > a {
	font-size: 24px;
	line-height: 28px;
}

.article-post .article-summary {
	margin-bottom: 18px;
}

.article-buttons {
	margin-top: 20px;
}

.article-meta {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1;
	color: #000;
	text-align: left;
}

#article .article-meta {
	margin-bottom: 20px;
}

.article-meta > li > a, #no-of-reviews {
	color: #000;
}

.article-meta > li {
	padding: 2px 22px;
	float: left;
	margin: 0 0 10px;
}

.article-meta > .date {
	background: transparent url(sprite3.png) no-repeat -117px -220px;
}

.article-meta > .comments {
	background: transparent url(sprite3.png) no-repeat -117px -254px;
}

.article-meta > .author {
	background: transparent url(sprite3.png) no-repeat -117px -285px;
}

.article-meta > .see-more {
	background: transparent url(sprite3.png) no-repeat -117px -315px;
}

.category-tag {
	height: 20px;
	position: relative;
	background: #999;
	padding: 0 8px 0 6px;
	float: right;
	margin: 3px 0 5px 20px;
	font-size: 11px;
	line-height: 15px;
}

.category-tag > a {
	font-size: 11px;
	line-height: 19px;
	color: #fff;
}

.category-tag > a:hover {
	text-decoration: none;
}

.category-tag:after {
	content: '';
	display: block;
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #999 transparent transparent;
	z-index: 10;
}

.category-tag:hover {
	background: #BF3C2B;
}

.category-tag:hover:after {
	border-color: transparent #BF3C2B transparent transparent;
}

.share {
	margin-top: 0;
}

.share-article {
	float: right;
}

.article-footer {
	margin-top: 20px;
}

@media ( max-width : 599px) {
	.share-article {
		float: left;
		margin-bottom: 10px;
	}
}

.share > span {
	display: inline-block;
	margin-right: 3px;
	line-height: 12px;
	color: #000;
}

.share-icon {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin: 0 10px 10px 0;
	vertical-align: middle;
}

.facebook-icon {
	background: transparent url(sprite3.png) no-repeat -55px -430px;
}

.google-plus-icon {
	background: transparent url(sprite3.png) no-repeat -55px -470px;
}

.twitter-icon {
	background: transparent url(sprite3.png) no-repeat -55px -510px;
}

.share > a:last-child {
	margin-right: 0;
}

.articles-desc {
	margin-bottom: 15px;
	text-align: justify;
	line-height: 1.5;
}

.publisher-logo {
	float: right;
}

#fb-root {
	margin: 20px 0;
}

@media (max-width: 400px){
	.article-footer .left {
		float: none;
	}
	
	.publisher-logo {
		float: none;
		margin: 20px 0;
	}
}

@media (max-width: 500px){
	.article-post > .article-image {
		width: 100%;
		float: none;
		margin-bottom: 10px;
		text-align: center;
	}
	
	.article-post > .article-main {
		width: 100%;
		float: none;
	}
}

.search-box {
	width: 100%;
	height: 36px;
	position: relative;
	margin-bottom: 20px;
}

.search-box .inner {
	width: 90%;
	width: calc(100% - 36px);
	height: 100%;
	float: left;
	background: #f9f9f9;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow: hidden;
}

.search-box .search {
	width: 100%;
	height: 34px;
	padding: 0 5px;
	font-size: 14px;
	line-height: 34px;
	background: #f9f9f9;
	color: #000;
	border: none;
	outline: none;
}

.search-box .search-button-wrap {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 0;
	right: 0;
}

.search-box button {
	border-radius: 0;
	box-shadow: none;
}

.search-box .search-btn {
	display: block;
	width: 36px;
	height: 36px;
	float: right;
	padding: 0;
	background: #BF3C2B;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
}

.search-box .search-btn:hover {
	background: #271971;
}

.search-box .magnifier {
	background: transparent url("sprite3.png") no-repeat scroll -85px -90px;
	display: block;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 11px;
	left: 11px;
}

#blog-gallery {
	max-width: 800px;
	position: relative;
	margin: 20px 0;
	padding: 15px;
	background: #1A1A1A;
	clear: both;
}

#blog-gallery .slick-slider {
	width: 100%;
}

#blog-gallery .slick-slide img {
	display: block;
	max-width: 100%;
	height: auto !important;
	margin: auto;
}

#prev-slide, #next-slide {
	width: 56px;
	height: 56px;
	position: absolute;
	top: 50%;
	margin-top: -28px;
	font-size: 46px;
	line-height: 52px;
	color: #111;
	text-align: center;
	background: #ccc;
	opacity: 0.2;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	cursor: pointer;
	z-index: 1000;
}

#prev-slide {
	left: 30px;
}

#next-slide {
	right: 30px;
}

#prev-slide:hover, #next-slide:hover {
	background: #666;
	opacity: 1;
	color: #fff;
}

/* article */
#article {
	max-width: 800px;
	background: #fff;
	margin: 0 auto;
	font-family: pt serif, pelatino, georgia, arial, serif;
}

#top-banner + #article { margin-top: 20px; }

#article .products {
	line-height: 1.2;
}

#article .product-a {
	color: #000;
	font-weight: 700;
}

#article .supplier-a { 
	color: #666; 
}

#article-aggregate-rating {
	width: auto;
	min-width: 69px;
	height: 13px;
	margin: 0 20px 0 0;
	float: left;
}

#article-aggregate-rating img {
	vertical-align: middle;
	float: left;
	margin-right: 5px;
}

#article-contents {
	text-align: justify;
	background: #fff;
	width: 100%;
	font-size: 18px;
	line-height: 1.5;
}

#article-contents > div:nth-of-type(n+2),
#article-contents > p:nth-of-type(n+2),
blockquote > p:nth-of-type(n+2),
.article-summary > div:nth-of-type(n+2),
.article-summary > p:nth-of-type(n+2) {
	margin-top: 15px;
}

.article-body table {
	width: 100%;
	max-width: 800px;
	margin: 10px auto;
}

.article-body tr:first-child td {
	background: #666;
	color: #fff;
	font-weight: 700;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

.article-body tr:nth-child(2) td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}

.article-body tr:nth-child(n+3) td {
	border: 1px solid #eee;
}

.article-body tr:nth-child(2n+3) td {
	background: #F9F9F9;
}

.article-body td {
	min-width: 20px;
	padding: 3px;
}

#article-contents .custom-table tr:first-child td, #html-editor .custom-table tr:first-child td {
	background: #BF3C2B;
	color: #fff;
	font-weight: 700;
	border-top: 1px solid #BF3C2B;
	border-left: 1px solid #BF3C2B;
	border-right: 1px solid #BF3C2B;
}

#article-contents a {
	color: #BF3E2D;
}

#article-contents > .bibliography {
	margin-top: 20px;
	font-size: 1rem;
}

#article-contents > .bibliography a {
	color: #000;
	font-size: 1rem;
}

.img-left {
	float: left;
	margin: 10px 20px 10px 0;
}

.img-right {
	float: right;
	margin: 10px 0 10px 20px;
}

.img-center {
	display: block;
	margin: 20px auto;
}

.num-list li {
	margin-bottom: 20px;	
}

@media (max-width: 800px)
{
	#article-contents img {
		max-width: 100%;
		height: auto !important;
	}
}

@media (max-width: 480px)
{
	.img-left, .img-center, .img-right {
		float: none;
		display: block;
		margin: 15px auto;
	}
}

#article-contents h3, #product-description h3 {
	margin: 20px 0 10px;
}

.post-meta {
	margin: 10px 0 20px;
	color: #000;
}

.post-meta a {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	font-weight: 700;
}

.post-meta .tag {
	display: inline-block;
	width: 19px;
	height: 18px;
	margin-right: 5px;
	vertical-align: middle;
}

.post-meta .category {
	background: transparent url(sprite3.png) no-repeat -85px -189px;
}

.post-meta .keywords {
	margin-left: 20px;
	background: transparent url(sprite3.png) no-repeat -110px -190px;
}

.file-format {
	color: #000;
	font-style: italic;
}

#article-contents .cta {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.75em 1em;
	min-width: 30%;
	background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
	color: #fff !important;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	border-radius: 10px;
	margin: 20px auto;
	display: inline-block;
	text-align: center;
}

#article-contents .cta:hover {
	background: #cc0000;
}

/* grid form */
.grid-form {
	display: block;
	margin: -10px;
	position: relative
}

.grid-form > .grid-form-cell {
	display: inline-block;
	width: 295px;
	margin: 10px;
}

.address-components > .grid-form-cell {
	display: inline-block;
	width: 45px;
	margin: 0 10px 10px 0
}

.grid-form > .grid-form-cell-full {
	margin: 10px
}

.grid-form .grid-form-label {
	display: block;
	min-height: 28px
}

.grid-form label {
	font-size: 1.1rem;
	line-height: 28px;
	font-weight: 700;
	vertical-align: middle
}

.grid-form input[type="text"], 
.grid-form input[type="password"], 
.grid-form select, 
.grid-form textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 123.076923%;
	font-weight: 400;
	line-height: 1;
	border: 1px solid #666;
	padding: 3px;
	border-radius: 3px;
	outline: none
}

.grid-form input[type="text"], 
.grid-form input[type="password"], 
.grid-form select {
	background: #fff;
	height: 40px;
	padding: 0 10px;
	border-radius: 5px;
}

.grid-form input[type="text"]:hover, 
.grid-form input[type="password"]:hover, 
.grid-form select:hover,
.grid-form textarea:hover {
	border-color: #000;
}

.grid-form input[type="text"]:focus-visible, 
.grid-form input[type="password"]:focus-visible, 
.grid-form select:focus-visible,
.grid-form textarea:focus-visible {
	outline: 1px solid grey;
}

.grid-form textarea {
	background: #fff;
	line-height: 1.2;
	padding: 5px 10px;
}

.grid-form input.highlight, 
.grid-form select.highlight, 
.grid-form textarea.highlight {
	border: 1px solid red
}

.grid-form .fullwidth {
	width: 100%;
	background: #fff
}

.grid-form .grid-textarea {
	width: 100%;
	height: 86px
}

.grid-form select.street-type {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	height: 26px	
}

.grid-form .vs-button-submit {
	width: 100%;
	height: 50px;
	border-radius: 25px;
	font-size: 1.25rem;
	line-height: 1;
	padding: 0 1em;
}

.grid-form-subscribe .vs-button-submit {
	height: 40px;
	border-radius: 5px;
}

.buying-intentions {
	vertical-align: middle
}

@supports (display: grid){
	.grid-form > .grid-form-cell,
	.grid-form > .grid-form-cell-full,
	.grid-form > .grid-form-cell > .grid-form-cell
	{
		margin: 0;
		width: auto
	}
	
	.grid-form {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 20px;
		margin: 0 0 20px 0
	}
	
	.grid-form > .grid-form-cell {
		display: flex;
		flex-direction: column;
	}

	.grid-form > .address-components {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
		gap: 10px
	}

	.grid-form .grid-form-cell-full {
		grid-column: 1/-1
	}
	
	.grid-form-new-account {
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	}
	
	.grid-form-subscribe {
		grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
		padding: 10px;
	}
}

/* form section */
.form-section {
	margin-bottom: 40px;
}

.form-section h2 {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 700;
	position: relative;
	margin-bottom: 20px;
	border-bottom: 1px dotted #E8E8E8;	
}

.form-section h2::before{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background: #BF3C2B;
	bottom: -1px;
}

.radio-group {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.radio-group-row .radio-group-input {
	display: inline-block;
	width: 26px;
	vertical-align: top;
	align-self: start;
}

.radio-group-row .radio-group-label {
	display: inline-block;
	align-self: center;
}

@supports (display: grid) {
	.radio-group-row {
		display: grid;
		grid-template-columns: 20px 1fr;
		gap: 10px;
	}	
}

/* portofoliu */
#portfolio > .flex-grid > li{
	background: #fff
}

.site {
	background: #fff;
}

.site > .photo {
	padding: 20px 10px;
	text-align: center;
	flex: 1 0 auto
}

.site > .photo > a > img{
	margin: 0 auto;
}

.site > .title {
	background: #F9F9F9;
	padding: 10px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	text-align: left;
	font-size: 1.2em;
	flex: 1 0 auto
}

.site > .title > a{
	font-weight: bold;
	color: #d21300;	
}

.site > .desc{
	padding: 10px;
	text-align: justify;
	background: #fff;
}

/* OLD STUFF */
.prod_grid_price {
	color: #999;
}

/* advanced search */
.advanced-search-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	margin-bottom: 20px
}

.advanced-search-grid .form-cell {
	width: 100%
}

.advanced-search-grid .form-cell > div:first-child {
	margin-bottom: 7px
}

/* article page */
.articol-a {
	color: #d60100;
	font-size: 13px;
	font-weight: 700;
}

.articol-a:hover {
	color: #000;
}

.articol-table {
	width: 550px;
	border: 1px solid #d8d8d8;
	background: #fafafa;
	margin-bottom: 10px;
}

.articol-table td {
	padding: 10px;
}

.articol-d {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 125%;
	text-align: justify;
	clear: both;
}

.read-more-a {
	color: #333 !important;
	font-style: italic;
}

/* jquery ui */
.ui-datepicker-trigger { cursor: pointer; vertical-align: top; margin-left: 2px; }

.shop-policies { 
	display: none; 
	position: fixed; 
	bottom: 0; 
	left: 0; 
	background: #000; 
	z-index: 20000; 
	color: #fff; 
	width: 100%; 
}
.shop-policies > .policies-wrap { 
	max-width: 1240px; 
	margin: 0 auto;
	padding: 20px; 
	font-size: 16px; 
	line-height: 24px;
	font-family: georgia, serif;
}
.shop-policies .policies-table { display: table; }
.shop-policies .policies-row { display: table-row; }
.shop-policies .content { display: table-cell; }
.shop-policies .policy-buttons { 
	display: table-cell; 
	width: 200px; 
	text-align: right; 
	vertical-align: middle; 
}
.shop-policies .content > a { 
	text-decoration: underline; 
	color: #fff; 
}
.js-accept-policies { 
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	color: #fff; 
	background: #E64500; 
	border: 2px solid #fff; 
	padding: 10px; 
	cursor: pointer;
	border-radius: 10px;
}

.js-accept-policies:hover { 
	background: darkred;
	color: #fff;
}

.shop-policies .js-change-gdpr-settings {
	display: block;
	width: 100%;
	margin-top: 20px;
	background: transparent;
	color: #fff;
	text-decoration: underline;
	text-align: right;
	cursor: pointer;
}

@media (max-width: 800px){
	.shop-policies .policies-table { display: block; }
	.shop-policies .policies-row { display: block; }
	.shop-policies .content { display: block; }
	.shop-policies .policy-buttons { 
		display: block; 
		width: 100%; 
		text-align: center; 
		padding-top: 20px; 
	}
	.shop-policies .js-change-gdpr-settings {
		text-align: center;
	}
}

#gdpr-overlay, .gdpr {
	display: none;
	position: fixed;
	width: 100%;
	max-width: 800px;
	height: 100%;
	max-height: 800px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 20002;
}

#gdpr-overlay {
	z-index: 20001;
	max-height: 100%;
	max-width: 100%;
	background: #000;
	opacity: 0.7;
}

.gdpr .header {
	position: absolute;
	width: 100%;
	height: 50px;
	background: #fff;
}

.gdpr > .header > h2 {
	font-size: 30px;
	line-height: 1;
	margin: 20px 40px 0 20px;
}

.gdpr .body {
	position: absolute;
	top: 50px;
	height: calc(100% - 110px);
	width: 100%;
	overflow: auto;
}

.gdpr .content {
	margin: 20px;
}

.gdpr .footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
}

.btn-gdpr {
	font-size: 16px;
	line-height: 1.3;
	color: #fff;
	padding: .85rem 1rem;
	border-radius: 7px;
	cursor: pointer;
}

.btn-accept-gdpr {
	background: #28a745;
	border-color: #28a745;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.btn-accept-gdpr:hover {
	background: #218838;
	border-color: #218838;
	color: #fff;
}

.btn-save-gdpr {
	background: #6c757d;
	border-color: #6c757d;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-save-gdpr:hover{
	background: #5a6268;
	border-color: #5a6268;
	color: #fff;
}

.field-info.question-leg-in {
	display: inline-block;
	float: none;
	margin: 0 10px;
}

@media (max-width: 800px){
	.gdpr .header {
		height: 70px;
	}

	.gdpr .body {
		top: 70px;
		height: calc(100% - 150px);
	}

	.gdpr > .header > h2 {
		font-size: 20px;
		font-weight: 700;
	}
}

.ing-transferring {
	line-height: 2;
	font-size: 20px;
}

.anpc-icons {
	display: grid;
	grid-template-columns: repeat(auto-fit, 250px);
	gap: 10px;
	justify-content: center;
	margin: 20px auto
}

.thank-you {
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.4rem;
}

.thank-you > div:nth-of-type(n+2), .thank-you > p:nth-of-type(n+2) {
	margin-top: 10px;
}

.thank-you > .bigger {
	font-size: 1.5rem;
	line-height: 1.7rem;
}

.order-more { line-height: 1.5 }