/** avoid using @import in .css files. https://www.giftofspeed.com/avoid-using-css-import/ */

/* TEMP:  */
html {
	position: relative;
	min-height: 100%;
	background-color: var(--main-bg-color);
}

#infoMessageBox {
	display: none;
}

.hidden {
	display: none !important;
}

a.disabled {
	pointer-events: none;
}

body {
	font-family: "Open Sans", sans-serif !important;
	color: var(--main-text-color);
	background-color: var(--main-bg-color);
}

#PageWrapper, body {
	background-color: var(--main-bg-color);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--title-font-family);
	font-weight: bold;
}

body.noScroll {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.pageContent {
	min-height: calc(100vh - 100px);
	background-color: var(--main-page-content-background-color);
}

a {
	color: var(--main-link-color);
}

a:hover {
	color: var(--main-link-color-hover);
}

.logo img {
	max-width: 250px;
}

div.logo {
	min-height: 75px;
}

.formLoader {
	position: relative;
}

.formLoader + .spinner-border, .formLoader + .spinner-grow {
	position: absolute;
	right: 25px;
	bottom: 11px;
}

.newelement-navbar-button, a.miniExpandableButton {
	font-family: Arial, sans-serif !important;
}

.productgrid.floating .products li .button_cont,
.productgrid.floating .products li .button_contact {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.productgrid ul.products > li > div,
.productgrid.floating .products li .button_cont,
.productgrid.floating .products li .button_contact {
	transition: all 0.2s ease;
	background: #fff;
}

.productgrid.floating .products li > div:hover .button_cont,
.productgrid.floating .products li > div:hover .button_contact {
	opacity: 1;
	visibility: visible;
}

.productgrid.floating .info {
	padding-bottom: 20px;
}

#ajax_search {
	flex-wrap: nowrap;
}

#ajax_search .newelement-navbar-button {
	flex: 0 0 60px;
}

#ajaxResults.hidden-itemcode h2 small {
	display: none;
}

.productgrid .products > li > div {
	position: relative;
}

.productgrid .products li > div .button_cont .alticon {
	/* display: none; */
}

.productgrid .beforeDiscount, .productgrid .beforeDiscount span {
	color: #939393;
}

.productgrid .beforeDiscount .beforeprice-wrapper {
	color: #000000;
	text-decoration: line-through;
}

@media (hover: none) and (pointer: coarse) {
	.productgrid.floating .products li > div .button_cont,
	.productgrid.floating .products li > div .button_contact,
	.productgrid.floating .products li > div svg g {
		opacity: 1 !important;
		visibility: visible;
		width: auto;
		right: 0;
	}
	
	.productgrid.floating .products li > div .button_cont a,
	.productgrid.floating .products li > div .button_contact a {
		padding: 10px 10px;
	}
	
	.productgrid.floating .products li > div .button_cont a span,
	.productgrid.floating .products li > div .button_contact a span {
		display: none;
	}
	
	.productgrid.floating .products li > div .button_cont .alticon,
	.productgrid.floating .products li > div .button_contact .alticon {
		display: block;
	}
	
	.productgrid.floating .products li > div .button_cont .alticon svg,
	.productgrid.floating .products li > div .button_contact .alticon svg {
		width: 20px;
		fill: var(--main-button-primary-font-color);
	}
	
	.productgrid.floating .products li > div .button_cont a:hover .alticon svg,
	.productgrid.floating .products li > div .button_contact a:hover .alticon svg {
		width: 20px;
		fill: var(--main-button-primary-font-color-hover);
	}
	
	.productgrid .price .secondary {
		font-weight: 300;
		font-size: 11px !important;
	}
	
	.productgrid .price .primary {
		font-weight: 500;
		font-size: 14px !important;
	}
}

/* free shipping */
body.articleType .freeShippingInfo {
	display: none;
}

.pageCrumbs > .wrapper > .container {
	position: relative;
}

.freeShippingInfo {
	text-align: right;
	float: right;
	margin-top: -20px;
	font-size: 14px;
	border: 1px solid var(--main-link-color-hover);
	padding: 2px 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	position: absolute;
	right: 10px;
	z-index: 100;
}

.freeShippingInfo i {
	font-weight: bold;
	font-style: normal;
}

div.pickMessage {
	display: none;
}

div.pickMessage b {
	font-size: 140%;
	margin: 1em 0 0 0;
	display: block;
}

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

.articleContent {
	font-weight: 300;
}

.articleSummary {
	font-weight: 400;
}

.articleSummary div.icon svg.icon {
	max-width: 80% !important;
	max-height: inherit;
	margin: 0 auto;
	display: inline !important;
	width: 80px;
	height: 80px;
}

.articleSummary .readmore {
	padding-top: 15px;
	font-weight: normal;
	text-decoration: underline;
}

.article .articleSummary .readmore {
	display: none !important;
}

.readMoreCont {
	margin-top: 6px;
}

.readMoreLink,
.article .articleContent a {
	font-size: inherit;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

.readMoreLink:hover, .article .articleContent a:hover {
	text-decoration: none;
	color: #000000;
	border-bottom: 1px dotted #000000;
}

/* responsive root font size */
html {
	font-size: 13px;
}

@media (min-width: 768px) {
	html {
		font-size: 15px;
	}
}

@media (min-width: 992px) {
	html {
		font-size: 16px;
	}
}

.pageTopbar, .pageHeader, .pageMainNav {
	background-color: var(--main-header-bg-color);
	color: var(--main-header-text-color);
}

.pageTopbar a, .pageHeader .cart a, .pageMainNav a {
	color: var(--main-header-font-color);
}

.pageTopbar a:hover, .pageHeader .cart a:hover, .pageMainNav a:hover {
	color: var(--main-header-font-color-hover);
}

.pageMainNav {
	min-height: 0px;
}

.headerButtons .header-button {
	color: var(--main-header-font-color);
	white-space: nowrap;
}

.headerButtons .header-button:hover {
	color: var(--main-header-font-color-hover);
}

.headerButtons .header-button {
	text-decoration: none;
	padding: 12px 0;
	text-align: center;
	height: 42.5px;
	border-radius: 4px;
	font-weight: 500;
	display: inline-block;
	border: none;
	outline: none !important;
	width: calc(100% - 15px);
	font-size: 12px;
	margin-left: 10px;
	line-height: 12px;
	text-overflow: ellipsis;
}

.headerButtons .header-button:first-child {
	margin-left: 0px;
}

/* .headerButtons .button_container svg {
	height: 30px;
} */
.headerButtons .button_container a {
	position: relative;
	padding: 0px;
	width: auto;
	height: auto;
}

.headerButtons .header-button .bubble {
	margin: 0;
	padding: 0 !important;
	position: absolute;
	left: 5px;
	top: 10px;
	height: 20px;
	width: 20px;
	line-height: 18px;
	background-color: var(--main-button-primary-color);
	border: solid 1px var(--main-button-primary-color);
	color: var(--main-button-primary-font-color);
	fill: var(--main-button-primary-font-color);
	border-radius: 50px;
	text-align: center;
	font-weight: 400;
	outline: none !important;
	font-size: 12px;
	opacity: 1;
	transition: 0.25s opacity ease-in-out;
	
}

.headerButtons .header-button .bubble.empty {
	opacity: 0;
}

.no-scrollbar {
	scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
	display: none;
}


.mw-1 {
	min-width: 230px;
}

.hide_empty:empty {
	display: none !important;
}

.loginStrip {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

.loginStrip .logout_link a {
	/*color:#ff0000;*/
}

.loginStrip.list-inline {
	font-size: 10px !important;
	text-transform: uppercase;
	vertical-align: middle;
}

.loginStrip form {
	display: inline;
}

/* cart button */
.cart {
	margin-top: 0px;
}

.cart-button:not(.header-button) {
	background-color: #071523;
	/* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2); */
	padding: 12px 0;
	text-align: center;
	height: 42.5px;
	border-radius: 4px;
	font-weight: 500;
	display: inline-block;
	color: #FFFFFF !important;
	border: none;
	outline: none !important;
	width: calc(100% - 15px);
	font-size: 12px;
	margin-left: 15px;
	line-height: 12px;
}

.toggler-button {
	margin-right: 15px;
	margin-left: 0px;
}


.cart-button:hover, .cart-button:active, .cart-button:visited {
	text-decoration: none !important;
	cursor: pointer;
}


.cart-button .cart-svg {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 8px;
	margin-left: 10px;
	vertical-align: text-top;
}

.cart-button span {
	vertical-align: text-top;
}

.cart-button span {
	vertical-align: baseline;
}

.header-button.cart-button.empty {
	display: none !important;
}

.item-number {
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.16);
	height: 20px;
	padding: 3px 6px;
	font-weight: 500;
	display: inline-block;
	margin-left: 8px;
	margin-right: 7px;
}

@media screen and (max-width: 991px) {
	.headerButtons .cart-svg {
		margin: 0 auto;
		display: block;
		width: 18px;
		height: 18px;
	}
	
	.headerButtons .item-number {
	}
	
	.cart-button .item-number {
		position: absolute;
		display: block;
		top: -10px;
		right: -10px;
		padding: 0px 3px;
		margin: 0;
		height: 20px;
		line-height: 19px;
		border-radius: 50px;
		min-width: 20px;
		text-align: center;
		background-color: #979393;
		border: 1px solid #fff;
	}
}


@media screen and (max-width: 470px) {
	.cart-button {
		margin-left: 4px;
		width: calc(100% - 4px);
	}
	
	.toggler-button {
		margin-right: 4px;
		width: calc(100% - 4px);
	}
}


/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
	
	body.dropdownOn #modalDialogOverlay {
		position: relative;
		transition: opacity 1.15s ease-in-out;
		display: block !important;
		z-index: 16 !important;
	}
	
	body #modalDialogOverlay {
		top: 135px;
		bottom: 0px;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.35);
		display: block;
		z-index: -1;
		visibility: hidden;
		opacity: 0;
		transition: opacity .15s ease-in-out;
	}
	
	body.dropdownOn #modalDialogOverlay {
		visibility: visible;
		opacity: 1;
		position: absolute;
		z-index: 3;
	}
	
	body.dropdownOn .footerCont {
		z-index: 16;
	}
	
	body.dropdownOn .pageContent {
		/*overflow: hidden;
		height:100%;*/
	}
}

