@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-display: optional;
	font-weight: 300;
	src: url(/skin/s2/fonts/openSans/opensans-light.woff2) format('woff2'), url(/skin/s2/fonts/openSans/opensans-light.woff) format('woff')
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-display: optional;
	font-weight: 400;
	src: url(/skin/s2/fonts/openSans/opensans-regular.woff2) format('woff2'), url(/skin/s2/fonts/openSans/opensans-regular.woff) format('woff')
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-display: optional;
	font-weight: 700;
	src: url(/skin/s2/fonts/openSans/opensans-bold.woff2) format('woff2'), url(/skin/s2/fonts/openSans/opensans-bold.woff) format('woff')
}

@font-face {
	font-family: 'Signika';
	font-style: normal;
	font-display: optional;
	font-weight: 400;
	src: url(/skin/s2/fonts/signika-v11-latin-regular.woff2) format('woff2'), url(/skin/s2/fonts/signika-v11-latin-regular.woff) format('woff')
}

.
/* vim: set ts=2 sw=2 sts=2 et: */
/**
 * Books and magazines CSS stylesheet
 *
 * @category    X-Cart
 * @package     X-Cart
 * @subpackage  CSS
 * @author      Ruslan R. Fazlyev <rrf@x-cart.com>
 * @version     $Id: altskin.css,v 1.1.2.12 2012/06/19 11:10:17 aim Exp $
 * @link        http://www.x-cart.com/
 * @see         ____file_see____
 */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;

	font: inherit;
	vertical-align: baseline;
}


h1 {
	font-size: 40px;
	margin-bottom: 20px;
	font-weight: 300;
	line-height: 1.1;
	margin-top: 0rem;
	color: #333333;
}

h2 {
	font-family: Nunito, Arial, sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	color: #222;
}

h3 {
	font-family: Nunito, Arial, sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
	color: #444;
}

b,
i,
strong {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

.italic {
	font-style: italic;
}

.f-left,
.fl {
	float: left;
}

.f-right,
.fr {
	float: right;
}

.center {
	margin: 0 auto;
}

.clear {
	clear: both;
}

html,
body {
	/* background: #fbfbfb;*/
	/*background: -webkit-linear-gradient(top, #fbfbfb 0%,#fbfbfb 100%);*/
}

html {
	background-color: #fff;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	height: 100%;
	margin: 0;
	min-width: 320px;
	padding: 0;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
}

body {
	margin: 0;
	cursor: default;
	padding: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}

body,
input,
select,
textarea,
button {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 1em;
	line-height: 22px;
	font-weight: 400;
	font-style: normal;
}

input,
select {
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	padding: 0px;
	margin: 2px;
	border: 1px solid #bbb;
	float: left;
	box-sizing: content-box;
	-ms-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

input {
	padding: 0px 0px 0px 5px;
}

input[type="text"],
select,
textarea {
	padding: 0px 0px 0px 5px;
	width: 200px;
}

input[type="radio"],
input[type="checkbox"] {
	border: none;
}

textarea {
	margin: 3px;
	border: 1px solid #ddd;
	float: left;
}

label {
	width: 130px;
	display: block;
	float: left;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #1a5cb8;
}

a:hover {
	color: #0095d5;
}

#page-container {
	min-height: 100px;
	width: 100%;
	max-width: 128rem;
	margin: 0px auto;
}

#content-container-main  {
	padding-bottom: 0px;
	margin-top: 0px !important;
}

#content-container2-main  {
	padding-top: 0 !important;
	padding-bottom: 10px;
}

#center-main,
.fancycat-page-subskin-c #center-main {
	width: auto;
}

#top-bar {
	width: 932px;
	float: left;
	/*top: 126px;*/
	/*border-left: 2px solid #7c0626;
	border-right: 2px solid #7c0626;
	border-bottom: 2px solid #7c0626;*/
	/*border-left: 2px solid #1a5cb8;
	border-right: 2px solid #1a5cb8;
	border-bottom: 2px solid #1a5cb8;*/
	position: relative;
	padding: 0px;
	padding-left: 35px;
	background: white;
	line-height: 14px;
}

#top-bar #whyusbstick {
	padding: 2px;
}

#top-bar #whyusbstick h2 {
	font-size: 0px;
}

#top-bar #whyusbstick ul {
	list-style: none;
	margin-left: 5px;
	padding-left: 5px;
	font-size: 12px;
	margin-top: 0px;
}

#top-bar #whyusbstick li {
	float: left;
	margin-right: 49px;
	/*color: #727272;*/
	color: #1fb25a;
}

.bg-full{
	position: relative;
}

.bg-full:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX( -50%);
	height: 100%;
	width: 100vw;
	background: #f5f5f5;
  }

.notfound {
	width: 100%;
	height: 400px;
	float: left;
	background: url(/skin/common_files/images/404.jpg)
}

#catmenu {
	margin-bottom: 0;
}

#catmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
}

#catmenu li {
	text-align: center;
	box-sizing: border-box;
	min-width: 0;
}

#catmenu li a,
#catmenu li a:visited {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 12px 8px !important;
	border-radius: 8px;
	background: #f9f9f9;
	text-decoration: none;
	color: #333;
	font-size: 1.2rem;
	font-weight: 600;
	transition: background 0.15s, transform 0.12s, box-shadow 0.15s;
	box-sizing: border-box;
	height: 100%;
	word-break: break-word;
	hyphens: auto;
}

#catmenu li a:hover {
	background: #eaeaf5 !important;
	color: #00007D !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,80,0.08);
}

#catmenu img {
	width: 80px;
	height: 60px;
	object-fit: contain;
	border-radius: 6px;
	display: block;
	margin: 0 auto;
	mix-blend-mode: multiply;
}

#catmenu div {
	width: 100%;
	text-align: center;
	margin-top: 0;
}

#left-bar,
.fancycat-page-subskin-c #left-bar {
	margin-left: 29px;
	top: 19px;
	width: 190px;
}

#header {
	height: 119px;
	/*background: #ffffff url('../images/custom/headbg.gif') top repeat-x;
  border-bottom: #e1dbd8 1px solid;*/
	z-index: 8000;
}

.header-right .top {
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 15px;
	position: relative;
	z-index: 2;
}

.header-right .top a {
	width: 100%;
	height: 100%;
	display: inline-block;
	text-decoration: none;
}

.header-right .top .circle-wrapper {
	float: left;
	width: 73px;
}

.header-right .top .outer-circle {
	height: 50px;
	width: 50px;
	text-align: center;
	float: left;
	margin-left: 12px;
	background: url(/skin/s2/images/kiyoh-round-only.png) center center no-repeat;
	background-size: contain;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-right .top .inner-circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.header-right .top .inner-circle>span {
	font-size: 17px;
	font-weight: 700;
	color: #333;
	line-height: 1;
	white-space: nowrap;
}

.header-right .top .inner-circle>span>span {
	font-size: 12px;
	font-weight: normal;
	vertical-align: super;
}

.header-right .top .ratingWrapper {
	right: 10px;
	left: 100px;
	margin-right: 0;
	clear: right;
	margin-top: 4px;
	margin-bottom: 5px;
}

.header-right .top .ratingWrapper>.textual {
	font-family: Arial;
	font-size: 13px;
	text-align: right;
	margin: 0px 0 0px;
	font-weight: bold;
	color: #555555;
}

.header-right .top .ratingWrapper>.rating {
	background: url(/skin/s2/images/kiyoh-stars2.png) #c9c9c9;
	height: 15px;
	width: 80px;
	margin: 0px auto;
	margin-left: 98px;
	margin-top: 10px;
}

.header-right .top .ratingWrapper>.rating>.ratingOverlay {
	background: url(/skin/s2/images/kiyoh-stars2.png) #f8c541;
	height: 15px;
	width: 94%;
}

footer {
	background-color: #00007D;
	color: #ffffff;
}

#footer {
	background: #00007D;
	vertical-align: top;
	bottom: 0;
	margin: 0 auto;
	position: relative;
	color: white;
	display: grid;
	grid-template-columns: 1fr 100px;
	padding: 10px 50px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
}
#mobilefilter {
display:none;
}
.mobile {
	display: none;
}
	.links {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
	}
	.links .linkcat {
		background:white;
		padding:10px;
	}

#header .line1 {
	height: 75px;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 0px;
}

#header .line1 .line1_container {
	position: relative;
	width: 960px;
	height: 75px;
}

#header .line1 .logo {
	margin-left: 0px;
	padding-top: 20px;
	padding-left: 25px;
	width: 400px;
}

#header .line1 .logo a img {
	width: 455px;
	height: 65px;
}

#header .line1 .logo a {
	text-decoration: none;
}

#header .line1 .logo span.t1 {
	font-size: 3.4em;
	font-family: Minion;
	font-weight: 900;
	color: #3e3e3e;

}

#header .line1 .logo span.t2 {
	display: block;
	color: #727272;
	font-size: 1.3em;
	padding: 5px;
	padding-left: 15px;
	font-family: Antiqua;
	line-height: 11px;
}


#header .line1-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 351px;
	text-align: right;

}

#header .line2 .tabs2 {
	height: 45px;
	width: 100%;
}

#header .line2 .tabs2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header .line2 .tabs2 li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	/*background: #1a5cb8;*/
	/*background: transparent url(../images/custom/tab4.gif) no-repeat right top;*/
	padding: 0px 40px 0px 40px;
	height: 49px;
}

#header .line2 .tabs2 li.last {
	background: none transparent;
	padding-right: 0px;
}

#header .line2 .tabs2 a {
	display: block;
	margin: 0 0px 0 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	/*color: #ffffff;*/
	color: #807979;
	text-decoration: none;
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	outline-style: none;
	font-family: Georgia;
}

#header .line2 .tabs2 a:hover {
	color: #b1b1b1;
}

.banners .banner1 img {
	float: left;
	width: 49%;
}

.banners .banner2 img {
	float: right;
	width: 49%;
}

.phones {
	vertical-align: middle;
	line-height: 42px;
	color: #aeb09f;
	font-family: Georgia;
	font-style: Italic;
	text-align: right;
	white-space: nowrap;
	font-size: 18px;
}

.phone {
	font-family: Arial;
	font-style: normal;
	color: #5c5e50;
	font-size: 18px;
}

#header .line2 {
	width: 100%;
	border: none;
	/*background: url(../images/custom/tab3.gif) repeat-x top;*/
	height: 45px;
	position: absolute;
	top: 75px;
	left: 0px;
}

#header .line2 div,
#header .line2 span {
	color: #333333;
}

#header .line2 a {
	color: #333333;
}

#header div.search {
	position: absolute;
	left: auto;
	top: 40px;
	right: 0;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	width: 353px;
	border: #b5b0ac 1px solid;
	padding: 2px;
}

#header input.text {
	border: none;
	width: 308px;
	color: #afafaf;
	font-size: 13px;
	font-family: 'Georgia';
	font-style: Italic;
	padding-left: 10px;
	line-height: 19px;
}

#header .languages {
	position: relative;
	top: auto;
	right: auto;
	text-align: right;
	vertical-align: middle;
	padding-left: 19px;
}


div.reviews_index {
	margin-left: 5%;
	position: relative;
}

div.reviews_index .top .outer-circle {
	height: 84px;
	width: 83px;
	text-align: center;
	float: left;
	margin-left: 12px;
	background: url(/skin/s2/images/logo/round-only.png) center center no-repeat;
	background-size: contain;
}

div.reviews_index #widget {
	position: relative;
	float: left;
	max-width: 600px;
	max-height: 600px;
	background: white;
}

div.reviews_index #widget .top {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
	position: relative;
	z-index: 2;
}

div.reviews_index #widget .top .circle-wrapper {
	float: left;
	width: 124px;
}

div.reviews_index #widget .top .outer-circle {
	height: 84px;
	width: 83px;
	text-align: center;
	float: left;
	margin-left: 12px;
	background: url(/skin/s2/images/kiyoh-round-only.png) center center no-repeat;
	background-size: contain;
}

div.reviews_index div#widget .top .inner-circle {
	height: 51px;
	width: 39px;
	margin: 27px auto 0;
}

div.reviews_index div#widget .top .inner-circle>span {
	font-size: 36px;
	color: #444445;
	margin: 0 auto;
	display: block;
	padding-top: 5%;
	font-weight: 700;
}

div.reviews_index div#widget .top .inner-circle>span>span {
	font-size: 18px;
	font-weight: normal;
	float: right;
	display: block;
	margin: -4px 0 0 0;
}

div.reviews_index div#widget .top .ratingWrapper {
	clear: right;
	margin-right: 0px;
	margin-top: 0;
	margin-bottom: 5px;
	width: auto;
	position: absolute;
	top: 0;
	left: 124px;
	right: 10px;
	bottom: 0;
	color: #000;
}

div.reviews_index div#widget .top .ratingWrapper>.textual {
	font-family: Arial;
	font-size: 16px;
	text-align: right;
	margin: 14px 0 12px;
}

div.reviews_index div#widget .top .ratingWrapper>.rating {
	background: url(/skin/s2/images/kiyoh-stars.png) #727272;
	height: 30px;
	width: 160px;
	margin: 0px auto;
	float: right;
}

div.reviews_index div#widget .top .ratingWrapper>.rating>.ratingOverlay {
	background: url(/skin/s2/images/kiyoh-stars.png) #f8c541;
	height: 30px;
	width: 94%;
}

div.reviews_index div#widget .bottom {
	float: left;
	width: 100%;
	height: 38px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: #1a5cb8;
	text-align: center;
	display: inline-block;
}

div.reviews_index div#widget .bottom>p {
	line-height: 38px;
	color: #FFFFFF;
	margin: 0;
	font-weight: bold;
	font-size: 24px;
}

div.reviews_index .textWrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 110px 0 50px 0;
	height: auto;
}

div.reviews_index div#widget .text {
	z-index: 1;
	width: 95%;
	height: 100%;
	clear: both;
	background: #fff;
	padding: 10px 28px;
	position: relative;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 1px 1px #e2e2e2;
	-moz-box-shadow: 0 0 1px 1px #e2e2e2;
	box-shadow: 0 0 1px 1px #e2e2e2;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div.reviews_index div#widget .text.first .arrow {
	background: url(/skin/s2/images/kiyoh-arrows-be.png) -41px -43px no-repeat;
	position: absolute;
	z-index: 99;
	height: 14px;
	width: 20px;
	right: 45px;
	top: -14px;
}

div.reviews_index div#widget .text .main {
	overflow: hidden;
	height: 75%;
	float: left;
	display: inline-block;
	position: relative;
	font-size: 14px;
	color: #898888;
}

div.reviews_index div#widget .text .notes {
	left: 30px;
	right: 12px;
	position: absolute;
	bottom: 12px;
	font-size: 13px;
	text-decoration: none;
	color: #9a9999;
}

div.reviews_index div#widget .text .notes span.right {
	display: block;
	float: left;
	max-width: 79%;
}

div.reviews_index div#widget .text .notes span.left {
	display: block;
	float: right;
	text-align: right;
	margin-top: 3px;
	text-decoration: none;
	color: #1a5cb8;
}

div.reviews_index .box-sizing {
	box-sizing: border-box;
}

div.reviews_index div#overlay {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 600px;
	max-height: 600px;
	z-index: 500;
	background: none;
	border: 0;
}

div.reviews_index div#overlay,
div.reviews_index div#overlay>a,
div.reviews_index div#widget {
	min-width: 130px;
	width: 100%;
	min-height: 97px;
	height: 100%;
}

div.reviews_index div#overlay>a {
	display: block;
	max-width: 600px;
	max-height: 600px;
	border: 0px;
	z-index: 505;
	background: #FFF;
	opacity: 0;
	zoom: 1;
	filter: alpha(opacity=0);
}

/* --- Nieuwe reviews widget (reviews.tpl) --- */
div.reviews_index {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin: 0;
	padding: 8px 0;
}

div.reviews_index .kiyoh-side {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: inherit;
	min-width: 90px;
	flex-shrink: 0;
}

div.reviews_index .kiyoh-side .outer-circle {
	width: 80px;
	height: 80px;
	background: url(/skin/s2/images/kiyoh-round-only.png) center center no-repeat;
	background-size: contain;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.reviews_index .kiyoh-side .inner-circle {
	display: flex;
	align-items: center;
	justify-content: center;
}

div.reviews_index .kiyoh-side .inner-circle > span {
	font-size: 28px;
	font-weight: 700;
	color: #333;
	line-height: 1;
}

div.reviews_index .kiyoh-side .inner-circle > span > span {
	font-size: 16px;
	font-weight: normal;
	vertical-align: super;
}

div.reviews_index .kiyoh-count {
	font-size: 13px;
	font-weight: 700;
	color: #333;
	margin-top: 6px;
	text-align: center;
}

div.reviews_index .kiyoh-label {
	font-size: 11px;
	color: #666;
	text-align: center;
}

div.reviews_index .kiyoh-stars {
	color: #f8c541;
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 2px;
}

div.reviews_index .reviews-side {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

div.reviews_index .review-item {
	background: #f5f7fa;
	border-left: 3px solid #00007D;
	border-radius: 0 6px 6px 0;
	padding: 10px 14px;
}

div.reviews_index .review-item .quote {
	display: block;
	font-size: 13px;
	color: #444;
	font-style: italic;
	margin-bottom: 6px;
	line-height: 1.5;
}

div.reviews_index .review-item .stars {
	display: inline-flex;
	gap: 2px;
	margin-bottom: 4px;
}

div.reviews_index .review-item .star {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #ddd;
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

div.reviews_index .review-item .star.on {
	background: #f8c541;
}

div.reviews_index .review-item .reviewinfo {
	display: block;
	font-size: 12px;
	color: #888;
}

.footer-nav {
	color: white;
	font-family: Nunito, Helvetica, Arial, Sans-serif;
}

.footer-socialmedia ul {
	list-style: none;
	display: flex;
	gap: 16px;
}


.footer-nav a,
.footer-nav a:link,
.footer-nav a:visited {
	color: white;
	padding: 0;
	text-decoration: none;
	line-height: 4rem;
}


#footer .subbox {
	border-top: none;
	width: 960px;
	margin: 0px auto;
	background: #ffffff;
	color: #667d92;
	height: auto;
	vertical-align: middle;
	padding: 0;
	position: relative;
	padding-top: 20px;
}

#footer .subbox .left {
	background: transparent none;
	position: relative;
	left: auto;
	top: auto;
	line-height: 40px;
	vertical-align: middle;
}

#footer .subbox a {
	color: #1a5cb8;
	text-decoration: none;
}

