@charset "UTF-8"; /*********** CSS RESET **********/ * { margin: 0; outline: none; padding: 0; text-decoration: none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; /*** The new CSS reset - version 1.7.2 (last updated 23.6.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ /* Preferred box-sizing value */ /* Reapply the pointer cursor for anchor tags */ /* Remove list styles (bullets/numbers) */ /* For images to not be able to exceed their container */ /* removes spacing between cells in tables */ /* Safari - solving issue when using user-select:none on the text input doesn't working */ /* revert the 'white-space' property for textarea elements on Safari */ /* minimum style to allow to style meter element */ /* reset default text opacity of input placeholder */ /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ /* apply back the draggable feature - exist only in Chromium and Safari */ box-sizing: border-box; } * *:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)), *:before *:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)), *:after *:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)) { all: unset; display: revert; } * *, * *::before, * *::after, *:before *, *:before *::before, *:before *::after, *:after *, *:after *::before, *:after *::after { box-sizing: border-box; } * a, * button, *:before a, *:before button, *:after a, *:after button { cursor: revert; } * ol, * ul, * menu, *:before ol, *:before ul, *:before menu, *:after ol, *:after ul, *:after menu { list-style: none; } * img, *:before img, *:after img { max-width: 100%; } * table, *:before table, *:after table { border-collapse: collapse; } * input, * textarea, *:before input, *:before textarea, *:after input, *:after textarea { -webkit-user-select: auto; } * textarea, *:before textarea, *:after textarea { white-space: revert; } * meter, *:before meter, *:after meter { -webkit-appearance: revert; appearance: revert; } * ::placeholder, *:before ::placeholder, *:after ::placeholder { color: unset; } * :where([hidden]), *:before :where([hidden]), *:after :where([hidden]) { display: none; } * :where([contenteditable]:not([contenteditable=false])), *:before :where([contenteditable]:not([contenteditable=false])), *:after :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } * :where([draggable=true]), *:before :where([draggable=true]), *:after :where([draggable=true]) { -webkit-user-drag: element; } html { margin: 0 !important; -webkit-text-size-adjust: none; scroll-behavior: smooth; } ol, ul { list-style: none; } a img { border: none; } a:active { outline: none; } input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner { margin: 0; border: 0; padding: 0; } input[type=button], input[type=submit], input[type=reset], input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], textarea { border-radius: 0; font-size: 14px; } input[type=button], input[type=submit], input[type=reset] { -webkit-appearance: none; } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 1000px #fff; } script { display: none !important; } @font-face { font-family: "Space Grotesk"; src: url("//fonts.mtx.com/SpaceGrotesk-SemiBold.woff2") format("woff2"), url("//fonts.mtx.com/SpaceGrotesk-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Space Grotesk"; src: url("//fonts.mtx.com/SpaceGrotesk-Bold.woff2") format("woff2"), url("//fonts.mtx.com/SpaceGrotesk-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Space Grotesk"; src: url("//fonts.mtx.com/SpaceGrotesk-Medium.woff2") format("woff2"), url("//fonts.mtx.com/SpaceGrotesk-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Space Grotesk"; src: url("//fonts.mtx.com/SpaceGrotesk-Light.woff2") format("woff2"), url("//fonts.mtx.com/SpaceGrotesk-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Space Grotesk"; src: url("//fonts.mtx.com/SpaceGrotesk-Regular.woff2") format("woff2"), url("//fonts.mtx.com/SpaceGrotesk-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Druk Super"; src: url("//fonts.mtx.com/Druk-Super.woff2") format("woff2"), url("//fonts.mtx.com/Druk-Super.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Druk Wide"; src: url("//fonts.mtx.com/DrukWide-Bold.woff2") format("woff2"), url("//fonts.mtx.com/DrukWide-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Druk Cond Super"; src: url("//fonts.mtx.com/Druk-Cond-Super.woff2") format("woff2"), url("//fonts.mtx.com/Druk-Cond-Super.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Druk XCond Super"; src: url("//fonts.mtx.com/DrukXCond-Super.woff2") format("woff2"), url("//fonts.mtx.com/DrukXCond-Super.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Druk Wide"; src: url("//fonts.mtx.com/Druk-WideMedium.woff2") format("woff2"), url("//fonts.mtx.com/Druk-WideMedium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Druk XXCond Super"; src: url("//fonts.mtx.com/DrukXXCond-Super.woff2") format("woff2"), url("//fonts.mtx.com/DrukXXCond-Super.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } .theme-light, .nested-theme.theme-light { background-color: #fff; background-image: radial-gradient(circle, #fff 0%, #000 300%); color: #000; border-color: #000; } .theme-light > .header-color, .theme-light .primary-color, .nested-theme.theme-light > .header-color, .nested-theme.theme-light .primary-color { color: #ff0000; } .theme-light > .secondary-color, .nested-theme.theme-light > .secondary-color { color: #a2ff00; } .theme-light .secondary-border-color, .nested-theme.theme-light .secondary-border-color { border-color: #a2ff00; } .theme-lighta, .theme-light a, .theme-light .slick-arrow, .nested-theme.theme-lighta, .nested-theme.theme-light a, .nested-theme.theme-light .slick-arrow { color: #ff0000; } .theme-lighta:hover, .theme-light a:hover, .theme-light .slick-arrow:hover, .nested-theme.theme-lighta:hover, .nested-theme.theme-light a:hover, .nested-theme.theme-light .slick-arrow:hover { color: #2d2734; } .theme-light .btn, .theme-light .page-body .bh-sl-container button, .page-body .bh-sl-container .theme-light button, .theme-light .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential .theme-light .add-to-cart-button, .theme-light input[type=button], .theme-light input[type=submit], .theme-light input[type=reset], .nested-theme.theme-light .btn { background-color: #000; border-color: #000; color: #fff; } .theme-light .btn:hover, .theme-light .page-body .bh-sl-container button:hover, .page-body .bh-sl-container .theme-light button:hover, .theme-light .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential .theme-light .add-to-cart-button:hover, .theme-light input[type=button]:hover, .theme-light input[type=submit]:hover, .theme-light input[type=reset]:hover, .nested-theme.theme-light .btn:hover { background: #fff; border-color: #000; color: #000; } .theme-light .btn__outline, .nested-theme.theme-light .btn__outline { background: #fff; border-color: #000; color: #000; } .theme-light .btn__outline:hover, .nested-theme.theme-light .btn__outline:hover { background: #000; border-color: #fff; color: #fff; } .theme-light .btn__transparent, .nested-theme.theme-light .btn__transparent { background: transparent; border-color: #000; color: #000; } .theme-light .btn__transparent:hover, .nested-theme.theme-light .btn__transparent:hover { background: #000; border-color: #fff; color: #fff; } .theme-smoke, .nested-theme.theme-smoke { background-color: #b3aca1; background-image: radial-gradient(circle, #b3aca1 0%, #000 300%); color: #000; border-color: #000; } .theme-smoke > .header-color, .theme-smoke .primary-color, .nested-theme.theme-smoke > .header-color, .nested-theme.theme-smoke .primary-color { color: #000; } .theme-smoke > .secondary-color, .nested-theme.theme-smoke > .secondary-color { color: #fff9f2; } .theme-smoke .secondary-border-color, .nested-theme.theme-smoke .secondary-border-color { border-color: #fff9f2; } .theme-smokea, .theme-smoke a, .theme-smoke .slick-arrow, .nested-theme.theme-smokea, .nested-theme.theme-smoke a, .nested-theme.theme-smoke .slick-arrow { color: #ff0000; } .theme-smokea:hover, .theme-smoke a:hover, .theme-smoke .slick-arrow:hover, .nested-theme.theme-smokea:hover, .nested-theme.theme-smoke a:hover, .nested-theme.theme-smoke .slick-arrow:hover { color: #ff0000; } .theme-smoke .btn, .theme-smoke .page-body .bh-sl-container button, .page-body .bh-sl-container .theme-smoke button, .theme-smoke .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential .theme-smoke .add-to-cart-button, .theme-smoke input[type=button], .theme-smoke input[type=submit], .theme-smoke input[type=reset], .nested-theme.theme-smoke .btn { background-color: #000; border-color: #000; color: #fff; } .theme-smoke .btn:hover, .theme-smoke .page-body .bh-sl-container button:hover, .page-body .bh-sl-container .theme-smoke button:hover, .theme-smoke .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential .theme-smoke .add-to-cart-button:hover, .theme-smoke input[type=button]:hover, .theme-smoke input[type=submit]:hover, .theme-smoke input[type=reset]:hover, .nested-theme.theme-smoke .btn:hover { background: #fff; border-color: #000; color: #000; } .theme-smoke .btn__outline, .nested-theme.theme-smoke .btn__outline { background: #fff; border-color: #000; color: #000; } .theme-smoke .btn__outline:hover, .nested-theme.theme-smoke .btn__outline:hover { background: #000; border-color: #fff; color: #fff; } .theme-smoke .btn__transparent, .nested-theme.theme-smoke .btn__transparent { background: transparent; border-color: #000; color: #000; } .theme-smoke .btn__transparent:hover, .nested-theme.theme-smoke .btn__transparent:hover { background: #000; border-color: #fff; color: #fff; } .theme-slate, .nested-theme.theme-slate { background-color: #2d2734; background-image: radial-gradient(circle, #2d2734 0%, #000 300%); color: #fff; border-color: #fff; } .theme-slate > .header-color, .theme-slate .primary-color, .nested-theme.theme-slate > .header-color, .nested-theme.theme-slate .primary-color { color: #fff; } .theme-slate > .secondary-color, .nested-theme.theme-slate > .secondary-color { color: #fff9f2; } .theme-slate .secondary-border-color, .nested-theme.theme-slate .secondary-border-color { border-color: #fff9f2; } .theme-slatea, .theme-slate a, .theme-slate .slick-arrow, .nested-theme.theme-slatea, .nested-theme.theme-slate a, .nested-theme.theme-slate .slick-arrow { color: #f4f4f4; } .theme-slatea:hover, .theme-slate a:hover, .theme-slate .slick-arrow:hover, .nested-theme.theme-slatea:hover, .nested-theme.theme-slate a:hover, .nested-theme.theme-slate .slick-arrow:hover { color: #fff9f2; } .theme-slate .btn, .theme-slate .page-body .bh-sl-container button, .page-body .bh-sl-container .theme-slate button, .theme-slate .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential .theme-slate .add-to-cart-button, .theme-slate input[type=button], .theme-slate input[type=submit], .theme-slate input[type=reset], .nested-theme.theme-slate .btn { background-color: #fff; border-color: #fff; color: #000; } .theme-slate .btn:hover, .theme-slate .page-body .bh-sl-container button:hover, .page-body .bh-sl-container .theme-slate button:hover, .theme-slate .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential .theme-slate .add-to-cart-button:hover, .theme-slate input[type=button]:hover, .theme-slate input[type=submit]:hover, .theme-slate input[type=reset]:hover, .nested-theme.theme-slate .btn:hover { background: #000; border-color: #fff; color: #fff; } .theme-slate .btn__outline, .nested-theme.theme-slate .btn__outline { background: #000; border-color: #fff; color: #fff; } .theme-slate .btn__outline:hover, .nested-theme.theme-slate .btn__outline:hover { background: #fff; border-color: #000; color: #000; } .theme-slate .btn__transparent, .nested-theme.theme-slate .btn__transparent { background: transparent; border-color: #fff; color: #fff; } .theme-slate .btn__transparent:hover, .nested-theme.theme-slate .btn__transparent:hover { background: #fff; border-color: #000; color: #000; } .theme-dark, .nested-theme.theme-dark { background-color: #000; background-image: radial-gradient(circle, #000 0%, #000 300%); color: #fff; border-color: #fff; } .theme-dark > .header-color, .theme-dark .primary-color, .nested-theme.theme-dark > .header-color, .nested-theme.theme-dark .primary-color { color: #fff; } .theme-dark > .secondary-color, .nested-theme.theme-dark > .secondary-color { color: #fff9f2; } .theme-dark .secondary-border-color, .nested-theme.theme-dark .secondary-border-color { border-color: #fff9f2; } .theme-darka, .theme-dark a, .theme-dark .slick-arrow, .nested-theme.theme-darka, .nested-theme.theme-dark a, .nested-theme.theme-dark .slick-arrow { color: #f4f4f4; } .theme-darka:hover, .theme-dark a:hover, .theme-dark .slick-arrow:hover, .nested-theme.theme-darka:hover, .nested-theme.theme-dark a:hover, .nested-theme.theme-dark .slick-arrow:hover { color: #ff0000; } .theme-dark .btn, .theme-dark .page-body .bh-sl-container button, .page-body .bh-sl-container .theme-dark button, .theme-dark .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential .theme-dark .add-to-cart-button, .theme-dark input[type=button], .theme-dark input[type=submit], .theme-dark input[type=reset], .nested-theme.theme-dark .btn { background-color: #fff; border-color: #fff; color: #000; } .theme-dark .btn:hover, .theme-dark .page-body .bh-sl-container button:hover, .page-body .bh-sl-container .theme-dark button:hover, .theme-dark .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential .theme-dark .add-to-cart-button:hover, .theme-dark input[type=button]:hover, .theme-dark input[type=submit]:hover, .theme-dark input[type=reset]:hover, .nested-theme.theme-dark .btn:hover { background: #000; border-color: #fff; color: #fff; } .theme-dark .btn__outline, .nested-theme.theme-dark .btn__outline { background: #000; border-color: #fff; color: #fff; } .theme-dark .btn__outline:hover, .nested-theme.theme-dark .btn__outline:hover { background: #fff; border-color: #000; color: #000; } .theme-dark .btn__transparent, .nested-theme.theme-dark .btn__transparent { background: transparent; border-color: #fff; color: #fff; } .theme-dark .btn__transparent:hover, .nested-theme.theme-dark .btn__transparent:hover { background: #fff; border-color: #000; color: #000; } .theme-primary, .nested-theme.theme-primary { background-color: #ff0000; background-image: radial-gradient(circle, #ff0000 0%, #000 300%); color: #fff; border-color: #fff; } .theme-primary > .header-color, .theme-primary .primary-color, .nested-theme.theme-primary > .header-color, .nested-theme.theme-primary .primary-color { color: #fff; } .theme-primary > .secondary-color, .nested-theme.theme-primary > .secondary-color { color: #ff8e00; } .theme-primary .secondary-border-color, .nested-theme.theme-primary .secondary-border-color { border-color: #ff8e00; } .theme-primarya, .theme-primary a, .theme-primary .slick-arrow, .nested-theme.theme-primarya, .nested-theme.theme-primary a, .nested-theme.theme-primary .slick-arrow { color: #f4f4f4; } .theme-primarya:hover, .theme-primary a:hover, .theme-primary .slick-arrow:hover, .nested-theme.theme-primarya:hover, .nested-theme.theme-primary a:hover, .nested-theme.theme-primary .slick-arrow:hover { color: #000; } .theme-primary .btn, .theme-primary .page-body .bh-sl-container button, .page-body .bh-sl-container .theme-primary button, .theme-primary .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential .theme-primary .add-to-cart-button, .theme-primary input[type=button], .theme-primary input[type=submit], .theme-primary input[type=reset], .nested-theme.theme-primary .btn { background-color: #fff; border-color: #fff; color: #000; } .theme-primary .btn:hover, .theme-primary .page-body .bh-sl-container button:hover, .page-body .bh-sl-container .theme-primary button:hover, .theme-primary .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential .theme-primary .add-to-cart-button:hover, .theme-primary input[type=button]:hover, .theme-primary input[type=submit]:hover, .theme-primary input[type=reset]:hover, .nested-theme.theme-primary .btn:hover { background: #000; border-color: #fff; color: #fff; } .theme-primary .btn__outline, .nested-theme.theme-primary .btn__outline { background: #000; border-color: #fff; color: #fff; } .theme-primary .btn__outline:hover, .nested-theme.theme-primary .btn__outline:hover { background: #fff; border-color: #000; color: #000; } .theme-primary .btn__transparent, .nested-theme.theme-primary .btn__transparent { background: transparent; border-color: #fff; color: #fff; } .theme-primary .btn__transparent:hover, .nested-theme.theme-primary .btn__transparent:hover { background: #fff; border-color: #000; color: #000; } .theme-car-audio, .nested-theme.theme-car-audio { background-color: #ff0000; background-image: radial-gradient(circle, #ff0000 0%, #000 300%); color: #fff; border-color: #fff; } .theme-car-audio > .header-color, .theme-car-audio .primary-color, .nested-theme.theme-car-audio > .header-color, .nested-theme.theme-car-audio .primary-color { color: #fff; } .theme-car-audio > .secondary-color, .nested-theme.theme-car-audio > .secondary-color { color: #ff8e00; } .theme-car-audio .secondary-border-color, .nested-theme.theme-car-audio .secondary-border-color { border-color: #ff8e00; } .theme-car-audioa, .theme-car-audio a, .theme-car-audio .slick-arrow, .nested-theme.theme-car-audioa, .nested-theme.theme-car-audio a, .nested-theme.theme-car-audio .slick-arrow { color: #f4f4f4; } .theme-car-audioa:hover, .theme-car-audio a:hover, .theme-car-audio .slick-arrow:hover, .nested-theme.theme-car-audioa:hover, .nested-theme.theme-car-audio a:hover, .nested-theme.theme-car-audio .slick-arrow:hover { color: #000; } .theme-car-audio .btn, .theme-car-audio .page-body .bh-sl-container button, .page-body .bh-sl-container .theme-car-audio button, .theme-car-audio .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential .theme-car-audio .add-to-cart-button, .theme-car-audio input[type=button], .theme-car-audio input[type=submit], .theme-car-audio input[type=reset], .nested-theme.theme-car-audio .btn { background-color: #000; border-color: #000; color: #fff; } .theme-car-audio .btn:hover, .theme-car-audio .page-body .bh-sl-container button:hover, .page-body .bh-sl-container .theme-car-audio button:hover, .theme-car-audio .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential .theme-car-audio .add-to-cart-button:hover, .theme-car-audio input[type=button]:hover, .theme-car-audio input[type=submit]:hover, .theme-car-audio input[type=reset]:hover, .nested-theme.theme-car-audio .btn:hover { background: #fff; border-color: #000; color: #000; } .theme-car-audio .btn__outline, .nested-theme.theme-car-audio .btn__outline { background: #fff; border-color: #000; color: #000; } .theme-car-audio .btn__outline:hover, .nested-theme.theme-car-audio .btn__outline:hover { background: #000; border-color: #fff; color: #fff; } .theme-car-audio .btn__transparent, .nested-theme.theme-car-audio .btn__transparent { background: transparent; border-color: #000; color: #000; } .theme-car-audio .btn__transparent:hover, .nested-theme.theme-car-audio .btn__transparent:hover { background: #000; border-color: #fff; color: #fff; } .theme-powersports-audio, .nested-theme.theme-powersports-audio { background-color: #ff8e00; background-image: radial-gradient(circle, #ff8e00 0%, #000 300%); color: #000; border-color: #000; } .theme-powersports-audio > .header-color, .theme-powersports-audio .primary-color, .nested-theme.theme-powersports-audio > .header-color, .nested-theme.theme-powersports-audio .primary-color { color: #fff; } .theme-powersports-audio > .secondary-color, .nested-theme.theme-powersports-audio > .secondary-color { color: #ff0000; } .theme-powersports-audio .secondary-border-color, .nested-theme.theme-powersports-audio .secondary-border-color { border-color: #ff0000; } .theme-powersports-audioa, .theme-powersports-audio a, .theme-powersports-audio .slick-arrow, .nested-theme.theme-powersports-audioa, .nested-theme.theme-powersports-audio a, .nested-theme.theme-powersports-audio .slick-arrow { color: #000; } .theme-powersports-audioa:hover, .theme-powersports-audio a:hover, .theme-powersports-audio .slick-arrow:hover, .nested-theme.theme-powersports-audioa:hover, .nested-theme.theme-powersports-audio a:hover, .nested-theme.theme-powersports-audio .slick-arrow:hover { color: #fff; } .theme-powersports-audio .btn, .theme-powersports-audio .page-body .bh-sl-container button, .page-body .bh-sl-container .theme-powersports-audio button, .theme-powersports-audio .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential .theme-powersports-audio .add-to-cart-button, .theme-powersports-audio input[type=button], .theme-powersports-audio input[type=submit], .theme-powersports-audio input[type=reset], .nested-theme.theme-powersports-audio .btn { background-color: #fff; border-color: #fff; color: #000; } .theme-powersports-audio .btn:hover, .theme-powersports-audio .page-body .bh-sl-container button:hover, .page-body .bh-sl-container .theme-powersports-audio button:hover, .theme-powersports-audio .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential .theme-powersports-audio .add-to-cart-button:hover, .theme-powersports-audio input[type=button]:hover, .theme-powersports-audio input[type=submit]:hover, .theme-powersports-audio input[type=reset]:hover, .nested-theme.theme-powersports-audio .btn:hover { background: #000; border-color: #fff; color: #fff; } .theme-powersports-audio .btn__outline, .nested-theme.theme-powersports-audio .btn__outline { background: #000; border-color: #fff; color: #fff; } .theme-powersports-audio .btn__outline:hover, .nested-theme.theme-powersports-audio .btn__outline:hover { background: #fff; border-color: #000; color: #000; } .theme-powersports-audio .btn__transparent, .nested-theme.theme-powersports-audio .btn__transparent { background: transparent; border-color: #fff; color: #fff; } .theme-powersports-audio .btn__transparent:hover, .nested-theme.theme-powersports-audio .btn__transparent:hover { background: #fff; border-color: #000; color: #000; } .theme-marine-audio, .nested-theme.theme-marine-audio { background-color: #000FFF; background-image: radial-gradient(circle, #000FFF 0%, #000 300%); color: #fff; border-color: #fff; } .theme-marine-audio > .header-color, .theme-marine-audio .primary-color, .nested-theme.theme-marine-audio > .header-color, .nested-theme.theme-marine-audio .primary-color { color: #fff; } .theme-marine-audio > .secondary-color, .nested-theme.theme-marine-audio > .secondary-color { color: #b300ff; } .theme-marine-audio .secondary-border-color, .nested-theme.theme-marine-audio .secondary-border-color { border-color: #b300ff; } .theme-marine-audioa, .theme-marine-audio a, .theme-marine-audio .slick-arrow, .nested-theme.theme-marine-audioa, .nested-theme.theme-marine-audio a, .nested-theme.theme-marine-audio .slick-arrow { color: #f4f4f4; } .theme-marine-audioa:hover, .theme-marine-audio a:hover, .theme-marine-audio .slick-arrow:hover, .nested-theme.theme-marine-audioa:hover, .nested-theme.theme-marine-audio a:hover, .nested-theme.theme-marine-audio .slick-arrow:hover { color: #2d2734; } .theme-marine-audio .btn, .theme-marine-audio .page-body .bh-sl-container button, .page-body .bh-sl-container .theme-marine-audio button, .theme-marine-audio .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential .theme-marine-audio .add-to-cart-button, .theme-marine-audio input[type=button], .theme-marine-audio input[type=submit], .theme-marine-audio input[type=reset], .nested-theme.theme-marine-audio .btn { background-color: #fff; border-color: #fff; color: #000; } .theme-marine-audio .btn:hover, .theme-marine-audio .page-body .bh-sl-container button:hover, .page-body .bh-sl-container .theme-marine-audio button:hover, .theme-marine-audio .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential .theme-marine-audio .add-to-cart-button:hover, .theme-marine-audio input[type=button]:hover, .theme-marine-audio input[type=submit]:hover, .theme-marine-audio input[type=reset]:hover, .nested-theme.theme-marine-audio .btn:hover { background: #000; border-color: #fff; color: #fff; } .theme-marine-audio .btn__outline, .nested-theme.theme-marine-audio .btn__outline { background: #000; border-color: #fff; color: #fff; } .theme-marine-audio .btn__outline:hover, .nested-theme.theme-marine-audio .btn__outline:hover { background: #fff; border-color: #000; color: #000; } .theme-marine-audio .btn__transparent, .nested-theme.theme-marine-audio .btn__transparent { background: transparent; border-color: #fff; color: #fff; } .theme-marine-audio .btn__transparent:hover, .nested-theme.theme-marine-audio .btn__transparent:hover { background: #fff; border-color: #000; color: #000; } .theme-home-audio, .nested-theme.theme-home-audio { background-color: #009659; background-image: radial-gradient(circle, #009659 0%, #000 300%); color: #fff; border-color: #fff; } .theme-home-audio > .header-color, .theme-home-audio .primary-color, .nested-theme.theme-home-audio > .header-color, .nested-theme.theme-home-audio .primary-color { color: #fff; } .theme-home-audio > .secondary-color, .nested-theme.theme-home-audio > .secondary-color { color: #a2ff00; } .theme-home-audio .secondary-border-color, .nested-theme.theme-home-audio .secondary-border-color { border-color: #a2ff00; } .theme-home-audioa, .theme-home-audio a, .theme-home-audio .slick-arrow, .nested-theme.theme-home-audioa, .nested-theme.theme-home-audio a, .nested-theme.theme-home-audio .slick-arrow { color: #f4f4f4; } .theme-home-audioa:hover, .theme-home-audio a:hover, .theme-home-audio .slick-arrow:hover, .nested-theme.theme-home-audioa:hover, .nested-theme.theme-home-audio a:hover, .nested-theme.theme-home-audio .slick-arrow:hover { color: #000; } .theme-home-audio .btn, .theme-home-audio .page-body .bh-sl-container button, .page-body .bh-sl-container .theme-home-audio button, .theme-home-audio .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential .theme-home-audio .add-to-cart-button, .theme-home-audio input[type=button], .theme-home-audio input[type=submit], .theme-home-audio input[type=reset], .nested-theme.theme-home-audio .btn { background-color: #fff; border-color: #fff; color: #000; } .theme-home-audio .btn:hover, .theme-home-audio .page-body .bh-sl-container button:hover, .page-body .bh-sl-container .theme-home-audio button:hover, .theme-home-audio .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential .theme-home-audio .add-to-cart-button:hover, .theme-home-audio input[type=button]:hover, .theme-home-audio input[type=submit]:hover, .theme-home-audio input[type=reset]:hover, .nested-theme.theme-home-audio .btn:hover { background: #000; border-color: #fff; color: #fff; } .theme-home-audio .btn__outline, .nested-theme.theme-home-audio .btn__outline { background: #000; border-color: #fff; color: #fff; } .theme-home-audio .btn__outline:hover, .nested-theme.theme-home-audio .btn__outline:hover { background: #fff; border-color: #000; color: #000; } .theme-home-audio .btn__transparent, .nested-theme.theme-home-audio .btn__transparent { background: transparent; border-color: #fff; color: #fff; } .theme-home-audio .btn__transparent:hover, .nested-theme.theme-home-audio .btn__transparent:hover { background: #fff; border-color: #000; color: #000; } .theme-support-audio, .nested-theme.theme-support-audio { background-color: #ff0000; background-image: radial-gradient(circle, #ff0000 0%, #000 300%); color: #000; border-color: #000; } .theme-support-audio > .header-color, .theme-support-audio .primary-color, .nested-theme.theme-support-audio > .header-color, .nested-theme.theme-support-audio .primary-color { color: #fff; } .theme-support-audio > .secondary-color, .nested-theme.theme-support-audio > .secondary-color { color: #ff8e00; } .theme-support-audio .secondary-border-color, .nested-theme.theme-support-audio .secondary-border-color { border-color: #ff8e00; } .theme-support-audioa, .theme-support-audio a, .theme-support-audio .slick-arrow, .nested-theme.theme-support-audioa, .nested-theme.theme-support-audio a, .nested-theme.theme-support-audio .slick-arrow { color: #f4f4f4; } .theme-support-audioa:hover, .theme-support-audio a:hover, .theme-support-audio .slick-arrow:hover, .nested-theme.theme-support-audioa:hover, .nested-theme.theme-support-audio a:hover, .nested-theme.theme-support-audio .slick-arrow:hover { color: #fff9f2; } .theme-support-audio .btn, .theme-support-audio .page-body .bh-sl-container button, .page-body .bh-sl-container .theme-support-audio button, .theme-support-audio .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential .theme-support-audio .add-to-cart-button, .theme-support-audio input[type=button], .theme-support-audio input[type=submit], .theme-support-audio input[type=reset], .nested-theme.theme-support-audio .btn { background-color: #000; border-color: #000; color: #fff; } .theme-support-audio .btn:hover, .theme-support-audio .page-body .bh-sl-container button:hover, .page-body .bh-sl-container .theme-support-audio button:hover, .theme-support-audio .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential .theme-support-audio .add-to-cart-button:hover, .theme-support-audio input[type=button]:hover, .theme-support-audio input[type=submit]:hover, .theme-support-audio input[type=reset]:hover, .nested-theme.theme-support-audio .btn:hover { background: #fff; border-color: #000; color: #000; } .theme-support-audio .btn__outline, .nested-theme.theme-support-audio .btn__outline { background: #fff; border-color: #000; color: #000; } .theme-support-audio .btn__outline:hover, .nested-theme.theme-support-audio .btn__outline:hover { background: #000; border-color: #fff; color: #fff; } .theme-support-audio .btn__transparent, .nested-theme.theme-support-audio .btn__transparent { background: transparent; border-color: #000; color: #000; } .theme-support-audio .btn__transparent:hover, .nested-theme.theme-support-audio .btn__transparent:hover { background: #000; border-color: #fff; color: #fff; } .theme-accessories, .nested-theme.theme-accessories { background-color: #2d2734; background-image: radial-gradient(circle, #2d2734 0%, #000 300%); color: #fff; border-color: #fff; } .theme-accessories > .header-color, .theme-accessories .primary-color, .nested-theme.theme-accessories > .header-color, .nested-theme.theme-accessories .primary-color { color: #fff; } .theme-accessories > .secondary-color, .nested-theme.theme-accessories > .secondary-color { color: #fff9f2; } .theme-accessories .secondary-border-color, .nested-theme.theme-accessories .secondary-border-color { border-color: #fff9f2; } .theme-accessoriesa, .theme-accessories a, .theme-accessories .slick-arrow, .nested-theme.theme-accessoriesa, .nested-theme.theme-accessories a, .nested-theme.theme-accessories .slick-arrow { color: #f4f4f4; } .theme-accessoriesa:hover, .theme-accessories a:hover, .theme-accessories .slick-arrow:hover, .nested-theme.theme-accessoriesa:hover, .nested-theme.theme-accessories a:hover, .nested-theme.theme-accessories .slick-arrow:hover { color: #fff9f2; } .theme-accessories .btn, .theme-accessories .page-body .bh-sl-container button, .page-body .bh-sl-container .theme-accessories button, .theme-accessories .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential .theme-accessories .add-to-cart-button, .theme-accessories input[type=button], .theme-accessories input[type=submit], .theme-accessories input[type=reset], .nested-theme.theme-accessories .btn { background-color: #fff; border-color: #fff; color: #000; } .theme-accessories .btn:hover, .theme-accessories .page-body .bh-sl-container button:hover, .page-body .bh-sl-container .theme-accessories button:hover, .theme-accessories .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential .theme-accessories .add-to-cart-button:hover, .theme-accessories input[type=button]:hover, .theme-accessories input[type=submit]:hover, .theme-accessories input[type=reset]:hover, .nested-theme.theme-accessories .btn:hover { background: #000; border-color: #fff; color: #fff; } .theme-accessories .btn__outline, .nested-theme.theme-accessories .btn__outline { background: #000; border-color: #fff; color: #fff; } .theme-accessories .btn__outline:hover, .nested-theme.theme-accessories .btn__outline:hover { background: #fff; border-color: #000; color: #000; } .theme-accessories .btn__transparent, .nested-theme.theme-accessories .btn__transparent { background: transparent; border-color: #fff; color: #fff; } .theme-accessories .btn__transparent:hover, .nested-theme.theme-accessories .btn__transparent:hover { background: #fff; border-color: #000; color: #000; } ul, ol { list-style-position: inside; margin: initial; padding-left: 1rem; } ol { list-style-type: decimal; } ul { list-style: disc; } .list { list-style: none; } ul.no-style { list-style: none; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-medium { font-weight: 500 !important; } .font-weight-bold, .bold { font-weight: 700 !important; } b, strong { font-weight: 500; } a { color: #ff0000; } a:hover { color: #d60000; } a:active { color: maroon; } p { margin-bottom: 0.75rem; } p > a { text-decoration: underline; } h1, .h1 { font-family: "Druk Wide"; font-weight: 500; line-height: 0.83; margin-bottom: 0.5rem; font-size: calc(1.2875rem + 0.95vw); } h1::before, .h1::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.83) * 1em); } @media (min-width: 1200px) { h1, .h1 { font-size: 2rem; } } h2, .h2 { font-family: "Druk Wide"; font-weight: 500; line-height: 0.83; margin-bottom: 0.5rem; font-size: 1.25rem; } h2::before, .h2::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.83) * 1em); } h3, .h3 { font-family: "Druk Wide"; font-weight: 300; line-height: 0.83; margin-bottom: 0.5rem; font-size: 1rem; } h3::before, .h3::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.83) * 1em); } h4, .h4 { font-family: "Space Grotesk"; font-weight: 500; line-height: 0.83; margin-bottom: 0.5rem; font-size: 1rem; } h4::before, .h4::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.83) * 1em); } h5, .h5 { font-family: "Space Grotesk"; font-weight: 400; line-height: 0.83; text-transform: uppercase; margin-bottom: 0.5rem; font-size: 0.875rem; } h5::before, .h5::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.83) * 1em); } h6, .h6 { font-family: "Druk Wide"; font-weight: 300; line-height: 0.83; margin-bottom: 0.5rem; font-size: 0.875rem; } h6::before, .h6::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.83) * 1em); } .bh-xxl, .has-bh-xxl-font-size { font-family: "Druk Cond Super"; font-weight: normal; line-height: 0.77; font-size: calc(2.3375rem + 27.55vw); text-transform: uppercase; margin-bottom: -0.77rem; } .bh-xxl::before, .has-bh-xxl-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.77) * 1em); } @media (min-width: 1200px) { .bh-xxl, .has-bh-xxl-font-size { font-size: 23rem; } } .bh-xl, .has-bh-xl-font-size { font-family: "Druk Cond Super"; font-weight: normal; line-height: 0.77; font-size: calc(2.0375rem + 19.95vw); text-transform: uppercase; margin-bottom: -0.77rem; } .bh-xl::before, .has-bh-xl-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.77) * 1em); } @media (min-width: 1200px) { .bh-xl, .has-bh-xl-font-size { font-size: 17rem; } } .bh-lg, .has-bh-lg-font-size { font-family: "Druk Cond Super"; font-weight: normal; line-height: 0.77; font-size: calc(1.6375rem + 9.8166666667vw); text-transform: uppercase; margin-bottom: -0.77rem; } .bh-lg::before, .has-bh-lg-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.77) * 1em); } @media (min-width: 1200px) { .bh-lg, .has-bh-lg-font-size { font-size: 9rem; } } .bh-md, .ss-checkout .page-title h1, .shopping-cart-page .page-title h1, .product-details-page .product-essential .product-price, .has-bh-md-font-size { font-family: "Druk Wide"; font-weight: normal; line-height: 1; font-size: calc(1.28125rem + 0.7916666667vw); text-transform: uppercase; margin-bottom: 0.75rem; } .bh-md::before, .ss-checkout .page-title h1::before, .shopping-cart-page .page-title h1::before, .product-details-page .product-essential .product-price::before, .has-bh-md-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 1) * 1em); } @media (min-width: 1200px) { .bh-md, .ss-checkout .page-title h1, .shopping-cart-page .page-title h1, .product-details-page .product-essential .product-price, .has-bh-md-font-size { font-size: 1.875rem; } } .bh-sm, .product-details-page .product-essential .sku, .has-bh-sm-font-size { font-family: "Druk Wide"; font-weight: normal; line-height: 1; font-size: 1rem; text-transform: uppercase; margin-bottom: 0.4rem; } .bh-sm::before, .product-details-page .product-essential .sku::before, .has-bh-sm-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 1) * 1em); } .bh-xs, header nav ul li a, .checkout-page .opc .step h2, .order-summary-content .product-grid .title, .order-summary-content .cart-footer .title, .library-section .articles article, .fns-speedfilters .filter-block .title .toggleControl, .has-bh-xs-font-size { font-family: "Druk Wide"; font-weight: normal; line-height: 1; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 0.35rem; } .bh-xs::before, header nav ul li a::before, .checkout-page .opc .step h2::before, .order-summary-content .product-grid .title::before, .order-summary-content .cart-footer .title::before, .library-section .articles article::before, .fns-speedfilters .filter-block .title .toggleControl::before, .has-bh-xs-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 1) * 1em); } .bh-xxs, .has-bh-xxs-font-size { font-family: "Druk Wide"; font-weight: normal; line-height: 1; font-size: 0.75rem; text-transform: uppercase; margin-bottom: 0.3rem; } .bh-xxs::before, .has-bh-xxs-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 1) * 1em); } .bh-cond-xxl, .has-bh-cond-xxl-font-size { font-family: "Druk XXCond Super"; font-weight: normal; line-height: 0.77; font-size: calc(3.0125rem + 44.65vw); text-transform: uppercase; margin-bottom: -0.77rem; } .bh-cond-xxl::before, .has-bh-cond-xxl-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.77) * 1em); } @media (min-width: 1200px) { .bh-cond-xxl, .has-bh-cond-xxl-font-size { font-size: 36.5rem; } } .bh-cond-xl, .has-bh-cond-xl-font-size { font-family: "Druk XXCond Super"; font-weight: normal; line-height: 0.77; font-size: calc(2.49375rem + 31.5083333333vw); text-transform: uppercase; margin-bottom: -0.77rem; } .bh-cond-xl::before, .has-bh-cond-xl-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.77) * 1em); } @media (min-width: 1200px) { .bh-cond-xl, .has-bh-cond-xl-font-size { font-size: 26.125rem; } } .bh-cond-lg, .has-bh-cond-lg-font-size { font-family: "Druk XXCond Super"; font-weight: normal; line-height: 0.77; font-size: calc(2.35rem + 27.8666666667vw); text-transform: uppercase; margin-bottom: -0.77rem; } .bh-cond-lg::before, .has-bh-cond-lg-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.77) * 1em); } @media (min-width: 1200px) { .bh-cond-lg, .has-bh-cond-lg-font-size { font-size: 23.25rem; } } .bh-cond-md, .has-bh-cond-md-font-size { font-family: "Druk XXCond Super"; font-weight: normal; line-height: 0.77; font-size: calc(2.1875rem + 23.75vw); text-transform: uppercase; margin-bottom: -0.77rem; } .bh-cond-md::before, .has-bh-cond-md-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.77) * 1em); } @media (min-width: 1200px) { .bh-cond-md, .has-bh-cond-md-font-size { font-size: 20rem; } } .bh-cond-sm, .has-bh-cond-sm-font-size { font-family: "Druk XXCond Super"; font-weight: normal; line-height: 0.77; font-size: calc(1.5rem + 6.3333333333vw); text-transform: uppercase; margin-bottom: -0.77rem; } .bh-cond-sm::before, .has-bh-cond-sm-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 0.77) * 1em); } @media (min-width: 1200px) { .bh-cond-sm, .has-bh-cond-sm-font-size { font-size: 6.25rem; } } .bh-cond-xs, .has-bh-cond-xs-font-size { font-family: "Druk Cond Super"; font-weight: normal; line-height: 1; font-size: calc(1.3875rem + 3.4833333333vw); text-transform: uppercase; margin-bottom: calc(1.2675rem + 0.4433333333vw); } .bh-cond-xs::before, .has-bh-cond-xs-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 1) * 1em); } @media (min-width: 1200px) { .bh-cond-xs, .has-bh-cond-xs-font-size { font-size: 4rem; } } @media (min-width: 1200px) { .bh-cond-xs, .has-bh-cond-xs-font-size { margin-bottom: 1.6rem; } } .bh-cond-xxs, .has-bh-cond-xxs-font-size { font-family: "Druk Cond Super"; font-weight: normal; line-height: 1; font-size: calc(1.2875rem + 0.95vw); text-transform: uppercase; margin-bottom: 0.8rem; } .bh-cond-xxs::before, .has-bh-cond-xxs-font-size::before { content: ""; display: block; height: 0; width: 0; margin-top: calc((0.85 - 1) * 1em); } @media (min-width: 1200px) { .bh-cond-xxs, .has-bh-cond-xxs-font-size { font-size: 2rem; } } .bh-cond-xxl, .bh-cond-xl, .bh-cond-lg { letter-spacing: 0.25rem; } @media (min-width: 992px) { .bh-cond-xxl, .bh-cond-xl, .bh-cond-lg { letter-spacing: 0.01rem; } } .bh-sm, .product-details-page .product-essential .sku, .bh-xs, header nav ul li a, .checkout-page .opc .step h2, .order-summary-content .product-grid .title, .order-summary-content .cart-footer .title, .library-section .articles article, .fns-speedfilters .filter-block .title .toggleControl { letter-spacing: 0.05rem; } .body-xl, .body-xl p { font-family: "Space Grotesk"; font-style: normal; font-weight: 700; font-size: 24px; /* identical to box height */ letter-spacing: 0.01em; } .body-lg, .body-lg p { font-family: "Space Grotesk"; font-style: normal; font-weight: 700; font-size: 20px; line-height: 1.2; /* identical to box height */ } .body-md, .body-md p { font-family: "Space Grotesk"; font-style: normal; font-weight: 500; font-size: 18px; line-height: 1.2; } .body, p, body, .body-sm, .accordion .ui-widget-content, .product-details-page .product-essential .old-product-price, .product-details-page .product-essential .non-discounted-price, .product-details-page .product-features-box ul li, ul.featured li, .body-sm p, .accordion .ui-widget-content p, .product-details-page .product-essential .old-product-price p, .product-details-page .product-essential .non-discounted-price p, .product-details-page .product-features-box ul li p, ul.featured li p { font-family: "Space Grotesk"; font-style: normal; font-weight: 400; font-size: 16px; } .body-xs, .product-details-page .product-soldas, .body-xs p, .product-details-page .product-soldas p { font-family: "Space Grotesk"; font-style: normal; font-weight: 400; font-size: 14px; } .body-xxs, .legal, .body-xs p, .product-details-page .product-soldas p { font-family: "Space Grotesk"; font-style: normal; font-weight: 400; font-size: 12px; } .body-label, .checkout-page .opc .step label, .inputs label { font-family: "Space Grotesk"; font-style: normal; font-weight: 700; font-size: 14px; letter-spacing: 0.01em; text-transform: uppercase; } .body-cta, .accordion .ui-accordion-header, .accordion .accordion-title { font-family: "Druk Wide"; font-style: normal; font-weight: 700; font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase; } .fh-1 { font-family: "Druk Cond Super"; font-style: normal; font-weight: 950; font-size: 120px; line-height: 95px; letter-spacing: 0.01em; text-transform: uppercase; } .uppercase, .text-uppercase { text-transform: uppercase; } .thin-copy-width { max-width: 550px; } body button, body .btn, body .page-body .bh-sl-container button, .page-body .bh-sl-container body button, body .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential body .add-to-cart-button, body input[type=button], body input[type=submit], body input[type=reset] { font-family: "Druk Wide"; display: inline-block; cursor: pointer; letter-spacing: 0.05rem; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 2px solid; padding: 0.75rem 1.5rem !important; font-size: 0.75rem; line-height: 1; height: auto; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } body button__sm, body .btn__sm { font-size: 0.625rem; padding: 0.5rem 1rem !important; } body button__lg, body .btn__lg { font-size: 1rem; padding: 1.25rem 1.5rem !important; } body button { background: #fff; color: #000; border: 1px solid #fff; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body button:hover { background: #000; color: #fff; border-color: #fff; } body button:active { background: #000; color: #fff; border-color: #fff; } body button.transparent, body button__transparent { background-color: transparent; } body button__inverse { background: #000; color: #fff; border-color: #000; } body button__inverse:hover { background: #fff; border-color: #000; color: #000; } body button__inverse:active { background: #fff; border-color: #000; color: #000; } body button__inverse.transparent, body button__inverse__transparent { background-color: transparent !important; border-color: #fff; } body button__inverse.transparent:hover, body button__inverse__transparent:hover { background: #fff; border-color: #000; color: #000; } body button__outline { background: #fff; border-color: #000; color: #000; } body button__outline:hover { background: #000; color: #fff; border-color: #fff; } body button__outline:active { background: #000; color: #fff; border-color: #fff; } body button__outline.transparent, body button__outline__transparent { background-color: transparent !important; border-color: #000; } body button__outline.transparent:hover, body button__outline__transparent:hover { background: #000; color: #fff; border-color: #fff; } body button__inverseoutline { background: #000; border-color: #fff; color: #fff; } body button__inverseoutline:hover { background: #fff; border-color: #000; color: #000; } body button__inverseoutline:active { background: #fff; border-color: #000; color: #000; } body button__inverseoutline.transparent, body button__inverseoutline__transparent { background-color: transparent !important; border-color: #fff; } body button__inverseoutline.transparent:hover, body button__inverseoutline__transparent:hover { background: #fff; border-color: #000; color: #000; } body .btn, body .page-body .bh-sl-container button, .page-body .bh-sl-container body button, body .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential body .add-to-cart-button, body input[type=button], body input[type=submit], body input[type=reset] { background: #fff; color: #000; border: 1px solid #fff; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .btn:hover, body .page-body .bh-sl-container button:hover, .page-body .bh-sl-container body button:hover, body .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential body .add-to-cart-button:hover, body input[type=button]:hover, body input[type=submit]:hover, body input[type=reset]:hover { background: #000; color: #fff; border-color: #fff; } body .btn:active, body .page-body .bh-sl-container button:active, .page-body .bh-sl-container body button:active, body .product-details-page .product-essential .add-to-cart-button:active, .product-details-page .product-essential body .add-to-cart-button:active, body input[type=button]:active, body input[type=submit]:active, body input[type=reset]:active { background: #000; color: #fff; border-color: #fff; } body .btn.transparent, body .page-body .bh-sl-container button.transparent, .page-body .bh-sl-container body button.transparent, body .product-details-page .product-essential .transparent.add-to-cart-button, .product-details-page .product-essential body .transparent.add-to-cart-button, body input.transparent[type=button], body input.transparent[type=submit], body input.transparent[type=reset], body .btn__transparent { background-color: transparent; } body .btn__inverse { background: #000; color: #fff; border-color: #000; } body .btn__inverse:hover { background: #fff; border-color: #000; color: #000; } body .btn__inverse:active { background: #fff; border-color: #000; color: #000; } body .btn__inverse.transparent, body .btn__inverse__transparent { background-color: transparent !important; border-color: #fff; } body .btn__inverse.transparent:hover, body .btn__inverse__transparent:hover { background: #fff; border-color: #000; color: #000; } body .btn__outline { background: #fff; border-color: #000; color: #000; } body .btn__outline:hover { background: #000; color: #fff; border-color: #fff; } body .btn__outline:active { background: #000; color: #fff; border-color: #fff; } body .btn__outline.transparent, body .btn__outline__transparent { background-color: transparent !important; border-color: #000; } body .btn__outline.transparent:hover, body .btn__outline__transparent:hover { background: #000; color: #fff; border-color: #fff; } body .btn__inverseoutline { background: #000; border-color: #fff; color: #fff; } body .btn__inverseoutline:hover { background: #fff; border-color: #000; color: #000; } body .btn__inverseoutline:active { background: #fff; border-color: #000; color: #000; } body .btn__inverseoutline.transparent, body .btn__inverseoutline__transparent { background-color: transparent !important; border-color: #fff; } body .btn__inverseoutline.transparent:hover, body .btn__inverseoutline__transparent:hover { background: #fff; border-color: #000; color: #000; } body .btn-primary, body .order-summary-content .checkout-buttons .checkout-button, .order-summary-content .checkout-buttons body .checkout-button { background: #ff0000 !important; color: #fff !important; border: 1px solid #ff0000 !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .btn-primary:hover, body .order-summary-content .checkout-buttons .checkout-button:hover, .order-summary-content .checkout-buttons body .checkout-button:hover { background: #fff !important; color: #ff0000 !important; border-color: #ff0000 !important; } body .btn-primary:active, body .order-summary-content .checkout-buttons .checkout-button:active, .order-summary-content .checkout-buttons body .checkout-button:active { background: #fff !important; color: #ff0000 !important; border-color: #ff0000 !important; } body .btn-primary.transparent, body .order-summary-content .checkout-buttons .transparent.checkout-button, .order-summary-content .checkout-buttons body .transparent.checkout-button, body .btn-primary__transparent { background-color: transparent; } body .btn-primary__inverse { background: #fff !important; color: #ff0000 !important; border-color: #fff !important; } body .btn-primary__inverse:hover { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-primary__inverse:active { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-primary__inverse.transparent, body .btn-primary__inverse__transparent { background-color: transparent !important; border-color: #ff0000 !important; } body .btn-primary__inverse.transparent:hover, body .btn-primary__inverse__transparent:hover { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-primary__outline { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-primary__outline:hover { background: #fff !important; color: #ff0000 !important; border-color: #ff0000 !important; } body .btn-primary__outline:active { background: #fff !important; color: #ff0000 !important; border-color: #ff0000 !important; } body .btn-primary__outline.transparent, body .btn-primary__outline__transparent { background-color: transparent !important; border-color: #fff !important; } body .btn-primary__outline.transparent:hover, body .btn-primary__outline__transparent:hover { background: #fff !important; color: #ff0000 !important; border-color: #ff0000 !important; } body .btn-primary__inverseoutline { background: #fff !important; border-color: #ff0000 !important; color: #ff0000 !important; } body .btn-primary__inverseoutline:hover { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-primary__inverseoutline:active { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-primary__inverseoutline.transparent, body .btn-primary__inverseoutline__transparent { background-color: transparent !important; border-color: #ff0000 !important; } body .btn-primary__inverseoutline.transparent:hover, body .btn-primary__inverseoutline__transparent:hover { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-secondary { background: #a2ff00 !important; color: #000 !important; border: 1px solid #a2ff00 !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .btn-secondary:hover { background: #000 !important; color: #a2ff00 !important; border-color: #a2ff00 !important; } body .btn-secondary:active { background: #000 !important; color: #a2ff00 !important; border-color: #a2ff00 !important; } body .btn-secondary.transparent, body .btn-secondary__transparent { background-color: transparent; } body .btn-secondary__inverse { background: #000 !important; color: #a2ff00 !important; border-color: #000 !important; } body .btn-secondary__inverse:hover { background: #a2ff00 !important; border-color: #000 !important; color: #000 !important; } body .btn-secondary__inverse:active { background: #a2ff00 !important; border-color: #000 !important; color: #000 !important; } body .btn-secondary__inverse.transparent, body .btn-secondary__inverse__transparent { background-color: transparent !important; border-color: #a2ff00 !important; } body .btn-secondary__inverse.transparent:hover, body .btn-secondary__inverse__transparent:hover { background: #a2ff00 !important; border-color: #000 !important; color: #000 !important; } body .btn-secondary__outline { background: #a2ff00 !important; border-color: #000 !important; color: #000 !important; } body .btn-secondary__outline:hover { background: #000 !important; color: #a2ff00 !important; border-color: #a2ff00 !important; } body .btn-secondary__outline:active { background: #000 !important; color: #a2ff00 !important; border-color: #a2ff00 !important; } body .btn-secondary__outline.transparent, body .btn-secondary__outline__transparent { background-color: transparent !important; border-color: #000 !important; } body .btn-secondary__outline.transparent:hover, body .btn-secondary__outline__transparent:hover { background: #000 !important; color: #a2ff00 !important; border-color: #a2ff00 !important; } body .btn-secondary__inverseoutline { background: #000 !important; border-color: #a2ff00 !important; color: #a2ff00 !important; } body .btn-secondary__inverseoutline:hover { background: #a2ff00 !important; border-color: #000 !important; color: #000 !important; } body .btn-secondary__inverseoutline:active { background: #a2ff00 !important; border-color: #000 !important; color: #000 !important; } body .btn-secondary__inverseoutline.transparent, body .btn-secondary__inverseoutline__transparent { background-color: transparent !important; border-color: #a2ff00 !important; } body .btn-secondary__inverseoutline.transparent:hover, body .btn-secondary__inverseoutline__transparent:hover { background: #a2ff00 !important; border-color: #000 !important; color: #000 !important; } body .btn-tertiary { background: #ff8e00 !important; color: #000 !important; border: 1px solid #ff8e00 !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .btn-tertiary:hover { background: #000 !important; color: #ff8e00 !important; border-color: #ff8e00 !important; } body .btn-tertiary:active { background: #000 !important; color: #ff8e00 !important; border-color: #ff8e00 !important; } body .btn-tertiary.transparent, body .btn-tertiary__transparent { background-color: transparent; } body .btn-tertiary__inverse { background: #000 !important; color: #ff8e00 !important; border-color: #000 !important; } body .btn-tertiary__inverse:hover { background: #ff8e00 !important; border-color: #000 !important; color: #000 !important; } body .btn-tertiary__inverse:active { background: #ff8e00 !important; border-color: #000 !important; color: #000 !important; } body .btn-tertiary__inverse.transparent, body .btn-tertiary__inverse__transparent { background-color: transparent !important; border-color: #ff8e00 !important; } body .btn-tertiary__inverse.transparent:hover, body .btn-tertiary__inverse__transparent:hover { background: #ff8e00 !important; border-color: #000 !important; color: #000 !important; } body .btn-tertiary__outline { background: #ff8e00 !important; border-color: #000 !important; color: #000 !important; } body .btn-tertiary__outline:hover { background: #000 !important; color: #ff8e00 !important; border-color: #ff8e00 !important; } body .btn-tertiary__outline:active { background: #000 !important; color: #ff8e00 !important; border-color: #ff8e00 !important; } body .btn-tertiary__outline.transparent, body .btn-tertiary__outline__transparent { background-color: transparent !important; border-color: #000 !important; } body .btn-tertiary__outline.transparent:hover, body .btn-tertiary__outline__transparent:hover { background: #000 !important; color: #ff8e00 !important; border-color: #ff8e00 !important; } body .btn-tertiary__inverseoutline { background: #000 !important; border-color: #ff8e00 !important; color: #ff8e00 !important; } body .btn-tertiary__inverseoutline:hover { background: #ff8e00 !important; border-color: #000 !important; color: #000 !important; } body .btn-tertiary__inverseoutline:active { background: #ff8e00 !important; border-color: #000 !important; color: #000 !important; } body .btn-tertiary__inverseoutline.transparent, body .btn-tertiary__inverseoutline__transparent { background-color: transparent !important; border-color: #ff8e00 !important; } body .btn-tertiary__inverseoutline.transparent:hover, body .btn-tertiary__inverseoutline__transparent:hover { background: #ff8e00 !important; border-color: #000 !important; color: #000 !important; } body .btn-white { background: #fff !important; color: #000 !important; border: 1px solid #fff !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .btn-white:hover { background: #000 !important; color: #fff !important; border-color: #fff !important; } body .btn-white:active { background: #000 !important; color: #fff !important; border-color: #fff !important; } body .btn-white.transparent, body .btn-white__transparent { background-color: transparent; } body .btn-white__inverse { background: #000 !important; color: #fff !important; border-color: #000 !important; } body .btn-white__inverse:hover { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .btn-white__inverse:active { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .btn-white__inverse.transparent, body .btn-white__inverse__transparent { background-color: transparent !important; border-color: #fff !important; } body .btn-white__inverse.transparent:hover, body .btn-white__inverse__transparent:hover { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .btn-white__outline { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .btn-white__outline:hover { background: #000 !important; color: #fff !important; border-color: #fff !important; } body .btn-white__outline:active { background: #000 !important; color: #fff !important; border-color: #fff !important; } body .btn-white__outline.transparent, body .btn-white__outline__transparent { background-color: transparent !important; border-color: #000 !important; } body .btn-white__outline.transparent:hover, body .btn-white__outline__transparent:hover { background: #000 !important; color: #fff !important; border-color: #fff !important; } body .btn-white__inverseoutline { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .btn-white__inverseoutline:hover { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .btn-white__inverseoutline:active { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .btn-white__inverseoutline.transparent, body .btn-white__inverseoutline__transparent { background-color: transparent !important; border-color: #fff !important; } body .btn-white__inverseoutline.transparent:hover, body .btn-white__inverseoutline__transparent:hover { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .theme-dark .btn-white { background: #000 !important; color: #fff !important; border: 1px solid #000 !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .theme-dark .btn-white:hover { background: #fff !important; color: #000 !important; border-color: #000 !important; } body .theme-dark .btn-white:active { background: #fff !important; color: #000 !important; border-color: #000 !important; } body .theme-dark .btn-white.transparent, body .theme-dark .btn-white__transparent { background-color: transparent; } body .theme-dark .btn-white__inverse { background: #fff !important; color: #000 !important; border-color: #fff !important; } body .theme-dark .btn-white__inverse:hover { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .theme-dark .btn-white__inverse:active { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .theme-dark .btn-white__inverse.transparent, body .theme-dark .btn-white__inverse__transparent { background-color: transparent !important; border-color: #000 !important; } body .theme-dark .btn-white__inverse.transparent:hover, body .theme-dark .btn-white__inverse__transparent:hover { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .theme-dark .btn-white__outline { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .theme-dark .btn-white__outline:hover { background: #fff !important; color: #000 !important; border-color: #000 !important; } body .theme-dark .btn-white__outline:active { background: #fff !important; color: #000 !important; border-color: #000 !important; } body .theme-dark .btn-white__outline.transparent, body .theme-dark .btn-white__outline__transparent { background-color: transparent !important; border-color: #fff !important; } body .theme-dark .btn-white__outline.transparent:hover, body .theme-dark .btn-white__outline__transparent:hover { background: #fff !important; color: #000 !important; border-color: #000 !important; } body .theme-dark .btn-white__inverseoutline { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .theme-dark .btn-white__inverseoutline:hover { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .theme-dark .btn-white__inverseoutline:active { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .theme-dark .btn-white__inverseoutline.transparent, body .theme-dark .btn-white__inverseoutline__transparent { background-color: transparent !important; border-color: #000 !important; } body .theme-dark .btn-white__inverseoutline.transparent:hover, body .theme-dark .btn-white__inverseoutline__transparent:hover { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .btn-light { background: #fff9f2 !important; color: #000 !important; border: 1px solid #fff9f2 !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .btn-light:hover { background: #000 !important; color: #fff9f2 !important; border-color: #fff9f2 !important; } body .btn-light:active { background: #000 !important; color: #fff9f2 !important; border-color: #fff9f2 !important; } body .btn-light.transparent, body .btn-light__transparent { background-color: transparent; } body .btn-light__inverse { background: #000 !important; color: #fff9f2 !important; border-color: #000 !important; } body .btn-light__inverse:hover { background: #fff9f2 !important; border-color: #000 !important; color: #000 !important; } body .btn-light__inverse:active { background: #fff9f2 !important; border-color: #000 !important; color: #000 !important; } body .btn-light__inverse.transparent, body .btn-light__inverse__transparent { background-color: transparent !important; border-color: #fff9f2 !important; } body .btn-light__inverse.transparent:hover, body .btn-light__inverse__transparent:hover { background: #fff9f2 !important; border-color: #000 !important; color: #000 !important; } body .btn-light__outline { background: #fff9f2 !important; border-color: #000 !important; color: #000 !important; } body .btn-light__outline:hover { background: #000 !important; color: #fff9f2 !important; border-color: #fff9f2 !important; } body .btn-light__outline:active { background: #000 !important; color: #fff9f2 !important; border-color: #fff9f2 !important; } body .btn-light__outline.transparent, body .btn-light__outline__transparent { background-color: transparent !important; border-color: #000 !important; } body .btn-light__outline.transparent:hover, body .btn-light__outline__transparent:hover { background: #000 !important; color: #fff9f2 !important; border-color: #fff9f2 !important; } body .btn-light__inverseoutline { background: #000 !important; border-color: #fff9f2 !important; color: #fff9f2 !important; } body .btn-light__inverseoutline:hover { background: #fff9f2 !important; border-color: #000 !important; color: #000 !important; } body .btn-light__inverseoutline:active { background: #fff9f2 !important; border-color: #000 !important; color: #000 !important; } body .btn-light__inverseoutline.transparent, body .btn-light__inverseoutline__transparent { background-color: transparent !important; border-color: #fff9f2 !important; } body .btn-light__inverseoutline.transparent:hover, body .btn-light__inverseoutline__transparent:hover { background: #fff9f2 !important; border-color: #000 !important; color: #000 !important; } body .theme-dark .btn-light { background: #000 !important; color: #fff9f2 !important; border: 1px solid #000 !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .theme-dark .btn-light:hover { background: #fff9f2 !important; color: #000 !important; border-color: #000 !important; } body .theme-dark .btn-light:active { background: #fff9f2 !important; color: #000 !important; border-color: #000 !important; } body .theme-dark .btn-light.transparent, body .theme-dark .btn-light__transparent { background-color: transparent; } body .theme-dark .btn-light__inverse { background: #fff9f2 !important; color: #000 !important; border-color: #fff9f2 !important; } body .theme-dark .btn-light__inverse:hover { background: #000 !important; border-color: #fff9f2 !important; color: #fff9f2 !important; } body .theme-dark .btn-light__inverse:active { background: #000 !important; border-color: #fff9f2 !important; color: #fff9f2 !important; } body .theme-dark .btn-light__inverse.transparent, body .theme-dark .btn-light__inverse__transparent { background-color: transparent !important; border-color: #000 !important; } body .theme-dark .btn-light__inverse.transparent:hover, body .theme-dark .btn-light__inverse__transparent:hover { background: #000 !important; border-color: #fff9f2 !important; color: #fff9f2 !important; } body .theme-dark .btn-light__outline { background: #000 !important; border-color: #fff9f2 !important; color: #fff9f2 !important; } body .theme-dark .btn-light__outline:hover { background: #fff9f2 !important; color: #000 !important; border-color: #000 !important; } body .theme-dark .btn-light__outline:active { background: #fff9f2 !important; color: #000 !important; border-color: #000 !important; } body .theme-dark .btn-light__outline.transparent, body .theme-dark .btn-light__outline__transparent { background-color: transparent !important; border-color: #fff9f2 !important; } body .theme-dark .btn-light__outline.transparent:hover, body .theme-dark .btn-light__outline__transparent:hover { background: #fff9f2 !important; color: #000 !important; border-color: #000 !important; } body .theme-dark .btn-light__inverseoutline { background: #fff9f2 !important; border-color: #000 !important; color: #000 !important; } body .theme-dark .btn-light__inverseoutline:hover { background: #000 !important; border-color: #fff9f2 !important; color: #fff9f2 !important; } body .theme-dark .btn-light__inverseoutline:active { background: #000 !important; border-color: #fff9f2 !important; color: #fff9f2 !important; } body .theme-dark .btn-light__inverseoutline.transparent, body .theme-dark .btn-light__inverseoutline__transparent { background-color: transparent !important; border-color: #000 !important; } body .theme-dark .btn-light__inverseoutline.transparent:hover, body .theme-dark .btn-light__inverseoutline__transparent:hover { background: #000 !important; border-color: #fff9f2 !important; color: #fff9f2 !important; } body .btn-grey { background: #b3aca1 !important; color: #fff !important; border: 1px solid #b3aca1 !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .btn-grey:hover { background: #fff !important; color: #b3aca1 !important; border-color: #b3aca1 !important; } body .btn-grey:active { background: #fff !important; color: #b3aca1 !important; border-color: #b3aca1 !important; } body .btn-grey.transparent, body .btn-grey__transparent { background-color: transparent; } body .btn-grey__inverse { background: #fff !important; color: #b3aca1 !important; border-color: #fff !important; } body .btn-grey__inverse:hover { background: #b3aca1 !important; border-color: #fff !important; color: #fff !important; } body .btn-grey__inverse:active { background: #b3aca1 !important; border-color: #fff !important; color: #fff !important; } body .btn-grey__inverse.transparent, body .btn-grey__inverse__transparent { background-color: transparent !important; border-color: #b3aca1 !important; } body .btn-grey__inverse.transparent:hover, body .btn-grey__inverse__transparent:hover { background: #b3aca1 !important; border-color: #fff !important; color: #fff !important; } body .btn-grey__outline { background: #b3aca1 !important; border-color: #fff !important; color: #fff !important; } body .btn-grey__outline:hover { background: #fff !important; color: #b3aca1 !important; border-color: #b3aca1 !important; } body .btn-grey__outline:active { background: #fff !important; color: #b3aca1 !important; border-color: #b3aca1 !important; } body .btn-grey__outline.transparent, body .btn-grey__outline__transparent { background-color: transparent !important; border-color: #fff !important; } body .btn-grey__outline.transparent:hover, body .btn-grey__outline__transparent:hover { background: #fff !important; color: #b3aca1 !important; border-color: #b3aca1 !important; } body .btn-grey__inverseoutline { background: #fff !important; border-color: #b3aca1 !important; color: #b3aca1 !important; } body .btn-grey__inverseoutline:hover { background: #b3aca1 !important; border-color: #fff !important; color: #fff !important; } body .btn-grey__inverseoutline:active { background: #b3aca1 !important; border-color: #fff !important; color: #fff !important; } body .btn-grey__inverseoutline.transparent, body .btn-grey__inverseoutline__transparent { background-color: transparent !important; border-color: #b3aca1 !important; } body .btn-grey__inverseoutline.transparent:hover, body .btn-grey__inverseoutline__transparent:hover { background: #b3aca1 !important; border-color: #fff !important; color: #fff !important; } body .btn-dark { background: #2d2734 !important; color: #fff !important; border: 1px solid #2d2734 !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .btn-dark:hover { background: #fff !important; color: #2d2734 !important; border-color: #2d2734 !important; } body .btn-dark:active { background: #fff !important; color: #2d2734 !important; border-color: #2d2734 !important; } body .btn-dark.transparent, body .btn-dark__transparent { background-color: transparent; } body .btn-dark__inverse { background: #fff !important; color: #2d2734 !important; border-color: #fff !important; } body .btn-dark__inverse:hover { background: #2d2734 !important; border-color: #fff !important; color: #fff !important; } body .btn-dark__inverse:active { background: #2d2734 !important; border-color: #fff !important; color: #fff !important; } body .btn-dark__inverse.transparent, body .btn-dark__inverse__transparent { background-color: transparent !important; border-color: #2d2734 !important; } body .btn-dark__inverse.transparent:hover, body .btn-dark__inverse__transparent:hover { background: #2d2734 !important; border-color: #fff !important; color: #fff !important; } body .btn-dark__outline { background: #2d2734 !important; border-color: #fff !important; color: #fff !important; } body .btn-dark__outline:hover { background: #fff !important; color: #2d2734 !important; border-color: #2d2734 !important; } body .btn-dark__outline:active { background: #fff !important; color: #2d2734 !important; border-color: #2d2734 !important; } body .btn-dark__outline.transparent, body .btn-dark__outline__transparent { background-color: transparent !important; border-color: #fff !important; } body .btn-dark__outline.transparent:hover, body .btn-dark__outline__transparent:hover { background: #fff !important; color: #2d2734 !important; border-color: #2d2734 !important; } body .btn-dark__inverseoutline { background: #fff !important; border-color: #2d2734 !important; color: #2d2734 !important; } body .btn-dark__inverseoutline:hover { background: #2d2734 !important; border-color: #fff !important; color: #fff !important; } body .btn-dark__inverseoutline:active { background: #2d2734 !important; border-color: #fff !important; color: #fff !important; } body .btn-dark__inverseoutline.transparent, body .btn-dark__inverseoutline__transparent { background-color: transparent !important; border-color: #2d2734 !important; } body .btn-dark__inverseoutline.transparent:hover, body .btn-dark__inverseoutline__transparent:hover { background: #2d2734 !important; border-color: #fff !important; color: #fff !important; } body .theme-dark .btn-dark { background: #fff !important; color: #2d2734 !important; border: 1px solid #fff !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .theme-dark .btn-dark:hover { background: #2d2734 !important; color: #fff !important; border-color: #fff !important; } body .theme-dark .btn-dark:active { background: #2d2734 !important; color: #fff !important; border-color: #fff !important; } body .theme-dark .btn-dark.transparent, body .theme-dark .btn-dark__transparent { background-color: transparent; } body .theme-dark .btn-dark__inverse { background: #2d2734 !important; color: #fff !important; border-color: #2d2734 !important; } body .theme-dark .btn-dark__inverse:hover { background: #fff !important; border-color: #2d2734 !important; color: #2d2734 !important; } body .theme-dark .btn-dark__inverse:active { background: #fff !important; border-color: #2d2734 !important; color: #2d2734 !important; } body .theme-dark .btn-dark__inverse.transparent, body .theme-dark .btn-dark__inverse__transparent { background-color: transparent !important; border-color: #fff !important; } body .theme-dark .btn-dark__inverse.transparent:hover, body .theme-dark .btn-dark__inverse__transparent:hover { background: #fff !important; border-color: #2d2734 !important; color: #2d2734 !important; } body .theme-dark .btn-dark__outline { background: #fff !important; border-color: #2d2734 !important; color: #2d2734 !important; } body .theme-dark .btn-dark__outline:hover { background: #2d2734 !important; color: #fff !important; border-color: #fff !important; } body .theme-dark .btn-dark__outline:active { background: #2d2734 !important; color: #fff !important; border-color: #fff !important; } body .theme-dark .btn-dark__outline.transparent, body .theme-dark .btn-dark__outline__transparent { background-color: transparent !important; border-color: #2d2734 !important; } body .theme-dark .btn-dark__outline.transparent:hover, body .theme-dark .btn-dark__outline__transparent:hover { background: #2d2734 !important; color: #fff !important; border-color: #fff !important; } body .theme-dark .btn-dark__inverseoutline { background: #2d2734 !important; border-color: #fff !important; color: #fff !important; } body .theme-dark .btn-dark__inverseoutline:hover { background: #fff !important; border-color: #2d2734 !important; color: #2d2734 !important; } body .theme-dark .btn-dark__inverseoutline:active { background: #fff !important; border-color: #2d2734 !important; color: #2d2734 !important; } body .theme-dark .btn-dark__inverseoutline.transparent, body .theme-dark .btn-dark__inverseoutline__transparent { background-color: transparent !important; border-color: #fff !important; } body .theme-dark .btn-dark__inverseoutline.transparent:hover, body .theme-dark .btn-dark__inverseoutline__transparent:hover { background: #fff !important; border-color: #2d2734 !important; color: #2d2734 !important; } body .btn-black, body .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential body .add-to-cart-button { background: #000 !important; color: #fff !important; border: 1px solid #000 !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .btn-black:hover, body .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential body .add-to-cart-button:hover { background: #fff !important; color: #000 !important; border-color: #000 !important; } body .btn-black:active, body .product-details-page .product-essential .add-to-cart-button:active, .product-details-page .product-essential body .add-to-cart-button:active { background: #fff !important; color: #000 !important; border-color: #000 !important; } body .btn-black.transparent, body .product-details-page .product-essential .transparent.add-to-cart-button, .product-details-page .product-essential body .transparent.add-to-cart-button, body .btn-black__transparent { background-color: transparent; } body .btn-black__inverse { background: #fff !important; color: #000 !important; border-color: #fff !important; } body .btn-black__inverse:hover { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .btn-black__inverse:active { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .btn-black__inverse.transparent, body .btn-black__inverse__transparent { background-color: transparent !important; border-color: #000 !important; } body .btn-black__inverse.transparent:hover, body .btn-black__inverse__transparent:hover { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .btn-black__outline { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .btn-black__outline:hover { background: #fff !important; color: #000 !important; border-color: #000 !important; } body .btn-black__outline:active { background: #fff !important; color: #000 !important; border-color: #000 !important; } body .btn-black__outline.transparent, body .btn-black__outline__transparent { background-color: transparent !important; border-color: #fff !important; } body .btn-black__outline.transparent:hover, body .btn-black__outline__transparent:hover { background: #fff !important; color: #000 !important; border-color: #000 !important; } body .btn-black__inverseoutline { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .btn-black__inverseoutline:hover { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .btn-black__inverseoutline:active { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .btn-black__inverseoutline.transparent, body .btn-black__inverseoutline__transparent { background-color: transparent !important; border-color: #000 !important; } body .btn-black__inverseoutline.transparent:hover, body .btn-black__inverseoutline__transparent:hover { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .theme-dark .btn-black, body .theme-dark .product-details-page .product-essential .add-to-cart-button, .product-details-page .product-essential body .theme-dark .add-to-cart-button { background: #fff !important; color: #000 !important; border: 1px solid #fff !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .theme-dark .btn-black:hover, body .theme-dark .product-details-page .product-essential .add-to-cart-button:hover, .product-details-page .product-essential body .theme-dark .add-to-cart-button:hover { background: #000 !important; color: #fff !important; border-color: #fff !important; } body .theme-dark .btn-black:active, body .theme-dark .product-details-page .product-essential .add-to-cart-button:active, .product-details-page .product-essential body .theme-dark .add-to-cart-button:active { background: #000 !important; color: #fff !important; border-color: #fff !important; } body .theme-dark .btn-black.transparent, body .theme-dark .product-details-page .product-essential .transparent.add-to-cart-button, .product-details-page .product-essential body .theme-dark .transparent.add-to-cart-button, body .theme-dark .btn-black__transparent { background-color: transparent; } body .theme-dark .btn-black__inverse { background: #000 !important; color: #fff !important; border-color: #000 !important; } body .theme-dark .btn-black__inverse:hover { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .theme-dark .btn-black__inverse:active { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .theme-dark .btn-black__inverse.transparent, body .theme-dark .btn-black__inverse__transparent { background-color: transparent !important; border-color: #fff !important; } body .theme-dark .btn-black__inverse.transparent:hover, body .theme-dark .btn-black__inverse__transparent:hover { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .theme-dark .btn-black__outline { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .theme-dark .btn-black__outline:hover { background: #000 !important; color: #fff !important; border-color: #fff !important; } body .theme-dark .btn-black__outline:active { background: #000 !important; color: #fff !important; border-color: #fff !important; } body .theme-dark .btn-black__outline.transparent, body .theme-dark .btn-black__outline__transparent { background-color: transparent !important; border-color: #000 !important; } body .theme-dark .btn-black__outline.transparent:hover, body .theme-dark .btn-black__outline__transparent:hover { background: #000 !important; color: #fff !important; border-color: #fff !important; } body .theme-dark .btn-black__inverseoutline { background: #000 !important; border-color: #fff !important; color: #fff !important; } body .theme-dark .btn-black__inverseoutline:hover { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .theme-dark .btn-black__inverseoutline:active { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .theme-dark .btn-black__inverseoutline.transparent, body .theme-dark .btn-black__inverseoutline__transparent { background-color: transparent !important; border-color: #fff !important; } body .theme-dark .btn-black__inverseoutline.transparent:hover, body .theme-dark .btn-black__inverseoutline__transparent:hover { background: #fff !important; border-color: #000 !important; color: #000 !important; } body .btn-red { background: #ff0000 !important; color: #fff !important; border: 1px solid #ff0000 !important; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; padding: 0.75rem 1.5rem; } body .btn-red:hover { background: #fff !important; color: #ff0000 !important; border-color: #ff0000 !important; } body .btn-red:active { background: #fff !important; color: #ff0000 !important; border-color: #ff0000 !important; } body .btn-red.transparent, body .btn-red__transparent { background-color: transparent; } body .btn-red__inverse { background: #fff !important; color: #ff0000 !important; border-color: #fff !important; } body .btn-red__inverse:hover { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-red__inverse:active { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-red__inverse.transparent, body .btn-red__inverse__transparent { background-color: transparent !important; border-color: #ff0000 !important; } body .btn-red__inverse.transparent:hover, body .btn-red__inverse__transparent:hover { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-red__outline { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-red__outline:hover { background: #fff !important; color: #ff0000 !important; border-color: #ff0000 !important; } body .btn-red__outline:active { background: #fff !important; color: #ff0000 !important; border-color: #ff0000 !important; } body .btn-red__outline.transparent, body .btn-red__outline__transparent { background-color: transparent !important; border-color: #fff !important; } body .btn-red__outline.transparent:hover, body .btn-red__outline__transparent:hover { background: #fff !important; color: #ff0000 !important; border-color: #ff0000 !important; } body .btn-red__inverseoutline { background: #fff !important; border-color: #ff0000 !important; color: #ff0000 !important; } body .btn-red__inverseoutline:hover { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-red__inverseoutline:active { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } body .btn-red__inverseoutline.transparent, body .btn-red__inverseoutline__transparent { background-color: transparent !important; border-color: #ff0000 !important; } body .btn-red__inverseoutline.transparent:hover, body .btn-red__inverseoutline__transparent:hover { background: #ff0000 !important; border-color: #fff !important; color: #fff !important; } .p-xxs { padding: 0.25rem; } .pl-xxs { padding-left: 0.25rem; } .pr-xxs { padding-right: 0.25rem; } .pt-xxs { padding-top: 0.25rem; } .pb-xxs { padding-bottom: 0.25rem; } .py-xxs { padding-bottom: 0.25rem; padding-top: 0.25rem; } .px-xxs, .breadcrumb .delimiter { padding-right: 0.25rem; padding-left: 0.25rem; } .p-xs { padding: 0.5rem; } .pl-xs { padding-left: 0.5rem; } .pr-xs { padding-right: 0.5rem; } .pt-xs { padding-top: 0.5rem; } .pb-xs { padding-bottom: 0.5rem; } .py-xs { padding-bottom: 0.5rem; padding-top: 0.5rem; } .px-xs { padding-right: 0.5rem; padding-left: 0.5rem; } .p-sm, table.bordered td { padding: 1rem; } .pl-sm { padding-left: 1rem; } .pr-sm { padding-right: 1rem; } .pt-sm { padding-top: 1rem; } .pb-sm { padding-bottom: 1rem; } .py-sm, .breadcrumb ul { padding-bottom: 1rem; padding-top: 1rem; } .px-sm { padding-right: 1rem; padding-left: 1rem; } .p-md { padding: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .p-md { padding: 2rem; } } .pl-md, .product-details-page .product-features-box ul li, ul.featured li { padding-left: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .pl-md, .product-details-page .product-features-box ul li, ul.featured li { padding-left: 2rem; } } .pr-md { padding-right: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .pr-md { padding-right: 2rem; } } .pt-md { padding-top: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .pt-md { padding-top: 2rem; } } .pb-md { padding-bottom: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .pb-md { padding-bottom: 2rem; } } .py-md, .product-accordion-wrapper .accordion-item .accordion-title, .library-section .articles article { padding-bottom: calc(1.2875rem + 0.95vw); padding-top: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .py-md, .product-accordion-wrapper .accordion-item .accordion-title, .library-section .articles article { padding-bottom: 2rem; } } @media (min-width: 1200px) { .py-md, .product-accordion-wrapper .accordion-item .accordion-title, .library-section .articles article { padding-top: 2rem; } } .px-md { padding-right: calc(1.2875rem + 0.95vw); padding-left: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .px-md { padding-right: 2rem; } } @media (min-width: 1200px) { .px-md { padding-left: 2rem; } } .p-lg { padding: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .p-lg { padding: 4rem; } } .pl-lg { padding-left: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .pl-lg { padding-left: 4rem; } } .pr-lg { padding-right: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .pr-lg { padding-right: 4rem; } } .pt-lg { padding-top: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .pt-lg { padding-top: 4rem; } } .pb-lg { padding-bottom: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .pb-lg { padding-bottom: 4rem; } } .py-lg { padding-bottom: calc(1.3875rem + 3.4833333333vw); padding-top: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .py-lg { padding-bottom: 4rem; } } @media (min-width: 1200px) { .py-lg { padding-top: 4rem; } } .px-lg { padding-right: calc(1.3875rem + 3.4833333333vw); padding-left: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .px-lg { padding-right: 4rem; } } @media (min-width: 1200px) { .px-lg { padding-left: 4rem; } } .p-xl { padding: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .p-xl { padding: 6rem; } } .pl-xl { padding-left: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .pl-xl { padding-left: 6rem; } } .pr-xl { padding-right: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .pr-xl { padding-right: 6rem; } } .pt-xl { padding-top: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .pt-xl { padding-top: 6rem; } } .pb-xl { padding-bottom: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .pb-xl { padding-bottom: 6rem; } } .py-xl { padding-bottom: calc(1.4875rem + 6.0166666667vw); padding-top: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .py-xl { padding-bottom: 6rem; } } @media (min-width: 1200px) { .py-xl { padding-top: 6rem; } } .px-xl { padding-right: calc(1.4875rem + 6.0166666667vw); padding-left: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .px-xl { padding-right: 6rem; } } @media (min-width: 1200px) { .px-xl { padding-left: 6rem; } } .p-xxl { padding: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .p-xxl { padding: 12rem; } } .pl-xxl { padding-left: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .pl-xxl { padding-left: 12rem; } } .pr-xxl { padding-right: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .pr-xxl { padding-right: 12rem; } } .pt-xxl { padding-top: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .pt-xxl { padding-top: 12rem; } } .pb-xxl { padding-bottom: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .pb-xxl { padding-bottom: 12rem; } } .py-xxl { padding-bottom: calc(1.7875rem + 13.6166666667vw); padding-top: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .py-xxl { padding-bottom: 12rem; } } @media (min-width: 1200px) { .py-xxl { padding-top: 12rem; } } .px-xxl { padding-right: calc(1.7875rem + 13.6166666667vw); padding-left: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .px-xxl { padding-right: 12rem; } } @media (min-width: 1200px) { .px-xxl { padding-left: 12rem; } } .m-xxs { margin: 0.25rem; } .ml-xxs { margin-left: 0.25rem; } .mr-xxs { margin-right: 0.25rem; } .mt-xxs { margin-top: 0.25rem; } .mb-xxs { margin-bottom: 0.25rem; } .my-xxs { margin-bottom: 0.25rem; margin-top: 0.25rem; } .mx-xxs { margin-right: 0.25rem; margin-left: 0.25rem; } .m-xs { margin: 0.5rem; } .ml-xs { margin-left: 0.5rem; } .mr-xs { margin-right: 0.5rem; } .mt-xs { margin-top: 0.5rem; } .mb-xs { margin-bottom: 0.5rem; } .my-xs { margin-bottom: 0.5rem; margin-top: 0.5rem; } .mx-xs { margin-right: 0.5rem; margin-left: 0.5rem; } .m-sm { margin: 1rem; } .ml-sm { margin-left: 1rem; } .mr-sm { margin-right: 1rem; } .mt-sm { margin-top: 1rem; } .mb-sm { margin-bottom: 1rem; } .my-sm { margin-bottom: 1rem; margin-top: 1rem; } .mx-sm { margin-right: 1rem; margin-left: 1rem; } .m-md { margin: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .m-md { margin: 2rem; } } .ml-md { margin-left: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .ml-md { margin-left: 2rem; } } .mr-md { margin-right: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .mr-md { margin-right: 2rem; } } .mt-md { margin-top: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .mt-md { margin-top: 2rem; } } .mb-md { margin-bottom: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .mb-md { margin-bottom: 2rem; } } .my-md, .hrafter, .ss-checkout .page-title:after, .shopping-cart-page .page-title:after, hr { margin-bottom: calc(1.2875rem + 0.95vw); margin-top: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .my-md, .hrafter, .ss-checkout .page-title:after, .shopping-cart-page .page-title:after, hr { margin-bottom: 2rem; } } @media (min-width: 1200px) { .my-md, .hrafter, .ss-checkout .page-title:after, .shopping-cart-page .page-title:after, hr { margin-top: 2rem; } } .mx-md { margin-right: calc(1.2875rem + 0.95vw); margin-left: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .mx-md { margin-right: 2rem; } } @media (min-width: 1200px) { .mx-md { margin-left: 2rem; } } .m-lg { margin: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .m-lg { margin: 4rem; } } .ml-lg { margin-left: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .ml-lg { margin-left: 4rem; } } .mr-lg { margin-right: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .mr-lg { margin-right: 4rem; } } .mt-lg { margin-top: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .mt-lg { margin-top: 4rem; } } .mb-lg { margin-bottom: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .mb-lg { margin-bottom: 4rem; } } .my-lg, hr.lg { margin-bottom: calc(1.3875rem + 3.4833333333vw); margin-top: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .my-lg, hr.lg { margin-bottom: 4rem; } } @media (min-width: 1200px) { .my-lg, hr.lg { margin-top: 4rem; } } .mx-lg { margin-right: calc(1.3875rem + 3.4833333333vw); margin-left: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .mx-lg { margin-right: 4rem; } } @media (min-width: 1200px) { .mx-lg { margin-left: 4rem; } } .m-xl { margin: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .m-xl { margin: 6rem; } } .ml-xl { margin-left: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .ml-xl { margin-left: 6rem; } } .mr-xl { margin-right: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .mr-xl { margin-right: 6rem; } } .mt-xl { margin-top: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .mt-xl { margin-top: 6rem; } } .mb-xl { margin-bottom: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .mb-xl { margin-bottom: 6rem; } } .my-xl { margin-bottom: calc(1.4875rem + 6.0166666667vw); margin-top: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .my-xl { margin-bottom: 6rem; } } @media (min-width: 1200px) { .my-xl { margin-top: 6rem; } } .mx-xl { margin-right: calc(1.4875rem + 6.0166666667vw); margin-left: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .mx-xl { margin-right: 6rem; } } @media (min-width: 1200px) { .mx-xl { margin-left: 6rem; } } .m-xxl { margin: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .m-xxl { margin: 12rem; } } .ml-xxl { margin-left: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .ml-xxl { margin-left: 12rem; } } .mr-xxl { margin-right: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .mr-xxl { margin-right: 12rem; } } .mt-xxl { margin-top: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .mt-xxl { margin-top: 12rem; } } .mb-xxl { margin-bottom: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .mb-xxl { margin-bottom: 12rem; } } .my-xxl { margin-bottom: calc(1.7875rem + 13.6166666667vw); margin-top: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .my-xxl { margin-bottom: 12rem; } } @media (min-width: 1200px) { .my-xxl { margin-top: 12rem; } } .mx-xxl { margin-right: calc(1.7875rem + 13.6166666667vw); margin-left: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .mx-xxl { margin-right: 12rem; } } @media (min-width: 1200px) { .mx-xxl { margin-left: 12rem; } } .m-0 { margin: 0; } .mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0; } .mr-0 { margin-right: 0; } .ml-0 { margin-left: 0; } .mx-0 { margin-left: 0; margin-right: 0; } .my-0 { margin-top: 0; margin-bottom: 0; } .p-0 { padding: 0; } .pt-0 { padding-top: 0; } .pb-0 { padding-bottom: 0; } .pr-0 { padding-right: 0; } .pl-0 { padding-left: 0; } .px-0 { padding-left: 0; padding-right: 0; } .py-0 { padding-top: 0; padding-bottom: 0; } .admin-header-links { position: fixed !important; bottom: 0; width: 100%; max-width: 100%; right: 0; color: #fff !important; background-color: #000 !important; border: 1px solid #ff0000; text-align: center; } .admin-header-links a { color: #fff; } .admin-header-links a:hover { color: #ff0000; } .admin-header-links.admin-links { left: 0; } .bugReport a { background-color: #fff !important; border: 1px solid #000 !important; color: #ff0000; padding: 10px; } body { background-color: #000; margin: 0; } #atlwdg-trigger { z-index: 9999999; cursor: pointer; } #atlwdg-trigger:hover { opacity: 0.8; } .master-wrapper-page { max-width: 1920px; background-color: #fff; margin: 0 auto; } img { max-width: 100%; height: auto; } .block { display: block; } .inline-block { display: inline-block; } .fixed { display: flex; } .absolute { display: absolute; } .flex-bottom { display: flex; justify-content: flex-end; flex-direction: column; } .flex-center { display: flex; justify-content: center; align-items: center; flex-direction: column; } body:before { content: "xs"; display: none; /* Prevent from displaying. */ } @media (min-width: 576px) { body:before { content: "sm"; } } @media (min-width: 768px) { body:before { content: "md"; } } @media (min-width: 992px) { body:before { content: "lg"; } } @media (min-width: 1236px) { body:before { content: "xl"; } } .video { aspect-ratio: 16/9; width: 100%; height: auto; } ul.featured li { display: inline-block; position: relative; } ul.featured li::before { content: ""; position: absolute; top: 0; left: 0; height: 30px; width: 4px; background-color: #ff8e00; } ul.featured li .btn { display: block; width: fit-content; margin-top: 1rem; } ul.featured.featured-light li::before { background-color: #f4f4f4; } .product-border-box { background-color: rgba(0, 0, 0, 0.8); padding: 1rem; margin-left: calc(1.2875rem + 0.95vw); margin-right: calc(1.2875rem + 0.95vw); border: 1px solid #f4f4f4; text-align: center; } @media (min-width: 1200px) { .product-border-box { margin-left: 2rem; } } @media (min-width: 1200px) { .product-border-box { margin-right: 2rem; } } @media (min-width: 768px) { .product-border-box { margin: calc(1.2875rem + 0.95vw); } } @media (min-width: 768px) and (min-width: 1200px) { .product-border-box { margin: 2rem; } } .product-border-box__transparent { background-color: transparent; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .hidden { display: none !important; } .grid-row.gap-xxs, .grid.gap-xxs, .product-grid-wrap.two-col .product-grid .gap-xxs.item-grid, .product-grid-wrap.three-col .product-grid .gap-xxs.item-grid, .gap-xxs .grid-row, .gap-xxs { gap: 0.25rem; } .grid-row.gap-xs, .grid.gap-xs, .product-grid-wrap.two-col .product-grid .gap-xs.item-grid, .product-grid-wrap.three-col .product-grid .gap-xs.item-grid, .gap-xs .grid-row, .gap-xs { gap: 0.5rem; } .grid-row.gap-sm, .grid.gap-sm, .product-grid-wrap.two-col .product-grid .gap-sm.item-grid, .product-grid-wrap.three-col .product-grid .gap-sm.item-grid, .gap-sm .grid-row, .gap-sm { gap: 1rem; } .grid-row.gap-md, .grid.gap-md, .product-grid-wrap.two-col .product-grid .gap-md.item-grid, .product-grid-wrap.three-col .product-grid .gap-md.item-grid, .gap-md .grid-row, .content-grid-5050 .content-item .grid-row, .gap-md, .content-grid-5050 .content-item { gap: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .grid-row.gap-md, .grid.gap-md, .product-grid-wrap.two-col .product-grid .gap-md.item-grid, .product-grid-wrap.three-col .product-grid .gap-md.item-grid, .gap-md .grid-row, .content-grid-5050 .content-item .grid-row, .gap-md, .content-grid-5050 .content-item { gap: 2rem; } } .grid-row.gap-lg, .grid.gap-lg, .product-grid-wrap.two-col .product-grid .gap-lg.item-grid, .product-grid-wrap.three-col .product-grid .gap-lg.item-grid, .gap-lg .grid-row, .gap-lg { gap: calc(1.3875rem + 3.4833333333vw); } @media (min-width: 1200px) { .grid-row.gap-lg, .grid.gap-lg, .product-grid-wrap.two-col .product-grid .gap-lg.item-grid, .product-grid-wrap.three-col .product-grid .gap-lg.item-grid, .gap-lg .grid-row, .gap-lg { gap: 4rem; } } .grid-row.gap-xl, .grid.gap-xl, .product-grid-wrap.two-col .product-grid .gap-xl.item-grid, .product-grid-wrap.three-col .product-grid .gap-xl.item-grid, .gap-xl .grid-row, .gap-xl { gap: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .grid-row.gap-xl, .grid.gap-xl, .product-grid-wrap.two-col .product-grid .gap-xl.item-grid, .product-grid-wrap.three-col .product-grid .gap-xl.item-grid, .gap-xl .grid-row, .gap-xl { gap: 6rem; } } .grid-row.gap-xxl, .grid.gap-xxl, .product-grid-wrap.two-col .product-grid .gap-xxl.item-grid, .product-grid-wrap.three-col .product-grid .gap-xxl.item-grid, .gap-xxl .grid-row, .gap-xxl { gap: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .grid-row.gap-xxl, .grid.gap-xxl, .product-grid-wrap.two-col .product-grid .gap-xxl.item-grid, .product-grid-wrap.three-col .product-grid .gap-xxl.item-grid, .gap-xxl .grid-row, .gap-xxl { gap: 12rem; } } .grid, .item-grid, .product-grid-wrap.two-col .product-grid .item-grid, .product-grid-wrap.three-col .product-grid .item-grid, .rep_evenSpacing, .grid-row { display: grid; gap: 3rem; } @media (min-width: 0px) { .grid.col-1, .col-1.item-grid, .product-grid-wrap.two-col .product-grid .col-1.item-grid, .product-grid-wrap.three-col .product-grid .col-1.item-grid, .col-1.rep_evenSpacing, .grid-row.col-1 { grid-template-columns: repeat(1, 1fr); } .grid.col-xs-1, .col-xs-1.item-grid, .product-grid-wrap.two-col .product-grid .col-xs-1.item-grid, .product-grid-wrap.three-col .product-grid .col-xs-1.item-grid, .col-xs-1.rep_evenSpacing, .grid-row.col-xs-1 { grid-template-columns: repeat(12, 1fr); } .grid .col-span-xs-1, .item-grid .col-span-xs-1, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xs-1, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xs-1, .rep_evenSpacing .col-span-xs-1, .grid-row .col-span-xs-1 { col-span: repeat(12, 1fr); } .grid.col-2, .col-2.item-grid, .product-grid-wrap.two-col .product-grid .col-2.item-grid, .product-grid-wrap.three-col .product-grid .col-2.item-grid, .col-2.rep_evenSpacing, .grid-row.col-2 { grid-template-columns: repeat(2, 1fr); } .grid.col-xs-2, .col-xs-2.item-grid, .product-grid-wrap.two-col .product-grid .col-xs-2.item-grid, .product-grid-wrap.three-col .product-grid .col-xs-2.item-grid, .col-xs-2.rep_evenSpacing, .grid-row.col-xs-2 { grid-template-columns: repeat(6, 1fr); } .grid .col-span-xs-2, .item-grid .col-span-xs-2, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xs-2, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xs-2, .rep_evenSpacing .col-span-xs-2, .grid-row .col-span-xs-2 { col-span: repeat(6, 1fr); } .grid.col-3, .col-3.item-grid, .product-grid-wrap.two-col .product-grid .col-3.item-grid, .product-grid-wrap.three-col .product-grid .col-3.item-grid, .col-3.rep_evenSpacing, .grid-row.col-3 { grid-template-columns: repeat(3, 1fr); } .grid.col-xs-3, .col-xs-3.item-grid, .product-grid-wrap.two-col .product-grid .col-xs-3.item-grid, .product-grid-wrap.three-col .product-grid .col-xs-3.item-grid, .col-xs-3.rep_evenSpacing, .grid-row.col-xs-3 { grid-template-columns: repeat(4, 1fr); } .grid .col-span-xs-3, .item-grid .col-span-xs-3, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xs-3, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xs-3, .rep_evenSpacing .col-span-xs-3, .grid-row .col-span-xs-3 { col-span: repeat(4, 1fr); } .grid.col-4, .col-4.item-grid, .product-grid-wrap.two-col .product-grid .col-4.item-grid, .product-grid-wrap.three-col .product-grid .col-4.item-grid, .col-4.rep_evenSpacing, .grid-row.col-4 { grid-template-columns: repeat(4, 1fr); } .grid.col-xs-4, .col-xs-4.item-grid, .product-grid-wrap.two-col .product-grid .col-xs-4.item-grid, .product-grid-wrap.three-col .product-grid .col-xs-4.item-grid, .col-xs-4.rep_evenSpacing, .grid-row.col-xs-4 { grid-template-columns: repeat(3, 1fr); } .grid .col-span-xs-4, .item-grid .col-span-xs-4, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xs-4, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xs-4, .rep_evenSpacing .col-span-xs-4, .grid-row .col-span-xs-4 { col-span: repeat(3, 1fr); } .grid.col-5, .col-5.item-grid, .product-grid-wrap.two-col .product-grid .col-5.item-grid, .product-grid-wrap.three-col .product-grid .col-5.item-grid, .col-5.rep_evenSpacing, .grid-row.col-5 { grid-template-columns: repeat(5, 1fr); } .grid.col-xs-5, .col-xs-5.item-grid, .product-grid-wrap.two-col .product-grid .col-xs-5.item-grid, .product-grid-wrap.three-col .product-grid .col-xs-5.item-grid, .col-xs-5.rep_evenSpacing, .grid-row.col-xs-5 { grid-template-columns: repeat(2.4, 1fr); } .grid .col-span-xs-5, .item-grid .col-span-xs-5, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xs-5, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xs-5, .rep_evenSpacing .col-span-xs-5, .grid-row .col-span-xs-5 { col-span: repeat(2.4, 1fr); } .grid.col-6, .col-6.item-grid, .product-grid-wrap.two-col .product-grid .col-6.item-grid, .product-grid-wrap.three-col .product-grid .col-6.item-grid, .col-6.rep_evenSpacing, .grid-row.col-6 { grid-template-columns: repeat(6, 1fr); } .grid.col-xs-6, .col-xs-6.item-grid, .product-grid-wrap.two-col .product-grid .col-xs-6.item-grid, .product-grid-wrap.three-col .product-grid .col-xs-6.item-grid, .col-xs-6.rep_evenSpacing, .grid-row.col-xs-6 { grid-template-columns: repeat(2, 1fr); } .grid .col-span-xs-6, .item-grid .col-span-xs-6, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xs-6, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xs-6, .rep_evenSpacing .col-span-xs-6, .grid-row .col-span-xs-6 { col-span: repeat(2, 1fr); } .grid.col-7, .col-7.item-grid, .product-grid-wrap.two-col .product-grid .col-7.item-grid, .product-grid-wrap.three-col .product-grid .col-7.item-grid, .col-7.rep_evenSpacing, .grid-row.col-7 { grid-template-columns: repeat(7, 1fr); } .grid.col-xs-7, .col-xs-7.item-grid, .product-grid-wrap.two-col .product-grid .col-xs-7.item-grid, .product-grid-wrap.three-col .product-grid .col-xs-7.item-grid, .col-xs-7.rep_evenSpacing, .grid-row.col-xs-7 { grid-template-columns: repeat(1.7142857143, 1fr); } .grid .col-span-xs-7, .item-grid .col-span-xs-7, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xs-7, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xs-7, .rep_evenSpacing .col-span-xs-7, .grid-row .col-span-xs-7 { col-span: repeat(1.7142857143, 1fr); } .grid.col-8, .col-8.item-grid, .product-grid-wrap.two-col .product-grid .col-8.item-grid, .product-grid-wrap.three-col .product-grid .col-8.item-grid, .col-8.rep_evenSpacing, .grid-row.col-8 { grid-template-columns: repeat(8, 1fr); } .grid.col-xs-8, .col-xs-8.item-grid, .product-grid-wrap.two-col .product-grid .col-xs-8.item-grid, .product-grid-wrap.three-col .product-grid .col-xs-8.item-grid, .col-xs-8.rep_evenSpacing, .grid-row.col-xs-8 { grid-template-columns: repeat(1.5, 1fr); } .grid .col-span-xs-8, .item-grid .col-span-xs-8, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xs-8, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xs-8, .rep_evenSpacing .col-span-xs-8, .grid-row .col-span-xs-8 { col-span: repeat(1.5, 1fr); } .grid.col-9, .col-9.item-grid, .product-grid-wrap.two-col .product-grid .col-9.item-grid, .product-grid-wrap.three-col .product-grid .col-9.item-grid, .col-9.rep_evenSpacing, .grid-row.col-9 { grid-template-columns: repeat(9, 1fr); } .grid.col-xs-9, .col-xs-9.item-grid, .product-grid-wrap.two-col .product-grid .col-xs-9.item-grid, .product-grid-wrap.three-col .product-grid .col-xs-9.item-grid, .col-xs-9.rep_evenSpacing, .grid-row.col-xs-9 { grid-template-columns: repeat(1.3333333333, 1fr); } .grid .col-span-xs-9, .item-grid .col-span-xs-9, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xs-9, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xs-9, .rep_evenSpacing .col-span-xs-9, .grid-row .col-span-xs-9 { col-span: repeat(1.3333333333, 1fr); } .grid.col-10, .col-10.item-grid, .product-grid-wrap.two-col .product-grid .col-10.item-grid, .product-grid-wrap.three-col .product-grid .col-10.item-grid, .col-10.rep_evenSpacing, .grid-row.col-10 { grid-template-columns: repeat(10, 1fr); } .grid.col-xs-10, .col-xs-10.item-grid, .product-grid-wrap.two-col .product-grid .col-xs-10.item-grid, .product-grid-wrap.three-col .product-grid .col-xs-10.item-grid, .col-xs-10.rep_evenSpacing, .grid-row.col-xs-10 { grid-template-columns: repeat(1.2, 1fr); } .grid .col-span-xs-10, .item-grid .col-span-xs-10, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xs-10, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xs-10, .rep_evenSpacing .col-span-xs-10, .grid-row .col-span-xs-10 { col-span: repeat(1.2, 1fr); } .grid.col-11, .col-11.item-grid, .product-grid-wrap.two-col .product-grid .col-11.item-grid, .product-grid-wrap.three-col .product-grid .col-11.item-grid, .col-11.rep_evenSpacing, .grid-row.col-11 { grid-template-columns: repeat(11, 1fr); } .grid.col-xs-11, .col-xs-11.item-grid, .product-grid-wrap.two-col .product-grid .col-xs-11.item-grid, .product-grid-wrap.three-col .product-grid .col-xs-11.item-grid, .col-xs-11.rep_evenSpacing, .grid-row.col-xs-11 { grid-template-columns: repeat(1.0909090909, 1fr); } .grid .col-span-xs-11, .item-grid .col-span-xs-11, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xs-11, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xs-11, .rep_evenSpacing .col-span-xs-11, .grid-row .col-span-xs-11 { col-span: repeat(1.0909090909, 1fr); } .grid.col-12, .col-12.item-grid, .product-grid-wrap.two-col .product-grid .col-12.item-grid, .product-grid-wrap.three-col .product-grid .col-12.item-grid, .col-12.rep_evenSpacing, .grid-row.col-12 { grid-template-columns: repeat(12, 1fr); } .grid.col-xs-12, .item-grid, .product-grid-wrap.two-col .product-grid .item-grid, .product-grid-wrap.three-col .product-grid .item-grid, .rep_evenSpacing, .grid-row.col-xs-12 { grid-template-columns: repeat(1, 1fr); } .grid .col-span-xs-12, .item-grid .col-span-xs-12, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xs-12, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xs-12, .rep_evenSpacing .col-span-xs-12, .grid-row .col-span-xs-12 { col-span: repeat(1, 1fr); } } @media (min-width: 576px) { .grid.col-1, .col-1.item-grid, .product-grid-wrap.two-col .product-grid .col-1.item-grid, .product-grid-wrap.three-col .product-grid .col-1.item-grid, .col-1.rep_evenSpacing, .grid-row.col-1 { grid-template-columns: repeat(1, 1fr); } .grid.col-sm-1, .col-sm-1.item-grid, .product-grid-wrap.two-col .product-grid .col-sm-1.item-grid, .product-grid-wrap.three-col .product-grid .col-sm-1.item-grid, .col-sm-1.rep_evenSpacing, .grid-row.col-sm-1 { grid-template-columns: repeat(12, 1fr); } .grid .col-span-sm-1, .item-grid .col-span-sm-1, .product-grid-wrap.two-col .product-grid .item-grid .col-span-sm-1, .product-grid-wrap.three-col .product-grid .item-grid .col-span-sm-1, .rep_evenSpacing .col-span-sm-1, .grid-row .col-span-sm-1 { col-span: repeat(12, 1fr); } .grid.col-2, .col-2.item-grid, .product-grid-wrap.two-col .product-grid .col-2.item-grid, .product-grid-wrap.three-col .product-grid .col-2.item-grid, .col-2.rep_evenSpacing, .grid-row.col-2 { grid-template-columns: repeat(2, 1fr); } .grid.col-sm-2, .col-sm-2.item-grid, .product-grid-wrap.two-col .product-grid .col-sm-2.item-grid, .product-grid-wrap.three-col .product-grid .col-sm-2.item-grid, .col-sm-2.rep_evenSpacing, .grid-row.col-sm-2 { grid-template-columns: repeat(6, 1fr); } .grid .col-span-sm-2, .item-grid .col-span-sm-2, .product-grid-wrap.two-col .product-grid .item-grid .col-span-sm-2, .product-grid-wrap.three-col .product-grid .item-grid .col-span-sm-2, .rep_evenSpacing .col-span-sm-2, .grid-row .col-span-sm-2 { col-span: repeat(6, 1fr); } .grid.col-3, .col-3.item-grid, .product-grid-wrap.two-col .product-grid .col-3.item-grid, .product-grid-wrap.three-col .product-grid .col-3.item-grid, .col-3.rep_evenSpacing, .grid-row.col-3 { grid-template-columns: repeat(3, 1fr); } .grid.col-sm-3, .col-sm-3.item-grid, .product-grid-wrap.two-col .product-grid .col-sm-3.item-grid, .product-grid-wrap.three-col .product-grid .col-sm-3.item-grid, .col-sm-3.rep_evenSpacing, .grid-row.col-sm-3 { grid-template-columns: repeat(4, 1fr); } .grid .col-span-sm-3, .item-grid .col-span-sm-3, .product-grid-wrap.two-col .product-grid .item-grid .col-span-sm-3, .product-grid-wrap.three-col .product-grid .item-grid .col-span-sm-3, .rep_evenSpacing .col-span-sm-3, .grid-row .col-span-sm-3 { col-span: repeat(4, 1fr); } .grid.col-4, .col-4.item-grid, .product-grid-wrap.two-col .product-grid .col-4.item-grid, .product-grid-wrap.three-col .product-grid .col-4.item-grid, .col-4.rep_evenSpacing, .grid-row.col-4 { grid-template-columns: repeat(4, 1fr); } .grid.col-sm-4, .col-sm-4.item-grid, .product-grid-wrap.two-col .product-grid .col-sm-4.item-grid, .product-grid-wrap.three-col .product-grid .col-sm-4.item-grid, .col-sm-4.rep_evenSpacing, .grid-row.col-sm-4 { grid-template-columns: repeat(3, 1fr); } .grid .col-span-sm-4, .item-grid .col-span-sm-4, .product-grid-wrap.two-col .product-grid .item-grid .col-span-sm-4, .product-grid-wrap.three-col .product-grid .item-grid .col-span-sm-4, .rep_evenSpacing .col-span-sm-4, .grid-row .col-span-sm-4 { col-span: repeat(3, 1fr); } .grid.col-5, .col-5.item-grid, .product-grid-wrap.two-col .product-grid .col-5.item-grid, .product-grid-wrap.three-col .product-grid .col-5.item-grid, .col-5.rep_evenSpacing, .grid-row.col-5 { grid-template-columns: repeat(5, 1fr); } .grid.col-sm-5, .col-sm-5.item-grid, .product-grid-wrap.two-col .product-grid .col-sm-5.item-grid, .product-grid-wrap.three-col .product-grid .col-sm-5.item-grid, .col-sm-5.rep_evenSpacing, .grid-row.col-sm-5 { grid-template-columns: repeat(2.4, 1fr); } .grid .col-span-sm-5, .item-grid .col-span-sm-5, .product-grid-wrap.two-col .product-grid .item-grid .col-span-sm-5, .product-grid-wrap.three-col .product-grid .item-grid .col-span-sm-5, .rep_evenSpacing .col-span-sm-5, .grid-row .col-span-sm-5 { col-span: repeat(2.4, 1fr); } .grid.col-6, .col-6.item-grid, .product-grid-wrap.two-col .product-grid .col-6.item-grid, .product-grid-wrap.three-col .product-grid .col-6.item-grid, .col-6.rep_evenSpacing, .grid-row.col-6 { grid-template-columns: repeat(6, 1fr); } .grid.col-sm-6, .col-sm-6.item-grid, .product-grid-wrap.two-col .product-grid .col-sm-6.item-grid, .product-grid-wrap.three-col .product-grid .col-sm-6.item-grid, .col-sm-6.rep_evenSpacing, .grid-row.col-sm-6 { grid-template-columns: repeat(2, 1fr); } .grid .col-span-sm-6, .item-grid .col-span-sm-6, .product-grid-wrap.two-col .product-grid .item-grid .col-span-sm-6, .product-grid-wrap.three-col .product-grid .item-grid .col-span-sm-6, .rep_evenSpacing .col-span-sm-6, .grid-row .col-span-sm-6 { col-span: repeat(2, 1fr); } .grid.col-7, .col-7.item-grid, .product-grid-wrap.two-col .product-grid .col-7.item-grid, .product-grid-wrap.three-col .product-grid .col-7.item-grid, .col-7.rep_evenSpacing, .grid-row.col-7 { grid-template-columns: repeat(7, 1fr); } .grid.col-sm-7, .col-sm-7.item-grid, .product-grid-wrap.two-col .product-grid .col-sm-7.item-grid, .product-grid-wrap.three-col .product-grid .col-sm-7.item-grid, .col-sm-7.rep_evenSpacing, .grid-row.col-sm-7 { grid-template-columns: repeat(1.7142857143, 1fr); } .grid .col-span-sm-7, .item-grid .col-span-sm-7, .product-grid-wrap.two-col .product-grid .item-grid .col-span-sm-7, .product-grid-wrap.three-col .product-grid .item-grid .col-span-sm-7, .rep_evenSpacing .col-span-sm-7, .grid-row .col-span-sm-7 { col-span: repeat(1.7142857143, 1fr); } .grid.col-8, .col-8.item-grid, .product-grid-wrap.two-col .product-grid .col-8.item-grid, .product-grid-wrap.three-col .product-grid .col-8.item-grid, .col-8.rep_evenSpacing, .grid-row.col-8 { grid-template-columns: repeat(8, 1fr); } .grid.col-sm-8, .col-sm-8.item-grid, .product-grid-wrap.two-col .product-grid .col-sm-8.item-grid, .product-grid-wrap.three-col .product-grid .col-sm-8.item-grid, .col-sm-8.rep_evenSpacing, .grid-row.col-sm-8 { grid-template-columns: repeat(1.5, 1fr); } .grid .col-span-sm-8, .item-grid .col-span-sm-8, .product-grid-wrap.two-col .product-grid .item-grid .col-span-sm-8, .product-grid-wrap.three-col .product-grid .item-grid .col-span-sm-8, .rep_evenSpacing .col-span-sm-8, .grid-row .col-span-sm-8 { col-span: repeat(1.5, 1fr); } .grid.col-9, .col-9.item-grid, .product-grid-wrap.two-col .product-grid .col-9.item-grid, .product-grid-wrap.three-col .product-grid .col-9.item-grid, .col-9.rep_evenSpacing, .grid-row.col-9 { grid-template-columns: repeat(9, 1fr); } .grid.col-sm-9, .col-sm-9.item-grid, .product-grid-wrap.two-col .product-grid .col-sm-9.item-grid, .product-grid-wrap.three-col .product-grid .col-sm-9.item-grid, .col-sm-9.rep_evenSpacing, .grid-row.col-sm-9 { grid-template-columns: repeat(1.3333333333, 1fr); } .grid .col-span-sm-9, .item-grid .col-span-sm-9, .product-grid-wrap.two-col .product-grid .item-grid .col-span-sm-9, .product-grid-wrap.three-col .product-grid .item-grid .col-span-sm-9, .rep_evenSpacing .col-span-sm-9, .grid-row .col-span-sm-9 { col-span: repeat(1.3333333333, 1fr); } .grid.col-10, .col-10.item-grid, .product-grid-wrap.two-col .product-grid .col-10.item-grid, .product-grid-wrap.three-col .product-grid .col-10.item-grid, .col-10.rep_evenSpacing, .grid-row.col-10 { grid-template-columns: repeat(10, 1fr); } .grid.col-sm-10, .col-sm-10.item-grid, .product-grid-wrap.two-col .product-grid .col-sm-10.item-grid, .product-grid-wrap.three-col .product-grid .col-sm-10.item-grid, .col-sm-10.rep_evenSpacing, .grid-row.col-sm-10 { grid-template-columns: repeat(1.2, 1fr); } .grid .col-span-sm-10, .item-grid .col-span-sm-10, .product-grid-wrap.two-col .product-grid .item-grid .col-span-sm-10, .product-grid-wrap.three-col .product-grid .item-grid .col-span-sm-10, .rep_evenSpacing .col-span-sm-10, .grid-row .col-span-sm-10 { col-span: repeat(1.2, 1fr); } .grid.col-11, .col-11.item-grid, .product-grid-wrap.two-col .product-grid .col-11.item-grid, .product-grid-wrap.three-col .product-grid .col-11.item-grid, .col-11.rep_evenSpacing, .grid-row.col-11 { grid-template-columns: repeat(11, 1fr); } .grid.col-sm-11, .col-sm-11.item-grid, .product-grid-wrap.two-col .product-grid .col-sm-11.item-grid, .product-grid-wrap.three-col .product-grid .col-sm-11.item-grid, .col-sm-11.rep_evenSpacing, .grid-row.col-sm-11 { grid-template-columns: repeat(1.0909090909, 1fr); } .grid .col-span-sm-11, .item-grid .col-span-sm-11, .product-grid-wrap.two-col .product-grid .item-grid .col-span-sm-11, .product-grid-wrap.three-col .product-grid .item-grid .col-span-sm-11, .rep_evenSpacing .col-span-sm-11, .grid-row .col-span-sm-11 { col-span: repeat(1.0909090909, 1fr); } .grid.col-12, .col-12.item-grid, .product-grid-wrap.two-col .product-grid .col-12.item-grid, .product-grid-wrap.three-col .product-grid .col-12.item-grid, .col-12.rep_evenSpacing, .grid-row.col-12 { grid-template-columns: repeat(12, 1fr); } .grid.col-sm-12, .col-sm-12.item-grid, .product-grid-wrap.two-col .product-grid .col-sm-12.item-grid, .product-grid-wrap.three-col .product-grid .col-sm-12.item-grid, .col-sm-12.rep_evenSpacing, .grid-row.col-sm-12 { grid-template-columns: repeat(1, 1fr); } .grid .col-span-sm-12, .item-grid .col-span-sm-12, .product-grid-wrap.two-col .product-grid .item-grid .col-span-sm-12, .product-grid-wrap.three-col .product-grid .item-grid .col-span-sm-12, .rep_evenSpacing .col-span-sm-12, .grid-row .col-span-sm-12 { col-span: repeat(1, 1fr); } } @media (min-width: 768px) { .grid.col-1, .col-1.item-grid, .product-grid-wrap.two-col .product-grid .col-1.item-grid, .product-grid-wrap.three-col .product-grid .col-1.item-grid, .col-1.rep_evenSpacing, .grid-row.col-1 { grid-template-columns: repeat(1, 1fr); } .grid.col-md-1, .col-md-1.item-grid, .product-grid-wrap.two-col .product-grid .col-md-1.item-grid, .product-grid-wrap.three-col .product-grid .col-md-1.item-grid, .col-md-1.rep_evenSpacing, .grid-row.col-md-1 { grid-template-columns: repeat(12, 1fr); } .grid .col-span-md-1, .item-grid .col-span-md-1, .product-grid-wrap.two-col .product-grid .item-grid .col-span-md-1, .product-grid-wrap.three-col .product-grid .item-grid .col-span-md-1, .rep_evenSpacing .col-span-md-1, .grid-row .col-span-md-1 { col-span: repeat(12, 1fr); } .grid.col-2, .col-2.item-grid, .product-grid-wrap.two-col .product-grid .col-2.item-grid, .product-grid-wrap.three-col .product-grid .col-2.item-grid, .col-2.rep_evenSpacing, .grid-row.col-2 { grid-template-columns: repeat(2, 1fr); } .grid.col-md-2, .col-md-2.item-grid, .product-grid-wrap.two-col .product-grid .col-md-2.item-grid, .product-grid-wrap.three-col .product-grid .col-md-2.item-grid, .col-md-2.rep_evenSpacing, .grid-row.col-md-2 { grid-template-columns: repeat(6, 1fr); } .grid .col-span-md-2, .item-grid .col-span-md-2, .product-grid-wrap.two-col .product-grid .item-grid .col-span-md-2, .product-grid-wrap.three-col .product-grid .item-grid .col-span-md-2, .rep_evenSpacing .col-span-md-2, .grid-row .col-span-md-2 { col-span: repeat(6, 1fr); } .grid.col-3, .col-3.item-grid, .product-grid-wrap.two-col .product-grid .col-3.item-grid, .product-grid-wrap.three-col .product-grid .col-3.item-grid, .col-3.rep_evenSpacing, .grid-row.col-3 { grid-template-columns: repeat(3, 1fr); } .grid.col-md-3, .col-md-3.item-grid, .product-grid-wrap.two-col .product-grid .col-md-3.item-grid, .product-grid-wrap.three-col .product-grid .col-md-3.item-grid, .col-md-3.rep_evenSpacing, .grid-row.col-md-3 { grid-template-columns: repeat(4, 1fr); } .grid .col-span-md-3, .item-grid .col-span-md-3, .product-grid-wrap.two-col .product-grid .item-grid .col-span-md-3, .product-grid-wrap.three-col .product-grid .item-grid .col-span-md-3, .rep_evenSpacing .col-span-md-3, .grid-row .col-span-md-3 { col-span: repeat(4, 1fr); } .grid.col-4, .col-4.item-grid, .product-grid-wrap.two-col .product-grid .col-4.item-grid, .product-grid-wrap.three-col .product-grid .col-4.item-grid, .col-4.rep_evenSpacing, .grid-row.col-4 { grid-template-columns: repeat(4, 1fr); } .grid.col-md-4, .col-md-4.item-grid, .product-grid-wrap.two-col .product-grid .col-md-4.item-grid, .product-grid-wrap.three-col .product-grid .col-md-4.item-grid, .col-md-4.rep_evenSpacing, .grid-row.col-md-4 { grid-template-columns: repeat(3, 1fr); } .grid .col-span-md-4, .item-grid .col-span-md-4, .product-grid-wrap.two-col .product-grid .item-grid .col-span-md-4, .product-grid-wrap.three-col .product-grid .item-grid .col-span-md-4, .rep_evenSpacing .col-span-md-4, .grid-row .col-span-md-4 { col-span: repeat(3, 1fr); } .grid.col-5, .col-5.item-grid, .product-grid-wrap.two-col .product-grid .col-5.item-grid, .product-grid-wrap.three-col .product-grid .col-5.item-grid, .col-5.rep_evenSpacing, .grid-row.col-5 { grid-template-columns: repeat(5, 1fr); } .grid.col-md-5, .col-md-5.item-grid, .product-grid-wrap.two-col .product-grid .col-md-5.item-grid, .product-grid-wrap.three-col .product-grid .col-md-5.item-grid, .col-md-5.rep_evenSpacing, .grid-row.col-md-5 { grid-template-columns: repeat(2.4, 1fr); } .grid .col-span-md-5, .item-grid .col-span-md-5, .product-grid-wrap.two-col .product-grid .item-grid .col-span-md-5, .product-grid-wrap.three-col .product-grid .item-grid .col-span-md-5, .rep_evenSpacing .col-span-md-5, .grid-row .col-span-md-5 { col-span: repeat(2.4, 1fr); } .grid.col-6, .col-6.item-grid, .product-grid-wrap.two-col .product-grid .col-6.item-grid, .product-grid-wrap.three-col .product-grid .col-6.item-grid, .col-6.rep_evenSpacing, .grid-row.col-6 { grid-template-columns: repeat(6, 1fr); } .grid.col-md-6, .item-grid, .product-grid-wrap.two-col .product-grid .item-grid, .product-grid-wrap.three-col .product-grid .item-grid, .rep_evenSpacing, .grid-row.col-md-6 { grid-template-columns: repeat(2, 1fr); } .grid .col-span-md-6, .item-grid .col-span-md-6, .product-grid-wrap.two-col .product-grid .item-grid .col-span-md-6, .product-grid-wrap.three-col .product-grid .item-grid .col-span-md-6, .rep_evenSpacing .col-span-md-6, .grid-row .col-span-md-6 { col-span: repeat(2, 1fr); } .grid.col-7, .col-7.item-grid, .product-grid-wrap.two-col .product-grid .col-7.item-grid, .product-grid-wrap.three-col .product-grid .col-7.item-grid, .col-7.rep_evenSpacing, .grid-row.col-7 { grid-template-columns: repeat(7, 1fr); } .grid.col-md-7, .col-md-7.item-grid, .product-grid-wrap.two-col .product-grid .col-md-7.item-grid, .product-grid-wrap.three-col .product-grid .col-md-7.item-grid, .col-md-7.rep_evenSpacing, .grid-row.col-md-7 { grid-template-columns: repeat(1.7142857143, 1fr); } .grid .col-span-md-7, .item-grid .col-span-md-7, .product-grid-wrap.two-col .product-grid .item-grid .col-span-md-7, .product-grid-wrap.three-col .product-grid .item-grid .col-span-md-7, .rep_evenSpacing .col-span-md-7, .grid-row .col-span-md-7 { col-span: repeat(1.7142857143, 1fr); } .grid.col-8, .col-8.item-grid, .product-grid-wrap.two-col .product-grid .col-8.item-grid, .product-grid-wrap.three-col .product-grid .col-8.item-grid, .col-8.rep_evenSpacing, .grid-row.col-8 { grid-template-columns: repeat(8, 1fr); } .grid.col-md-8, .col-md-8.item-grid, .product-grid-wrap.two-col .product-grid .col-md-8.item-grid, .product-grid-wrap.three-col .product-grid .col-md-8.item-grid, .col-md-8.rep_evenSpacing, .grid-row.col-md-8 { grid-template-columns: repeat(1.5, 1fr); } .grid .col-span-md-8, .item-grid .col-span-md-8, .product-grid-wrap.two-col .product-grid .item-grid .col-span-md-8, .product-grid-wrap.three-col .product-grid .item-grid .col-span-md-8, .rep_evenSpacing .col-span-md-8, .grid-row .col-span-md-8 { col-span: repeat(1.5, 1fr); } .grid.col-9, .col-9.item-grid, .product-grid-wrap.two-col .product-grid .col-9.item-grid, .product-grid-wrap.three-col .product-grid .col-9.item-grid, .col-9.rep_evenSpacing, .grid-row.col-9 { grid-template-columns: repeat(9, 1fr); } .grid.col-md-9, .col-md-9.item-grid, .product-grid-wrap.two-col .product-grid .col-md-9.item-grid, .product-grid-wrap.three-col .product-grid .col-md-9.item-grid, .col-md-9.rep_evenSpacing, .grid-row.col-md-9 { grid-template-columns: repeat(1.3333333333, 1fr); } .grid .col-span-md-9, .item-grid .col-span-md-9, .product-grid-wrap.two-col .product-grid .item-grid .col-span-md-9, .product-grid-wrap.three-col .product-grid .item-grid .col-span-md-9, .rep_evenSpacing .col-span-md-9, .grid-row .col-span-md-9 { col-span: repeat(1.3333333333, 1fr); } .grid.col-10, .col-10.item-grid, .product-grid-wrap.two-col .product-grid .col-10.item-grid, .product-grid-wrap.three-col .product-grid .col-10.item-grid, .col-10.rep_evenSpacing, .grid-row.col-10 { grid-template-columns: repeat(10, 1fr); } .grid.col-md-10, .col-md-10.item-grid, .product-grid-wrap.two-col .product-grid .col-md-10.item-grid, .product-grid-wrap.three-col .product-grid .col-md-10.item-grid, .col-md-10.rep_evenSpacing, .grid-row.col-md-10 { grid-template-columns: repeat(1.2, 1fr); } .grid .col-span-md-10, .item-grid .col-span-md-10, .product-grid-wrap.two-col .product-grid .item-grid .col-span-md-10, .product-grid-wrap.three-col .product-grid .item-grid .col-span-md-10, .rep_evenSpacing .col-span-md-10, .grid-row .col-span-md-10 { col-span: repeat(1.2, 1fr); } .grid.col-11, .col-11.item-grid, .product-grid-wrap.two-col .product-grid .col-11.item-grid, .product-grid-wrap.three-col .product-grid .col-11.item-grid, .col-11.rep_evenSpacing, .grid-row.col-11 { grid-template-columns: repeat(11, 1fr); } .grid.col-md-11, .col-md-11.item-grid, .product-grid-wrap.two-col .product-grid .col-md-11.item-grid, .product-grid-wrap.three-col .product-grid .col-md-11.item-grid, .col-md-11.rep_evenSpacing, .grid-row.col-md-11 { grid-template-columns: repeat(1.0909090909, 1fr); } .grid .col-span-md-11, .item-grid .col-span-md-11, .product-grid-wrap.two-col .product-grid .item-grid .col-span-md-11, .product-grid-wrap.three-col .product-grid .item-grid .col-span-md-11, .rep_evenSpacing .col-span-md-11, .grid-row .col-span-md-11 { col-span: repeat(1.0909090909, 1fr); } .grid.col-12, .col-12.item-grid, .product-grid-wrap.two-col .product-grid .col-12.item-grid, .product-grid-wrap.three-col .product-grid .col-12.item-grid, .col-12.rep_evenSpacing, .grid-row.col-12 { grid-template-columns: repeat(12, 1fr); } .grid.col-md-12, .col-md-12.item-grid, .product-grid-wrap.two-col .product-grid .col-md-12.item-grid, .product-grid-wrap.three-col .product-grid .col-md-12.item-grid, .col-md-12.rep_evenSpacing, .grid-row.col-md-12 { grid-template-columns: repeat(1, 1fr); } .grid .col-span-md-12, .item-grid .col-span-md-12, .product-grid-wrap.two-col .product-grid .item-grid .col-span-md-12, .product-grid-wrap.three-col .product-grid .item-grid .col-span-md-12, .rep_evenSpacing .col-span-md-12, .grid-row .col-span-md-12 { col-span: repeat(1, 1fr); } } @media (min-width: 992px) { .grid.col-1, .col-1.item-grid, .product-grid-wrap.two-col .product-grid .col-1.item-grid, .product-grid-wrap.three-col .product-grid .col-1.item-grid, .col-1.rep_evenSpacing, .grid-row.col-1 { grid-template-columns: repeat(1, 1fr); } .grid.col-lg-1, .col-lg-1.item-grid, .product-grid-wrap.two-col .product-grid .col-lg-1.item-grid, .product-grid-wrap.three-col .product-grid .col-lg-1.item-grid, .col-lg-1.rep_evenSpacing, .grid-row.col-lg-1 { grid-template-columns: repeat(12, 1fr); } .grid .col-span-lg-1, .item-grid .col-span-lg-1, .product-grid-wrap.two-col .product-grid .item-grid .col-span-lg-1, .product-grid-wrap.three-col .product-grid .item-grid .col-span-lg-1, .rep_evenSpacing .col-span-lg-1, .grid-row .col-span-lg-1 { col-span: repeat(12, 1fr); } .grid.col-2, .col-2.item-grid, .product-grid-wrap.two-col .product-grid .col-2.item-grid, .product-grid-wrap.three-col .product-grid .col-2.item-grid, .col-2.rep_evenSpacing, .grid-row.col-2 { grid-template-columns: repeat(2, 1fr); } .grid.col-lg-2, .col-lg-2.item-grid, .product-grid-wrap.two-col .product-grid .col-lg-2.item-grid, .product-grid-wrap.three-col .product-grid .col-lg-2.item-grid, .col-lg-2.rep_evenSpacing, .grid-row.col-lg-2 { grid-template-columns: repeat(6, 1fr); } .grid .col-span-lg-2, .item-grid .col-span-lg-2, .product-grid-wrap.two-col .product-grid .item-grid .col-span-lg-2, .product-grid-wrap.three-col .product-grid .item-grid .col-span-lg-2, .rep_evenSpacing .col-span-lg-2, .grid-row .col-span-lg-2 { col-span: repeat(6, 1fr); } .grid.col-3, .col-3.item-grid, .product-grid-wrap.two-col .product-grid .col-3.item-grid, .product-grid-wrap.three-col .product-grid .col-3.item-grid, .col-3.rep_evenSpacing, .grid-row.col-3 { grid-template-columns: repeat(3, 1fr); } .grid.col-lg-3, .col-lg-3.item-grid, .product-grid-wrap.two-col .product-grid .col-lg-3.item-grid, .product-grid-wrap.three-col .product-grid .col-lg-3.item-grid, .col-lg-3.rep_evenSpacing, .grid-row.col-lg-3 { grid-template-columns: repeat(4, 1fr); } .grid .col-span-lg-3, .item-grid .col-span-lg-3, .product-grid-wrap.two-col .product-grid .item-grid .col-span-lg-3, .product-grid-wrap.three-col .product-grid .item-grid .col-span-lg-3, .rep_evenSpacing .col-span-lg-3, .grid-row .col-span-lg-3 { col-span: repeat(4, 1fr); } .grid.col-4, .col-4.item-grid, .product-grid-wrap.two-col .product-grid .col-4.item-grid, .product-grid-wrap.three-col .product-grid .col-4.item-grid, .col-4.rep_evenSpacing, .grid-row.col-4 { grid-template-columns: repeat(4, 1fr); } .grid.col-lg-4, .item-grid, .product-grid-wrap.two-col .product-grid .item-grid, .product-grid-wrap.three-col .product-grid .item-grid, .rep_evenSpacing, .grid-row.col-lg-4 { grid-template-columns: repeat(3, 1fr); } .grid .col-span-lg-4, .item-grid .col-span-lg-4, .product-grid-wrap.two-col .product-grid .item-grid .col-span-lg-4, .product-grid-wrap.three-col .product-grid .item-grid .col-span-lg-4, .rep_evenSpacing .col-span-lg-4, .grid-row .col-span-lg-4 { col-span: repeat(3, 1fr); } .grid.col-5, .col-5.item-grid, .product-grid-wrap.two-col .product-grid .col-5.item-grid, .product-grid-wrap.three-col .product-grid .col-5.item-grid, .col-5.rep_evenSpacing, .grid-row.col-5 { grid-template-columns: repeat(5, 1fr); } .grid.col-lg-5, .col-lg-5.item-grid, .product-grid-wrap.two-col .product-grid .col-lg-5.item-grid, .product-grid-wrap.three-col .product-grid .col-lg-5.item-grid, .col-lg-5.rep_evenSpacing, .grid-row.col-lg-5 { grid-template-columns: repeat(2.4, 1fr); } .grid .col-span-lg-5, .item-grid .col-span-lg-5, .product-grid-wrap.two-col .product-grid .item-grid .col-span-lg-5, .product-grid-wrap.three-col .product-grid .item-grid .col-span-lg-5, .rep_evenSpacing .col-span-lg-5, .grid-row .col-span-lg-5 { col-span: repeat(2.4, 1fr); } .grid.col-6, .col-6.item-grid, .product-grid-wrap.two-col .product-grid .col-6.item-grid, .product-grid-wrap.three-col .product-grid .col-6.item-grid, .col-6.rep_evenSpacing, .grid-row.col-6 { grid-template-columns: repeat(6, 1fr); } .grid.col-lg-6, .col-lg-6.item-grid, .product-grid-wrap.two-col .product-grid .col-lg-6.item-grid, .product-grid-wrap.three-col .product-grid .col-lg-6.item-grid, .col-lg-6.rep_evenSpacing, .grid-row.col-lg-6 { grid-template-columns: repeat(2, 1fr); } .grid .col-span-lg-6, .item-grid .col-span-lg-6, .product-grid-wrap.two-col .product-grid .item-grid .col-span-lg-6, .product-grid-wrap.three-col .product-grid .item-grid .col-span-lg-6, .rep_evenSpacing .col-span-lg-6, .grid-row .col-span-lg-6 { col-span: repeat(2, 1fr); } .grid.col-7, .col-7.item-grid, .product-grid-wrap.two-col .product-grid .col-7.item-grid, .product-grid-wrap.three-col .product-grid .col-7.item-grid, .col-7.rep_evenSpacing, .grid-row.col-7 { grid-template-columns: repeat(7, 1fr); } .grid.col-lg-7, .col-lg-7.item-grid, .product-grid-wrap.two-col .product-grid .col-lg-7.item-grid, .product-grid-wrap.three-col .product-grid .col-lg-7.item-grid, .col-lg-7.rep_evenSpacing, .grid-row.col-lg-7 { grid-template-columns: repeat(1.7142857143, 1fr); } .grid .col-span-lg-7, .item-grid .col-span-lg-7, .product-grid-wrap.two-col .product-grid .item-grid .col-span-lg-7, .product-grid-wrap.three-col .product-grid .item-grid .col-span-lg-7, .rep_evenSpacing .col-span-lg-7, .grid-row .col-span-lg-7 { col-span: repeat(1.7142857143, 1fr); } .grid.col-8, .col-8.item-grid, .product-grid-wrap.two-col .product-grid .col-8.item-grid, .product-grid-wrap.three-col .product-grid .col-8.item-grid, .col-8.rep_evenSpacing, .grid-row.col-8 { grid-template-columns: repeat(8, 1fr); } .grid.col-lg-8, .col-lg-8.item-grid, .product-grid-wrap.two-col .product-grid .col-lg-8.item-grid, .product-grid-wrap.three-col .product-grid .col-lg-8.item-grid, .col-lg-8.rep_evenSpacing, .grid-row.col-lg-8 { grid-template-columns: repeat(1.5, 1fr); } .grid .col-span-lg-8, .item-grid .col-span-lg-8, .product-grid-wrap.two-col .product-grid .item-grid .col-span-lg-8, .product-grid-wrap.three-col .product-grid .item-grid .col-span-lg-8, .rep_evenSpacing .col-span-lg-8, .grid-row .col-span-lg-8 { col-span: repeat(1.5, 1fr); } .grid.col-9, .col-9.item-grid, .product-grid-wrap.two-col .product-grid .col-9.item-grid, .product-grid-wrap.three-col .product-grid .col-9.item-grid, .col-9.rep_evenSpacing, .grid-row.col-9 { grid-template-columns: repeat(9, 1fr); } .grid.col-lg-9, .col-lg-9.item-grid, .product-grid-wrap.two-col .product-grid .col-lg-9.item-grid, .product-grid-wrap.three-col .product-grid .col-lg-9.item-grid, .col-lg-9.rep_evenSpacing, .grid-row.col-lg-9 { grid-template-columns: repeat(1.3333333333, 1fr); } .grid .col-span-lg-9, .item-grid .col-span-lg-9, .product-grid-wrap.two-col .product-grid .item-grid .col-span-lg-9, .product-grid-wrap.three-col .product-grid .item-grid .col-span-lg-9, .rep_evenSpacing .col-span-lg-9, .grid-row .col-span-lg-9 { col-span: repeat(1.3333333333, 1fr); } .grid.col-10, .col-10.item-grid, .product-grid-wrap.two-col .product-grid .col-10.item-grid, .product-grid-wrap.three-col .product-grid .col-10.item-grid, .col-10.rep_evenSpacing, .grid-row.col-10 { grid-template-columns: repeat(10, 1fr); } .grid.col-lg-10, .col-lg-10.item-grid, .product-grid-wrap.two-col .product-grid .col-lg-10.item-grid, .product-grid-wrap.three-col .product-grid .col-lg-10.item-grid, .col-lg-10.rep_evenSpacing, .grid-row.col-lg-10 { grid-template-columns: repeat(1.2, 1fr); } .grid .col-span-lg-10, .item-grid .col-span-lg-10, .product-grid-wrap.two-col .product-grid .item-grid .col-span-lg-10, .product-grid-wrap.three-col .product-grid .item-grid .col-span-lg-10, .rep_evenSpacing .col-span-lg-10, .grid-row .col-span-lg-10 { col-span: repeat(1.2, 1fr); } .grid.col-11, .col-11.item-grid, .product-grid-wrap.two-col .product-grid .col-11.item-grid, .product-grid-wrap.three-col .product-grid .col-11.item-grid, .col-11.rep_evenSpacing, .grid-row.col-11 { grid-template-columns: repeat(11, 1fr); } .grid.col-lg-11, .col-lg-11.item-grid, .product-grid-wrap.two-col .product-grid .col-lg-11.item-grid, .product-grid-wrap.three-col .product-grid .col-lg-11.item-grid, .col-lg-11.rep_evenSpacing, .grid-row.col-lg-11 { grid-template-columns: repeat(1.0909090909, 1fr); } .grid .col-span-lg-11, .item-grid .col-span-lg-11, .product-grid-wrap.two-col .product-grid .item-grid .col-span-lg-11, .product-grid-wrap.three-col .product-grid .item-grid .col-span-lg-11, .rep_evenSpacing .col-span-lg-11, .grid-row .col-span-lg-11 { col-span: repeat(1.0909090909, 1fr); } .grid.col-12, .col-12.item-grid, .product-grid-wrap.two-col .product-grid .col-12.item-grid, .product-grid-wrap.three-col .product-grid .col-12.item-grid, .col-12.rep_evenSpacing, .grid-row.col-12 { grid-template-columns: repeat(12, 1fr); } .grid.col-lg-12, .col-lg-12.item-grid, .product-grid-wrap.two-col .product-grid .col-lg-12.item-grid, .product-grid-wrap.three-col .product-grid .col-lg-12.item-grid, .col-lg-12.rep_evenSpacing, .grid-row.col-lg-12 { grid-template-columns: repeat(1, 1fr); } .grid .col-span-lg-12, .item-grid .col-span-lg-12, .product-grid-wrap.two-col .product-grid .item-grid .col-span-lg-12, .product-grid-wrap.three-col .product-grid .item-grid .col-span-lg-12, .rep_evenSpacing .col-span-lg-12, .grid-row .col-span-lg-12 { col-span: repeat(1, 1fr); } } @media (min-width: 1236px) { .grid.col-1, .col-1.item-grid, .product-grid-wrap.two-col .product-grid .col-1.item-grid, .product-grid-wrap.three-col .product-grid .col-1.item-grid, .col-1.rep_evenSpacing, .grid-row.col-1 { grid-template-columns: repeat(1, 1fr); } .grid.col-xl-1, .col-xl-1.item-grid, .product-grid-wrap.two-col .product-grid .col-xl-1.item-grid, .product-grid-wrap.three-col .product-grid .col-xl-1.item-grid, .col-xl-1.rep_evenSpacing, .grid-row.col-xl-1 { grid-template-columns: repeat(12, 1fr); } .grid .col-span-xl-1, .item-grid .col-span-xl-1, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xl-1, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xl-1, .rep_evenSpacing .col-span-xl-1, .grid-row .col-span-xl-1 { col-span: repeat(12, 1fr); } .grid.col-2, .col-2.item-grid, .product-grid-wrap.two-col .product-grid .col-2.item-grid, .product-grid-wrap.three-col .product-grid .col-2.item-grid, .col-2.rep_evenSpacing, .grid-row.col-2 { grid-template-columns: repeat(2, 1fr); } .grid.col-xl-2, .col-xl-2.item-grid, .product-grid-wrap.two-col .product-grid .col-xl-2.item-grid, .product-grid-wrap.three-col .product-grid .col-xl-2.item-grid, .col-xl-2.rep_evenSpacing, .grid-row.col-xl-2 { grid-template-columns: repeat(6, 1fr); } .grid .col-span-xl-2, .item-grid .col-span-xl-2, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xl-2, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xl-2, .rep_evenSpacing .col-span-xl-2, .grid-row .col-span-xl-2 { col-span: repeat(6, 1fr); } .grid.col-3, .col-3.item-grid, .product-grid-wrap.two-col .product-grid .col-3.item-grid, .product-grid-wrap.three-col .product-grid .col-3.item-grid, .col-3.rep_evenSpacing, .grid-row.col-3 { grid-template-columns: repeat(3, 1fr); } .grid.col-xl-3, .col-xl-3.item-grid, .product-grid-wrap.two-col .product-grid .col-xl-3.item-grid, .product-grid-wrap.three-col .product-grid .col-xl-3.item-grid, .col-xl-3.rep_evenSpacing, .grid-row.col-xl-3 { grid-template-columns: repeat(4, 1fr); } .grid .col-span-xl-3, .item-grid .col-span-xl-3, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xl-3, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xl-3, .rep_evenSpacing .col-span-xl-3, .grid-row .col-span-xl-3 { col-span: repeat(4, 1fr); } .grid.col-4, .col-4.item-grid, .product-grid-wrap.two-col .product-grid .col-4.item-grid, .product-grid-wrap.three-col .product-grid .col-4.item-grid, .col-4.rep_evenSpacing, .grid-row.col-4 { grid-template-columns: repeat(4, 1fr); } .grid.col-xl-4, .col-xl-4.item-grid, .product-grid-wrap.two-col .product-grid .col-xl-4.item-grid, .product-grid-wrap.three-col .product-grid .col-xl-4.item-grid, .col-xl-4.rep_evenSpacing, .grid-row.col-xl-4 { grid-template-columns: repeat(3, 1fr); } .grid .col-span-xl-4, .item-grid .col-span-xl-4, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xl-4, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xl-4, .rep_evenSpacing .col-span-xl-4, .grid-row .col-span-xl-4 { col-span: repeat(3, 1fr); } .grid.col-5, .col-5.item-grid, .product-grid-wrap.two-col .product-grid .col-5.item-grid, .product-grid-wrap.three-col .product-grid .col-5.item-grid, .col-5.rep_evenSpacing, .grid-row.col-5 { grid-template-columns: repeat(5, 1fr); } .grid.col-xl-5, .col-xl-5.item-grid, .product-grid-wrap.two-col .product-grid .col-xl-5.item-grid, .product-grid-wrap.three-col .product-grid .col-xl-5.item-grid, .col-xl-5.rep_evenSpacing, .grid-row.col-xl-5 { grid-template-columns: repeat(2.4, 1fr); } .grid .col-span-xl-5, .item-grid .col-span-xl-5, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xl-5, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xl-5, .rep_evenSpacing .col-span-xl-5, .grid-row .col-span-xl-5 { col-span: repeat(2.4, 1fr); } .grid.col-6, .col-6.item-grid, .product-grid-wrap.two-col .product-grid .col-6.item-grid, .product-grid-wrap.three-col .product-grid .col-6.item-grid, .col-6.rep_evenSpacing, .grid-row.col-6 { grid-template-columns: repeat(6, 1fr); } .grid.col-xl-6, .col-xl-6.item-grid, .product-grid-wrap.two-col .product-grid .col-xl-6.item-grid, .product-grid-wrap.three-col .product-grid .col-xl-6.item-grid, .col-xl-6.rep_evenSpacing, .grid-row.col-xl-6 { grid-template-columns: repeat(2, 1fr); } .grid .col-span-xl-6, .item-grid .col-span-xl-6, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xl-6, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xl-6, .rep_evenSpacing .col-span-xl-6, .grid-row .col-span-xl-6 { col-span: repeat(2, 1fr); } .grid.col-7, .col-7.item-grid, .product-grid-wrap.two-col .product-grid .col-7.item-grid, .product-grid-wrap.three-col .product-grid .col-7.item-grid, .col-7.rep_evenSpacing, .grid-row.col-7 { grid-template-columns: repeat(7, 1fr); } .grid.col-xl-7, .col-xl-7.item-grid, .product-grid-wrap.two-col .product-grid .col-xl-7.item-grid, .product-grid-wrap.three-col .product-grid .col-xl-7.item-grid, .col-xl-7.rep_evenSpacing, .grid-row.col-xl-7 { grid-template-columns: repeat(1.7142857143, 1fr); } .grid .col-span-xl-7, .item-grid .col-span-xl-7, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xl-7, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xl-7, .rep_evenSpacing .col-span-xl-7, .grid-row .col-span-xl-7 { col-span: repeat(1.7142857143, 1fr); } .grid.col-8, .col-8.item-grid, .product-grid-wrap.two-col .product-grid .col-8.item-grid, .product-grid-wrap.three-col .product-grid .col-8.item-grid, .col-8.rep_evenSpacing, .grid-row.col-8 { grid-template-columns: repeat(8, 1fr); } .grid.col-xl-8, .col-xl-8.item-grid, .product-grid-wrap.two-col .product-grid .col-xl-8.item-grid, .product-grid-wrap.three-col .product-grid .col-xl-8.item-grid, .col-xl-8.rep_evenSpacing, .grid-row.col-xl-8 { grid-template-columns: repeat(1.5, 1fr); } .grid .col-span-xl-8, .item-grid .col-span-xl-8, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xl-8, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xl-8, .rep_evenSpacing .col-span-xl-8, .grid-row .col-span-xl-8 { col-span: repeat(1.5, 1fr); } .grid.col-9, .col-9.item-grid, .product-grid-wrap.two-col .product-grid .col-9.item-grid, .product-grid-wrap.three-col .product-grid .col-9.item-grid, .col-9.rep_evenSpacing, .grid-row.col-9 { grid-template-columns: repeat(9, 1fr); } .grid.col-xl-9, .col-xl-9.item-grid, .product-grid-wrap.two-col .product-grid .col-xl-9.item-grid, .product-grid-wrap.three-col .product-grid .col-xl-9.item-grid, .col-xl-9.rep_evenSpacing, .grid-row.col-xl-9 { grid-template-columns: repeat(1.3333333333, 1fr); } .grid .col-span-xl-9, .item-grid .col-span-xl-9, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xl-9, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xl-9, .rep_evenSpacing .col-span-xl-9, .grid-row .col-span-xl-9 { col-span: repeat(1.3333333333, 1fr); } .grid.col-10, .col-10.item-grid, .product-grid-wrap.two-col .product-grid .col-10.item-grid, .product-grid-wrap.three-col .product-grid .col-10.item-grid, .col-10.rep_evenSpacing, .grid-row.col-10 { grid-template-columns: repeat(10, 1fr); } .grid.col-xl-10, .col-xl-10.item-grid, .product-grid-wrap.two-col .product-grid .col-xl-10.item-grid, .product-grid-wrap.three-col .product-grid .col-xl-10.item-grid, .col-xl-10.rep_evenSpacing, .grid-row.col-xl-10 { grid-template-columns: repeat(1.2, 1fr); } .grid .col-span-xl-10, .item-grid .col-span-xl-10, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xl-10, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xl-10, .rep_evenSpacing .col-span-xl-10, .grid-row .col-span-xl-10 { col-span: repeat(1.2, 1fr); } .grid.col-11, .col-11.item-grid, .product-grid-wrap.two-col .product-grid .col-11.item-grid, .product-grid-wrap.three-col .product-grid .col-11.item-grid, .col-11.rep_evenSpacing, .grid-row.col-11 { grid-template-columns: repeat(11, 1fr); } .grid.col-xl-11, .col-xl-11.item-grid, .product-grid-wrap.two-col .product-grid .col-xl-11.item-grid, .product-grid-wrap.three-col .product-grid .col-xl-11.item-grid, .col-xl-11.rep_evenSpacing, .grid-row.col-xl-11 { grid-template-columns: repeat(1.0909090909, 1fr); } .grid .col-span-xl-11, .item-grid .col-span-xl-11, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xl-11, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xl-11, .rep_evenSpacing .col-span-xl-11, .grid-row .col-span-xl-11 { col-span: repeat(1.0909090909, 1fr); } .grid.col-12, .col-12.item-grid, .product-grid-wrap.two-col .product-grid .col-12.item-grid, .product-grid-wrap.three-col .product-grid .col-12.item-grid, .col-12.rep_evenSpacing, .grid-row.col-12 { grid-template-columns: repeat(12, 1fr); } .grid.col-xl-12, .col-xl-12.item-grid, .product-grid-wrap.two-col .product-grid .col-xl-12.item-grid, .product-grid-wrap.three-col .product-grid .col-xl-12.item-grid, .col-xl-12.rep_evenSpacing, .grid-row.col-xl-12 { grid-template-columns: repeat(1, 1fr); } .grid .col-span-xl-12, .item-grid .col-span-xl-12, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xl-12, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xl-12, .rep_evenSpacing .col-span-xl-12, .grid-row .col-span-xl-12 { col-span: repeat(1, 1fr); } } @media (min-width: 1440px) { .grid.col-1, .col-1.item-grid, .product-grid-wrap.two-col .product-grid .col-1.item-grid, .product-grid-wrap.three-col .product-grid .col-1.item-grid, .col-1.rep_evenSpacing, .grid-row.col-1 { grid-template-columns: repeat(1, 1fr); } .grid.col-xxl-1, .col-xxl-1.item-grid, .product-grid-wrap.two-col .product-grid .col-xxl-1.item-grid, .product-grid-wrap.three-col .product-grid .col-xxl-1.item-grid, .col-xxl-1.rep_evenSpacing, .grid-row.col-xxl-1 { grid-template-columns: repeat(12, 1fr); } .grid .col-span-xxl-1, .item-grid .col-span-xxl-1, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxl-1, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxl-1, .rep_evenSpacing .col-span-xxl-1, .grid-row .col-span-xxl-1 { col-span: repeat(12, 1fr); } .grid.col-2, .col-2.item-grid, .product-grid-wrap.two-col .product-grid .col-2.item-grid, .product-grid-wrap.three-col .product-grid .col-2.item-grid, .col-2.rep_evenSpacing, .grid-row.col-2 { grid-template-columns: repeat(2, 1fr); } .grid.col-xxl-2, .col-xxl-2.item-grid, .product-grid-wrap.two-col .product-grid .col-xxl-2.item-grid, .product-grid-wrap.three-col .product-grid .col-xxl-2.item-grid, .col-xxl-2.rep_evenSpacing, .grid-row.col-xxl-2 { grid-template-columns: repeat(6, 1fr); } .grid .col-span-xxl-2, .item-grid .col-span-xxl-2, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxl-2, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxl-2, .rep_evenSpacing .col-span-xxl-2, .grid-row .col-span-xxl-2 { col-span: repeat(6, 1fr); } .grid.col-3, .col-3.item-grid, .product-grid-wrap.two-col .product-grid .col-3.item-grid, .product-grid-wrap.three-col .product-grid .col-3.item-grid, .col-3.rep_evenSpacing, .grid-row.col-3 { grid-template-columns: repeat(3, 1fr); } .grid.col-xxl-3, .col-xxl-3.item-grid, .product-grid-wrap.two-col .product-grid .col-xxl-3.item-grid, .product-grid-wrap.three-col .product-grid .col-xxl-3.item-grid, .col-xxl-3.rep_evenSpacing, .grid-row.col-xxl-3 { grid-template-columns: repeat(4, 1fr); } .grid .col-span-xxl-3, .item-grid .col-span-xxl-3, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxl-3, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxl-3, .rep_evenSpacing .col-span-xxl-3, .grid-row .col-span-xxl-3 { col-span: repeat(4, 1fr); } .grid.col-4, .col-4.item-grid, .product-grid-wrap.two-col .product-grid .col-4.item-grid, .product-grid-wrap.three-col .product-grid .col-4.item-grid, .col-4.rep_evenSpacing, .grid-row.col-4 { grid-template-columns: repeat(4, 1fr); } .grid.col-xxl-4, .col-xxl-4.item-grid, .product-grid-wrap.two-col .product-grid .col-xxl-4.item-grid, .product-grid-wrap.three-col .product-grid .col-xxl-4.item-grid, .col-xxl-4.rep_evenSpacing, .grid-row.col-xxl-4 { grid-template-columns: repeat(3, 1fr); } .grid .col-span-xxl-4, .item-grid .col-span-xxl-4, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxl-4, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxl-4, .rep_evenSpacing .col-span-xxl-4, .grid-row .col-span-xxl-4 { col-span: repeat(3, 1fr); } .grid.col-5, .col-5.item-grid, .product-grid-wrap.two-col .product-grid .col-5.item-grid, .product-grid-wrap.three-col .product-grid .col-5.item-grid, .col-5.rep_evenSpacing, .grid-row.col-5 { grid-template-columns: repeat(5, 1fr); } .grid.col-xxl-5, .col-xxl-5.item-grid, .product-grid-wrap.two-col .product-grid .col-xxl-5.item-grid, .product-grid-wrap.three-col .product-grid .col-xxl-5.item-grid, .col-xxl-5.rep_evenSpacing, .grid-row.col-xxl-5 { grid-template-columns: repeat(2.4, 1fr); } .grid .col-span-xxl-5, .item-grid .col-span-xxl-5, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxl-5, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxl-5, .rep_evenSpacing .col-span-xxl-5, .grid-row .col-span-xxl-5 { col-span: repeat(2.4, 1fr); } .grid.col-6, .col-6.item-grid, .product-grid-wrap.two-col .product-grid .col-6.item-grid, .product-grid-wrap.three-col .product-grid .col-6.item-grid, .col-6.rep_evenSpacing, .grid-row.col-6 { grid-template-columns: repeat(6, 1fr); } .grid.col-xxl-6, .col-xxl-6.item-grid, .product-grid-wrap.two-col .product-grid .col-xxl-6.item-grid, .product-grid-wrap.three-col .product-grid .col-xxl-6.item-grid, .col-xxl-6.rep_evenSpacing, .grid-row.col-xxl-6 { grid-template-columns: repeat(2, 1fr); } .grid .col-span-xxl-6, .item-grid .col-span-xxl-6, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxl-6, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxl-6, .rep_evenSpacing .col-span-xxl-6, .grid-row .col-span-xxl-6 { col-span: repeat(2, 1fr); } .grid.col-7, .col-7.item-grid, .product-grid-wrap.two-col .product-grid .col-7.item-grid, .product-grid-wrap.three-col .product-grid .col-7.item-grid, .col-7.rep_evenSpacing, .grid-row.col-7 { grid-template-columns: repeat(7, 1fr); } .grid.col-xxl-7, .col-xxl-7.item-grid, .product-grid-wrap.two-col .product-grid .col-xxl-7.item-grid, .product-grid-wrap.three-col .product-grid .col-xxl-7.item-grid, .col-xxl-7.rep_evenSpacing, .grid-row.col-xxl-7 { grid-template-columns: repeat(1.7142857143, 1fr); } .grid .col-span-xxl-7, .item-grid .col-span-xxl-7, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxl-7, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxl-7, .rep_evenSpacing .col-span-xxl-7, .grid-row .col-span-xxl-7 { col-span: repeat(1.7142857143, 1fr); } .grid.col-8, .col-8.item-grid, .product-grid-wrap.two-col .product-grid .col-8.item-grid, .product-grid-wrap.three-col .product-grid .col-8.item-grid, .col-8.rep_evenSpacing, .grid-row.col-8 { grid-template-columns: repeat(8, 1fr); } .grid.col-xxl-8, .col-xxl-8.item-grid, .product-grid-wrap.two-col .product-grid .col-xxl-8.item-grid, .product-grid-wrap.three-col .product-grid .col-xxl-8.item-grid, .col-xxl-8.rep_evenSpacing, .grid-row.col-xxl-8 { grid-template-columns: repeat(1.5, 1fr); } .grid .col-span-xxl-8, .item-grid .col-span-xxl-8, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxl-8, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxl-8, .rep_evenSpacing .col-span-xxl-8, .grid-row .col-span-xxl-8 { col-span: repeat(1.5, 1fr); } .grid.col-9, .col-9.item-grid, .product-grid-wrap.two-col .product-grid .col-9.item-grid, .product-grid-wrap.three-col .product-grid .col-9.item-grid, .col-9.rep_evenSpacing, .grid-row.col-9 { grid-template-columns: repeat(9, 1fr); } .grid.col-xxl-9, .col-xxl-9.item-grid, .product-grid-wrap.two-col .product-grid .col-xxl-9.item-grid, .product-grid-wrap.three-col .product-grid .col-xxl-9.item-grid, .col-xxl-9.rep_evenSpacing, .grid-row.col-xxl-9 { grid-template-columns: repeat(1.3333333333, 1fr); } .grid .col-span-xxl-9, .item-grid .col-span-xxl-9, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxl-9, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxl-9, .rep_evenSpacing .col-span-xxl-9, .grid-row .col-span-xxl-9 { col-span: repeat(1.3333333333, 1fr); } .grid.col-10, .col-10.item-grid, .product-grid-wrap.two-col .product-grid .col-10.item-grid, .product-grid-wrap.three-col .product-grid .col-10.item-grid, .col-10.rep_evenSpacing, .grid-row.col-10 { grid-template-columns: repeat(10, 1fr); } .grid.col-xxl-10, .col-xxl-10.item-grid, .product-grid-wrap.two-col .product-grid .col-xxl-10.item-grid, .product-grid-wrap.three-col .product-grid .col-xxl-10.item-grid, .col-xxl-10.rep_evenSpacing, .grid-row.col-xxl-10 { grid-template-columns: repeat(1.2, 1fr); } .grid .col-span-xxl-10, .item-grid .col-span-xxl-10, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxl-10, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxl-10, .rep_evenSpacing .col-span-xxl-10, .grid-row .col-span-xxl-10 { col-span: repeat(1.2, 1fr); } .grid.col-11, .col-11.item-grid, .product-grid-wrap.two-col .product-grid .col-11.item-grid, .product-grid-wrap.three-col .product-grid .col-11.item-grid, .col-11.rep_evenSpacing, .grid-row.col-11 { grid-template-columns: repeat(11, 1fr); } .grid.col-xxl-11, .col-xxl-11.item-grid, .product-grid-wrap.two-col .product-grid .col-xxl-11.item-grid, .product-grid-wrap.three-col .product-grid .col-xxl-11.item-grid, .col-xxl-11.rep_evenSpacing, .grid-row.col-xxl-11 { grid-template-columns: repeat(1.0909090909, 1fr); } .grid .col-span-xxl-11, .item-grid .col-span-xxl-11, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxl-11, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxl-11, .rep_evenSpacing .col-span-xxl-11, .grid-row .col-span-xxl-11 { col-span: repeat(1.0909090909, 1fr); } .grid.col-12, .col-12.item-grid, .product-grid-wrap.two-col .product-grid .col-12.item-grid, .product-grid-wrap.three-col .product-grid .col-12.item-grid, .col-12.rep_evenSpacing, .grid-row.col-12 { grid-template-columns: repeat(12, 1fr); } .grid.col-xxl-12, .col-xxl-12.item-grid, .product-grid-wrap.two-col .product-grid .col-xxl-12.item-grid, .product-grid-wrap.three-col .product-grid .col-xxl-12.item-grid, .col-xxl-12.rep_evenSpacing, .grid-row.col-xxl-12 { grid-template-columns: repeat(1, 1fr); } .grid .col-span-xxl-12, .item-grid .col-span-xxl-12, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxl-12, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxl-12, .rep_evenSpacing .col-span-xxl-12, .grid-row .col-span-xxl-12 { col-span: repeat(1, 1fr); } } @media (min-width: 1920px) { .grid.col-1, .col-1.item-grid, .product-grid-wrap.two-col .product-grid .col-1.item-grid, .product-grid-wrap.three-col .product-grid .col-1.item-grid, .col-1.rep_evenSpacing, .grid-row.col-1 { grid-template-columns: repeat(1, 1fr); } .grid.col-xxxl-1, .col-xxxl-1.item-grid, .product-grid-wrap.two-col .product-grid .col-xxxl-1.item-grid, .product-grid-wrap.three-col .product-grid .col-xxxl-1.item-grid, .col-xxxl-1.rep_evenSpacing, .grid-row.col-xxxl-1 { grid-template-columns: repeat(12, 1fr); } .grid .col-span-xxxl-1, .item-grid .col-span-xxxl-1, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxxl-1, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxxl-1, .rep_evenSpacing .col-span-xxxl-1, .grid-row .col-span-xxxl-1 { col-span: repeat(12, 1fr); } .grid.col-2, .col-2.item-grid, .product-grid-wrap.two-col .product-grid .col-2.item-grid, .product-grid-wrap.three-col .product-grid .col-2.item-grid, .col-2.rep_evenSpacing, .grid-row.col-2 { grid-template-columns: repeat(2, 1fr); } .grid.col-xxxl-2, .col-xxxl-2.item-grid, .product-grid-wrap.two-col .product-grid .col-xxxl-2.item-grid, .product-grid-wrap.three-col .product-grid .col-xxxl-2.item-grid, .col-xxxl-2.rep_evenSpacing, .grid-row.col-xxxl-2 { grid-template-columns: repeat(6, 1fr); } .grid .col-span-xxxl-2, .item-grid .col-span-xxxl-2, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxxl-2, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxxl-2, .rep_evenSpacing .col-span-xxxl-2, .grid-row .col-span-xxxl-2 { col-span: repeat(6, 1fr); } .grid.col-3, .col-3.item-grid, .product-grid-wrap.two-col .product-grid .col-3.item-grid, .product-grid-wrap.three-col .product-grid .col-3.item-grid, .col-3.rep_evenSpacing, .grid-row.col-3 { grid-template-columns: repeat(3, 1fr); } .grid.col-xxxl-3, .col-xxxl-3.item-grid, .product-grid-wrap.two-col .product-grid .col-xxxl-3.item-grid, .product-grid-wrap.three-col .product-grid .col-xxxl-3.item-grid, .col-xxxl-3.rep_evenSpacing, .grid-row.col-xxxl-3 { grid-template-columns: repeat(4, 1fr); } .grid .col-span-xxxl-3, .item-grid .col-span-xxxl-3, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxxl-3, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxxl-3, .rep_evenSpacing .col-span-xxxl-3, .grid-row .col-span-xxxl-3 { col-span: repeat(4, 1fr); } .grid.col-4, .col-4.item-grid, .product-grid-wrap.two-col .product-grid .col-4.item-grid, .product-grid-wrap.three-col .product-grid .col-4.item-grid, .col-4.rep_evenSpacing, .grid-row.col-4 { grid-template-columns: repeat(4, 1fr); } .grid.col-xxxl-4, .col-xxxl-4.item-grid, .product-grid-wrap.two-col .product-grid .col-xxxl-4.item-grid, .product-grid-wrap.three-col .product-grid .col-xxxl-4.item-grid, .col-xxxl-4.rep_evenSpacing, .grid-row.col-xxxl-4 { grid-template-columns: repeat(3, 1fr); } .grid .col-span-xxxl-4, .item-grid .col-span-xxxl-4, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxxl-4, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxxl-4, .rep_evenSpacing .col-span-xxxl-4, .grid-row .col-span-xxxl-4 { col-span: repeat(3, 1fr); } .grid.col-5, .col-5.item-grid, .product-grid-wrap.two-col .product-grid .col-5.item-grid, .product-grid-wrap.three-col .product-grid .col-5.item-grid, .col-5.rep_evenSpacing, .grid-row.col-5 { grid-template-columns: repeat(5, 1fr); } .grid.col-xxxl-5, .col-xxxl-5.item-grid, .product-grid-wrap.two-col .product-grid .col-xxxl-5.item-grid, .product-grid-wrap.three-col .product-grid .col-xxxl-5.item-grid, .col-xxxl-5.rep_evenSpacing, .grid-row.col-xxxl-5 { grid-template-columns: repeat(2.4, 1fr); } .grid .col-span-xxxl-5, .item-grid .col-span-xxxl-5, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxxl-5, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxxl-5, .rep_evenSpacing .col-span-xxxl-5, .grid-row .col-span-xxxl-5 { col-span: repeat(2.4, 1fr); } .grid.col-6, .col-6.item-grid, .product-grid-wrap.two-col .product-grid .col-6.item-grid, .product-grid-wrap.three-col .product-grid .col-6.item-grid, .col-6.rep_evenSpacing, .grid-row.col-6 { grid-template-columns: repeat(6, 1fr); } .grid.col-xxxl-6, .col-xxxl-6.item-grid, .product-grid-wrap.two-col .product-grid .col-xxxl-6.item-grid, .product-grid-wrap.three-col .product-grid .col-xxxl-6.item-grid, .col-xxxl-6.rep_evenSpacing, .grid-row.col-xxxl-6 { grid-template-columns: repeat(2, 1fr); } .grid .col-span-xxxl-6, .item-grid .col-span-xxxl-6, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxxl-6, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxxl-6, .rep_evenSpacing .col-span-xxxl-6, .grid-row .col-span-xxxl-6 { col-span: repeat(2, 1fr); } .grid.col-7, .col-7.item-grid, .product-grid-wrap.two-col .product-grid .col-7.item-grid, .product-grid-wrap.three-col .product-grid .col-7.item-grid, .col-7.rep_evenSpacing, .grid-row.col-7 { grid-template-columns: repeat(7, 1fr); } .grid.col-xxxl-7, .col-xxxl-7.item-grid, .product-grid-wrap.two-col .product-grid .col-xxxl-7.item-grid, .product-grid-wrap.three-col .product-grid .col-xxxl-7.item-grid, .col-xxxl-7.rep_evenSpacing, .grid-row.col-xxxl-7 { grid-template-columns: repeat(1.7142857143, 1fr); } .grid .col-span-xxxl-7, .item-grid .col-span-xxxl-7, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxxl-7, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxxl-7, .rep_evenSpacing .col-span-xxxl-7, .grid-row .col-span-xxxl-7 { col-span: repeat(1.7142857143, 1fr); } .grid.col-8, .col-8.item-grid, .product-grid-wrap.two-col .product-grid .col-8.item-grid, .product-grid-wrap.three-col .product-grid .col-8.item-grid, .col-8.rep_evenSpacing, .grid-row.col-8 { grid-template-columns: repeat(8, 1fr); } .grid.col-xxxl-8, .col-xxxl-8.item-grid, .product-grid-wrap.two-col .product-grid .col-xxxl-8.item-grid, .product-grid-wrap.three-col .product-grid .col-xxxl-8.item-grid, .col-xxxl-8.rep_evenSpacing, .grid-row.col-xxxl-8 { grid-template-columns: repeat(1.5, 1fr); } .grid .col-span-xxxl-8, .item-grid .col-span-xxxl-8, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxxl-8, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxxl-8, .rep_evenSpacing .col-span-xxxl-8, .grid-row .col-span-xxxl-8 { col-span: repeat(1.5, 1fr); } .grid.col-9, .col-9.item-grid, .product-grid-wrap.two-col .product-grid .col-9.item-grid, .product-grid-wrap.three-col .product-grid .col-9.item-grid, .col-9.rep_evenSpacing, .grid-row.col-9 { grid-template-columns: repeat(9, 1fr); } .grid.col-xxxl-9, .col-xxxl-9.item-grid, .product-grid-wrap.two-col .product-grid .col-xxxl-9.item-grid, .product-grid-wrap.three-col .product-grid .col-xxxl-9.item-grid, .col-xxxl-9.rep_evenSpacing, .grid-row.col-xxxl-9 { grid-template-columns: repeat(1.3333333333, 1fr); } .grid .col-span-xxxl-9, .item-grid .col-span-xxxl-9, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxxl-9, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxxl-9, .rep_evenSpacing .col-span-xxxl-9, .grid-row .col-span-xxxl-9 { col-span: repeat(1.3333333333, 1fr); } .grid.col-10, .col-10.item-grid, .product-grid-wrap.two-col .product-grid .col-10.item-grid, .product-grid-wrap.three-col .product-grid .col-10.item-grid, .col-10.rep_evenSpacing, .grid-row.col-10 { grid-template-columns: repeat(10, 1fr); } .grid.col-xxxl-10, .col-xxxl-10.item-grid, .product-grid-wrap.two-col .product-grid .col-xxxl-10.item-grid, .product-grid-wrap.three-col .product-grid .col-xxxl-10.item-grid, .col-xxxl-10.rep_evenSpacing, .grid-row.col-xxxl-10 { grid-template-columns: repeat(1.2, 1fr); } .grid .col-span-xxxl-10, .item-grid .col-span-xxxl-10, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxxl-10, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxxl-10, .rep_evenSpacing .col-span-xxxl-10, .grid-row .col-span-xxxl-10 { col-span: repeat(1.2, 1fr); } .grid.col-11, .col-11.item-grid, .product-grid-wrap.two-col .product-grid .col-11.item-grid, .product-grid-wrap.three-col .product-grid .col-11.item-grid, .col-11.rep_evenSpacing, .grid-row.col-11 { grid-template-columns: repeat(11, 1fr); } .grid.col-xxxl-11, .col-xxxl-11.item-grid, .product-grid-wrap.two-col .product-grid .col-xxxl-11.item-grid, .product-grid-wrap.three-col .product-grid .col-xxxl-11.item-grid, .col-xxxl-11.rep_evenSpacing, .grid-row.col-xxxl-11 { grid-template-columns: repeat(1.0909090909, 1fr); } .grid .col-span-xxxl-11, .item-grid .col-span-xxxl-11, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxxl-11, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxxl-11, .rep_evenSpacing .col-span-xxxl-11, .grid-row .col-span-xxxl-11 { col-span: repeat(1.0909090909, 1fr); } .grid.col-12, .col-12.item-grid, .product-grid-wrap.two-col .product-grid .col-12.item-grid, .product-grid-wrap.three-col .product-grid .col-12.item-grid, .col-12.rep_evenSpacing, .grid-row.col-12 { grid-template-columns: repeat(12, 1fr); } .grid.col-xxxl-12, .col-xxxl-12.item-grid, .product-grid-wrap.two-col .product-grid .col-xxxl-12.item-grid, .product-grid-wrap.three-col .product-grid .col-xxxl-12.item-grid, .col-xxxl-12.rep_evenSpacing, .grid-row.col-xxxl-12 { grid-template-columns: repeat(1, 1fr); } .grid .col-span-xxxl-12, .item-grid .col-span-xxxl-12, .product-grid-wrap.two-col .product-grid .item-grid .col-span-xxxl-12, .product-grid-wrap.three-col .product-grid .item-grid .col-span-xxxl-12, .rep_evenSpacing .col-span-xxxl-12, .grid-row .col-span-xxxl-12 { col-span: repeat(1, 1fr); } } .grid.col-auto, .col-auto.item-grid, .product-grid-wrap.two-col .product-grid .col-auto.item-grid, .product-grid-wrap.three-col .product-grid .col-auto.item-grid, .col-auto.rep_evenSpacing, .grid-row.col-auto { display: flex; flex-direction: row; flex-wrap: wrap; } .grid.align-items-start, .align-items-start.item-grid, .product-grid-wrap.two-col .product-grid .align-items-start.item-grid, .product-grid-wrap.three-col .product-grid .align-items-start.item-grid, .align-items-start.rep_evenSpacing, .grid-row.align-items-start, .flex.align-items-start { align-items: start; } .grid.align-items-center, .align-items-center.item-grid, .product-grid-wrap.two-col .product-grid .align-items-center.item-grid, .product-grid-wrap.three-col .product-grid .align-items-center.item-grid, .align-items-center.rep_evenSpacing, .grid-row.align-items-center, .flex.align-items-center { align-items: center; } .grid.align-items-end, .align-items-end.item-grid, .product-grid-wrap.two-col .product-grid .align-items-end.item-grid, .product-grid-wrap.three-col .product-grid .align-items-end.item-grid, .align-items-end.rep_evenSpacing, .grid-row.align-items-end, .flex.align-items-end { align-items: end; } .grid.align-items-stretch, .align-items-stretch.item-grid, .product-grid-wrap.two-col .product-grid .align-items-stretch.item-grid, .product-grid-wrap.three-col .product-grid .align-items-stretch.item-grid, .align-items-stretch.rep_evenSpacing, .grid-row.align-items-stretch, .flex.align-items-stretch { align-items: stretch; } .grid.justify-items-start, .justify-items-start.item-grid, .product-grid-wrap.two-col .product-grid .justify-items-start.item-grid, .product-grid-wrap.three-col .product-grid .justify-items-start.item-grid, .justify-items-start.rep_evenSpacing, .grid-row.justify-items-start, .flex.justify-items-start { justify-items: start; } .grid.justify-items-center, .justify-items-center.item-grid, .product-grid-wrap.two-col .product-grid .justify-items-center.item-grid, .product-grid-wrap.three-col .product-grid .justify-items-center.item-grid, .justify-items-center.rep_evenSpacing, .grid-row.justify-items-center, .flex.justify-items-center { justify-items: center; } .grid.justify-items-end, .justify-items-end.item-grid, .product-grid-wrap.two-col .product-grid .justify-items-end.item-grid, .product-grid-wrap.three-col .product-grid .justify-items-end.item-grid, .justify-items-end.rep_evenSpacing, .grid-row.justify-items-end, .flex.justify-items-end { justify-items: end; } .grid.justify-items-stretch, .justify-items-stretch.item-grid, .product-grid-wrap.two-col .product-grid .justify-items-stretch.item-grid, .product-grid-wrap.three-col .product-grid .justify-items-stretch.item-grid, .justify-items-stretch.rep_evenSpacing, .grid-row.justify-items-stretch, .flex.justify-items-stretch { justify-items: stretch; } .grid.justify-content-start, .justify-content-start.item-grid, .product-grid-wrap.two-col .product-grid .justify-content-start.item-grid, .product-grid-wrap.three-col .product-grid .justify-content-start.item-grid, .justify-content-start.rep_evenSpacing, .grid-row.justify-content-start, .flex.justify-content-start { justify-content: start; } .grid.justify-content-center, .justify-content-center.item-grid, .product-grid-wrap.two-col .product-grid .justify-content-center.item-grid, .product-grid-wrap.three-col .product-grid .justify-content-center.item-grid, .justify-content-center.rep_evenSpacing, .grid-row.justify-content-center, .flex.justify-content-center { justify-content: center; } .grid.justify-content-end, .justify-content-end.item-grid, .product-grid-wrap.two-col .product-grid .justify-content-end.item-grid, .product-grid-wrap.three-col .product-grid .justify-content-end.item-grid, .justify-content-end.rep_evenSpacing, .grid-row.justify-content-end, .flex.justify-content-end { justify-content: end; } .grid.justify-content-stretch, .justify-content-stretch.item-grid, .product-grid-wrap.two-col .product-grid .justify-content-stretch.item-grid, .product-grid-wrap.three-col .product-grid .justify-content-stretch.item-grid, .justify-content-stretch.rep_evenSpacing, .grid-row.justify-content-stretch, .flex.justify-content-stretch { justify-content: stretch; } .grid .align-self-start, .item-grid .align-self-start, .product-grid-wrap.two-col .product-grid .item-grid .align-self-start, .product-grid-wrap.three-col .product-grid .item-grid .align-self-start, .rep_evenSpacing .align-self-start, .grid-row .align-self-start, .flex .align-self-start { align-self: start; } .grid .align-self-center, .item-grid .align-self-center, .product-grid-wrap.two-col .product-grid .item-grid .align-self-center, .product-grid-wrap.three-col .product-grid .item-grid .align-self-center, .rep_evenSpacing .align-self-center, .grid-row .align-self-center, .flex .align-self-center { align-self: center; } .grid .align-self-end, .item-grid .align-self-end, .product-grid-wrap.two-col .product-grid .item-grid .align-self-end, .product-grid-wrap.three-col .product-grid .item-grid .align-self-end, .rep_evenSpacing .align-self-end, .grid-row .align-self-end, .flex .align-self-end { align-self: end; } .grid .align-self-stretch, .item-grid .align-self-stretch, .product-grid-wrap.two-col .product-grid .item-grid .align-self-stretch, .product-grid-wrap.three-col .product-grid .item-grid .align-self-stretch, .rep_evenSpacing .align-self-stretch, .grid-row .align-self-stretch, .flex .align-self-stretch { align-self: stretch; } .grid .justify-self-start, .item-grid .justify-self-start, .product-grid-wrap.two-col .product-grid .item-grid .justify-self-start, .product-grid-wrap.three-col .product-grid .item-grid .justify-self-start, .rep_evenSpacing .justify-self-start, .grid-row .justify-self-start, .flex .justify-self-start { justify-items: start; } .grid .justify-self-center, .item-grid .justify-self-center, .product-grid-wrap.two-col .product-grid .item-grid .justify-self-center, .product-grid-wrap.three-col .product-grid .item-grid .justify-self-center, .rep_evenSpacing .justify-self-center, .grid-row .justify-self-center, .flex .justify-self-center { justify-items: center; } .grid .justify-self-end, .item-grid .justify-self-end, .product-grid-wrap.two-col .product-grid .item-grid .justify-self-end, .product-grid-wrap.three-col .product-grid .item-grid .justify-self-end, .rep_evenSpacing .justify-self-end, .grid-row .justify-self-end, .flex .justify-self-end { justify-items: end; } .grid .justify-self-stretch, .item-grid .justify-self-stretch, .product-grid-wrap.two-col .product-grid .item-grid .justify-self-stretch, .product-grid-wrap.three-col .product-grid .item-grid .justify-self-stretch, .rep_evenSpacing .justify-self-stretch, .grid-row .justify-self-stretch, .flex .justify-self-stretch { justify-items: stretch; } .align-self-start { align-self: start; } .align-self-center { align-self: center; } .align-self-end { align-self: end; } .align-self-stretch { align-self: stretch; } .justify-self-start { justify-items: start; } .justify-self-center { justify-items: center; } .justify-self-end { justify-items: end; } .justify-self-stretch { justify-items: stretch; } .content-grid-5050 .content-item { display: flex; flex-direction: column; } .content-grid-5050 .content-item .image-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; } .content-grid-5050 .content-item .content-wrap { display: flex; flex-direction: column; justify-content: center; } .content-grid-5050 .content-item .content-wrap .btn { align-self: start; } @media (min-width: 768px) { .content-grid-5050 .content-item { flex-direction: row; } .content-grid-5050 .content-item .image-wrap { width: 50%; } .content-grid-5050 .content-item .content-wrap { width: 50%; } } @media (min-width: 768px) { .content-grid-5050.alternating .content-item:nth-child(odd) .image-wrap { order: 2; } .content-grid-5050.alternating .content-item:nth-child(odd) .content-wrap { padding-left: 0; } } .content-grid-5050.color-highlights .content-item:first-child { margin-top: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .content-grid-5050.color-highlights .content-item:first-child { margin-top: 2rem; } } .content-grid-5050.color-highlights .content-item:last-child { margin-bottom: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .content-grid-5050.color-highlights .content-item:last-child { margin-bottom: 2rem; } } .content-grid-5050.color-highlights .content-item .image-wrap { position: relative; } .content-grid-5050.color-highlights .content-item .image-wrap::after { z-index: 1; content: ""; position: absolute; top: calc(1.2875rem + 0.95vw); left: calc(1.2875rem + 0.95vw); width: 0.5rem; height: 100%; z-index: 1; } @media (min-width: 1200px) { .content-grid-5050.color-highlights .content-item .image-wrap::after { top: 2rem; } } @media (min-width: 1200px) { .content-grid-5050.color-highlights .content-item .image-wrap::after { left: 2rem; } } .content-grid-5050.color-highlights .content-item:nth-child(odd) .image-wrap::after { left: auto; right: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .content-grid-5050.color-highlights .content-item:nth-child(odd) .image-wrap::after { right: 2rem; } } .content-grid-5050.color-highlights .content-item:nth-child(6n+1) .image-wrap::after { background-color: #000FFF; } .content-grid-5050.color-highlights .content-item:nth-child(6n+2) .image-wrap::after { background-color: #009659; } .content-grid-5050.color-highlights .content-item:nth-child(6n+3) .image-wrap::after { background-color: #b300ff; } .content-grid-5050.color-highlights .content-item:nth-child(6n+4) .image-wrap::after { background-color: #ff0000; } .content-grid-5050.color-highlights .content-item:nth-child(6n+5) .image-wrap::after { background-color: #ff8e00; } .content-grid-5050.color-highlights .content-item:nth-child(6n+6) .image-wrap::after { background-color: #a2ff00; } .content-grid-5050.color-highlights.offset-imgs .image-wrap::after { height: calc(100% - 8rem); top: calc(1.4875rem + 6.0166666667vw); } @media (min-width: 1200px) { .content-grid-5050.color-highlights.offset-imgs .image-wrap::after { top: 6rem; } } @media (min-width: 768px) { .content-grid-5050.offset-imgs .content-item { gap: 6rem; } .content-grid-5050.offset-imgs .content-item:first-child { margin-top: calc(1.4875rem + 6.0166666667vw); } } @media (min-width: 768px) and (min-width: 1200px) { .content-grid-5050.offset-imgs .content-item:first-child { margin-top: 6rem; } } @media (min-width: 768px) { .content-grid-5050.offset-imgs .content-item:last-child { margin-bottom: calc(1.4875rem + 6.0166666667vw); } } @media (min-width: 768px) and (min-width: 1200px) { .content-grid-5050.offset-imgs .content-item:last-child { margin-bottom: 6rem; } } @media (min-width: 768px) { .content-grid-5050.offset-imgs .content-item .image-wrap { margin-top: calc(-1.4875rem - 6.0166666667vw); margin-bottom: calc(-1.4875rem - 6.0166666667vw); } } @media (min-width: 768px) and (min-width: 1200px) { .content-grid-5050.offset-imgs .content-item .image-wrap { margin-top: -6rem; } } @media (min-width: 768px) and (min-width: 1200px) { .content-grid-5050.offset-imgs .content-item .image-wrap { margin-bottom: -6rem; } } @media (min-width: 768px) { .content-grid-5050.offset-imgs .content-item .image-wrap img { padding-top: calc(1.3875rem + 3.4833333333vw); padding-bottom: calc(1.3875rem + 3.4833333333vw); object-fit: contain; } } @media (min-width: 768px) and (min-width: 1200px) { .content-grid-5050.offset-imgs .content-item .image-wrap img { padding-top: 4rem; } } @media (min-width: 768px) and (min-width: 1200px) { .content-grid-5050.offset-imgs .content-item .image-wrap img { padding-bottom: 4rem; } } @media (min-width: 768px) { .content-grid-5050.offset-imgs .content-item .content-wrap { margin-top: calc(1.4875rem + 6.0166666667vw); margin-bottom: calc(1.4875rem + 6.0166666667vw); } } @media (min-width: 768px) and (min-width: 1200px) { .content-grid-5050.offset-imgs .content-item .content-wrap { margin-top: 6rem; } } @media (min-width: 768px) and (min-width: 1200px) { .content-grid-5050.offset-imgs .content-item .content-wrap { margin-bottom: 6rem; } } .border { border-width: 1px; border-style: solid; } .bg-black { background: #000; } .color-black { color: #000 !important; } .border-color-black { border-color: #000 !important; } .bg-dark { background: #2d2734; } .color-dark { color: #2d2734 !important; } .border-color-dark { border-color: #2d2734 !important; } .bg-grey { background: #b3aca1; } .color-grey { color: #b3aca1 !important; } .border-color-grey { border-color: #b3aca1 !important; } .bg-light { background: #f4f4f4; } .color-light { color: #f4f4f4 !important; } .border-color-light { border-color: #f4f4f4 !important; } .bg-off-white { background: #fff9f2; } .color-off-white { color: #fff9f2 !important; } .border-color-off-white { border-color: #fff9f2 !important; } .bg-white { background: #fff; } .color-white { color: #fff !important; } .border-color-white { border-color: #fff !important; } .bg-primary { background: #ff0000; } .color-primary { color: #ff0000 !important; } .border-color-primary { border-color: #ff0000 !important; } .bg-secondary { background: #a2ff00; } .color-secondary { color: #a2ff00 !important; } .border-color-secondary { border-color: #a2ff00 !important; } .bg-tertiary { background: #ff8e00; } .color-tertiary { color: #ff8e00 !important; } .border-color-tertiary { border-color: #ff8e00 !important; } .bg-red { background: #ff0000; } .color-red { color: #ff0000 !important; } .border-color-red { border-color: #ff0000 !important; } .bg-orange { background: #ff8e00; } .color-orange { color: #ff8e00 !important; } .border-color-orange { border-color: #ff8e00 !important; } .bg-green { background: #009659; } .color-green { color: #009659 !important; } .border-color-green { border-color: #009659 !important; } .bg-blue { background: #000FFF; } .color-blue { color: #000FFF !important; } .border-color-blue { border-color: #000FFF !important; } .bg-purple { background: #b300ff; } .color-purple { color: #b300ff !important; } .border-color-purple { border-color: #b300ff !important; } .bg-lime { background: #a2ff00; } .color-lime { color: #a2ff00 !important; } .border-color-lime { border-color: #a2ff00 !important; } .bg-overlay { position: relative; } .bg-overlay:before { pointer-events: none; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); } .bg-overlay > div { position: relative; } .bg-digital { background-image: url("../../images/bgs/digital.png"); background-repeat: repeat; } .bg-digital-1 { background-color: #ff9200; background-image: url("../../images/bgs/red_electric_bg.png"); background-repeat: repeat; } .bg-digital-3 { background-color: #3b00ff; background-image: url("../../images/bgs/pink_electric_bg.png"); background-repeat: repeat; } .bg-digital-4 { background-color: #ff0000; background-image: url("../../images/bgs/orange_electric_bg.png"); background-repeat: repeat; } .bg-digital-160 { background-color: #00ff00; background-image: url("../../images/bgs/green_electric_bg.png"); background-repeat: repeat; } .bg-digital-3713 { background-image: url("../../images/bgs/digital.png"); } .bg-digital-sm { z-index: 0; position: relative; background-position: top -70%; } .bg-digital-sm:before { z-index: -1; content: ""; width: 100%; left: 0; background-image: url("../../images/bgs/digital.png"); background-repeat: repeat-x; background-position: top center; position: absolute; top: 0; height: calc(1.7875rem + 13.6166666667vw); } @media (min-width: 1200px) { .bg-digital-sm:before { height: 12rem; } } .bg-digital-offset { background-image: url("../../images/bgs/digital-offset.png"); background-repeat: repeat; } .bg-electric { background-image: url("../../images/bgs/electric.png"); background-repeat: repeat; } .bg-electric-light { background-image: url("../../images/bgs/electric-light-bg.png"); background-repeat: repeat; } .bg-no-repeat { background-repeat: no-repeat !important; } .bg-size-cover { background-size: cover !important; } .bg-size-contain { background-size: contain !important; } .bg-position-center { background-position: center !important; } .bg-position-top-center { background-position: top center !important; } .bg-position-bottom-center { background-position: bottom center !important; } .bg-position-center-right { background-position: center right !important; } .bg-position-center-left { background-position: center left !important; } .bg-position-top-right { background-position: top right !important; } .bg-position-top-left { background-position: top left !important; } .bg-position-bottom-right { background-position: top right !important; } .bg-position-bottom-left { background-position: top left !important; } .nav-content-wrap { display: flex; justify-content: space-between; } .page-body { margin-top: 0; max-width: 100%; } .container { margin: 0 auto; max-width: 1200px; } .container, .container-fluid { overflow: hidden; width: 100%; position: relative; padding-right: calc(1.2875rem + 0.95vw); padding-left: calc(1.2875rem + 0.95vw); background-size: cover; background-repeat: no-repeat; } @media (min-width: 1200px) { .container, .container-fluid { padding-right: 2rem; } } @media (min-width: 1200px) { .container, .container-fluid { padding-left: 2rem; } } .container .container-full-width, .container-fluid .container-full-width { margin-right: calc(-1.2875rem - 0.95vw); margin-left: calc(-1.2875rem - 0.95vw); background-size: cover; background-position: center; background-repeat: no-repeat; } @media (min-width: 1200px) { .container .container-full-width, .container-fluid .container-full-width { margin-right: -2rem; } } @media (min-width: 1200px) { .container .container-full-width, .container-fluid .container-full-width { margin-left: -2rem; } } .container-right { padding-right: calc(1.2875rem + 0.95vw); padding-left: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .container-right { padding-right: 2rem; } } @media (min-width: 1200px) { .container-right { padding-left: 2rem; } } .container-left { padding-right: calc(1.2875rem + 0.95vw); padding-left: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .container-left { padding-right: 2rem; } } @media (min-width: 1200px) { .container-left { padding-left: 2rem; } } .content-container { max-width: 1000px; margin: 0 auto; } @media (min-width: 1236px) { .container-right { padding-right: calc((100% - 1200px) * 0.5 + 2rem); } .container-right.container-left__full { padding-left: calc(1.2875rem + 0.95vw); } } @media (min-width: 1236px) and (min-width: 1200px) { .container-right.container-left__full { padding-left: 2rem; } } @media (min-width: 1236px) { .container-left { padding-left: calc((100% - 1200px) * 0.5 + 2rem); } .container-left.container-left__full { padding-left: calc(1.2875rem + 0.95vw); } } @media (min-width: 1236px) and (min-width: 1200px) { .container-left.container-left__full { padding-left: 2rem; } } @media (min-width: 1236px) { .container-fluid { padding-left: calc((100% - 1200px) * 0.5 + 2rem); padding-right: calc((100% - 1200px) * 0.5 + 2rem); } .container-fluid.no-offset { padding-left: 2rem; padding-right: 2rem; } .container-fluid .container-full-width { margin-left: calc(-1 * ((100vw - 1200px) * 0.5 + 2rem)); margin-right: calc(-1 * ((100vw - 1200px) * 0.5 + 2rem)); } } @media (min-width: 1920px) { .container-fluid .container-full-width { margin-left: calc(-1 * ((1920px - 1200px) * 0.5 + 2rem)); margin-right: calc(-1 * ((1920px - 1200px) * 0.5 + 2rem)); } } .rep_evenSpacing > div, .rep_evenSpacing > h2, .rep_evenSpacing > h1, .rep_evenSpacing > a { flex: 1 0 auto; align-self: center; } .repDoc2, .repDoc { padding: 1rem; align-items: center; justify-content: center; display: flex; flex-direction: column; border-width: 1px; border-style: solid; } .download_greyArea { background-color: #b3aca1; } .product-selectors { display: none; } .filter-columns { display: flex; overflow: visible; flex-direction: column; } .filter-columns .filter-column { align-self: flex-start; width: 100%; } .filter-columns .content-column { flex: 1; } @media (min-width: 992px) { .filter-columns { flex-direction: row; } .filter-columns .filter-column { width: 25%; top: 120px; } } .fns-speedfilters { padding: 0; } .fns-speedfilters .title-block { display: none; } .fns-speedfilters .filter-block .title .toggleControl { padding-top: 4px; color: #000; } .fns-speedfilters .filter-block .specification-info-block ul { display: block; } .fns-speedfilters .filter-block .specification-info-block ul li { padding-left: 0; color: #000; } .fns-speedfilters .filter-block .filter-item-selected { color: #000 !important; } .fns-speedfilters .all-filters-block > div:not(:last-child) { border-color: #000; } @media (min-width: 0px) { .column-count-1 { column-count: 1; } .column-count-xs-1 { column-count: 1; } .column-count-2 { column-count: 2; } .column-count-xs-2 { column-count: 2; } .column-count-3 { column-count: 3; } .column-count-xs-3 { column-count: 3; } .column-count-4 { column-count: 4; } .column-count-xs-4 { column-count: 4; } .column-count-5 { column-count: 5; } .column-count-xs-5 { column-count: 5; } } @media (min-width: 576px) { .column-count-1 { column-count: 1; } .column-count-sm-1 { column-count: 1; } .column-count-2 { column-count: 2; } .column-count-sm-2 { column-count: 2; } .column-count-3 { column-count: 3; } .column-count-sm-3 { column-count: 3; } .column-count-4 { column-count: 4; } .column-count-sm-4 { column-count: 4; } .column-count-5 { column-count: 5; } .column-count-sm-5 { column-count: 5; } } @media (min-width: 768px) { .column-count-1 { column-count: 1; } .column-count-md-1 { column-count: 1; } .column-count-2 { column-count: 2; } .column-count-md-2 { column-count: 2; } .column-count-3 { column-count: 3; } .column-count-md-3 { column-count: 3; } .column-count-4 { column-count: 4; } .column-count-md-4 { column-count: 4; } .column-count-5 { column-count: 5; } .column-count-md-5 { column-count: 5; } } @media (min-width: 992px) { .column-count-1 { column-count: 1; } .column-count-lg-1 { column-count: 1; } .column-count-2 { column-count: 2; } .column-count-lg-2 { column-count: 2; } .column-count-3 { column-count: 3; } .column-count-lg-3 { column-count: 3; } .column-count-4 { column-count: 4; } .column-count-lg-4 { column-count: 4; } .column-count-5 { column-count: 5; } .column-count-lg-5 { column-count: 5; } } @media (min-width: 1236px) { .column-count-1 { column-count: 1; } .column-count-xl-1 { column-count: 1; } .column-count-2 { column-count: 2; } .column-count-xl-2 { column-count: 2; } .column-count-3 { column-count: 3; } .column-count-xl-3 { column-count: 3; } .column-count-4 { column-count: 4; } .column-count-xl-4 { column-count: 4; } .column-count-5 { column-count: 5; } .column-count-xl-5 { column-count: 5; } } @media (min-width: 1440px) { .column-count-1 { column-count: 1; } .column-count-xxl-1 { column-count: 1; } .column-count-2 { column-count: 2; } .column-count-xxl-2 { column-count: 2; } .column-count-3 { column-count: 3; } .column-count-xxl-3 { column-count: 3; } .column-count-4 { column-count: 4; } .column-count-xxl-4 { column-count: 4; } .column-count-5 { column-count: 5; } .column-count-xxl-5 { column-count: 5; } } @media (min-width: 1920px) { .column-count-1 { column-count: 1; } .column-count-xxxl-1 { column-count: 1; } .column-count-2 { column-count: 2; } .column-count-xxxl-2 { column-count: 2; } .column-count-3 { column-count: 3; } .column-count-xxxl-3 { column-count: 3; } .column-count-4 { column-count: 4; } .column-count-xxxl-4 { column-count: 4; } .column-count-5 { column-count: 5; } .column-count-xxxl-5 { column-count: 5; } } @media (min-width: 0px) { .order-0 { order: 0; } .order-xs-0 { order: 0; } .order-1 { order: 1; } .order-xs-1 { order: 1; } .order-2 { order: 2; } .order-xs-2 { order: 2; } .order-3 { order: 3; } .order-xs-3 { order: 3; } .order-4 { order: 4; } .order-xs-4 { order: 4; } .order-5 { order: 5; } .order-xs-5 { order: 5; } } @media (min-width: 576px) { .order-0 { order: 0; } .order-sm-0 { order: 0; } .order-1 { order: 1; } .order-sm-1 { order: 1; } .order-2 { order: 2; } .order-sm-2 { order: 2; } .order-3 { order: 3; } .order-sm-3 { order: 3; } .order-4 { order: 4; } .order-sm-4 { order: 4; } .order-5 { order: 5; } .order-sm-5 { order: 5; } } @media (min-width: 768px) { .order-0 { order: 0; } .order-md-0 { order: 0; } .order-1 { order: 1; } .order-md-1 { order: 1; } .order-2 { order: 2; } .order-md-2 { order: 2; } .order-3 { order: 3; } .order-md-3 { order: 3; } .order-4 { order: 4; } .order-md-4 { order: 4; } .order-5 { order: 5; } .order-md-5 { order: 5; } } @media (min-width: 992px) { .order-0 { order: 0; } .order-lg-0 { order: 0; } .order-1 { order: 1; } .order-lg-1 { order: 1; } .order-2 { order: 2; } .order-lg-2 { order: 2; } .order-3 { order: 3; } .order-lg-3 { order: 3; } .order-4 { order: 4; } .order-lg-4 { order: 4; } .order-5 { order: 5; } .order-lg-5 { order: 5; } } @media (min-width: 1236px) { .order-0 { order: 0; } .order-xl-0 { order: 0; } .order-1 { order: 1; } .order-xl-1 { order: 1; } .order-2 { order: 2; } .order-xl-2 { order: 2; } .order-3 { order: 3; } .order-xl-3 { order: 3; } .order-4 { order: 4; } .order-xl-4 { order: 4; } .order-5 { order: 5; } .order-xl-5 { order: 5; } } @media (min-width: 1440px) { .order-0 { order: 0; } .order-xxl-0 { order: 0; } .order-1 { order: 1; } .order-xxl-1 { order: 1; } .order-2 { order: 2; } .order-xxl-2 { order: 2; } .order-3 { order: 3; } .order-xxl-3 { order: 3; } .order-4 { order: 4; } .order-xxl-4 { order: 4; } .order-5 { order: 5; } .order-xxl-5 { order: 5; } } @media (min-width: 1920px) { .order-0 { order: 0; } .order-xxxl-0 { order: 0; } .order-1 { order: 1; } .order-xxxl-1 { order: 1; } .order-2 { order: 2; } .order-xxxl-2 { order: 2; } .order-3 { order: 3; } .order-xxxl-3 { order: 3; } .order-4 { order: 4; } .order-xxxl-4 { order: 4; } .order-5 { order: 5; } .order-xxxl-5 { order: 5; } } .d-none { display: none; } .d-block { display: block; } .d-inline-block { display: inline-block; text-align: center; } .d-grid { display: grid; } .flex, .d-flex { display: flex; } .flex-row { flex-flow: row wrap; gap: 4rem; } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .align-items-center { align-items: center; } .align-items-end { align-items: flex-end; } .align-items-start { align-items: start; } .flex-grow { flex-grow: 1; } table { width: 100%; border-collapse: collapse; } table.bordered td { border: 1px solid #b3aca1; } .table-wrapper { overflow-x: auto; } @media (max-width: 767.98px) { .responsive thead { visibility: hidden; height: 0; position: absolute; } .responsive tr { display: block; margin-bottom: 0.625em; } .responsive td { border: 1px solid; border-bottom: none !important; display: block; font-size: 0.8em; text-align: right !important; } .responsive td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } .responsive td:last-child { border-bottom: 1px solid !important; } } input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], select, textarea { min-height: 40px; width: calc(98% - 0.5rem - 0.5rem); border-style: solid; padding-left: 0.5rem; padding-right: 0.5rem; border-width: 1px; border-color: #000; /*margin: 2px 0;*/ } .inputs label { margin-bottom: 0.5rem; } .inputs .required { margin-left: 0.25rem; vertical-align: top; font-size: 20px; font-weight: normal; color: #ff0000; } footer { background-color: #000; } footer ul { padding-left: 0; list-style: none; } footer .footer-main { background-image: url("../../images/bgs/footer-mobile.png"); background-repeat: no-repeat; background-position: top center; background-size: cover; color: #fff; } @media (min-width: 768px) { footer .footer-main { background-image: url("../../images/bgs/footer.png"); } } footer .footer-main .footer-content { border: 2px solid #fff; } footer .footer-main a { color: #fff; } footer .footer-main a:hover { color: #cccccc; } footer .footer-main .row { display: flex; flex-direction: column; width: 100%; } footer .footer-main .row .col ul { width: 100%; } footer .footer-main .row .col ul li { display: inline-block; width: 100%; padding-bottom: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { footer .footer-main .row .col ul li { padding-bottom: 2rem; } } footer .footer-main .row .col ul li:last-child { padding-bottom: 0; } footer .footer-main .row .col .join-our { font-size: 8rem; } footer .footer-main .row .col-1 { display: flex; border-bottom: 1px solid #fff; } footer .footer-main .row .col-1 img { height: 100px; } footer .footer-main .row .col-1 .right-col { display: flex; flex-direction: column; } footer .footer-main .row .col-2 { display: flex; border-bottom: 1px solid #fff; } footer .footer-main .row .col-2 ul { column-count: 2; } footer .footer-main .row .col-3 ul { column-count: 2; } @media (min-width: 768px) { footer .footer-main .row { flex-direction: row; } footer .footer-main .row .col { padding-top: 0; padding-bottom: 0; } footer .footer-main .row .col .bh-xxs { font-size: 1rem; } footer .footer-main .row .col-1 { border-bottom: none; border-right: 1px solid #fff; padding-right: calc(1.2875rem + 0.95vw); } } @media (min-width: 768px) and (min-width: 1200px) { footer .footer-main .row .col-1 { padding-right: 2rem; } } @media (min-width: 768px) { footer .footer-main .row .col-2 { border-bottom: none; flex: 1; border-right: 1px solid #fff; padding-left: calc(1.2875rem + 0.95vw); padding-right: calc(1.2875rem + 0.95vw); } } @media (min-width: 768px) and (min-width: 1200px) { footer .footer-main .row .col-2 { padding-left: 2rem; } } @media (min-width: 768px) and (min-width: 1200px) { footer .footer-main .row .col-2 { padding-right: 2rem; } } @media (min-width: 768px) { footer .footer-main .row .col-3 { padding-left: calc(1.2875rem + 0.95vw); padding-top: calc(1.2875rem + 0.95vw); padding-bottom: calc(1.2875rem + 0.95vw); } } @media (min-width: 768px) and (min-width: 1200px) { footer .footer-main .row .col-3 { padding-left: 2rem; } } @media (min-width: 768px) and (min-width: 1200px) { footer .footer-main .row .col-3 { padding-top: 2rem; } } @media (min-width: 768px) and (min-width: 1200px) { footer .footer-main .row .col-3 { padding-bottom: 2rem; } } @media (min-width: 768px) { footer .footer-main .row .col-3 ul { column-count: 1; } } footer .footer-main .footer-contact { color: #fff; display: flex; justify-content: space-between; flex-direction: column; flex-flow: column-reverse; align-items: center; width: 100%; padding-top: 2rem; } footer .footer-main .footer-contact .logo { padding-bottom: 1rem; max-width: 140px; } @media (min-width: 992px) { footer .footer-main .footer-contact { align-items: flex-start; flex-direction: row; flex-flow: row; } footer .footer-main .footer-contact .logo { padding-bottom: 0; } } .fns-speedfilters-ajax-loading-block { top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.6); } .fns-speedfilters-ajax-loading-block .loading-image { position: relative; background-image: url("../../images/loading.gif"); } .home-hero { flex-direction: column-reverse !important; position: relative; } .home-hero .container-left, .home-hero .container-right { z-index: 1; } .home-hero .home-bg { position: absolute; bottom: 0; height: 65%; width: 100%; background-repeat: no-repeat; background-size: cover; } @media (min-width: 768px) { .home-hero { flex-direction: row !important; background-size: 100% 93%; background-repeat: no-repeat; } .home-hero .home-bg { left: 40%; height: 100%; width: 60%; } } .home-page-category-wrapper { display: block; } .home-page-category-wrapper .header-row { background-position: center center; color: #fff; } .home-page-category-wrapper .bg-itm-1 { background-image: url("//c.mtx.com/uploaded/home/mobile-band-background.jpg"); } .home-page-category-wrapper .bg-itm-3 { background-image: url("//c.mtx.com/uploaded/home/marine-band-background.jpg"); } .home-page-category-wrapper .bg-itm-160 { background-image: url("//c.mtx.com/uploaded/home/powersports-band-background.jpg"); } .home-page-category-wrapper .category-wrapper { background-repeat: no-repeat; background-size: cover; } .home-page-category-wrapper .category-wrapper .header-row { display: flex; flex-direction: column; justify-content: center; background-color: transparent; overflow: visible; } .home-page-category-wrapper .category-wrapper .header-row .content-wrap { display: inline-flex; flex-direction: column; } .home-page-category-wrapper .category-wrapper .header-row .content-wrap .btn { align-self: center; } .home-page-category-wrapper .category-wrapper .item-box { max-width: 600px; width: 70vw; } .home-page-category-wrapper .category-wrapper .item-box .product-item { flex-direction: column; width: 100%; } .home-page-category-wrapper .category-wrapper .item-box .product-item .picture-wrap { display: block; } .home-page-category-wrapper .category-wrapper .item-box .product-item .picture-wrap .picture img { object-fit: contain; } .home-page-category-wrapper .category-wrapper .item-box .product-item .details { justify-content: end; } .home-page-category-wrapper .category-wrapper .featured-item.item-box { width: auto; display: flex; flex-direction: column; align-items: center; width: 100%; } .home-page-category-wrapper .category-wrapper .featured-item.item-box .picture-wrap { width: 100%; } .home-page-category-wrapper .category-wrapper .featured-item.item-box .picture-wrap .picture img { width: 100%; } .home-page-category-wrapper .category-wrapper .featured-item.item-box .details { justify-content: end; } @media (min-width: 992px) { .home-page-category-wrapper .category-wrapper .header-row { flex-direction: row; } .home-page-category-wrapper .category-wrapper .header-row .featured-wrap { width: 45%; display: flex; justify-content: center; align-items: center; } .home-page-category-wrapper .category-wrapper .header-row .featured-wrap img { width: 350px; } .home-page-category-wrapper .category-wrapper:nth-child(odd) .header-row .content-wrap { order: 2; } .home-page-category-wrapper .category-wrapper .item-box { border-width: 0; border-right-width: 3px; border-style: solid; } .home-page-category-wrapper .category-wrapper .item-box .product-item { flex-direction: row; } .home-page-category-wrapper .category-wrapper .item-box .product-item .picture-wrap { width: 70%; max-width: 300px; } .home-page-category-wrapper .category-wrapper .featured-item.item-box { border-right: none; margin-top: calc(-1.2875rem - 0.95vw); } } @media (min-width: 992px) and (min-width: 1200px) { .home-page-category-wrapper .category-wrapper .featured-item.item-box { margin-top: -2rem; } } @media (min-width: 992px) { .home-page-category-wrapper .category-wrapper .featured-item.item-box .product-item { flex-direction: column; } .home-page-category-wrapper .category-wrapper .featured-item.item-box .product-item .picture-wrap { width: 100%; } } .slick-slider .slick-prev, .slick-slider .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0 !important; opacity: 0.8; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; background: transparent; } .slick-slider .slick-prev::before, .slick-slider .slick-next::before { font-family: "slick"; font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-slider .slick-next { border-bottom: 2px solid; border-left: 2px solid; transform: rotate(-135deg); right: 10px; } .slick-slider .slick-prev { transform: rotate(45deg); border-bottom: 2px solid; border-left: 2px solid; left: 10px; z-index: 1; } .slick-slider .slick-dots { background-color: none; position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-slider .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-slider .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-slider .slick-dots li button::before { font-size: 1rem; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: #fff; -webkit-font-smoothing: antialiased; } .nested-theme.theme-dark.ask-expert { background-image: url("//c.mtx.com/uploaded/home/mtx-ask-an-expert.jpg"); background-position: right center; background-repeat: no-repeat; } .home-hero.amp-ride { background-image: url("//c.mtx.com/uploaded/home/mtx-amplify-your-ride.jpg"); background-position: right center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 575.98px) { .nested-theme.theme-dark.ask-expert { background-image: url("//c.mtx.com/uploaded/home/mtx-ask-an-expert-mobile.jpg"); background-position: center center; } .home-hero.amp-ride { background-image: url("//c.mtx.com/uploaded/home/mtx-amplify-your-ride-mobile.jpg"); background-position: center center; } } .page.login-page, .page.password-recovery-page, .page.registration-page { background-color: #000; color: #fff; margin: 0 auto; padding: 40px 0; } .page.login-page .page-title, .page.password-recovery-page .page-title, .page.registration-page .page-title { text-align: center; } .page.login-page .result, .page.password-recovery-page .result, .page.registration-page .result { text-align: center; font-size: 1.5rem; font-weight: 700; color: #f00; } .page.login-page .tooltip, .page.password-recovery-page .tooltip, .page.registration-page .tooltip { text-align: center; } .page.login-page .form-fields, .page.password-recovery-page .form-fields, .page.registration-page .form-fields { width: 360px; max-width: 100%; padding: 20px; border: 1px solid #fff; background-color: #18151b; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 1rem; } .page.login-page .form-fields input, .page.password-recovery-page .form-fields input, .page.registration-page .form-fields input { text-align: center; } .page.login-page .form-fields input::placeholder, .page.password-recovery-page .form-fields input::placeholder, .page.registration-page .form-fields input::placeholder { color: #f00; } .page.login-page .form-fields select, .page.password-recovery-page .form-fields select, .page.registration-page .form-fields select { padding: 7px 0; font-family: "Space Grotesk"; text-align: center; font-size: 1rem; } .page.login-page .form-fields .req, .page.password-recovery-page .form-fields .req, .page.registration-page .form-fields .req { border-right: 4px solid #f00 !important; } .page.login-page .form-fields .btn-red, .page.login-page .form-fields .btn-white, .page.password-recovery-page .form-fields .btn-red, .page.password-recovery-page .form-fields .btn-white, .page.registration-page .form-fields .btn-red, .page.registration-page .form-fields .btn-white { width: 100%; padding: 0.75rem 1.5rem; font-family: "Druk Wide"; font-size: 0.75rem; } .page.login-page .form-fields .inputs > *, .page.password-recovery-page .form-fields .inputs > *, .page.registration-page .form-fields .inputs > * { margin: 1px 0; } .page.login-page .form-fields .inputs-reversed, .page.password-recovery-page .form-fields .inputs-reversed, .page.registration-page .form-fields .inputs-reversed { text-transform: uppercase; } .page.login-page .form-fields .lnk-white, .page.password-recovery-page .form-fields .lnk-white, .page.registration-page .form-fields .lnk-white { color: #fff; text-decoration: underline; } .page.login-page .form-fields .input-validation-error, .page.password-recovery-page .form-fields .input-validation-error, .page.registration-page .form-fields .input-validation-error { background-color: #fff0f0 !important; border-left: 6px solid #f00; } .news-items .news-item { display: flex; flex-direction: column; } .news-items .news-item .news-item-image { position: relative; overflow: hidden; } .news-items .news-item .news-item-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: auto; } .news-items .news-item .news-item-image:before { content: ""; display: block; height: 0; width: 0; padding-bottom: 100%; } .news-items .news-item .news-item-text { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .news-items .news-item .news-item-text .news-body { flex: 1; } .news-items .news-item .news-item-text .read-more { width: 100%; } .shop-by-series .series-btn-wrap .series-btn { min-width: 100%; } @media (min-width: 768px) { .shop-by-series .series-btn-wrap { align-self: center; justify-self: end; text-align: right; } .shop-by-series .series-btn-wrap .series-btn { max-width: 500px; } } .cta-grp { text-align: center; padding: 20px; display: flex; flex-flow: row wrap; justify-content: center; gap: 20px; } .cta-grp .btn-primary { width: 300px; } .cta-grp { text-align: center; padding: 20px; display: flex; flex-flow: row wrap; justify-content: center; gap: 20px; } .cta-grp .btn-primary { width: 300px; } .product-guide .sub-cat.theme-dark .color-dark { color: #f4f4f4 !important; } .fp-wrap { display: flex; flex-direction: column; position: relative; } .fp-wrap .image-wrap { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); z-index: 1; } .fp-wrap > h2 { text-align: center; } .fp-wrap .fp-item-box { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .fp-wrap .fp-item-box > div { max-width: 40%; } .fp-wrap .fp-item-box .product-details { position: relative; z-index: 2; } .fp-wrap .fp-item-box .product-details .category-item-title h2 { font-family: "Druk Cond Super"; font-size: clamp(70px, 7vw, 100px); line-height: 0.77; } @media (max-width: 991.98px) { .fp-wrap .image-wrap { position: relative; transform: unset; } .fp-wrap img { width: 200px; } .fp-wrap .mob { display: block !important; } .fp-wrap .desk { display: none !important; } } @media (max-width: 575.98px) { .fp-wrap .fp-item-box { flex-direction: column-reverse; } .fp-wrap .fp-item-box div { max-width: 90%; } } .sp-lightbox img { background-color: #fff; border-color: #000; } .product-details-page { position: relative; } .product-details-page .ps-fit { margin: 50px auto 0; width: 800px; max-width: 100%; text-align: center; } .product-details-page .product-essential { display: flex; overflow: visible; position: relative; flex-direction: column; } .product-details-page .product-essential .overview { padding-top: calc(1.4875rem + 6.0166666667vw); padding-bottom: calc(1.4875rem + 6.0166666667vw); padding-left: calc(1.2875rem + 0.95vw); padding-right: calc(1.2875rem + 0.95vw); background-color: #f4f4f4; } @media (min-width: 1200px) { .product-details-page .product-essential .overview { padding-top: 6rem; } } @media (min-width: 1200px) { .product-details-page .product-essential .overview { padding-bottom: 6rem; } } @media (min-width: 1200px) { .product-details-page .product-essential .overview { padding-left: 2rem; } } @media (min-width: 1200px) { .product-details-page .product-essential .overview { padding-right: 2rem; } } .product-details-page .product-essential .overview .additional-details { margin-bottom: 0.5rem; } .product-details-page .product-essential .overview .attributes ul { list-style: none; } .product-details-page .product-essential .qty-label, .product-details-page .product-essential .variant-overview .qty-label { display: none; } .product-details-page .product-essential .qty-input, .product-details-page .product-essential .variant-overview .qty-input { width: 50px; height: 40px; padding: 8px 13px; text-align: center; font-size: 16px; font-weight: bold; color: #000; border: 2px solid #000; line-height: 1; vertical-align: middle; } .product-details-page .product-essential .add-to-cart-button { height: 40px; } .product-details-page .product-essential .old-product-price, .product-details-page .product-essential .non-discounted-price { color: #b3aca1; text-decoration: line-through; } .product-details-page .product-essential .product-price-savings { display: none; } .product-details-page .product-essential .availability { display: none; } .product-details-page .product-essential .galleryWrapper { padding: 1rem; display: flex; align-items: start; justify-content: center; align-self: start; } .product-details-page .product-essential .galleryWrapper .sp-wrap { width: 500px; max-width: 50vw; padding: 0; margin: 0; display: flex !important; flex-direction: column; } .product-details-page .product-essential .galleryWrapper .sp-wrap .sp-thumbs { margin: 10px auto 0; } @media (max-width: 767.98px) { .product-details-page .product-essential .galleryWrapper .sp-wrap { max-width: 100vw; } } .product-details-page .product-essential .galleryWrapper .sp-large { padding: 0; margin-bottom: calc(1.2875rem + 0.95vw); position: relative; overflow: hidden; } @media (min-width: 1200px) { .product-details-page .product-essential .galleryWrapper .sp-large { margin-bottom: 2rem; } } .product-details-page .product-essential .galleryWrapper .sp-large img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: scale-down; width: 100%; height: 100%; } .product-details-page .product-essential .galleryWrapper .sp-large:before { content: ""; display: block; height: 0; width: 0; padding-bottom: 75%; } .product-details-page .product-essential .galleryWrapper .sp-thumbs a { border: 1px solid #000; } .product-details-page .product-essential .product-reviews-overview .product-review-box { display: flex; flex-flow: row wrap; align-items: center; } .product-details-page .product-essential .product-reviews-overview .product-review-box .rating { background: url("/Content/icons/star-rate-1.png") repeat-x; width: 95px; height: 14px; display: inline-block; } .product-details-page .product-essential .product-reviews-overview .product-review-box .rating div { background: url("/Content/icons/star-rate-2.png") repeat-x; height: 14px; } .product-details-page .product-essential .product-reviews-overview .product-review-box .rating div a { display: block; height: 14px; } .product-details-page .product-essential .product-reviews-overview .product-review-box .review-count { margin-left: 10px; font-size: 0.8em; } @media (max-width: 767.98px) { .product-details-page .product-essential .galleryWrapper { padding: 0; } } .product-details-page .prod-sd { font-size: 1.1rem; margin-bottom: 4rem; } .product-details-page .middle-description .wiring-tool select { max-width: 300px; } .product-details-page .middle-description .wiring-tool .wiring-wrapper { display: flex; flex-flow: row wrap; } .product-details-page .middle-description .wiring-tool .wiring-wrapper > * { width: clamp(300px, 45%, 100%); } .product-details-page .middle-description .wiring-tool .wiring-wrapper #ohmImage { width: clamp(300px, 50vw, 600px); } .product-details-page .pdims .col { max-width: 90vw; } .product-details-page .pdims li { width: 400px; max-width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; } .product-details-page .pdims li div { white-space: nowrap; } .product-details-page .pdims sup, .product-details-page .pdims sub { font-size: 0.5em; letter-spacing: 0.1em; } .product-details-page .pdims sup { margin-right: -0.3em; } .product-details-page .pdims sub { margin-left: -0.3em; } .product-details-page .fg-wrap .fg-tbl tr:nth-child(even) { background: #ddd; } .product-details-page .fg-wrap .fg-tbl tr td:not(:first-child) { text-align: center; } .product-details-page .arrow-link { display: block; color: #000; position: relative; display: inline-block; width: auto; float: left; clear: both; } .product-details-page .arrow-link::after { content: ""; border-style: solid; border-right: 0px solid transparent; border-top: 8px solid transparent; border-bottom: 8px solid transparent; background-color: transparent; border-left: 40px solid #ff0000; position: absolute; top: 50%; transform: translateY(-50%); margin-left: 10px; } .product-details-page .arrow-link:hover { color: #ff0000; } .product-details-page .monthly-payments-box { border-top: 1px solid #000; border-bottom: 1px solid #000; } .product-details-page .product-features-box .title { display: none; } .product-details-page .product-features-box ul li { display: inline-block; position: relative; } .product-details-page .product-features-box ul li::before { content: ""; position: absolute; top: 0; left: 0; height: 30px; width: 4px; background-color: #fff9f2; } @media (min-width: 768px) { .product-details-page .product-essential { flex-direction: row; } .product-details-page .product-essential .overview { width: 50%; padding-left: calc(1.3875rem + 3.4833333333vw); padding-right: calc(1.3875rem + 3.4833333333vw); } } @media (min-width: 768px) and (min-width: 1200px) { .product-details-page .product-essential .overview { padding-left: 4rem; } } @media (min-width: 768px) and (min-width: 1200px) { .product-details-page .product-essential .overview { padding-right: 4rem; } } @media (min-width: 768px) { .product-details-page .product-essential .galleryWrapper { position: sticky; top: 200px; width: 50%; } } .product-item .product-archive { background-image: url("../../images/MTXObsolete_120x120.png") !important; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .product-item.product-archive .picture { background: none !important; } .specs-wrapper ul { list-style: disc; } .specs-wrapper ul li { list-style-position: inside; } .reviews-wrapper ul { list-style: none; display: flex; flex-flow: row wrap; } .reviews-wrapper ul li { border: 1px solid #aaa; margin: 10px; padding: 10px; max-width: 100%; width: 500px; } .reviews-wrapper ul li .rv-user, .reviews-wrapper ul li .rv-sku { font-size: 0.8em; } .reviews-wrapper ul li .rv-title { font-style: italic; font-weight: 400; } .reviews-wrapper ul li .rv-rate { width: 95px; height: 14px; background: url("/Content/icons/star-rate-1.png") repeat-x; display: inline-block; margin: 0 10px 0 0; } .reviews-wrapper ul li .rv-rate > div { background: url("/Content//icons/star-rate-2.png") repeat-x; height: 14px; } .reviews-wrapper ul li .rv-helpful { margin: 5px 0; display: inline-flex; border: 1px solid #ccc; padding: 5px 5px 2px; border-radius: 20px; align-items: center; } .reviews-wrapper ul li .rv-helpful .rv-hlp { width: 20px; margin: 0 10px; cursor: pointer; } .reviews-wrapper .addReview-form { max-width: 500px; width: 100%; margin: 0 auto; } .reviews-wrapper .addReview-form > div { margin: 5px 0; } .reviews-wrapper .addReview-form .rating-options { display: flex; flex-flow: row nowrap; justify-content: space-between; width: 150px; } .reviews-wrapper .addReview-form .review-sku { text-transform: uppercase; font-weight: 500; } .reviews-wrapper .addReview-form textarea { height: 100px; } .reviews-wrapper .addReview-form .star-rating { direction: rtl; font-size: 2em; display: inline-flex; } .reviews-wrapper .addReview-form .star-rating input[type=radio] { display: none; } .reviews-wrapper .addReview-form .star-rating label { cursor: pointer; color: #ccc; transition: color 0.1s; } .reviews-wrapper .addReview-form .star-rating .filled { color: gold; } .dl-wrapper ul li { display: flex; flex-flow: row nowrap; gap: 1rem; } .library-section .articles { display: none; } .library-section .articles article { display: flex; justify-content: space-between; flex-direction: column; border-bottom: 1px solid; width: 100%; } .library-section .articles article a { margin-top: calc(1.2875rem + 0.95vw); white-space: nowrap; } @media (min-width: 1200px) { .library-section .articles article a { margin-top: 2rem; } } .library-section .articles article::before { display: none; } .library-section .load-more-wrap { display: flex; align-items: center; justify-content: center; } @media (min-width: 768px) { .library-section .articles article { flex-direction: row; align-items: center; } .library-section .articles article a { margin-top: 0; margin-left: calc(1.2875rem + 0.95vw); } } @media (min-width: 768px) and (min-width: 1200px) { .library-section .articles article a { margin-left: 2rem; } } .events { gap: 4rem; } .events .event:not(:last-child)::after { content: ""; height: 1px; background: #f4f4f4; position: absolute; right: 20%; left: 20%; margin-top: -2rem; } .hrafter, .shopping-cart-page .page-title:after { content: ""; width: 100%; height: 1px; border-style: inset; display: block; border-width: thin; border-bottom: #000; margin-left: auto; margin-right: auto; } .shopping-cart-page { padding: 20px 0; } .shopping-cart-page .page-title { text-align: center; } .order-summary-content table.cart th { padding: 1rem; background-color: #f4f4f4; border: 1px solid; } .order-summary-content table.cart td { padding: 1rem; border: 1px solid; } .order-summary-content table.cart label { display: none; } .order-summary-content table.cart .remove-from-cart, .order-summary-content table.cart .cart .add-to-cart, .order-summary-content table.cart .data-table .select-boxes, .order-summary-content table.cart .data-table .order { text-align: center; } .order-summary-content table.cart .quantity input { width: 50px; text-align: center; } .order-summary-content .cart-options .common-buttons { text-align: right; } .order-summary-content .cart-options input[type=button], .order-summary-content .cart-options input[type=submit], .order-summary-content .cart-options input[type=reset] { margin-top: 1rem; } .order-summary-content p { margin-bottom: 0; } .order-summary-content .product-grid .title { text-align: center; } .order-summary-content .cart-footer .cart-collaterals .coupon-code, .order-summary-content .cart-footer .cart-collaterals .shipping-entry { display: flex; justify-content: center; } .order-summary-content .cart-footer .totals { flex: 1; background-color: #f4f4f4; } .order-summary-content .cart-footer .totals td { padding: 1rem; } .order-summary-content .cart-footer .totals .total-info .cart-total .cart-total-right { text-align: right; font-weight: 500; } .order-summary-content .cart-footer .totals .total-info .cart-total .order-total { color: #ff0000; } .order-summary-content .checkout-buttons { text-align: right; margin-top: 0.5rem; } .order-summary-content .shipping-options, .order-summary-content .estimate-shipping, .order-summary-content .cart-collaterals { display: flex; flex-direction: column; gap: 0.5rem; } .order-summary-content .cart-collaterals { gap: 2rem; } .checkout-page .please-wait { text-align: center; } .checkout-page .alert { text-align: center; width: 800px; max-width: 100%; margin: 0 auto; } .checkout-page select { padding-top: 9px; } .checkout-page input[type=text], .checkout-page input[type=email], .checkout-page input[type=tel], .checkout-page input[type=number], .checkout-page input[type=password], .checkout-page select, .checkout-page textarea { font-size: 14px; } .checkout-page .inputs { margin: 5px 0; } .checkout-page .input-validation-error { border-left: 6px solid #f00 !important; background-color: #fff0f0 !important; } .checkout-page .fieldReq { border-right: 3px solid #f00 !important; } .checkout-page .edit-address { width: 400px; max-width: 100%; margin: 0 auto; } .checkout-page .order-review-data { display: flex; flex-direction: column; gap: 1rem; } .checkout-page .order-review-data .title { font-size: 1.2rem; font-weight: 700; } .checkout-page .order-review-data > div { display: flex; flex-flow: row wrap; } .checkout-page .order-review-data ul { width: 400px; max-width: 100%; } .checkout-page .opc { list-style: none; } .checkout-page .opc li.active .step-title { background-color: #ff0000; color: #fff; } .checkout-page .opc .step-title { background-color: #f4f4f4; color: #000; display: flex; gap: 1rem; padding: 1rem; margin-bottom: 0.25rem; align-items: center; cursor: pointer; } .checkout-page .opc .step-title .number, .checkout-page .opc .step-title .title { margin: 0; } .checkout-page .opc .step { padding-bottom: calc(1.2875rem + 0.95vw); max-width: 100%; } @media (min-width: 1200px) { .checkout-page .opc .step { padding-bottom: 2rem; } } .checkout-page .opc .step h2 { text-align: left !important; } .checkout-page .opc .step .buttons { text-align: center; margin-top: 1rem; } .checkout-page .opc .step label { margin-bottom: 0.5rem; } .checkout-page .opc .step ul { list-style: none; } .checkout-page .opc .step .method-list { display: flex; align-items: center; justify-content: center; gap: 1rem; } .checkout-page .opc .step .method-list .method-name { display: flex; flex-direction: column; align-items: center; } .checkout-page .opc .step .shipping-method-list { width: 400px; max-width: 100%; margin: 0 auto; } .checkout-page .opc .step .cc-entry { margin: 0 auto; /*width: 400px;*/ max-width: 100%; } .checkout-page .opc .step .cc-entry input { min-width: 100%; } .checkout-page .opc .step .cc-entry th, .checkout-page .opc .step .cc-entry td { padding: 0.5rem; } .checkout-page .opc .step .cc-entry #CardNumber, .checkout-page .opc .step .cc-entry #CardholderName, .checkout-page .opc .step .cc-entry #CardCode { min-height: 40px; width: 100%; border-style: solid; padding-left: 0.5rem; padding-right: 0.5rem; border-width: 1px; border-color: #000; } .checkout-page .opc .step .cc-entry #CardNumber { padding-left: 65px; background: url("/Content/Images/creditcards.png"); background-color: #fff; background-position: 0 0; background-repeat: no-repeat; background-size: 60px 325px; width: 165px; height: 40px; border: 1px solid #e5e5e5; } .checkout-page .opc .step .cc-entry #CardNumber.visa { background-position: 0 -58px; } .checkout-page .opc .step .cc-entry #CardNumber.amex { background-position: 0 -115px; } .checkout-page .opc .step .cc-entry #CardNumber.mastercard { background-position: 0 -172px; } .checkout-page .opc .step .cc-entry #CardNumber.discover { background-position: 0 -287px; } .checkout-page .opc .step .cc-entry #CardCode { width: 100px; min-width: 60px; } .checkout-page .opc .step .cc-entry .exp-wrapper { display: flex; flex-flow: column nowrap; align-items: start; gap: 1rem; } .checkout-page .opc .step .cc-entry .exp-wrapper > div { width: 100%; white-space: nowrap; } .checkout-page .opc .step .cc-entry .exp-wrapper div:last-child { display: flex; flex-flow: row nowrap; align-items: center; } #ss-spinner { border: 16px solid #000 !important; border-top: 16px solid #f00 !important; } .hrafter, .ss-checkout .page-title:after { content: ""; width: 100%; height: 1px; border-style: inset; display: block; border-width: thin; border-bottom: #000; margin-left: auto; margin-right: auto; } .ss-checkout { padding: 20px 0; } .ss-checkout .page-title { text-align: center; } .ss-checkout .page-body { width: 100%; max-width: 1000px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; } .ss-checkout .ss-sec { margin: 20px auto; } .ss-checkout .ss-sec .ss-shipping-address, .ss-checkout .ss-sec .ss-billing-address { display: flex; flex-direction: column; align-items: center; } .ss-checkout .sec-title { display: flex; flex-flow: row nowrap; gap: 20px; } .ss-checkout .sec-body { margin-left: 20px; } .ss-checkout .sec-body .ss-sameasbilling-checkbox { margin: 10px 0 10px -20px; display: flex; flex-flow: row nowrap; gap: 15px; } .ss-checkout .sec-body .method-list { list-style: none; margin: 10px 0 10px -20px; } .ss-checkout .sec-body .method-list li { display: flex; flex-flow: row nowrap; gap: 15px; } .ss-checkout .sec-body .ss-address { display: inline-block; border: 1px solid #ddd; padding: 15px; min-width: 300px; border-radius: 10px; } .ss-checkout .ss-renderpaymentmethodinput[type=text] { width: 300px; } .ss-checkout .ss-renderpaymentmethodinput[type=tel] { width: 75px; } .ss-checkout .ss-renderpaymentmethodselect { width: 50px; } .shopping-cart-page .current-code { display: flex; flex-flow: row nowrap; align-items: center; margin: 10px 0; } .shopping-cart-page .btn-x { padding: 5px 8px !important; margin: 0 10px; background-color: transparent; border: none; } .shopping-cart-page .btn-x:hover { background-color: #2d2734; } .shopping-cart-page .product-grid.cross-sells { margin: 20px 0; } .shopping-cart-page .product-grid.cross-sells .item-grid { display: flex; flex-flow: row wrap; justify-content: center; } .shopping-cart-page .product-grid.cross-sells .item-grid .product-item { width: 150px; } .shopping-cart-page .product-grid.cross-sells .item-grid .product-item .details .add-info { padding-top: 0; } .shopping-cart-page .product-grid.cross-sells .item-grid .product-item .picture { width: 100px; height: 100px; } .shopping-cart-page .product-grid.cross-sells .item-grid .product-item .product-sku { font-family: "Space Grotesk"; font-weight: 700; margin-bottom: 0; } .shopping-cart-page .product-grid.cross-sells .item-grid .product-item .yourPrice { display: flex; flex-flow: row nowrap; gap: 1rem; } .shopping-cart-page .product-grid.cross-sells .item-grid .product-item .yourPrice a { text-decoration: underline; } .shopping-cart-page .cart-tb-wrap .cart-item { border: 1px solid #000; margin: 10px auto; width: clamp(325px, 60vw, 600px); } .shopping-cart-page .cart-tb-wrap .cart-item td { padding: 5px; vertical-align: top; } .shopping-cart-page .cart-tb-wrap .cart-item .item-qty { text-align: right; min-width: 40px; } .shopping-cart-page .cart-tb-wrap .cart-item .item-qty input, .shopping-cart-page .cart-tb-wrap .cart-item .item-qty select { max-width: 60px; text-align: center; } .shopping-cart-page .cart-tb-wrap .cart-item .item-head { height: 40px; } .shopping-cart-page .cart-tb-wrap .cart-item .item-head .item-head-wrap { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .shopping-cart-page .cart-tb-wrap .cart-item .item-foot-wrap { border-top: 1px solid #ddd; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .shopping-cart-page .cart-tb-wrap .cart-item .item-pic { width: clamp(80px, 20vw, 200px); } .shopping-cart-page .cart-tb-wrap .cart-item .item-pic img { width: 100%; max-width: 100px; max-height: 100px; } .shopping-cart-page .cart-tb-wrap .cart-item input[type=button].removeFromCart { font-size: 0.6em; } .shopping-cart-page .order-summary-content .cart-footer { width: clamp(325px, 60vw, 600px); max-width: 100%; margin: 0 auto; } .shopping-cart-page .order-summary-content .cart-footer .totals td { padding: 0.3rem; } .shopping-cart-page .order-summary-content .cart-footer .cart-collaterals { gap: 5px; margin-bottom: 10px; } .shopping-cart-page .order-summary-content .cart-footer .cart-collaterals input[type=text], .shopping-cart-page .order-summary-content .cart-footer .cart-collaterals input[type=tel] { width: 128px; } .shopping-cart-page .order-summary-content .cart-footer .cart-collaterals input[type=submit] { width: 200px; font-size: 0.6rem; } .shopping-cart-page .order-summary-content .cart-footer .cart-collaterals .coupon-code { justify-content: center; } .page-body .dlr-loc p { margin: 10px 0; } .page-body .dlr-loc .accordion > div { background-color: #2d2734; display: flex; flex-flow: row wrap; } .page-body .dlr-loc .accordion > div > * { margin: 10px; } .page-body .bh-sl-container { font-family: "Space Grotesk"; color: #fff; } .page-body .bh-sl-container .bh-sl-map-container a { color: #ff0000; } .page-body .bh-sl-container .bh-sl-map-container a:hover { opacity: 0.6; } .page-body .bh-sl-container .bh-sl-form-container { margin-top: 0; } .page-body .bh-sl-container .form-input { width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; } .page-body .bh-sl-container .form-input input, .page-body .bh-sl-container .form-input select { font-family: "Space Grotesk"; border-radius: 0; } .page-body .bh-sl-container .form-input button#bh-sl-submit { float: none; } .page-body .bh-sl-container button { font-family: "Space Grotesk"; } .page-body .bh-sl-container .bh-sl-filters-container .bh-sl-filters li select, .page-body .bh-sl-container .bh-sl-pagination-container ol li, .page-body .bh-sl-container .bh-sl-title { font-family: "Space Grotesk"; } .page-body .bh-sl-container .gm-style div, .page-body .bh-sl-container .gm-style span, .page-body .bh-sl-container .gm-style label, .page-body .bh-sl-container .gm-style a { font-family: "Space Grotesk"; color: #000; } .page-body .bh-sl-container .bh-sl-loc-list ul li { background-color: transparent !important; } .page-body .bh-sl-container .bh-sl-loc-list ul li .MTXMobileRetailer { background-color: #c00000; color: #fff; } .page-body .bh-sl-container .bh-sl-loc-list ul li .MTXMotorsportsRetailer { background-color: #c26c00; color: #fff; } .page-body .bh-sl-container .bh-sl-loc-list ul li .MTXHomeRetailer { background-color: #007545; color: #fff; } .page-body .bh-sl-container .bh-sl-loc-list ul li .MTXHomeDistributor { background-color: #007545; color: #fff; } .page.dealer-application h1 { padding: 10px 0; text-align: center; } .page.dealer-application ul.opd { list-style: none; padding-left: 0; } .page.dealer-application input[type=radio], .page.dealer-application input[type=checkbox] { accent-color: #f00; } .page.dealer-application.app-distributor .step-title, .page.dealer-application.app-mobile .step-title { background-color: #ff0000; color: #fff; } .page.dealer-application.app-distributor .step-title span, .page.dealer-application.app-mobile .step-title span { background-color: #ff0000; } .page.dealer-application.app-powersports .step-title { background-color: #ff8e00; color: #fff; } .page.dealer-application.app-powersports .step-title span { background-color: #ff8e00; } .page.dealer-application.app-residential .step-title { background-color: #009659; color: #fff; } .page.dealer-application.app-residential .step-title span { background: #009659; } .page.dealer-application .step-title { display: flex; flex-flow: row nowrap; align-items: center; } .page.dealer-application .step-title > * { font-size: 1.4em; font-weight: 700; padding: 10px 20px; } .page.dealer-application .step-title h2 { color: #fff; font-size: 1em; } .page.dealer-application .step-title span { border-right: 1px solid #fff; text-align: center; width: 50px; height: 60px; } .page.dealer-application .da-maj { width: 510px; max-width: 100%; margin: 30px auto; border: 2px solid #fff; border-radius: 10px; background-color: #222; } .page.dealer-application .da-maj .da-maj-title { font-size: 2em; text-align: center; } .page.dealer-application #addRef { width: 300px; } .page.dealer-application .da-grp { width: 500px; max-width: 98%; margin: 40px auto; position: relative; } .page.dealer-application .da-grp .da-grp-title { position: absolute; background: #000; padding: 0 5px; top: -11px; left: 20px; font-size: 1.2em; font-weight: 500; } .page.dealer-application .da-grp .da-grp-body { border: 1px solid #fff; border-radius: 10px; padding: 30px 10px 15px; } .page.dealer-application .da-grp .da-grp-body { border: 1px solid #fff; border-radius: 10px; padding: 30px 10px 15px; } .page.dealer-application .da-grp .da-grp-body p { text-align: center; margin: 5px 15px; } .page.dealer-application .da-grp .da-grp-fields { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .page.dealer-application .da-grp .da-grp-dup { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .page.dealer-application .da-grp .da-grp-dup > * { margin: 0 7px; } .page.dealer-application .da-grp ol, .page.dealer-application .da-grp ul { list-style-position: outside; } .page.dealer-application .da-grp ol li, .page.dealer-application .da-grp ul li { margin: 3px 0; } .page.dealer-application .da-grp .da-grp-input { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .page.dealer-application .da-grp .da-grp-input.form-radio { align-items: flex-start; border: 1px solid #ddd; padding: 3px; } .page.dealer-application .da-grp .da-grp-input.form-checkbox { display: inline-block; border: 1px solid #ddd; padding: 3px; } .page.dealer-application .da-grp .da-grp-input input[type=text], .page.dealer-application .da-grp .da-grp-input input[type=email], .page.dealer-application .da-grp .da-grp-input input[type=tel], .page.dealer-application .da-grp .da-grp-input input[type=number], .page.dealer-application .da-grp .da-grp-input input[type=password], .page.dealer-application .da-grp .da-grp-input select, .page.dealer-application .da-grp .da-grp-input textarea { display: block; height: 30px; width: 300px; margin: 2px auto; } .page.dealer-application .da-grp .da-grp-input textarea { min-height: 200px; } .page.dealer-application .checkbox-item { padding: 5px 0; display: flex; flex-flow: row-reverse nowrap; justify-content: flex-end; align-items: center; } .page.dealer-application .checkbox-item > * { margin: 0 10px; text-align: left; } .page.dealer-application .form-radio { width: 300px; padding: 10px 0; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: flex-start; } .page.dealer-application .radio-options { display: flex; flex-flow: column nowrap; } .page.dealer-application .radio-title { width: 250px; text-align: left; } .page.dealer-application .radio-option { display: flex; flex-flow: row nowrap; padding: 2px 0; } .page.dealer-application .radio-option > * { margin: 0 10px; } .page.dealer-application .qq-uploader { padding: 5px 0; } .page.dealer-application .qq-uploader .qq-upload-button { border-bottom: none; border-radius: 25px; width: 200px; font-family: "Druk Wide"; font-size: 0.7em; text-transform: uppercase; } .page.dealer-application .mtk-required { border-right: 4px solid #f00 !important; } .page.dealer-application .mtk-required.empty { background: #fde; } .page.dealer-application .input-validation-error { background: #fff0f0; border-left: 5px solid #f00 !important; } .page.dealer-application .checkbox { width: 40px; height: 40px; } .page.dealer-application input[type=checkbox].input-validation-error { appearance: none; width: 15px; height: 15px; border: 2px solid red !important; border-radius: 2px; position: relative; cursor: pointer; } .page.dealer-application input[type=checkbox].input-validation-error:checked { background-color: red; border: 2px solid red !important; } .page.dealer-application input[type=checkbox].input-validation-error:checked::after { content: ""; position: absolute; top: 1px; left: 4px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .page.dealer-application select#ExpireMonth, .page.dealer-application select#ExpireYear, .page.dealer-application input#CardCode { max-width: 60px; background: #fff; } .page.dealer-application .k-picker-wrap::before { content: initial; } .page.dealer-application .k-grid td a { color: #000; } .page.dealer-application .k-button-icontext .k-icon, .page.dealer-application .k-button-icontext .k-image, .page.dealer-application .k-button-icontext .k-sprite { margin-right: 0; margin-left: 0; } .page.dealer-application .k-grid tbody .k-button { min-width: 30px; } .page.dealer-application .k-datepicker { width: 300px; } .page.dealer-application .core-upload { width: 300px; max-width: 100%; } .page.dealer-application .accordion-buttons { text-align: center; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .page.dealer-application .accordion-buttons > * { width: 500px; max-width: 100%; } .page.dealer-application .cc-card input#CardNumber { width: 300px !important; } .page.dealer-application .cc-exp { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .page.dealer-application .cc-exp select { min-width: 80px; text-align: center; } .page.dealer-application .cc-cvv input#CardCode { width: 60px; height: 30px !important; text-align: center; } .page.contact-page form { padding-top: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .page.contact-page form { padding-top: 2rem; } } .page.contact-page form .fieldset .inputs { margin-bottom: calc(1.2875rem + 0.95vw); } @media (min-width: 1200px) { .page.contact-page form .fieldset .inputs { margin-bottom: 2rem; } } .page.contact-page form .fieldset .inputs textarea { min-height: 5rem; } .history-timeline .content-grid-5050 h2.bh-lg { margin-bottom: 1.5rem; } .history-timeline .content-grid-5050 h3.bh-sm { margin-bottom: 1rem; } .history-timeline .content-grid-5050 .content-item { flex-direction: column-reverse; } @media (min-width: 768px) { .history-timeline .content-grid-5050 .content-item { flex-direction: unset; } } .history-timeline .content-grid-5050 .content-wrap, .history-timeline .content-grid-5050 .image-wrap { justify-content: flex-start; } .history-timeline .content-grid-5050.alternating .content-wrap { text-align: left; } @media (min-width: 768px) { .history-timeline .content-grid-5050.alternating .content-item:nth-child(odd) .content-wrap { text-align: right; } .history-timeline .content-grid-5050.alternating .content-item .content-wrap { text-align: left; } } .history-timeline .alternating .content-wrap { text-align: right; } .history-timeline .redchecker { background-image: url("../../images/history/checkerred.svg"); } .history-timeline .greenchecker { background-image: url("../../images/history/checkergreen.svg"); } .history-timeline .greychecker { background-image: url("../../images/history/checkergrey.svg"); } .history-timeline .orangechecker { background-image: url("../../images/history/checkerorange.svg"); } .history-timeline .purplechecker { background-image: url("../../images/history/checkerpurple.svg"); } .history-timeline .bluechecker { background-image: url("../../images/history/checkerblue.svg"); } .history-timeline .leading-audio h2 { padding-top: 4rem; font-size: 7rem; } .history-timeline .leading-audio p { margin: 2rem auto; } .history-timeline-footer { background-image: url("../../images/history/sound-wave.svg"); background-size: cover; background-position: center; } .history-timeline-footer .wrapper { display: block; } .history-timeline-footer .usa { display: block; } .history-timeline-footer .usa-copy { display: block; } @media (min-width: 768px) { .history-timeline-footer .wrapper { display: flex; } .history-timeline-footer .usa { display: flex; flex-direction: column; } .history-timeline-footer .usa-copy { align-self: flex-end; display: flex; flex-direction: column; padding-left: 2rem; } } .page.blank-page .flip-cat iframe { width: 100%; height: clamp(400px, 75vw, 1080px); } .embed-wrap { display: flex; flex-flow: row wrap; justify-content: center; max-width: 100%; } .embed-header-wrapper .embed-header { background-image: url("/i/support/mtx-forms-header-mobile.jpg"); background-size: cover; background-position: center center; width: 100%; height: 32.8125vw; max-height: 400px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; color: #fff; font-family: "Druk XXCond Super"; font-size: clamp(7rem, 20vw, 20rem); text-transform: uppercase; letter-spacing: 0.01rem; } @media (max-width: 767.98px) { .embed-header-wrapper .embed-header { background-image: url("/i/support/mtx-forms-header.jpg"); height: 40vw; } } .page.embed-page { text-align: left; font-size: 16px; background: #000; color: #fff; } .page.embed-page .da-wrapper { text-align: center; } .page.embed-page .da-wrapper .da-button { border: 2px solid #fff; border-radius: 5px; margin: 10px auto; } .page.embed-page .da-wrapper .da-button img { max-width: 300px; } .page.embed-page .embed-topdescription { width: 1000px; max-width: 95%; margin: 0 auto; } .page.embed-page .embed-description { padding-bottom: 20px; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; width: 1000px; max-width: 95%; margin: 0 auto; } .page.embed-page .embed-description p { font-size: 1.3rem; font-weight: 700; text-align: center; width: 800px; max-width: 100%; } .page.embed-page .embed-description > * { margin: 1.5vw 0; } .page.embed-page .embed-description img { max-width: 150px; } .page.embed-page .embed-description h1 { font-weight: 400; color: #fff; white-space: nowrap; font-size: clamp(30px, 3vw, 60px); margin-left: 40px; } .page.embed-page .embed-description .embed-left { width: 500px; max-width: 100%; padding: 0 10px; } .page.embed-page .embed-description .embed-right { width: 400px; max-width: 100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; } .page.embed-page .embed-description .embed-right .support-card { padding: 0 10px 10px; text-align: center; } .page.embed-page .embed-description .embed-right .newsletter-wrapper p, .page.embed-page .embed-description .embed-right .newsletter-wrapper ul { font-size: 0.9rem; font-weight: 300; } .page.embed-page .embed-description .embed-right .newsletter-wrapper ul { list-style: none; } .page.embed-page .embed-description .embed-right .newsletter-wrapper .newsletter-types-wrapper { display: flex; flex-direction: column; gap: 2rem; } .page.embed-page .embed-description .embed-right .newsletter-wrapper .newsletter-types-wrapper .newsletter-type { display: flex; gap: 1rem; } .page.embed-page .embed-description.noform { flex-flow: row wrap; align-items: flex-start; } .page.embed-page .hbspt-form { padding: 10px; border: 1px solid #888; box-shadow: 0 2px 3px #aaa; } .page.embed-page .hbspt-form img[src*=Logo], .page.embed-page .hbspt-form img[src*=logo] { display: none !important; } .page.embed-page .hbspt-form h3 { line-height: 1.2; } .page.embed-page .hbspt-form .hs-form-field { margin: 5px; } .page.embed-page .hbspt-form .inputs-list { list-style: none; } .page.embed-page .hbspt-form .inputs-list label { display: flex; flex-flow: row nowrap; gap: 1rem; } .page.embed-page .support-card-wrapper { margin-bottom: -20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; } .page.embed-page .support-card-wrapper .support-card { min-width: 125px; max-width: 125px; background-color: #dadada; margin: 20px; display: flex; flex-direction: column; flex: 1; } .page.embed-page .support-card-wrapper .support-card .support-card-image { display: flex; justify-content: center; align-items: center; } .page.embed-page .support-card-wrapper .support-card .support-card-image img { max-width: 100%; height: auto; } .page.embed-page .support-card-wrapper .support-card .support-card-text { background-color: #2d2d2d; padding: 10px; display: flex; flex: 1; justify-content: center; align-items: center; } .page.embed-page .support-card-wrapper .support-card .support-card-text * { color: #fff; text-align: center; } .page.embed-page .support-card-wrapper.design span { white-space: nowrap; } .page.embed-page .support-card-wrapper.design .support-card { max-width: 500px; } .page.embed-page .support-card-wrapper.design .support-card .support-card-text { background-color: #2d2d2d; justify-content: flex-start; display: flex; flex-direction: column; } .page.embed-page .support-card-wrapper.design .support-card .support-body { text-align: left; } .page.embed-page .support-card-wrapper.ticket .support-card-image img { max-width: 75%; margin: 0 auto; } .account-info { justify-content: center; flex-flow: row nowrap; } .account-info .mtk-required { border-right: 4px solid #f00 !important; } .account-info .input-validation-error { border-left: 4px solid #f00 !important; background: #fdd; } .account-info .account-navigation { width: 300px; max-width: 100%; } .account-info .account-navigation ul li { margin: 4px 0; } .account-info .account-navigation ul li a.active { font-weight: 700; color: #f00; } .account-info .account-details { width: 500px; max-width: 100%; } .account-info .account-details h1 { font-size: 1.5rem; } .account-info .account-details h2 { font-size: 1.25rem; background-color: #000; } .account-info .account-details .address-item .fieldsetWrapper > * { margin: 10px 0; } .account-info .account-details .address-item .fieldsetWrapper .fieldWrapper { display: flex; flex-flow: row wrap; gap: 1rem; } .account-info .account-details .inputs { margin: 4px 0; } .account-info .account-details input[type=text], .account-info .account-details input[type=email], .account-info .account-details input[type=tel], .account-info .account-details input[type=number], .account-info .account-details input[type=password], .account-info .account-details select, .account-info .account-details textarea { width: 300px; max-width: 100%; } .account-info .account-details input[type=text][disabled] { background: #bbb; color: #000; } .account-info .sec-out { margin: 20px 0; } .account-info .sec-out > h2 { position: relative; display: inline-block; margin-left: 10px; padding: 0 10px; background: #000; z-index: 1; } .account-info .sec-out > *:not(h2) { border: 2px solid #f00; border-radius: 5px; padding: 10px; margin-top: -17px; } .splash-page .wh-bdr img { border: 1px solid #fff; } .page.support-page { background: #000; color: #fff; } .page.support-page .accordion * { color: #fff; } .page.support-page .sup-sec-wrap h2 { text-align: center; margin: 20px auto; } .page.support-page .supportfile-downloads a { background: #f00; border-radius: 0; transition: all 0.35s ease-in-out; border: 1px solid #f00; } .page.support-page .supportfile-downloads a:hover { background: #fff; color: #f00; } .order-details-page { line-height: 1.5em; } .order-details-page .page-title { text-align: center; } .order-details-page .page-title h1 { margin: 0 0 10px; padding: 20px; border-bottom: 1px solid #ddd; } .order-details-page .page-title .button-2 { display: inline-block; margin: 5px 2px; padding: 10px 20px; border: 1px solid #000; border-radius: 5px; width: 140px; } .order-details-page .page-title .button-2:hover { transition: 0.5s; background: #000; color: #fff; } .order-details-page .page-body { text-align: center; } .order-details-page .page-body > * { margin: 20px 0; } .order-details-page .page-body .title { font-size: 1.2em; font-weight: 700; margin: 10px 0; } .order-details-page .page-body ul { list-style: none; } .order-details-page .page-body .order-details-area { display: flex; flex-flow: row wrap; justify-content: center; gap: 20px; } .order-details-page .page-body .order-details-area > * { width: 100%; max-width: 600px; padding: 20px; background: #f9f9f9; } .order-details-page .page-body .order-details-area .title { text-align: left; } .order-details-page .page-body .data-table thead { background: #f9f9f9; } .order-details-page .page-body .data-table thead th { white-space: nowrap; padding: 10px; font-weight: 300; text-align: left; border: 1px solid #ddd; } .order-details-page .page-body .data-table thead th.amt { text-align: right; } .order-details-page .page-body .data-table tr:nth-child(even) { background: #fafafa; } .order-details-page .page-body .data-table td { padding: 10px; font-weight: 500; text-align: left; border: 1px solid #ddd; } .order-details-page .page-body .data-table td.amt { text-align: right; } .order-details-page .page-body .total-info { display: flex; justify-content: flex-end; padding: 20px; } .order-details-page .page-body .cart-total { text-align: right; width: 100%; max-width: 400px; } .style-guide .border { border-width: 1px; border-style: solid; } .style-guide .sg-section-header { padding: 2rem 1rem; border-top: 1px solid theme-color(dark); border-bottom: 1px solid theme-color(dark); font-weight: bold; font-size: 2rem; font-family: "Druk Wide"; background-color: theme-color(white); } .style-guide .sg-section-header-sub { padding: 1rem 1rem; border-top: 1px solid theme-color(light); border-bottom: 1px solid theme-color(light); font-size: 1rem; font-weight: bold; font-family: "Druk Wide"; background-color: theme-color(white); } .style-guide .color-swatch { min-width: 20px; min-height: 60px; } .pager ul { display: flex; gap: 0.5rem; list-style: none; padding: 0; } .pager ul li { padding: 1rem; } body header::before { content: ""; opacity: 0; visibility: hidden; width: 100%; height: 100vh; position: fixed; top: 0%; left: 0; background-color: rgba(0, 0, 0, 0.8); } body.nav-open header::before { opacity: 1; visibility: visible; } header { height: 75px; z-index: 300; position: sticky; top: 0; background-color: #000; } header ul { padding-left: 0; list-style: none; } header .search-box { display: none; width: 100%; background-color: #2d2734; justify-content: center; position: relative; align-items: center; padding: 1rem; } header .search-box.active { display: flex; } header .search-box .search-inner { display: flex; justify-content: center; position: relative; align-items: center; overflow: visible; width: auto; } header .search-box .search-inner form { display: flex; flex-direction: row; justify-content: center; align-items: center; } header .search-box .close-search { right: 0; padding: 0.5rem; margin-left: 0.5rem; cursor: pointer; color: #fff; } header .search-box .close-search:hover { color: #ff0000; } header .header-upper .header-links-wrapper { /*display: flex;*/ /*justify-content: space-between;*/ display: grid; grid-template-columns: 1fr auto 1fr; width: 100%; } header .header-upper .header-links-wrapper .header-links ul { display: flex; } header .header-upper .header-links-wrapper a { font-size: 12px; text-transform: uppercase; font-family: "Space Grotesk"; color: #fff; } header .header-upper .header-links-wrapper a:hover { color: #ff0000; } header .header-upper .header-links-wrapper .header-links-left { display: none; justify-self: start; } header .header-upper .header-links-wrapper .header-links-left a { margin-right: 0.5rem; } header .header-upper .header-links-wrapper .header-links-center { padding-bottom: 15px; justify-self: center; } header .header-upper .header-links-wrapper .header-links-center img { width: 180px; position: relative; z-index: 300; } header .header-upper .header-links-wrapper .header-links-right { justify-self: end; display: flex; } header .header-upper .header-links-wrapper .header-links-right a { margin-left: 0.5rem; } header .header-upper .header-links-wrapper .header-links { order: 2; } header .header-upper .header-links-wrapper .search-icon { order: 1; cursor: pointer; margin-right: 0.5rem; } header .header-upper .header-links-wrapper .search-icon svg:hover { stroke: #ff0000; } header .header-upper .header-links-wrapper .ico-cart .cart-qty { margin-left: 0 !important; } header .header-upper .header-links-wrapper .ico-cart::before { content: "CART"; } @media (min-width: 992px) { header .header-upper .header-links-wrapper .header-links-left { display: flex; } header .header-upper .header-links-wrapper .header-links { order: 1; } header .header-upper .header-links-wrapper .search-icon { order: 2; margin-right: 0; margin-left: 0.5rem; } } header nav { display: flex; overflow: visible !important; justify-content: space-between; align-items: center; } header nav .top-menu { opacity: 0; visibility: hidden; transition: all 0.35s ease-in-out; transform: translateX(100%); height: 100vh; width: 100%; left: 0; position: fixed; background-color: #000; top: 0; } header nav .top-menu.is-active { opacity: 1; visibility: visible; transform: translateX(0%); } header nav .mobile-logo { width: 70px; } header nav .close-desktop-nav { display: none; } header nav .view-all { display: block; } header nav ul { position: absolute; top: 0; right: 0; width: 100%; height: 100vh; background-color: #000; display: flex; flex-direction: column; padding-top: 78px; } header nav ul li { margin-left: 1rem; margin-right: 1rem; text-align: left; order: 1; } header nav ul li.header-logo { display: none; } header nav ul li a { color: #fff; width: 100%; height: 100%; border-top: thin; border-bottom: thin; border-left: 0; border-right: 0; border-color: transparent; border-style: solid; padding: 0; display: block; } header nav ul li.has-subchildren::before { content: ""; position: absolute; right: -10px; top: calc(50% + 0px); transform: translateY(-50%); border: 4px solid transparent; border-left-color: inherit; transition: 0.15s linear; } header nav ul li.is-active > .sublist { opacity: 1; visibility: visible; transform: translateX(0%); } header nav ul.is-active { opacity: 1; visibility: visible; transform: translateX(0%); } header nav ul.sublist { visibility: hidden; opacity: 0; position: absolute; width: 100%; top: 0; left: 0; transform: translateX(100%); transition: all 0.3s; background-position: center; background-size: cover; background-repeat: no-repeat; /* Mobile - Red Powersports - Green Marine - Blue In-Home - Purple OEM - ? */ } header nav ul.sublist a { padding-top: 0.5rem; padding-bottom: 0.5rem; } header nav ul.sublist > li:hover > a, header nav ul.sublist > li:active > a, header nav ul.sublist > li.is-active > a { color: #ff0000; } header nav ul.level-0 { position: relative; height: auto; } header nav ul.level-0 li:nth-child(1) { margin-top: 1rem; } header nav ul.level-0 > li:hover { color: transparent; } header nav ul.level-0 > li.is-active > a { color: #ff0000; } header nav ul.level-0 > li > a:hover { color: #ff0000; } header nav .sub-nav { border-top: 1px solid #2d2734; } header nav .sub-nav a { font-size: 12px; text-transform: uppercase; font-family: "Space Grotesk"; color: #fff; } header nav .sub-nav a:hover { color: #ff0000; } header nav .bar-navigation { display: flex; width: 100%; position: relative; justify-content: space-between; padding: 1rem; padding-bottom: 0; z-index: 6; position: absolute; top: 0; left: 0; flex-wrap: wrap; } header nav .bar-navigation a { font-size: 22px; color: #fff; } header nav .bar-navigation .back-nav { opacity: 1; display: block; visibility: visible; } header nav .bar-navigation .bar-navigation-border { content: ""; width: 100%; background-color: #2d2734; height: 1px; margin-top: 1rem; } @media (min-width: 992px) { header { height: 120px; } header .header-upper { /*position: absolute;*/ /*top: 0;*/ } header nav { bottom: 1rem; /*position: absolute !important;*/ } header nav .bar-navigation, header nav .mobile-logo { display: none !important; } header nav .top-menu { opacity: 1; visibility: visible; transform: translateX(0%); position: initial; height: auto; } header nav .sub-nav { display: none; } header nav .close-desktop-nav { position: absolute; right: 0; display: block; padding-top: 0; z-index: 400; width: 40px !important; background: none !important; margin: 0 !important; } header nav .close-desktop-nav a { font-size: 20px !important; font-weight: 700; margin: 0; padding: 0.5rem !important; text-align: center; } header nav ul { height: auto; padding-top: 0; } header nav ul li { margin: 0; } header nav ul li:hover > .sublist { opacity: 1; visibility: visible; transform: translateX(0%); } header nav ul.sublist { background-position: 200px center; left: -1rem; right: -1rem; width: auto; transform: translateX(0%); padding-top: 2px; } header nav ul.level-0 { display: flex; align-items: end; flex-direction: row; justify-content: space-evenly; height: 30px; padding-top: 0; border-top: 0; gap: 0.8rem; } } @media (min-width: 992px) and (min-width: 1236px) { header nav ul.level-0 { gap: 2rem; } } @media (min-width: 992px) { header nav ul.level-0 > li { /* required for logo positioned in center */ text-align: center; white-space: nowrap; display: flex; align-items: center; justify-content: center; } header nav ul.level-0 > li > a { border: none; height: auto; } header nav ul.level-0 > li > a .caret { display: none; } header nav ul.level-0 > li:nth-child(n+5) { order: 3; } header nav ul.level-0 .header-logo { flex-shrink: 0; display: flex; align-items: end; justify-content: end; margin-left: auto; margin-right: auto; position: relative; padding-top: 0; order: 3; border: none; } header nav ul.level-0 .header-logo a { padding: 0; height: 100%; } header nav ul.level-0 .header-logo img { height: 100%; max-height: 85px; } header nav ul.level-0 li .level-1 { max-height: 0; overflow: hidden; min-height: 0; } header nav ul.level-0 li.is-active .level-1 { max-height: 600px; min-height: 600px; } header nav ul.level-1 { position: absolute; top: 100%; z-index: 331; margin-top: 0.6rem; height: auto; background-color: black; } header nav ul.level-1:before { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 2px; z-index: 800; } header nav ul.level-1:after { content: ""; position: absolute; right: 0; top: 0; min-height: 600px; width: 66.66%; height: 100%; background-repeat: no-repeat !important; background-size: cover !important; transition: all 0.35s ease-in-out; } header nav ul.level-1.car-audio:before { background-color: #ff0000; } header nav ul.level-1.car-audio:after { background: url("../../images/nav/Mobile_Nav_v2.jpg"); } header nav ul.level-1.powersports-audio:before { background-color: #ff8e00; } header nav ul.level-1.powersports-audio:after { background-image: url("../../images/nav/PSports_Nav.jpg"); } header nav ul.level-1.marine-audio:before { background-color: #000FFF; } header nav ul.level-1.marine-audio:after { background-image: url("../../images/nav/Marine_Nav.jpg"); } header nav ul.level-1.home-audio:before { background-color: #009659; } header nav ul.level-1.home-audio:after { background-image: url("../../images/nav/Home_Nav.jpg"); } header nav ul.level-1.installation-accessories:before { background-color: #b3aca1; } header nav ul.level-1.installation-accessories:after { background-image: url("../../images/nav/ACC_nav.jpg"); } header nav ul.level-1.mtx-support:before { background-color: #b3aca1; } header nav ul.level-1.mtx-support:after { background-image: url("../../images/nav/Support_Nav.jpg"); } header nav ul.level-1 > li:not(.close-desktop-nav) { width: 33.33%; background-color: #000; } header nav ul.level-1 > li:not(.close-desktop-nav) > a { padding: 1rem !important; margin: 0; font-size: 12px; } header nav ul.level-1 > li:not(.close-desktop-nav):hover > a, header nav ul.level-1 > li:not(.close-desktop-nav):active > a, header nav ul.level-1 > li:not(.close-desktop-nav).is-active > a { color: #ff0000; border-color: #fff; } header nav ul.level-2 { z-index: 332; position: absolute; top: 0; width: 66.66%; left: 33.33%; background: rgba(0, 0, 0, 0.6); height: 100%; } header nav ul.level-2 > li { margin: 0 !important; } header nav ul.level-2 > li > a { font-family: "Space Grotesk"; padding: 1rem !important; letter-spacing: 0.05em; font-size: 12px; font-weight: 500; margin: 0; } header nav ul.level-2 > li:hover > a, header nav ul.level-2 > li:active > a, header nav ul.level-2 > li.is-active > a { color: #ff0000; border-color: #fff; } header nav ul.level-3 { position: absolute; top: 0; width: 50%; left: 50%; z-index: 333; background-color: blue; } header nav ul.level-3 > li > a { font-family: "Space Grotesk"; letter-spacing: 0.05em; font-size: 1rem; } header nav ul.level-3 > li:hover > a, header nav ul.level-3 > li:active > a { color: #000; border-color: #000; } header nav ul.level-4, header nav ul.level-5 { display: none !important; } } .hamburger { position: relative; } .hamburger::hover { cursor: pointer; } .hamburger .line { width: 50px; height: 3px; background-color: #ecf0f1; display: block; margin: 8px auto; } @media (min-width: 992px) { .hamburger { display: none; } } .bar-notification { display: none; position: fixed; top: 0; left: 0; width: 100%; padding: 15px 25px 15px 10px; line-height: 16px; background: #f00; color: #fff; opacity: 0.95; z-index: 400; } .bar-notification .content { margin-bottom: 0; } .bar-notification .content a { color: #fff; text-decoration: underline; } .bar-notification .content a:hover { font-weight: 700; } .bar-notification .close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; margin: 7px; cursor: pointer; background: #fff url("../../images/close.png") center no-repeat; } .big-promo { display: flex; gap: 1rem; flex-direction: column; justify-content: center; text-align: center; } @media (min-width: 768px) { .big-promo { flex-direction: row; justify-content: start; align-items: end; text-align: left; } } .special-offer .grid-row { display: grid; gap: 1rem; } @media (min-width: 768px) { .special-offer .grid-row { grid-template-columns: 7fr 5fr; } } .split-promo { display: flex; gap: 1rem; flex-direction: column; justify-content: center; text-align: center; } @media (min-width: 768px) { .split-promo { flex-direction: row; justify-content: start; align-items: end; text-align: left; } .split-promo .content-left { width: 60%; } .split-promo .content-right { width: 40%; } } @media (min-width: 768px) { .split-promo__center { align-items: center; } } @media (min-width: 768px) { .split-promo__large .content-left { width: 60%; } .split-promo__large .content-right { width: 40%; } } .special-offer { display: flex; align-items: center; flex-direction: column; justify-content: space-between; } .special-offer .content { display: flex; flex-direction: column; justify-content: center; } .special-offer .content .subhead { margin: 0; } .special-offer .media { display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (min-width: 768px) { .special-offer { flex-direction: row; } } .item-grid-5050 .item-box { display: flex; flex-direction: column; } .item-grid-5050 .item-box .image-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; } .item-grid-5050 .item-box .product-details { padding-top: calc(1.3875rem + 3.4833333333vw); padding-bottom: calc(1.3875rem + 3.4833333333vw); display: flex; flex-direction: column; justify-content: center; } @media (min-width: 1200px) { .item-grid-5050 .item-box .product-details { padding-top: 4rem; } } @media (min-width: 1200px) { .item-grid-5050 .item-box .product-details { padding-bottom: 4rem; } } .item-grid-5050 .item-box .picture { position: relative; overflow: hidden; } .item-grid-5050 .item-box .picture img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: scale-down; width: 100%; height: 100%; } .item-grid-5050 .item-box .picture:before { content: ""; display: block; height: 0; width: 0; padding-bottom: 75%; } @media (min-width: 768px) { .item-grid-5050 .item-box { flex-direction: row; } .item-grid-5050 .item-box:nth-child(even) .image-wrap { order: 2; } .item-grid-5050 .item-box .image-wrap { width: 50%; } .item-grid-5050 .item-box .product-details { width: 50%; padding-right: calc(1.2875rem + 0.95vw); padding-left: calc(1.2875rem + 0.95vw); } } @media (min-width: 768px) and (min-width: 1200px) { .item-grid-5050 .item-box .product-details { padding-right: 2rem; } } @media (min-width: 768px) and (min-width: 1200px) { .item-grid-5050 .item-box .product-details { padding-left: 2rem; } } .item-grid-5050 .product-archive { background-image: url("../../images/MTXObsolete_120x120.png") !important; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .item-grid-5050 .product-archive .picture { background: none !important; } .item-grid-5050 .prices .availability { display: none; } .item-grid-5050 .prices .old-price { text-decoration: line-through; } @media (min-width: 768px) { .item-grid-5050.offset-imgs .item-box { gap: 6rem; } .item-grid-5050.offset-imgs .item-box .image-wrap { margin-top: calc(-1.4875rem - 6.0166666667vw); margin-bottom: calc(-1.4875rem - 6.0166666667vw); } } @media (min-width: 768px) and (min-width: 1200px) { .item-grid-5050.offset-imgs .item-box .image-wrap { margin-top: -6rem; } } @media (min-width: 768px) and (min-width: 1200px) { .item-grid-5050.offset-imgs .item-box .image-wrap { margin-bottom: -6rem; } } @media (min-width: 768px) { .item-grid-5050.offset-imgs .item-box .image-wrap img { padding-top: calc(1.3875rem + 3.4833333333vw); padding-bottom: calc(1.3875rem + 3.4833333333vw); object-fit: contain; } } @media (min-width: 768px) and (min-width: 1200px) { .item-grid-5050.offset-imgs .item-box .image-wrap img { padding-top: 4rem; } } @media (min-width: 768px) and (min-width: 1200px) { .item-grid-5050.offset-imgs .item-box .image-wrap img { padding-bottom: 4rem; } } @media (min-width: 768px) { .item-grid-5050.offset-imgs .item-box .product-details { margin-top: calc(1.4875rem + 6.0166666667vw); margin-bottom: calc(1.4875rem + 6.0166666667vw); } } @media (min-width: 768px) and (min-width: 1200px) { .item-grid-5050.offset-imgs .item-box .product-details { margin-top: 6rem; } } @media (min-width: 768px) and (min-width: 1200px) { .item-grid-5050.offset-imgs .item-box .product-details { margin-bottom: 6rem; } } .breadcrumb { margin: 0; background-color: #2d2734; } .breadcrumb ul { display: flex; list-style: none; padding-left: 0; } .breadcrumb li { font-family: "Druk Wide"; font-size: 10px; color: #b3aca1; } .breadcrumb .delimiter { color: #b3aca1; } .breadcrumb a { color: #b3aca1; } .breadcrumb a:hover { color: #fff; } @media (max-width: 767.98px) { .breadcrumb .bc-par { /*display: none;*/ } .breadcrumb ul { justify-content: center; flex-flow: column nowrap; } } /* .breadcrumb { margin: 0 0 50px; background-color: #fff; color: #666666; padding: 5px 10px; } .breadcrumb ul { font-size: 0; } .breadcrumb li { display: inline-block; text-transform: uppercase; } .breadcrumb li > * { display: inline-block; margin: 0 5px; font-size: 12px; line-height: 32px; text-transform: uppercase; } .breadcrumb strong { font-weight: normal; } .breadcrumb a:hover { color: #ff0000; } */ .scroll-top-wrapper { display: flex; justify-content: center; width: 100%; background-color: transparent; margin-bottom: -1rem; } .scroll-top-wrapper #myBtn { z-index: 1; cursor: pointer; position: relative; } .scroll-top-wrapper #myBtn .triangle { width: 0; height: 0; border-style: solid; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 60px solid #f4f4f4; background-color: transparent; } .scroll-top-wrapper #myBtn .back-text { position: absolute; color: #f4f4f4; left: 5px; transform: rotate(90deg) translateY(-50%); font-family: "Druk Wide"; bottom: 17px; font-size: 10px; width: 60px; text-align: right; transform-origin: center; } @keyframes marquee { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-50%, 0, 0); } } .ticker-wrap { max-width: 100vw; width: 100%; overflow: hidden; position: relative; box-sizing: content-box; height: 80px; display: flex; align-items: center; } .ticker-wrap .ticker { position: absolute; white-space: nowrap; will-change: transform; padding-top: 1rem; padding-bottom: 1rem; } .ticker-wrap .ticker.ticker2 { display: none; } .ticker-wrap .ticker:hover { animation-play-state: paused; } .ticker-wrap .ticker__item { opacity: 0.3; white-space: nowrap; padding-right: 1rem; transition: all 0.2s ease; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 0; padding-left: 1rem; padding-right: 1rem; } /* Style the buttons that are used to open and close the accordion panel */ .accordion { padding: calc(1.3875rem + 3.4833333333vw); border: 1px solid #b3aca1; /* Style the accordion panel. Note: hidden by default */ } @media (min-width: 1200px) { .accordion { padding: 4rem; } } .accordion .ui-accordion-header, .accordion .accordion-title { cursor: pointer; width: 100%; text-align: left; border: none; border-radius: 0; border-top: 1px solid #b3aca1; transition: 0.4s; background: transparent; margin: 0; padding-left: 0; color: #000; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; padding-top: calc(1.2875rem + 0.95vw); padding-bottom: 0.5rem; } @media (min-width: 1200px) { .accordion .ui-accordion-header, .accordion .accordion-title { padding-top: 2rem; } } .accordion .ui-accordion-header:before, .accordion .accordion-title:before { display: none; } .accordion .ui-accordion-header:hover, .accordion .accordion-title:hover { color: #ff0000; } .accordion .ui-accordion-header:first-of-type, .accordion .accordion-title:first-of-type { border-top: 0; } .accordion .ui-accordion-header .ui-icon, .accordion .accordion-title .ui-icon { height: 8px; margin-left: 1rem; background-image: none; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000; } .accordion .ui-accordion-header.ui-state-active .ui-icon, .accordion .accordion-title.ui-state-active .ui-icon { transform: rotate(180deg); } .accordion .ui-widget-content { padding: 0; margin-top: 1rem; margin-bottom: 1rem; background-color: transparent; color: #000; } .accordion .ui-accordion-content, .accordion .accordion-content { background-color: transparent; display: none; border: none !important; } .product-accordion-wrapper .accordion-item { /* Style the accordion panel. Note: hidden by default */ } .product-accordion-wrapper .accordion-item .accordion-title { display: flex; justify-content: space-between; cursor: pointer; width: 100%; text-align: left; border: none; border-radius: 0; border-top: 1px solid #b3aca1; transition: 0.4s; background: transparent; margin: 0; padding-left: 0; color: #000; } .product-accordion-wrapper .accordion-item .accordion-title:after { content: ""; display: block; height: 8px; margin-left: 1rem; background-image: none; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000; } .product-accordion-wrapper .accordion-item .accordion-title.active:after { transform: rotate(180deg); } .product-accordion-wrapper .accordion-item .accordion-title:hover { color: #ff0000; } .product-accordion-wrapper .accordion-item .accordion-content { margin-top: 0.5rem; margin-bottom: calc(1.2875rem + 0.95vw); background-color: transparent; display: none; border: none; } @media (min-width: 1200px) { .product-accordion-wrapper .accordion-item .accordion-content { margin-bottom: 2rem; } } .theme-dark .accordion .ui-accordion-header, .theme-dark .accordion .accordion-title { color: #fff; } .theme-dark .accordion .ui-accordion-header .ui-icon, .theme-dark .accordion .accordion-title .ui-icon { border-top: 8px solid #fff; } .theme-dark .accordion .ui-widget-content { background-color: transparent; color: #fff; } .section-header { border-bottom: 4px solid #ff0000; } .split-hero { display: flex; flex-direction: column; } .split-hero .image-wrap { padding-top: calc(1.3875rem + 3.4833333333vw); padding-bottom: calc(1.3875rem + 3.4833333333vw); background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (min-width: 1200px) { .split-hero .image-wrap { padding-top: 4rem; } } @media (min-width: 1200px) { .split-hero .image-wrap { padding-bottom: 4rem; } } .split-hero .content-wrap { padding-top: calc(1.3875rem + 3.4833333333vw); padding-bottom: calc(1.3875rem + 3.4833333333vw); display: flex; flex-direction: column; justify-content: center; } @media (min-width: 1200px) { .split-hero .content-wrap { padding-top: 4rem; } } @media (min-width: 1200px) { .split-hero .content-wrap { padding-bottom: 4rem; } } .split-hero .content-wrap .btn { align-self: start; } @media (min-width: 768px) { .split-hero { flex-direction: row; } .split-hero .image-wrap { width: 50%; } .split-hero .content-wrap { width: 50%; } } @media (min-width: 768px) { .split-hero.split-hero-70-30 { flex-direction: row; } .split-hero.split-hero-70-30 .image-wrap { width: 70%; } .split-hero.split-hero-70-30 .content-wrap { width: 30%; } } @media (min-width: 768px) { .split-hero.split-hero-60-40 { flex-direction: row; } .split-hero.split-hero-60-40 .image-wrap { width: 60%; } .split-hero.split-hero-60-40 .content-wrap { width: 40%; } } @media (min-width: 768px) { .split-hero.split-hero-40-60 { flex-direction: row; } .split-hero.split-hero-40-60 .image-wrap { width: 40%; } .split-hero.split-hero-40-60 .content-wrap { width: 60%; } } .guide-hero { min-height: 90vh; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; align-items: center; justify-self: center; } .guide-hero .guide-hero-content { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .custom-hero .container-full-width { background-size: cover; background-repeat: no-repeat; } .product-item { display: flex; flex-direction: column; height: 100%; width: 350px; max-width: 100%; } .product-item .item-box { width: 350px; max-width: 100%; } .product-item .product-archive { background-image: url("../../images/MTXObsolete_120x120.png") !important; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .product-item .product-archive .picture { background: none !important; } .product-item .picture { position: relative; overflow: hidden; } .product-item .picture img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: scale-down; width: 100%; height: 100%; } .product-item .picture:before { content: ""; display: block; height: 0; width: 0; padding-bottom: 100%; } .product-item .product-title a { color: #000; } .product-item .details { display: flex; flex-direction: column; flex: 1; } .product-item .details .button-wrap { justify-self: baseline; } .product-item .details .add-info { flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .product-item .details .rate-box-wrap { display: flex; flex-flow: row nowrap; align-items: center; } .product-item .details .rate-box-wrap .rv-box-rate { width: 95px; height: 14px; background: url("/Content/icons/star-rate-1.png") repeat-x; display: inline-block; margin: 0 10px 0 0; } .product-item .details .rate-box-wrap .rv-box-rate > div { background: url("/Content/icons/star-rate-2.png") repeat-x; height: 14px; } .product-item .details .rate-box-wrap .rv-box-count { font-size: 0.8em; } .product-item .prices .availability { display: none; } .product-item .prices .old-price { color: #b3aca1; text-decoration: line-through; } .mtkpoploginform { padding: 0; z-index: 999; background-color: #000; max-width: 100%; } .mtkpoploginform * { font-family: "Space Grotesk"; } .mtkpoploginform .ui-widget-header { background: #000; color: #fff; } .mtkpoploginform .ui-widget-header button { background: none; } .mtkpoploginform .ui-widget-header button .ui-button-icon { background: url("/Content/icons/close-w.png") center no-repeat; } .mtkpoploginform .ui-widget-header button:hover { background: #2d2d2d; } .mtkpoploginform .popup-logo { text-align: center; } .mtkpoploginform form * { font-family: "Space Grotesk"; font-size: 1rem; color: #fff; } .mtkpoploginform form .form-fields { width: 320px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; } .mtkpoploginform form .form-fields .btn-red, .mtkpoploginform form .form-fields .btn-white { width: 100%; padding: 0.75rem 1.5rem; font-family: "Druk Wide"; font-size: 0.75rem; } .mtkpoploginform form .form-fields .lnk-white { text-decoration: underline; } .mtkpoploginform form .form-fields input:not(.btn-white), .mtkpoploginform form .form-fields select { color: #000; text-align: center; } .mtkpoploginform form .form-fields select { padding: 7px 0; } .mtkpoploginform form .form-fields select option { color: #000; font-family: "Space Grotesk", Arial; } .mtkpoploginform form .form-fields input::placeholder { color: #f00; } .mtkpoploginform form .form-fields .input-validation-error { background-color: #fff0f0 !important; border-left: 6px solid #f00; } .mtkpoploginform form .form-fields > * { margin: 5px auto; } .k-window-titlebar { background: #000; color: #fff; text-transform: uppercase; text-align: center; } @media (max-width: 575.98px) { .mtx-nl-signup { height: 700px !important; } } .mtx-nl { background: url("https://i.mtx.com/marketing/Newsletter-Background-Repeat.jpg"); background-repeat: repeat; text-transform: uppercase; padding: 0 !important; } .mtx-nl h2 { text-align: center; color: #f00; } .mtx-nl .nl-wrapper { display: flex; flex-flow: row wrap; align-items: center; } .mtx-nl .nl-wrapper .nl-img { content: url("https://i.mtx.com/marketing/Newsletter-Sign-Up.png"); } @media (max-width: 575.98px) { .mtx-nl .nl-wrapper .nl-img { content: url("https://i.mtx.com/marketing/Newsletter-Signup-Mobile.jpg"); } } .mtx-nl .nl-wrapper .nl-right { margin: 0 10px; width: 360px; font-weight: 700; } .mtx-nl .nl-wrapper .nl-right p { font-weight: 500; text-align: center; padding: 5px 20px; font-size: 0.9em; } .mtx-nl .nl-wrapper .nl-right input[type=text], .mtx-nl .nl-wrapper .nl-right input[type=email] { max-width: 300px !important; display: block; margin: 0 auto; } .mtx-nl .nl-wrapper .nl-right ul { list-style: none; text-align: left; } .mtx-nl .nl-wrapper .nl-right label > * { margin: 10px; } .mtx-nl .nl-wrapper .nl-right span.hs-form-required { display: none; } .mtx-nl .nl-wrapper .nl-right .hbspt-form { text-align: center; } .mtx-nl .nl-wrapper .nl-right .hs-button { border: 1px solid #f00; background: #f00; color: #fff; transition: all 0.35s ease-in-out; text-align: center; text-transform: uppercase; font-size: 1.1em; width: 200px; } .mtx-nl .nl-wrapper .nl-right .hs-button:hover { background: #fff !important; color: #f00 !important; border-color: #f00 !important; } .cp-wrap { width: 400px; max-width: 100%; } .cp-wrap .scratch { text-decoration: line-through; color: #b3aca1; } .cp-wrap.prod .yourPrice { font-family: "Druk Wide"; font-size: 1.875rem; font-weight: 400; } .cp-wrap.cat { margin: 10px 0; } .cp-wrap.cat .cp-cat-prc { display: flex; flex-flow: row nowrap; } .cp-wrap.cat .oldprice { margin-left: 50px; } .cp-wrap.cat .yourPrice { font-weight: 700; } .cp-wrap.cat .cp-col-prcs .cp-prc { display: flex; flex-flow: row nowrap; justify-content: space-between; } .cp-wrap.cat .cp-col-prcs .cp-prc > * { margin: 3px 10px; } .cp-wrap .cp-col-prcs .cp-prc { display: flex; flex-flow: row nowrap; gap: 1rem; } .cp-wrap .cp-col-prcs .cp-prc.yourPrice { font-size: 1rem; } .cp-btns { display: flex; flex-flow: row nowrap; width: 400px; max-width: 100%; padding-bottom: 2rem; } .cp-btns .cp-qty { max-width: 50px; border: 2px solid #000; text-align: center; font-weight: 400; } .cp-btns .cp-atc { margin-left: 3px; border: 2px solid #000 !important; background: #000; color: #fff; } .cp-btns .cp-atc:hover { background: #fff; color: #000; } /*# sourceMappingURL=main.css.map */