/* page top bar */
.pageTopbar {
	font-size: 12px;
	min-height: 28px;
}

.pageTopbar ul li a {
	text-decoration: underline;
	font-size: inherit;
}

.pageTopbar ul li {
	font-size: inherit;
}

.pageTopbar ul li a:hover {

}

.pageTopbar .iconList svg.icon {
	max-width: 1.4em;
	max-height: 1.4em;
}

.pageTopbar {
	background-color: var(--main-footer-color);
	margin-bottom: 0;
	color: #fff;
}

.pageTopbar a {
	color: var(--main-footer-font-link-hover);
}

.pageTopbar a:hover {
	color: var(--main-footer-font-link-hover);
}


/* searchbar */
.newelement-navbar-input {
	padding: 9.5px 16px !important;
	border-radius: 4px 0 0 4px;
	border: 1px solid #cacaca !important;
	border-right: none !important;
	outline: 0 none;
	font-size: 15px !important;
	margin-bottom: 0 !important;
	color: #000;
	background-color: #ececec;
	max-width: calc(100% - 50px);
}

@media (max-width: 470px) {
	.newelement-navbar-input.col-10 {
		flex: 0 0 78%;
		max-width: 78%;
		margin-left: 5%;
	}
}

.newelement-navbar-button {
	background-color: var(--main-button-primary-color);
	border: 1px solid var(--main-button-primary-color);
	border-radius: 0 4px 4px 0;
	color: var(--main-button-primary-font-color);
	fill: var(--main-button-primary-font-color);
	padding: 10px 0;
	padding-right: 0px;
	padding-left: 0px;
	height: 43.5px;
	cursor: pointer;
	line-height: 21px;
}

@media (max-width: 470px) {
	.newelement-navbar-button {
		height: 45px;
	}
}

/* bread crumbs */
.pageCrumbs {
	background-color: var(--main-page-crumbs-background-color);
}

.pageCrumbs ol.breadcrumb {
	margin-bottom: 0;
	font-size: 10px;
	padding: 8px 10px;
	text-transform: uppercase;
	background-color: transparent;
}

.pageCrumbs ol.breadcrumb a {
	color: #516983;
}

.pageCrumbs ol.breadcrumb a:hover {
	color: #07468a;
}

.hidecrumbs .pageCrumbs {
	display: none;
}

/* template */

/* group */
.groupTitle {
	text-transform: uppercase;
	/* color: var(--main-header-font-color); */
}

.groupDesc {
	color: #3c3b3b;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px;
	margin-top: 0px;
}

.groupTitleCont .groupTitle {
	border-bottom: 1px solid #ccc;
}

ul.groupImages {
	list-style: none;
	padding: 0;
}

ul.groupImages li {
	margin: 2px 0px;
}

/* Sidebar (group list) */
.subgroupslist .list-group .list-group-item {
	padding: .45rem 0.55rem;
	font-size: 13px;
	color: #000;
	background-color: rgba(255, 255, 255, 0);
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	border-radius: 0;
	padding-left: 2px;
}

.subgroupslist .list-group .list-group-item:hover {
	background-color: rgba(255, 255, 255, 0.42) !important;
}

.subgroupslist .list-group-item-child {
	font-size: 12px !important;
	font-weight: 200;
	padding-left: 15px !important;
}

.subgroupslist .list-group > .list-group-item.active {
	background-color: #f3f5f9;
	border-color: #d7d7d7;
}

.subgroupslist .list-group > .list-group-item.active i,
.subgroupslist .list-group > .list-group-item:hover i {
	color: #000;
}

.subgroupslist .list-group i {
	font-size: 15px;
	color: #ccc;
}

/*.subgroupslist.tile-system .card {*/
/*	background-color: var(--sub-group-card-background-color);*/
/*}*/

/* single product page */

.product_title .title,
.price .primary h1,
.price .primary .h1,
.product .nonvariant h4,
.componentItems .variants h4,
.card.shopping-cart .product-name a,
.articleHead,
.frontpageArticle .inlineArticleTitle h1,
.inlineArticleTitle h1 {
	/* font-family: 'Yanone Kaffeesatz', sans-serif !important; */
	font-family: 'Saira Extra Condensed', sans-serif !important;
}

.variants .input-group.empty::after {
	opacity: 0 !important;
	top: -5px;
}

.variants .input-group::after {
	top: -11px;
	opacity: 1;
	content: attr(data-title);
	text-transform: uppercase;
	position: absolute;
	font-size: 11px;
	left: 20px;
	top: -11px;
	color: #898787;
}

.variants .input-group::after {
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.button_picker {
	color: var(--product-subtitles-active);
	border-color: var(--product-subtitles-active);
	border-bottom-color: var(--product-subtitles-active);
	font-weight: 900;
	border-bottom: var(--product-subtitles-border-thickness) solid #ccc;
	padding: 4px 2px 7px 2px;
}

.product .itemBuyButton.btn {
	padding: 15px 30px;
}

.product_title .title, .price .primary h1 {
	font-weight: 600;
}

.price .primary h1 {
	font-weight: 600;
	color: #4485ae;
}

.price .primary h1 .from {
	font-size: 50%;
}

.itemShortDesc {
	color: #3e3f41;
	margin-bottom: 5px;
	margin-top: 0px;
}

.price .primary .beforeDiscount {
	text-decoration: line-through;
	color: #a3a4a5 !important;
	padding-left: 25px;
}

#productCarousel .list-inline {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

#productCarousel .carousel-indicators {
	position: static;
	left: initial;
	width: initial;
	margin: 10px 0 0 0;
	padding: 4px 0;
	justify-content: flex-start;
	
}

#productCarousel .carousel-indicators > li {
	width: initial;
	height: initial;
	text-indent: initial;
	background-color: #fff;
}

#productCarousel .carousel-indicators > li img {
	max-width: 70px;
	border: 1px solid #ccc;
}

#productCarousel .carousel-indicators .list-inline-item:first-child {
	/* margin-left: 30px; */
}

#productCarousel .carousel-indicators > li.active img {
	/* opacity: 0.7; */
	box-shadow: 0px 0px 7px -2px rgba(0, 0, 0, 0.4);
	border: 1px solid #999;
}

#productCarousel .carousel-control-prev-icon,
#productCarousel .carousel-control-next-icon {
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2,Color='#444')";
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.7));
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.7));
}