#location {
	min-height: 26px;
	line-height: 26px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #333333;

}


font.bread-crumb,
#location .last-bread-crumb {
	color: #939494;
}

a.bread-crumb {
	color: #55799d;
}


#location span.sep {
	padding: 0 10px;
	background: url('../images/custom/location.gif') no-repeat center;
}

.menu-dialog {
	border: none;
}

.menu-dialog .title-bar {
	width: 100%;
	background: none;
	border: 0 none;
	border-bottom: #e3e4dc 1px solid;
	height: 34px;
	overflow: hidden;
	color: #717171;
	font-style: Italic;
	font-family: Georgia;
}

.menu-dialog .title-bar h2 {
	font-size: 24px;
	color: #717171;
	line-height: 34px;
	font-weight: normal;
	height: 34px;
	margin: 0;
	padding: 0;
	width: auto;
}

.menu-dialog .item {
	color: #333333;
	font-size: 14px;
}

.menu-dialog ul li a {
	font-size: 14px;
}

.dialog {
	border: none;
}

.dialog .title {
	position: relative;
	background: none;
	color: #858585;
	font-weight: normal;
	font-size: 24px;
	border: 0 none;
	vertical-align: middle;
	height: 44px;
	line-height: 44px;
	margin: 0;
	padding: 0 0 0 0px;
	text-align: left;
	overflow: hidden;
	font-style: Italic;
	font-family: Georgia;
}

.dialog-category-products-list .title {
	height: 4px;
}

.dialog .title h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
	overflow: hidden;
	white-space: nowrap;
}

.dialog .content {
	border: 0 none;
	background: transparent none;
	text-align: left;
	/*padding: 10px 0px 0px 0px;*/
	color: #333333;
}

button.button {
	height: 33px;
}

button.button .button-right {
	padding: 0 14px 0 0;
	height: 31px;
}

button.button .button-left {
	background: orange;
	display: block;
	margin: 0;
	padding: 0 5px 0 20px;
	vertical-align: middle;
	white-space: nowrap;
	font-family: arial, helvetica, sans-serif;
	color: #935a33;
	font-weight: normal;
	font-size: 14px;
	height: 32px;
	line-height: 31px;
}

button.main-button.added-to-cart-button .button-left {
	background: transparent url(../images/custom/but_main_check_left.png) no-repeat left top;
	padding-left: 35px;
}

div.button {
	border: 0 none;
	background: transparent none;
	cursor: pointer;
	margin: 0;
	padding: 0 15px 0 0;
	white-space: nowrap;
	background: transparent url(../images/custom/but_right.png) no-repeat right top;
	float: left;
}

div.button div,
div.button a {
	display: block;
	background: transparent url(../images/custom/but_left.png) no-repeat left top;
	padding: 0 5px 0 20px;
	line-height: 31px;
	white-space: nowrap;
	font-family: arial, helvetica, sans-serif;
	color: #935a33;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	outline-style: none;
}

input.search-button {
	margin: 0 !important;
	padding: 0;
	border: 0 none;

	background: transparent url(../images/custom/is1.gif) 0 -1508px;
	width: 24px;
	height: 27px;
}

no-repeat left top;
vertical-align: middle;
}

button.light-button {
	height: 28px;
}

button.light-button .button-right {
	height: 26px;
	background: transparent url(../images/custom/but_light_right.gif) no-repeat right top;
}

button.light-button .button-left {
	height: 27px;
	line-height: 26px;
	background: transparent url(../images/custom/but_light_left.gif) no-repeat left top;
	color: #925a33;
	font-size: 12px;
}

div.light-button {
	background: transparent url(../images/custom/but_light_right.gif) no-repeat right top;
}

div.light-button div,
div.light-button a {
	color: #925a33;
	font-size: 12px;
	line-height: 26px;
	background: transparent url(../images/custom/but_light_left.gif) no-repeat left top;
}

button.do-add2cart-wait .button-left .progress {
	background: transparent url(../../common_files/images/progress.gif) repeat-x left 9px;
}

.search-sort-title {
	padding-right: 20px;
	color: #000000;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
}

a.search-sort-link {
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
}

#layout_container h3 {
	color: #333;
	font-size: 1.1em;
	border:none;
}

.menu-categories-list ul li {
	padding: 5px 0 5px 10px;
	background: transparent url(../images/custom/bottom1.gif) repeat-x bottom;
}

.menu-categories-list ul li a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.menu-categories-list ul li a:hover {
	text-decoration: underline;
}

div.minicart {
	color: #333333;
	font-size: 14px;
}

.minicart-box {
	display: none;
	position: absolute;
	left: auto;
	right: -20px;
	top: 31px;
	width: 350px;
	padding: 0px;
	border: 1px solid #e1dbd8;
	background: #fff none;
	white-space: normal;
	z-index: 2500;
	font-weight: normal;
	font-size: 14px;
}

.minicart-box2 {
	border: 8px solid #eae8e7;
	padding: 17px;
	text-align: left;
}

.minicart-box ul li {
	padding: 7px 0px 7px 0px;
}

.minicart-box ul li a.delete {
	padding-left: 0px;
}

.minicart-box .checkout-popup-link a.link {
	padding: 4px 0 4px 0px;
}

.minicart-box ul li a.delete img {
	background: transparent url(../images/custom/delete_cart.gif) no-repeat left 4px;
	width: 26px;
	height: 21px;
}

.minicart-box .buttons-row {
	margin-top: 5px;
	margin-left: 5px;
	height: 30px;
}

.product-details {
	width: 100%;
	margin: 20px 0;

}

#product-tabs-main .product-details{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.product-detail-row {
	display: flex;
	align-items: baseline;
	padding: 7px 0;
	border-bottom: 1px solid #f0f0f0;
}

.product-detail-row:last-child {
	border-bottom: none;
}

.product-detail-label {
	flex: 0 0 140px;
	font-weight: 600;
	font-size: 12px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	padding-right: 12px;
}

.product-detail-value {
	flex: 1;
	font-size: 13px;
	color: #222;
}

.fast-delivery {
	color: #d9534f;
	font-weight: bold;
}

.product-social-share {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e0e0e0;
}

.product-details .details .save-percent-container {
	width: 99px;
	height: 50px;
}

.product-details .details .save {
	float: left;
	padding-left: 0px;
	width: 99px;
	height: 47px;
	padding-top: 5px;
	color: #d8560b;
	font-size: 20px;
	font-weight: bold;
	font-family: Georgia;
	text-align: center;
	background: transparent url(../images/custom/save_money.gif) no-repeat left top;
	text-transform: lowercase;
}

.product-details .leftcol {
	width: 46%;
	float: left;
	margin: 10px 0px;
	display: grid;
	grid-template-columns: 1fr 100px;
	background: white;
	border-radius: 15px;
}

.product-details .rightcol ul {
	list-style: none;
	padding: 0;
	margin: 0px 0px 10px 0px;
	text-align: center;
}

.product-details .rightcol {
	width: 53%;
	float: left;
	padding-left: 1%;
	margin-top: 10px;
}

.product-details #descr p {
	margin-top: 5px;
	margin-bottom: 1px;
}

p {
	margin-block-end: 1em;
}

.subcategory-descr a:link,
.subcategory-descr a:visited,
.subcategory-descr a:active {
	text-decoration: underline;
}

.subcategory-descr a:hover {
	color: #1a5cb8;
}


#product-tabs-container {
	margin-bottom: 10px;
	border-radius: 15px;
}

table.product-properties {
	width: 79%;
	margin-top: 15px;
}

table.product-properties tr td {
	padding: 4px;
}

table.save_table {
	border-collapse: collapse;
	width: 100%;
}

table.save_table tr td {
	padding: 4px 0;
}

table.product-properties .property-name2,
.fontstyle2 {
	color: #858585;
	font-size: 12px;
	/*font-style: Italic;
  font-family: Georgia;*/
	font-weight: bold;
}

table.product-properties .product-price-value {
	color: #ff6600;
	font-weight: normal;
	font-family: arial;
	font-size: 30px;
	white-space: nowrap;
}

.product-price{
	text-align:left;
}

.products {
	margin: 15px 0px 0 0;
}

.products .product-title,
.product-details .product-title {
	text-decoration: none;
}

.products .price-value {
	font-weight: normal;
	font-size: 24px;
	color: #b13f21;
}

.products-table,
#contentcolumn {
	filter: inherit;
	opacity: inherit;
}

.products-table .product-cell {
	border: 1px solid #ebebeb;
	border-radius: 10px;
	overflow: hidden;
	transition: border-color 0.15s;
	box-sizing: border-box;
}

.products-table .product-cell:hover {
	border-color: #b0b0b0;
	box-shadow: none;
}

.products-table tr.separator td {
	height: 20px;
}

.register-section-title label {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

body.payment-wait {
	background: #ffffff;
}

.error-page #header {
	height: 136px;
}

.error-page #content-container-main {
	margin-top: 156px;
}

.error-page #content-container3 {
	width: 944px;
}

.error-page #page-container {
	min-height: 100px;
}

.error-page #header .line2 {
	height: 45px;
}

.error-page #header .logo {
	margin-left: 0px;
}

.error-page #center-main {
	text-align: center;
	margin: 10px;
}

.error-page #header .line1-right,
.error-page #header .line1 .tabs,
.error-page #header .line1 .phones,
.error-page #header .line2,
.error-page #header .line2 .languages,
.error-page #left-bar,
.error-page #right-bar,
.error-page #location {
	display: none;
}

.printable #content-container-main  {
	margin-top: 145px;
}

.printable #page-container {
	min-height: 100px;
}

.printable #header {
	position: relative;
	height: 135px;
}

.printable #footer {
	display: none;
}

.printable .head-main {
	height: 135px;
}

.printable #header .line1-right {
	display: none;
}

.uo-container #content-container-main  {
	padding-bottom: 0px;
}

.uo-container #footer {
	height: auto;
}

.uo-box {
	background: #cccccc;
	margin-bottom: 15px;
	padding-left: 15px;
	text-align: center;
}

div.checkout-container {
	width: 1004px !important;
}

.checkout-container #header .line1-right,
.checkout-container #header .line2 {
	display: none;
}

.checkout-container #header {
	height: 136px;
}

.checkout-container #center-main {
	text-align: left;
	padding: 15px 5px;
}

div.checkout-1-button {
	background: transparent url(../images/custom/but_right.png) no-repeat right top;
}

div.checkout-1-button div,
div.checkout-1-button a:link,
div.checkout-1-button a:visited,
div.checkout-1-button a:hover,
div.checkout-1-button a:active {
	background: transparent url(../images/custom/but_left.png) no-repeat left top;
	line-height: 31px;
	color: #935a33;
	font-weight: normal;
	font-size: 14px;
}

div.checkout-buttons div.checkout-3-button,
.minicart-box .minicart-checkout-button {
	background: transparent url(../images/custom/but_main_right.png) no-repeat right top;
	padding-right: 15px;
}

div.checkout-3-button div,
div.checkout-3-button a:link,
div.checkout-3-button a:visited,
div.checkout-3-button a:hover,
div.checkout-3-button a:active,
.minicart-box div.minicart-checkout-button a:link,
.minicart-box div.minicart-checkout-button a:visited,
.minicart-box div.minicart-checkout-button a:hover,
.minicart-box div.minicart-checkout-button a:active {
	background: transparent url(../images/custom/but_main_left.png) no-repeat left top;
	line-height: 31px;
	color: #ffffff;
	font-weight: normal;
	font-size: 14px;
}

.checkout-top-login {
	display: none;
}

.head-main {
	position: relative;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 139px;
}

.headbg {
	background: url('../images/custom/head3.gif') top repeat-x;
	vertical-align: top;
}

.head-links {
	margin-top: 10px;
}

.head-links td {
	padding: 13px 15px 0px 15px;
	white-space: nowrap;
	color: white;
}

.head-links a {
	text-decoration: none;
	padding-left: 10px;
}

.head-links a:link,
.head-links a:visited,
.head-links a:hover,
.head-links a:active {
	color: #f1efed;
	font-style: italic;
	font-family: Georgia;
	font-size: 14px;
}

.minicart-block img.ajax-minicart-icon {
	margin: 0px;
	width: 67px;
	height: 55px;
	z-index: 2501;
	position: absolute;
	top: 0px;
	left: 0px;
}

.minicart-block img.full {
	background-image: url(../images/custom/head4.gif);
}

.minicart-block img.empty {
	background-image: url(../images/custom/head4.gif);
}

.ajax-minicart img.minicart-button {
	cursor: pointer;
}

.minicart-total-num {
	color: #858585;
	font-style: italic;
	font-family: Georgia;
	font-size: 24px;
	margin-bottom: 15px;
}

a.minicart-lnk:link,
a.minicart-lnk:visited,
a.minicart-lnk:hover,
a.minicart-lnk:active {
	color: #1a5cb8;
	font-family: Georgia;
	font-size: 14px;
}

.headbg2 {
	/*background: url('../images/custom/tab3.gif') top repeat-x;*/
	/*background: #1a5cb8;*/
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

.bottom-title {
	color: #858585;
	font-style: italic;
	font-family: Georgia;
	font-size: 24px;
	margin-bottom: 15px;
}

.bottom-line {
	background: url('../images/custom/bottom1.gif') top repeat-x;
	height: 1px;
	margin: 15px 0px;
}

#copyright {
	background: white;
	color: #8c8c8c;
	font: 400 14px/1.35 Signika, Helvetica Neue, Verdana, Arial, sans-serif;
	line-height: 40px;
	padding: 3px 0px;
}

#copyright ul {
	display: flex;
	list-style: none;
	justify-content: center;
}

#copyright ul li {
	margin: 0px 6px;
}

.bottom-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-auto-flow: column;

}

.imgborder {
	padding: 6px;
	margin: 0px auto;
}

.simple-products-tip {
	border: #c8bdb8 1px solid;
	padding: 10px;
}

.search-box {
	height: 20px;
	line-height: 20px;
}

.top-username {
	color: #bdac9c;
	font-style: Italic;
	font-family: Georgia;
	font-size: 14px;
	text-align: right;
}

.instock {
	color: #4a9517;
	font-weight: bold;
	font-size: 18px;
}

.outofstock {
	color: #c90000;
	font-weight: bold;
	font-size: 18px;
}

.cart-num {
	position: absolute;
	top: 20px;
	text-align: center;
	right: 24px;
	width: 20px;
	height: 20px;
	color: #ae6244;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	z-index: 2502;
}

.left-td {
	width: 250px;
	padding-right: 39px;
	vertical-align: top;
}

.you-save {
	color: #ff6600;
	text-transform: lowercase;
	white-space: nowrap;
}

.dpimages-popup-link a:link,
.dpimages-popup-link a:visited,
.dpimages-popup-link a:hover,
.dpimages-popup-link a:active {
	padding: 0;
	background: none;
}

#right-bar {
	display: none;
}

.price-value {
	color: #b13f21;
	font-weight: bold;
	font-size: 12px;
}

#center-main{
	margin:0!important;
	background: #ffffff;
	padding: 0 0 16px 0;
	overflow: visible;
}

div.opc-container #center-main {
	text-align: left;
	width: 970px;
	margin: 0 auto;
}

.fancycat-icons-e ul {
	width: 237px;
}

.fancycat-icons-e ul li {
	padding: 5px 0;
	background: transparent url(../images/custom/bottom1.gif) repeat-x bottom;
}

.fancycat-icons-e ul li ul li {
	padding: 2px 0;
	background: #ffffff;
}

.fancycat-icons-e li ul {
	display: none;
	position: absolute;
	top: 4px;
	left: 226px;
	background: white none;
	border: 1px solid #d3d3d3;
	margin: 0;
	padding: 5px 6px 5px 5px;
}

.fancycat-icons-e ul li a:link,
.fancycat-icons-e ul li a:visited,
.fancycat-icons-e ul li a:hover,
.fancycat-icons-e ul li a:active {
	color: #1a5cb8;
}

/* root level */
.fancycat-icons-e ul li a:link,
.fancycat-icons-e ul li a:visited,
.fancycat-icons-e ul li a:hover,
.fancycat-icons-e ul li a:active {
	font-weight: bold;
	font-size: 14px;
}

.fancycat-icons-e ul li ul li a:link,
.fancycat-icons-e ul li ul li a:visited,
.fancycat-icons-e ul li ul li a:hover,
.fancycat-icons-e ul li ul li a:active {
	font-weight: normal;
	font-size: 12px;
}

button.main-button .button-right {
	background: none !important;
}

button.main-button .button-left {
	color: #ffffff;
}

div.main-button {
	background: transparent url(../images/custom/but_main_right.png) no-repeat right top;
}

div.main-button div,
div.main-button a {
	background: transparent url(../images/custom/but_main_left.png) no-repeat left top;
	color: #ffffff;
}

.buttons-row-right,
.buttons-row {
	height: 33px;
}

.button-row,
.button-row-right {
	height: 33px;
	line-height: 33px;
}

.fancycat-icons-c ul li a:link,
.fancycat-icons-c ul li a:visited,
.fancycat-icons-c ul li a:hover,
.fancycat-icons-c ul li a:active {
	color: #1a5cb8;
	font-size: 14px;
}

