/*=================================== Custom fonts ===================================*/
@font-face { font-family:'Archer-Book'; src:url(/assets/fonts/Archer-Book.otf); font-weight:normal; }
@font-face { font-family:'Archer-Light'; src:url(/assets/fonts/Archer-Light.otf); font-weight:normal; }
@font-face { font-family:'Archer-ExtraLight'; src:url(/assets/fonts/Archer-ExtraLight.otf); font-weight:normal; }
@font-face { font-family:'Geomanist-Black'; src:url(/assets/fonts/Geomanist-Black.otf); font-weight:normal; }
@font-face { font-family:'Geomanist-Bold'; src:url(/assets/fonts/Geomanist-Bold.otf); font-weight:normal; }
@font-face { font-family:'Geomanist-ExtraLight'; src:url(/assets/fonts/Geomanist-ExtraLight.otf); font-weight:normal; }
@font-face { font-family:'Geomanist-Light'; src:url(/assets/fonts/Geomanist-Light.otf); font-weight:normal; }
@font-face { font-family:'Geomanist-Medium'; src:url(/assets/fonts/Geomanist-Medium.otf); font-weight:normal; }
@font-face { font-family:'Geomanist-Regular'; src:url(/assets/fonts/Geomanist-Regular.otf); font-weight:normal; }
@font-face { font-family:'Geomanist-Thin'; src:url(/assets/fonts/Geomanist-Thin.otf); font-weight:normal; }

/*=================================== Initialization & General ===================================*/

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
body::-webkit-scrollbar { /*display:none;*/ }
/*.overlay::-webkit-scrollbar { display:auto; z-index:10000; }*/
.overlay { overflow-y:scroll; }
.overlay { -ms-overflow-style:none; scrollbar-width: none; }
.overlay::-webkit-scrollbar { display:none; }
.mobileOnly { display:none; }

/*=================================== Site-specific Framework & Snippets ===================================*/

/*Site-specific grids, widths & heights*/
/*Site-specific medium paddings*/
.mediumBottomPadding { padding-bottom:6rem; }
/*Site-specific large paddings*/
.largeBottomPadding { padding-bottom:9rem; }
/*Site-specific small & extra small paddings*/
.nanoVPadding { padding-top:0.25rem; padding-bottom:0.25rem; }
.microPadding { padding:0.5rem; }
.microVPadding { padding-top:0.5rem; padding-bottom:0.5rem; }
.microTopPadding { padding-top:0.5rem; }
.microHPadding { padding-left:0.5rem; padding-right:0.5rem; }
.microLeftPadding { padding-left:0.5rem; }
.veryTinyTopPadding { padding-top:0.75rem; }
.veryTinyVPadding { padding-top:0.75rem; padding-bottom:0.75rem; }
.tinyPadding { padding:1rem; }
.tinyTopPadding { padding-top:1rem; }
.tinyBottomPadding { padding-bottom:1rem; }
.tinyHPadding { padding-left:1rem; padding-right:1rem; }
.tinyLeftPadding { padding-left:1rem; }
.tinyRightPadding { padding-right:1rem; }
.verySmallPadding { padding:1.5rem; }
.verySmallHPadding { padding-left:1.5rem; padding-right:1.5rem; }
.verySmallVPadding { padding-top:1.5rem; padding-bottom:1.5rem; }
.verySmallTopPadding { padding-top:1.5rem; }
.verySmallBottomPadding { padding-bottom:1.5rem; }
.verySmallLeftPadding { padding-left:1.5rem; }
.verySmallRightPadding { padding-right:1.5rem; }
.smallPadding { padding:3rem; }
.smallHPadding { padding-left:3rem; padding-right:3rem; }
.smallVPadding { padding-top:3rem; padding-bottom:3rem; }
.smallTopPadding { padding-top:3rem; }
header .overlay .smallTopPadding { padding-top:2rem; }
.smallBottomPadding { padding-bottom:3rem; }
.smallLeftPadding { padding-left:3rem; }
.smallRightPadding { padding-right:3rem; }
/*Site-specific padding exceptions*/
/*Site-specific medium margins*/
.topMargin { margin-top:5rem; }
/*Site-specific large margins*/
/*Site-specific small margins*/
.microLeftMargin { margin-left:0.25rem; }
.tinyTopMargin { margin-top:0.5rem; }
.tinyBottomMargin { margin-bottom:0.5rem; }
.tinyLeftMargin { margin-left:0.5rem; }
.tinyRightMargin { margin-right:0.5rem; }
.verySmallMargin { margin:1.5rem; }
.verySmallVMargin { margin-top:1.5rem; margin-bottom:1.5rem; }
.verySmallTopMargin { margin-top:1.5rem; }
.verySmallLeftMargin { margin-left:1.5rem; }
.verySmallRightMargin { margin-right:1.5rem; }
.verySmallHMargin { margin-left:1.5rem; margin-right:1.5rem; }
.smallTopMargin { margin-top:3rem; }
.smallBottomMargin { margin-bottom:3rem; }
.smallLeftMargin { margin-left:3rem; }
.smallRightMargin { margin-right:3rem; }
.rightMargin { margin-right:6rem; }
span p { margin-bottom:1.5rem; }