#productCarousel.carousel {
	height: auto;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12' fill='%23fff'%3E%3Cpath class='cls-1' d='M8.79,12,7,10.47,10,7H0V5H10L7,1.47,8.79,0,14,6Z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon.dark {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12' fill='%23484848'%3E%3Cpath class='cls-1' d='M8.79,12,7,10.47,10,7H0V5H10L7,1.47,8.79,0,14,6Z'/%3E%3C/svg%3E");
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12' fill='%23fff'%3E%3Cpath class='cls-1' d='M5.21,12,7,10.47,4,7H14V5H4l3-3.5L5.21,0,0,6Z'/%3E%3C/svg%3E");
}

.carousel-control-prev-icon.dark {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12' fill='%23484848'%3E%3Cpath class='cls-1' d='M5.21,12,7,10.47,4,7H14V5H4l3-3.5L5.21,0,0,6Z'/%3E%3C/svg%3E");
}

/* add margin bottom if not contained single in its own wrapper. we can have multiple article carousel in a page*/
[id^="articleCarousel"].slide:not(.single) {
	margin-bottom: 1rem;
}

.frontpageSlider .carousel-inner .carousel-item .carousel-caption {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.btn-product {
	width: 100%;
	text-align: left;
	padding: 4px 2px 12px 2px;
	border-bottom: var(--product-subtitles-border-thickness) solid #ccc;
	display: block;
	text-decoration: none;
	
}

.btn-product:hover {
	text-decoration: none;
}

a.btn-product {
	color: #505050;
	font-weight: 600;
}

a.btn-product i {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

a.btn-product[aria-expanded="true"] {
	color: var(--product-subtitles-active);
	border-color: var(--product-subtitles-active);
}

a.btn-product[aria-expanded="true"] i {
	transform: rotate(180deg);
}

.product_collpase {
	color: #505050;
}

.product .badge .discount {
	font-weight: 600 !important;
	
}

.product .badge {
	border-radius: 2px;
}

.product .custom-select {
	background-color: transparent;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
	background-size: 24px;
	background-position: 99% 10%;
	height: auto;
	font-size: 1rem;
	padding: 4px 2px 12px 2px;
	border: none;
	border-bottom: 2px solid #ccc;
	border-radius: 0;
	display: block;
	text-decoration: none;
	font-weight: 600;
	cursor: pointer;
	
}

.product .custom-select:focus, .product .custom-select:active, .product .custom-select:hover {
	border-color: var(--product-subtitles-active);
}

.product select.custom-select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

.product .custom-select:focus {
	outline: 0;
	box-shadow: none !important;
}

div.componentItems div.nonvariant, div.componentItems .subvariant_cont {
	border-bottom: 1px solid #dadada;
}

.product .componentItems h4 > i.material-icons {
	line-height: inherit;
}

ol.selectorButtons {
	list-style: none;
	padding: 0;
}

ol.selectorButtons li {
	display: inline;
	padding-right: 5px;
}

ol.selectorButtons li.selected a {
	box-shadow: inset 0px 0px 5px rgba(30, 30, 30, 0.2);
	background-color: var(--main-button-secondary-color-hover);
}

#collapseDescription img {
	max-width: 100%;
}

#collapseDescription .tableContainer {
	overflow-x: auto;
	width: 100%;
	padding: 10px 5px;
	/* box-shadow: 0px 0px 10px inset rgba(0, 0, 0, 0.13); */
	box-shadow: none;
}

#collapseDescription table {
	display: none;
}

#collapseDescription .tableContainer table {
	display: table !important;
	min-width: 100%;
}

#collapseDescription .tableContainer table td, #collapseDescription .tableContainer table th {
	padding: 2px 5px;
}

#collapseDescription table {
	width: auto;
}

#collapseDescription .embed-responsive {
	margin-top: 10px;
	margin-bottom: 10px;
}

#collapseDescription h1, #collapseDescription h2, #collapseDescription h3, #collapseDescription h4, #collapseDescription h5, #collapseDescription h6,
.groupDesc h1, .groupDesc h2, .groupDesc h3, .groupDesc h4, .groupDesc h5, .groupDesc h6,
.articleContent h1, .articleContent h2, .articleContent h3, .articleContent h4, .articleContent h5, .articleContent h6 {
	margin-top: 10px;
	margin-bottom: 5px;
}

#collapseDescription h1, .groupDesc h1, .articleContent h1 {
	font-size: 24px;
}

#collapseDescription h2, .groupDesc h2, .articleContent h2 {
	font-size: 22px;
}

#collapseDescription h3, .groupDesc h3, .articleContent h3 {
	font-size: 20px;
}

#collapseDescription h4, .groupDesc h4, .articleContent h4 {
	font-size: 18px;
}

#collapseDescription h5, .groupDesc h5, .articleContent h5 {
	font-size: 16px;
}

#collapseDescription h6, .groupDesc h6, .articleContent h6 {
	font-size: 14px;
	font-weight: bold;
}

#collapseDescription {
	transition: all 500ms ease;
}

#collapseDescription.show-more > div {
	height: 500px;
	overflow-y: hidden;
}

#collapseDescription > div {
	position: relative;
	display: inline-block;
	overflow-x: auto;
}

#collapseDescription.show-more > div::after {
	content: "";
	position: absolute;
	bottom: 0px;
	height: 100px;
	width: 100%;
	z-index: 10;
	left: 0px;
	right: 0px;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}


.specsContainer table {
	background-color: #fff;
}

.specsContainer .table-bordered:not(.table-striped) th {
	background-color: #f2f2f2;
}


/* product grid */

.productgrid ul.products {
}

.productgrid ul.products .specsStretcher {
	font-size: 12px;
	line-height: 16px;
}

.productgrid ul.products li {
	list-style: none;
	
}

.productgrid ul.products > li > div {
	box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.18);
}

.productgrid ul.products > li > div:hover {
	box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.27);
}

.productgrid ul li > div {
	padding-bottom: 90px;
	transition: padding 100ms ease-in-out;
}

.productgrid ul.products {
	padding: 0;
}

.productgrid .name {
	word-break: normal;
	overflow: hidden;
}

.productgrid .image {
	min-height: 100px;
}

.productgrid .menu {
	width: 100%;
}


.productgrid .desc {
	font-size: 12px;
	line-height: 15px;
	margin-top: 4px;
	color: var(--product-descr-font-color);
	min-height: 1em;
	width: 100%;
	word-break: break-word;
}

.productgrid .desc h3, .productgrid .desc h2, .productgrid .desc h1 {
	font-size: inherit;
	font-weight: bold;
	margin-bottom: 4px;
	color: inherit;
}

.productgrid .name a {
	color: var(--product-title-font-color);
	text-decoration: none;
	background-color: transparent;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	display: inline-block;
	margin-top: 4px;
}

.productgrid .name a:hover, .productgrid .name a:active, .productgrid .name a:visited, .productgrid .name a:focus {
	color: var(--product-title-font-color-hover);
	text-decoration: none;
}

.productgrid .menu.btn-group {
	background-color: #f8f8f8;
}

.productgrid .menu .btn {
	border-radius: 0;
}

.productgrid .menu .btn:focus {
	outline: 0;
	box-shadow: none;
	border-radius: 0;
}

.productgrid .price {
	padding: 5px 2px 2px 4px;
}

.productgrid .grid2,
.productgrid .grid3,
.productgrid .grid4,
.productgrid .grid5 {
	padding: 5px !important;
}

.productgrid .grid5 .bottom-align, .productgrid .grid4 .bottom-align, .productgrid .grid3 .bottom-align {
	position: absolute;
	bottom: 6px;
	left: 6px;
	right: 6px;
}

.productgrid .grid2 .bottom-align {
	position: absolute;
	bottom: 16px;
	left: 15px;
	right: 24px;
}


.productgrid .price .primary {
	font-weight: 600;
	font-size: 18px;
}

.productgrid .price .secondary {
	font-weight: 400;
	font-size: 12px;
	color: #6e6e6e;
}

.productgrid .code.badge {
	font-size: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	display: inline-block;
	margin-top: 3px;
	margin-bottom: -8px;
}

.productgrid .showDiscountTextCont, .productgrid .showEconomy {
	position: absolute;
	right: -5px;
	padding: 0px;
	text-transform: uppercase;
	top: 12px;
	text-align: center;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	z-index: 2;
}