.fancycat-icons-c li a.arrow:link,
.fancycat-icons-c li a.arrow:visited,
.fancycat-icons-c li a.arrow:hover,
.fancycat-icons-c li a.arrow:active {
	top: 7px;
}

a.simple-button {
	line-height: 22px;
}

a.simple-delete-button {
	color: #800;
	background: transparent url(../../common_files/images/delete_cross.gif) no-repeat left 12px;
	padding-left: 13px;
}

div.coupon-info p {
	font-size: 11px;
}

table.cart-content tr td {
	font-size: 11px;
}

div.optional-label label {
	font-size: 12px;
}

table.product-properties .product-market-price {
	font-weight: normal;
}

img.separator {
	background: #e3e4dc;
}

.ui-datepicker {
	display: none;
}

#dialog-message {
	position: fixed;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	width: 520px;
	max-width: calc(100vw - 32px);
	z-index: 10000000;
	font-family: inherit;
}
#dialog-message .box {
	position: relative;
	border: none;
	border-radius: 10px;
	padding: 14px 44px 14px 52px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.14);
	font-size: 14px;
	line-height: 1.5;
	min-height: 0;
	background-color: #fff;
}
#dialog-message .message-i {
	color: #0d3d0d;
	background-color: #edfaed;
	border-left: 4px solid #1f8c14;
}
#dialog-message .message-i::before {
	content: '✓';
	color: #1f8c14;
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
}
#dialog-message .message-e {
	color: #5c0a0a;
	background-color: #fff5f5;
	border-left: 4px solid #dc2626;
}
#dialog-message .message-e::before {
	content: '✕';
	color: #dc2626;
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
}
#dialog-message a.close-link {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(0,0,0,0.06);
	text-decoration: none;
}
#dialog-message a.close-link::after {
	content: '✕';
	font-size: 12px;
	color: #555;
}
#dialog-message .close-img { display: none; }

div.dropout-box {
	margin-top: 32px;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	background: white;
	color: #525252;
	font-weight:bold;
}

.ui-tabs-nav li.ui-tabs-selected a {
	border-bottom: 3px solid #1a5cb8 !important;
}

.ui-tabs-nav li a:hover {
	border-bottom: 3px solid #1a5cb8 !important;

}

.ui-tabs .ui-tabs-panel {
	border-width: 0px;
}



.ui-tabs .ui-tabs-nav {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;

}

.ui-tabs .ui-tabs-nav li {
	border-radius: 8px 8px 0px 0px;
	border: none;
	border-bottom: 0px;
}

/**
 * Address book 
 */
li.address-box {
	margin-bottom: 25px;
	margin-right: 20px;
	min-height: 230px;
}

.address-main {
	min-height: 200px;
}

.address-main .new-address-label {
	padding-top: 70px;
}

/**
 * Slidebox
 */

/*
#slidebox{
	position:relative; 
}
#slidebox, #slidebox .content{
	width:660px;
}
#slidebox, #slidebox .container, #slidebox .content{
	height:240px;
}
#slidebox{overflow:hidden;}
#slidebox .container{position:relative; left:0;}
#slidebox .content{
	float:left;
}
#slidebox .content div{
	padding:15px 28px; height:100%; font-family:Verdana, Geneva, sans-serif; font-size:13px;
}
#slidebox .next, #slidebox .previous{
	position:absolute; z-index:2; display:block; width:21px; height:21px;
}
#slidebox .next{
	right:0; margin-right:10px; background:url(slidebox_next.png) no-repeat left top;
}
#slidebox .next:hover{
	background:url(slidebox_next_hover.png) no-repeat left top;
}
#slidebox .previous{
	margin-left:10px; background:url(slidebox_previous.png) no-repeat left top;
}
#slidebox .previous:hover{
	background:url(slidebox_previous_hover.png) no-repeat left top;
}
#slidebox .thumbs{
	position:absolute; z-index:2; bottom:10px; right:10px;
}
#slidebox .thumbs .thumb{
	display:block; 
	margin-left:5px; 
	float:left; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:9px; 
	text-decoration:none; 
	padding:2px 4px; 
	background:#F3F3F3; 
	color:#111;
}
#slidebox .thumbs .thumb:hover{
	background:#fff; 
	color:#000;
}
#slidebox .selected_thumb{
	background:#9b0207; 
	color:white; 
	display:block; 
	margin-left:5px; 
	float:left; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:9px; 
	text-decoration:none; 
	padding:2px 4px;
}
*/

/**
 * Why usbstick
 */

#whyusbstick {
	padding: 2px;
}

#whyusbstick h2 {
	font-size: 16px;
}

#whyusbstick ul {
	list-style: none;
	margin-left: 5px;
	padding-left: 5px;
	font-size: 12px;
}

/**
  * Topproducts
  */
#topproducts {
	clear: both;
	border: 2px solid #e3e4dc;
	margin-bottom: 10px;
}

#topproducts hr {
	display: none;
}

/*
#topproducts div{
	width: 113px;
	height: 100px;
	float: left;
	margin: 5px;
	border: 5px solid #eee;
}

#topproducts img{
	width: 90px;
	height: 90px;
}

#topproducts span{
	text-align: center;
	vertical-align: middle;
	display:block;
}

#topproducts a{
	width: 100%;
	height: 100%;
	text-decoration: none;
	display:block;
}
*/

/**
 * Link container
 */
#link_container div {
	width: 33%;
	float: left;
	margin-top: 15px;
}

#link_container ul {
	list-style: none;
	padding-left: 5px;
	text-decoration: none;
}

#link_container h3 a {
	text-decoration: none;
	color: #858585;
}

#link_container ul a {
	text-decoration: none;
	font-size: 1.4rem;
}

#link_container a.all {
	font-weight: bold;
}

.themes .message {
	float: left;
	width: 316px;
	margin: 5px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	margin-bottom: 10px;
	background: #1a5cb8;
}

.themes .message:hover {
	background: #732E4A;
}

.themes .message a {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.themes .message a:link,
.themes .message a:visited,
.themes .message a:hover,
.themes .message a:active {
	color: white;
}

.themes .tmb {
	width: 175px;
	height: 80px;
}

.themes img {
	max-width: 90%;
	max-height: 90%;
}

#theme h1 {
	margin-bottom: 5px;
}

#theme .col1 {
	width: 25%;
	float: left;
}

#theme .col1 img {
	max-width: 100%;
}

#theme .col2 {
	width: 73%;
	float: left;
	margin-left: 2%;
}
#theme #productlist{
	grid-template-columns: 1fr 1fr 1fr 1fr;
	width:99%;
	padding:0px;
}
.news-list2{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 15px;
}

.news-footer{
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-self: flex-end;
	margin-top: 20px;
}

.news-content{
	max-height: 250px;
	height: 250px;
	overflow: hidden;
}

.news-list .readmorelink{
	background:#1a5cb8;
	color:white;
	padding:5px 12px;
	border-radius: 15px;
	text-align: center;
	white-space: nowrap;
	align-self: center;
	justify-self: end;
}
.news-list .readmorelink a{
	color:white;
	white-space: nowrap;
}
.news-list .readmorelink:hover{
	background:#28801f;
}

.news-list .news-date{
	margin-top:0px;
}

.news-list .message2{
	border: 1px solid #eee;
	padding:10px;
	position:relative;
	padding-bottom: 20px;
	background:white;
	border-radius:8px;
	display: flex;
	flex-direction: column;
}
.news-list .message2 h2{
	font-size:1.1em;
	font-weight:600;
}
.news-list .message2 strong{
	font-weight:400;
}
.news-list .message2 h2{
	font-weight:400;
}
.news-list .message2 img{
	height:150px;
}

#news-message{
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-column-gap: 10px;
	background: white;
	padding: 10px;
	border-radius: 15px;
}

#news-message .news-columns{
	display: grid;
	grid-template-columns: 1fr 4fr;
	grid-column-gap: 10px;
}
.news-image{
	text-align: center;
}
#news-message .news-columns .newsimage {
	width:100%;
}
#news-message .news-date{
	font-style:italic;
}
#news-message .newsdate{
	font-size:1rem;
	font-style:italic;
	color:grey;
	display:block;
	margin-bottom:10px;
}
#news-message .morenews{
	border: 1px solid #dfdfdf;
	padding: 5px;
	margin-top:100px;

}
#news-message .morenews ul{
	list-style:none;
	padding-left:5px;
}
#news-message .morenews ul li{
	line-height:15px;
}
/**
 * FAQ
 */
.faq a {
	color: #717171;
	text-decoration: none;
}

.faq .message {
	width: 95%;
	margin: 10px;
	padding: 3px;
	background: #F7F7F7;
	border: 1px solid #eee;
}

/**
 * Tags
 */
#searchterms {
	border: 1px solid #DECFC8;
	padding: 5px;
	margin: 5px 0px;
}

#searchterms a {
	color: #858585;
	text-decoration: none;
}

a.tag,
a.tag:active,
a.tag:visited {
	font-size: 1.2em;
}

a.tag2,
a.tag2:active,
a.tag2:visited {
	font-size: 1.4em;
}

a.tag3,
a.tag3:active,
a.tag3:visited {
	font-size: 1.6em;
}

#quoteform a {
	text-decoration: none;
}

/**
 * Product page/category page
 */

.r {
	color: #067C19;
}

.icons {
	z-index: 5;
	position: absolute;
	right: 15px;
	filter: inherit;
	opacity: inherit;

}

.icons img {
	width: 70%;
}

/**
 * Filters
 */
#filterform {
	font-size: 1rem;
}

#filters {
	float: left;
	width: 20%;
	padding-top: 8px;
	padding-right: 16px;
	box-sizing: border-box;
}

#products {
	float: left;
	width: 80%;
	box-sizing: border-box;
}

#cat-heading,
#cat-description {
	margin-left: 0;
}

#filters .title {
	font-size: 13px;
	font-weight: 700;
	color: #444;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0 0 12px;
}

#filters .subtitle {
	display: block;
	padding: 8px 0 6px;
	margin: 12px 0 4px;
	border-top: 1px solid #e8e8e8;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: #666;
}

#filters .filterbox,
#filters .filterbox2 {
	width: 100%;
	margin-bottom: 4px;
}

#filters .filter {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 3px 0;
}

#filters label {
	float: none;
	width: auto;
	flex: 1;
	padding: 0;
	height: auto;
	line-height: 1.4;
	font-size: 13px;
	cursor: pointer;
	color: #333;
	display: flex;
	align-items: center;
	gap: 6px;
}

#filters input[type="checkbox"] {
	float: none;
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	margin: 0;
	accent-color: #3CCB2A;
	cursor: pointer;
}

#filters .filterbox2 label {
	float: none;
	width: auto;
	padding: 0;
	height: auto;
	line-height: 1.4;
	font-size: 13px;
}

#filters .filterbox2 input {
	float: none;
	width: 15px;
}

#filters label.pf {
	width: auto;
	text-align: left;
	padding: 0;
}

#filters input.pf {
	width: 50px;
}

#filters .inactive {
	color: #bbb;
}

#filters .currentcat {
	border-bottom: 1px solid #e8e8e8;
	padding: 0 0 6px;
	margin-bottom: 8px;
}

#filters .filterbox ul { list-style: none; padding: 0; margin: 0; }
#filters .filterbox ul li a {
	font-size: 13px;
	color: #333;
	text-decoration: none;
	display: block;
	padding: 3px 0;
	line-height: 1.4;
}
#filters .filterbox ul li a:hover { color: #1a73e8; }
#filters .filter:hover label { color: #1a73e8; cursor: pointer; }

.menu-categories-list ul li.selectedCat {
	background: #EDEDF3;
}

.colorBox {
	display: inline-block !important;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.18);
	margin-right: 4px;
	margin-bottom: 0;
	vertical-align: middle;
	flex-shrink: 0;
}

.colorBox.white {
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.28);
}

.swatches {
	padding-left: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px;
	margin-top: 4px;
}

.swatches span {
	display: inline-block !important;
}

ul#productlist li .product-info {
	display: none;
}


.black {
	background: black;
}

.red {
	background: #DB0119;
}

.white {
	background: white;
}

.yellow {
	background: #E5EE18;
}

.green {
	background: #48B334;
}

.blue {
	background: #1964E9;
}

.brown {
	background: #4D2E07;
}

.silver {
	background: #A5A5A5;
}

.greent {
	color: green;
	font-weight: bold;
}

#qo_request {
	width: 100%;
}

.twitter-share-button {
	width: 95px !important;
}

table.tbl2,
.tbl2 td,
.tbl2 tr {
	border: 1px solid #D3CFCF;
	border-spacing: 0px;
}

.tbl2 td {
	padding: 3px;
}

#quote_form .product-properties2 .property-name {
	width: 70px;
	padding: 5px;
	font-weight: bold;
}

#quote_form h2 {
	font-size: 14px;
}

#quote_form .part {
	background: white;
}

.product-properties2 .property-value {
	width: 300px;
}

#product-tabs-container {
	width: 70%;
	float: left;
}

#bannercontainer {
	float: none;
	width: 100%;
	margin: 0;
}

#incl-opt {
	display: flex;
	gap: 32px;
	background: #f5f7fa;
	border: 1px solid #e8edf2;
	border-radius: 8px;
	padding: 20px 24px;
	margin: 24px 0;
	color: #222;
	text-align: left;
}

#incl-opt > div {
	flex: 1;
}

#incl-opt ul {
	list-style: none;
	padding: 0;
	margin: 8px 0 0;
}

#incl-opt ul li {
	padding: 3px 0;
	font-size: 13px;
}

#incl-opt ul li::before {
	content: '✓ ';
	color: #1a8610;
	font-weight: 700;
}

#incl-opt a,
#incl-opt a:visited {
	color: #1a5cb8;
}

#incl-opt .fontstyle2 {
	font-size: 1rem;
	font-weight: 700;
	color: #222;
	display: block;
}

hr {
	border: none;
	border-bottom: 0px;
	background: #E3E4DC;
}

.strlink {
	font-size: 1.6rem;
	font-weight: bold;
}

.strlink a {
	color: #1a5cb8;
}

.rpimages-icons-box .image {
	float: left;
	position: relative;
	text-align: center;
	margin-top: 15px;
}

.rpimages-icons-box img {
	margin: auto;
	top: 0;
	bottom: 0;
}

.rpimages-icons-box a {
	display: block;
}

#staffel {
	padding-bottom: 6px;
}

.staffel table {
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.staffel .tr1 {
	font-weight: bold;
}

.staffel span {
	font-size: 11px;
}

.staffel a {
	color: #7c0626;
	text-decoration: none;
	font-weight: bold;
}

#proddet-staffel-readmore-tooltip .even td {
	color: #342E2C;
	background: white;
}

#proddet-staffel-readmore-tooltip .odd td {
	background: #F7F7F7;
}

#proddet-staffel-readmore-tooltip table {
	width: 100%;
}

#proddet-staffel-readmore-tooltip td {
	padding: 3px;
}

#proddet-imagecontainer {
	text-align: center;
	float: left;
	height: 260px;
	padding-top: 20px;
	margin-right: 40px;
	width: 100%;
}

#proddet-imagecontainer .tmb {
	vertical-align: middle;
	margin-bottom: 20px;
	text-align: center;
}

#proddet-imagecontainer .tmbcont {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 290px;
	height: 250px;
	margin-bottom: 40px;
	overflow: hidden;
	text-align: center;
}

.colorbox {
	width: 10px;
	height: 10px;
	margin-top: -17px;
	margin-left: 1px;
	border-radius: 10px;
}

#proddet-img {
	margin: 0px;
	padding: 0px;
	margin-right: 0px;
	width: 90%;
	height:90%;
}

#proddet-img a{
	display: block;
	width:100%;
	height:100%;
}
#proddet-img .tmb{
	display: block;
	width:100%;
	height:100%;
}

#proddet-img img,
.popup_main2 .tmbcont img {
	max-width: 90%;
	width: auto;
	padding: 0px;
	max-height: 90%;
	height: auto;
	margin-left: 10px;
	border-radius: 15px;
}

#proddet-tmbs {
	float: right;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding-top: 5px;
}

.tmb-viewport {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: calc(5 * 68px);
}

#proddet-tmbs ul {
	position: relative;
	top: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

#proddet-tmbs li {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 8px;
	height: 65px;
	flex-shrink: 0;
	overflow: hidden;
}

#proddet-tmbs li:hover {
	border-color: #751d43;
}

#proddet-tmbs li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#proddet-tmbs li img {
	max-height: 80px;
	max-width: 90%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.tmb-arrow {
	background: none;
	border: 1px solid #ddd;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	color: #555;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: border-color 0.15s, color 0.15s;
	visibility: hidden;
}

.tmb-arrow:hover {
	border-color: #751d43;
	color: #751d43;
}

.tmb-arrow.disabled {
	opacity: 0.3;
	cursor: default;
}

.price {
	font-size: 0.8em;
}

.priceold {
	text-decoration: line-through;
	color: red;
}

table.cellsppd {
	border-collapse: collapse;
}

table.cellsppd th,
table.cellsppd td {
	padding: 0;
}

#lt1 {
	background: url(../images/custom/is1.gif) 0 -1583px;
	width: 7px;
	height: 45px
}

#rt1 {
	background: url(../images/custom/is1.gif) 0 -1678px;
	width: 7px;
	height: 45px
}

#lt2 {
	background: url(../images/custom/is1.gif) 0 -273px;
	width: 15px;
	height: 77px
}

#rt2 {
	background: url(../images/custom/is1.gif) 0 -400px;
	width: 9px;
	height: 77px
}

.saleproduct {
	position: absolute;
	background: #1a5cb8;
	color: white;
	padding: 10px;
	font-size: 1.7rem;
	border-radius: 31px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	margin-top: -10px;
	margin-left: -10px;
	right: -15px;
	z-index: 301;
}

