:root{
	--fontFamily: 'Open Sans', sans-serif;
	--fontIcon:'Font Awesome 5 Pro';
	--fontSize: 15px;
	--fontSizeMobile: 14px;
    --background:#fff;
    --foreground: #2e2e2e;
    --anchor:#2e2e2e;
    --anchorHover: #06c;
	--primaryBg: #f0f0f0;
    --primaryFg:#2e2e2e;
    --secondaryBg:#d3d3d3;
    --secondaryFg:#2e2e2e;
    --tertiaryBg:#ddd;
    --tertiaryFg:#313131;
	--callToActionBg:#f90;
	--callToActionFg:#FFF;
	--buyActionBg: #383;
	--buyActionFg:#fff;
	--priceList:#666;
	--priceOur:#000;
	--priceOr:#000;
	--priceSave:#000;
	--highlight1Bg:#c33;
	--highlight1Fg:#FFF;
	--highlight2Bg:#06c;
	--highlight2Fg:#FFF;
	--highlight3Bg:#039;
	--highlight3Fg:#FFF;
	--ratingStar: #FC0;
	--border:#ddd;
	--frame: 1920px;
	--moduleFrame: 1400px;
	--navCols: 3;
	--edgePadding: 20px;
	--edgePaddingMobile: 15px;
	--modulePadding: 20px;
	--modulePaddingMobile: 10px;
	--swiper-theme-color:#999;
	--swiper-navigation-size:22px;
}

@media screen and (max-width: 640px) {
	:root{
		--fontSize: var(--fontSizeMobile);
		--edgePadding: var(--edgePaddingMobile);
		--modulePadding: var(--modulePaddingMobile);
	}
}