/*Site-specific framework: Buttons & icons*/
button.next { width:3rem; height:3rem; background:url(/assets/images/icon-next-black.svg) no-repeat center center; background-size:3rem; }
button.previous { width:3rem; height:3rem; background:url(/assets/images/icon-previous-black.svg) no-repeat center center; background-size:3rem; }
button.cart { width:2rem; height:2rem; background:url(/assets/images/icon-cart-black.svg) no-repeat center center; background-size:2rem; }
button.account { /*width:2rem;*/ padding-left:2.5rem; height:2rem; background:url(/assets/images/icon-login-black.svg) no-repeat left center; background-size:2rem; }
button.account.active, button.login { /*width:2rem;*/ padding-left:2.5rem; height:2rem; background:url(/assets/images/icon-account-black.svg) no-repeat left center; background-size:2rem; }
button.contact { /*width:2rem;*/ padding-left:2.5rem; height:2rem; background:url(/assets/images/icon-contact-black.svg) no-repeat left center; background-size:2rem; }
button.learnMore { /*width:2rem;*/ padding-left:2.5rem; height:2rem; background:url(/assets/images/icon-learnMore-black.svg) no-repeat left center; background-size:2rem; }
button.website { /*width:2rem;*/ padding-left:2.5rem; height:2rem; background:url(/assets/images/icon-website-black.svg) no-repeat left center; background-size:2rem; }
button.addToCart { width:6rem; height:100%; background-image:url(/assets/images/icon-cart-black.svg); background-repeat:no-repeat; background-position:center center; background-size:3rem; }
button.addToCart.color6 { background-image:url(/assets/images/icon-cart-white.svg);}
button.close { width:1.25rem; height:1.25rem; background:url(/assets/images/icon-close-black.svg) no-repeat center center; background-size:contain; }
button.reset { width:1.5rem; height:1.5rem; background:url(/assets/images/icon-reset-black.svg) no-repeat center center; background-size:contain; }
button.rectangle { padding:1rem 2rem; }
button.circle { width:1.75rem; height:1.75rem; }
.icon.circle.small { width:1.25rem; height:1.25rem; }
input.search { height:3rem; padding-left:3rem; background:url(/assets/images/icon-search-black.svg) no-repeat left center; background-size:2rem; }
input.quantity { width:6rem; height:100%; background:none; }
input[type=checkbox] { bottom:-0.1rem; position:relative; }
input.wide, select.wide, button.wide { width:91%; }
div.stockWarning { width:6rem; height:100%; background-image:url(/assets/images/icon-close-black.svg); background-repeat:no-repeat; background-position:center center; background-size:4rem; }
.overlay .address-container select { }
.overlay .address-container input, .overlay .address-container select { height:3.5rem; border:0.06rem solid #000; }


.icon.dirt, .icon.surface { width:3rem; height:2rem; margin:0.35rem -0.015rem; float:left; }
.icon.dirt.small, .icon.surface.small { width:2rem; }
.icon.dirt.special, .icon.dirt.liquids { width:2rem; float:unset; display:inline-block; }
.icon .image { width:100%; height:100%; }
.icon.dirt .image, .icon.surface .image, .icon.property .image, header button.color, div.slider.inactive { opacity:0.30; }
.icon.active .image, header button.color.active { opacity:1; }
.icon.surface1 .image { background:url(/assets/images/icon-surface1n.svg) no-repeat left center; background-size:contain; }
.icon.surface2 .image { background:url(/assets/images/icon-surface2n.svg) no-repeat left center; background-size:contain; }
.icon.surface3 .image { background:url(/assets/images/icon-surface3n.svg) no-repeat left center; background-size:contain; }
.icon.surface4 .image { background:url(/assets/images/icon-surface4n.svg) no-repeat left center; background-size:contain; }
.icon.sweeping1 .image { background:url(/assets/images/icon-dirt-sweeping1n.svg) no-repeat left center; background-size:contain; }
.icon.sweeping2 .image { background:url(/assets/images/icon-dirt-sweeping2n.svg) no-repeat left center; background-size:contain; }
.icon.sweeping3 .image { background:url(/assets/images/icon-dirt-sweeping3n.svg) no-repeat left center; background-size:contain; }
.icon.sweeping4 .image { background:url(/assets/images/icon-dirt-sweeping4n.svg) no-repeat left center; background-size:contain; }
.icon.brushing1 .image { background:url(/assets/images/icon-dirt-brushing1n.svg) no-repeat left center; background-size:contain; }
.icon.brushing2 .image { background:url(/assets/images/icon-dirt-brushing2n.svg) no-repeat left center; background-size:contain; }
.icon.brushing3 .image { background:url(/assets/images/icon-dirt-brushing3n.svg) no-repeat left center; background-size:contain; }
.icon.brushing4 .image { background:url(/assets/images/icon-dirt-brushing4n.svg) no-repeat left center; background-size:contain; }
.icon.surface1.small .image { background:url(/assets/images/icon-surface1ns.svg) no-repeat left center; background-size:contain; }
.icon.surface2.small .image { background:url(/assets/images/icon-surface2ns.svg) no-repeat left center; background-size:contain; }
.icon.surface3.small .image { background:url(/assets/images/icon-surface3ns.svg) no-repeat left center; background-size:contain; }
.icon.surface4.small .image { background:url(/assets/images/icon-surface4ns.svg) no-repeat left center; background-size:contain; }
.icon.sweeping1.small .image { background:url(/assets/images/icon-dirt-sweeping1ns.svg) no-repeat left center; background-size:contain; }
.icon.sweeping2.small .image { background:url(/assets/images/icon-dirt-sweeping2ns.svg) no-repeat left center; background-size:contain; }
.icon.sweeping3.small .image { background:url(/assets/images/icon-dirt-sweeping3ns.svg) no-repeat left center; background-size:contain; }
.icon.sweeping4.small .image { background:url(/assets/images/icon-dirt-sweeping4ns.svg) no-repeat left center; background-size:contain; }
.icon.brushing1.small .image { background:url(/assets/images/icon-dirt-brushing1ns.svg) no-repeat left center; background-size:contain; }
.icon.brushing2.small .image { background:url(/assets/images/icon-dirt-brushing2ns.svg) no-repeat left center; background-size:contain; }
.icon.brushing3.small .image { background:url(/assets/images/icon-dirt-brushing3ns.svg) no-repeat left center; background-size:contain; }
.icon.brushing4.small .image { background:url(/assets/images/icon-dirt-brushing4ns.svg) no-repeat left center; background-size:contain; }
.icon.liquids .image { background:url(/assets/images/icon-dirt-liquids.svg) no-repeat left center; background-size:contain; }
.icon.special .image { background:url(/assets/images/icon-dirt-special.svg) no-repeat left center; background-size:contain; }
.icon.body { height:2rem; padding-left:5.8rem; background:url(/assets/images/icon-dimensions.svg) no-repeat left center; background-size:4.8rem; }
.icon.bristles { height:2rem; padding-left:5.8rem; background:url(/assets/images/icon-bristles.svg) no-repeat left center; background-size:4.8rem; }
.icon.temperature { height:1.8rem; padding-left:4rem; background:url(/assets/images/icon-temperature.svg) no-repeat left center; background-size:3rem; }
.icon.property .image, .icon.colors .image { height:1.75rem; width:1.75rem; }
.icon.phb .image { background:url(/assets/images/icon-phb.svg) no-repeat left center; background-size:contain; }
.icon.noPhb .image { background:url(/assets/images/icon-noPhb.svg) no-repeat left center; background-size:contain; }
.icon.stainless .image { background:url(/assets/images/icon-stainless.svg) no-repeat left center; background-size:contain; }
.icon.alcalics .image { background:url(/assets/images/icon-alcalic.svg) no-repeat left center; background-size:contain; }
.icon.acids .image { background:url(/assets/images/icon-acid.svg) no-repeat left center; background-size:contain; }
.icon.waterFlow .image { background:url(/assets/images/icon-water.svg) no-repeat left center; background-size:contain; }
.icon.resinSet .image { background:url(/assets/images/icon-resinSet.svg) no-repeat left center; background-size:contain; }
.icon.heatResistant .image { background:url(/assets/images/icon-heatResistant.svg) no-repeat left center; background-size:contain; }
.icon.partiallyDetectable .image { background:url(/assets/images/icon-partiallyDetectable.svg) no-repeat left center; background-size:contain; }
.icon.fullyDetectable .image { background:url(/assets/images/icon-fullyDetectable.svg) no-repeat left center; background-size:contain; }
.icon.colors .image { background:url(/assets/images/icon-colors.svg) no-repeat left center; background-size:contain; }

/*Background colors & patterns*/
.uniBackground { background-color:#ebebeb/*#ede7da*//*#c6e7ff*/ !important; }
.whiteBackground { background-color:#fff; } /*Unset*/
.whiteBackground.transparentBackground { background-color:#ffffff50; }
.backgroundColor0 { background-color:#7ca5f1; } /*colorless*/
.backgroundColor1 { background-color:#8fdbff; } /*white - previously #6095e1*/
.backgroundColor2 { background-color:#ffd400; } /*blue*/
.backgroundColor3 { background-color:#5065ff; } /*red - previously #3c40bb*/
.backgroundColor4 { background-color:#00ad66; } /*yellow*/
.backgroundColor5 { background-color:#fd9ec4; } /*green*/
.backgroundColor6 { background-color:#ede7da; } /*black*/
.backgroundColor7 { background-color:#845aa6; } /*orange*/
.backgroundColor8 { background-color:#faa627; } /*purple*/
.backgroundColor9 { background-color:#aefffd; } /*pink - preivously #a6dfdf*/
.backgroundColor11, .redBackground { background-color:#ff5043; } /*grey - previously #ef2323*/
.backgroundColor12 { background-color:#59caec; } /*brown*/
button.color0, .circle.color0, .tBackgroundColor0 { background-color:#e3e3e3; }
button.color1, .circle.color1, .tBackgroundColor1 { background-color:#fdfdfd/*#ede7da*/; } /*white*/
button.color2, .circle.color2, .tBackgroundColor2 { background-color:#5065ff; } /*blue - previously #3c40bb*/
button.color3, .circle.color3, .tBackgroundColor3, .redBackground { background-color:#ff5043; } /*red - previously #ef2323*/
button.color4, .circle.color4, .tBackgroundColor4, .yellowBackground { background-color:#ffd400; } /*yellow*/
button.color5, .circle.color5, .tBackgroundColor5 { background-color:#00ad66; } /*green*/
button.color6, .circle.color6, .tBackgroundColor6, .blackBackground { background-color:#000000; } /*black*/
button.color7, .circle.color7, .tBackgroundColor7 { background-color:#ffa020; } /*orange*/
button.color8, .circle.color8, .tBackgroundColor8 { background-color:#9b65aa; } /*purple*/
button.color9, .circle.color9, .tBackgroundColor9, .pinkBackground { background-color:#ff9ac1; } /*pink*/
button.color11, .circle.color11, .tBackgroundColor11, .greyBackground { background-color:#CCCCCC; } /*grey*/
button.color12, .circle.color12, .tBackgroundColor12 { background-color:#7F523E; } /*brown*/
.product { background-repeat:no-repeat; background-position:center center; background-size:cover; }
.filler { background-size:170%; }
.product.sweeping1, .product.brushing1, .filler.sweeping1, .filler.brushing1 { background-image:url(/assets/images/background-dirt1-black.svg); }
.product.sweeping2, .product.brushing2, .filler.sweeping2, .filler.brushing2 { background-image:url(/assets/images/background-dirt2-black.svg); }
.product.sweeping3, .product.brushing3, .filler.sweeping3, .filler.brushing3 { background-image:url(/assets/images/background-dirt3-black.svg); }
.product.sweeping4, .product.brushing4, .filler.sweeping4, .filler.brushing4 { background-image:url(/assets/images/background-dirt4-black.svg); }
.product.special, .filler.special { background-image:url(/assets/images/background-special-black.svg); }
.product.liquids, .filler.special { background-image:url(/assets/images/background-liquids-black.svg); }
.product.sweeping1.detect, .product.brushing1.detect, .filler.sweeping1.detect, .filler.brushing1.detect { background-image:url(/assets/images/background-dirt1-detect-black.svg); }
.product.sweeping2.detect, .product.brushing2.detect, .filler.sweeping2.detect, .filler.brushing2.detect { background-image:url(/assets/images/background-dirt2-detect-black.svg); }
.product.sweeping3.detect, .product.brushing3.detect, .filler.sweeping3.detect, .filler.brushing3.detect { background-image:url(/assets/images/background-dirt3-detect-black.svg); }
.product.sweeping4.detect, .product.brushing4.detect, .filler.sweeping4.detect, .filler.brushing4.detect { background-image:url(/assets/images/background-dirt4-detect-black.svg); }
.product.special.detect { background-image:url(/assets/images/background-special-detect-black.svg); }
.product.water.detect { background-image:url(/assets/images/background-water-detect-black.svg); }
/*.product.sweeping1, .product.brushing1, .filler.sweeping1, .filler.brushing1 { background-image:url(/assets/images/background-dirt1.svg); }
.product.sweeping2, .product.brushing2, .filler.sweeping2, .filler.brushing2 { background-image:url(/assets/images/background-dirt2.svg); }
.product.sweeping3, .product.brushing3, .filler.sweeping3, .filler.brushing3 { background-image:url(/assets/images/background-dirt3.svg); }
.product.sweeping4, .product.brushing4, .filler.sweeping4, .filler.brushing4 { background-image:url(/assets/images/background-dirt4.svg); }
.product.special, .filler.special { background-image:url(/assets/images/background-special.svg); }
.product.liquids, .filler.special { background-image:url(/assets/images/background-liquids.svg); }
.product.sweeping1.detect, .product.brushing1.detect, .filler.sweeping1.detect, .filler.brushing1.detect { background-image:url(/assets/images/background-dirt1-detect.svg); }
.product.sweeping2.detect, .product.brushing2.detect, .filler.sweeping2.detect, .filler.brushing2.detect { background-image:url(/assets/images/background-dirt2-detect.svg); }
.product.sweeping3.detect, .product.brushing3.detect, .filler.sweeping3.detect, .filler.brushing3.detect { background-image:url(/assets/images/background-dirt3-detect.svg); }
.product.sweeping4.detect, .product.brushing4.detect, .filler.sweeping4.detect, .filler.brushing4.detect { background-image:url(/assets/images/background-dirt4-detect.svg); }
.product.special.detect { background-image:url(/assets/images/background-special-detect.svg); }
.product.water.detect { background-image:url(/assets/images/background-water-detect.svg); }*/

/*Site-specific framework: Borders*/
.border.white { border:0.07rem solid #fff; }
.border.black, .blackBorder { border:0.07rem solid #000; }
.border.color0 { border:0.07rem solid #e3e3e3; }
.border.color1 { border:0.07rem solid #ede7da; } /*white*/
.border.color2 { border:0.07rem solid #3c40bb; } /*blue*/
.border.color3 { border:0.07rem solid #ef2323; } /*red*/
.border.color4 { border:0.07rem solid #ffd400; } /*yellow*/
.border.color5 { border:0.07rem solid #00ad66; } /*green*/
.border.color6 { border:0.07rem solid #000000; } /*black*/
.border.color7 { border:0.07rem solid #ffa020; } /*orange*/
.border.color8 { border:0.07rem solid #9b65aa; } /*purple*/
.border.color9 { border:0.07rem solid #ff9ac1; } /*pink*/
.border.color11 { border:0.07rem solid #CCCCCC; } /*grey*/
.border.color12 { border:0.07rem solid #7F523E; } /*brown*/
.leftBorder.black { border-left:0.07rem solid #000; }
.rightBorder.black { border-right:0.07rem solid #000; }
.bottomBorder.black { border-bottom:0.07rem solid #000; }

/*Tooltips*/
div.tooltip { height:2.2rem; padding:0.5rem; top:50%; margin-top:-1.1rem; white-space:nowrap; display:none; z-index:1000; }
div.tooltip.black.rightArrow, section.product div.tooltip.black.leftArrow { background:url(/assets/images/background-tooltip-left-white.svg) no-repeat right center; background-size:cover; }
div.tooltip.black.leftArrow { background:url(/assets/images/background-tooltip-right-white.svg) no-repeat left center; background-size:cover; }
div.tooltip.white.rightArrow, section.product div.tooltip.white.leftArrow { background:url(/assets/images/background-tooltip-left-black.svg) no-repeat right center; background-size:cover; }
div.tooltip.white.leftArrow { background:url(/assets/images/background-tooltip-right-black.svg) no-repeat left center; background-size:cover; }
/*Element-specific tooltip properties*/
*:hover > div.tooltip { display:block; }
header div.tooltip.rightArrow { padding-right:2rem; left:auto; right:2.5rem; }
.usage div.tooltip.leftArrow { padding-left:2rem; left:3rem; }
.usage div.tooltip.rightArrow, section.product .usage div.tooltip.leftArrow { padding-right:2rem; left:auto; right:3rem; }
.properties div.tooltip.rightArrow, .reset div.tooltip.rightArrow { padding-right:2rem; right:2rem; }

/*Snippets*/
.doubleColumns { column-gap:5rem; padding-right:8rem; }

/*=================================== Templates ===================================*/

body, section.product .controls { transition: background-color 0.75s ease; }
body .filterOverview { left:1rem; top:1rem; display:none; z-index:100; border-radius:1rem; }

header .overlay { top:6rem; }
header button.reset { margin-right:0.25rem; }
header .usage .disabled { pointer-events:none; opacity:0.10; }
header li .subcategories { display:none; }
header li.expanded .subcategories { display:block; }
header .noUi-target { width:12rem; margin-top:2rem; margin-left:1rem; box-shadow:none; border:none; border-radius:0; background:#000; }
header .noUi-target.noUi-horizontal { height:0.08rem; }
header .noUi-target.noUi-horizontal .noUi-tooltip { border:none; padding:0; margin-bottom:0.5rem; }
header .noUi-target.noUi-horizontal .noUi-handle { width:1.5rem; height:1.5rem; right:-0.75rem; top:-0.75rem; cursor:pointer; }
header .noUi-target .noUi-handle { box-shadow:none; border-radius:0.75rem; border:0.08rem solid #000; }
header .noUi-target .noUi-handle:after, header .noUi-target .noUi-handle:before { content:none; height:0; width:0; left:0; top:0; }
header #bodyLengthSlider.noUi-target .noUi-connect { background:#ef2323; }
header #bristleLengthSlider.noUi-target .noUi-connect { background:#3c40bb; }
header #bristleWidthSlider.noUi-target .noUi-connect { background:#00ad66; }

section.products .product { width:50%; height:35rem; }
section.products .product, section.products .highlight { border-bottom:0.07rem solid #000; border-right:0.07rem solid #000; }
section.products .product div.price { padding:0.1rem 0.75rem; }
section.products .product div.price .tooltip { right:7rem; }
section.products .product .overlay > * { opacity:0.2; }
section.products .product:hover .overlay > * { opacity:1; }
section.products .product .productId { width:16%; height:100%; }
section.products .product .productName { max-width:65%; height:100%; }
section.products .product .properties { max-width:19%; height:100%; }
section.products .product div.vat { bottom:-1.75rem; }
section.products .product .usage { float:left; }
section.products .product .usage .special, section.products .product .usage .liquids { width:12rem; }
section.products .product .usage .icons { margin:0.5rem 1rem -0.5rem 0; }
section.products .product .dimensions { float:right; }
section.products .product .dimensions > div { margin-top:1rem; }
section.products .highlight { width:100%; height:70rem; }
section.products .noResults { background:url("/assets/images/background-homeMessage.jpg") no-repeat; background-size:cover; }

section.product .title, section.product .title > * { height:5rem; line-height:3rem !important; }
section.product .attributes > * { display:inline-block; margin:0 2rem 0 0; }
section.product .attributes .icons { margin:0.5rem 1rem -0.5rem 0; }
section.product .dimensions .icon:last-child { margin:0; }
section.product .controls { height:6rem; }
section.product .controls .colorSelector { width:1rem;  }
section.product .controls .price { min-width:18rem; }
section.product .controls .tax { width:6rem; }
section.product .controls .pcs { margin-top:1.7rem; }
section.product .productPictures { display:none; }
section.product .productPictures button { top:45%; z-index:100; }
section.product .controls.floating { position:fixed; left:0; right:0; bottom:3rem; padding:0 3rem 0 3rem; }
body.backgroundColor0 .productPictures.color0, body.backgroundColor1 .productPictures.color1, body.backgroundColor2 .productPictures.color2, body.backgroundColor3 .productPictures.color3, body.backgroundColor4 .productPictures.color4, body.backgroundColor5 .productPictures.color5, body.backgroundColor6 .productPictures.color6, body.backgroundColor7 .productPictures.color7, body.backgroundColor8 .productPictures.color8, body.backgroundColor9 .productPictures.color9, body.backgroundColor11 .productPictures.color11, body.backgroundColor12 .productPictures.color12 { display:block; }

body.order .circle, body.orders .circle { width:1.35rem; height:1.35rem; }
body.order tr, body.orders tr { height:2rem; }

/*Overlay*/
header .overlay, body .overlay { display:none; }
header:hover .overlay, header.active .overlay { display:inline-block; z-index:1000; }
body .overlay.active, section.products .product .overlay { display:block; z-index:50; }
.cart input[type=number] { width:7rem; background:none; }
.cart tr:nth-child(even), .order-container table tr:nth-child(even) { background-color:#f4f4f4; }
.cart td.product-name { width:23rem; }
.cart .circle { width:1.7rem; height:1.7rem; padding-top:0.2rem; }
.overlay.cart { overflow-y:auto; }
.overlay a.continue { bottom:0; }
.overlay #checkout_form button.continue { bottom:1.5rem; }
.overlay button.continue { width:41.5rem; height:3rem; }
.delivery-address-header {cursor: pointer;}
.delivery-address .billing_uid {display:none;}

/*Form validation*/
form.error input:invalid { border: 1px solid red; }
form.error select:invalid { border: 1px solid red; }
form.error label.error {color: red;}
form .form-errors { display: none;}
form.error .form-errors { display: block; }
form.forgotPassword.sent .message { display:inlnie-block; }
form.forgotPassword.sent.error .message.success { display:none; }

/*=================================== Texts ===================================*/

/*Default types*/
nav, nav button span { font:1.7rem/1.7rem 'Geomanist-Light', sans-serif; }
label.nav { font:1rem/2rem 'Geomanist-Light', sans-serif; }
span, .tooltip, label.large, button.icon { font:1rem/1.2rem 'Geomanist-Light', sans-serif; }
span.bold, h3.verySmall { font:1rem/1.2rem 'Geomanist-Bold', sans-serif; }
span.small, button.circle, button.text, label, nav .slider { font:0.85rem/1.15rem 'Geomanist-Light', sans-serif; }
span.small.bold { font:0.85rem/1.15rem 'Geomanist-Bold', sans-serif; }
span.medium { font:1.2rem/1.75rem 'Geomanist-Light', sans-serif; }
span.medium.bold, span.medium strong { font:1.2rem/1.75rem 'Geomanist-Bold', sans-serif; }
span.large { font:1.5rem/2.1rem 'Geomanist-Light', sans-serif; }
span.large.bold { font:1.5rem/2.1rem 'Geomanist-Bold', sans-serif; }
span.larger, button.rectangle { font:1.85rem/2.3rem 'Geomanist-Light', sans-serif; }
span.veryLarge { font:2rem/3rem 'Geomanist-Light', sans-serif; }
.icon span.veryLarge { line-height:2rem; }
span.veryLarge.bold { font:3rem/3.6rem 'Geomanist-Bold', sans-serif; }
span.extraLarge.bold { font:3.3rem/3.7rem 'Geomanist-Bold', sans-serif; }
span.huge.bold, input.quantity { font:4.5rem/4.5rem 'Geomanist-Bold', sans-serif !important; }
header ul { font:1.3rem/1.7rem 'Geomanist-Light', sans-serif; }
header ul .active { font:1.3rem/1.7rem 'Geomanist-Regular', sans-serif; }
header ul ul { font:1.3rem/1.7rem 'Geomanist-ExtraLight', sans-serif; }
header ul ul .active { font:1.3rem/1.7rem 'Geomanist-Light', sans-serif; }
button.quantity span { font:2rem/1rem 'Geomanist-Bold', sans-serif; }
button.quantity.large span, input[type=number] { font:3rem/1.5rem 'Geomanist-Bold', sans-serif; }
button.address-add, button.address-delete-confirm { font:2.5rem/3.5rem 'Geomanist-Bold', sans-serif; }
input.search { font:1.7rem/1.7rem 'Geomanist-Light', sans-serif; }
.overlay input, .overlay select, button.submit, button.save, button.continue, input[type=date] { font:1.3rem/2rem 'Geomanist-Light', sans-serif; }
h1 { font:2.3rem/3rem 'Geomanist-Bold', sans-serif; }
h2 { font:1.3rem/1.9rem 'Geomanist-Light', sans-serif; }
h2.bold { font:1.6rem/2.2rem 'Geomanist-Bold', sans-serif; }
h3 { font:2.2rem/3.1rem 'Geomanist-Bold', sans-serif; }
h4, h3.small { font:1.4rem/1.75rem 'Geomanist-Bold', sans-serif; }
h5 { font:1.4rem/1.75rem 'Geomanist-Light', sans-serif; }
h3.large { font:2.8rem/3.4rem 'Geomanist-Bold', sans-serif; }

/*Modifiers*/
.controls span.huge.bold { line-height:6rem !important; }

/*Type colors*/
.black, .black a, input.black::placeholder, .backgroundColor1, .backgroundColor3, .backgroundColor4, .backgroundColor5, .backgroundColor7, .backgroundColor8, .backgroundColor9, .backgroundColor11, .circle.color1, .circle.color3, .circle.color4, .circle.color5, .circle.color7, .circle.color8, .circle.color9, .circle.color11 { color:#000; }
.white, .white a, button.color2, button.color6, button.color12, .circle.color2, .circle.color6, .circle.color12 { color:#fff; }
h3.color1, span.color1, input.color1 { color:#ede7da; } /*white*/
.blue, h3.color2, span.color2, input.color2 { color:#3c40bb; } /*blue*/
h3.color3, span.color3, input.color3, .red { color:#ef2323; } /*red*/
h3.color4, span.color4, input.color4 { color:#ffd400; } /*yellow*/
h3.color5, span.color5, input.color5, .green { color:#00ad66; } /*green*/
h3.color6, span.color6, input.color6 { color:#000000; } /*black*/
h3.color7, span.color7, input.color7 { color:#ffa020; } /*orange*/
h3.color8, span.color8, input.color8 { color:#9b65aa; } /*purple*/
h3.color9, span.color9, input.color9 { color:#ff9ac1; } /*pink*/
h3.color11, span.color11, input.color11 { color:#CCCCCC; } /*grey*/
h3.color12, span.color12, input.color12 { color:#7F523E; } /*brown*/
button.rectangle.color0, .bgTextColor0 { color:#7ca5f1; } /*white*/
button.rectangle.color1, .bgTextColor1 { color:#8fdbff; } /*white*/
button.rectangle.color2, .bgTextColor2 { color:#ffd400; } /*blue*/
button.rectangle.color3, .bgTextColor3 { color:#5065ff; } /*red*/
button.rectangle.color4, .bgTextColor4 { color:#00ad66; } /*yellow*/
button.rectangle.color5, .bgTextColor5 { color:#fd9ec4; } /*green*/
button.rectangle.color6, .bgTextColor6 { color:#ede7da; } /*black*/
button.rectangle.color7, .bgTextColor7 { color:#845aa6; } /*orange*/
button.rectangle.color8, .bgTextColor8 { color:#faa627;  } /*purple*/
button.rectangle.color9, .bgTextColor9 { color:#aefffd; } /*pink*/
button.rectangle.color11, .bgTextColor11 { color:#ff5043; } /*grey*/
button.rectangle.color12, .bgTextColor12 { color:#59caec; } /*brown*/

/*Type styles*/
.italic { font-style:italic !important; }
.uppercase { text-transform:uppercase; letter-spacing:0.07rem; }
.strong { font-weight:bold !important; }
.strikethrough, button.publication { text-decoration:line-through; }
button.strikethrough.active, a.strikethrough:hover { text-decoration:none !important; }
ol { list-style-position:inside; }

/*Link styles*/
a.blue, .blue a { color:#3c40bb; }
button.text.black { border-bottom:0.05rem solid #000; }
header.black nav .categories a:hover { border-bottom:0.05rem dashed #000; }
.black.hoverUnderline a:hover, .black.hoverUnderline a:visited, .black.alwaysUnderline a:link, .black.alwaysUnderline a:visited, .black.alwaysUnderline a:hover, .black.alwaysUnderline a:active { text-decoration:none; border-bottom:0.08rem solid #000 !important; }
.blue.hoverUnderline a:hover, .blue.hoverUnderline a:visited, nav a.active, nav a.open, .blue.alwaysUnderline a:link, .blue.alwaysUnderline a:visited, .blue.alwaysUnderline a:hover, .blue.alwaysUnderline a:active, button.direct:not(.active):hover span { text-decoration:none; border-bottom:0.08rem solid #3c40bb !important; }
.white.hoverUnderline a:hover, .white.hoverUnderline a:visited, button.direct.active span { text-decoration:none; border-bottom:0.05rem solid #fff !important; }
.noUnderline, .noUnderline a:link, .noUnderline a:visited, .noUnderline a:hover, .noUnderline a:active, .hoverUnderline a:link, .hoverUnderline a:visited { text-decoration:none; border-bottom:none; }
a.hoverItalic:hover, .hoverItalic a:hover { font-style:italic !important; }
a.hoverBold:hover, .hoverBold a:hover { font-weight:bold; }

/*=================================== Supersize Styles ===================================*/

@media all and (min-width:1600px) {
	/*Tooltips*/
	div.tooltip { height:44px; padding:10px; margin-top:-22px; }
	div.tooltip .icon.circle.small { width:25px; height:25px; }
	header div.tooltip.rightArrow { padding-right:40px; }
	.usage div.tooltip.leftArrow { padding-left:40px; }
	.usage div.tooltip.rightArrow, section.product .usage div.tooltip.leftArrow { padding-right:40px; }
	.properties div.tooltip.rightArrow, .reset div.tooltip.rightArrow { padding-right:40px;  }
	.tooltip { font:20px/24px 'Geomanist-Light', sans-serif !important; }
	section.products .product .usage div.tooltip.leftArrow { left:1.5rem;  }
	section.products .product .usage div.tooltip.rightArrow { right:1.5rem; }
	section.products .properties div.tooltip.rightArrow { right:1rem; }

	/*Containers*/
	section.products .product { width:33.33%; height:23.33rem; }
	section.products .highlight { width:66.66%; height:46.655rem; }
	section.products .product .usage .special, section.products .product .usage .liquids { width:7.92rem; }

	/*Paddings & margins*/
	section.products .product div.price { padding:0.66rem 0.5rem; }
	section.products .product div.vat { bottom:-1.6rem; }
	section.products .product .usage .icons { margin:0.33rem 0.66rem -0.33rem 0; }
	section.products .product .dimensions > div { margin-top:0.66rem; }
	section.products .product .nanoVPadding { padding-top:0.166rem; padding-bottom:0.166rem; }
	section.products .product .microHPadding { padding-left:0.33rem; padding-right:0.33rem; }
	section.products .product .microPadding { padding:0.33rem; }
	section.products .product .microLeftPadding { padding-left:0.33rem; }
	section.products .product .tinyPadding { padding:0.66rem; }
	section.products .product .tinyRightPadding { padding-right:0.66rem; }
	section.products .product .tinyLeftMargin { margin-left:0.33rem; }
	section.products .highlight .smallPadding { padding:2rem; }

	/*Icons*/
	section.products .product .icon.dirt, section.products .product .icon.surface { width:2rem; height:1.33rem; margin:0.23rem -0.015rem; }
	section.products .product .icon.dirt.special, section.products .product .icon.dirt.liquids { width:1.33rem; }
	section.products .product .icon.body { height:1.33rem; padding-left:3.86rem; background-size:3.20rem; }
	section.products .product .icon.bristles { height:1.33rem; padding-left:3.86rem; background-size:3.20rem; }
	section.products .product .icon.temperature { height:1.20rem; padding-left:2.66rem; background-size:2rem; }
	section.products .product .icon.property .image, section.products .product .icon.colors .image { height:1.17rem; width:1.17rem; }

	/*Texts*/
	section.products .product span { font:0.66rem/0.8rem 'Geomanist-Light', sans-serif; }
	section.products .product span.larger, section.products .highlight span.larger { font:1.22rem/1.53rem 'Geomanist-Light', sans-serif; }
	section.products .product span.small.bold { font:0.66rem/0.8rem 'Geomanist-Bold', sans-serif; }
	section.products .product span.veryLarge { font:1.33rem/2rem 'Geomanist-Light', sans-serif; }
	section.products .product .icon span.veryLarge { line-height:1.33rem; }
	section.products .product h4, section.products .product h3.small { font:0.92rem/1.16rem 'Geomanist-Bold', sans-serif; }
	section.products .product h5 { font:0.92rem/1.16rem 'Geomanist-Light', sans-serif; }
	section.products .highlight h3.large { font:1.85rem/2.24rem 'Geomanist-Bold', sans-serif; }
	section.products .highlight span.larger { font:1.12rem/1.52rem 'Geomanist-Light', sans-serif; }
}

@media all and (min-width:2000px) {
	/*Tooltips*/
	section.products .product .usage div.tooltip.leftArrow { left:2rem;  }
	section.products .product .usage div.tooltip.rightArrow { right:2rem; }
	section.products .properties div.tooltip.rightArrow { right:1.33rem; }

	/*Containers*/
	section.products .product { width:25%; height:17.5rem; }
	section.products .highlight { width:50%; height:34.99rem; }
	section.products .product .usage .special, section.products .product .usage .liquids { width:6rem; }

	/*Paddings & margins*/
	section.products .product div.price { padding:0.5rem 0.325rem; }
	section.products .product div.vat { bottom:-1.5rem; }
	section.products .product .usage .icons { margin:0.25rem 0.5rem -0.25rem 0; }
	section.products .product .dimensions > div { margin-top:0.5rem; }
	section.products .product .nanoVPadding { padding-top:0.125rem; padding-bottom:0.125rem; }
	section.products .product .microHPadding { padding-left:0.25rem; padding-right:0.25rem; }
	section.products .product .microPadding { padding:0.25rem; }
	section.products .product .microLeftPadding { padding-left:0.25rem; }
	section.products .product .tinyPadding { padding:0.5rem; }
	section.products .product .tinyRightPadding { padding-right:0.5rem; }
	section.products .product .tinyLeftMargin { margin-left:0.25rem; }
	section.products .highlight .smallPadding { padding:1rem; }

	/*Icons*/
	section.products .product .icon.dirt, section.products .product .icon.surface { width:1.5rem; height:1rem; margin:0.175rem -0.015rem; }
	section.products .product .icon.dirt.special, section.products .product .icon.dirt.liquids { width:1rem; }
	section.products .product .icon.body { height:1rem; padding-left:2.9rem; background-size:2.4rem; }
	section.products .product .icon.bristles { height:1rem; padding-left:2.9rem; background-size:2.4rem; }
	section.products .product .icon.temperature { height:0.9rem; padding-left:2rem; background-size:1.5rem; }
	section.products .product .icon.property .image, section.products .product .icon.colors .image { height:0.875rem; width:0.875rem; }

	/*Texts*/
	section.products .product span { font:0.5rem/0.6rem 'Geomanist-Light', sans-serif; }
	section.products .product span.larger, section.products .highlight span.larger { font:0.93rem/1.15rem 'Geomanist-Light', sans-serif; }
	section.products .product span.small.bold { font:0.5rem/0.6rem 'Geomanist-Bold', sans-serif; }
	section.products .product span.veryLarge { font:1rem/1.5rem 'Geomanist-Light', sans-serif; }
	section.products .product .icon span.veryLarge { line-height:1rem; }
	section.products .product h4, section.products .product h3.small { font:0.7rem/0.875rem 'Geomanist-Bold', sans-serif; }
	section.products .product h5 { font:0.7rem/0.875rem  'Geomanist-Light', sans-serif; }
	section.products .highlight h3.large { font:1.4rem/1.7rem 'Geomanist-Bold', sans-serif; }
	section.products .highlight span.larger { font:0.85rem/1.15rem 'Geomanist-Light', sans-serif; }
}


/*=================================== Mobile Styles ===================================*/

@media all and (max-width:600px) {
	.desktopOnly { display:none; }
	.mobileOnly { display:block; }
	.doubleColumns { column-count:1; }

	/*Tooltips*/
	section.products .product .usage div.tooltip.leftArrow { left:2rem;  }
	section.products .product .usage div.tooltip.rightArrow { right:2rem; }
	section.products .properties div.tooltip.rightArrow { right:1.33rem; }

	/*Containers*/
	section.products .product { width:100%; height:70rem; }
	section.products .highlight { width:100%; height:70rem; }
	section.products .product .usage .special, section.products .product .usage .liquids { width:24rem; }
	.overlay.width50 { width:100%; }
	.overlay.width50 .width45, .overlay.width50 input.wide, button.wide, select.wide { width:100%; margin-right:0; }
	header { padding-top:3rem !important; padding-bottom:2rem !important; }
	header:hover .overlay, header.active .overlay { display:none; }
	header .width15 { width:20%; }
	header nav.secondary { padding-top:0; }
	header nav.overlay { top:9rem; padding-top:6rem; }
	header nav.overlay .width33, header nav.overlay .width66 { width:50%; }
	header nav.overlay .width66 > div > div.floatLeft { margin-bottom:5rem; }
	header nav.overlay .width66 > div > div.floatLeft > div.floatLeft { margin-top:3rem; }
	header nav.overlay .width66 .smallLeftPadding, header nav.overlay .width66 .smallRightPadding { padding-left:0; padding-right:0; }
	header nav.overlay button.close { right:3.5rem; }
	header nav.overlay a.reset { position:absolute; right:8rem; }
	.orderTotal { padding-right:5rem; }
	.orderTotal span.floatLeft { margin-right:2rem; }
	.orderTotal span.floatLeft, .orderTotal span.floatRight { float:none; }
	
	.cart .cart_item div.quantity { float:right; }
	.cart input[type=number] { width:14rem; }
	.cart td.product-name { width:auto; padding-left:5rem; }
	.cart .circle { width:3rem; height:3rem; padding-top:0.35rem; }
	.overlay #checkout_form button.continue { bottom:3rem; }
	.cart a.continue, .overlay button.continue { width:100%; height:6rem; }

	section.product .title, section.product .title > * { height:10rem; line-height:3rem !important; }
	section.product .attributes > * { margin:0 2rem 6rem 0; }
	section.product .controls { margin-top:4rem; margin-bottom:8rem; }
	section.product .controls, section.product .controls div.quantity { height:10rem; }
	section.product .controls .colorSelector { width:2rem; }
	section.product .controls .price { min-width:auto; height:100%; display:flex; align-items:center; flex-direction:column; justify-content:center; }
	section.product .controls .tax { width:auto; }
	section.product .controls .pcs { margin-top:1.7rem; margin-right:2rem; }

	/*Paddings & margins*/
	section.products .product { border-right:none; }
	section.products .product div.price { padding:2rem 3rem; }
	section.products .product div.vat { bottom:-4rem; }
	section.products .product .usage .icons { margin:1rem 2rem -1rem 0; }
	section.products .product .dimensions > div { margin-top:2rem; }
	section.products .product .nanoVPadding { padding-top:0.5rem; padding-bottom:0.5rem; }
	section.products .product .microHPadding { padding-left:1rem; padding-right:1rem; }
	section.products .product .microPadding { padding:1rem; }
	section.products .product .microLeftPadding { padding-left:1rem; }
	section.products .product .tinyPadding { padding:2rem; }
	section.products .product .tinyRightPadding { padding-right:2rem; }
	section.products .product .tinyLeftMargin { margin-left:1rem; }
	section.products .highlight .smallPadding { padding:4rem; }

	/*Icons*/
	section.products .product .icon.dirt, section.products .product .icon.surface { width:6rem; height:4rem; margin:0.7rem -0.06rem; }
	section.products .product .icon.dirt.special, section.products .product .icon.dirt.liquids { width:4rem; }
	section.products .product .icon.body { height:4rem; padding-left:11.6rem; background-size:9.2rem; }
	section.products .product .icon.bristles { height:4rem; padding-left:11.6rem; background-size:9.2rem; }
	section.products .product .icon.temperature { height:3.6rem; padding-left:8rem; background-size:6rem; }
	section.products .product .icon.property .image, section.products .product .icon.colors .image { height:3.5rem; width:3.5rem; }

button.next { width:3rem; height:3rem; background-size:3rem; }
button.previous { width:3rem; height:3rem; background-size:3rem; }
	button.cart { width:4rem; height:4rem; background-size:4rem; margin-left:2rem; }
	button.account { padding-left:4rem; height:4rem; background-size:4rem; margin-left:2rem; }
	button.account.active, button.login { padding-left:4rem; height:4rem; background-size:4rem; margin-left:2rem; }
	button.contact { padding-left:4rem; height:4rem; background-size:4rem; margin-left:2rem; }
	button.learnMore { padding-left:4rem; height:4rem; background-size:4rem; margin-left:2rem; }
	button.website { padding-left:4rem; height:4rem; background-size:4rem; margin-left:2rem; }
	button.addToCart { width:10rem; background-size:5rem; }
	button.close { width:3rem; height:3rem; }
	button.reset { width:3rem; height:3rem; }
button.rectangle { padding:1rem 2rem; }
	button.circle { width:3rem; height:3rem; }
	button.address-add, button.address-delete-confirm { margin-left:2rem; }
.icon.circle.small { width:1.25rem; height:1.25rem; }
	input.search { height:3rem; padding-left:4rem; background-size:3rem; }
input.quantity { width:6rem; }
div.stockWarning { width:6rem; background-size:4rem; }
	.overlay .address-container input, .overlay .address-container select { height:6.5rem; }

.icon.dirt, .icon.surface { width:6rem; height:4rem; margin:0.35rem -0.015rem; }
.icon.dirt.small, .icon.surface.small { width:4rem; }
.icon.dirt.special, .icon.dirt.liquids { width:4rem; }
.icon.body { height:4rem; padding-left:11.6rem; background-size:9.6rem; }
.icon.bristles { height:4rem; padding-left:11.6rem; background-size:9.6rem; }
.icon.temperature { height:3.6rem; padding-left:8rem; background-size:6rem; }
.icon.property .image, .icon.colors .image { height:3.5rem; width:3.5rem; }

	/*Texts*/
	section.products .product span { font:2rem/2.4rem 'Geomanist-Light', sans-serif; }
	section.products .product span.larger, section.products .highlight span.larger { font:3.73rem/4.6rem 'Geomanist-Light', sans-serif; }
	section.products .product span.small.bold { font:2rem/2.4rem 'Geomanist-Bold', sans-serif; }
	section.products .product span.veryLarge { font:4rem/6rem 'Geomanist-Light', sans-serif; }
	section.products .product .icon span.veryLarge { line-height:4rem; }
	section.products .product h4, section.products .product h3.small { font:2.8rem/3.5rem 'Geomanist-Bold', sans-serif; }
	section.products .product h5 { font:2.8rem/3.5rem  'Geomanist-Light', sans-serif; }
	section.products .highlight h3.large { font:5.6rem/5.8rem 'Geomanist-Bold', sans-serif; }
	section.products .highlight span.larger { font:3.4rem/4.6rem 'Geomanist-Light', sans-serif; }

	/*Default types*/
nav { font:1.7rem/1.7rem 'Geomanist-Light', sans-serif; }
label.nav { font:1rem/2rem 'Geomanist-Light', sans-serif; }
	span, .tooltip, label.large, button.icon { font:2.2rem/2.6rem 'Geomanist-Light', sans-serif; }
	span.bold, h3.verySmall { font:3rem/3.6rem 'Geomanist-Bold', sans-serif; }
	span.small, button.circle, button.text, label, nav .slider { font:2.5rem/4rem 'Geomanist-Light', sans-serif; }
	span.small.bold { font:2.5rem/4rem 'Geomanist-Bold', sans-serif; }
	header span.small { font:2rem/2.5rem 'Geomanist-Light', sans-serif; }
span.medium { font:2.5rem/3.6rem 'Geomanist-Light', sans-serif; }
	span.large { font:3rem/4.2rem 'Geomanist-Light', sans-serif; }
	span.large.bold { font:3rem/4.2rem 'Geomanist-Bold', sans-serif; }
span.larger, button.rectangle { font:1.85rem/2.3rem 'Geomanist-Light', sans-serif; }
	span.veryLarge { font:4rem/6rem 'Geomanist-Light', sans-serif; }
.icon span.veryLarge { line-height:2rem; }
span.veryLarge.bold { font:3rem/3.6rem 'Geomanist-Bold', sans-serif; }
span.extraLarge.bold { font:3.3rem/3.7rem 'Geomanist-Bold', sans-serif; }
	span.huge.bold, input.quantity { font:6.5rem/6.5rem 'Geomanist-Bold', sans-serif !important; }
	header ul { font:2.8rem/3.6rem 'Geomanist-Light', sans-serif; }
	header ul .active { font:2.8rem/3.6rem 'Geomanist-Regular', sans-serif; }
	header ul ul { font:2.8rem/3.6rem 'Geomanist-ExtraLight', sans-serif; }
	header ul ul .active { font:2.8rem/3.6rem 'Geomanist-Light', sans-serif; }
button.quantity span { font:3rem/3rem 'Geomanist-Bold', sans-serif; }
button.quantity.large span, input[type=number] { font:3rem/1.5rem 'Geomanist-Bold', sans-serif; }
	button.address-add, button.address-delete-confirm { font:6rem/8rem 'Geomanist-Bold', sans-serif; }
	input.search { font:3rem/3rem 'Geomanist-Light', sans-serif; }
	.overlay input, .overlay select, button.submit, button.save, button.continue, input[type=date] { font:3rem/4rem 'Geomanist-Light', sans-serif; }
	h1 { font:2.8rem/3.5rem 'Geomanist-Bold', sans-serif; }
	h2 { font:3.3rem/3.9rem 'Geomanist-Light', sans-serif; }
	h2.bold { font:3.6rem/4.2rem 'Geomanist-Bold', sans-serif; }
	h3 { font:4.2rem/5.1rem 'Geomanist-Bold', sans-serif; }
	h4, h3.small { font:3.4rem/3.75rem 'Geomanist-Bold', sans-serif; }
	h5 { font:3.4rem/3.75rem 'Geomanist-Light', sans-serif; }
	h3.large { font:4.8rem/5.4rem 'Geomanist-Bold', sans-serif; }
}