#headbanner {
	position: absolute;
	top: 60px;
	left: 400px;
	width: 160px;
	color: white;
	background: #0f7303;
	height: 24px;
	padding: 2px;
}

#headbanner a {
	text-decoration: none;
	color: white;
	width: 100%;
	height: 100%;
}

#headbanner div {
	float: left;
}

#headbanner div.le {
	font-size: 25px;
	line-height: 24px;
	width: 35%;
	margin-left: 3px;
}

#headbanner div.ri {
	width: 63%;
}

#headbanner span {
	padding: 0px;
	margin: 1px;
	display: block;
	line-height: 10px;
	height: 10px;
}

#proddet-description-readmore {
	padding-top: 3px;
	color: #7c0626;
	font-weight: bold;
}

ul.search_cat,
ul.search_extra {
	overflow: hidden;
	background: #FFEDED;
	padding: 15px;
}

ul.theme_cat {
	overflow: hidden;
}

.search_extra li {
	margin-left: 15px;
}

.search_cat li,
.theme_cat li {
	float: left;
	display: inline;
	width: 25%;
	line-height: 18px;
}

.gifts div {
	float: left;
	width: 48%;
	height: 300px;
}

.gifts img {
	height: 150px;
}

.gifts tr>td:first-child {
	color: grey;
}

.giftboxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px;
	align-items: stretch;
}

.giftbox-container2 {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: fit-content;
}

.giftboxes h2 {
	font-size: 14px;
	font-weight: 700;
	color: #555;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
	float: none;
	width: auto;
}

.giftbox-container {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	align-items: stretch;
	flex: 1;
}

.giftbox-container3 {
	display: flex;
	flex-direction: column;
	width: 180px;
	background: white;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	overflow: hidden;
	transition: border-color 0.15s;
	box-sizing: border-box;
}

.giftbox-container3:hover {
	border-color: #b0b0b0;
}

.giftbox-container3 img {
	display: block;
	width: 100%;
	height: 130px;
	object-fit: contain;
	padding: 14px;
	box-sizing: border-box;
	max-width: none;
	max-height: none;
}

.giftbox-container3 h3 {
	font-size: 12px;
	font-weight: 600;
	color: #222;
	margin: 0;
	padding: 0 12px 4px;
	line-height: 1.4;
}

.giftbox-container3 > div {
	padding: 0 12px 12px;
	font-size: 11px;
	color: #888;
	line-height: 1.5;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.giftbox-dims {
	font-size: 11px;
	color: #888;
}

.giftbox-price {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 600;
	color: #333;
}

input#search_string:focus {
	outline: none;
}

.reviewbutton,
.reviewbutton:hover {
	background: #28801f;
	color: white !important;
	padding: 5px 12px;
	border-radius: 4px;
	cursor: pointer;
	text-decoration: none;
}

.reviews .title {
	font-weight: bold;
	font-size: 1.2em;
}

.reviews .date {
	color: grey;
}

.reviews .rating {
	height: 24px;
	width: 100%;
}

.reviews .message {
	font-size: 1.2em;
}

#newreview {
	padding: 28px 32px;
	max-width: 540px;
	box-sizing: border-box;
}

#newreview h3 {
	font-size: 18px;
	font-weight: 700;
	color: #222;
	margin: 0 0 20px;
	padding: 0 0 14px;
	border-bottom: 1px solid #e0e0e0;
}

#newreview table {
	width: 100%;
}

#newreview .formrow {
	display: block;
	float: none;
	width: 100%;
	margin-bottom: 14px;
}

#newreview .formrow label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #555;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	margin-bottom: 5px;
}

#newreview .formrow input[type="text"],
#newreview .formrow textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 8px 10px;
	font-size: 13px;
	color: #222;
	font-family: Nunito, Arial, sans-serif;
}

#newreview .formrow textarea {
	resize: vertical;
	height: 80px;
}

#newreview .formrow input[type="text"]:focus,
#newreview .formrow textarea:focus {
	outline: none;
	border-color: #3CCB2A;
	box-shadow: 0 0 0 2px rgba(60, 203, 42, 0.15);
}

#newreview .formrow .stars {
	display: inline-flex;
	gap: 4px;
	vertical-align: middle;
}

#newreview .legend {
	display: inline-block;
	margin-left: 10px;
	font-size: 13px;
	color: #178a09;
	font-weight: 600;
	vertical-align: middle;
}

#newreview .formrow > span {
	display: block;
	font-size: 12px;
	color: #888;
	margin-top: 5px;
}

.reviews .reviewbutton,
#newreview .reviewbutton {
	background: #28801f;
	border: none;
	border-radius: 5px;
	padding: 10px 24px;
	line-height: 1;
	color: white;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	font-family: Nunito, Arial, sans-serif;
	display: inline-block;
	margin: 4px 0 0;
}

.reviews .reviewbutton:hover,
#newreview .reviewbutton:hover {
	text-decoration: none;
	background: #1f6618;
}

#newreview .adv_button_container {
	float: right;
	margin: 4px;
	width: 120px;
	padding: 4px;
}

#newreview .adv_button_container a,
#newreview .adv_button_container a:link,
#newreview .adv_button_container a:visited,
#newreview .adv_button_container a:active {
	color: white;
}

#newreview a.adv_button {
	display: block;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	margin-left: 5px;
	margin-right: 43px;
	margin-top: 10px;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
	width: 80px;
	float: right;
}

/* Reviews */
.rating_star {
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 2px;
}

.rating_0 {
	background: url(/skin/common_files/images/review/ster0.png) no-repeat;
}

.rating_1 {
	background: url(/skin/images/review/ster1.png) no-repeat;
}

.rating_2 {
	background: url(/skin/common_files/images/review/ster2.png) no-repeat;
}

.rating_3 {
	background: url(/skin/common_files/images/review/ster3.png) no-repeat;
}

.rating_4 {
	background: url(/skin/common_files/images/review/ster4.png) no-repeat;
}

.rating_5 {
	background: url(/skin/common_files/images/review/ster5.png) no-repeat;
}

.formrow{
	width:100%;
	float:left;
	display: grid;
    grid-template-columns: 1fr 1fr;
	grid-column-gap: 3px;
}

.formrow_zipcode{
	display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 2px;
}

.grid{
	display:grid;
}

#quickoffer form .formrow{
	grid-template-columns: 1fr 2fr;
}

.gr1_1_1_1{
	grid-template-columns: 1fr 1fr 1fr 1fr!important;
}

.gr2_1_3{
	grid-template-columns: 2fr 1fr 3fr!important;
}


.gr5{
	grid-template-columns: repeat(5, 1fr)!important;
}

.gr_zipcode{
	grid-template-columns: 3fr 1fr 2fr!important;
}
.gr_1_5{
	grid-template-columns: 1fr 5fr!important;
}
.gr_4_1_1_1_1{
	grid-template-columns: 4fr 1fr 1fr 1fr 1fr!important;
}

.gr_1{
	grid-template-columns: 1fr!important;
}
#newreview label {
	width: auto;
	line-height: normal;
	float: none;
	margin: 0 0 5px;
}

#newreview input[type="text"],
#newreview input[type="email"] {
	width: 100%;
}

#newreview textarea {
	width: 100%;
}

#legend {
	line-height: normal;
	font-size: 13px;
	font-weight: 600;
}

.reviews .rating {
	color: orange;
}

.reviews .dates {
	border-top: 1px solid #decfc8;
}

#productlist {
	list-style: none;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
	padding: 0;
	margin: 0;
}

#productlist .cta-button{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#productlist .cta-button svg circle {
	fill: #1a5cb8;
	stroke: #1a5cb8;
}
#productlist .cta-button svg path {
	stroke: white;
}

#productlist li:hover .cta-button svg circle {
	fill: #3a6a8f !important;
	stroke: #3a6a8f !important;
}
#productlist li:hover .cta-button svg path {
	stroke: white !important;
}


#productlist .productprice {
	text-align: center;
	color: #333;
	font-weight: bold;

}


#reviews .reviewblock {
	float: left;
	width: 70%;
	border: 1px solid grey;
	margin: 0 auto;
	margin-bottom: 10px;
}


.price-display, #productlist span.price-display{
	display:inline-block;
}

.price-currency {
	font-size: 9px;
	font-weight: normal;
	margin-right: -2px;
}

.price-whole {
	font-size: 17px;
	font-weight: bold;
}

.price-sep {
	font-size: 16px;
	font-weight: bold;

}

.price-cents {
	font-size: 9px;
	font-weight: bold;
	vertical-align: super;
	line-height: 0;
}



/********** NEW CSS **********************/

.head-main {
	width: 1351px;
}

#header .line1 {
	margin-left: 187px;

}

#header .line2 .tabs2 {
	margin-left: 187px;
}

#header .line1 .line1_container {
	width: 1150px;
}

.head-main {
	width: 1351px;
}

#top-bar {
	margin-left: 180px;
}

#header .line2 .tabs2 {
	width: 69%
}

body,
input,
select,
textarea,
button {
	line-height: 21px;
}

#top-bar {
	line-height: 14px;
	/*top: 128px;*/
}

#footer .subbox {
	background: #732E4A none repeat scroll 0 0;
	padding: 5px 0 0;
	width: 918px;
}

#footer .subbox a {
	color: #ffffff;
}

.bottom-line {
	margin: 7px 0;
}

#footer .subbox {
	width: 1351px;
}

element.style {
	width: 100%;
}

.bottom-links li {
	font-weight: bold;
	float: left;
	font-size: 14px;
	margin: 4px 24px 5px 3px;
}

.bottom-line {
	display: none;
}

#header div.search {
	border: 1px solid #b5b0ac;
	height: 23px;
	left: -390px;
	line-height: 25px;
	padding: 2px;
	position: absolute;
	right: 427px;
	top: 31px;
	vertical-align: middle;
	width: 345px;
}

#header .line1-right {
	width: 390px;
	text-align: center;
	font-weight: bold;
	text-align: center;
	margin-top: 9px;
	color: black;
	background: url("http://www.stravers.nl/skin1/customer/images/klantenservice_header.jpg") no-repeat scroll left bottom;

}

.klantenservice .left {
	float: left;
	width: 20%;
}

.klantenservice .right {
	float: left;
	width: 80%;
	overflow: hidden;
	box-sizing: border-box;
}

.klantenservice a:link,
.klantenservice a:visited,
.klantenservice a:hover,
.klantenservice a:active {
	color: black;
	font-size: 1.1em;
}


.star {
	width: 2em;
	height: 2em;
	float: left;
	margin-right: 0.2em;
}

.star:before {
	content: "\2605";
	position: absolute;
	color: #BFB8B8;
	font-size: 26px;
}

.star.on:before {
	color: orange;
}

.star.half:after {
	content: '\2605';
	color: orange;
	position: absolute;
	overflow: hidden;
	font-size: 26px;
}

.ratingavg {
	color: orange;
}

.star.half1:after {
	width: 2.2px;
}

.star.half2:after {
	width: 4.4px;
}

.star.half3:after {
	width: 6.6px;
}

.star.half4:after {
	width: 8.8px;
}

.star.half5:after {
	width: 11px;
}

.star.half6:after {
	width: 13.2px;
}

.star.half7:after {
	width: 15.4px;
}

.star.half8:after {
	width: 17.6px;
}

.star.half9:after {
	width: 19.8px;
}

.star.half0:after {
	width: 0em;
}

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

#top-bar #whyusbstick {
	/*margin-top: -146px;*/
}


#cls_rating a {
	color: black;
	font-size: 12px;
	margin-left: -17px;
}

#cls_service a {
	color: #732E4A;
	margin-left: -151px;
}

#cls_number {
	font-weight: bolder;
	margin-left: -130px;
}

#cls_rating {
	height: 16px;
	margin-left: 107px;
	margin-top: 2px;
}

#header .line1 .logo a img {
	height: 100%;
	margin-left: -29px;
	margin-top: 12px;
	width: 66%;
}

#header .line1-right {
	right: 71px;
}

#header .line1-right {
	font-weight: normal;
	text-align: center;
}

/* #header {
	    margin-top: 7px;
	 margin-left: -23px;

} */
#top-bar #whyusbstick {
	/*margin-top: -244%;*/
	margin-top: 13%;
}

.usbstick-bar {
	font-size: 1.3rem;
	line-height: 2.4rem;
	top: 0px;
	background: white;
	z-index: 7000;
	width: 100%;
	height: auto;
	margin-bottom: 0;
	padding-bottom: 0;
}

.usbstick-bar-container {
	max-width: 128rem;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.header {
	height: 110px;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	z-index: 0;
}

.logo {
	margin-left: 0px;
	margin-top: 9px;
	position: relative;
	width: 300px;
}

.logo svg {
	width: 150px;
}

.logo img {
	width: 243px;
	height: auto;
	display: block;
	margin-top: 0 !important;
}

.header-center {
	position: absolute;
	top: 71px;
	transform: translateY(-50%);
	left: 30%;
	width: 40%;
}

.header-right {
	display: none;
}


.toplinks {
	font: 500 13px/1.55 Signika, Helvetica Neue, Verdana, Arial, sans-serif;
	background-color: #00007D;
	color: #ffffff;
	height: 32px;
	line-height: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	padding-left: calc(50vw - 50% + 24px);
	padding-right: calc(50vw - 50% + 24px);
	box-sizing: border-box;
	position: relative;
}

.toplinks:before,
.toplinks:after {
	content: none;
}

.toplinks .whystravers {
	display: flex;
	align-items: center;
	gap: 28px;
}

.toplinks .info{
	text-align: right;
}

.success-icon {
	width: 15px;
	height: 15px;
	display: inline-block;
	flex-shrink: 0;
	background-image: ur\l("data:image/svg+xml,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='29' fill='white'/%3E%3Cpath d='M16 30 L26 42 L46 18' stroke='%2300a9ea' stroke-width='7' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 6px;
}

.toplinks .whystravers span {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.toplinks:before,
.toplinks:after {
	content: none;
}

.toplinks a {
	text-decoration: none;
	color: #ffffff;
	padding-right: 16px;
	display: inline-block;
}

.toplinks-kiyoh a {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #ffffff;
	text-decoration: none;
	padding-right: 0;
}

.toplinks-kiyoh-logo {
	height: 20px;
	width: auto;
	vertical-align: middle;
}

.whystravers .toplinks-kiyoh-score {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	padding-right: 0;
	font-size: 13px;
	line-height: 32px;
}

.whystravers .toplinks-kiyoh-score:hover {
	text-decoration: underline;
}

.kiyoh-star {
	color: #FFD700;
	font-size: 14px;
	line-height: 32px;
}

#searchresult ul {
	list-style: none;
}

.whystravers ul {
	list-style: none;
	margin-left: 25px;
}

.whystravers li {
	float: left;
	padding-right: 45px;
	font-size: 12px;
	color: #939393;
}

.whystravers li:before {
	content: "";
	width: 15px;
	height: 15px;
	background: url(/skin/images/check_icon.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	margin-left: -18px;
	margin-top: 5px;
}



#nav,
#nav::before,
#nav::after {
	content: none;
}

#nav {
	height: 46px;
	overflow: visible;
	line-height: 0;
	font-size: 0;
	position: relative;
}

#navigation {
	background: #f9f9f9;
	color: #333333;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	padding-left: calc(50vw - 50% + 24px);
	padding-right: calc(50vw - 50% + 24px);
	box-sizing: border-box;
	border-top: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 46px;
}

#catnav {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
}

.nav-utility {
	display: flex;
	align-items: center;
	gap: 18px;
	font-size: 12px;
	color: #555555;
	white-space: nowrap;
}

.nav-usp {
	display: flex;
	align-items: center;
	gap: 5px;
}

.nav-phone {
	color: #1a5cb8;
	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
	margin-left: 6px;
	border-left: 1px solid #e0e0e0;
	padding-left: 14px;
}

#catnav li.active {
	color: #1a5cb8;
}

#catnav li {
	height: 46px;
	text-align: center;
	background: transparent;
	color: #333333;
	font-size: 12px;
	font-weight: 700;
	line-height: 46px;
}

#catnav .lidiv .catmenu2 {
	min-height: 30px;
}

#catnav .lidiv .catmenu2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

#catnav .lidiv .catmenu2 li {
	flex: 0 0 148px;
	height: auto;
	margin: 0;
}

#catnav .lidiv .catmenu2 li a,
#catnav .lidiv .catmenu2 li a:visited {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 10px !important;
	border-radius: 8px;
	border: 1px solid #eee;
	background: #fff;
	text-decoration: none;
	color: #222;
	box-sizing: border-box;
	transition: box-shadow 0.15s, transform 0.12s, border-color 0.15s;
}

#catnav .lidiv .catmenu2 li a:hover {
	box-shadow: 0 4px 16px rgba(0,0,80,0.10);
	transform: translateY(-2px);
	border-color: #1a5cb8;
	background: #fff;
}

#catnav .lidiv .catmenu2 li img {
	width: 100%;
	height: 110px;
	object-fit: contain;
	border-radius: 6px;
	border: none;
}

#catnav .lidiv .producttitle {
	color: #222;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.4;
	height: auto;
	display: block;
	text-align: left;
}

#catnav .lidiv .productprice {
	color: #1a5cb8;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: left;
	display: block;
}



#catnav .lidiv #catmenu ul {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#catnav .lidiv #catmenu li {
	height: auto;
	line-height: normal;
	font-size: 13px;
}

#catnav .lidiv #catmenu li a,
#catnav .lidiv #catmenu li a:visited {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 10px 8px !important;
	border: 1px solid #eee;
	border-radius: 8px;
	background: #fff;
	text-decoration: none;
	color: #222;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.3;
	box-sizing: border-box;
	transition: box-shadow 0.15s, border-color 0.15s;
	height: 100%;
}

#catnav .lidiv #catmenu li a:hover {
	border-color: #1a5cb8;
	box-shadow: 0 3px 10px rgba(0,0,80,0.08);
}