.productgrid .showEconomy {
	top: 30px;
	text-transform: none;
}

.productgrid .showDiscountTextCont div, .productgrid .showEconomy div {
	border-radius: 0px;
	padding: 2px 10px;
	background-color: var(--product-discount-color);
	color: var(--product-discount-font-color);
	margin: 0 auto;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	
}

.productgrid .showDiscountTextCont div strong, .productgrid .showEconomy div strong {
	font-weight: 500;
	font-size: 14px;
}

.productgrid .showDiscountTextCont::before, .productgrid .showEconomy::before {
	content: " ";
	border-bottom: 5px solid transparent;
	position: absolute;
	right: 0px;
	bottom: -5px;
	z-index: 1;
	width: 0;
	height: 5px;
	/*border-radius: 100px;*/
	overflow: hidden;
	border-left: 5px solid var(--product-discount-shadow-color);
}

.productgrid .pagination {
	text-transform: uppercase;
	font-weight: 200;
}

.productgrid .pagination.small {
	font-size: 80%;
}

.productgrid .pagination strong {
	font-weight: 500;
}

.productgrid .page-link {
	color: var(--main-button-primary-font-color);
	background-color: var(--main-button-primary-color);
	border-color: var(--main-button-primary-color);
	border-radius: 50px !important;
	margin-left: 0px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 20px;
	font-size: 18px;
	padding: 0 !important;
	margin: 0;
}

.productgrid .page-link:focus {
	box-shadow: 0 0 0 .2rem rgba(168, 168, 168, 0.25);
}

.productgrid .page-link:hover {
	color: var(--main-button-primary-font-color-hover);
	background-color: var(--main-button-primary-color-hover);
	border-color: var(--main-button-primary-color-hover);
}

.productgrid .page-link:not([href]):not([tabindex]) {
	background-color: transparent;
	border-color: #d7d7d7;
}

.specsStretcher.showMoreSpecs {
	position: relative;
}

.specsStretcher.showMoreSpecs > div {
	display: none;
}

.specsStretcher .specItem strong {
	font-weight: 600;
}

.specsStretcher .specItem em {
	display: block;
	padding-left: 5px;
}

.specsStretcher {
	margin-top: 5px;
}

.specsStretcher > div {
	background-color: #f3f3f3;
	padding: 3px 5px;
}

/* stock */
.stockstatus.stock:not(.badge) {
	margin-top: 12px;
	font-size: 14px;
	line-height: 24px;
	
}

.stockstatus.stock.noStock {

}

.stock.stockstatus:not(.badge) > svg {
	font-size: 18px;
	margin-right: 3px;
	display: inline-block;
	vertical-align: bottom;
}

.stock.inStock {

}

.stock.deliverystock:not(.badge) svg {
	fill: darkorange;
}

.stock.manyinstock:not(.badge) svg {
	fill: #47b821;
}

.stock.fewinstock:not(.badge) svg {
	fill: #47b821;
}

.stock.manyinstock.secondarystocklocation:not(.badge) svg {
	fill: darkorange;
}

.stock.fewinstock.secondarystocklocation:not(.badge) svg {
	fill: darkorange;
}

.stock.noneinstock:not(.badge) svg {
	fill: firebrick;
}

.productgrid .stockstatus .stock-text {
	display: none !important;
}

.productgrid .stockstatus {
	position: absolute;
	outline: none;
	background: rgb(255, 255, 255);
	background-color: rgba(var(--main-stock-status-underlayer-color), var(--main-stock-status-underlayer-opacity));
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 20px;
	text-align: center;
	right: 4px;
	margin: 0 !important;
	padding: 0 !important;
	bottom: 4px;
}

.productgrid .stockstatus i {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 27px;
}

.productgrid .stockstatus svg {
	margin: 0 !important;
	padding: 0 !important;
	min-height: 20px;
	min-width: 20px;
}

.productgrid .image {
	position: relative;
}


/* ----- buyindicator ----- */
div.buyIndicator, div.spinner-cont {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	z-index: 1021;
}

div.buyIndicator > div, div.spinner-cont > div {
	background-color: rgba(255, 255, 255, 0.6);
	opacity: 1;
	padding: 2em 3em;
	text-align: center;
	color: #000;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	font-weight: 900;
}

body.loader_showing {
	height: 100%;
	overflow: hidden;
}


/* spinner */