#catnav .lidiv #catmenu li a div {
	width: 100%;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px;
}

#catnav .lidiv #catmenu li a div img {
	max-width: 100%;
	max-height: 80px;
	width: auto;
	height: auto;
	object-fit: contain;
}

#catnav .lidiv .lidiv-title {
	font-size: 1.3rem;
	font-weight: 700;
	color: #00007D;
	margin: 0 0 8px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

#catnav .lidiv-footer {
	text-align: left;
	margin-top: 10px;
}

#catnav .lidiv .lidiv-viewall,
#catnav .lidiv .lidiv-viewall:visited {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #1a5cb8;
	text-decoration: none;
	padding: 3px 24px !important;
	border: 1px solid #1a5cb8;
	border-radius: 4px;
	height: auto;
	line-height: normal;
}

#catnav .lidiv .lidiv-viewall:hover {
	background: #1a5cb8;
	color: #fff;
}


#catnav a,
#catnav a:visited {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	text-decoration: none;
	padding-left: 36px;
	padding-right: 36px;
	display: block;
}

#catnav a {
	height: 100%;
	display: block;
}

#catnav a:hover,
#catnav .active a,
#catnav .active a:hover,
#catnav .active a:visited {
	color: #1a5cb8;
	font-weight: bold;
}

#catnav a.all:after {
	/*
	content: " \25BC";
	font-size: 1.5rem;
	*/
}

#catnav li.all a {}

.fancybox-wrap {
	top: 50px !important;
}

#group .lidiv {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}


#catnav .lidiv {
	display: none;
	background: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	text-align: left;
	z-index: 90000;
	padding: 5px 32px 28px;
	border-top: 1px solid #e8edf2;
	border-bottom: 1px solid #e8edf2;
	box-shadow: 0 8px 24px rgba(0,0,0,0.08);
	box-sizing: border-box;
	overflow: visible;
}

#catnav .lidiv a,
#catnav .lidiv a:visited {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

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




.contact_info {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 20px;
	position: absolute;
	left: 64px;
	font-family: Helvetica;
	bottom: 3px;
	width: 100%;
	color: black;
}

.quick-links {
	margin-top: -3px;
}

.quick-links a,
.quick-links a:visited,
.quick-links a:hover,
.quick-links a:active {
	font-size: 1em;
	line-height: 20px;
	font-weight: 300;
	color: #1a5cb8;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.header-right .reviews {
	margin-top: -3px;
}

.header-right .reviews a {
	font-size: 1.1rem;
	text-decoration: none;
	color: black;
}

.header-right .stars {
	font-size: 0.9rem;
}

.header-right .star {
	width: 20px;
	height: 20px;
}

.header-right .star.half:after {
	content: '\2605';
	color: orange;
	position: absolute;
	overflow: hidden;
	font-size: 21px;
}

.header-right .star:before {
	font-size: 21px;
}

.header-right .star.half1:after {
	width: 1.8px;
}

.header-right .star.half2:after {
	width: 3.6px;
}

.header-right .star.half3:after {
	width: 5.4px;
}

.header-right .star.half4:after {
	width: 7.2px;
}

.header-right .star.half5:after {
	width: 9px;
}

.header-right .star.half6:after {
	width: 10.8px;
}

.header-right .star.half7:after {
	width: 12.6px;
}

.header-right .star.half8:after {
	width: 14.4px;
}

.header-right .star.half9:after {
	width: 16.2px;
}

.header-right .star.half0:after {
	width: 0px;
}

#searchform {
	padding: 0px;
	margin-top: 0;
}

form {
	padding: 0px;
	margin: 0px;
}

#searchform .searchfield {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}

#searchform .searchfield .searchbutton {
	width: 32px;
	height: 32px;
	padding: 0;
	background-color: transparent;
	background-image: ur\l("data:image/svg+xml,%3Csvg width='18' height='30' viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.62 45.27 36.22 32a18.9 18.9 0 1 0-34.1-9.2A18.91 18.91 0 0 0 32 36.27l13.3 13.3a1.45 1.45 0 0 0 2.1 0l2.1-2.1a1.68 1.68 0 0 0 .12-2.2Zm-28.7-11.5a12.9 12.9 0 1 1 12.9-12.9 12.87 12.87 0 0 1-12.9 12.9Z' fill-rule='evenodd' fill='%23666'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px auto;
	border: none;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
}

#searchform #search_string {
	color: #a3a0a0;
	border: none;
	line-height: 23px;
	height: 30px;
	padding: 4px 36px 4px 14px;
	text-align: left;
	border-radius: 20px;
	background: #f8f8f8;
	width: 100%;
	box-sizing: border-box;
}

#searchform .searchfield input {
	width: 98%;
	color: #666;
	border: 1px solid #666;
	height: 20px;
	line-height: 20px;
	float: left;
	padding: 0 0 0 5px;
	margin: 0px;
}

#layout_container {
	font-size: 1.4rem;
	line-height: 2.2rem;
	position: relative;
	min-height: 100%;
	background: #ffffff;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

#layout_wrapper {
	margin: 0 auto;
	padding-top: 0 !important;
	position: relative;
	width: 100%;
	max-width: 128rem;
	padding-bottom: 120px;
}

#layout_wrapper.full_width{
	max-width: 100%;
	margin:0;
}

.full_width_wrapper {
	margin: 0 auto;
	padding-top: 0;
	position: relative;
	width: 100%;
	max-width: 128rem;
}

[class*=grid-col-] {
	float: left;
}

.grid-row:before,
.grid-row:after {
	content: " ";
	display: table;
}

.grid-row:after {
	clear: both;
}

.grid-row {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.home .grid-row:first-child {
	padding-top: 0;
	padding-bottom: 0;
}

.bg_light {
	background: #eaeaf5;
}

.grid-col-desktop-1 {
	width: 6.25%;
}

.grid-col-desktop-2 {
	width: 12.5%;
}

.grid-col-desktop-3 {
	width: 18.75%;
}

.grid-col-desktop-4 {
	width: 25%;
}

.grid-col-desktop-5 {
	width: 31.25%;
}

.grid-col-desktop-6 {
	width: 37.5%;
}

.grid-col-desktop-7 {
	width: 43.75%;
}

.grid-col-desktop-8 {
	width: 50%;
}

.grid-col-desktop-9 {
	width: 56.25%;
}

.grid-col-desktop-10 {
	width: 62.5%;
}

.grid-col-desktop-11 {
	width: 68.75%;
}

.grid-col-desktop-12 {
	width: 75%;
}

.grid-col-desktop-13 {
	width: 81.25%;
}

.grid-col-desktop-14 {
	width: 87.5%;
}

.grid-col-desktop-15 {
	width: 93.75%;
}

.grid-col-desktop-16 {
	width: 100%;
}

.mobilemenu {
	width: 100%;
	display: none;
}

.reviews_index {
	margin-top: 0;
}

.reviews-header {
	display: flex;
	align-items: stretch;
	gap: 14px;
	margin-bottom: 16px;
	text-decoration: none;
	color: inherit;
}

.reviews-header:hover .reviews-kiyoh {
	text-decoration: underline;
}

.reviews-score-block {
	background: #00007D;
	color: white;
	border-radius: 10px;
	padding: 10px 16px;
	line-height: 1;
	flex-shrink: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.reviews-score-numbers {
	display: flex;
	align-items: baseline;
	gap: 2px;
}

.reviews-score-number {
	font-size: 2.8rem;
	font-weight: 700;
}

.reviews-score-max {
	font-size: 1.4rem;
	opacity: 0.75;
}

.reviews-score-block .reviews-stars-row {
	display: flex;
	gap: 3px;
}

.reviews-score-block .reviews-stars-row .star {
	filter: brightness(0) invert(1);
}

.reviews-score-meta {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.reviews-count {
	font-size: 1.2rem;
	color: #555;
}

.reviews-kiyoh {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 1.1rem;
	color: #1a5cb8;
	font-weight: 600;
	border: 1px solid #1a5cb8;
	border-radius: 4px;
	padding: 3px 8px;
	width: fit-content;
}

.review-card {
	background: #fff;
	border: 1px solid #e8edf2;
	border-radius: 8px;
	padding: 14px 16px;
	margin-bottom: 10px;
}

.review-quote-text {
	font-size: 1.4rem;
	color: #222;
	line-height: 1.5;
	font-style: italic;
	margin-bottom: 10px;
}

.review-footer {
	display: flex;
	align-items: center;
	gap: 10px;
}

.review-footer .stars {
	display: flex;
	gap: 2px;
	flex-shrink: 0;
}

.review-company {
	font-size: 1.2rem;
	color: #666;
	font-weight: 600;
}

.btop {
	float: left;
	margin: 5px 45px 5px 20px;
}

.btop::before {
	box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, .4);
	right: 40px;
}

.bbottom {
	float: left;
	margin: 5px 45px 5px 20px;
}

.bbottom::before {
	box-shadow: 2px -2px 2px 0 rgba(178, 178, 178, .4);
	right: 40px;
}

.person1 {
	background: url(/skin/s2/images/basilja.png) no-repeat;
	height: 19em;
	background-size: 100%;
}

#bannercontainer .person2 {
	background: url(/skin/s2/images/britt2.png) no-repeat;
	height: 19em;
	background-position: right top;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.home a:link,
.home a:visited,
.home a:hover,
.home a:active {
	color: #666;
}

.home h2,
.home h2 a:link,
.home h2 a:visited,
.home h2 a:hover,
.home h2 a:active {
	margin-top: 0;
	margin-bottom: 16px;
	font-size: 2rem;
	font-weight: 700;
	color: #00007D;
	letter-spacing: 0;
}

.home .about span {
	font-size: 1.4rem;
}

/* Slideshow: schermbreed, direct aansluitend op nav */
.home-slideshow {
	margin: 0;
	padding: 0;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	overflow: hidden;
	line-height: 0;
}

#indexslide {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#indexslide li {
	margin: 0;
	padding: 0;
}

#indexslide li img {
	display: block;
	width: 100%;
	height: auto;
}

#indexslide li a {
	display: block;
	line-height: 0;
}

ul#productlist li {
	position: relative;
	box-sizing: border-box;
	border: 1px solid #F3F3F3;
	background: white;
	border-radius: 10px;
	padding:15px;

}
ul#productlist li a {
	color: #222;
}

#featured ul#productlist li {
	margin-bottom: 10px;
	background: white;
	padding: 2px;
	border-radius: 10px;
	border: 1px solid #e1e1e1;
	min-height: 100%;

}

.bg-white{
	background:white;
}
.bg-grey{
	background:#f7f7f7;
}

#featured ul#productlist li:hover {
	box-shadow: none;
}
#newscontainer #featured ul#productlist li {
	margin-bottom: 0px;
}

#featured {
	margin-bottom: 2rem;
}

#featured .lc_bg {
	background: none;
	border: none;
	border-radius: 0;
	padding: 0 0 16px 0;
	font-size: 20px;
	font-weight: 700;
	color: #222;
}

.cta-button circle {
	fill: #1a5cb8 !important;
	stroke: #1a5cb8 !important;
}



#featured .thumb .tmb img {}

#featured ul#productlist li {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	margin-right: 1%;
	padding-left:15px;
	margin-bottom: 15px;
}
ul#productlist li:hover{
	box-shadow: none;
}
#featured #productlist li .thumb .tmb {
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#featured #productlist li .thumb .tmb img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: none;
	max-height: none;
}

#featured #productlist li .descr {
	color: #222;
	font-size: 1.6rem;
	font-weight: bold;
	text-align:left;
	padding:0px;
}
#featured #productlist li .rating {
display:none;
}
#featured #productlist li .productprice {
	text-align:left;
}

#featured #productlist li .category a {
	text-align: center;
	color: #005A90;
}

#cat h2 {
	padding: 5px;
	margin: 0px;
}

#featured #productlist{
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding-left: 0px;
}

#featured #productlist li .price {
	width: 50px;
	height: 50px;
	color: white;
	border-radius: 25px;
	position: absolute;
	right: 10px;
	top: 103px;
	background: #732E4A;
	line-height: 50px;
	text-align: center;
	font-size: 1.2em;
}

#featured #productlist li .price2 {
	color: white;
}

#popular_cats .list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 10px;
	position: relative;
}
#popular_cats .list .item{
}
#popular_cats .item:hover .name{
	color: #1a5cb8;
}

#popular_cats .list .item:hover{

}

#popular_cats .list .item img{
	width: 100%;
	border-radius: 15px;
}
#popular_cats .name {
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-top: 8px;
	padding: 4px 0;
}

#newscontainer #featured #productlist li .price {
	height: auto;
}

.thumb .tmb img,
.thumb img,
.tmb img {
	text-align: center;
	max-height: 178px;
	max-width: 140px;
}

.product-details .thumb .tmb img,
.product-details .thumb img,
.tmb img {
	text-align: center;
	max-height: 220px;
	max-width: 220px;
}

.image-box {
	width: 100%;
}

#contact .left,
#contact .right {
	width: 50%;
	float: left;
}

#contact .team {
	width: 300px;
	margin-top: 50px;
	margin-bottom: 30px;
}

#contact #map {
	width: 300px;
	height: 300px;
}

#productlist li .thumb .tmb {
	width: 100%;
	height: 200px;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#productlist li .thumb .tmb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-width: none;
	max-height: none;
}

#productlist li .descr {
	font-weight: 700;
	font-size: 14px;
	color: #444;

	padding: 5px 5px 2px 0px;
	text-align: left;
	width: 100%;
}

#productlist span {

}

#productlist .rating {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	height: auto;
	margin-top: 4px;
	background: #f7f7f7;
	border-radius: 20px;
	padding: 2px 8px 2px 6px;
	font-size: 11px;
	color: #777;
	width: auto;
}

#productlist .rating .stars {
	display: inline-flex;
	align-items: center;
	gap: 1px;
}

#productlist .star.on:before {
	color: #f5a623;
}

#productlist .star {
	position: relative;
	float: none;
	width: 13px;
	height: 14px;
	margin: 0;
	flex-shrink: 0;
}

#productlist .star:before {
	content: "\2605";
	position: absolute;
	top: 0;
	left: 0;
	color: #ddd;
	font-size: 13px;
	line-height: 1;
}

#productlist .star.half:after {
	content: '\2605';
	color: #f5a623;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	font-size: 13px;
	line-height: 1;
}

#productlist .star.half1:after { width: 1.5px; }
#productlist .star.half2:after { width: 3px; }
#productlist .star.half3:after { width: 4.5px; }
#productlist .star.half4:after { width: 6px; }
#productlist .star.half5:after { width: 7.5px; }
#productlist .star.half6:after { width: 9px; }
#productlist .star.half7:after { width: 10.5px; }
#productlist .star.half8:after { width: 12px; }
#productlist .star.half9:after { width: 13.5px; }
#productlist .star.half0:after { width: 0px; }


#references a {
	text-decoration: none;
}

#references img {
	width: 10%;
	margin-left: 1%;
	margin-right: 1%;
}

#references img:first-child {
	margin-left: 0px;
}

#references img:last-child {
	margin-right: 0px;
}

#newscontainer ul,
#referencecontainer ul {
	list-style: none;
	margin: 0px;
}

#referencecontainer ul,
#newscontainer .thema ul,
#newscontainer .news ul {
	padding: 10px;
}

#proddet-fastorder {
	padding: 16px;
	margin-bottom: 5px;
	position: relative;
	min-height: 260px;
	border: none;
	border-radius: 0;
	background: transparent;
}

#proddet-fastorder h2 {

	color: #333;

}

#proddet-fastorder .quicklabel {
	color: #666;
	float: left;
	width: 33%;
	padding-top: 8px;
	height: 22px;
	line-height: 12px;
}

#proddet-fastorder .quicklabel2 {
	color: #666;
	float: left;
	width: 24%;
	margin-bottom: 3px;
	margin-left: 10px;
	padding-top: 8px;
}

#proddet-fastorder .quickstar {
	color: #666;
	width: 1%;
}

#proddet-fastorder .quickstar2 {
	color: #666;
	width: 1%;
}

#proddet-fastorder .quickfield {
	float: left;
	width: 58%;
}

#proddet-fastorder .quickfield2 {
	float: left;
	width: 15%;
	margin-right: 5px;
}

#proddet-fastorder .quickfield3 {
	float: left;
	width: 40%;
	margin-right: 5px;
}

#proddet-fastorder .quickfield4 {
	float: left;
	width: 32%;
	margin-right: 3px;
}

#proddet-fastorder h4 {
	text-align: center;
}

#proddet-fastorder .adv_button_container {
	margin-right: 10px;
	float: right;
}

#prinfo {
	float: left;
	width: 50%;
}

#shc_results_container {
	float: left;
	width: 46%;
	padding-left: 15px;
}

#proddet-fastorder span.value {
	display: block;
	width: 61%;
	float: left;
	padding-top: 8px;
	height: 22px;
	padding-left: 9px;
}

#shc_results .price-summary-rows {
	display: flex;
	flex-direction: column;
	gap: 9px;
}

#shc_results .price-row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
}

#shc_results .total-row {
	margin-top: 6px;
	padding-top: 8px;
	border-top: 1px solid #e8edf2;
}

#shc_results .price-row .quicklabel {
	float: none !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	line-height: normal !important;
	flex: 1 !important;
}

#shc_results .price-row span.value {
	float: none !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	line-height: normal !important;
	flex-shrink: 0 !important;
}

#shc_results span.value {
	text-align: right;
	width: 47%;
	padding-left: 0px;
}

#shc_results span.value2 {
	font-size: 10px;
	color: #aaa;
	display: block;
	margin-bottom: 10px;
}

#shc_results .quicklabel {
	width: 50%;
	height: 22px;
}

.green {
	color: #178a09;
}

.total {
	font-weight: bold;
	font-size: 1.1em;
}

#proddet-buttoncontainer a {
	background: #666;
}

#proddet-order {
	border-top: 1px solid #ddd;
}

#quickorderform{
	display: grid;
	grid-template-columns: 1fr;
}

#quickoffer_po {
	width: 750px;
}
#quickoffer .grid-2{
	grid-row-gap: 4px;
}

#quickoffer_po #proddet-fastorder {
	height: 100%;
}

#quickoffer_po .col {
	font-size: 1.3rem;
}


#quickoffer input,
#quickoffer select {
	padding: 0px 0px 0px 5px;
	margin: 3px;
	border: 1px solid #ddd;
	height: 30px;
}

#quickoffer input[type="checkbox"] {
	width: 15px;
}

#quickoffer input.error {
	border-right: 1px solid red;
}

#quickoffer select {
	line-height: 16px;
}

.bestelbuttons {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.bestelbuttons a {
	flex: 1 1 140px;
	text-align: center;
}

#quickoffer .adv_button2 {
	padding: 8px 20px;
	line-height: 20px;
	background: #28801f;
	border-radius: 5px;
	text-align: center;
	color: white;
	font: bold 14px/1.35 Nunito, Arial, sans-serif;
	white-space: nowrap;
	display: inline-block;
}

.grid-2{

	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:15px;
	width:100%;
}

#quickoffer .adv_button2b {
	padding: 8px 20px;
	line-height: 20px;
	background: #28801f;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	color: white;
	cursor: pointer;
	font: 500 14px/1.35 Nunito, Arial, sans-serif;
	white-space: nowrap;
	display: inline-block;
}


#quickoffer .adv_button2o {
	padding: 8px 20px;
	line-height: 20px;
	text-align: center;
	background: #fff;
	border: 1px solid #e7e7e7;
	color: #666;
	text-decoration: none;
	border-radius: 5px;
	cursor: pointer;
	font: 500 14px/1.35 Nunito, Arial, sans-serif;
	white-space: nowrap;
	display: inline-block;
}

#quickoffer_po.quickoffer_b {
	width: 1200px;
}

.quickoffer_b label,
.quickoffer_b input,
.quickoffer_b select,
.quickoffer_b span,
.quickoffer_b td,
.quickoffer_b p,
.quickoffer_b div {
	font-size: 14px;
}

#quickoffer_po.quickoffer_b input[type="text"],
#quickoffer_po.quickoffer_b select,
#quickoffer_po.quickoffer_b textarea,
#quickoffer_po.quickoffer_b input[type="file"] {
	width: 188px;
}

#quickoffer_po.quickoffer_b label {

	line-height: 25px;
	margin: 0px 0px 4px 0px;
}

.w100{
	width:100%!important;
}

#quickoffer_po.quickoffer_b label.error {}

#quickoffer_po.quickoffer_b input[type="text"].quickfieldsmall,
#quickoffer_po.quickoffer_b label.quicklabelsmall {
	width: 63px;
}

#quickoffer_po.quickoffer_b label.quicklabelsmall2 {
	width: 290px;
}

#quickoffer_po.quickoffer_b label.quicklabelsmall3 {
	width: 110px;
}

#quickoffer_po.quickoffer_b input[type="text"].quickfieldsmall2 {
	width: 112px;
}

#quickoffer_po.quickoffer_b .adv_button2 {
	font-weight: bold;
	padding: 8px 20px;
}

.checkoutcontainer {
	overflow: hidden;
	min-height: 35em;
}

.checkout-column-left {
	float: left;
	width: 31%;
	margin-right: 4%;
	padding-top: 10px;
}

.checkout-column-middle {
	float: left;
	margin-right: 4%;
	padding-top: 10px;
	width: 31%;
}

.checkout-column-right {
	float: left;
	float: right;
	padding-top: 10px;
	width: 30%;
}

.infoboxheader {
	border-bottom: 1px solid #EEDFE6;
	margin-bottom: 1.25rem;
	font-weight: bold;
	margin-top: 1.25rem;
	padding-bottom: 0.5em;
	color: #666;
}

.moreoptions {
	font-weight: bold;
}

#tooltip_DI {
	background: white;
	display: none;
	padding-bottom: 15px;
}

#tooltip_DI li {
	margin-right: 5px;
	padding: 5px;
	width: 40px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	float: left;
}

#tooltip_DI ul {
	margin-bottom: 25px;
	display: block;
	list-style: none;
	width: 350px;
	padding: 0px;
	margin: 0px;
}

#tooltip_DI img {
	max-height: 50px;
	height: auto;
}

@media only screen and (min-width : 768px) {
	#catnav li:hover>div {
		display: block;
	}
}

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


@media (min-width:1400px) {
	#top-bar #whyusbstick {
		margin-left: 3%;
		width: 100%
	}
}

@media (min-width:1600px) {
	#top-bar #whyusbstick {
		margin-left: 17%;
		width: 100%
	}
}

@media (min-width:1900px) {
	#top-bar #whyusbstick {
		margin-left: 29%;
		width: 100%
	}
}

/* === Offerte/bestel popup formulier === */
#quickoffer_po {
	width: 920px;
	box-sizing: border-box;
	overflow-x: hidden;
}

#quickoffer_po.quickoffer_b {
	width: 1200px;
	overflow-x: hidden;
}

#quickoffer_po h1 {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin: 0 0 16px;
}

#quickoffer_po h2 {
	font-size: 15px;
	font-weight: 600;
	color: #333;
	margin: 6px 0 12px;
}

.podescr {
	overflow: hidden;
	margin-bottom: 16px;
}

/* Prijstabel */
table.price-summary {
	width: 100%;
	border-collapse: collapse;
}

table.price-summary td {
	padding: 5px 0 !important;
	font-size: 13px !important;
	font-weight: normal !important;
	color: #444 !important;
	border: none;
}

table.price-summary tr:last-child td {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #178a09 !important;
	border-top: 1px solid #e7e7e7;
	padding-top: 10px !important;
}

table.price-summary td:last-child {
	text-align: right;
}

table.price-summary tr:first-child td {
	padding: 0 !important;
	height: 2px;
}

/* Formuliervelden — alleen in de popup, niet op de productpagina */
#quickoffer_po #quickoffer input[type="text"],
#quickoffer_po #quickoffer input[type="email"],
#quickoffer_po #quickoffer select,
#quickoffer_po #quickoffer textarea {
	width: 100%;
	margin: 0;
	padding: 6px 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
	background: #fff;
	transition: border-color 0.15s;
}

#quickoffer_po #quickoffer input[type="text"]:focus,
#quickoffer_po #quickoffer input[type="email"]:focus,
#quickoffer_po #quickoffer select:focus,
#quickoffer_po #quickoffer textarea:focus {
	outline: none;
	border-color: #3CCB2A;
}

#quickoffer .quicklabel {
	font-size: 13px;
	color: #555;
	font-weight: 500;
	align-self: center;
}

/* Verstuur-knop — zelfde maat als productpagina knoppen */
#quickquote_button {
	grid-column: 1 / -1;
	margin-top: 8px;
}

#quickquote_button input.adv_button2 {
	padding: 8px 20px;
	border: none;
	margin: 0;
	cursor: pointer;
	font-size: 14px;
	line-height: 1;
	background: #28801f;
	border-radius: 5px;
	color: white;
	font-family: Nunito, Arial, sans-serif;
	box-sizing: border-box;
	width: auto;
}

/* Fancybox sluitknop */
.fancybox-close {
	width: 30px !important;
	height: 30px !important;
	background-image: none !important;
	background-color: rgba(0,0,0,0.12) !important;
	border-radius: 50% !important;
	top: 10px !important;
	right: 10px !important;
	line-height: 30px !important;
	text-align: center !important;
}

.fancybox-close::after {
	content: '✕';
	font-size: 13px;
	color: #444;
	font-family: Nunito, Arial, sans-serif;
	line-height: 30px;
}

.fancybox-close:hover {
	background-color: rgba(0,0,0,0.25) !important;
	transition: background-color 0.15s;
}

/* Linker kolom achtergrond */
.lc_bg {
	background: #f7fdf9;
	border: 1px solid #c8e6c9;
	border-radius: 8px;
	padding: 20px;
	box-sizing: border-box;
}

/********** NEW CSS **********************/

/* =====================================================
   Offerte popup — consistent modern redesign
   ===================================================== */

/* Font-size reset: oude regel had 1.3rem = 20.8px */
#quickoffer_po .col {
	font-size: 14px;
	line-height: 1.5;
}

/* Popup-type label */
#quickoffer_po .lc_bg .popup-kop {
	font-size: 13px;
	font-weight: 700;
	color: #888;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 14px;
}

/* Productfoto + naam: horizontale rij */
#quickoffer_po .podescr {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 18px;
}

#quickoffer_po .podescr img {
	height: 80px;
	width: auto;
	border-radius: 6px;
	flex-shrink: 0;
	float: none;
	margin: 0;
}

#quickoffer_po .podescr h2 {
	font-size: 15px;
	font-weight: 600;
	color: #222;
	margin: 0;
	line-height: 1.4;
}

/* Product mini-card bovenin het linkerpaneel */
#quickoffer_po .lc_product-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e0e0e0;
}

#quickoffer_po .lc_product-header img {
	height: 64px;
	width: auto;
	border-radius: 4px;
	flex-shrink: 0;
}

#quickoffer_po .lc_product-header strong {
	font-size: 14px;
	font-weight: 600;
	color: #222;
	line-height: 1.4;
}

/* Productdetails-tabel in linkerpaneel */
#quickoffer_po .lc_bg table:not(.price-summary) {
	width: 100%;
	border-collapse: collapse;
}

#quickoffer_po .lc_bg table:not(.price-summary) td {
	padding: 3px 0;
	font-size: 13px;
	color: #444;
	border: none;
	vertical-align: top;
	line-height: 1.5;
}

#quickoffer_po .lc_bg table:not(.price-summary) td:first-child {
	color: #888;
	width: 48%;
	padding-right: 8px;
}

/* Scheiding tussen productdetails en prijsoverzicht */
#quickoffer_po .lc_bg .price-summary {
	margin-top: 14px;
	padding-top: 10px;
	border-top: 1px solid #e0e0e0;
}

/* Notitie onder prijstabel */
#quickoffer_po .lc_bg p {
	font-size: 11px;
	color: #999;
	line-height: 1.5;
	margin: 8px 0 0;
}

/* Ruimte tussen de twee panelen */
#quickoffer_po > .grid-2 {
	gap: 24px;
}

/* Formuliergrid: label boven veld (één kolom per rij) */
#quickoffer_po #quickoffer .grid-2 {
	grid-template-columns: 1fr;
	grid-row-gap: 4px;
	align-items: start;
}

/* Labels */
#quickoffer_po .quicklabel {
	font-size: 13px;
	color: #888;
	font-weight: 500;
	padding-top: 0;
	line-height: 1.3;
	align-self: start;
	margin-bottom: 3px;
}

/* Ruimte boven elk label (= ruimte tussen velden) — eerste label geen top-marge */
#quickoffer_po #quickoffer .grid-2 > label {
	margin-top: 8px;
}

#quickoffer_po #quickoffer .grid-2 > label:first-child {
	margin-top: 0;
}

/* height:30px van oude regel overschrijven voor popup-velden */
#quickoffer_po #quickoffer input[type="text"],
#quickoffer_po #quickoffer input[type="email"],
#quickoffer_po #quickoffer select,
#quickoffer_po #quickoffer textarea {
	height: auto;
	line-height: 1.4;
}

/* Bestandsvelden: volle breedte, inline stijl overschrijven */
#quickoffer_po #quickoffer input[type="file"] {
	width: 100% !important;
	height: auto;
	margin: 0;
	padding: 6px 0;
	border: none;
	box-shadow: none;
	background: transparent;
	box-sizing: border-box;
	font-size: 13px;
	color: #555;
}

/* Achternaam-rij: aanhef-select smal houden, naam-input vult rest */
#quickoffer_po #quickoffer .grid-2 > div:not(#quickquote_button) {
	display: flex;
	gap: 8px;
	align-items: center;
}

#quickoffer_po #quickoffer .grid-2 > div:not(#quickquote_button) select {
	flex: 0 0 auto;
	width: auto !important;
}

#quickoffer_po #quickoffer .grid-2 > div:not(#quickquote_button) input[type="text"] {
	flex: 1;
	width: auto !important;
}

/* Textarea */
#quickoffer_po #quickoffer textarea {
	resize: vertical;
	min-height: 72px;
}

/* Verstuurknop: volle breedte */
#quickquote_button {
	grid-column: 1 / -1;
	margin-top: 4px;
}

#quickquote_button input.adv_button2 {
	width: 100%;
	display: block;
}

/* "Velden met * zijn verplicht" */
#quickoffer_po #quickoffer > .clear + * {
	font-size: 12px;
	color: #999;
	margin-top: 10px;
}

/* =====================================================
   Bestel Direct popup — restyling
   ===================================================== */

/* Overflow zichtbaar zodat afleveradres niet wordt afgeknipt */
#quickoffer_po.quickoffer_b {
	overflow: visible;
}

/* Alle tekstvelden: uniformeer breedte, padding, radius */
#quickoffer_po.quickoffer_b input[type="text"],
#quickoffer_po.quickoffer_b input[type="email"],
#quickoffer_po.quickoffer_b select,
#quickoffer_po.quickoffer_b textarea {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 7px 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	color: #333;
	background: #fff;
	margin: 0;
	line-height: 1.4;
	transition: border-color 0.15s;
}

#quickoffer_po.quickoffer_b input[type="text"]:focus,
#quickoffer_po.quickoffer_b input[type="email"]:focus,
#quickoffer_po.quickoffer_b select:focus,
#quickoffer_po.quickoffer_b textarea:focus {
	outline: none;
	border-color: #3CCB2A;
}

/* Radio en checkbox: reset height:30px naar normale afmeting */
#quickoffer_po.quickoffer_b input[type="radio"],
#quickoffer_po.quickoffer_b input[type="checkbox"] {
	width: auto;
	height: auto;
	padding: 0;
	border: none;
	background: none;
	margin: 0;
	flex-shrink: 0;
	accent-color: #3CCB2A;
}

/* Bestandsveld */
#quickoffer_po.quickoffer_b input[type="file"] {
	width: 100%;
	height: auto;
	padding: 6px 0;
	border: none;
	background: transparent;
	font-size: 13px;
	color: #555;
	margin: 0;
}

/* Alle labels: reset vaste line-height en margin van oude regel */
#quickoffer_po.quickoffer_b label {
	line-height: 1.4;
	margin: 0;
	font-size: 14px;
}

/* Formulierrij: label boven het veld */
#quickoffer_po.quickoffer_b .formrow {
	display: flex;
	flex-direction: column;
	float: none;
	width: 100%;
	margin-bottom: 12px;
}

/* Label boven het veld */
#quickoffer_po.quickoffer_b .formrow .quicklabel {
	font-size: 12px;
	color: #888;
	font-weight: 500;
	margin: 0 0 4px;
	padding: 0;
	width: auto;
	line-height: 1.3;
}

/* Checkbox-rijen: checkbox links, label rechts */
#quickoffer_po.quickoffer_b .formrow:has(> input[type="checkbox"]) {
	flex-direction: row;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 10px;
}

#quickoffer_po.quickoffer_b .formrow:has(> input[type="checkbox"]) label {
	font-size: 13px;
	color: #444;
	flex: 1;
	line-height: 1.4;
	width: auto;
}

/* Checkbox-rijen met gr_1_5 klasse */
#quickoffer_po.quickoffer_b .formrow.gr_1_5 {
	flex-direction: row;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 10px;
}

#quickoffer_po.quickoffer_b .formrow.gr_1_5 label {
	font-size: 13px;
	color: #444;
	flex: 1;
	width: auto;
	line-height: 1.4;
}

/* Radio-knoppen: horizontale rij */
#quickoffer_po.quickoffer_b .gr1_1_1_1 {
	display: flex;
	align-items: center;
	gap: 6px 14px;
	flex-wrap: wrap;
}

/* Labels naast radio-knoppen */
#quickoffer_po.quickoffer_b .quicklabelsmall {
	font-size: 14px;
	color: #333;
	width: auto;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

/* Postcode + stad naast elkaar */
#quickoffer_po.quickoffer_b .formrow_zipcode {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 8px;
}

/* Ruimte tussen aaneengrenzende infobox-secties */
#quickoffer_po.quickoffer_b .infobox + .infobox {
	margin-top: 20px;
}

/* Sectieheaders */
#quickoffer_po.quickoffer_b .infoboxheader {
	font-size: 13px;
	font-weight: 600;
	color: #444;
	border-bottom-color: #e0e0e0;
	padding-bottom: 8px;
	margin: 0 0 14px;
}

/* Kolommen: geen dubbele padding-top */
#quickoffer_po.quickoffer_b .checkout-column-left,
#quickoffer_po.quickoffer_b .checkout-column-middle,
#quickoffer_po.quickoffer_b .checkout-column-right {
	padding-top: 0;
}

/* Notitie in rechterpaneel */
#quickoffer_po.quickoffer_b .infobox > p {
	font-size: 11px;
	color: #999;
	line-height: 1.5;
	margin: 8px 0;
}

/* Verstuurknop in checkout */
#quickoffer_po.quickoffer_b #quickquote_button {
	margin-top: 16px;
	margin-bottom: 8px;
}

/* =====================================================
   Knopppen — consistente kleur, radius en hover
   ===================================================== */

/* Bestel direct knop: zelfde groen als verstuurknop */
#quickoffer .adv_button2b {
	background: #28801f;
	border-radius: 6px;
}

/* Offerte ontvangen knop: outline stijl */
#quickoffer .adv_button2o {
	border-radius: 6px;
}

/* Generieke button-stijl in quickoffer */
#quickoffer .adv_button2 {
	border-radius: 6px;
}

/* Hover: alle groene knoppen */
#quickoffer .adv_button2b:hover,
#quickoffer .adv_button2:hover {
	background: #1f6618;
	cursor: pointer;
}