.spinner {
	-webkit-animation: rotator 1.4s linear infinite;
	animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

@keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

.path {
	stroke-dasharray: 187;
	stroke-dashoffset: 0;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
	animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
	0% {
		stroke: #4285F4;
	}
	25% {
		stroke: #DE3E35;
	}
	50% {
		stroke: #F7C223;
	}
	75% {
		stroke: #1B9A59;
	}
	100% {
		stroke: #4285F4;
	}
}

@keyframes colors {
	0% {
		stroke: #4285F4;
	}
	25% {
		stroke: #DE3E35;
	}
	50% {
		stroke: #F7C223;
	}
	75% {
		stroke: #1B9A59;
	}
	100% {
		stroke: #4285F4;
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 187;
	}
	50% {
		stroke-dashoffset: 46.75;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	100% {
		stroke-dashoffset: 187;
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 187;
	}
	50% {
		stroke-dashoffset: 46.75;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	100% {
		stroke-dashoffset: 187;
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
}


/* login site */
.usertype nav.nav-pills .nav-link {
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.29);
}

.nav-pills .nav-link {
	font-size: 13px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: var(--main-button-secondary-font-color);
	background-color: var(--main-button-secondary-color);
}

.nav-link:hover, .nav-link:focus {
	text-decoration: var(--main-button-secondary-color);
}

div.register .hidable {
	display: none;
}

/* Carousell slider frontpage */
.frontpageSlider .carousel-inner .carousel-item {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpageSlider .carousel-caption {
	top: 50%;
	bottom: auto;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.frontpageSlider .carousel-caption > p a {
	color: inherit;
	text-decoration: underline;
}

.frontpageSlider .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	transition: all 0.2s ease-out;
	top: 0px;
}

.frontpageSlider .carousel-inner.no-overlay .overlay {
	display: none !important;
}

.frontpageSlider .carousel.articles_1 .carousel-control-next,
.frontpageSlider .carousel.articles_1 .carousel-control-prev,
.frontpageSlider .carousel.articles_1 .carousel-indicators {
	display: none !important;
}

.frontpageArticle .inlineArticle {
	padding: 30px 20px 0px 20px;
	background-color: #fff;
}

.frontpageArticle .inlineArticle:last-child {
	padding-bottom: 30px;
}

.designPlus .inlineArticle > div.articleSummary > span > a > svg.icon {
	margin-right: .5rem;
	height: 2rem;
	width: 2rem;
	min-height: 2rem;
	min-width: 2rem;
}

.proviso {
	font-weight: 200;
	font-size: 0.9rem;
	text-align: center;
	display: block;
	width: 100%;
}

/* front slider */

.articlegroup .bubble {
	position: absolute;
	width: 50px;
	height: 50px;
	right: 10px;
	top: 10px;
	background: red;
	color: #fff;
	border-radius: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
}

/* footer */

.footerCont {
	background-color: var(--main-footer-color);
	color: var(--main-footer-font);
	font-size: 12px;
	min-height: 210px;
	bottom: 0;
}

.footerCont h5 {
	color: var(--main-footer-header-font);
}

.footerCont p {
	margin-bottom: 2px;
}

.footerCont a, .footerCont a:visited:not(.btn) {
	color: var(--main-footer-font-link);
}

.footerCont a:hover, .footerCont a:hover:visited {
	color: var(--main-footer-font-hover);
}

.footerCont ul {
	list-style: none;
	padding-left: 2px;
}

.footerCont hr {
	opacity: .5;
}

.footerCont .row > div > h5 {
	margin-top: 15px;
}


/*account*/

.payment_container .table.summary, .account_container .table.summary {
	font-size: 15px;
}

.account .vehicle-list table td {
	min-width: 40px;
}

.salesheadlines_invoice table thead {
	border-bottom: 1px solid #dee2e6;
}

.salesheadlines_invoice table tfoot {
	border-bottom: 1px solid #dee2e6;
	background-color: #f9f9f9;
}

#phoneDropdown {
	padding: 8px 10px;
	z-index: 1;
	position: relative;
}

label.qField > span.icon {
	line-height: 2.2em;
	height: 100%;
	padding: 0 .5em;
	margin-right: -.4em;
	color: #333;
}

label.qField input {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: transparent;
	border: none;
	width: 100%;
	min-height: 100%;
}

.qField input:focus-visible {
	outline: none;
}

label.qField:focus input {
	border-bottom: 2px solid #000;
}


/* entity */

#entityTabContent .hidewhenentitiy {
	display: none !important;
}

/* */
.card-shadow {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.container {
	/* this is a hack for not collapsing margins very usefull when using bootstrap mt-x (for example) */
	border-bottom: 1px solid transparent;
}

/* override the min margins when responsive breaks */
@media (min-width: 576px) {
	.container {
		max-width: 750px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 920px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 1150px;
	}
	
	.btn.default-btn {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}


.btn:not(.cart-button) {
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 13px;
}

.btn:not(.cart-button):not(.ignore-custom) {
	border-radius: 1px;
}

.btn.btn-sm {
	padding: 6px 19px;
	letter-spacing: 1px;
	font-size: 11px;
}

.btn-primary {
	color: var(--main-button-primary-font-color);
	background-color: var(--main-button-primary-color);
	border-color: var(--main-button-primary-color);
}

.btn-primary:hover {
	color: var(--main-button-primary-font-color-hover);
	background-color: var(--main-button-primary-color-hover);
	border-color: var(--main-button-primary-color-hover);
}

.btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0 0px 0.1rem rgba(135, 135, 135, 0.38);
}

.btn-primary.disabled, .btn-primary:disabled {
	color: var(--main-button-primary-font-color);
	background-color: var(--main-button-primary-color);
	border-color: var(--main-button-primary-color);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: var(--main-button-primary-font-color);
	background-color: var(--main-button-primary-color);
	border-color: var(--main-button-primary-color);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn.dropdown-toggle:focus {
	box-shadow: none;
}

.text-primary {
	color: var(--main-button-primary-color) !important;
}

a.text-primary:hover, a.text-primary:focus {
	color: var(--main-button-primary-color-hover) !important;
}

.text-secondary {
	color: var(--main-button-secondary-color) !important;
}

a.text-secondary:hover, a.text-secondary:focus {
	color: var(--main-button-secondary-color-hover) !important;
}

.btn-secondary {
	color: var(--main-button-secondary-font-color);
	background-color: var(--main-button-secondary-color);
	border-color: var(--main-button-secondary-color);
}

.btn-secondary:hover {
	color: var(--main-button-secondary-font-color);
	background-color: var(--main-button-secondary-color-hover);
	border-color: var(--main-button-secondary-color-hover);
}

.btn-secondary:focus, .btn-secondary.focus {
	box-shadow: 0 0 0px 0.1rem rgba(135, 135, 135, 0.38);
}

.btn-secondary.disabled, .btn-secondary:disabled {
	color: var(--main-button-secondary-font-color);
	background-color: var(--main-button-secondary-color);
	border-color: var(--main-button-secondary-color);
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
	color: var(--main-button-secondary-font-color);
	background-color: var(--main-button-secondary-color);
	border-color: var(--main-button-secondary-color);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-success {
	color: var(--main-button-success-font-color);
	background-color: var(--main-button-success-color);
	border-color: var(--main-button-success-color);
}

.btn-success:hover {
	color: var(--main-button-success-font-color-hover);
	background-color: var(--main-button-success-color-hover);
	border-color: var(--main-button-success-color-hover);
}

.btn-success:focus, .btn-success.focus {
	box-shadow: 0 0 0px 0.1rem rgba(135, 135, 135, 0.38);
}

.btn-success.disabled, .btn-success:disabled {
	color: var(--main-button-success-font-color);
	background-color: var(--main-button-success-color);
	border-color: var(--main-button-success-color);
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
	color: var(--main-button-success-font-color);
	background-color: var(--main-button-success-color);
	border-color: var(--main-button-success-color);
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-info {
	color: var(--main-button-info-font-color);
	background-color: var(--main-button-info-color);
	border-color: var(--main-button-info-color);
}

.btn-info:hover {
	color: var(--main-button-info-font-color);
	background-color: var(--main-button-info-color-hover);
	border-color: var(--main-button-info-color-hover);
}

.btn-info:focus, .btn-info.focus {
	box-shadow: 0 0 0px 0.1rem rgba(135, 135, 135, 0.38);
}

.btn-info.disabled, .btn-info:disabled {
	color: var(--main-button-info-font-color);
	background-color: var(--main-button-info-color);
	border-color: var(--main-button-info-color);
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
	color: var(--main-button-info-font-color);
	background-color: var(--main-button-info-color);
	border-color: var(--main-button-info-color);
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-warning {
	color: var(--main-button-warning-font-color);
	background-color: var(--main-button-warning-color);
	border-color: var(--main-button-warning-color);
}

.btn-warning:hover {
	color: var(--main-button-warning-font-color);
	background-color: var(--main-button-warning-color-hover);
	border-color: var(--main-button-warning-color-hover);
}

.btn-warning:focus, .btn-warning.focus {
	box-shadow: 0 0 0px 0.1rem rgba(135, 135, 135, 0.38);
}

.btn-warning.disabled, .btn-warning:disabled {
	color: var(--main-button-warning-font-color);
	background-color: var(--main-button-warning-color);
	border-color: var(--main-button-warning-color);
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
	color: var(--main-button-warning-font-color);
	background-color: var(--main-button-warning-color);
	border-color: var(--main-button-warning-color);
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
	box-shadow: none;
}


.btn-danger {
	color: var(--main-button-danger-font-color);
	background-color: var(--main-button-danger-color);
	border-color: var(--main-button-danger-color);
}

.btn-danger:hover {
	color: var(--main-button-danger-font-color);
	background-color: var(--main-button-danger-color-hover);
	border-color: var(--main-button-danger-color-hover);
}

.btn-danger:focus, .btn-danger.focus {
	box-shadow: 0 0 0px 0.1rem rgba(135, 135, 135, 0.38);
}

.btn-danger.disabled, .btn-danger:disabled {
	color: var(--main-button-danger-font-color);
	background-color: var(--main-button-danger-color);
	border-color: var(--main-button-danger-color);
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
	color: var(--main-button-danger-font-color);
	background-color: var(--main-button-danger-color);
	border-color: var(--main-button-danger-color);
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
	box-shadow: none;
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none;
	color: var(--main-button-primary-font-color);
	text-decoration: none;
}

.btn-group-lg > .btn, .btn-lg {
	
	padding: .7rem 1rem;
	font-size: 0.9rem;
	line-height: 1.5;
	border-radius: .1rem;
	text-transform: uppercase;
	
}

/* icons */

.material-icons.md-18 {
	font-size: 18px;
}

.material-icons.md-24 {
	font-size: 24px;
}

.material-icons.md-36 {
	font-size: 36px;
}

.material-icons.md-48 {
	font-size: 48px;
}

.btn > .material-icons {
	font-size: 18px;
	line-height: 16px;
	margin-top: -1px;
}

/* newsletter */
.newsletter .message {
	display: none;
}

.newsletter .input-group {
	min-width: 300px;
}

/* ----- cookiewarning */
div.cookieWarning {
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	color: #ffffff;
	padding: 10px;
	text-align: center;
	z-index: 100000000; /* get past zendesk... */
	line-height: 1.6em;
}

div.cookieWarning.hidden {
	display: none;
}

div.cookieWarning a.readmore:after {
	content: "...";
}


/* remove ugly partstream #curtain effect */
#curtain {
	display: none !important;
	opacity: 0 !important;
	width: 0px !important;
	height: 0px !important;
	visibility: hidden;
}


/* sign */
.signDescription {
	font-size: 18px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
	font-weight: 600;
}

.neForm ::-webkit-input-placeholder {
	font-size: 90%;
	font-weight: 300;
}

.neForm :-ms-input-placeholder {
	font-size: 90%;
	font-weight: 300;
}

.neForm ::placeholder {
	font-size: 90%;
	font-weight: 300;
}

/* breakable table */
table.breakable caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
}

table.breakable tr {
	border: 1px solid #ddd;
	padding: .35em;
}

table.breakable thead tr {
	background-color: #f8f8f8;
}

table.breakable th,
table.breakable td {
	text-align: center;
}

table.breakable th {
	font-size: .85em;
	letter-spacing: .1em;
	text-transform: uppercase;
}

@media screen and (max-width: 600px) {
	table.breakable {
		border: 0;
	}
	
	table.breakable caption {
		font-size: 1.3em;
	}
	
	table.breakable thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	
	table.breakable tbody tr td:first-child {
		border-top: 0;
		background-color: #f8f8f8;
	}
	
	table.breakable td .material-icons {
		display: none;
	}
	
	
	table.breakable tr {
		
		display: block;
		margin-bottom: .625em;
		padding: 0;
	}
	
	table.breakable td {
		
		display: block;
		font-size: .8em;
		text-align: right;
		min-height: 26px;
		padding: 5px 11px;
	}
	
	table.breakable td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	table.breakable td:last-child {
		border-bottom: 0;
	}
}

.table-no-border tr, .table-no-border td, .table-no-border {
	border: none;
}

.itemlist .summary tr:last-child {
	border-top: 1px solid #ccc;
}

.table-fixed {
	table-layout: fixed;
}

/* qmodal override */
div.qModal {
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px black;
	border: 0;
	padding: 1.3em;
	min-width: 250px;
	left: calc(5% - 10px);
	right: calc(5% - 10px);
	width: calc(90% - 20px);
	display: block;
	z-index: 1020 !important;
	max-width: 1000px;
}

div.qModal.half {
	left: calc(5% - 10px);
	right: calc(5% - 10px);
	max-width: 450px;
}

div.qModal.twothirds {
	left: calc(20% - 10px);
	right: calc(20% - 10px);
	width: calc(60% - 20px);
}

div.qModal > a.close {
	right: 0.7em;
	top: 0.5em;
	width: 1.2em;
	height: 1.2em;
	-webkit-mask-size: 1.2em;
	mask-size: 1.2em;
}

.qModal .button.primary.close {
	background-color: var(--main-button-primary-color);
	fill: var(--main-button-primary-font-color);
	color: var(--main-button-primary-font-color);
	border: none;
	font-size: 1em;
	padding: 10px 15px;
	font-weight: 100;
	border-radius: 3px;
	text-transform: uppercase;
}

@media screen and (max-width: 700px) {
	div.qModal {
		left: calc(2% - 5px);
		right: calc(2% - 5px);
		width: calc(96% - 10px);
	}
}

#qModalMask {
	background-color: #000;
}

.qModal .controls .button {
	text-decoration: none;
}

div.qDialog.primary > div.controls a.default,
div.qDialog.secondary > div.controls a.default {
	text-align: center;
	border: 1px solid transparent;
	padding: 8px 5px;
	background-color: var(--main-button-primary-color);
	border-radius: 3px;
	color: var(--main-button-primary-font-color);
}

div.qDialog.primary > div.controls a.default:hover,
div.qDialog.secondary > div.controls a.default:hover {
	border: 1px solid transparent;
	background-color: var(--main-button-primary-color-hover);
	color: var(--main-button-primary-font-color-hover);
}

div.qDialog > div.controls a.default.disabled:hover {
	background-color: var(--main-button-primary-color);
}

.qModal .controls .button.cancel {
	text-align: center;
	border: 0px;
	padding: 8px 5px;
	background-color: #b9b9b9;
	border-radius: 3px;
	color: #000;
}

.qModal .controls .button.cancel:hover {
	background-color: #dbdada;
}

/* FILTER */
.custom-control-sm .custom-control-label::before,
.custom-control-sm .custom-control-label::after {
	top: 6px !important;
	left: -1.3rem !important;
	width: 0.85rem !important;
	height: 0.85rem !important;
}

.custom-control-sm .custom-control-input {
	top: 10px;
}

.custom-control-sm .custom-control-label {
	margin-left: 0.2rem !important;
	font-size: 13px !important;
	line-height: 26px;
}

.custom-control-sm .custom-control {
	padding-left: 1.2rem;
	min-height: 1.2rem !important;
	line-height: 13px !important;
}

.filtercontainer .custom-control-label {
	width: 100%;
}

.filtercontainer .custom-control-label div {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidebarTitle {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 2px dotted #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 17px;
}

.miniExpandableButton {
	border-radius: 50px !important;
}

.filtergroup > span {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 2px;
	display: block;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.filtercontainer.itemfilters .miniExpandableButton {
}

.filtercontainer.itemfilters .popuplabel {
	text-transform: none;
	width: 0;
	transition: all ease 200ms;
	font-weight: 300;
}

.filtercontainer.itemfilters .miniExpandableButton .popuplabel {
}

.filtercontainer.itemfilters .miniExpandableButton:hover .popuplabel {
	display: initial !important;
	width: auto;
}

.miniExpandableButton .material-icons {
	font-size: 12px !important;
}

.filtercontainer .filtergroup {
	position: relative;
}

.filtercontainer .filterExpander {
	overflow: hidden;
}

.filtercontainer .expandToggler {
	font-size: 11px;
	letter-spacing: 1.2px;
	color: #bbb;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	display: block;
	width: 100%;
	text-decoration: none;
	z-index: 2;
	background-color: var(--main-bg-color);
	margin-top: 10px;
	opacity: 1 !important;
}

.filtercontainer .expandToggler span {
	background: var(--main-bg-color);
	position: relative;
	padding-right: 10px;
	
}

.filtercontainer .expandToggler::before {
	display: block;
	width: 100%;
	height: 0px;
	border-top: 1px solid #bbb;
	content: "";
	position: absolute;
	top: 9px;
	left: 0px;
	right: 0px;
	z-index: 0;
}

.filtercontainer .expandToggler:hover::before {
	border-color: #666;
}

.filtercontainer .expandToggler:hover {
	color: #666;
}

/* sidebar */
#slidingSidebar {
	width: 250px;
	position: fixed;
	top: 0;
	left: -250px;
	height: 100vh;
	z-index: 10000;
	background: #fff;
	color: #fff;
	transition: all 0.3s;
	overflow-y: scroll;
}

#slidingSidebar.active {
	left: 0;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#slidingSidebar .slidingSidebarContent {
	color: #000;
	padding: 40px 15px 10px 15px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.sidebarOverlay.active {
	display: block;
	opacity: 1;
}

.sidebarOverlay {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1030;
	opacity: 0;
	transition: all 0.5s ease-in-out;
	color: #777777;
}

#slidingSidebarDismiss {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: rgba(79, 79, 79, 0.08);
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#slidingSidebarDismiss:hover {
	background: rgba(79, 79, 79, 0.15);
	color: #000000;
}

/* dropdown sortby  */
.dropdown.sortby .dropdown-item {
	font-size: 14px;
	line-height: 26px;
	
}

.dropdown.sortby .dropdown-item.active, .dropdown.sortby .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #f2f2f2;
	color: #000;
}

.row.small-gutters {
	margin-left: -7.5px;
	margin-right: -7.5px;
}

.row.small-gutters > * {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.row.medium-gutters {
	margin-left: -10px;
	margin-right: -10px;
}

.row.medium-gutters > * {
	padding-left: 10px;
	padding-right: 10px;
}

/* tiles */

@media all and (max-width: 500px) {
	.tile-system .row:not(.cards) {
		width: 100%;
		padding-bottom: 0.5em;
	}
	
	.tile-system .row:not(.cards) {
		width: auto;
		overflow-x: scroll;
		height: auto;
		flex-wrap: nowrap;
		-ms-overflow-style: none;
		scrollbar-width: none;
		/* width: calc(100vw - 20px) !important; */
	}
	
	.tile-system .row.overlay.large {
		height: auto;
	}
	
	.tile-system .row:not(.cards)::-webkit-scrollbar {
		height: 7px;
	}
	
	.tile-system .row:not(.cards)::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: #dbdbdb;
	}
	
	.tile-system .row:not(.cards)::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: var(--tiles-default-background);
	}
	
	.tile-system .row:not(.cards) .tile-block {
		display: block !important;
		/* min-width: 60vw !important;
		width: 300px; */
	}
	
	.tile-system .row:not(.cards):not(.large) .tile-block {
		max-height: 100px;
	}
	
	.tile-system .row.large:not(.cards) .tile-block {
		display: block !important;
		height: 200px;
	}
	
	.subgroupslist .tile-block {
		min-width: 240px !important;
	}
}


.tile-system .card {
	background-color: var(--tiles-default-background);
	color: var(--tiles-default-color);
}

.tile-system .row.default .card {
	flex-flow: row;
}

.tile-system .row.overlay .card {
	box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.22);
}

.tile-system .row.cards .tile-block.nolink a {
	display: none !important;
}

.tile-system .row .card {
	transition: all 0.2s linear;
}

.tile-system .row:not(.cards) .tile-block:not(.nolink) .card:hover {
	background-color: var(--tiles-default-background-hover);
	color: var(--tiles-default-color-hover);
}


.tile-system .row.cards .card img {
	border-bottom: 4px solid transparent;
	transition: border 100ms linear 10ms;
}

.tile-system .row.cards .tile-block:not(.nolink) .card:hover img {
	border-color: var(--main-button-primary-color);
}

.tile-system .icon-holder i {
	font-size: 40px;
	fill: #ffffff;
}

.tile-system .icon-holder {
	background-color: rgba(0, 0, 0, 0.2);
}

.jumbotron-banner {
	margin-bottom: 1rem;
}

.tile-system .card-body {
	padding: 0.8rem 0.9rem 0.9rem 0.9rem;
}

.tile-system .row.overlay:not(.large) .card-text, .tile-system .row.default .card-text {
	display: none;
}

.tile-system .row.overlay .card-title, .tile-system .row.overlay .card-text {
	color: #ffffff;
}

.tile-system .row.overlay img {
	margin-top: calc(-50% + 50px);
}

.tile-system .row.overlay.large img {
	margin-top: 0;
}

.tile-system .row.overlay .card {
	height: 100px;
}

.tile-system .row.overlay.large .card {
	height: auto;
	margin-top: 0px !important;
}

.tile-system .row.overlay:not(.large) .tile-block {
	height: 100px;
	overflow: hidden;
}

.tile-system .row.overlay:not(.large) .card-body {
	height: 100px;
	overflow: hidden;
}

.tile-system .row.overlay.large .tile-block {
	height: auto;
	overflow: hidden;
}

.tile-system .row.overlay.large .card-body {
	height: auto;
	flex-wrap: wrap;
}

.tile-system .row.overlay .card-body {
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0px;
	left: 0;
	padding: 0px;
	height: 100% !important;
}

.tile-system .row.overlay .card-backdrop {
	padding: 5px 5px 5px 1vw;
	background: rgba(0, 0, 0, 0.44);
	width: 100%;
	transition: all 0.2s linear;
	text-align: center;
}


.tile-system .row.overlay .tile-block:not(.empty) .card:hover .card-backdrop {
	background: rgba(0, 0, 0, 0.55);
}

.tile-system .row.default .card-body {
	order: 1;
	width: 100%;
	display: block;
	height: 100px;
	padding: 1em;
}

.tile-system.switch-pos .row.default .card-body {
	order: 3 !important;
}


.tile-system .row.default .hasimage .card-body, .tile-system .row.default .hasicon .card-body {
	width: calc(100% - 100px);
}

.tile-system .row.default img, .tile-system .row.default .icon-holder {
	width: 100px;
	height: 100px;
	min-width: 100px;
	order: 2;
	display: block;
}

.tile-system .row.default .tile-block:not(.hasicon):not(.hasimage) .card-body {
	height: 75px;
}

.tile-system .card-text {
	font-size: 14px;
	line-height: 16px;
}


@media (max-width: 768px) {
	.tile-system .card-text {
		font-size: 13px;
		line-height: 14px;
	}
}

@media (max-width: 575px) {
	.tile-system .card-text {
		font-size: 12px;
		line-height: 14px;
	}
}

.tile-system .row.overlay .icon-holder {
	height: 100%;
	text-align: right;
	width: 100px;
	right: 0px;
	position: absolute;
}

.tile-system .row.overlay .hasicon .card-backdrop {
	width: calc(100% - 100px);
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
}

/* model search */
div.modelspec2 .licenceplate-graphic > span {
	text-align: center;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='596.1' height='433.53' viewBox='0 0 596.1 433.53'%3E%3Crect width='596.1' height='433.53' style='fill:%23ef2b2d'/%3E%3Crect x='162.57' width='108.38' height='433.53' style='fill:%23fff'/%3E%3Crect y='162.57' width='596.1' height='108.38' style='fill:%23fff'/%3E%3Crect x='189.67' width='54.19' height='433.53' style='fill:%23002868'/%3E%3Crect y='189.67' width='596.1' height='54.19' style='fill:%23002868'/%3E%3C/svg%3E") 5px 3px transparent no-repeat;
	background-size: 60%;
	background-position-x: center;
	background-position-y: 5px;
	vertical-align: bottom;
}

div.modelspec2 .licenceplate-graphic > span {
	background-color: #164A9B;
	color: white;
	padding: 0;
	font-size: 60%;
	display: flex;
	flex-flow: row;
	min-width: 40px;
}

div.modelspec2 .licenceplate .input-group-text {
	border-color: #164A9B;
}

div.modelspec2 .licenceplate-graphic > span::after {
	content: "N";
	color: white;
	font-weight: bold;
	margin-top: auto;
	text-align: center;
	display: block;
	width: 100%;
}

div.modelspec2 .licenceplate input {
	height: auto;
}

div.modelspec2 .licenceplate input:focus {
	color: #495057;
	background-color: #fff;
	border-color: #164A9B;
	outline: 0;
	box-shadow: none;
}

.modelspecquantity {
	border-radius: 50px;
	width: 20px;
	height: 20px;
	display: inline-block;
	line-height: 18px;
	vertical-align: top;
	margin-left: 6px;
	font-size: 10px;
	background: var(--main-button-danger-font-color);
	color: var(--main-button-danger-color);
	position: absolute;
	top: 10px; /* fallback if needed */
	top: calc(100% / 2 - 10px);
	right: 10px;
	text-transform: lowercase;
}

.modelspecquantity i {
	font-style: normal;
}

.itemBuyButton {
	position: relative;
}

.productgrid .itemrecomendedquantity {
	display: none;
}

.removefirst ul > li:first-of-type {
	display: none;
}

.modellfilter .custom-control-label b {
	line-height: 14px;
	display: inline-block;
}

.noUi-connect {
	background: var(--main-button-primary-color);
	opacity: 0.5;
}

.noUi-value.noUi-value-horizontal.noUi-value-large {
	font-size: 80%;
}

.noUi-marker-normal {
	display: none;
}

.noUi-marker-horizontal.noUi-marker-large {
	height: 6px;
}

.noUi-horizontal {
	height: 12px;
}

.noUi-horizontal .noUi-handle {
	height: 24px;
	
}

.noUi-handle::after, .noUi-handle::before {
	height: 10px;
	background: #fff;
}

.noUi-handle {
	border: 1px solid var(--main-button-secondary-font-color);
	border-radius: 3px;
	background: var(--main-button-primary-color);
	cursor: default;
	box-shadow: none;
}

.noUi-horizontal .noUi-handle {
	top: -7px;
}

label.qRange > div {
	margin: 0 1em;
}

/* quick 3 overrides */
div.qModal > * > h2 {
	font-size: 120%;
	line-height: 1.3em;
	margin: 0 0 0.7em 0;
	color: var(--main-text-color);
}

/* HELPERS */
/* responsive type scale */

.display-4 {
	font-size: 3.48832rem;
}

.display-3 {
	font-size: 4.185984rem;
}

.display-2 {
	font-size: 5.0231808rem;
}

.display-1 {
	font-size: 6.02781696rem;
}

@media (max-width: 768px) {
	h1, .h1 {
		font-size: 2.28832rem;
	}
	
	h2, .h2 {
		font-size: 2.0736rem;
	}
	
	h3, .h3 {
		font-size: 1.728rem;
	}
	
	h4, .h4 {
		font-size: 1.44rem;
	}
	
	h5, .h5 {
		font-size: 1.2rem;
	}
	
	h6, .h6 {
		font-size: 1rem;
	}
	
	.display-4 {
		font-size: 2.48832rem;
	}
	
	.display-3 {
		font-size: 3.185984rem;
	}
	
	.display-2 {
		font-size: 4.0231808rem;
	}
}

@media (max-width: 575px) {
	h1, .h1 {
		font-size: 1.9rem;
	}
	
	h2, .h2 {
		font-size: 1.7rem;
	}
	
	h3, .h3 {
		font-size: 1.5rem;
	}
	
	h4, .h4 {
		font-size: 1.2rem;
	}
	
	h5, .h5 {
		font-size: 1.1rem;
	}
	
	h6, .h6 {
		font-size: 1rem;
	}
	
	.display-4 {
		font-size: 2rem;
	}
	
	.display-3 {
		font-size: 2.2rem;
	}
	
	.display-2 {
		font-size: 2.5rem;
	}
}

/* xs */
@media (min-width: 340px) and (max-width: 575px) {
	.col-xs-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

/* 5 col css */
.col-5ths {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 10px !important;
	padding-left: 10px !important;
}

.col-5ths {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

@media (min-width: 375px) {
	/* @media (min-width: 540px){ -> default */
	.col-5ths {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding: 5px !important;
		
	}
}

@media (min-width: 540px) {
	/* @media (min-width: 720px){ -> default */
	.col-5ths {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.30%;
		flex: 0 0 33.30%;
		max-width: 33.30%;
	}
}

@media (min-width: 960px) {
	.col-5ths {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}

@media (min-width: 1140px) {
	.col-5ths {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

/* fixed columns */
.col-fixed-50 {
	max-width: 50px;
	flex: 0 0 50px;
}

.col-fixed-60 {
	max-width: 650px;
	flex: 0 0 60px;
}

.col-fixed-70 {
	max-width: 70px;
	flex: 0 0 70px;
}

.col-fixed-75 {
	max-width: 75px;
	flex: 0 0 75px;
}

.col-fixed-80 {
	max-width: 80px;
	flex: 0 0 80px;
}

.col-fixed-90 {
	max-width: 90px;
	flex: 0 0 90px;
}

.col-fixed-100 {
	max-width: 100px;
	flex: 0 0 100px;
}

.col-fixed-125 {
	max-width: 125px;
	flex: 0 0 125px;
}

.col-fixed-150 {
	max-width: 150px;
	flex: 0 0 150px;
}

.col-fixed-175 {
	max-width: 175px;
	flex: 0 0 175px;
}

.col-fixed-200 {
	max-width: 200px;
	flex: 0 0 200px;
}

.col-fixed-225 {
	max-width: 225px;
	flex: 0 0 225px;
}

.col-fixed-250 {
	max-width: 250px;
	flex: 0 0 250px;
}

.col-fixed-275 {
	max-width: 275px;
	flex: 0 0 275px;
}

.col-fixed-300 {
	max-width: 300px;
	flex: 0 0 300px;
}

hr.hr-text {
	position: relative;
	border: none;
	height: 1px;
	background: #999;
}

hr.hr-text::before {
	content: attr(data-content);
	display: inline-block;
	background: #fff;
	font-weight: bold;
	font-size: 0.85rem;
	color: #999;
	border-radius: 30rem;
	padding: 0.2rem 2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

button > .icon,
.button > .icon {
	fill: var(--main-button-secondary-font-color);
}

.custom-radio-button div {
	display: inline-block;
}

.custom-radio-button input[type="radio"],
.custom-radio-button input[type="checkbox"] {
	display: none;
}

.custom-radio-button input[type="radio"] + label,
.custom-radio-button input[type="checkbox"] + label {
	color: #333;
	font-family: Arial, sans-serif;
}

.custom-radio-button input[type="radio"] + label span,
.custom-radio-button input[type="checkbox"] + label span {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid #ffffff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	line-height: 1rem;
	background-color: lightgray;
}

.custom-radio-button input[type="radio"] + label span img,
.custom-radio-button input[type="checkbox"] + label span img {
	opacity: 0;
	transition: all 0.3s ease;
}

.custom-radio-button input[type="radio"]:checked + label span,
.custom-radio-button input[type="checkbox"]:checked + label span {
	opacity: 1;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-color: var(--main-button-primary-color-hover);
}

div.notlogged .card-header .h4 {
	color: var(--main-text-color);
}

h1, h2, h3, h4, h5, h6 {
	color: unset;
}

.pageSidebar {
	padding: 10px;
	background-color: #fff;
	border: 1px solid var(--tiles-default-border-color);
	border-radius: 5px;
	box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.18);
}

.filterelement .qCheckbox span {
	margin-left: 1.8rem;
}

.applyfilter {
	fill: #fff;
}

.articleContent {
	font-weight: 300;
}

.designPlus .headerButtons .button_container a > svg.icon {
	height: 2.5em;
	width: 2.5em;
	max-width: unset;
	max-height: unset;
}

.designPlus div.articleContent ul,
.designPlus div.articleContent ol {
	list-style: unset;
}

.designPlus div.signfile div.custom-control {
	padding-left: 0;
}

.designPlus div.signfile div.custom-checkbox label small {
	margin-left: 1.5rem;
}

.designPlus div.price_cont a > svg.icon {
	margin-right: 4px;
	margin-top: -6px;
}

b, strong {
	font-weight: bolder;
}

.artHeadColorText {
	background-color: var(--main-header-menu-bg-color);
}

.artHeadColorBg {
	color: white;
}

.tab-content {
	font-size: .9rem;
}


/* --- product item --- */
.product_title .title,
.price .primary h1,
.price .primary .h1  {
	font-weight: 600;
	font-size: 2.3rem;
}

.product_title hr {
	margin: 1rem 0 1rem 0;
}

div.pageContent div:not(.text) > h1:first-of-type {
	line-height: 2.5rem;
}

/* --------- */
div.buy .button_cont a {
	margin-bottom: 1rem;
}

div.buy .novariant-block {
	background-color: rgb(235, 235, 235);
	margin-bottom: 1em;
	padding: 5px;
}

/* --------- */
.qModal input.quantity {
	margin-right: 0;
}

.qModal .productActions div.buy a.buyButton,
.qModal .productActions div.buy a.clickCollect,
.itemType .productActions div.buy a.buyButton,
.itemType .productActions div.buy a.inforequestButton,
.itemType .productActions div.buy a.clickCollect {
	padding: 1rem;
	text-decoration: none;
	margin-bottom: 1rem;
}

.qModal a.buyButton span,
.qModal a.clickCollect span,
.itemType a.buyButton span,
.itemType a.inforequestButton span,
.itemType a.clickCollect span,
.itemType a.customItemContactUs span {
	font-size: 1rem;
	padding-left: .5rem;
	font-weight: 500;
	text-decoration: none;
}

.qModal .productActions div.buy a.buyButton svg.icon,
.qModal .productActions div.buy a.clickCollect svg.icon,
.itemType .productActions div.buy a.buyButton svg.icon,
.itemType .productActions div.buy a.inforequestButton svg.icon,
.itemType .productActions div.buy a.clickCollect svg.icon {
	width: 1.75rem;
	height: 1.75rem;
	margin-top: -5px;
}

/* remove the click and hent buttons from produsct grid */
.productgrid .products .button_cont a.clickCollect {
	display: none;
}

.pageTopbar ul li.lang {
	display: inline;
	padding: 0 .25rem;
}

.form-row:has(input:required) label::after {
	content: "*";
	color: red;
}


/* center verticaly all buttons inside icons */
.button svg.icon:not(.fa-2x) {
	top: 0;
}

/* Hide Google reCaptcha badge */
.grecaptcha-badge {
	visibility: hidden;
}

.focusitemgrid .productgrid .grid-pagination-row,
.focusitemgrid .productgrid .listfoot {
	display: none !important;
}

.elementwrapper {
	padding: 1em;
	background-color: var(--main-elements-background-color);
	box-shadow: var(--box-shadow);
}

@media screen and (max-width: 768px) {
	div.qModal.twothirds {
		left: calc(5% - 10px);
		right: calc(5% - 10px);
		width: calc(90% - 20px);
	}
	
	.pageHeader > .container {
		padding: 0;
	}
	
	.pageHeader .smallsearch {
		padding-right: .5em;
	}
	
	.pageCrumbs {
		padding: 0;
	}
}

label.qCheckbox input {
	height: 1.5em;
	width: 1.5em;
	opacity: 1;
	cursor: pointer;
}

/* --- profile START --- */
body[class*="account_"] .elementwrapper {
	margin-left: 0;
	margin-right: 0;
}

/* --- profile END --- */

.alternative-items-component .products > li div {
	display: flex;
	flex-wrap: nowrap;
}

.tile-system .card-body {
	text-align: center;
	justify-content: center;
}