/* Hover: outline knop (Offerte ontvangen) */
#quickoffer .adv_button2o:hover {
	background: #f0f0f0;
	border-color: #bbb;
	cursor: pointer;
}

/* Verstuurknop in popup: groen, radius, hover */
#quickquote_button input.adv_button2:hover {
	background: #1f6618;
}

/* Knoppen in bestelbuttons: centreer tekst met flexbox */
.bestelbuttons a {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.3;
}

/* =====================================================
   Popup max-breedte (responsive)
   ===================================================== */

#quickoffer_po,
#quickoffer_po.quickoffer_b {
	max-width: calc(100vw - 20px);
	box-sizing: border-box;
}

/* =====================================================
   Bestel Direct: samenvatting rechterkolom
   ===================================================== */

/* Ruimte tussen de groene samenvatting en de formuliervelden eronder */
#quickoffer_po.quickoffer_b .checkout-column-right .lc_bg {
	margin-bottom: 24px;
}

/* Tabel: geen float, volle breedte, geen inline-stijlen */
#quickoffer_po.quickoffer_b .checkout-column-right table {
	width: 100% !important;
	float: none !important;
	margin-bottom: 10px !important;
	border-collapse: collapse;
}

/* Alle tabelcellen: consistente opmaak */
#quickoffer_po.quickoffer_b .checkout-column-right table td {
	font-size: 13px !important;
	color: #444 !important;
	padding: 3px 0 !important;
	border: none !important;
	font-style: normal !important;
	font-weight: normal !important;
	text-align: left !important;
}

/* Rechterkolom uitlijnen */
#quickoffer_po.quickoffer_b .checkout-column-right table td:last-child {
	text-align: right !important;
}

/* Gratis / Inclusief cellen */
#quickoffer_po.quickoffer_b .checkout-column-right td[style*="034802"] {
	color: #178a09 !important;
}

/* Prijsseparator */
#quickoffer_po.quickoffer_b .checkout-column-right .price-sep td {
	border-bottom: 1px solid #e0e0e0 !important;
	padding: 4px 0 0 !important;
	height: 2px !important;
	font-size: 1px !important;
}

/* Eerste rij na separator: wat extra ruimte */
#quickoffer_po.quickoffer_b .checkout-column-right .price-sep + tr td {
	padding-top: 8px !important;
}

/* Totaalrij */
#quickoffer_po.quickoffer_b .checkout-column-right .total-row td {
	font-weight: 700 !important;
	font-size: 14px !important;
	color: #178a09 !important;
	padding-top: 8px !important;
}

/* Verstuurknop: zorg dat hij niet overstroomt */
#quickoffer_po #quickquote_button input.adv_button2,
#quickoffer_po.quickoffer_b #quickquote_button input.adv_button2 {
	max-width: 100%;
	box-sizing: border-box;
}

/* =====================================================
   Responsive: popups op kleine schermen
   ===================================================== */

/* Offerte popup: stapel de twee panelen boven elkaar */
@media (max-width: 960px) {
	#quickoffer_po > .grid-2 {
		grid-template-columns: 1fr !important;
	}
	#quickoffer_po .lc_bg {
		margin-bottom: 16px;
	}
}

/* Bestel Direct popup: stapel de drie kolommen */
@media (max-width: 1240px) {
	#quickoffer_po.quickoffer_b .checkout-column-left,
	#quickoffer_po.quickoffer_b .checkout-column-middle,
	#quickoffer_po.quickoffer_b .checkout-column-right {
		float: none !important;
		width: 100% !important;
		margin-right: 0 !important;
	}
	#quickoffer_po.quickoffer_b .checkoutcontainer {
		min-height: 0 !important;
	}
}

/* =====================================================
   Productpagina — gelijke hoogte afbeelding en prijsblok
   ===================================================== */

/* Flexbox in plaats van float: gelijke hoogte automatisch.
   .product-main-layout is specifieker dan .product-details zodat de
   specs-tabel (ook .product-details) niet wordt beïnvloed. */
.product-main-layout {
	display: flex;
	align-items: stretch;
	gap: 12px;
	margin: 0 0 12px;
	width: 100%;
	box-sizing: border-box;
}

.product-main-layout .leftcol {
	float: none;
	flex: 0 0 46%;
	margin: 0;
	background: white;
	border-radius: 10px;
		box-sizing: border-box;
}

.product-main-layout .rightcol {
	float: none;
	flex: 1;
	padding-left: 0;
	margin-top: 0;
	background: white;
	border-radius: 10px;
		box-sizing: border-box;
}

/* Afbeelding: verticaal en horizontaal centreren in het witte paneel */
#proddet-img {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 100%;
	padding: 20px 20px 40px;
	box-sizing: border-box;
	margin: 0;
}

/* Thumbnail-omschrijving: altijd onderaan, niet meegenomen in flex-centrering */
#colorboxb {
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 12px;
	color: #888;
	padding: 0 12px;
	min-height: 20px;
}

#proddet-img a,
#proddet-img .tmb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

#proddet-img img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	margin: 0;
	border-radius: 10px;
}

/* Fallback: image-box als Detailed_Product_Images niet actief is */
.product-main-layout .leftcol .image-box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
}

.product-main-layout .leftcol .image-box img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 10px;
}

/* =====================================================
   Productpagina — inline secties (geen tabs)
   ===================================================== */

.product-section {
	width: 100%;
	clear: both;
	margin: 0 0 12px;
	padding: 20px 24px;
	background: white;
	border-radius: 10px;
		box-sizing: border-box;
}

.product-section-title {
	font-size: 16px;
	font-weight: 700;
	color: #555;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 20px;
	padding: 0;
	border-left: none;
}

/* Specs-tabel: 2 kolommen naast elkaar */
.product-section .product-details {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 40px;
	margin: 25px 0 0;
}

/* Prijsstaffel inline: overschrijf tooltip-stijlen */
.proddet-staffel-full {
	width: 100%;
}

.proddet-staffel-full p {
	color: #555;
	font-size: 13px;
	margin: 0 0 16px;
}

.proddet-staffel-full table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}

.proddet-staffel-full td {
	padding: 6px 10px;
	border-bottom: 1px solid #f0f0f0;
}

.proddet-staffel-full tr:first-child td {
	font-weight: 700;
	border-bottom: 2px solid #e0e0e0;
	padding-bottom: 8px;
}

.proddet-staffel-full tr.odd td { background: #f0f4ff; }
.proddet-staffel-full tr.even td { background: white; }
.proddet-staffel-full tr:first-child td { border-bottom-color: #e0e0e0; }

/* =====================================================
   Productpagina — typografie en kleur
   ===================================================== */

/* "Bereken je prijs" kop: schoner en met scheidingslijn */
#proddet-fastorder h2 {
	font-size: 18px;
	font-weight: 700;
	color: #222;
	margin: 0 0 14px;
	padding: 0 0 12px;
	border-bottom: 1px solid #e0e0e0;
}

/* Labels: één grijstint (was #666) */
#proddet-fastorder .quicklabel,
#proddet-fastorder .quicklabel2,
#proddet-fastorder .quickstar,
#proddet-fastorder .quickstar2,
#shc_results .quicklabel {
	color: #555;
	font-size: 13px;
}

/* Inputs en selects: consistente border en radius */
#proddet-fastorder .quickfield,
#proddet-fastorder .quickfield2,
#proddet-fastorder .quickfield3,
#proddet-fastorder .quickfield4 {
	border-color: #ddd;
	border-radius: 6px;
	height: 34px;
}

/* Prijsblok: geen extra border in card-layout */
#proddet-fastorder {
	border: none;
	background: transparent;
}

/* Groen: unificeer naar site-groen (was #0ACA0A) */
.green {
	color: #178a09;
}

/* "Prijs incl..." inline stijl override */
#singleposition > span[style*="green"] {
	color: #178a09 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}

/* Extra opties toggle */
.moreoptions {
	color: #178a09;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
}

#extraoptions {
	background: #f5f5f5;
	border-radius: 8px;
	padding: 12px 14px;
	margin-top: 8px;
}

/* Totaalprijs */
.total {
	font-size: 15px;
	color: #222;
	line-height: 1.2;
}

/* =====================================================
   Klanten bekeken ook — flex-cards grid
   ===================================================== */

.recommends-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.product-section:has(.recommends-grid) {
	background: #f5f5f5;
}

.recommends-card {
	display: flex;
	flex-direction: column;
	width: calc(25% - 12px);
	min-width: 140px;
	background: white;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	text-decoration: none;
	color: inherit;
	overflow: hidden;
	transition: border-color 0.15s;
	box-sizing: border-box;
}

.recommends-card:hover {
	border-color: #b0b0b0;
}

.recommends-card__img {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	min-height: 140px;
	background: white;
}

.recommends-card__img img {
	max-width: 130px;
	max-height: 130px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.recommends-card__body {
	padding: 10px 14px 14px;
	border-top: 1px solid #f0f0f0;
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
}

.recommends-card__name {
	font-size: 13px;
	font-weight: 600;
	color: #222;
	line-height: 1.4;
}

.recommends-card:hover .recommends-card__name {
	color: #178a09;
}

.recommends-card__price {
	font-size: 12px;
	color: #666;
}

/* =====================================================
   Knoppen — canonieke stijl (overschrijft alle losse definities)
   ===================================================== */
.reviewbutton,
.reviews .reviewbutton,
#newreview .reviewbutton,
#quickoffer .adv_button2,
#quickoffer .adv_button2b,
#quickquote_button input.adv_button2,
.news-list .readmorelink a {
	padding: 8px 20px !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	border: none !important;
	cursor: pointer !important;
	display: inline-block !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	font-family: Nunito, Arial, sans-serif !important;
	color: #fff !important;
	box-sizing: border-box !important;
}

.reviewbutton:hover,
.reviews .reviewbutton:hover,
#newreview .reviewbutton:hover,
#quickoffer .adv_button2:hover,
#quickoffer .adv_button2b:hover,
#quickquote_button input.adv_button2:hover,
.news-list .readmorelink:hover a {
	background: #1f6618 !important;
	color: #fff !important;
	text-decoration: none !important;
}

.reviews .reviewbutton {
	display: block !important;
	margin-top: 16px;
	width: fit-content;
}

.reviews img {
	mix-blend-mode: multiply;
}

/* Mobile nav overlay — verborgen op desktop */
.nav-overlay-header { display: none; }


/* Bekijk alle categorieen knopstijl */
#popular_cats .text-right {
	margin-top: 16px;
	text-align: right;
}
#popular_cats .text-right a {
	display: inline-block;
	background: #1a5cb8;
	color: white;
	padding: 10px 24px;
	border-radius: 25px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.15s, transform 0.1s;
}
#popular_cats .text-right a:hover {
	background: #155099;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(26,92,184,0.25);
}


/* Klantenservice sidebar — active highlight */
.klantenservice .help-index { list-style: none; margin: 0; padding: 0; }
.klantenservice .help-index li { margin-bottom: 4px; }
.klantenservice a.simple-button.ks-active,
.klantenservice a.simple-button.ks-active:link,
.klantenservice a.simple-button.ks-active:visited {
	color: #1a5cb8;
	font-weight: 700;
	text-decoration: none;
}
/* Informatie inhoudsopgave — desktop: altijd zichtbaar */
.info-toc-toggle { display: none; }
.info-toc-body { display: block; }
/* FAQ accordion */
#faq-search {
	width: 100%;
	padding: 10px 14px;
	font-size: 15px;
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-bottom: 16px;
	box-sizing: border-box;
}
.faq-item {
	border-bottom: 1px solid #eee;
}
.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 4px;
	cursor: pointer;
	gap: 12px;
}
.faq-question:hover .faq-question-text { color: #1a5cb8; }
.faq-question-text { font-size: 15px; font-weight: 600; flex: 1; }
.faq-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.faq-permalink { color: #aaa; font-size: 14px; text-decoration: none; }
.faq-permalink:hover { color: #1a5cb8; }
.faq-arrow { color: #aaa; font-size: 18px; transition: transform 0.2s; display: inline-block; }
.faq-item.open .faq-arrow { transform: rotate(180deg); }
.faq-answer { display: none; padding: 0 4px 16px; font-size: 14px; line-height: 1.6; color: #444; }
.faq-item.open .faq-answer { display: block; }
/* Contactformulier — knop stijl passend bij offerte formulier */
.klantenservice .right button.main-button {
	padding: 8px 20px;
	height: auto;
	background: #28801f;
	border-radius: 5px;
	border: none;
	color: white;
	font: bold 14px/1.35 Nunito, Arial, sans-serif;
	cursor: pointer;
}
.klantenservice .right button.main-button .button-right { background: none !important; padding: 0; height: auto; }
.klantenservice .right button.main-button .button-left {
	background: none !important;
	color: white;
	font-size: 14px;
	height: auto;
	line-height: 1.35;
	padding: 0;
	margin: 0;
	display: inline;
}
.klantenservice .right button.main-button:hover { background: #1f6618; }
/* Contactformulier — div-gebaseerde layout, zelfde stijl als offerte formulier */
.contact-field { margin-bottom: 14px; }
.contact-field label { display: block; font-size: 13px; color: #555; font-weight: 500; margin-bottom: 4px; }
.contact-field .req { color: #1a5cb8; }
.contact-field input[type="text"],
.contact-field input[type="email"],
.contact-field textarea {
	width: 100%;
	padding: 6px 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
	background: #fff;
	transition: border-color 0.15s;
	font-family: Nunito, Arial, sans-serif;
}
.contact-field input[type="text"]:focus,
.contact-field input[type="email"]:focus,
.contact-field textarea:focus { outline: none; border-color: #3CCB2A; }
.contact-submit { margin-top: 8px; }
.contact-btn {
	padding: 8px 20px;
	background: #28801f;
	border-radius: 5px;
	border: none;
	color: white;
	font: bold 14px/1.35 Nunito, Arial, sans-serif;
	cursor: pointer;
}
.contact-btn:hover { background: #1f6618; }
/* Contactpagina — 2-koloms desktop layout */
.contact-layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	align-items: start;
	width: 100%;
	box-sizing: border-box;
}
.contact-info,
.contact-form-col { min-width: 0; }
.contact-info h1 { margin-top: 0; }
.contact-info .block { margin-bottom: 16px; }
.contact-info .block h3 { margin: 0 0 4px; font-size: 13px; color: #888; text-transform: uppercase; letter-spacing: 0.04em; }
.contact-info .block table td { padding: 1px 12px 1px 0; font-size: 14px; }
.contact-form-col h3 { margin-top: 0; }

.contact-info p { font-size: 14px; line-height: 1.65; color: #444; margin-bottom: 12px; }
.contact-info h2 { font-size: 18px; margin: 20px 0 12px; }

.contact-maps-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 6px;
	font-size: 13px;
	color: #1a73e8;
	text-decoration: none;
}
.contact-maps-link:hover { text-decoration: underline; }

.contact-info .block a[href^="tel"],
.contact-info .block a[href^="mailto"] {
	color: #222;
	text-decoration: none;
	font-size: 15px;
}
.contact-info .block a[href^="tel"]:hover,
.contact-info .block a[href^="mailto"]:hover { text-decoration: underline; }

.contact-legal {
	display: flex;
	gap: 20px;
	margin-top: 20px;
	padding-top: 14px;
	border-top: 1px solid #e8edf2;
	font-size: 12px;
	color: #999;
}

/* =============================================
   Cookie consent popup — gecentreerde modal
   ============================================= */

/* Overlay: fullscreen semi-transparant */
.cc-overlay {
	position: fixed !important;
	inset: 0 !important;
	background: rgba(0,0,0,0.45) !important;
	z-index: 99998 !important;
	display: flex;
	align-items: center !important;
	justify-content: center !important;
	padding: 16px !important;
	box-sizing: border-box !important;
}

/* Popup: wit kaartje in het midden */
.cookieconsent-popup {
	position: relative !important;
	width: 100% !important;
	max-width: 500px !important;
	background: #fff !important;
	border-radius: 12px !important;
	box-shadow: 0 8px 40px rgba(0,0,0,0.22) !important;
	padding: 32px !important;
	box-sizing: border-box !important;
	font-size: 15px !important;
	color: #333 !important;
	font-family: Nunito, Arial, sans-serif !important;
	line-height: 1.6 !important;
}

/* Tekst */
.cookieconsent-notice {
	margin: 0 0 24px !important;
}
.cookieconsent-notice p { margin: 0; }

/* Knoppenrij */
.cookieconsent-button-wrap {
	display: flex !important;
	gap: 10px !important;
	justify-content: flex-end !important;
	flex-wrap: wrap !important;
	margin: 0 !important;
}

/* Basisstijl knop */
.cc-btn {
	display: inline-block !important;
	padding: 10px 22px !important;
	border-radius: 24px !important;
	font-size: 14px !important;
	font-family: Nunito, Arial, sans-serif !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	border: none !important;
	line-height: 1.4 !important;
	white-space: nowrap !important;
	text-decoration: none !important;
}

/* Instellingen-knop — outline grijs */
.cc-btn-secondary {
	background: #fff !important;
	border: 1px solid #ccc !important;
	color: #555 !important;
}
.cc-btn-secondary:hover {
	background: #f2f2f2 !important;
	border-color: #999 !important;
	color: #333 !important;
}

/* Akkoord-knop — groen */
.cc-btn-primary {
	background: #28801f !important;
	color: #fff !important;
}
.cc-btn-primary:hover {
	background: #1f6618 !important;
	color: #fff !important;
}

/* Verberg overbodige links in popup */
.cookieconsent-popup .cookieconsent-toggle-magic-button,
.cookieconsent-popup .cookieconsent-cookie-policy-link {
	display: none !important;
}


/* === USP-pills in categorie- en productbeschrijving === */
p.usp {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
}

p.usp span {
	color: #1a8610;
	font-weight: 600;
	background: #f0fbed;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 13px;
	border: 1px solid #c8e6c9;
}

/* === Pluspunten in productbeschrijving === */
.product-pluspunten {
	margin-bottom: 20px;
}

.pluspunten-titel {
	font-weight: 600;
	color: #222;
	display: block;
	margin-bottom: 8px;
}

.product-pluspunten ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.product-pluspunten li {
	color: #1a8610;
	font-weight: 600;
	background: #f0fbed;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 13px;
	border: 1px solid #c8e6c9;
}

/* === Heading consistentie — overschrijft alle afwijkende regels === */

/* Verwijder groene achtergrond van .lc_bg wanneer op een heading */
h2.lc_bg, h3.lc_bg {
	background: none;
	border: none;
	padding: 0;
	border-radius: 0;
}

h1 {
	font-family: Nunito, Arial, sans-serif;
	font-size: 2rem;
	font-weight: 700;
	color: #222;
	line-height: 1.2;
	margin-bottom: 16px;
}

h2,
.home h2,
.home h2 a:link,
.home h2 a:visited,
.home h2 a:hover,
.home h2 a:active,
#cat h2,
#featured .lc_bg,
#references h2,
#proddet-fastorder h2,
#quickoffer_po h2,
.news-list .message2 h2,
#newreview h3,
#whyusbstick h2 {
	font-family: Nunito, Arial, sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	color: #222;
	letter-spacing: 0;
	margin-bottom: 12px;
}

h3,
.contact-form-col h3,
#layout_container h3,
#link_container h3 a,
.giftboxes h2,
.giftbox-container3 h3 {
	font-family: Nunito, Arial, sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
	color: #444;
	margin-bottom: 8px;
}

h4, h5, h6 {
	font-family: Nunito, Arial, sans-serif;
	font-weight: 600;
	color: #222;
}

/* Contactpagina blok-labels blijven klein en grijs */
.contact-info .block h3 {
	font-size: 12px;
	font-weight: 700;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-bottom: 4px;
}
/* === Productinfo layout: beschrijving links, inclusief rechts === */
.productinfo-layout {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 32px;
	align-items: start;
}

.productinfo-incl {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.incl-block {
	background: #f5f7fa;
	border: 1px solid #e8edf2;
	border-radius: 8px;
	padding: 16px 20px;
}

.incl-title {
	display: block;
	font-weight: 700;
	font-size: 1rem;
	color: #222;
	margin-bottom: 10px;
}

.incl-block ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.incl-block ul li {
	padding: 4px 0;
	font-size: 13px;
	color: #444;
	border-bottom: 1px solid #eee;
}

.incl-block ul li:last-child {
	border-bottom: none;
}

.incl-title-opt {
	margin-top: 16px;
}

.incl-block a,
.incl-block a:visited {
	color: #1a5cb8;
}

/* Prijs incl-note onder totaalprijs */
#shc_results span.prijs-incl-note {
	grid-column: 1 / -1;
	font-size: 11px;
	color: #1a8610;
	font-weight: 600;
	white-space: nowrap;
	margin-top: 2px;
}

/* =====================================================
   Artikel pagina (news_message)
   ===================================================== */

.article-breadcrumb {
	font-size: 13px;
	color: #888;
	margin-bottom: 0;
	padding: 8px 0 16px;
}
.article-breadcrumb a { color: #1a73e8; text-decoration: none; }
.article-breadcrumb a:hover { text-decoration: underline; }
.article-breadcrumb span { margin: 0 6px; color: #ccc; }
.article-breadcrumb span:last-child { margin: 0; color: #555; }

.article-hero {
	position: relative;
	width: 100%;
	height: 380px;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 32px;
	background: #111;
}
.article-hero-blur {
	position: absolute;
	inset: -30px;
	background-size: cover;
	background-position: center;
	filter: blur(24px);
	opacity: 0.55;
}
.article-hero-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	transform: scale(1.5);
	transform-origin: center center;
}
.article-hero-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 100%);
	padding: 24px 28px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.article-hero-title {
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	margin: 0;
	line-height: 1.25;
	text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.article-date {
	font-size: 13px;
	color: rgba(255,255,255,0.85);
	font-weight: 500;
}

.article-layout {
	display: grid;
	grid-template-columns: 1fr 280px;
	gap: 40px;
	align-items: start;
}

.article-body { min-width: 0; }

.article-meta-plain { margin-bottom: 20px; }
.article-meta-plain .article-date { color: #1a73e8; font-weight: 600; font-size: 13px; }

.article-content {
	font-size: 15px;
	line-height: 1.8;
	color: #2a2a2a;
}
.article-content h2 { font-size: 20px; margin: 28px 0 10px; }
.article-content h3 { font-size: 17px; margin: 22px 0 8px; }
.article-content p { margin: 0 0 16px; }
.article-content img { max-width: 100%; height: auto; border-radius: 8px; }
.article-content ul, .article-content ol { padding-left: 24px; margin-bottom: 16px; }
.article-content li { margin-bottom: 6px; }
.article-content strong { font-weight: 600; }
.article-content a { color: #1a73e8; }

.article-tags {
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid #e8edf2;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.article-tag {
	padding: 4px 12px;
	background: #f0f4ff;
	border: 1px solid #c8d8f8;
	border-radius: 16px;
	font-size: 12px;
	color: #1a73e8;
	text-decoration: none;
}
.article-tag:hover { background: #ddeaff; }

.article-related-cats { margin-top: 20px; }
.article-related-cats h3 { font-size: 14px; margin: 0 0 8px; }
.article-related-cats ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.article-related-cats li a { font-size: 13px; color: #1a73e8; text-decoration: none; }
.article-related-cats li a:hover { text-decoration: underline; }

.article-sidebar-inner {
	background: #f5f7fa;
	border: 1px solid #e8edf2;
	border-radius: 10px;
	padding: 20px;
	position: sticky;
	top: 80px;
}
.article-sidebar-title {
	font-size: 14px;
	font-weight: 700;
	color: #1a1a2e;
	margin: 0 0 14px;
	padding-bottom: 10px;
	border-bottom: 2px solid #1a73e8;
}
.article-sidebar-list {
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
}
.article-sidebar-list li {
	padding: 8px 0;
	border-bottom: 1px solid #e8edf2;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.article-sidebar-list li:last-child { border-bottom: none; }
.article-sidebar-date { font-size: 11px; color: #1a73e8; font-weight: 600; }
.article-sidebar-list a { font-size: 13px; color: #333; text-decoration: none; line-height: 1.35; }
.article-sidebar-list a:hover { color: #1a73e8; }
.article-sidebar-all {
	display: block;
	text-align: center;
	padding: 8px;
	background: #1a73e8;
	color: #fff;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}
.article-sidebar-all:hover { background: #1558b0; }

/* Uitgelicht producten */
.article-featured-products {
	margin-top: 48px;
	padding-top: 32px;
	border-top: 2px solid #e8edf2;
}
.article-featured-title {
	font-size: 20px;
	margin: 0 0 20px;
}
.rproducts ul#productlist {
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

@media (max-width: 900px) {
	.article-layout { grid-template-columns: 1fr; }
	.article-sidebar-inner { position: static; }
	.article-hero { height: 260px; }
	.article-hero-title { font-size: 20px; }
}

/* =====================================================
   Blog / Nieuws pagina
   ===================================================== */

.blog-layout {
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: 40px;
	align-items: start;
}

.blog-main h1 {
	font-size: 24px;
	margin: 0 0 24px;
}

.blog-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.blog-card {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.07);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.2s;
	text-decoration: none;
	color: inherit;
}
.blog-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.13); color: inherit; }

.blog-card-img {
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	image-rendering: -webkit-optimize-contrast;
}

.blog-card-body {
	padding: 18px 20px 20px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.blog-card-meta {
	margin-bottom: 8px;
}

.blog-card-date {
	font-size: 12px;
	color: #1a73e8;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.blog-card-title {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 10px;
	line-height: 1.35;
}
.blog-card-title { color: #1a1a2e; }
.blog-card:hover .blog-card-title { color: #1a73e8; }

.blog-card-excerpt {
	font-size: 13.5px;
	line-height: 1.65;
	color: #555;
	flex: 1;
	margin-bottom: 14px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.blog-card-excerpt p { margin: 0; }
.blog-card-excerpt strong { font-weight: normal; }

.blog-readmore {
	display: inline-block;
	color: #1a73e8;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	margin-top: auto;
}
.blog-readmore:hover { text-decoration: underline; }

/* Sidebar */
.blog-sidebar-inner {
	background: #f5f7fa;
	border: 1px solid #e8edf2;
	border-radius: 10px;
	padding: 20px;
	position: sticky;
	top: 80px;
}

.blog-sidebar-title {
	font-size: 14px;
	font-weight: 700;
	color: #1a1a2e;
	margin: 0 0 14px;
	padding-bottom: 10px;
	border-bottom: 2px solid #1a73e8;
}

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

.blog-archive-item {
	padding: 8px 0;
	border-bottom: 1px solid #e8edf2;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.blog-archive-item:last-child { border-bottom: none; }

.blog-archive-date {
	font-size: 11px;
	color: #1a73e8;
	font-weight: 600;
}

.blog-archive-item a {
	font-size: 13px;
	color: #333;
	text-decoration: none;
	line-height: 1.35;
}
.blog-archive-item a:hover { color: #1a73e8; }

.blog-archive-link {
	display: block;
	margin-top: 14px;
	padding: 8px 12px;
	background: #1a73e8;
	color: #fff !important;
	border-radius: 6px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.blog-archive-link:hover { background: #1558b0; }

/* Archief sectie */
.blog-archive-section {
	margin-top: 48px;
	padding-top: 32px;
	border-top: 2px solid #e8edf2;
	scroll-margin-top: 80px;
}

.blog-archive-heading {
	font-size: 20px;
	margin: 0 0 24px;
}

.blog-archive-years {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 24px;
}

.blog-archive-year-block {
	background: #f5f7fa;
	border-radius: 8px;
	padding: 16px 18px;
}

.blog-archive-year {
	font-size: 15px;
	font-weight: 700;
	color: #1a73e8;
	margin: 0 0 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e8edf2;
}

.blog-archive-year-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-archive-year-list li {
	padding: 5px 0;
	border-bottom: 1px solid #edf0f4;
	display: flex;
	flex-direction: column;
	gap: 1px;
}
.blog-archive-year-list li:last-child { border-bottom: none; }

.blog-archive-item-date {
	font-size: 11px;
	color: #1a73e8;
	font-weight: 600;
}

.blog-archive-year-list a {
	font-size: 13px;
	color: #333;
	text-decoration: none;
	line-height: 1.3;
}
.blog-archive-year-list a:hover { color: #1a73e8; }

.blog-archive-year-list li.arc-hidden { display: none; }

.arc-more-btn {
	display: inline-block;
	margin-top: 8px;
	padding: 4px 10px;
	background: none;
	border: 1px solid #1a73e8;
	border-radius: 12px;
	font-size: 12px;
	color: #1a73e8;
	cursor: pointer;
	font-weight: 600;
}
.arc-more-btn:hover { background: #e8f0fe; }

@media (max-width: 900px) {
	.blog-layout { grid-template-columns: 1fr; }
	.blog-grid { grid-template-columns: 1fr; }
	.blog-sidebar-inner { position: static; max-height: none; }
	.blog-archive-years { grid-template-columns: 1fr; }
}

/* === Quick search dropdown (.be kleuren) === */
.qs-dropdown {
	position: fixed;
	background: #fff;
	border: 1px solid #c5d8f5;
	border-radius: 8px;
	box-shadow: 0 6px 24px rgba(0,0,0,.12);
	z-index: 99999;
	overflow: hidden;
	font-size: 13px;
	overflow-y: auto;
	max-height: 70vh;
}
.qs-section-label {
	padding: 6px 12px 4px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #1a5cb8;
	background: #f0f6ff;
	border-bottom: 1px solid #daeaf8;
}
.qs-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	color: #222;
	text-decoration: none;
	border-bottom: 1px solid #f0f0f0;
	transition: background .12s;
	min-height: 44px;
}
.qs-item:last-child { border-bottom: none; }
.qs-item:hover, .qs-item:focus { background: #f0f6ff; outline: none; }
.qs-item.qs-active { background: #daeaf8; }
.qs-item-img {
	width: 36px;
	height: 36px;
	object-fit: contain;
	border-radius: 4px;
	flex-shrink: 0;
	background: #f5f5f5;
}
.qs-item-icon {
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: #e8f0fc;
	font-size: 16px;
}
.qs-item-title {
	flex: 1;
	min-width: 0;
	line-height: 1.3;
}
.qs-item-prices {
	display: block;
	margin-top: 3px;
}
.qs-item-prices span {
	display: block;
	font-size: 11px;
	color: #1a5cb8;
	font-weight: 600;
	line-height: 1.5;
}
.qs-item-badge {
	flex-shrink: 0;
	margin-left: auto;
	padding-left: 10px;
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	background: #1a5cb8;
	border-radius: 3px;
	padding: 2px 6px;
	line-height: 1.6;
	letter-spacing: .02em;
	align-self: center;
}
.qs-footer {
	display: block;
	padding: 8px 12px;
	text-align: center;
	font-size: 12px;
	color: #1a5cb8;
	background: #f0f6ff;
	border-top: 1px solid #daeaf8;
	text-decoration: none;
	font-weight: 600;
}
.qs-footer:hover { background: #daeaf8; }
.qs-no-results {
	padding: 14px 12px;
	color: #888;
	text-align: center;
}
@media (max-width: 600px) {
	.qs-dropdown { left: -12px; right: -12px; font-size: 14px; }
	.qs-item { padding: 10px 12px; min-height: 50px; }
}

span.subcategories a { display: block; }
span.subcategories img { display: block; margin: 0 auto; }

.cat-descr-collapsible {
    background: #fff;
    padding: 12px 16px 10px;
    margin-bottom: 12px;
}
.cat-descr-collapsible .cat-descr-inner {
    max-height: 4em;
    overflow: hidden;
    transition: max-height 0.4s ease;
    position: relative;
}
.cat-descr-collapsible .cat-descr-inner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.5em;
    background: linear-gradient(transparent, #fff);
    pointer-events: none;
}
.cat-descr-collapsible.is-open .cat-descr-inner {
    max-height: 9999px;
}
.cat-descr-collapsible.is-open .cat-descr-inner::after,
.cat-descr-collapsible.cat-no-toggle .cat-descr-inner::after {
    display: none;
}
.cat-descr-collapsible.cat-no-toggle .cat-descr-inner {
    max-height: none;
}
.cat-descr-toggle {
    display: block;
    margin-top: 4px;
    background: none;
    border: none;
    color: #e0004d;
    cursor: pointer;
    font-size: 13px;
    padding: 0;
    text-decoration: underline;
    text-align: left;
}
.cat-descr-toggle:hover { color: #8b0000; }
.cat-descr-inner > p:first-child { margin-top: 0; }
.cat-descr-inner > p:last-child { margin-bottom: 0; }
.cat-banner { margin-bottom: 16px; }
.cat-banner img { width: 100%; height: auto; display: block; }
.cat-speerpunten { margin: 16px 0; }

/* === Mobiel offerte popup: fullscreen fancybox + sticky footer knop === */
@media (max-width: 768px) {
	.fancybox-wrap {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		z-index: 10000001 !important;
	}
	.fancybox-skin {
		border-radius: 0 !important;
		box-shadow: none !important;
		height: 100%;
		display: flex !important;
		flex-direction: column !important;
	}
	.fancybox-outer {
		flex: 1 !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		height: auto !important;
	}
	.fancybox-inner {
		width: 100% !important;
		height: auto !important;
		overflow: visible !important;
	}
	.fb-mobile-header {
		flex-shrink: 0;
		height: 52px;
		background: #fff;
		border-bottom: 1px solid #e0e0e0;
		display: flex;
		align-items: center;
		padding: 0 56px 0 16px;
	}
	.fb-mobile-title {
		font-size: 16px;
		font-weight: 700;
		color: #222;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.fancybox-close {
		position: absolute !important;
		top: 11px !important;
		right: 12px !important;
		background-color: rgba(0,0,0,0.1) !important;
		z-index: 10000002 !important;
	}
	.fancybox-close::after { color: #444 !important; }
	.fancybox-inner .popup-kop { display: none !important; }
	.fancybox-inner h1 { display: none !important; }

	/* Breedte popup volledig op mobiel */
	#quickoffer_po { width: 100% !important; }

	/* Formulier boven samenvatting */
	.fancybox-inner .grid-2 { display: flex !important; flex-direction: column-reverse !important; }

	/* Samenvatting inklappen */
	.fancybox-inner .lc_bg.fb-summary-collapsed > *:not(.fb-summary-toggle) { display: none !important; }
	.fb-summary-toggle {
		display: block;
		width: 100%;
		padding: 10px;
		background: #f5f5f5;
		border: none;
		border-top: 1px solid #e0e0e0;
		font-size: 13px;
		color: #555;
		cursor: pointer;
		text-align: center;
	}

	/* Originele submit verbergen */
	.fancybox-inner #quickquote_button,
	.fancybox-inner .adv_button_container { display: none !important; }

	/* Vaste footer knop */
	.fb-mobile-footer {
		flex-shrink: 0;
		padding: 12px 16px;
		background: #fff;
		border-top: 1px solid #e0e0e0;
	}
	.fb-mobile-submit {
		display: block;
		width: 100%;
		padding: 14px;
		border: none;
		border-radius: 8px;
		font-size: 16px;
		font-weight: 700;
		cursor: pointer;
		transition: background 0.2s, color 0.2s;
	}
	.fb-mobile-submit:not(.fb-submit-disabled) { background: #3CCB2A; color: #fff; }
	.fb-mobile-submit.fb-submit-disabled { background: #e0e0e0; color: #999; cursor: default; }
}