/* FONTS (via fonts.com) font-family:'Helvetica Neue LT W05_35 Thin'; font-family:'Helvetica Neue LT W05_45 Light'; font-family:'Helvetica Neue LT W05_55 Roman'; font-family:'Helvetica Neue LT W05_65 Medium'; font-family:'Helvetica Neue LT W01_75 Bold'; font-family:'Helvetica Neue LT W05_85 Heavy'; font-family:'Helvetica Neue LT W05_95 Black'; font-family:'Helvetica Neue LT W05_47 Lt Cn'; font-family:'Helvetica Neue LT W05_57 Cond'; */ /* theme */ /* VARIABLES */ :root { --accent-colour: #42b6e7; --accent-colour-rgb: 76,181,245; --border-colour: #E3E3E3; --border-colour-rgb: 215,215,215; --red: rgb(237,28,36); --red-rgb: 237,28,36; --error-colour: rgb(255,51,0); --col-blue: #42b6e7; --col-green: #AEBD38; --col-lgreen: #CDD57B; --col-dgreen: #959D42; --col-darkgreen: #035807; --col-orange: #ee3a2c; --col-orange2: #eb612b; --col-red: #e5002b; --vh; } body { color: #000; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 18px; } body.header-active { height: 100vh; overflow: hidden;} *::-webkit-scrollbar-track {background-color: rgba(var(--accent-colour-rgb), 0.2) } *::-webkit-scrollbar { width: 12px; height: 12px } *::-webkit-scrollbar-thumb { background-color: rgba(var(--accent-colour-rgb),1) } p { line-height: 1.5; margin-bottom: 30px; color: inherit} p.compact { line-height: 1.25; } p b { font-weight: normal; font-family: 'Helvetica Neue LT W01_75 Bold'; } p a { text-decoration: underline;} a {color: inherit} /*HEADER*/ header { position: absolute; display: block; width: 100%; background: #fff; z-index: 99; max-width: 1280px; left: calc(50% - 640px); top: -200px; transition: all .3s ease-out;} header * { transition: all .3s ease-out;} header.visible { top: 0;} div.burger { display: none;} header > div { display: block; width: 100%; position: relative;} header div.promo { background: transparent; z-index: 2; max-width: 580px; position: absolute; top: 90px; right: 0; z-index: 6} div.error { display: block; width: 100%; font-size: 0; position: fixed; top:-1px; left:0; max-height: 120px; z-index: 9999; overflow: hidden; opacity: 1; } div.error p { display: block; width: 100%; background: var(--error-colour); color: #fff; font-size: 18px; padding: 20px 10px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-align: center; padding-right: 45px;} div.error.hide { max-height: 0px; opacity:0} #error-close { display: block; position: fixed; top: 16px; right: 16px; font-size: 28px; color: #fff; z-index: 10000; cursor: pointer; transition: transform .3s ease-out;} div.error.hide #error-close { display: none} #error-close:hover { transform: scale(1.25)} div.video-help { display: block; width: 100%; font-size: 0; ; max-height: 120px; max-width: 1280px; margin: 0 auto; position: relative;} div.video-help p { display: block; width: 100%; background: var(--error-colour); color: #fff; font-size: 18px; padding: 20px 10px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-align: center; padding-right: 45px; margin-bottom: 0} div.video-help p a { text-decoration: underline;} div.video-help p a:hover { color: #fff;} div.video-help.hide { max-height: 0px; opacity:0} #video-help-close { display: block; position: absolute; top: 16px; right: 16px; font-size: 28px; color: #fff; z-index: 10000; cursor: pointer; transition: transform .3s ease-out;} div.preferred-location-mobile { display: none;} header div.top { z-index: 5;} /*LOGO*/ header div.logo { display: block; width: 100%; padding-left: 0px; padding: 25px 20px; z-index: 3; } header div.logo img { display: block; height: 40px; width: auto; margin: 0 auto 0 0;} div.location-selector { display: block; position: absolute; left: 420px; top: 0px; max-height: 90px; overflow: hidden; padding: 20px 30px; padding-left: 0px; background: #fff; cursor: pointer; z-index: 90; width: 300px} div.location-selector:before { content:""; display: block; position: absolute; left: 10px; top: 24px; width: 26px; height: 40px; background: url(/img/i/blue/pin.svg) no-repeat center center; background-size: contain; position: absolute;} div.location-selector div.location-toggle { padding-left: 40px; border-left: 1px solid #A0AAA9; padding-top: 10px; height: 50px; margin-bottom: 20px} div.location-selector div.location-toggle a { display: table; width: auto; font-size: 18px; font-family:'Helvetica Neue LT W01_75 Bold'; font-family: 'Helvetica Neue LT W05_55 Roman'; color: #A0AAA9; padding-right: 20px; margin: 0 auto 3px 0; position: relative; color: #000} div.location-selector div.location-toggle a:after { content:""; display: block; width: 10px; height: 12px; top: 0; right: 0; position: absolute;background: url(/img/icons/dark/arrow-down.svg) no-repeat right center; background-size: 10px 5px; z-index: 2;} div.location-selector div.preferred-location { display: block;font-size: 18px; font-family:'Helvetica Neue LT W01_75 Bold'; color: var(--col-blue); margin: 0 auto 20px; color: #000} div.location-selector.active { max-height: 100vh; overflow: auto; border: 1px solid #A2AAA9; top: 10px; width: 380px} div.location-selector.active:before { display: none;} div.location-selector.active div.location-toggle { border: 0; height: auto; margin-bottom: 20px} div.location-selector.active div.location-toggle a { margin: 0 auto; font-size: 18px} div.location-selector.active div.preferred-location { display: none;} div.location-selector.active div.location-toggle a { color: var(--col-red);} div.location-selector.active div.location-toggle a:after { transform: rotate(180deg); top: 4px;} div.popup-location { display: block; width: 100%; text-align: center; width: calc(100% - 30px); border-bottom: 1px solid #A2AAA9; margin: 0 0 20px 30px; padding-bottom: 20px;} div.popup-location:last-child { border-bottom: 0px solid #A2AAA9; margin-bottom: 0; padding-bottom: 0} div.popup-location div.title { display: block; width: 100%; text-align: center; font-size: 18px; font-family:'Helvetica Neue LT W01_75 Bold'; color: #000} div.popup-location div.l-address { display: block; width: 100%; text-align: center; font-size: 12px; font-family:'Helvetica Neue LT W05_55 Roman'; color: #000; margin: 10px auto 20px; line-height: 1.2;} div.popup-location div.l-hours {display: block; width: 100%; margin: 0 auto 15px; max-width: 280px;} div.popup-location div.l-hours div {display: flex; width: 100%; margin: 2px auto; justify-content: space-between; gap: 10px} div.popup-location div.l-hours div div {display: inline-block; width: 45%; vertical-align: top; font-size: 12px; font-family:'Helvetica Neue LT W05_55 Roman'; text-align: left; text-transform: uppercase;} div.popup-location div.l-hours div div:last-child { width: 55%; text-align: right; } div.popup-location a.button { margin: 30px auto 0; font-size: 14px; text-transform: none;} div.popup-location.active a.button { display: none;} div.popup-location a.button.gmap, div.popup-location a.button.waze { display: inline-block; vertical-align:top; margin: 0 5px;} div.popup-location.active div.title { color: var(--col-blue); font-size: 20px; text-transform: uppercase;} div.popup-location.active div.l-address, div.popup-location.active div.l-hours div div { font-family:'Helvetica Neue LT W05_65 Medium';} div.map-buttons { text-align: center; } div.map-buttons span { font-size: 14px; font-weight: 700; color: #000; line-height: 20px; display: inline-block; vertical-align: middle; margin-right: 10px} div.map-buttons a { display: inline-block; vertical-align: middle;} div.map-buttons img { height: 20px; margin: 0 0 0 5px; } div.map-buttons a.waze img { height: 24px; position: relative; top: 3px} body.search-active header div.logo { opacity: 0} header div.badge { display: block; width: 108px; padding: 20px; z-index: 4; position: absolute; display: none;} header div.badge img { display: block; height: 50px; width: auto; margin: 0 auto;} header.reduced div.logo { display: block; width: 200px; padding: 0; height: 50px; position: absolute; left: 0; top: 0; background: url(/img/logo-white.svg) no-repeat center center; background-size: 150px 40px;} header.reduced div.logo img { display: none;} /*TOOLBAR*/ div.tools { display: block; position: absolute; right: 0px; top: 0;} div.tools ul { display: block; text-align: right; gap:0; justify-content: space-between;display: flex; } div.tools ul li { display: inline-block; text-align: right; padding-top: 38px;} div.tools ul li a { display: block; text-align: right; padding-left: 25px; position: relative;} div.tools ul li a img { display: block; height: 15px;} div.tools ul li a:hover img { transform: scale(1.1)} header.reduced div.tools li { padding-top: 15px} header.reduced div.tools li a img { filter: invert(100%)} a.cart-indicator.beat-once { -webkit-animation: heartbeat 1s 1; animation: heartbeat 1s 1; } a.cart-indicator.active:after {position: absolute; top: -8px; right: -16px; width: 16px; height: 16px; line-height: 15px; padding-top: 2px;text-align: center; font-size: 12px; font-family: 'Helvetica Neue LT W05_55 Roman'; color: #fff; content: attr(data-items); background-color: var(--col-red); border-radius: 20px; display: block} /*NAV*/ header div.nav { display: block; width: 100%; text-align: left; z-index: 3; background: #42b6e7} header div.nav nav { display: block; width: 100%; text-align: center; max-width: 1280px; padding: 0px; margin: 0 auto; max-height: 40px; overflow: visible;} header div.nav nav > ul { display: block; width: 100%; text-align: left; width: calc(100% - 480px); gap:0; justify-content: flex-start;display: flex; } header div.nav nav > ul > li:nth-child(6) > a { background-color: #e5002b} header div.nav nav > ul > li:nth-child(2) > a img { width: 140px} header div.nav nav > ul.js-mobile-menu { display: none} header div.nav nav > ul > li { display: inline-block; text-align: center; padding: 0px 0px; vertical-align: top; position: relative;} header div.nav nav > ul > li > a { display: table; width: auto; text-align: center; margin: 0 auto; font-family: 'Helvetica Neue LT W05_65 Medium'; font-size: 13px; color: #fff; line-height: 40px; padding: 0 10px; text-transform: uppercase;} header div.nav nav > ul > li:first-child > a { padding-left: 20px;} header div.nav nav > ul > li > a.active { background-color: #e5002b} header div.nav nav > ul > li:hover > a { background-color: #e5002b; color: #fff;} /*header.reduced div.nav nav > ul > li { padding: 5px 0px;}*/ /*header.reduced div.nav nav > ul > li > a { line-height: 20px;border-bottom: 0px solid transparent; }*/ div.subnav { display: none; } header div.nav nav ul li:hover div.subnav { display: block; width: 300px; margin: 0 auto; position: absolute; text-align: left; } header div.nav nav ul li:hover div.subnav > div { display: block; width: 100%; max-width: 1280px; margin: 0 auto; position: relative; padding-right: 0px; text-align: left; transition: none;} div.subnav > ul { display: block; width: 100%; background-color: #e5002b; color: #fff;} div.subnav > ul > li { display: block; width: 100%; text-align: left; padding-right: 10px; } div.subnav > ul > li > a { display: block; width: 100%; text-align: left; font-size: 14px; line-height: 32px; color: #fff; font-family: 'Helvetica Neue LT W05_55 Roman'; text-transform: uppercase; padding-left: 20px; background: url() no-repeat center right; background-size: auto 11px } div.subnav > ul > li.sublink > a { background: url(/img/icons/white/gt.svg) no-repeat center right; background-size: auto 11px ; cursor: pointer;} div.subnav > ul > li > div { display: none;} div.subnav > ul > li:hover { background-color: #ee3a2c; position: relative;} div.subnav > ul > li:hover > div { display: block; position: absolute; top: 0; right: -300px; background-color:#ee3a2c ; width: 300px;} div.subnav > ul > li:hover > div a { display: block; width: 100%; color:#fff; font-size: 14px; line-height: 40px; padding-left: 10px; text-transform: uppercase; } div.subnav > ul > li:hover > div a:hover { background: #e5002b; } /*PROMO BAR*/ header div.promo-gold { width: 100%; display: block; gap:0; justify-content: space-between;display: flex; } header div.promo-gold a { display: inline-block; vertical-align: top; border-left: 1px solid #a6dafa; text-align: left; font-size: 12px; color: #fff; font-family: 'Helvetica Neue LT W01_75 Bold'; line-height: 40px; padding-left: 9px; padding-right:9px} header div.promo-gold a small { font-size: 11px} header div.promo-gold a:first-child { } header div.promo-gold a:hover { background: var(--col-green); } header div.promo-gold a:before { content: ""; display: inline-block; height: 40px; width: 13px; background: url(/img/i/white/phone.svg) no-repeat center center; background-size: contain; margin-right: 10px; vertical-align: top;} /*FOOTER*/ footer { display: block; width: 100%; background: #fff; padding: 30px 70px 20px; color: #000;} footer div.row { display: block; width: 100%; max-width: 1140px; margin: 0 auto;display: flex; justify-content: space-between; gap: 0; } footer div.row:first-child { margin-bottom: 40px;} footer div.footer-logo, footer ul.social {display: inline-block; vertical-align: top;} footer div.footer-logo {padding: 0px; width: 200px;} footer div.footer-logo img {display: block; width: 100%; height: auto; margin: 0 auto;} div.footer-row-2025 { display: flex; gap: 50px; justify-content: space-between; align-items: flex-start; width: 100%; margin-top: 40px; margin-bottom: 10px} div.footer-row-2025 > div:first-child { width: 200px; } div.footer-row-2025 > div:last-child { width: 406px; } div.footer-row-2025 > div:nth-child(2), div.footer-row-2025 > div:nth-child(3) { padding-left: 40px; width: calc(50% - 378px)} div.footer-row-2025 > div:nth-child(3) { padding-left: 20px; } div.footer-row-2025 p, div.footer-row-2025 a {font-size: 12px;} div.footer-row-2025 div.title {font-size: 12px; font-family:'Helvetica Neue LT W01_75 Bold'; margin-bottom: 8px} div.footer-row-2025 p {line-height: 1.66;} div.footer-row-2025 strong {display: block; margin-bottom: 3px} div.footer-row-2025 div.footer-locations {display: grid; grid-template-columns: 1fr 1fr; column-gap: 50px; row-gap: 25px; margin-top: 20px} div.footer-row-2025 a { text-decoration: none;} p.footer-content { margin: 0 auto 70px; max-width: 1280px; padding: 50px 0px 0; border-top: 1px solid #ccc; } /*FOOTER SOCIAL*/ footer ul.social { display: inline-block; width: 140px; display: flex; justify-content: space-between; gap: 0; } footer ul.social li { display: inline-block; vertical-align: middle;} footer ul.social li a { display: block; font-size: 20px; padding-right: 20px;; text-align: right; color: #000; line-height: 40px;} footer ul.social li:last-child a { padding-right: 0px;} footer ul.social li a:hover { color: var(--col-blue)} footer ul.nav { display: inline-block; width: calc(100% - 340px); vertical-align: top; padding: 0 40px;display: flex; justify-content: flex-start; gap: 0; } footer ul.nav li { display: inline-block; vertical-align: top; text-align: center; padding: 0px 50px; width: auto} footer ul.nav li a { display: block; width: 100%; text-align: left; font-size: 12px; line-height: 20px; color: #000; font-family: 'Helvetica Neue LT W05_55 Roman';} footer ul.nav li a b { display: block; width: 100%; text-align: center; font-size: 18px; line-height: 1.1; font-family: 'Helvetica Neue LT W01_75 Bold'; font-weight: normal; margin-bottom: 20px; font-family: 'Helvetica Neue LT W05_65 Medium';} /*DISCLAIMER*/ footer div.disclaimer {display: flex; width: 100%; text-align: left; padding: 0px; margin-top: 0px; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 12px; color: #000; gap: 30px; justify-content: space-between; align-items: flex-end} footer div.disclaimer div.fdo {width: 450px; } footer div.disclaimer p { line-height: 1.5; margin-bottom: 0; font-family: 'Helvetica Neue LT W05_55 Roman'} footer div.disclaimer p a { display: inline-block; color: #000; text-decoration: none; font-family: 'Helvetica Neue LT W05_55 Roman'} footer div.disclaimer p a:hover { color: var(--col-blue);} /* CONTAINERS */ #mainbody { position: relative; z-index: 1;} article { display:block; width: 100%; padding-top: 130px} article.narrow { max-width: 1280px; margin: 0 auto; } article.category { } div.masthead,div.masthead-2021, div.wrapper, div.banner { display:block; width: 100%; position: relative; margin: 0 auto 20px; max-width: 1280px; } div.masthead img { display: block; width: 100%;} div.masthead div.imgholder { display: block; width: 100%;} div.wrp-content { padding: 0px 60px;} div.wrp-narrow { padding: 0px 70px;} div.wrapper.no-space { margin: 0 auto; } div.masthead.main { margin-bottom: 30px; } div.wrp-text h4 { padding: 10px 0px 40px} div.wrp-text p {font-size: 16px;} aside { display: inline-block; width: 280px; vertical-align: top} .right-side { display: inline-block; width: calc(100% - 300px); vertical-align: top; font-size: 0} .right-side.bordered { padding-left: 40px; margin-bottom: 100px} div.content { display: block; width: 100%; font-size: 18px} div.content p { color: #000; line-height: 1.5; } div.content h2 { margin-bottom: 20px;} /*div.content p:first-child { margin-top: 30px}*/ div.splitter {display: block; width: 100%; font-size: 0; position: relative;} div.splitter > div {display: inline-block; vertical-align: top} div.splitter.s50_50 > div, div.splitter.split-2 > div { width: 50%; } div.splitter.s50_50_spaced > div { width: 50%; padding-right: 10px;} div.splitter.s50_50_spaced > div:last-child { width: 50%; padding-left: 10px; padding-right: 0px;} div.splitter.s30_70 > div { width: 30%; } div.splitter.s30_70 > div:last-child { width: 70%; } div.splitter.s70_30 > div { width: 70%; } div.splitter.s70_30 > div:last-child { width: 30%; } div.splitter.split-3 > div { width: 33.33%; } div.splitter.split-3 > div:nth-child(2) { width: 33.34%; } div.splitter.split-4 > div { width: 25%; } .margin-top-100 { margin-top: 100px !important} .margin-top-50 { margin-top: 50px !important} .margin-bottom-100 { margin-bottom: 100px !important} .margin-bottom-50 { margin-bottom: 50px !important} .margin-bottom-0 { margin-bottom: 0px !important} /*CAPTIONS*/ div.caption { position: absolute; display: block; color: #000;} div.caption.white { color: #fff;} div.caption.left { left: 0} div.caption.right { right: 0} div.caption.top { top: 0} div.caption.bottom { bottom: 0} div.caption.center{ left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } div.caption.middle { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } div.caption.center.middle { transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); } div.half-width { width: 50%;} div.full-width { width: 100%;} div.caption div.tagline {font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 36px; display: block; width: 100%; text-align: center; padding: 0 0px 0px; color: var(--accent-colour);} div.caption div.title {display: block; width: 100%; text-align: center; font-family: 'Helvetica Neue LT W05_55 Roman'; margin-bottom:40px; } div.caption div.title-1 {font-size: 100px; } div.caption div.title-2 { font-size: 75px; font-family: 'Helvetica Neue LT W05_55 Roman'; color: #fff; line-height: 1} div.caption div.title-2 em { font-size: 2.15em; font-family: 'Helvetica Neue LT W05_55 Roman'; display: block; font-style: normal; line-height: 0.7em} div.caption div.subtitle { display: block; width: 100%; text-align: center; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 18px; color: #fff; margin-top: -24px; margin-bottom: 30px} div.caption p { display: block; width: 100%; text-align: center; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 18px; color: #fff; text-transform: uppercase; max-width: 520px; margin: -10px auto 30px;} div.caption div.title-3 {font-size: 60px; } div.caption div.title-4 { font-size: 120px; font-family: 'Helvetica Neue LT W05_55 Roman'; color: #fff; line-height: 120px; margin-top: 20px} div.caption div.title-5 { font-size: 110px; font-family: 'Helvetica Neue LT W05_45 Light'; color: #fff; line-height: 110px; margin-top: 0px; margin-bottom: 50px; letter-spacing: 0px; opacity: 0} div.caption div.title-6 { font-size: 30px; font-family: 'Helvetica Neue LT W05_65 Medium'; color: #fff; line-height: 30px; margin-top: 0px; margin-bottom: 40px; opacity: 0} div.caption-7 { position: static; } div.caption div.title-7 { background-color: var(--col-green); font-size: 28px; font-family: 'Helvetica Neue LT W05_65 Medium'; color: #fff; line-height: 1.2; padding: 24px 310px 24px 45px; display: block; position: relative; text-align: left; margin: 0} div.caption div.title-7 a { background-color: var(--col-red); font-size: 24px; font-family: 'Helvetica Neue LT W05_65 Medium'; color: #fff; line-height: 1; height: 100%; padding: 0; text-align: center; text-transform: uppercase; position: absolute; display: block; width: 260px; top: 0; right: 0} div.caption div.title-7 a span { display: block; font-size: 24px; font-family: 'Helvetica Neue LT W05_65 Medium'; color: #fff; line-height: 1; position: relative; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } div.caption div.title-7 a:hover { background-color: var(--col-blue); } div.caption div.buttons a.button {background-color: var(--red); font-size: 20px; color: #fff; font-family: 'Helvetica Neue LT W01_75 Bold'; line-height: 60px; padding: 0 30px; transition: all .3s ease-out} div.caption div.buttons a.button:hover {background-color: var(--accent-colour);} /*BUTTONS*/ div.buttons { display: block; width: 100%; font-size: 0; text-align: center;} a.button { display: table; ; font-size: 0; text-align: center; line-height: 40px; font-size: 16px; font-family: 'Helvetica Neue LT W01_75 Bold'; padding: 0 25px; text-transform: uppercase; background: var(--accent-colour); color: #fff; margin: 0 auto; text-decoration: none; transition: all .3s ease-out} a.button.button-green {background-color: #AEBD38} a.button.left { margin: 0 auto 0 0} a.button.button-gray { background: #ccc; } a.button.black { background: #000; } a.button:hover { background-color: #b1b9b9} div.buttons a.button { display: inline-block; margin: 0 5px;} a.button-simple { display: table; margin: 0 auto; text-transform: uppercase; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 20px; text-align: center; } /*BXSLIDER*/ .bx-wrapper { margin-bottom: 0} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 30px;} .bx-wrapper .bx-pager.bx-default-pager a { background: transparent; border: 1px solid #fff; margin: 0 5px;} .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff;} /*SLICK*/ ul li.slick-slide {position: relative;} ul.slick-dots { position: absolute; bottom: -15px; width: 100%; left: 0; text-align: center; margin: 0; padding: 0; font-size: 0} ul.slick-dots li { display: inline-block; vertical-align: top; margin: 0 auto; padding: 0; font-size: 0} ul.slick-dots li button[type="button"] { background: transparent; border: 1px solid #666; margin: 0 5px; width: 10px; height: 10px; padding: 0; display: inline-block; font-size: 0; border-radius: 10px; line-height: 0} ul.slick-dots li.slick-active button[type="button"] { background: #666;} .slick-vertical .slick-slide { border: 0} /*GRIDS*/ ul.boxes { display: block; width: 100%; font-size: 0; } ul.boxes li { display: inline-block; width: calc(50% - 5px); position: relative; vertical-align: top; margin-bottom:10px; height: 0; padding-bottom: calc(50% - 5px);} ul.boxes li:nth-child(odd) { margin-right: 10px;} ul.boxes li.full { display: block; width: 100%; position: relative; vertical-align: top; padding-bottom: 0; height: auto;} ul.boxes li.third { display: inline-block; width: calc(33.33% - 6.66px); position: relative; vertical-align: top; margin-bottom:10px; margin-right: 10px; padding-bottom: calc(33.33% - 6.66px); } ul.boxes li:nth-child(3n) { margin-right: 0px;} ul.boxes li img { display: block; width: 100%; position: absolute; } ul.boxes li.full img { position: static; } ul.grid { display: block; width: 100%; text-align: center; display: flex; justify-content: space-between; gap: 0; flex-wrap: wrap;} ul.grid > li { display: inline-block; vertical-align: top;} ul.grid.grid-categories { width: calc(100% + 20px); margin-bottom: 50px; } .wrp-home-categories ul.grid.grid-categories { margin-top: 20px;} ul.grid.grid-categories > li { width: 25%; padding: 0 20px 20px 0px; opacity: 0; max-width: 296px;} ul.grid.grid-categories > li div.thumb { display: block; border: 2px solid #C5C6C7; padding: 0px;} ul.grid.grid-categories > li div.thumb a { display: block; } ul.grid.grid-categories > li div.thumb img { display: block; width: 100%;} ul.grid.grid-categories > li:hover div.thumb { border: 2px solid var(--col-blue); padding: 0px;} ul.grid.grid-categories > li a { display: block; } ul.grid.grid-categories > li a img { display: block; } ul.grid.grid-categories > li a:hover { color: var(--accent-colour); } ul.grid.grid-categories > li a:hover img { display: block; } ul.grid.grid-categories > li div.title { display: block; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 16px; text-align: center; padding: 15px 0 10px; text-transform: uppercase; color: #363636;} ul.grid.grid-categories > li:hover div.title { color: var(--col-blue)} div.suppliers-wrapper { max-width: 1140px; overflow: hidden; display: block; width: 100%; margin: 20px auto 50px} ul.grid.grid-suppliers { max-width: 1140px; width: 100%; text-align: center;display: flex; justify-content: space-between; gap: 0; flex-wrap: wrap;} ul.grid.grid-suppliers > li { width: 20%; height: 100px; border-top: 0; border-left: 0; position: relative;} ul.grid.grid-suppliers > li a { width: 100%; height: 100px; display: block; position: relative} ul.grid.grid-suppliers > li img { position: relative; display: block; margin: 0 auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); object-fit: contain; max-width: 100%; max-height: 100%;} a.blue-button { line-height: 50px; color: #fff; background: var(--col-blue); text-align: center; padding: 0 30px; font-size: 14px; text-transform: uppercase; display: table; margin: 0 auto; width: auto; font-family: 'Helvetica Neue LT W01_75 Bold';} a.blue-button:hover { background: var(--col-green); } /*GENERAL*/ h1,h2,h3,h4,h5,h6 { display: block; width: 100%; margin: 0 auto; line-height: 1.1; text-align: left; padding: 0; position: relative; } h1 { font-family: 'Helvetica Neue LT W05_55 Roman'; text-align: center; font-size: 36px; padding: 50px 20px; letter-spacing: 0.33em; left: 0em} h2 { font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 36px; text-align: left; margin: 0 auto; letter-spacing: 1px; color: #000; text-transform: uppercase; line-height: 1.1} h2.home { text-align: center; padding: 55px 0; } h2.home2 { font-size: 36px; letter-spacing: 1px; margin: 40px auto; text-align: center; line-height: 1.2} h2.red { color: var(--red)} h3 { font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 48px; margin: 0 auto 32px; letter-spacing: 0.5em; } h4 { font-family: 'Helvetica Neue LT W05_55 Roman'; text-align: center; font-size: 18px; line-height: 1.25; padding: 12px 0px; letter-spacing: 0; left: 0em } h5 { font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 12px; line-height: 1.25; padding: 26px 0px 14px; letter-spacing: 0; left: 0em } h6 { font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 18px; line-height: 1.25; margin: 38px auto 18px; letter-spacing: 1px; color: #000} h2.bolder { font-family:'Helvetica Neue LT W05_65 Medium';} div.thumbnail { display: block; width: 100%} div.thumbnail img { display: block; width: 100%} /*CATEGORY*/ div.page-header { display: block; width: 100%; background-color: #f2f2f2; padding: 30px 70px 30px; position: relative; margin-bottom: 60px;} div.page-header > p { margin-top: 20px; font-size: 16px; } div.page-header h1 { font-size: 56px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-transform: uppercase; color: #363636; text-align: left; padding: 0px 0 0px; line-height: 1; letter-spacing: 0px; } div.page-header h1.cart-blue { padding-left: 100px; background: url(/img/i/cart-blue.svg) no-repeat left center; background-size: 62px auto;} div.page-header h1.customer { padding-left: 88px; background: url(/img/i/headset-blue.svg) no-repeat left center; background-size: 49px auto; padding-top: 10px;} div.page-header div.breadcrumb { text-align:left; max-width: 500px; padding: 0; margin-bottom: 20px} div.page-header + div.wrapper { margin-top: 30px;} /*CATEGORY*/ div.category-header-2025 { display: block; width: 100%; background: #F2F2F2; position: relative; padding: 0px; margin-bottom: 20px} div.category-overview-2025 { display: flex ; gap: 0; justify-content: space-between; align-items: normal;} div.category-overview-2025 > div:first-child { width: 55%; padding: 30px 0 30px 70px} div.category-overview-2025 > div:last-child { width: 45%; } div.category-image-2025 { display: block; background: url() no-repeat center bottom; background-size: contain; z-index: 2; height: 100%;} div.category-overview-2025 h1 { font-size: 55px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-transform: uppercase; color: #363636; text-align: left; padding: 0px 0 20px; line-height: 1.1; letter-spacing: 0px; left: 0; margin-bottom: 30px;} div.category-description { padding: 0px 70px 30px; } div.category-description h3.category-title { text-transform: uppercase;} div.category-header-2025 div.breadcrumb { padding: 30px 70px 0; text-align:left; max-width: 100%; color: #363636; font-size: 12px; display: block;} div.category-header { display: block; width: 100%; background: #F2F2F2; position: relative; padding: 0px; min-height: 480px; font-size: 0; margin-bottom: 20px} div.category-header-larger { min-height: 0px; } div.category-header.category-page-only { min-height: 560px; } div.category-overview h1 { font-size: 55px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-transform: uppercase; color: #363636; text-align: left; padding: 10px 0 20px; line-height: 1.1; letter-spacing: 0px; left: 0; margin-bottom: 50px;} div.category-overview h1.new { margin-bottom: 30px; padding: 0} div.category-header div.breadcrumb { position: absolute; right: auto; bottom: auto; left: 70px; top: 30px; text-align:left; max-width: 100%; padding: 0; color: #363636; font-size: 12px; } div.category-header div.breadcrumb a { color: #363636; font-size: 14px; } div.category-header div.breadcrumb a:before { color: #363636; font-size: 14px; } div.category-header div.breadcrumb span { color: #363636; font-size: 14px; } div.category-header div.title { display: block; text-align: left; color: #7098a6; font-size: 18px; font-family: 'Helvetica Neue LT W01_75 Bold'; } div.category-header div.category-overview { display: block; width: 55%; vertical-align: top; padding: 30px 0 30px 70px; z-index: 3; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);} div.category-header-larger div.category-overview { width: 100% !important; position: relative; top: 0; transform: none;-webkit-transform: translateY(0%); -ms-transform: translateY(0%); padding: 100px 40px 70px 70px; } div.category-header div.category-overview.about-us h1 { padding: 50px 0 25px;} div.category-header div.category-overview h5 { padding: 0; margin: 0; color: #363636; font-size: 24px; text-transform: uppercase; font-family: 'Helvetica Neue LT W05_55 Roman'; letter-spacing: 0px; line-height: 1.25; left: 0; margin-bottom: 18px;} div.category-header div.category-image { display: block; position: absolute; top: 0; right: 0px; width: 45%; vertical-align: bottom; background: url() no-repeat center bottom; background-size: contain; height: 100%; z-index: 2; } div.category-header-larger div.category-image { display: none;} div.category-header.category-page-only div.category-image { max-height: 480px;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);} div.category-header p { display: block; margin-bottom: 20px; color: #000; font-size: 18px; line-height: 1.5; padding-right: 20px; max-width: 520px} div.category-header-larger p { max-width: 100%; margin-top: 30px} div.category-header-larger p img { float: right; display: block; width: 400px; margin: 0 0 30px 30px;} /*ul.subcategory { display: block; width: 100%; text-align: left; font-size: 0; margin: 0px auto; position: relative; padding-top: 50px}*/ /*ul.subcategory li { opacity: 0; transition: opacity .3s ease-out;}*/ /*div.subcategory { display: block; max-height: 50px; overflow: hidden; }*/ /*div.subcategory.open { overflow: visible; }*/ /*div.subcategory.open ul.subcategory li { opacity: 1;}*/ /*ul.subcategory:before { content:"SELECT A SUB-CATEGORY"; display: block; width: 100%; text-align: left; font-size: 0; margin: 0px auto; height: 50px;color: #fff; line-height: 50px; border: 0; font-size: 14px; text-transform: uppercase; transition: all .3s ease-out; background-color: var(--col-green); position: absolute; top: 0; left: 0; z-index: 3; padding: 0 20px; box-sizing: border-box;}*/ /*ul.subcategory:after { content:""; height: 50px; width: 11px; background: url(/img/i/arrow-down.svg) no-repeat center center; position: absolute; top: 0; right: 20px; z-index: 4; display: block}*/ /*div.subcategory.open ul.subcategory:after { transform: rotate(180deg);}*/ /*ul.subcategory li { display: block; width: 100%; padding: 0px; vertical-align: top; margin: 0 auto;}*/ /*ul.subcategory a { display: block; color: #fff; line-height: 50px; border: 0; font-size: 14px; text-align: left; text-transform: uppercase; transition: all .3s ease-out; background-color: var(--col-green); padding: 0 20px;}*/ /*ul.subcategory a:hover { background-color: var(--col-lgreen);}*/ ul.subcategory { display: block; width: 100%; text-align: left; font-size: 0; margin: 0px auto;} ul.subcategory li { display: inline-block; width: calc(50% - 20px); padding: 0px; vertical-align: top; margin-right: 20px; margin-bottom: 10px;} ul.subcategory li:nth-child(even) { margin-right: 0; } ul.subcategory a { display: block; background-color: var(--col-blue); font-family: 'Helvetica Neue LT W05_65 Medium'; line-height: 36px; border: 0px solid var(--col-blue); font-size: 14px; text-align: center; text-transform: uppercase; transition: all .3s ease-out; color: #fff;} ul.subcategory a:hover { background-color: var(--col-green); color: #fff;} div.subcategory-buttons { display: block; font-size: 0; text-align: left; width: calc(100% + 10px); margin-left: -5px; } div.subcategory-buttons a { display: inline-block; width: calc(25% - 10px); margin: 0 5px 10px; color: #fff; line-height: 50px; border: 0; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; text-align: center; text-transform: uppercase; transition: all .3s ease-out; background-color: var(--col-green); padding: 0 10px;} div.subcategory-buttons a:hover { background-color: var(--col-blue)} div.category-header div.category-overview h1 + h5 { margin-top: -60px} div.js-category-content { display: block; margin-top: 0px; padding: 0 70px;} div.category-promo { display: block; width: 100%; position: relative; margin-top: -20px;} div.category-promo > img { display: block; width: 100%; } div.category-promo div.title { display: block; width: 100%; position: absolute; padding: 0 340px 0 60px; top: 50%; color: #7098a6; font-size: 46px; line-height: 1; left: 0; margin-top: -25px; line-height: 50px; letter-spacing: 4px;} div.category-promo a.button { display: table; width: auto; position: absolute; top: 50%; color: #fff; font-size: 20px; font-family: 'Helvetica Neue LT W01_75 Bold'; line-height: 80px; right: 60px; margin-top: -40px; padding: 0 25px; background-color: var(--red); cursor: pointer; } div.category-promo a.button:hover { background-color: var(--accent-colour);} div.summer-promo { display: block; width: 100%; max-width: 1280px; height: 120px; background: url(/img/promos/bbq.jpg) no-repeat right center; background-size: cover; margin-top: -20px;} /* CATEGORY FILTERS*/ div.category-filters { display: none; width: 100%; padding:40px 0px; border-top: 1px solid var(--border-colour); font-size: 0; margin-bottom: 60px;} div.category-filters > div { display: inline-block; vertical-align: top; position: relative; } div.category-filters > div.js-toggle-filter {width: 160px; display: none;} div.js-toggle-filter a { display: block; width: 100%; padding-left: 40px; line-height: 40px; background: url(/img/icons/dark/filter.svg) no-repeat left center; background-size: 20px 11px; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; color: #000; text-align: left;} div.sort-by {width: calc(100% - 450px); text-align: left; } div.sort-by ul { width: 200px; display: block; text-align: left; max-height: 40px; overflow: hidden; } div.sort-by.open ul { max-height: 200px; } div.sort-by ul li { width: 100%; text-align: left; display: block; } div.sort-by ul li a { width: 100%; text-align: left; display: block; line-height: 38px; border: 1px solid var(--border-colour); border-bottom: 0; padding: 0 14px; text-transform: uppercase; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; color: #000; position: relative;} div.sort-by ul li a:hover { background-color: var(--border-colour); } div.sort-by ul li:last-child a { border-bottom: 1px solid var(--border-colour)} div.sort-by ul li:first-child a:after {content: ""; position: absolute; background: url(/img/icons/dark/arrow.svg) no-repeat center center; background-size: 10px 20px; right: 15px; top: 10px; transform: rotate(270deg); height: 20px; width: 10px; transition: all .1s ease-out} /*div.sort-by ul li a:first-child:hover:after {transform: rotate(90deg); }*/ div.category-pages { width: 290px; display: none!important;} div.category-pages > a { font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; color: #000; vertical-align:top; line-height: 40px;} div.category-pages ul { display: inline-block; width: 200px; text-align: right; vertical-align:top; position: absolute; top: 0; right: 0} div.category-pages ul li { display: inline-block; vertical-align: top; margin-left: 10px; } div.category-pages ul li a, div.category-pages ul li span { display: block; width: 100%; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; color: #000; text-align: center; line-height: 38px; border: 1px solid var(--border-colour); width: 40px; height: 40px;} div.category-pages ul li span { width: 80px;} div.category-pages ul li a { background: url(/img/icons/dark/arrow.svg) no-repeat center center; background-size: 20px 10px;} div.category-pages ul li a.next { transform: rotate(180deg);} div.js-category-content.js-hide-filters aside { position: absolute; left: -300px; top: 0} div.js-category-content.js-hide-filters div.right-side { display: block; width: 100%; padding-left: 0} div.js-toggle-filter { display: none;} div.category-nav { display: block; width: 100%; border: 0px solid var(--border-colour); padding: 20px 0px 0px; font-size: 0; background: var(--col-green)} div.category-nav div.title { display: block; width: 100%; color: #fff; font-size: 18px; text-align: left; line-height: 1; font-family: 'Helvetica Neue LT W05_65 Medium'; margin: 0 auto 20px; padding: 0 20px;} div.category-nav h5 { transition: none; cursor: pointer; text-transform: uppercase; padding: 12px 50px 12px 20px; letter-spacing: 0px; color: #fff; font-size: 14px; font-family: 'Helvetica Neue LT W01_75 Bold'; text-align: left; background-color: var(--col-lgreen); width: 100%; left: 0; border-top: 1px solid var(--col-green)} div.category-nav h5:after { content: ""; position: absolute; background: url(/img/i/arrow-down.svg) no-repeat center center; background-size: 11px auto; right: 27px; top:12px; transform: rotate(180deg); height: 20px; width: 10px; transition: all .1s ease-out} div.category-nav h5.inactive { margin-bottom: 0px; background-color: var(--col-green);border-top: 0px solid var(--col-lgreen)} div.category-nav div:last-child h5.inactive { padding-bottom: 20px;} div.category-nav h5.inactive:after { transform: rotate(0deg); } div.category-nav h5.inactive + div { max-height: 0; padding:0; overflow: hidden} div.category-nav > div > div { padding: 0 20px 20px; background-color: var(--col-lgreen);} div.category-nav > div:last-child > div { border-bottom: 0px solid var(--border-colour); } ul.category-list { display: block; width: 100%; text-align: left; } ul.category-list li { display: block; width: 100%; text-align: left} ul.category-list li a { display: block; width: 100%; text-align: left; font-size: 14px; color: #fff; line-height: 32px; font-family: 'Helvetica Neue LT W05_55 Roman'; padding-left: 30px; position: relative;} ul.category-list li a:before { content:""; display: block; position: absolute; top: 5px; left: 0; width: 20px; height: 20px; background: #fff;} ul.category-list li a.active { font-family: 'Helvetica Neue LT W01_75 Bold'; } ul.category-list li a.disabled { color: #eee} ul.category-list li a.active:before { background: url(/lib/img/dark/checkmark.svg) #fff no-repeat center center; background-size: 16px 12px;} ul.category-list li a.disabled:before { opacity: 0.3} div.category-related { display: block; width: 100%; background-color: #F2F2F2; margin-top: 30px; padding: 20px 0 10px} div.category-related h5 { transition: none; text-transform: uppercase; padding: 0 20px 10px; letter-spacing: 0px; color: #363636; font-size: 18px; font-family: 'Helvetica Neue LT W05_65 Medium'; text-align: left; width: 100%; } div.category-related ul { width: 100%; display: block;} div.category-related ul li { width: 100%; display: block;} div.category-related ul li a { width: 100%; display: block; text-align: left; padding: 13px 20px; line-height: 1.5; font-size:14px;font-family: 'Helvetica Neue LT W01_75 Bold'; text-transform: uppercase; position: relative; background: url(/img/i/arrow-right.svg) no-repeat transparent calc(100% - 20px) center; background-size: 7px auto;} div.category-related ul li a:hover { color: #fff; background: url(/img/i/white/arrow-right.svg) no-repeat #A0AAA9 calc(100% - 20px) center; background-size: 7px auto;} ul.colour-list { display: block; width:100%; text-align: left;} ul.colour-list li { display: inline-block; width:30px; height:30px; vertical-align: top; margin-right: 10px; } ul.colour-list li a { display: block; width:30px; height:30px; border: 1px solid transparent;} ul.colour-list li a.white { border: 1px solid var(--border-colour);} ul.colour-list li a.black{ background: #000; border: 1px solid #000;} ul.colour-list li a.gold{ background: var(--accent-colour); border: 1px solid var(--accent-colour);} ul.colour-list li a.gray{ background: var(--border-colour); border: 1px solid var(--border-colour);} div.active-filters { display: block; font-size: 0; margin: 20px 0;} div.active-filters:empty { display: none;} div.active-filters a { position: relative; display: inline-block; margin: 0 5px 5px 0; border-radius: 0px; line-height: 32px; font-size: 14px; padding: 0 40px 0 10px; background-color: var(--col-blue); color: #fff; } div.active-filters a:after { display: block; content: ""; position: absolute; right: 6px; top: 6px; width: 18px; height: 18px; background: url(/img/icons/white/x.svg) var(--col-green) no-repeat center center; background-size: 8px 8px; border-radius: 16px;} div.category-body { padding-left: 40px; text-align: left;} article.top-category div.category-body { padding-left: 0px; } ul.product-list { display: block; width: 100%; font-size: 0; margin: 0 auto} ul.product-list li { display: inline-block; width: calc(33.33% - 26.66px); vertical-align: top; margin: 0 40px 40px 0; } ul.product-list.categories-list li { display: inline-block; width: calc(25% - 15px); vertical-align: top; margin: 0 20px 40px 0; } ul.product-list li.sale:after {content:""; width: 80px; height: 80px; position: absolute; top: 0; left: 0; display: block; background: url(/img/icons/sale.png) no-repeat center center; background-size: cover; } ul.product-list li:nth-child(3n) { margin-right: 0} ul.product-list.categories-list li:nth-child(3n) { margin-right: 20px} ul.product-list.categories-list li:nth-child(4n) { margin-right: 0} ul.product-list li div.thumbnail {border: 0px solid var(--border-colour); position: relative; margin-bottom: 10px; overflow: hidden; transition: all .3s ease-out; padding: 40px;} span.favourite-icon {position: absolute; width: 20px ;height: 20px; top: 210px; right: 10px; z-index: 3; cursor: pointer; background: url(/img/i/red/heart-off.svg) no-repeat center center; background-size: contain; display: none} span.favourite-icon.active {background-image: url(/img/i/red/heart.svg);} ul.related-products li span.favourite-icon { top: 260px;} .right-side ul.product-list li div.thumbnail {padding: 20px;} ul.product-list li div.thumbnail:after { border: 2px solid var(--border-colour); top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; box-sizing: border-box; position: absolute; transition: all .2s ease-out;} ul.product-list li div.thumbnail img { display: block; width: 100%; height: auto; transition: all .3s ease-out;} /*ul.product-list li div.thumbnail:hover { box-shadow: 0 0 16px var(--border-colour); transition: all .3s ease-out;}*/ ul.product-list li:hover div.thumbnail:after { border-color: var(--col-blue);} ul.product-list li div.info { display: block; text-align: left; position: relative; padding-right: 0px;} ul.product-list li div.info h6 { display: block; text-align: left; font-family: 'Helvetica Neue LT W05_55 Roman'; color: #000; font-size: 14px; text-transform: none; margin-bottom: 5px; margin-top: 0; letter-spacing: 0} article.top-category ul.product-list li div.info h6 { font-family: 'Helvetica Neue LT W05_65 Medium'; } article.top-category ul.product-list:not(.categories-list) li div.info h6 { text-transform: uppercase;} ul.product-list li div.info p { font-family: 'Helvetica Neue LT W05_55 Roman'; color: #000; font-size: 14px; display: block; line-height: 1.25; margin-bottom: 0; display: none} ul.product-list li div.price { display: block; right: 0; top: 0; width: 100%; font-family: 'Helvetica Neue LT W01_75 Bold'; color: #000; font-size: 16px; text-align: left; color: #000;} ul.product-list li:hover div.info h6, ul.product-list li:hover div.info p, ul.product-list li:hover div.price { color: var(--col-blue);} h3.category-title { font-size: 30px; letter-spacing: 3px; margin-top: 40px} /*PRODUCT PAGE*/ div.breadcrumb { width: 100%; display: block; font-size: 12px; font-family: 'Helvetica Neue LT W05_55 Roman'; letter-spacing: 0px; line-height: 1.5; padding: 20px 0px;} article div.breadcrumb { padding-left: 15px} div.breadcrumb * { font-size: 14px;} div.breadcrumb a { color: #363636; text-transform: lowercase;} article > div.breadcrumb a { color: #999; } div.breadcrumb a:hover { color: var(--accent-colour)} div.breadcrumb a:before { display: inline-block; width: auto; text-align: center; padding: 0 5px; content:">"; color:#363636} article > div.breadcrumb a:before { color:#363636;} div.breadcrumb span { color: #363636; text-transform: lowercase;} article > div.breadcrumb span { color: #363636} div.wrapper-product { width: 100%; display: block; font-size: 0;padding: 0px 0px 0;} div.wrapper-product div.product-image, div.wrapper-product div.product-information { width: 50%; display: inline-block; vertical-align: top} div.wrapper-product div.product-image { padding-right: 20px;} div.wrapper-product div.product-image.product-detail-image { width: 520px; padding-right: 60px; margin-bottom: 50px} div.wrapper-product div.photo { width: 460px; display: block; margin: 0 auto 50px; position: relative; max-width: 100%;} div.wrapper-product a.enlarge { display: block; width: 100%;} div.wrapper-product a.enlarge img { display: block; width: 100%;} div.wrapper-product a.zoom { display: block; width: 36px; height: 40px; position: absolute; right: 0px; bottom: 20px; z-index: 2;} div.wrapper-product a.zoom img { display: block; width: 100%; } div.additional-photos { display: block; width: 100%; font-size: 0; margin-top: 25px} div.additional-photos ul { display: block; width: 100%; font-size: 0; } div.additional-photos ul li { display: inline-block; width: 100px; margin-right: 10px; height: 100px; border: 3px solid var(--accent-colour); padding: 10px; margin-bottom: 10px} div.additional-photos ul li img { transition: all .3s ease-out} div.additional-photos ul li:hover img { transform: scale(1.11)} div.additional-photos ul li img { display: block; } div.additional-photos ul li:last-child { margin-right: 0px; } ul.product-gallery li a.enlarge img { cursor: url('/img/icons/white/zoom.svg'), auto;} ul.product-gallery li { padding: 20px; } ul.product-gallery li img { display: block; width: 100%} div.wrapper-product div.product-information { color: #000; padding-bottom: 0px; margin-bottom: 30px;} div.wrapper-product div.brand { width: 100%; display: block; font-size: 18px; font-family: 'Helvetica Neue LT W01_75 Bold'; letter-spacing: 1px; line-height: 1; text-align: left; color: var(--col-blue);} div.wrapper-product div.product-item-number { width: 100%; display: block; font-size: 12px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1; text-align: left; display: none;} div.wrapper-product div.product-information div.price { width: 100%; display: block; font-size: 30px; font-family: 'Helvetica Neue LT W01_75 Bold'; line-height: 1; text-align: left; margin: 30px auto;} div.wrapper-product div.product-information div.price:empty { display: none;} div.wrapper-product div.product-information h6 { margin-top: 30px; color: var(--col-green)} div.wrapper-product div.product-information h1 { font-size: 36px; font-family: 'Helvetica Neue LT W05_65 Medium'; letter-spacing: 0px; display: block; text-align: left; margin: 35px auto 18px; padding: 0; line-height: 1.1; left: 0; color: #000; text-transform: none;} div.wrapper-product div.product-information h1 small { font-size: 14px; display: block; line-height: 1.25; margin-bottom: 5px} div.wrapper-product div.product-information h1 small:empty { display: none} div.wrapper-product div.product-information div.product-details { font-size: 18px; font-family: 'Helvetica Neue LT W05_55 Roman'; display: block; text-align: left; margin: 0 auto 0px; padding: 0; line-height: 1.33; } div.wrapper-product div.product-information div.description-intro { font-size: 18px; font-family: 'Helvetica Neue LT W05_55 Roman'; display: block; text-align: left; margin: 0 auto 20px; padding: 0; line-height: 1.33; } div.wrapper-product div.product-information div.product-details ul { display: block;} div.wrapper-product div.product-information div.product-details ul li { display: none; padding-left: 20px; position: relative; margin-bottom: 15px; font-size: 18px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1.25;} div.wrapper-product div.product-information div.product-details ul li:nth-child(1), div.wrapper-product div.product-information div.product-details ul li:nth-child(2), div.wrapper-product div.product-information div.product-details ul li:nth-child(3), div.wrapper-product div.product-information div.product-details ul li:nth-child(4) { display: block} div.wrapper-product div.product-information div.product-details ul.open li { display: block} div.wrapper-product div.product-information div.product-details ul li:before { display: block; content: ""; width: 6px; height: 6px; border-radius: 6px; background: var(--col-green); top: 5px; left: 0; position: absolute;} div.wrapper-product div.cart-tools { width: 340px; display: block; font-size: 0px; text-align: left; margin: 0px auto;} div.wrapper-product div.cart-tools > div{ width: 140px; display: inline-block; vertical-align: top} div.wrapper-product div.cart-tools > div.qty { width: calc(100% - 168px); } div.wrapper-product div.cart-tools > div.qty label { display: inline-block; vertical-align: middle; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 14px; width: 80px} div.wrapper-product div.cart-tools > div.qty label span { display: block; width: 100%; color: #0d9006} div.wrapper-product div.cart-tools > div.qty label.out-of-stock span { color: #c00000; } div.wrapper-product div.cart-tools > div.qty label.low-stock span { color: #e25110; } div.wrapper-product div.cart-tools div.qty { font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; line-height: 40px; text-align: left;} div.wrapper-product div.cart-tools div.qty em { } div.wrapper-product div.cart-tools div.qty input { line-height: 50px; min-height: 50px; display: inline-block; width: 60px; text-align: center; border: 1px solid var(--border-colour); color: #000; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; margin: 0 15px; } div.wrapper-product div.cart-buttons a.button { display: block; width: 100%; line-height: 50px; text-align: right; padding-right: 10px; padding-left: 35px; background: url() no-repeat left center; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 14px; margin-bottom: 10px;} div.wrapper-product div.cart-buttons a.button.add-to-cart { background: url(/img/i/white/cart.svg) no-repeat 10px 17px; background-size: 16px 15px; border: 0px; background-color: var(--col-blue); color: #fff; text-align: left;} div.wrapper-product div.cart-buttons a.button.add-to-cart.disabled { opacity: .3; cursor: default;} div.wrapper-product div.cart-buttons a.button.add-to-cart:hover { background-color: var(--accent-colour); } div.wrapper-product div.cart-buttons a.button.action-favourites { background: url(/img/icons/dark/heart.svg) no-repeat 17px center; background-size: 23px 20px; border: 1px solid var(--border-colour); background-color: #fff; color: #000; padding-right: 15px} div.wrapper-product div.cart-buttons a.button.add-to-cart.notlogged { } div.cart-tools span.warning { color: #c00000; position: absolute; left: -45px; top: 11px; font-size: 30px; display: none; } div.cart-tools.insufficient-stock span.warning, div.cart-tools.no-stock span.warning { display: block;} span.result-highlight { display: inline-block; background-color: #ffff66; padding: 3px 5px;} #expand-description { display: block; text-align: left; font-size: 14px; margin-top: 20px; cursor: pointer; line-height: 50px; display: table; width: 140px; text-align: left; color: #fff; font-family: 'Helvetica Neue LT W05_65 Medium'; padding-left: 35px; background: var(--col-green); text-transform: uppercase; position: relative} #expand-description:hover { background: var(--col-blue); } #expand-description:before { content: "+"; display: block; position: absolute; top: 0px; left: 0; width: 35px; text-align: center; line-height: 42px; font-size: 36px; font-family: 'Helvetica Neue LT W05_45 Light'; } /*div.product-features { display: block; max-height: 300px; overflow: hidden;}*/ /*#read-more { font-size: 18px; display: block}*/ div.product-resources { display: block; width: 100%; margin: 30px auto; text-align: left; font-size: 14px; position:relative; z-index: 3;} div.product-resources ul { display: block; width: 100%; text-align: left; max-height: 40px; overflow: hidden; position: relative;} div.product-resources ul.active { overflow: visible; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);} div.product-resources ul:after { content: ""; display: block; position: absolute; width: 40px; height: 40px; top: 0; right: 0; background: url(/img/icons/dark/arrow.svg) no-repeat center center; background-size: 7px 13px; transform: rotate(270deg); transition: all .3s ease-out; cursor:pointer;} div.product-resources ul.active:after { transform: rotate(90deg); } div.product-resources ul li { display: block; width: 100%; border: 1px solid var(--border-colour); border-bottom: 0; padding: 0 10px; background: #fff;} div.product-resources ul li:last-child { border-bottom: 1px solid var(--border-colour);} div.product-resources ul li a { display: block; width: 100%; padding-right: 30px; color: #000; font-size: 14px; line-height: 38px;} div.product-resources ul li:hover { background-color: var(--border-colour); } div.product-resources ul li:first-child:hover { background-color: #fff; } a.product-website { font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; display: block; margin: 0px auto 40px; width: 100%; text-align: left; color: #000} div.product-features { display: block; width: 100%; padding: 0px; color: #000} div.product-features ul.accordion { display: block; width: 100%; padding: 0px; border-bottom: 1px solid var(--border-colour)} div.product-features ul.accordion li { display: block; width: 100%; padding: 0px;} div.product-features ul.accordion li > p { display: block; width: 100%; padding: 0px; line-height: 70px; font-size: 12px; font-family: 'Helvetica Neue LT W01_75 Bold'; text-align: left; padding-right: 30px; cursor: pointer; position: relative; border-top: 1px solid var(--border-colour); letter-spacing: 3px; margin-bottom: 0; color: #000} div.product-features ul.accordion li > p:after { display: block; content:""; background: url(/img/icons/dark/plus.svg) no-repeat right center; width: 20px; height: 100%; right: 0; top: 0; position: absolute; background-size: 20px 20px;} div.product-features ul.accordion li > div { display: block; width: 100%; padding: 0px; font-size: 12px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-align: left; padding-right: 30px; max-height: 0; overflow: hidden; transition: all .5s ease-out} div.product-features ul.accordion li.active > div { max-height: 399px; } div.product-features ul.accordion li > div p { font-size: 12px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-align: left; line-height: 1.5; margin: 0px auto 30px;} div.related-products { display: block; width: 100%; padding: 0px; color: #000; margin-top: 100px} div.title-striked { display: block; width: 100%; position: relative; z-index: 2; } div.title-striked p { display: table; width: auto; position: relative; z-index: 2; text-align: center; font-family: 'Helvetica Neue LT W05_65 Medium';font-size: 30px; padding: 0 30px; background: #fff; line-height: 40px; margin: 0 auto; text-transform: uppercase;} ul.related-products { display: block; width: 100%; font-size: 0; margin: 40px auto -20px; text-align: center;} ul.related-products li { display: inline-block; width: calc(25% - 30px); vertical-align: top; margin: 0 40px 40px 0; position: relative;} ul.related-products li:nth-child(4n) { margin-right: 0} ul.frequent-purchases { display: flex; width: 100%; gap: 20px; } ul.frequent-purchases li { width: 16.66%; margin: 0 auto !important; } ul.related-products li div.thumbnail {border: 0px solid var(--border-colour); position: relative; margin-bottom: 10px; overflow: hidden; transition: all .3s ease-out; padding: 40px;} ul.related-products li div.thumbnail:after { border: 1px solid var(--border-colour); top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; box-sizing: border-box; position: absolute; transition: all .2s ease-out;} ul.related-products li div.thumbnail img { display: block; width: 100%; height: auto; transition: all .3s ease-out;} ul.related-products li div.thumbnail:hover { box-shadow: 0 0 16px var(--border-colour); transition: all .3s ease-out;} ul.related-products li div.info { display: block; text-align: left; position: relative; padding: 0 70px 0 10px;} ul.related-products li div.info h6 { display: block; text-align: left; font-family: 'Helvetica Neue LT W01_75 Bold'; color: #000; font-size: 12px; margin-bottom: 7px; margin-top: 5px} ul.related-products li div.info p { font-family: 'Helvetica Neue LT W05_55 Roman'; color: #000; font-size: 12px; display: block; line-height: 1.25} ul.related-products li div.price { position: absolute; display: block; right: 10px; top: 0; width: 60px; font-family: 'Helvetica Neue LT W01_75 Bold'; color: #000; font-size: 12px; text-align: right} ul.frequent-purchases li div.info { padding: 0; } .zoomed-image {position: fixed; z-index: 99; top: 0; left: 0; width: 100vw; height: 100vh; background: #fff;display: block; padding: 40px;} .zoomed-image > div { display: block; width: 0px; height: 0px; background: url() #fff no-repeat center center; background-size: contain; position: relative; margin: 0 auto;} .zoomed-image > div.zoomed { width: 100%; height: 100%; } .zoomed-image a { display: block; width: 40px; height: 40px; background: url(/img/icons/dark/x.svg) no-repeat center center; background-size: cover; position: absolute; right: 60px; top: 60px; cursor: pointer; opacity: 0;} .zoomed-image > div.zoomed + a { opacity: 1;} div#skulist { position: relative; display: block; width: 100%;} table.product-skus { width: 100%; border-collapse: collapse; margin-bottom: 20px} table.product-skus tr.sku-table-head td {vertical-align: bottom; padding: 30px 10px 20px; text-align: center; border: 1px solid var(--border-colour); border-top: 0; font-family: 'Helvetica Neue LT W01_75 Bold'; text-transform: uppercase; color: var(--col-blue);} table.product-skus tr.sku-table-head td {background-color: var(--col-blue); color: #fff; font-size: 14px; border: 1px solid #fff; padding: 10px 10px; vertical-align: middle } table.product-skus tr.sku-table-head td:first-child {width: 30px; padding: 0; border-left: 0;} table.product-skus tr.sku-table-head td:nth-child(2) {text-align: left; width: 150px;} table.product-skus.two-columns tr.sku-table-head td:nth-child(2) { width: 300px;} table.product-skus.four-columns tr.sku-table-head td:nth-child(2) { width: 200px;} table.product-skus tr.sku-table-head td:last-child {border-right: 0; width: 340px;} table.product-skus tr.sku-table-row td {vertical-align: middle; padding: 20px 10px; text-align: center; border-bottom: 1px solid var(--border-colour); border-top: 0; position: relative} table.product-skus tr.sku-table-row.on-sale td[data-label="Price"]:before {position: absolute; top: 0; left: 0; width: 100%; display: block; background: #fff200; color: #000; text-align: center; content: "ON SALE"; line-height: 20px; font-size: 12px; font-family:'Helvetica Neue LT W05_65 Medium';} #skulist.prices-off table.product-skus tr.sku-table-row.on-sale td.sku-label:before {position: absolute; top: 0; left: 0; width: 100%; display: block; background: #fff200; color: #000; text-align: left; padding-left: 10px; content: "ON SALE"; line-height: 20px; font-size: 12px; font-family:'Helvetica Neue LT W05_65 Medium';} /*table.product-skus tr.sku-table-row:nth-child(odd) td {background-color: #ebebeb}*/ table.product-skus tr.sku-table-row.sku-found td:nth-child(2) {background-color: #ffffbb !important} table.product-skus tr.sku-table-row td:first-child {width: 30px; padding: 0;} table.product-skus tr.sku-table-row td:first-child a {width: 18px; height: 18px; display: block; margin: 0 auto; background: url(/img/icons/dark/heart-off.svg) no-repeat center center; background-size: 18px auto; cursor: pointer} table.product-skus tr.sku-table-row td:first-child a.selected, table.product-skus tr.sku-table-row td:first-child a:hover {background-image: url(/img/icons/dark/heart.svg);} table.product-skus tr.sku-table-row td:nth-child(2) {padding-left: 10px; text-align: left; font-family: 'Helvetica Neue LT W01_75 Bold';} table.product-skus tr.sku-table-row td:last-child {padding-right: 20px; text-align: right;} table.product-skus tr.sku-table-row td:last-child { padding-right: 0} div.wrapper-product table.product-skus tr.sku-table-row td:last-child div.cart-tools { text-align: right;} table.product-skus .select2-container--default .select2-selection--single { border: 0} table.product-skus .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; text-align: left; font-family:'Helvetica Neue LT W05_55 Roman'; line-height: 50px} table.product-skus .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px} table.product-skus tr.sku-table-row td label {display: none;} table.product-skus td {font-size: 16px; color: #000; font-family: 'Helvetica Neue LT W05_55 Roman';} table.product-skus.fireplaces { margin-bottom: 50px;} table.product-skus.fireplaces tr.sku-table-head td:first-child {width: 120px; padding: 30px 10px 20px; border-left: 0;} table.product-skus.fireplaces tr.sku-table-head td:nth-child(2) {width: 120px;} table.product-skus.fireplaces tr.sku-table-row td:nth-child(2) a {width: 100px; display: block; margin: 0 auto;} table.product-skus.fireplaces tr.sku-table-row td:nth-child(2) a img {width: 100px; display: block; } table.product-skus.fireplaces tr.sku-table-head td:nth-child(3) {text-align: left; width: calc(100% - 460px)} table.product-skus.fireplaces.logged tr.sku-table-head td:nth-child(3) { text-align: left; width: calc(100% - 580px);} table.product-skus.fireplaces.logged tr.sku-table-head td:nth-child(4) {width: 120px;} table.product-skus.fireplaces tr.sku-table-head td:last-child {border-right: 0; width: 200px;} table.product-skus.fireplaces tr.sku-table-row td:nth-child(3) {text-align: left; } div.wrapper-product table.product-skus.fireplaces div.cart-tools {width: 100%;} div.wrapper-product table.product-skus.fireplaces div.cart-tools > div.qty { width: 100%;} div.wrapper-product div.cart-buttons a.button.fireplace-add-to-cart { display: table; width: auto; margin: -50px 0 100px auto; background: url(/img/i/white/cart.svg) no-repeat 10px 17px; background-size: 16px 15px; border: 0px; background-color: var(--col-blue); color: #fff; text-align: left;} div.wrapper-product div.cart-buttons a.button.fireplace-add-to-cart.disabled { opacity: .3; cursor: default;} div.btn-add-favourite { display: none; max-width: 300px; margin: 0 auto 50px 0; position: absolute;} div.btn-add-favourite a.close-add-to-favourites { position: absolute; width: 13px; height: 13px; right: 15px; top: 18px; background: url(/img/icons/white/x.svg) transparent no-repeat center center; background-size: contain; cursor: pointer; } a.add-to-favourites-new { display: block; width: 32px; margin: 20px 0 10px auto; cursor: pointer; position: relative;} a.add-to-favourites-new img { display: block; width: 100%} div.wrapper-cart div.btn-add-favourite { margin-top: 50px;} div.btn-add-favourite.active { display: block} /*#skulist div.btn-add-favourite.active { position: relative; }*/ div.btn-add-favourite.new-version { position: relative; display: block; background: var(--col-blue)} div.btn-add-favourite .button { margin: 0 auto 0 0; width: 100%; text-align: left; padding-left: 36px; background: url(/img/i/white/heart.svg) var(--col-blue) no-repeat 10px center; background-size: 17px auto; position: relative; cursor: pointer; border: 0px solid #B2B9B9; color: #fff; font-size: 14px; line-height: 50px} div.btn-add-favourite.remove-from-favourites { width: 260px;} #skulist div.btn-add-favourite .button { width: 300px; background: url(/img/i/white/heart.svg) var(--col-blue) no-repeat 10px center; background-size: 17px auto; } div.btn-add-favourite .button:after { content:""; display: block; position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: url(/img/icons/white/arrow-down.svg) no-repeat center center; background-size: 18px 11px;} #skulist div.btn-add-favourite .button:after { display: none;} div.btn-add-favourite.remove-from-favourites .button:after { display: none;} div.btn-add-favourite .button.open { border-bottom: 0} div.btn-add-favourite .button.open:after { transform: rotate(180deg);} div.btn-add-favourite div.favourites-lists { display: none; width: 100%; position: absolute; left: 0; top: 50px; z-index: 5;} div.btn-add-favourite div.favourites-lists.active { display: block; background: var(--col-green); border-top: 0} #skulist div.btn-add-favourite div.favourites-lists { display: block; background: var(--col-green); background: #ee3a2c} div.btn-add-favourite div.favourites-lists > div { display: block; width: 100%; font-size: 16px; background-color: transparent; color: #fff; text-align: left; padding: 10px; border-bottom: 0px solid #fff; cursor: pointer; } div.btn-add-favourite div.favourites-lists > div.button-new-list { background-color: var(--col-blue)} div.btn-add-favourite div.favourites-lists > div:hover { background: var(--col-lgreen); color: #fff; background: #fc5602} div.btn-add-favourite div.favourites-lists > input { display: block; width: 100%; font-size: 16px; background-color: #fff;} a.add-to-favs { display: table; margin: 0 auto 0 0; width: auto; text-align: left; padding: 0 20px 0 36px; background: url(/img/i/white/heart.svg) var(--col-blue) no-repeat 10px center; background-size: 17px auto; position: relative; cursor: pointer; color: #fff; font-size: 14px; text-transform: uppercase;line-height: 40px} a.add-to-favs:hover { background-color: #aaa} div.create-new-list { display: none !important;} div.create-new-list.active { display: block !important; width: 100%;} div.btn-add-favourite div.favourites-lists > div.create-new-list.active:hover { background: #ebebeb} div.create-new-list button { background-color: var(--accent-colour); color: #fff; line-height: 40px; margin-top: 5px; width: 100%; padding: 0 10px; text-transform: uppercase; border: 0; cursor: pointer;} div.step-title {font-size: 30px; color: var(--col-blue); font-family: 'Helvetica Neue LT W01_75 Bold'; display: block; width: 100%; text-align: left; text-transform: uppercase; margin-bottom: 3px;} .missing div.step-title {color: var(--col-red); } div.step-name {font-size: 18px; color: #000; font-family: 'Helvetica Neue LT W05_65 Medium'; display: block; width: 100%; text-align: left; margin-bottom: 20px; text-transform: uppercase;} div.step-summary {font-size: 14px; color: var(--col-blue); font-family: 'Helvetica Neue LT W01_75 Bold'; display: block; width: 100%; text-align: left; margin-top: -10px; margin-bottom: 20px; text-transform: uppercase;} div.fireplace-step[data-mandatory="yes"] div.step-summary {color: var(--col-red); } /*CONTENT PAGES*/ div.inner-menu { display: block; width: 100%; font-size: 14px; padding-right: 40px; padding-bottom: 100px;} div.inner-menu h2 { margin-bottom: 20px; font-size: 24px} div.inner-menu ul { display: block; width: 100%; background: var(--col-blue); padding: 20px;} div.inner-menu ul li { display: block; width: 100%; } div.inner-menu ul li.title:first-child { margin-top: 0} div.inner-menu ul li a { display: block; width: 100%; line-height: 1.75; font-family: 'Helvetica Neue LT W05_55 Roman'; color: #fff; font-size: 14px} div.inner-menu ul li a.active { color: var(--col-lgreen)} div.inner-menu ul li.title { margin: 20px auto 10px; } div.inner-menu ul li.title a { font-family: 'Helvetica Neue LT W05_65 Medium'; line-height: 1.1; color: #fff; font-size: 18px;} div.need-help { display: block; width: 100%; font-size: 14px; margin-top: 30px; background: var(--col-green); padding: 20px;} div.need-help b { display: block; width: 100%; font-family: 'Helvetica Neue LT W05_65 Medium'; line-height: 1.1; color: #fff; margin-bottom: 10px; font-size: 18px;} div.need-help p { display: block; width: 100%; font-size: 14px; line-height: 1.5; font-family: 'Helvetica Neue LT W05_55 Roman'; color: #fff;} div.need-help a { font-size: 14px; ; font-family: 'Helvetica Neue LT W05_55 Roman'; color: #fff;} table.rates { width: 100%; border-collapse: collapse; margin: 40px auto} table.rates td { width: 16.66%; font-size: 14px; color: #000;font-family: 'Helvetica Neue LT W01_75 Bold'; line-height: 1.2; text-align: center; vertical-align: middle; height: 70px; border: 1px solid var(--border-colour)} table.rates td.body { height: 120px;} /*ACCOUNT*/ div.login-left, div.login-right { display: inline-block; vertical-align: top} div.login-left { width: calc(100% - 240px); padding-right: 80px} div.login-right { width: 240px;} h2.required-label {padding-right: 100px;} h2.required-label span { position: absolute; right: 0; top: 20px; line-height: 1; font-size: 14px; color: #acacac; letter-spacing: 1px; font-family: 'Helvetica Neue LT W01_75 Bold'; text-align: right;} h2.required-label span a { color: #acacac; cursor: pointer; color: #000} h2 + div.login-form { margin-top:30px} div.new-customers-blurb { margin-bottom: 52px} div.new-customers-blurb h6 { margin-top: 0px} div.content p.blurb { font-size: 14px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1.5; margin-bottom: 36px} div.content p.blurb b { font-family: 'Helvetica Neue LT W01_75 Bold'; font-weight: normal; display: block; margin-bottom: 10px; letter-spacing: 2px; line-height: 1.5} ul.account-icons { display: block; width: 100%; font-size: 0; margin-top: 0px; margin-bottom: 50px;} ul.account-icons li { display: inline-block; width: auto; vertical-align: top; margin: 0px 50px 50px 0; } ul.account-icons li div.thumbnail { display: block; width: 150px; height: 130px; position: relative; margin: 0 auto 20px; background: url() no-repeat center bottom; background-size: contain; } ul.account-icons li:hover { opacity: 0.5} ul.account-icons li p { display: block; width: 100%; text-align: center; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 14px; line-height: 1.1; margin-top: 0px; color: #000} ul.account-icons li div.thumbnail.profile { background-image: url(/img/icons/dark/account.svg); background-size: 54px auto;} ul.account-icons li div.thumbnail.address { background-image: url(/img/icons/dark/address.svg); background-size: 48px auto;} ul.account-icons li div.thumbnail.payment { background-image: url(/img/icons/dark/cards.svg);background-size: 71px auto; } ul.account-icons li div.thumbnail.custom { background-image: url(/img/icons/dark/custom-orders.svg); background-size: 42px auto;} ul.account-icons li div.thumbnail.orders { background-image: url(/img/icons/dark/truck.svg); background-size: 56px auto;} ul.account-icons li div.thumbnail.favourites { background-image: url(/img/icons/dark/heart.svg); background-size: 76px auto;} ul.account-icons li div.thumbnail.accounts { background-image: url(/img/icons/dark/subaccounts.svg); background-size: 76px auto;} ul.account-icons li div.thumbnail.credit { background-image: url(/img/icons/dark/credit.svg); background-size: 52px auto;} ul.account-icons li div.thumbnail.logout { background-image: url(/img/icons/dark/logout.svg); background-size: 60px auto;} div.order-response { display: none; width: 100%; padding: 20px; font-size: 18px; color: #252525; line-height: 1.25;} div.order-response.active { display: block} div.address-block { display: block; width: 100%; text-align: left; margin-bottom: 50px; font-size: 0; margin-top: 50px} div.address-block h6 { margin-bottom: 10px; color: var(--col-blue);} div.address { display: inline-block; width: 50%; text-align: left; padding-bottom: 50px; font-size: 18px; color: #959595; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1.5; color: #000} div.address a { display: inline-block; color: #000; font-family: 'Helvetica Neue LT W01_75 Bold'; margin-right: 20px; text-decoration: underline; font-size: 14px; line-height: 1; color: var(--col-green)} div.address img { display: block; margin: 10px auto 10px 0} div.favourites-list { display: block; width: 100%; } div.favourite { display: block; width: 100%; margin: 50px auto; border-bottom: 1px solid var(--border-colour);} div.favourites-list div.favourite:last-child { border-bottom: 0px solid var(--border-colour);} div.favourite { width: 100%; display: block; font-size: 0;padding: 0px 0px 50px; position: relative;} div.favourite div.product-image, div.favourite div.product-information { width: 200px; display: inline-block; vertical-align: top} div.favourite div.product-image img { display: block; width: 200px; border: 3px solid var(--accent-colour);} div.favourite div.product-information { width: calc(100% - 200px); padding-left: 30px; color: #000; } div.favourite a.remove-favourite { position: absolute; top: 0; right: 0; width: 20px; height: 20px; display: block; background: url(/img/icons/dark/plus.svg) no-repeat center center; background-size: contain; transform: rotate(45deg)} div.favourite div.brand { width: 100%; display: block; font-size: 12px; font-family: 'Helvetica Neue LT W01_75 Bold'; letter-spacing: 3px; line-height: 1; text-align: left;} div.favourite div.product-item-number { width: 100%; display: block; font-size: 12px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1; text-align: left;} div.favourite div.product-information div.price { width: 100%; display: block; font-size: 24px; font-family: 'Helvetica Neue LT W01_75 Bold'; line-height: 1; text-align: left; margin: 20px auto 10px;} div.favourite div.product-information h1 { font-size: 30px; font-family: 'Helvetica Neue LT W05_55 Roman'; letter-spacing: 5px; display: block; text-align: left; margin:10px auto 5px; padding: 0; line-height: 1.1; left: 0} div.favourite div.product-information div.cart-tools { width: 100%; display: block; font-size: 0px; text-align: left; margin: 25px auto 0;} div.favourite div.product-information div.cart-tools > div{ width: 230px; display: inline-block; vertical-align: top} div.favourite div.product-information div.cart-tools > div.cart-buttons { width: calc(100% - 230px); } div.favourite div.product-information div.cart-tools div.qty { font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; line-height: 40px; text-align: left;} div.favourite div.product-information div.cart-tools div.qty em { } div.favourite div.product-information div.cart-tools div.qty input { line-height: 40px; min-height: 40px; display: inline-block; width: 60px; text-align: center; border: 1px solid var(--border-colour); color: #000; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; margin: 0 15px; } div.favourite div.product-information div.cart-buttons a.button { display: inline-block; width: auto; line-height: 40px; text-align: right; background: url() no-repeat left center; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 14px; margin-bottom: 10px; background-color: #fff; color: #000; border: 1px solid #000; margin-left: 10px;} div.favourite div.product-information div.cart-buttons a.button.add-to-cart { background: url(/img/icons/white/bag.svg) no-repeat 31px 8px; background-size: 23px 20px; background-color: #000; color: #fff; padding-left: 70px;} ul.js-cart-menu { display: block; width: 100%; font-size: 0; text-align: center; margin: 50px auto 40px} ul.js-cart-menu li { display: inline-block; padding-right: 0px; vertical-align: top; width: 130px; text-align: center; position: relative; } ul.js-cart-menu li a { display: block; font-size: 12px; color: #acacac; text-transform: uppercase; padding-bottom: 7px; border-bottom: 2px solid transparent; line-height: 1; letter-spacing: 1px; font-family: 'Helvetica Neue LT W01_75 Bold'; text-align: center; width: 100%; position: relative; padding-top: 18px;} ul.js-cart-menu li a:before{ content: ""; position: absolute; display: block; width: 100%; left: 50%; top: 5px; font-size: 0; height: 1px; background-color: #acacac; margin-left: -5px; } ul.js-cart-menu li:last-child a:before { display: none;} ul.js-cart-menu li a:after { content: ""; position: absolute; display: block; width: 11px; left: 50%; top: 0px; margin-left: -5px; font-size: 0; height: 11px; background-color: #acacac; border-radius: 11px} ul.js-cart-menu li a:hover { color: #7098a6} ul.js-cart-menu li a.active, ul.js-cart-menu li a.completed { color: var(--col-blue); } ul.js-cart-menu li a.completed:before { background-color: var(--col-blue); } ul.js-cart-menu li a.active:after, ul.js-cart-menu li a.completed:after { background-color: var(--col-blue); } span.over-limit { display: block; color: var(--col-red); font-size: 14px; text-align: left; padding-top: 8px; letter-spacing: 0px;} button[type="button"].js-activate-step { display: none;} button[type="button"].js-activate-step.active { display: table;} div.order-list { display: block; width: 100%; margin-top: 80px} div.order-search {display: block; font-size: 0; max-width: 600px; margin: 40px auto 20px 0;} div.order-search div.form-row {display: inline-block; width: 50%; vertical-align: top;} div.order-search div.field {width: calc(100% - 170px); display: inline-block; vertical-align: middle; margin-bottom: 0} div.order-search button {width: 160px; display: inline-block; vertical-align: middle; margin-left: 10px; background-color: #000; color: #fff; line-height: 42px; text-align: center; padding: 0; text-transform: uppercase; font-size: 16px; border: 0; cursor:pointer} div.order-query { display: block; width: 100%; font-size: 16px; color: #000;} div.order-query a {display: inline-block; border-bottom: 1px solid #000} div.order { display: block; width: 100%; margin: 50px auto; padding-bottom: 50px; border-bottom: 1px solid var(--border-colour);} div.order-list div.order:last-child { border-bottom: 0;} div.order-header { display: block; width: 100%;background: var(--col-green); font-size: 0; padding: 25px 20px; position: relative;} div.order-header:before { content: "Online order"; display: block; width: 100%;width: 120px; top: -30px; height: 30px; line-height: 30px; padding: 0 20px; color: #fff; font-size: 14px; position: absolute; left: 0px; background: var(--col-lgreen); text-transform: uppercase; text-align: center;} div.order-header.offline:before {content: "Offline order"; background: #000; color: #fff;} div.order-header > div { display: inline-block; width: 30%; vertical-align: top; text-align: left; font-size: 12px;color: #fff;font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1; text-transform: uppercase; letter-spacing: 0px; margin-top: 10px; margin-bottom: 10px;} div.order-header > div b { display: block; font-family: 'Helvetica Neue LT W01_75 Bold'; margin-bottom: 6px; font-weight: normal} div.order-header > div:first-child, div.order-header > div:nth-child(5) { width: 24%} /*div.order-header > div:nth-child(3), div.order-header > div:nth-child(7) { width: 47.5%}*/ div.order-header > div:nth-child(4), div.order-header > div:nth-child(8) { width: 16%} div.order h6 { margin: 30px auto;} div.order-body { width: 100%; display: block; font-size: 0;padding: 0px 0px 0px; position: relative;} div.order-body + div.order-body { margin-top: 50px;} div.order-body div.product-image, div.order-body div.product-information, div.order-body div.order-tools { width: 100px; display: inline-block; vertical-align: top; } div.order-body div.product-image { padding: 10px; border: 2px solid var(--accent-colour);} div.order-body div.order-tools { font-size: 14px; line-height: 1.5} div.order-body div.product-image img { display: block; width: 80px; } div.order-body div.product-information { width: calc(100% - 300px); padding-left: 20px; padding-right: 40px; color: #000; } div.order-body div.product-item-number { width: 100%; display: block; font-size: 14px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1; text-align: left; margin: 5px auto; text-transform: uppercase;} div.order-body div.product-information div.price { width: 100%; display: block; font-size: 14px; font-family: 'Helvetica Neue LT W01_75 Bold'; line-height: 1; text-align: left; margin: 0px auto;} div.order-body div.product-information div.title { font-size: 14px; font-family: 'Helvetica Neue LT W05_55 Roman'; letter-spacing: 0px; display: block; text-align: left; margin:0px auto; padding: 0; line-height: 1.1; left: 0; margin: 5px auto 5px} div.order-body div.product-information div.vendor { font-size: 14px; font-family: 'Helvetica Neue LT W01_75 Bold'; letter-spacing: 1px; display: block; text-align: left; margin:0px auto; padding: 0; line-height: 1.1; left: 0; text-transform: uppercase;} div.order-body div.order-tools { width: 200px; line-height: 1; text-align: right; font-size: 0} div.order-body div.order-tools > span { width: 40%; display: inline-block; vertical-align: top; font-size: 14px;} div.order-body div.order-tools > span:nth-child(2) { width: 60%; display: inline-block; vertical-align: top; font-size: 14px;} div.order-body div.product-information a.button { display: inline-block; width: auto; line-height: 30px; text-align: right; background: url() no-repeat left center; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 10px; margin-top: 15px; background-color: var(--accent-colour); color: #fff; border: 0px solid #000; padding: 0 10px; transition: all .3s ease-out;} div.order-body div.product-information a.button:hover { background: #000;} div.order-body div.order-tools a.button { display: block; width: 100%; line-height: 40px; text-align: center; background: url() no-repeat left center; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 14px; margin-bottom: 20px; background-color: #000; color: #fff; border: 1px solid #000; padding: 0px;} div.order-body div.order-tools a.button.white { background-color: #fff; color: #000; border: 1px solid var(--border-colour); font-family: 'Helvetica Neue LT W05_55 Roman'; } .status.status-cancelled { color: #9e0b0f !important} div.added-to-cart {position: fixed; top: -450px; right: -100vw; background: #fff; width: 400px; padding: 50px 20px; border: 1px solid var(--border-colour); font-size: 0; display: block; z-index: -1; opacity: 0; max-height: 0; transition: opacity .3s ease-out; overflow: hidden; box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.55);} div.added-to-cart a.button {background-color: var(--col-blue); display: block; width: 100%; transition: all .3s ease-out} div.added-to-cart a.button:hover {background-color: var(--col-green); } div.added-to-cart.active { z-index: 9999; opacity: 1; max-height: 9999px; right: 20px; top: 0px;} div.added-to-cart > div.title {font-size: 14px; display: block; margin: 0 auto 50px; line-height: 1; color: #000; font-family: 'Helvetica Neue LT W01_75 Bold'; letter-spacing: 0px; text-align: left;} div.added-to-cart div.product { padding-bottom: 50px; border-bottom: 1px solid var(--border-colour); display: block; font-size: 0; margin-bottom: 50px;} div.added-to-cart div.product-image, div.added-to-cart div.product-information { width: 100px; display: inline-block; vertical-align: top; vertical-align: middle} div.added-to-cart div.product-information { width: calc(100% - 100px); padding-left: 30px; padding-right: 0px; color: #000; } div.added-to-cart div.product-image a { display: block; padding: 5px; border: 2px solid var(--accent-colour);} div.added-to-cart div.product-image img { display: block; width: 100%; } div.added-to-cart div.product-item-number { width: 100%; display: block; font-size: 14px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1; text-align: left; margin: 5px auto} div.added-to-cart div.product-information div.brand { width: 100%; display: block; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; line-height: 1; text-align: left; margin: 0px auto 5px; color: var(--col-blue); letter-spacing: 0px;} div.added-to-cart div.product-information div.price { width: 100%; display: block; font-size: 20px; font-family: 'Helvetica Neue LT W05_45 Light'; line-height: 1; text-align: left; margin: 10px auto 0; color: #000; } div.added-to-cart div.product-information div.title { font-size: 14px; font-family: 'Helvetica Neue LT W01_75 Bold'; letter-spacing: 0px; display: block; text-align: left; margin: 5px auto; padding: 0; line-height: 1.1; left: 0} div.added-to-cart div.product-information a.button { display: block; width: 100%; line-height: 40px; text-align: center; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 14px; margin-top: 50px; background-color: #000; color: #fff; border: 1px solid #000; } div.added-to-cart a.close-cart { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; display: block; border-radius: 30px; background: url(/img/icons/white/x.svg) no-repeat var(--col-blue) center center; background-size: 12px 12px; color: #fff; cursor: pointer;} div.added-to-cart a.close-cart:hover { background-color: var(--col-green)} form.short-form { max-width: 500px; margin: 0 auto 0 0} div.order-confirmation { display: block; width: 100%; color: #000; font-family:'Futura LT W01 Book'; font-size: 18px; } div.order-confirmation div.wrapper-cart { padding-top: 0;} /*CART*/ div.wrapper-cart { font-size: 0; padding: 0px 20px 100px} div.cart-left, div.cart-right { display: inline-block; vertical-align: top; width:50%; padding: 0 40px;} div.wrapper-cart h2 { line-height: 1; margin: 0; padding: 0; font-size: 30px; text-align: left;} div.cart-block {padding-bottom: 20px; border-bottom: 1px solid var(--border-colour)} div.cart-block:first-child { border-top: 1px solid var(--border-colour); } div.cart-product { margin-top: 40px; font-size: 0} div.wrapper-cart div.product-image, div.wrapper-cart div.product-information { width: 50%; display: inline-block; vertical-align: top} div.wrapper-cart div.product-image { width: 140px; border: 2px solid var(--border-colour); padding: 5px; position: relative;} div.wrapper-cart div.product-image.sale:after {content:""; width: 40px; height: 40px; position: absolute; top: 0; left: 0; display: block; background: url(/img/icons/sale.png) no-repeat center center; background-size: cover; } div.wrapper-cart div.photo { width: 100%; display: block; margin: 0 auto; position: relative;} div.wrapper-cart div.product-information { color: #000; width: calc(100% - 140px); padding-left: 40px;} div.wrapper-cart div.brand { width: 100%; display: block; font-size: 12px; font-family: 'Helvetica Neue LT W01_75 Bold'; letter-spacing: 3px; line-height: 1; text-align: left;} div.wrapper-cart div.product-item-number { width: 100%; display: block; font-size: 12px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1; text-align: left;} div.wrapper-cart div.product-information div.price { width: 100%; display: block; font-size: 18px; font-family: 'Helvetica Neue LT W01_75 Bold'; line-height: 1; text-align: left; margin: 30px auto;} div.wrapper-cart div.product-information h1 { font-size: 24px; font-family: 'Helvetica Neue LT W05_55 Roman'; letter-spacing: 3px; display: block; text-align: left; margin: 10px auto; padding: 0; line-height: 1.1; left: 0; text-transform: uppercase;} div.wrapper-cart div.product-information div.product-details { font-size: 14px; font-family: 'Helvetica Neue LT W05_55 Roman'; display: block; text-align: left; margin: 0 auto; padding: 0; line-height: 1.75; } div.wrapper-cart div.product-information div.cart-tools { width: 100%; display: block; font-size: 0px; text-align: left; margin: 0px auto 0; position:relative;} div.wrapper-cart div.product-information div.cart-tools div.qty:after { display: block; position: absolute; bottom: -15px; left: 0; text-align: left; width: 100%; font-size: 12px;} div.wrapper-cart div.product-information div.cart-tools.in-stock div.qty:after { content: "in stock"; color: #0d9006; } div.wrapper-cart div.product-information div.cart-tools.low-stock div.qty:after { content: "low stock"; color: #e25110; } div.wrapper-cart div.product-information div.cart-tools.no-stock div.qty:after { content: "out of stock"; color: #c00000; } div.wrapper-cart div.product-information div.cart-tools.insufficient-stock div.qty:after { content: "limited stock"; color: #c00000; } div.wrapper-cart div.product-information div.cart-tools > div { width: 180px; display: inline-block; vertical-align: middle} div.wrapper-cart div.product-information div.cart-tools > div.cart-buttons { width: calc(100% - 180px); } div.wrapper-cart div.product-information div.cart-tools div.qty { font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; line-height: 40px; text-align: left; position: relative;} div.wrapper-cart div.product-information div.cart-tools div.qty input { line-height: 38px; min-height: 38px; display: inline-block; width: 60px; text-align: center; border: 1px solid var(--border-colour); color: #000; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; margin: 0px 15px 0; position: relative; z-index: 2; top: 6px} div.wrapper-cart div.product-information div.cart-buttons a.button { display: inline-block; vertical-align: middle; width: auto; padding: 0 20px; border-right: 1px solid var(--border-colour); line-height: 40px; background: none;} div.wrapper-cart.my-lists div.product-information div.cart-buttons a.button { border-right: 0px solid var(--border-colour); } div.wrapper-cart.my-lists div.product-information div.cart-buttons a.button:last-child { background: var(--col-blue); color: #fff;} div.wrapper-cart div.product-information div.cart-buttons a.button:last-child { border: 0} div.wrapper-cart div.product-information div.cart-buttons a.button img { display: block; width: 14px; } div.wrapper-cart.for-lists div.product-information h1 { font-size: 18px; font-family: 'Helvetica Neue LT W05_55 Roman'; letter-spacing: 0px; display: block; text-align: left; margin: 10px auto; padding: 0; line-height: 1.1; left: 0; text-transform: none;} div.wrapper-cart.for-lists div.product-information div.cart-buttons a.button { border-right: 0px solid var(--border-colour); } div.wrapper-cart.for-lists div.product-information div.cart-buttons a.button:last-child { background: var(--col-blue); color: #fff;} div.wrapper-cart.for-lists div.product-item-number { text-transform: uppercase; font-size: 10px} div.package-info { display: block; width: 100%; font-size: 14px; font-family: 'Helvetica Neue LT W01_75 Bold'; margin-top: 10px; color: var(--col-blue)} div.package-info:empty { display: none;} div.package-info:before { content: "PACKAGE QTY: "; font-family:'Helvetica Neue LT W05_45 Light'; text-transform: uppercase; margin-right: 5px;} div.cart-help { color: #000; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 18px; letter-spacing: 0px; text-align: left; line-height: 30px; display: block; position: absolute; right: 70px; top: 60px; } div.promo-code { padding: 40px 0 10px; display: block; font-size: 0} div.promo-code div.title { width: 100%; display: block; font-size: 18px; font-family: 'Helvetica Neue LT W01_75 Bold'; color: #000; text-align: left; margin-bottom: 14px; letter-spacing: 3px; line-height: 1} div.promo-code div.code-holder { display: inline-block; width: calc(100% - 130px); vertical-align: top;} div.promo-code div.code-holder input { width: 70%; margin: 0 auto 0 0; padding: 0 20px; line-height: 40px; min-height: 40px; letter-spacing: 1px; font-size: 14px;} div.promo-code div.button-holder { display: inline-block; width: 130px; vertical-align: top;} div.promo-code div.button-holder input { width: 100%; display: block; background: transparent; border: 1px solid var(--border-colour); color: #000; line-height: 38px;min-height: 38px; } div.cart-block-title {color: #acacac; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 14px; letter-spacing: 2px; line-height: 1; } div.cart-totals { display: block; width: 100%; padding-top: 20px; margin-bottom: -10px} div.cart-totals a.button { display: block; width: 100%; margin: 40px auto; font-size: 14px; letter-spacing: 1px} div.cart-totals a.button-gray { margin: 10px auto 0; cursor: pointer;} div.save-to-list { display: block; padding-top: 40px;} div.save-to-list div.field { padding-right: 0!important} /*div.cart-totals a.button-gray + a.button { margin-top: 10px}*/ div.cart-totals a.button.white { color: #000; background-color: #fff; border: 1px solid var(--border-colour); font-family: 'Helvetica Neue LT W05_55 Roman'; } div.cart-totals img { display: table; margin: 0px auto;} div.cart-totals div.cart-total-line { display: block; width: 100%; font-size: 0; height: auto; line-height: 32px;} div.cart-totals div.cart-total-line.grand-total { border-top: 0px solid var(--border-colour); padding-top: 0px; height: auto; } div.cart-totals div.cart-total-line > div { display: inline-block; vertical-align: middle; font-size: 18px; font-family: 'Helvetica Neue LT W05_65 Medium'; color: #000;} div.cart-totals div.cart-total-line.grand-total > div { font-family: 'Helvetica Neue LT W01_75 Bold' } div.cart-total-label { text-align: left; letter-spacing: 1px; line-height: 1; text-transform: uppercase; text-align: left; width: calc(100% - 130px);} div.cart-total-label small { font-size: 12px; color: #acacac; text-align: left; display: block; letter-spacing: 3px; line-height: 1; text-transform: uppercase; margin-top: 4px;} div.cart-total-value { width: 130px; text-align: right;} div.cart-totals div.js-cart-total-line-discount { display: none!important;} div.cart-totals div.js-cart-total-shipping.active { display: block!important;} div.cart-totals div.js-cart-total-shipping { display: none!important;} div.cart-totals div.js-cart-total-line-discount.active { display: block!important;} div.cart-separator { display: block; background-color: var(--border-colour); height: 1px; font-size: 0; width: 100%; margin: 17px 0;} div.js-save-card-row { display: none!important;} div.js-save-card-row.active { display: block!important;} div.sign-in-hint { display: block; margin-bottom: 50px; } div.sign-in-hint a.button { display: inline-block; width: 100px; vertical-align: middle; font-size: 14px; padding: 0;} div.sign-in-hint p { display: inline-block; width: calc(100% - 100px); padding-left: 20px; vertical-align: middle; margin: 0; color: #000; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; } div.form-title { text-align: left; display: block; color: #acacac; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 14px; letter-spacing: 2px; line-height: 1.5; text-transform: uppercase; margin-top: 0px; border-bottom: 1px solid var(--border-colour); padding: 15px 0;} div.form-subtitle { text-align: left; display: block; color: #acacac; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 14px; letter-spacing: 2px; line-height: 1.5; text-transform: uppercase; margin-top: 0px; padding: 15px 0;} div.form-section-title { text-align: left; display: block; font-size: 14px; font-family: 'Helvetica Neue LT W01_75 Bold'; color: #acacac;letter-spacing: 1px; line-height: 1; text-transform: uppercase; padding: 20px 0} div.form-section-title-alternate { text-align: left; display: block; font-size: 18px; font-family: 'Helvetica Neue LT W01_75 Bold'; color: #000; letter-spacing: 3px; line-height: 1; text-transform: uppercase; padding: 20px 0} div.shipping-info-review { display: block; font-size: 0; text-align: left; margin-top: 30px;} div.shipping-info-review > div { display: inline-block; vertical-align: top; max-width: 220px; width: 50%; padding-right: 20px; font-family: 'Helvetica Neue LT W05_65 Medium'; font-size: 14px; color: #000; line-height: 1.5 } div.shipping-info-review > div b { display: block; font-family: 'Helvetica Neue LT W01_75 Bold'; padding: 15px 0 } div.js-review-block { display: inline-block; font-size: 0; text-align: left; margin-bottom: 20px; width: 50%; vertical-align: top} div.js-review-block div.title { text-align: left; display: block; font-size: 14px; font-family: 'Helvetica Neue LT W01_75 Bold'; color: #acacac;letter-spacing: 1px; line-height: 1; text-transform: uppercase; margin-top: 30px} div.js-review-block-data { display: block; font-size: 0; text-align: left; margin-top: 10px;} div.js-review-block-data > div { display: inline-block; vertical-align: top; max-width: 100%; width: 100%; padding-right: 20px; font-family: 'Helvetica Neue LT W05_65 Medium'; font-size: 14px; color: #000; line-height: 1.5 } div.js-review-block-data > div.js-review-payment-method { width: 100%; max-width: 100%; } div.js-review-block-data > div.js-review-shipping-address { width: 100%; max-width: 100%; } div.js-review-block-data > div div { display: block; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 14px; color: #000; line-height: 1.25 } div.js-review-block-data > div b { display: block; font-family: 'Helvetica Neue LT W01_75 Bold'; padding: 0px 0 15px; color: #acacac; letter-spacing: 2px; font-weight: normal; text-transform: uppercase; margin-top: -10px} div.js-review-block-data a.edit { display: table; padding-bottom: 3px; border-bottom: 1px solid #000; margin-top: 20px; font-size: 14px; font-family: 'Helvetica Neue LT W01_75 Bold'; } p.order-confirmation-message { display: block; width: 100%; margin-bottom: 30px; font-size: 18px; color: #000; text-align: left; line-height: 1.5; margin-top: 30px;} p.order-confirmation-message b { color: var(--col-blue); font-family:'Helvetica Neue LT W05_65 Medium'; font-weight: normal} a.js-place-order { display: block; width: 100%; margin-top: 20px;} div.js-place-order-container {display: none;} div.js-place-order-container.active {display: block;} p.js-processing-disclaimer { display: none; text-align: center; color: #000; font-size: 14px; line-height: 1.5; padding: 0 40px; } p.js-processing-disclaimer.active { display: block; } div.field-info { display: block; line-height: 1.5; padding: 10px 0; font-size: 12px;} div.cart-totals a.js-place-order {display: none;} div.cart-totals a.js-place-order.active {display: block;} div.js-shipping-choices { display: block; margin-bottom: 30px; border-bottom: 1px solid var(--border-colour); } div.js-shipping-choice { display: none;} div.js-shipping-choice.active { display: block;} div.radios.js-shipping-choice { border-top: 1px solid var(--border-colour) } div.radios.js-shipping-choice:first-child { border-top: 0px solid var(--border-colour); } div.js-shipping-choice-pick-up p { font-size: 14px; text-align: left; margin: 10px auto 5px 0; max-width: 480px;} div.js-pick-up-locations { display: block; font-size: 0; width: calc(100% + 20px); margin: 0 -10px; padding-bottom: 20px;} div.js-pick-up-locations > div { display: inline-block; vertical-align:top; width: 50%; font-size: 14px; padding: 10px;} div.js-pick-up-locations > div.inactive { opacity:.4} div.js-pick-up-map { display: block;} div.js-pick-up-map img { display: block; width: 100%;} div.js-pick-up-address { padding: 14px 0 25px; font-size: 14px;} div.js-pick-up-address b { display: block; font-family: 'Helvetica Neue LT W01_75 Bold'; font-weight: normal; text-transform: uppercase;} div.js-pick-up-address p { margin-bottom: 12px;} a.js-pick-up-button { display: block; background-color: var(--accent-colour); color: #fff; font-size: 14px; text-align: center; line-height: 40px; letter-spacing: 2px; font-family: 'Helvetica Neue LT W01_75 Bold'; cursor: pointer; transition: all .3s ease-out} a.js-pick-up-button:hover { background-color: #b1b9b9;} a.js-pick-up-button.active { background-color: #b1b9b9;} div.js-pick-up-locations.missing:after { content: "Please select a location"; color: #ff3300; display: block; width: 100%; line-height: 26px; font-size: 14px; text-align: left; background: #fff; letter-spacing: 0px; font-family: 'Helvetica Neue LT W05_55 Roman'; padding-left: 10px;} div.js-payment-choices { display: block; margin-bottom: 30px; border-bottom: 1px solid var(--border-colour); } div.js-payment-choice { display: none;} div.js-payment-choice.active { display: block;} div.radios.js-payment-choice { border-top: 1px solid var(--border-colour) } div.radios.js-payment-choice:first-child { border-top: 0px solid var(--border-colour); } .js-enter-cvd { display: none!important;} .js-enter-cvd.active { display: block!important;} #CCSavedCode, #CCCode { max-width: 80px} /*CUSTOMER CARE*/ div.customer-support { display: block; width: 100%; position: relative; overflow: hidden;display: flex; justify-content: space-between; gap: 0; } div.customer-support > img { display: block; margin: 0 auto 0 0;} div.customer-support > div { display: block; position: absolute; top: 0; right: 0; background-color: var(--col-green); width: 50%; height: 100%; padding: 30px 70px 30px 20px; padding: 0;} div.customer-support-form b { display: block; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 24px; font-weight: normal; margin: 0 auto 28px; text-align: left; text-transform: uppercase; color: #fff;} div.customer-support-form div.field { margin-bottom: 20px;} div.customer-support-form #frmContact button[type="submit"] { background-color: #000} div.customer-support-form div.account-promo { display: block; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); padding: 0 50px; text-align: left;} div.customer-support-form div.account-promo b { display: block; text-align: left; margin-bottom: 22px; line-height: 38px; font-size: 30px; color: #fff; letter-spacing: 0; font-family: 'Helvetica Neue LT W05_65 Medium'; font-family: 'Helvetica Neue LT W05_55 Roman'; } div.customer-support-form div.account-promo a.button { margin: 0 10px 0 0;font-size: 14px; letter-spacing: 0px; line-height: 42px; padding: 0 15px; background: #fff; color: #000; display: inline-block; } div.customer-support-form div.account-promo a.button:hover { background-color: var(--col-blue); color: #fff;} div.customer-support-form div.account-promo a.button:last-child { margin-right: 0} /*LOCATIONS*/ div.locations { display: block; width: 100%; margin-top: 0px; text-align: left; padding: 30px;display: flex; justify-content: space-between; gap: 0; flex-wrap: wrap;} #store-locations div.locations { background-color: var(--col-blue)} div.locations h2 { margin-bottom: 30px; color: #fff; padding-left: 40px; font-size: 30px;} #home div.locations h2 { padding: 0; text-align: center;} div.location { width: 50%; display: inline-block; vertical-align: top;margin: 0; padding: 0 40px 10px; position: relative; background: var(--col-blue);} #home div.locations div.location { width: 50%; padding: 0 20px 10px; margin-bottom: 50px} div.location div.map { display: block; width: calc(100% - 410px); height: 100%; position: absolute; top: 0; left: 0;} div.location div.contact-info { display: block; width: 100%; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 16px; color: #fff; text-align: left; padding: 0px 0px 0px; margin: 0 0 0 auto; } div.location div.contact-info > div { font-size: 16px} div.location div.contact-info > div.buttons { } div.location div.contact-info div.title { display: block; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 18px; font-weight: normal; margin-bottom: 5px; letter-spacing: 0px} div.location div.contact-info div.location-address { display: block; margin-bottom: 24px; text-transform: uppercase; line-height: 1.25;} div.location div.contact-info b { display: block; margin-bottom: 10px; } div.location div.contact-info div.hours { display: block; margin-bottom: 20px; } div.location div.contact-info div.hours { display: inline-block; width: 50%; vertical-align: top; padding-right: 30px;} #home div.locations div.location div.contact-info div.hours { display: block; width: 100%; vertical-align: top; padding-right: 0px;} div.location div.contact-info div.contact { display: inline-block; width: 50%; vertical-align: top;padding-left: 30px;} #home div.locations div.location div.contact-info div.contact { padding-left: 0px;} div.location div.contact-info div.hour { display: block; margin-bottom: 10px; } div.location div.contact-info div.hour label { display: inline-block; vertical-align: top; text-transform: uppercase;font-family: 'Helvetica Neue LT W01_75 Bold'; margin-right: 7px;} div.location div.contact-info div.hour span { display: inline-block; vertical-align: top; text-align: right; text-transform: none;} div.location div.buttons { text-align: left; font-size: 0} div.location div.buttons a.button { background: url() no-repeat #fff 12px center; background-size: auto 33px; padding-left: 50px; color: #000; line-height: 50px; font-size: 12px; width: calc(50% - 5px); margin: 0 auto} #home div.locations div.location div.buttons a.button { width: 100%; margin-top: 10px; } div.location div.buttons a.button:hover { background-color: var(--accent-colour);} div.location div.buttons a.button.gmap { background-image: url(/img/icons/dark/gmap.svg); margin-right: 10px; min-width: 20px;} div.location div.buttons a.button.waze { background-image: url(/img/icons/dark/waze.svg); background-position: 40px center; margin-right: 0; margin-left: 0} div.location-full { width: 100%; display: block; padding: 0; position: relative; margin-bottom: 100px; overflow: hidden;} div.location-full div.contact-info { padding: 10px 0; background: var(--col-blue);} div.location-full div.contact-info > div { vertical-align: middle !important;} div.location-full div.address { display: block; vertical-align: top; width: 100%; color: #fff; padding: 20px 0 0 70px; text-align: left;} div.location-full div.address div.title { display: block; font-size: 44px; font-family:'Helvetica Neue LT W05_65 Medium'; color: #fff; line-height: 0.9; margin-bottom: 8px;} div.location-full div.address div.location-address { display: block; font-size: 14px; font-family:'Helvetica Neue LT W05_65 Medium'; color: #fff; line-height: 1.2} div.location-full div.buttons { width: 330px; display: inline-block; padding-right: 70px} div.location-full div.buttons a.button { display: block; width: 100%; margin: 10px auto;} div.location-full div.contact-info > div.contact-hours { display: inline-block; vertical-align: top; width: calc(100% - 680px); font-size: 0; padding: 0 0 0 15px;} div.location-full div.contact-hours > div { display: inline-block; vertical-align: middle; width: 50%; font-size: 16px; text-align: left; padding: 0!important; margin: 0 !important} div.location-full.bolton > img { display: block; width: 640px; margin: 0 0 0 auto;} div.location-full.bolton > div.contact-info { display: block; width: calc(100% - 640px); position: absolute; top: 0; left: 0; height: 100%; padding-top: 50px} div.location-full.bolton div.buttons { display: block; max-width: 100%; padding-left: 70px; width: 400px;} /*div.location-full.bolton div.buttons a.button { display: inline-block; margin: 0 5px; width: 45%;}*/ div.location-full.bolton div.contact-info > div.contact-hours { width: 100%; display: block; padding-left: 70px; } div.location-video {display: block; width: 710px; height: 400px; position: relative; margin: 0 0 0 auto; position: relative; left: 50px} div.location-video iframe {display: block; width: 100%; height: 100%; position: absolute; border: 0; top: 0; right: 0;} a.toggle-sound { display: block; position: absolute; bottom: 20px; right: 70px; width: 20px; height: 20px; background: url(/img/icons/sound.svg) no-repeat left center; background-size: contain;} a.toggle-sound.active { background-image: url(/img/icons/sound-off.svg);} /*MAPS*/ div.gmap-wrapper { position: relative; display: block; width: 100%; height: 100%; margin: 0 auto; z-index: 2;} div.gmap { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0} /*FORMS*/ form { display: block; width: 100%; max-width: 1280px; margin: 0 auto; font-size: 14px; } div.form-row { display: block; width: 100%; font-size: 0; position: relative; } div.cart-block + div.form-row { margin-top: 30px;} div.form-row-hidden { display: none} div.form-row-hidden.active { display: block} div.field { display: block; width: 100%; font-size: 14px; position: relative; margin-bottom: 10px; padding: 0 10px 0 0;} div.field label { display: none} div.field.missing label { color: var(--error-colour) !important} div.field.missing span.error-message { color: var(--error-colour); display: block; font-size: 10px; position: absolute; bottom: -10px; left: 10px} form div.title { display: block; width: 100%; font-size: 18px; position: relative; font-family: 'Helvetica Neue LT W05_65 Medium'; text-transform: uppercase; color: #000; letter-spacing: 3px; padding-top: 30px} form div.title.no-padding { padding-top: 0px} form div.subtitle { display: block; width: 100%; font-size: 14px; position: relative; font-family: 'Helvetica Neue LT W05_65 Medium'; text-transform: uppercase; color: #acacac; letter-spacing: 2px} form div.text-label { display: block; width: 100%; line-height: 40px; border-width: 0px; border-style: solid; border-radius: 0px; padding: 0 10px; text-align: left; color: #000; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: inherit} form div.text-label.inactive { color: #aaa} .select2-results__options::-webkit-scrollbar-track, form *::-webkit-scrollbar-track {background-color: rgba(var(--border-colour-rgb), 0.2) } .select2-results__options::-webkit-scrollbar , form *::-webkit-scrollbar { width: 6px; height: 6px } .select2-results__options::-webkit-scrollbar-thumb , form *::-webkit-scrollbar-thumb { background-color: rgba(var(--border-colour-rgb),1) } input[type="text"], input[type="email"], input[type="password"] { display: block; width: 100%; line-height: 38px; min-height: 40px; border-color: var(--border-colour); border-width: 1px; border-style: solid; border-radius: 0px; padding: 0 10px; text-align: left; color: #000; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: inherit} input[type="text"]:focus, input[type="search"], input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="password"]:focus { box-shadow:inset 0 0 15px 1px rgba(0,0,0,0.1); } input[type="search"].highlighted, input[type="tel"].highlighted, input[type="number"].highlighted, input[type="text"].highlighted, input[type="email"].highlighted, input[type="password"].highlighted { background-color: #ffbc9b} select { display: block; width: 100%; line-height: 40px; min-height: 40px; border-color: var(--border-colour); border-width: 1px; border-style: solid; padding: 10px; line-height: 1.5; text-align: left; color: #000; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: inherit; text-transform: uppercase; } textarea { display: block; width: 100%; border-width: 1px; border-style: solid; border-radius: 0px; border-color: var(--border-colour); padding: 10px; line-height: 1.5; text-align: left; font-size: inherit} button[type="submit"], button[type="button"], button[type="reset"] { display: table; width: auto; line-height: 40px; border: 0px; padding: 0 40px; text-align: center; background-color: var(--accent-colour); color: #fff; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; cursor: pointer;} button[type="submit"]:hover, button[type="button"]:hover { background: #b1b9b9; } button[type="reset"] { background: #ccc; } button[type="reset"]:hover { background: #b1b9b9; } form.validation-in-progress button[type="submit"], form.submit-in-progress button[type="submit"] {color: var(--accent-colour)!important; ; position: relative; background: var(--accent-colour)!important;} form.validation-in-progress button[type="submit"]:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 0!important; content: ""; display: block; background: url(/lib/img/white/validate.gif) no-repeat center center; background-size: 80px 10px;} form.submit-in-progress button[type="submit"]:after { position: absolute; width: 100%; height: 100%; font-size: 0!important; content: ""; display: block; background: url(/img/icons/spin-blue2.gif) no-repeat center center; background-size: 34px 34px; top: 0; left: 0} button.submit-in-progress, a.submit-in-progress { background: url(/img/icons/spin-blue2.gif) var(--accent-colour) no-repeat center center !important; background-size: 34px 34px!important; font-size: 0!important; transition: none;} *::-webkit-input-placeholder { font-size: 14px; line-height: 38px; color: #000; text-transform: uppercase; font-family: 'Helvetica Neue LT W05_55 Roman';} *::-moz-placeholder { font-size: 14px; line-height: 38px; color: #000; text-transform: uppercase; font-family: 'Helvetica Neue LT W05_55 Roman';} *:-ms-input-placeholder { font-size: 14px; line-height: 38px; color: #000; text-transform: uppercase; font-family: 'Helvetica Neue LT W05_55 Roman';} textarea::-webkit-input-placeholder { line-height: 1.5; } textarea::-moz-placeholder { line-height: 1.5; } textarea:-ms-input-placeholder { line-height: 1.5; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #000; text-transform: none} div.field.missing *::-webkit-input-placeholder { color:var(--error-colour)} div.field.missing *::-moz-placeholder { color:var(--error-colour)} div.field.missing *:-ms-input-placeholder { color:var(--error-colour)} .select2-container--default { box-sizing: border-box; width: 100%!important} .select2-container--default .select2-selection--single { border-radius: 0; border-color: var(--border-colour)} .select2-container .select2-selection--single { height: auto} .select2-container--default .select2-selection--single .select2-selection__rendered { color: inherit; font-size: inherit; line-height: 40px;} .select2-container--default .select2-selection--single .select2-selection__arrow {width: 40px; height: 40px; right: 0; top: 0; background: url(/img/icons/dark/arrow-down.svg) no-repeat center center; background-size: 13px 7px; transform: rotate(0deg); transition: all .1s ease-out} .select2-container--default .select2-selection--single .select2-selection__arrow:hover {background-size: 20px 11px; } .select2-container--open .select2-selection--single .select2-selection__arrow {transform: rotate(180deg);} .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none;} .select2-selection__rendered { color: #000; text-transform: uppercase} .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #000; text-transform: uppercase} .select2-results__option { font-size: 14px; text-transform: uppercase;} div.checkbox { display: block; text-align: left; position: relative; width: 100%; } div.checkbox input[type="checkbox"] { display: none;} div.checkbox label { display: block; color: #000; font-family: 'Helvetica Neue LT W05_55 Roman'; text-align: left; position: relative; width: 100%; font-size: 14px; padding-left: 31px; min-height: 20px; padding-top: 1px; line-height: 1.25;} div.checkbox label:before { content:""; position: absolute; left:0; top: 0; border: 1px solid #000; background: transparent; display: block; width: 20px; height: 20px; box-sizing: border-box;} div.checkbox input:checked + label:before { background: url(/lib/img/dark/checkmark.svg) no-repeat center center; background-size: 14px 12px;} div.radios { display: block; width: 100%; text-align: left; font-size: 0} div.radios > label, div.radios > div { display: block; width: 100%; position: relative; } div.radio input[type="radio"] { display: none;} div.radio label { display: block; position: relative; padding-right: 32px; padding-top: 2px; line-height: 1; min-height: 22px; width: auto; font-size: 18px; color: #000;font-family: 'Helvetica Neue LT W01_75 Bold'; letter-spacing: 3px;} div.radio label:before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background-color: transparent; border: 1px solid #ccc; border-radius: 20px; box-sizing: border-box;} div.radio.missing label:before { border: 1px solid #ff3300; } div.radio label:after { content: ""; display: block; position: absolute; top: 3px; right: 3px; width: 14px; height: 14px; background-color: transparent; border-radius: 14px; border: 0px solid #ccc; box-sizing: border-box;} div.radio input[type=radio]:checked + label:after { background-color: #ccc; border: 3px solid #ccc;} div.radios.radios-left div.radio label:before { right: auto; left: 0; } div.radios.radios-left div.radio label:after { right: auto; left: 3px; } div.radios.radios-left div.radio label { padding-right: 0; padding-left: 32px; } div.radios.radios-left.js-account-create-type div.radio label { text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; font-family:'Helvetica Neue LT W05_55 Roman';} div.form-row p.warning, div.form-row p.notice, div.form-row p.info { font-size: 14px; color: #000} .field a.form-link { line-height: 40px;} div.form-row div.info { display: block; position: relative; top: 5px; padding-right: 10px} div.form-row div.info span { display: block; font-size: 14px; line-height: 40px; color: #000; text-transform: uppercase; font-family: 'Helvetica Neue LT W05_65 Medium'; position: relative;} div.form-row div.info a { display: block; font-size: 14px; line-height: 40px; color: #000; text-transform: uppercase; font-family: 'Helvetica Neue LT W05_65 Medium'; position: relative;} div.form-row div.info a:after { content:"i"; display: block; position: absolute; right: 0; top: 10px; border-radius: 20px; background-color: var(--border-colour); color: #000; font-style: italic; font-family:'Georgia'; font-size: 14px; text-align: center; height: 20px; width: 20px; line-height: 20px; text-transform: none; transform: rotate(10deg);} #frmLogin { margin: 30px auto 80px;} form.login div.form-row { margin: 0px auto 20px;} form.login div.form-row div.field { margin-bottom: 0px; } a.forgot-password { font-family: 'Helvetica Neue LT W05_65 Medium'; text-align: right; font-size: 14px; color: #000; display: block; line-height: 40px; text-decoration: underline;} form.checkout div.form-row { margin: 0px auto 20px;} div.js-checkout-section { display: none; font-size: 0} div.js-checkout-section.active { display: block; } div.radios.js-payment-choice label, div.radios.js-shipping-choice label { padding-top: 20px; padding-bottom: 20px;} div.radios.js-payment-choice label:before, div.radios.js-shipping-choice label:before { top: 20px;} div.radios.js-payment-choice label:after, div.radios.js-shipping-choice label:after { top: 23px;} div.js-separate-billing { display: none;} div.js-separate-billing.active { display: block;} div.js-new-payment-method { display: none;} div.js-new-payment-method.active { display: block;} div.reset-password-row { display: none !important;} div.reset-password-row.active { display: block !important;} #frmContact { font-size: 18px;} #frmContact input[type="text"], #frmContact input[type="email"], #frmContact input[type="password"] { border-color: #fff; } #frmContact div.field > label { display: none;} #frmContact *::-webkit-input-placeholder { font-size: 14px;} #frmContact *::-moz-placeholder { font-size: 14px;} #frmContact *:-ms-input-placeholder { font-size: 14px; } #frmContact button[type="submit"] { margin: 0 0 0 auto;} #frmContact button[type="submit"]:hover { background: #000;} #frmContact div.field.checkbox > label { font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 14px; display: block; color:#fff} #frmContact div.checkbox label:before { border: 1px solid #fff; background: #fff;} #frmContact div.checkbox input:checked + label:before { background: url(/lib/img/dark/checkmark.svg) no-repeat center center; background-size: 14px 12px; background-color: #fff} #frmContact div.field.missing span.error-message { bottom: auto; top: 2px; text-align: right; left: auto; right: 15px;} div.customer-support p.reveal-response { text-align: left; font-size: 22px;} .trade-reference { padding-left: 40px; position: relative;} .trade-reference:before { content: attr(data-line-index); color: #000; font-size: 18px; font-family: 'Helvetica Neue LT W01_75 Bold'; position: absolute; top: 0; left: 0; line-height: 40px; text-align: left; width: 40px;} div.credit-app-disclaimer { display: block; font-size: 14px; color: #000; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1.25; text-align: left; } #frmCreditApp button[type="button"] { background-color: var(--col-blue); color: #fff; display: inline-block; margin-right: 10px; margin-bottom: 10px;} #frmCreditApp button[type="submit"] { display: inline-block; margin-bottom: 10px;} #frmCreditApp button[type="button"]:hover { background-color: var(--col-green);} #credit-application-area { font-size: 16px; color: #000; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1.25; text-align: left; } p.reveal-response { display: block; text-align: center; } footer p.reveal-response { color: #fff; font-size: 16px; line-height: 2; text-align: left;} p.collection-overview, p.collection-footer { display: block; font-size: 18px; color: #000} h2.collection-name { margin-bottom: 20px; margin-top: 80px} h2.collection-name:empty { display: none;} h2.collection-title { margin-bottom: 20px; margin-top: 0px} div.vendor-image { display: block; margin: 0 auto 0 0; width: 180px; height: 80px;} div.vendor-image img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: left bottom} div.news-2025 { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 26px; row-gap: 70px;} div.news-2025 div.photo{ display: block; margin-bottom: 20px;} div.news-2025 h2 { display: block; margin-bottom: 12px; font-size: 20px !important} div.news-2025 a.button { margin: 0 auto 0 0} div.news-2025 p { display: block; margin-bottom: 18px; font-size: 16px;} div.more-news-2025 { margin-top: 100px} div.more-news-2025 h2 { margin-bottom: 30px} div.article-2025 ol { list-style-position: outside; padding-left: 20px; margin-bottom: 30px} div.article-2025 ol li { color: #000; line-height: 1.5; font-size: 18px; margin-bottom: 10px} div.article-2025 ul + h2, div.article-2025 ol + h2, div.article-2025 p + h2 { margin-top: 50px} div.article-2025 div.thumbnail { margin-bottom: 50px; display: block;} div.article-2025 div.thumbnail img { display: block;} div.article-2025 ul { margin-bottom: 40px} div.article-2025 ul li { color: #000; line-height: 1.5; font-size: 18px; margin-bottom: 10px} div.article-2025 h2 strong { font-weight: normal;} div.article-2025 a { text-decoration: underline} /*KEYFRAMES*/ @keyframes heartbeat { 0% {transform: scale(1);} 50% {transform: scale(1.5);} 100% {transform: scale(1);} } .scale-up-center { -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } /* ---------------------------------------------- * Generated by Animista on 2019-4-7 15:52:19 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation scale-up-center * ---------------------------------------- */ @-webkit-keyframes scale-up-center { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-center { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* ---------------------------------------------- * Generated by Animista on 2019-4-7 15:15:48 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ .tracking-in-expand { -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; } /* ---------------------------------------------- * Generated by Animista on 2019-4-7 15:39:24 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation tracking-in-expand * ---------------------------------------- */ @-webkit-keyframes tracking-in-expand { 0% { letter-spacing: -0.5em; opacity: 0; } 40% { opacity: 0.6; } 100% { opacity: 1; } } @keyframes tracking-in-expand { 0% { letter-spacing: -0.5em; opacity: 0; } 40% { opacity: 0.6; } 100% { opacity: 1; } } /** * ---------------------------------------- * animation swing-in-top-fwd * ---------------------------------------- */ .swing-in-top-fwd { -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; } @-webkit-keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } @keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } .scale-in-center { -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } /* ---------------------------------------------- * Generated by Animista on 2019-4-7 15:26:5 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation scale-in-center * ---------------------------------------- */ @-webkit-keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .slide-top { -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } /* ---------------------------------------------- * Generated by Animista on 2019-4-7 15:33:55 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation slide-top * ---------------------------------------- */ @-webkit-keyframes slide-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-100px); transform: translateY(-100px); } } @keyframes slide-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-100px); transform: translateY(-100px); } } .fade-in { -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } /* ---------------------------------------------- * Generated by Animista on 2019-4-7 15:36:40 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-in * ---------------------------------------- */ @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } /*ANIMATIONS*/ /*ul.product-list li { opacity: 0; transition: opacity .4s ease-out}*/ /*ul.product-list li.active { opacity: 1; transition: opacity .4s ease-out}*/ .reveal-item { opacity: 0; } .reveal-item.in-view { opacity: 1; transition: all 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s} p.checkout-warning { color: #000; font-size: 16px; line-height: 1.5; margin: 30px auto; padding: 10px 10px 10px 60px; background: url(/img/icons/dark/info.svg) no-repeat 10px 10px; border: 1px solid var(--border-colour); background-size: 30px 30px; min-height: 50px;} p.checkout-severe { color: #000; font-size: 16px; line-height: 1.5; margin: 30px auto; padding: 10px 10px 10px 60px; background: url(/img/i/red/warning.svg) no-repeat 10px 10px; border: 1px solid var(--border-colour); background-size: 30px 30px; min-height: 50px;} p.checkout-alert { background: url(/img/icons/dark/warning.svg) no-repeat 10px 10px; background-size: 30px 30px; } ul.product-list li.reveal-item { transform: translateY(20px) scale(0.9);} ul.product-list li.reveal-item.in-view { transform: translateY(0px) scale(1); } div.js-search-input { display: block; position: absolute; right: 80px; top: 30px; width: 60px; min-height: 30px; font-size: 18px; padding: 0px; overflow: auto; background: url(/img/i/blue/search.svg) no-repeat right center; background: none; background-size: auto 15px; z-index: 6; overflow: hidden; cursor: pointer;} header.logged-in div.js-search-input { right: 160px; } div.js-search-input.active { max-width: 100%; width: 300px; background-position: calc(100% - 10px) center; cursor: default; z-index: 8} div.js-search-input input { display: none; width: 100%; padding: 0 0px 0 10px; font-size: 14px; line-height: 30px; min-height: 30px; border: 0; color: #000; background: transparent; border-bottom: 1px solid #fff; margin: 0 auto; border: 1px solid var(--border-colour)} div.js-search-input.active input { display: block; position: relative;} div.js-search-input *::-webkit-input-placeholder { font-size: 14px; color: #000; } div.js-search-input *::-moz-placeholder { font-size: 14px; color: #000;} div.js-search-input *:-ms-input-placeholder { font-size: 14px; color: #000;} header.reduced div.js-search-input { padding: 0px 0 0px; } header.reduced div.js-search-input input { line-height: 30px; min-height: 30px; border-bottom: 0px solid #fff; font-size: 14px; background-size: 16px 16px; padding-right: 30px; } header.reduced div.js-search-input *::-webkit-input-placeholder { font-size: 14px; } header.reduced div.js-search-input *::-moz-placeholder { font-size: 14px; } header.reduced div.js-search-input *:-ms-input-placeholder { font-size: 14px; } div.js-search-results { display: none; padding: 0px; width: 100%; border-radius: 0px; border: 0px solid #fff; margin-top: 5px; max-width: 690px; margin: 0 auto; background: #fff;} div.js-search-input.open { overflow: visible; } div.js-search-input.open div.js-search-results { display: block; box-shadow: 5px 5px 8px rgba(0,0,0,0.3); } div.js-search-input a.js-search-full {display: block; position: absolute; right: 10px; top: 0px; background: url(/img/i/blue/search.svg) no-repeat right center; background-size: auto 15px; width: 30px; height: 30px; cursor: pointer; } div.js-search-results a { display: block; width: 100%; line-height: 1.5; font-size: 16px; color: #000; text-align: left !important; padding: 5px 0px 5px 10px; border-bottom: 1px solid #fff; } div.js-search-results a:last-child { border: 0} div.js-search-results a small { display: block; font-size: 12px; color: #000; text-transform: uppercase;} div.js-search-results a:hover { color: #000 !important; background-color: #eee} div.js-search-results a.selected { color: #fff !important; background-color: #999} div.js-search-results a:hover small { color: #000 !important;} div.js-search-input a.js-search-close {display: none} div.js-search-input.open a.js-search-close {display: block; position: absolute; right: 0px; top: 0px; background: url(/img/icons/white/x.svg) no-repeat center center; background-size: 12px 12px; width: 30px; height: 30px; cursor: pointer; display: none;} div.supplier-logos { width: 100%; font-size: 0; margin: 70px auto;} div.supplier-logos > div { width: 20%; display: inline-block; vertical-align: top; border-top: 1px solid var(--border-colour); border-right: 1px solid var(--border-colour); height: 0; padding-bottom: 20%; position: relative;} div.supplier-logos > div a { position: absolute; top: 50%; left: 0; width: 100%; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } div.supplier-logos > div a img { display: block; margin: 0 auto; max-width: 60%; transition: all .3s ease-out;} div.supplier-logos > div a:hover img { transform: scale(1.2);} div.supplier-logos > div:nth-child(1), div.supplier-logos > div:nth-child(2), div.supplier-logos > div:nth-child(3), div.supplier-logos > div:nth-child(4), div.supplier-logos > div:nth-child(5) { border-top: 0;} div.supplier-logos > div:nth-child(5n) { border-right: 0;} div.custom-work { display: block; padding: 20px 70px; } div.custom-work > div { display: inline-block; vertical-align: top; width: 50%;} div.custom-work div.image img { display: block; margin: 0 auto 0 50px;} div.custom-work div.text { font-size: 18px; } div.custom-work h3 { font-size: 30px; letter-spacing: 5px; margin-bottom: 20px} div.custom-work p + h3 { margin-top: 80px} div.custom-form p.reveal-response { max-width: 100%; text-align: left; margin: 0 auto 0 -12px; font-size: 24px; line-height: 2} div.custom-order-line { display: block; width: 100%; font-size: 0; border-bottom: 1px solid #fff; position: relative; min-height: 36px;} div.custom-order-line > * { display: inline-block; vertical-align: top; font-size: 16px;} div.custom-order-line > label { width: 200px; text-align: left; padding: 10px 10px 10px 10px; background-color: var(--col-blue); color: #fff; height: 100%; position: absolute; top: 0; left: 0; } div.custom-order-line > span { width: calc(100% - 200px); text-align: left; padding: 10px 0px 10px 10px; color: #000; display: block; margin-left: 200px; line-height: 1.1;} div.custom-order-line > span small { display: block; margin-top: 10px;} div.custom-order-line div.uploaded-files a { display: block; margin-bottom: 10px; color: var(--red)} div.custom-form .select2-container--default { display: inline-block !important; width: calc(100% - 184px) !important;} div.super-header { display: block; padding: 120px 0 120px 70px; text-align: left; background-color: #ebebeb; } div.super-header p { font-size: 36px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-transform: uppercase; max-width: 540px; line-height: 1.1; margin: 0 auto 0 0; letter-spacing: 4px} div.image-header { display: block; height: 340px; width: 100%; position: relative;} div.image-header img { display: block; height: 340px; width: auto; max-width: 9999px; margin: 0 auto;} div.image-header p { display: block; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 70px; font-size: 36px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-transform: uppercase; max-width: 800px; line-height: 1.1; margin: 0 auto 0 0; letter-spacing: 4px; color: #fff; padding-left: 0px} div.news { display: block; width: 100%; padding: 0px 40px 0 70px; font-size: 0; margin-bottom: -50px;} div.news div.article { display: inline-block; vertical-align: top; width: 33.33%; padding-right: 30px; margin-bottom: 80px; font-size: 18px;} div.news div.article > div { display: block; text-align: left;} div.news div.article div.thumb { display: block; background: #B2B9B9; margin-bottom: 15px; min-height: 200px} div.news div.article div.title { display: block; text-align: left; font-size: 24px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-transform: uppercase; margin-bottom: 15px; line-height: 1.1; letter-spacing: 0px; min-height: 40px} div.news div.article div.date { display: block; text-align: left; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; text-transform: uppercase; margin-bottom: 15px; line-height: 1; letter-spacing: 1px;} div.news div.article div.content { display: block; text-align: left; font-size: 16px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1.5;} div.news div.article a.button { margin: 20px auto 0 0} div.news div.content p:last-child { margin-bottom: 0} div.older-items { display: block; width: 100%; font-size: 0; padding: 0 50px;} div.older-items > div { display: inline-block; width: calc(50% - 40px); vertical-align: top; padding: 15px 0px; border-bottom: 1px solid var(--border-colour); margin: 0 20px;} div.older-items > div:last-child { border-bottom: 0} div.older-items div.title { display: block; text-align: left; font-size: 18px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-transform: uppercase; margin-bottom: 8px; line-height: 1.1; letter-spacing: 0px;} div.older-items div.date { display: block; text-align: left; font-size: 12px; font-family: 'Helvetica Neue LT W05_65 Medium'; text-transform: uppercase; line-height: 1; letter-spacing: 1px;} #all-suppliers { display: block; padding: 0 70px; } #all-suppliers h3:first-child { border-top: 1px solid var(--border-colour)} #all-suppliers h3 { text-transform: uppercase; line-height: 70px; border-bottom: 1px solid var(--border-colour); position: relative; padding: 0 40px 0 0; cursor: pointer; margin: 0 auto; font-size: 30px; letter-spacing: 5px; transition: border .01s linear .3s} h3 .ui-accordion-header-icon { display: block; position: absolute; top: 0; right: 0; height: 100%; width: 30px; background: url(/img/icons/dark/plus2.svg) no-repeat right center; background-size: 30px 30px; } h3.ui-state-active { border-bottom: 0 !important; } /*h3.ui-state-active + div { }*/ h3.ui-state-active .ui-accordion-header-icon { background: url(/img/icons/dark/minus.svg) no-repeat right center; background-size: 30px auto;} #all-suppliers > div { padding: 30px 0; font-size: 0; border-bottom: 1px solid var(--border-colour)} #all-suppliers > div a { display: inline-block; width: 33.33%; text-align: left; margin: 0 auto 20px; color: #000; font-size: 18px; font-family: 'Helvetica Neue LT W05_65 Medium'; } #all-suppliers > div a:hover { transition: all .3s ease-out; color: var(--accent-colour);} div.wrapper-cart.for-lists { padding: 20px 0; border-bottom: 0} div.wrapper-cart.for-lists a.button.js-convert-list { margin: 30px auto 0 0} #my-lists { display: block; padding: 0 0px;} #my-lists h3 { text-transform: uppercase; line-height: 1.5; border-bottom: 1px solid var(--border-colour); position: relative; padding: 10px 40px 10px 0; cursor: pointer; margin: 0 auto; font-size: 24px; letter-spacing: 1px} #my-lists h3 b { font-size: 16px; letter-spacing: 0; font-family:'Helvetica Neue LT W05_55 Roman'; font-weight: normal; display: inline-block; width: 33.33%; text-align: left; vertical-align: middle; padding-right: 10px; } #my-lists > div { padding: 0px 0 30px; font-size: 0} div.team { display: block; width: 100%; text-align: left; font-size: 0; padding: 0 0px; width: calc(100% + 80px); margin: 30px -40px 0;} div.team > div { display: inline-block; vertical-align: top; width: 25%; padding: 0 40px 40px; text-align: left; font-size: 14px;} div.team div.thumb { display: block; background: #ebebeb; margin-bottom: 10px; height: 0; padding-bottom: 100%; transition: all .2s ease-out;} div.team div.name { display: block; color: #7098a6; font-size: 16px; font-family: 'Helvetica Neue LT W01_75 Bold'; text-transform: uppercase; margin-bottom: 5px;} div.team div.title { display: block; color: #000; font-size: 14px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1.25; margin-bottom: 10px;text-transform: uppercase;} div.team a { display: block; color: #7098a6; font-size: 12px; font-family: 'Helvetica Neue LT W05_65 Medium'; text-transform: uppercase;} /*div.category-header div.category-overview.about-us h1 { padding: 50px 0 25px;}*/ div.category-header.custom-work div.category-image { top: 30%;} div.category-header.custom-work h1 { font-size: 60px;} div.category-header.custom-work div.subtitle { color: #000; font-size: 36px; font-family: 'Helvetica Neue LT W05_55 Roman'; letter-spacing: 5px} div.wrp-custom-work { font-size: 0; padding: 20px 60px;} div.custom-form { display: block; width: 100%;} div.get-help { display: inline-block; width: 320px; vertical-align: top; margin-top: 12%; transition: all .3s ease-out;} div.get-help:hover { transform: scale(1.1)} div.customer-support { display: block; width: 100%; } div.customer-support div.thumb { display: block; width: 100%; } div.customer-support div.thumb img { display: block; width: 100%; } div.customer-support div.info { display: block; width: 100%; background: #7098a6; padding: 20px; color: #fff;} div.customer-support div.title { display: block; width: 100%; color: #fff; font-size: 16px; font-family: 'Helvetica Neue LT W01_75 Bold'; line-height: 1; padding-bottom: 12px; letter-spacing: 1px} div.customer-support p { display: block; width: 100%; color: #fff; font-size: 16px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1; margin: 0; padding: 0} div.contact-form { max-width: 600px; margin: 0 auto} div.apply-form { max-width: 800px; margin: 50px auto 0 0} div.upload-field label { display: table; width: auto; padding: 0 20px; line-height: 50px; background: var(--col-red); color: #fff; font-size: 14px; margin-bottom: 40px} div.upload-field input { display: none;} div.wrp-custom-work div.custom-login-form { max-width: 400px; margin: 0 auto 0 0} div.wrp-custom-work div.custom-login-form > p { font-size: 18px;} div.wrp-custom-work div.custom-login-form div.field input[type="text"], div.wrp-custom-work div.custom-login-form div.field input[type="email"], div.wrp-custom-work div.custom-login-form div.field input[type="password"] { width: 100%; } div.wrp-custom-work div.custom-login-form div.field.checkbox label {margin-left: 0; width: 100%;} div.lead-times { display: block; width: calc(100% + 10px); font-size: 0; margin: 30px auto; margin-left: -5px;} div.lead-times > div { display: inline-block; width: calc(33.33% - 10px); font-size: 0; margin: 0px 5px 10px; height: 350px; position: relative; vertical-align: top} div.lead-times div.blue { background: url(/img/i/clock-blue.svg) no-repeat var(--col-blue) 30px 30px; background-size: 100px auto;} div.lead-times div.green { background: url(/img/i/clock-green.svg) no-repeat var(--col-green) 30px 30px; background-size: 100px auto;} div.lead-times div.orange { background: url(/img/i/rabbit.svg) no-repeat var(--col-orange2) 30px 30px; background-size: 150px auto;} div.lead-times > div > div { display: block; padding: 160px 30px 5px; width: 100%; color: #fff; font-size: 18px; position: relative; } div.lead-times > div b { font-family: 'Helvetica Neue LT W01_75 Bold'; font-weight: normal; display: block; text-align: left;} div.lead-times > div span { font-family: 'Helvetica Neue LT W01_75 Bold'; font-weight: normal; font-size: 60px; display: block; text-align: left; line-height: 60px; margin: 5px auto} div.lead-times > div div p { font-size: 18px; display: block; text-align: left; margin-top: 10px;} div.lead-times > div p small { font-size: 12px; color: #000;} div.custom-order-nav { display: block; width: calc(100% + 120px); font-size: 0; margin-bottom: 25px} body.form-submitted div.custom-order-nav { display: none;} div.custom-order-nav div { width: 16.66%; display: inline-block; vertical-align: top; position: relative;} div.custom-order-nav div figure { display: block; width: 60px; height: 60px; border-radius: 60px; border: 1px solid #E3E3E3; position: relative; transition: all .3s ease-out; cursor: pointer; } div.custom-order-nav div figure path { fill: #000} div.custom-order-nav div:before { display: block; width: calc(100% - 60px); top: 30px; height: 1px; background-color: #e3e3e3; content: ""; position: absolute; left: calc(60px - 100%); } div.custom-order-nav div:after { display: block; width: 0; top: 30px; height: 1px; background-color: #000; content: ""; position: absolute; left: calc(60px - 100%); transition: width .2s ease-out} /*div.custom-order-nav div.active:before { background-color: #000; height: 3px; top: 29px;}*/ div.custom-order-nav div.active:after { background-color: #000; height: 3px; top: 29px; width: calc(100% - 60px);} div.custom-order-nav div:first-child:before { display: none} div.custom-order-nav div:first-child:after { display: none} div.custom-order-nav div:hover figure { border-color: var(--col-blue)} div.custom-order-nav div figure svg { display: block; position: relative; top: 50%; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transition: all .3s ease-out; } form.js-custom-work { overflow: hidden;} div.custom-work-block { display: block; position: relative; opacity: 0; position: absolute; transition: none;padding: 30px 0; height: 0; overflow: hidden;} div.custom-work-block.active { opacity: 1; position: relative; transition: opacity .3s ease-out; height: auto;} div.custom-order-nav div.active figure { background-color: #000; border-color: #000} div.custom-order-nav div.active figure svg * { fill: #fff; } /*div.custom-order-nav div:hover figure svg * { fill: var(--col-blue)}*/ div.custom-order-nav div label { width: 110px; display: block; margin: 10px auto 0 -20px; text-align: center; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; color: #000; } div.custom-order-nav div.current label { color: var(--col-blue); color: #000;} div.custom-order-nav div.current figure { background-color: var(--col-blue); border: 5px solid var(--col-blue); transition: all .3s ease-out .2s} div.custom-order-nav div.current figure svg * { fill: #fff; transition: all .1s ease-out .1s} div.wrp-custom-work div.field label { display: inline-block; width: 184px; vertical-align: top; color: #acacac; color: #000; font-size: 14px; text-transform: uppercase; font-family: 'Helvetica Neue LT W01_75 Bold'; letter-spacing: 1px; line-height: 40px;} div.wrp-custom-work div.field label:empty { display: none} div.wrp-custom-work div.field.checkbox label { display: block; width: calc(100% - 200px); margin-left: 200px; } div.wrp-custom-work div.checkbox label:before {top: 10px;} div.wrp-custom-work div.js-shipping-choice { margin-bottom: 50px; margin-top: 30px;} div.wrp-custom-work div.form-separator { display: none;} div.wrp-custom-work form div.title {color: var(--col-green); letter-spacing: 0; font-size: 24px; font-family:'Helvetica Neue LT W05_65 Medium'; padding-bottom: 30px} div.wrp-custom-work div.main-title {color: var(--col-orange); letter-spacing: 0; font-size: 36px; font-family:'Helvetica Neue LT W05_65 Medium'; margin: 0 auto 50px} div.wrp-custom-work div.field input[type="text"], div.wrp-custom-work div.field input[type="email"], div.wrp-custom-work div.field input[type="password"] { display: inline-block; width: calc(100% - 184px); font-size: 14px;} div.wrp-custom-work div.field textarea { display: inline-block; width: calc(100% - 184px) !important; max-width: 100% !important} div.wrp-custom-work #Comments { max-width: 370px; height: 140px} div.wrp-custom-work #CustomerNumber, div.wrp-custom-work #Company { border-color: #fff;} div.wrp-custom-work .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px} div.wrp-custom-work div.radios { display: inline-block; width: calc(100% - 184px); } div.wrp-custom-work div.field div.radio label { display: block; width: 100%; padding-right: 0px; padding-left: 32px; font-size: 14px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1.25; letter-spacing: 1px; color: #000;} div.wrp-custom-work div.field div.radio label:before { right: auto; left: 0; } div.wrp-custom-work div.field div.radio label:after { right: auto; left: 3px; } div.wrp-custom-work div.checkboxes { display: inline-block; width: calc(100% - 184px); padding-top: 12px;} div.wrp-custom-work div.field div.checkbox, div.wrp-custom-work div.field div.radio { margin-bottom: 5px; } div.wrp-custom-work div.field div.checkbox label { display: block; width: 100%; padding-right: 0px; padding-left: 32px; font-size: 14px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1.25; letter-spacing: 1px; padding-top: 2px; color: #000;} div.wrp-custom-work div.field div.checkbox label:before { right: auto; left: 0; border-color: var(--border-colour)} div.wrp-custom-work div.field div.checkbox.missing label { color: #ff3300;} #custom-work-time-required { visibility: hidden;} #custom-work-time-required.active { visibility: visible;} #time-required { display: none;} #time-required.active { display: block;} div.datepicker { z-index: 2; } div.datepicker input { position: relative; z-index: 2; background: transparent; cursor: pointer; } div.datepicker:after { content:""; border-left: 1px solid var(--border-colour); top: 0; right: 10px; position: absolute; width: 70px; height: 100%; background: url(/img/icons/dark/datepicker.svg) no-repeat center center; background-size: 37px 30px; cursor: pointer; z-index: 1;} #ui-datepicker-div { display: block; width: 400px; background: #fff; max-width: 100vw; transform: translateY(10px); border: 1px solid var(--border-colour); box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.25); padding: 20px} table.ui-datepicker-calendar { width: 100%;} table.ui-datepicker-calendar td { text-align: center; line-height: 2;} table.ui-datepicker-calendar th { text-align: center; line-height: 3;} .ui-datepicker-title { display: block; width: 100%; text-align: center; line-height: 2;} .ui-datepicker-prev { font-size: 0; position: absolute; left: 20px; top: 25px; width: 30px; height: 30px; background: url(/img/icons/dark/arrow.svg) no-repeat center center; background-size: 6px 12px; cursor: pointer;} .ui-datepicker-prev.ui-state-disabled { background: none;} .ui-datepicker-next { font-size: 0; position: absolute; right: 20px; top: 25px; width: 30px; height: 30px; background: url(/img/icons/dark/arrow.svg) no-repeat center center; background-size: 6px 12px; transform: rotate(180deg); cursor: pointer;} .ui-datepicker-header { padding-top: 0px; border-bottom: 1px solid var(--border-colour); padding-bottom: 5px; } .ui-state-disabled { color: #aaa;} /*div.wrp-custom-work div.field div.checkbox label:after { right: auto; left: 3px; }*/ /*#OrderType { display: inline-block; width: auto;}*/ form.js-custom-work div.field { font-size: 0} form.js-custom-work div.split-2 > div:last-child div.field { padding-left: 30px;} #OrderType + span { display: inline-block!important; width: calc(100% - 184px) !important;} div.form-separator { display: block; width: 100%; height: 1px; background: var(--border-colour); margin-bottom: 20px} div.short-block {max-width: 70%;} div.wrp-article { margin-bottom: 30px; margin-top: 0px !important} div.wrp-article div.thumb { display: block; width: 100%; background: #ebebeb; margin-bottom: 30px; min-height: 480px } div.wrp-article div.title { display: block; text-align: left; font-size: 30px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-transform: uppercase; margin-bottom: 40px; line-height: 1.1; letter-spacing: 0px; } div.wrp-article div.date { display: block; text-align: left; font-size: 18px; font-family: 'Helvetica Neue LT W01_75 Bold'; text-transform: uppercase; margin-bottom: 20px; line-height: 1; letter-spacing: 1px;} div.wrp-article div.content { display: block; text-align: left; font-size: 18px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1.5;} div.slideshow div.slide { display: block; width: 100%; background: url() var(--border-colour) no-repeat center center; background-size: contain; height: 0; padding-bottom: 66.71%; position: relative;} div.gallery-index, div.gallery-index-controls { width: 100%; max-width: 490px; display: block; margin: 0 auto; padding: 0 0px; overflow: hidden; margin-top: 10px; position: relative; display: none !important;} div.gallery-index-controls { margin-top: 0; overflow: visible;} ul.gallery-index { width: 100%; font-size: 0; display: block; margin: 0 auto; left: 0; position: relative; transition: left .3s ease-out;} ul.gallery-index li { width: 60px; height: 60px; overflow: hidden; background: var(--border-colour); margin: 0 5px; display: inline-block; vertical-align: top;} ul.gallery-index li a { width: 60px; height: 60px; display: block; position: relative; opacity: 0.3; transition: all .3s ease-out} ul.gallery-index li a:hover { opacity: 1} ul.gallery-index li a.active {opacity: 1;} ul.gallery-index li a.active:after { width: 100%; height: 100%; display: block; content: ""; border: 3px solid var(--accent-colour); top: 0; left: 0; position: absolute; background: transparent; box-sizing: border-box;} ul.gallery-index li img{ width: 60px; height: 60px; } .bx-wrapper .bx-controls-direction a { width: 30px; height: 60px; opacity: .5; transition: all .3s ease-out;} .bx-wrapper .bx-controls-direction a:hover { opacity: 1;} .bx-wrapper .bx-prev { background: url(/img/icons/dark/arrow.svg) no-repeat center center; background-size: 30px 60px; filter: invert(100%)} .bx-wrapper .bx-next { background: url(/img/icons/dark/arrow.svg) no-repeat center center; background-size: 30px 60px; filter: invert(100%); transform: rotate(180deg);} a.gallery-index-prev { display: block; position: absolute; left: -20px; top: -40px; width: 10px; height: 20px; background: url(/img/icons/dark/arrow.svg) no-repeat center center; background-size: 10px 20px; cursor: pointer; z-index: 3;} a.gallery-index-next { display: block; position: absolute; right: -20px; top: -40px; width: 10px; height: 20px; background: url(/img/icons/dark/arrow.svg) no-repeat center center; background-size: 10px 20px; cursor: pointer;transform: rotate(180deg); z-index: 3;} ul.photo-gallery { display: block; font-size: 0; text-align: left; width: calc(100% + 10px); margin-left: -5px;} ul.photo-gallery > li { display: inline-block; vertical-align: top; width: 16.66%; padding: 5px;} ul.photo-gallery > li a { display: block; width: 100%; height: 0; padding-bottom: 56.25%; background: url() no-repeat center center; background-size: cover;} div.event-video { display: block; width: 100%; height: 0; padding-bottom: 56.25%; position: relative; margin: 0 auto;} div.event-header { display: block; width: 100%; font-size: 0} div.event-header > * { display: inline-block; vertical-align: top; font-size: 18px;} div.event-header > div { width: calc(100% - 300px); font-size: 18px; font-family:'Helvetica Neue LT W05_55 Roman'; color: #000} div.event-header > div.event-buttons { width: 300px; text-align: right; margin-top: -20px;} div.event-header div.event-buttons a { width: 276px; margin: 20px 0 20px auto; padding: 0px; background: url() no-repeat var(--col-blue) 15px center; background-size: auto 20px; font-size: 14px; color: #fff; text-align: center; display: block;} div.event-header div.event-buttons a:hover { background-color: var(--col-red);} a.button-video { background-image: url(/img/i/white/play.svg) !important; } a.button-pictures { background-image: url(/img/i/white/photo.svg) !important; background-size: auto 25px !important; } a.button-slideshow { background-image: url(/img/i/white/slideshow.svg) !important; background-size: auto 25px !important; } div.event-pictures { margin-top: 100px;} div.event-pictures-header { margin-bottom: 30px;} div.review-images-holder { display: block; width: 1600px; margin: 0 auto; padding: 5px} div.review-images-holder > div { display: block; width: 100%; font-size: 0; margin-bottom: 10px; border: 1px solid var(--border-colour); } div.review-images-holder > div img { display: inline-block; width: 150px; height: auto; margin: 0 10px 0 0; vertical-align: top; border-left: 1px solid var(--border-colour); padding-left: 10px;} div.review-images-holder > div span { display: inline-block; width: 300px; color: #000; font-size: 20px; font-family: 'Helvetica Neue LT W05_55 Roman'; text-align: left; padding: 10px;} div.search-result { display: block; width: 100%; font-size: 0; } div.search-result a:hover { background: #eee;} div.search-result > a { display: block; background: #fff; padding: 20px; transition: all .3s ease-out} div.search-result > a > div { display: inline-block; vertical-align: top;} div.search-result > a > div.thumb { width: 120px; margin-right: 20px;} div.search-result > a > div.info { width: calc(100% - 140px); font-size: 16px;} div.search-result div.title { display: block; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 28px; letter-spacing: 1px; text-align: left; color: #000; margin-bottom: 8px;} div.search-result div.subtitle { display: block; font-family: 'Helvetica Neue LT W01_75 Bold'; font-size: 12px; letter-spacing: 1px; text-align: left; color: #000; margin-bottom: 20px; text-transform: uppercase;} div.search-result div.type { display: block; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 10px; letter-spacing: 0px; text-align: left; color: #aaa; margin-bottom: 20px; text-transform: uppercase;} div.search-result p { display: block; font-family: 'Helvetica Neue LT W05_55 Roman'; font-size: 16px; line-height: 1.5; text-align: left; color: #000;} div.order-filters { display: block; margin-bottom: 20px; font-size: 0; margin-top: 30px} div.order-filters h6 { display: none} div.order-filters > div { display: block; width: 100%; max-width: 480px; vertical-align: top; margin-bottom: 10px; font-size: 16px;text-transform: uppercase;} div.order-filters > div > div { display: block; font-size: 16px; margin-bottom: 20px;} div.order-filters div.radios { display: inline-block; width: calc(100% - 120px);} div.order-filters div.radio { display: inline-block; width: auto; margin-right: 25px;} div.order-filters div.radio label { letter-spacing: 0; padding-right: 0; padding-left: 30px; font-family: 'Helvetica Neue LT W05_55 Roman';font-size: 16px; } div.order-filters div.radio label:before { right: auto; left: 0; } div.order-filters div.radio label:after { right: auto; left: 3px; } div.order-filters span.label { display: inline-block; width: 120px; text-align: left; font-size: 16px; text-transform: uppercase; font-family:'Helvetica Neue LT W05_65 Medium';} div.order-filters span.sep { display: inline-block; width: 40px; text-align: center; font-size: 16px; text-transform: uppercase; font-family:'Helvetica Neue LT W05_65 Medium';} div.order-filters select, div.order-filters span { font-size: 16px} div.order-filters input.js-datepicker { display: inline-block; width: calc(50% - 100px); margin: 0 10px; font-size: 16px;} div.order-filters button[type="submit"], div.order-filters button[type="button"], div.order-filters button[type="reset"] { margin-top: 30px; display: inline-block; margin-right: 10px;} div.grid-3 { display: block; font-size: 0; width: 100%; padding: 0 30px;} div.grid-3 > div { display: inline-block; width: 33.33%; vertical-align: top; padding: 0 50px;} div.grid-3 > div p { display: block; font-size: 18px; line-height: 1.5; text-align: center; } div.grid-3 > div p b { display: block; font-family: 'Helvetica Neue LT W01_75 Bold'; text-transform: uppercase; line-height: 1.25; margin: 0 auto 15px} div.grid-3 > div div.thumb { height: 140px; margin-bottom: 30px; position: relative;} div.grid-3 > div img { display: block; width: 100%; margin: 0 auto 0px; width: 100px; height: auto; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } div.grid-3 > div:nth-child(1) img { width: 178px;} div.grid-3 > div:nth-child(2) img { width: 160px;} #shipping-instructions { display: none;} #shipping-instructions.active { display: block;} div.info-box { display: block; width: 100%; padding: 25px; border-top: 0px solid #E3E3E3; border-bottom: 0px solid #E3E3E3; margin: 25px auto; background-color: var(--col-green); color: #fff;} div.info-box h6 { } div.info-box p { font-size: 16px; line-height: 1.5; color: #fff;} div.info-box div.list { font-size: 0px; display: block; margin-bottom: 0px;} div.info-box div.list span { font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; padding-right: 19px; margin: 5px 0 5px; text-transform: uppercase; width: 33.33%; padding-left: 12px; position: relative} div.info-box div.list span:before { content: ""; display: block; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background: #fff; border-radius: 6px} div.info-box.active { } div.info-title { font-size: 16px; font-family:'Helvetica Neue LT W01_75 Bold'; margin-bottom: 10px;} div.with-info a { position: relative; padding-right: 30px} div.with-info a:after { content: "i"; display: block; position: absolute; right: 0; top: 0px; border-radius: 20px; background-color: var(--col-blue); color: #fff; font-family: 'Helvetica Neue LT W05_65 Medium'; font-size: 14px; text-align: center; height: 20px; width: 20px; line-height: 20px; text-transform: none; letter-spacing: 0 } div.with-info:hover a:after { background-color: var(--col-green); } div.search-filters { display: block; width: 100%; margin-bottom: 50px;} div.search-filters > div > ul{ display: block; width: 100%; font-size: 0; text-align: left;} div.search-filters > div > ul li { display: inline-block; width: auto; padding-right: 50px; margin-bottom: 15px;} div.cantfind { display: block; width: 1160px; max-width: 96%; margin: 50px auto; font-size: 0; height: 280px; background: var(--col-green);} div.cantfind > div { display: inline-block; height: 280px; vertical-align: top;} div.cantfind > div:first-child { width: calc(100% - 680px); background: url(/img/cantfind/1.jpg) no-repeat center center; background-size: cover; } div.cantfind > div:nth-child(2) { width: 680px; padding: 20px 60px; position: relative; height: 280px;} div.cantfind > div:nth-child(2) > div { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } div.cantfind div.title { display: block; text-align: left; font-size: 30px; font-weight: 300;line-height: 1.5; margin-bottom: 5px; letter-spacing: 0px; color: #fff; font-family: 'Helvetica Neue LT W05_65 Medium';} div.cantfind p { display: block; text-align: left; font-size: 18px; font-weight: 300;line-height: 1.5; margin-bottom: 15px; color: #fff;} div.cantfind a.button { margin: 0 auto 0 0; background: #fff; color: #000} div.cantfind a.button:hover { background: var(--col-blue); color: #fff;} div.wrp-special-order { display: block; font-size: 0; padding: 30px 70px;} div.wrp-special-order > div { display: inline-block; vertical-align: top; width: 50%; } div.wrp-special-order > div.left { padding-right: 20px;} div.wrp-special-order h1 { color: #000; font-size: 60px; text-align: left; letter-spacing: 3px; padding: 0; margin-bottom: 10px; line-height: 1.1; margin-top: 15px;} div.wrp-special-order div.left p { font-size: 18px; max-width: 480px;} div.wrp-special-order form p.form-disclaimer{ font-size: 12px; text-align: right; margin: 0 auto 20px; line-height: 1.1; padding-right: 10px;} div.wrp-special-order form textarea { height: 180px;} div.wrp-special-order p.reveal-response { margin-top: 14px;} div.caption-contact { top: 80px; left: 0; padding-left: 70px; width: 100%;} div.caption-contact div { display: block; width: 100%;} div.caption-contact div.title { font-size: 60px; font-weight: 300; color: #fff; letter-spacing: 5px; text-align: left; font-family: 'Helvetica Neue LT W05_45 Light';} div.caption-contact div.subtitle { font-size: 30px; font-weight: 300; color: #fff; letter-spacing: 5px; text-align: left; font-family: 'Helvetica Neue LT W05_45 Light';} article#contact div.locations { margin-top: 0px; padding: 0} article#contact div.locations h2 { display: none;} /* NEW CSS - June 2019 */ div.hblock { display: block; width: 100%; max-width: 1140px; margin: 10px auto; font-size: 0; position: relative;} div.hblock > div.txt { display: block; position: absolute; height: 100%; top: 0; left: 0} div.hblock > div.img { width: calc(50% - 5px); position: relative; height: auto; margin: 0 0 0 auto;} div.hblock > div.img > img { display: block; width: 100%; height: auto;} div.hblock-1 > div.txt { width: calc(50% - 5px); } div.hblock-2 > div.txt { width: 370px; } div.hblock-2 > div.img { width: calc(100% - 380px); } div.hblock > div.txt > div { display: block; width: 100%;} div.hblock-1 > div.txt { padding: 30px; background-color: #f2f2f2; font-size: 0} div.hblock-1 > div.txt div.thumb { height: 50%;} div.hblock-1 > div.txt div.thumb img { height: 100%; width: auto;} div.hblock-1 > div.txt div.copy { font-size: 0; padding-top: 0px; position: absolute; bottom: 45px; left: 30px; width: calc(100% - 60px)} div.hblock-1 > div.txt div.info { width: calc(100% - 130px); padding-right: 30px; display: inline-block; vertical-align: bottom;} div.hblock-1 > div.txt a.button { width: 130px; background-color: var(--col-red); line-height: 50px; color: #fff; text-align: center; display: inline-block; vertical-align: bottom; font-size: 14px; padding: 0} div.hblock-1 > div.txt a.button:hover { background-color: var(--col-blue); } div.hblock-1 > div.txt div.title { display: block; width: 100%; text-align: left; color: #000; font-size: 24px; font-family: 'Helvetica Neue LT W05_65 Medium'; text-transform: uppercase;} div.hblock-1 > div.txt p { display: block; width: 100%; text-align: left; color: #000; font-size: 18px; font-family: 'Helvetica Neue LT W05_45 Light'; max-width: 310px; margin: 20px auto 0 0; line-height: 1.5;} div.hblock-1 > div.img div.copy { display: block; position: absolute; bottom: 0; left: 0; padding: 0 30px 45px; text-align: left; width: 100%; } div.hblock-1 > div.img div.info { width: calc(100% - 160px); padding-right: 30px; display: inline-block; vertical-align: bottom;} div.hblock-1 > div.img div.title { display: block; text-align: left; color: #fff; font-size: 24px; font-family: 'Helvetica Neue LT W05_65 Medium'; text-transform: uppercase;} div.hblock-1 > div.img p { display: block; text-align: left; color: #fff; font-size: 18px; font-family: 'Helvetica Neue LT W05_45 Light'; margin: 20px auto 0 0; max-width: 260px; line-height: 1.5;} div.hblock-1 > div.img a.button { width: 160px; background-color: #fff; line-height: 50px; color: #505160; text-align: center; display: inline-block; vertical-align: bottom; font-size: 14px; padding: 0} div.hblock-1 > div.img a.button:hover { background-color: var(--col-blue); color:#fff;} div.hblock-2 > div.txt { padding: 30px; background-color: var(--col-blue); font-size: 0} div.hblock-2 > div.txt div.thumb { height: 62%;} div.hblock-2 > div.txt div.thumb img { width: calc(100% - 40px); height: auto; position: absolute; left: 20px; top: 80px;} div.hblock-2 > div.txt div.copy { height: 38%; font-size: 0; padding-top: 32px} div.hblock-2 > div.txt div.info { width: 100%; padding-right: 30px; display: block; } div.hblock-2 > div.txt a.button { width: 130px; background-color: #fff; line-height: 50px; color: #505160; text-align: center; display: block; font-size: 14px; padding: 0; margin: 25px auto 0 0;} div.hblock-2 > div.txt a.button:hover { background-color: var(--col-green);} div.hblock-2 > div.txt div.title { display: block; width: 100%; text-align: left; color: #fff; font-size: 24px; font-family: 'Helvetica Neue LT W05_65 Medium'; text-transform: uppercase;} div.hblock-2 > div.txt p { display: block; width: 100%; text-align: left; color: #fff; font-size: 18px; font-family: 'Helvetica Neue LT W05_45 Light'; max-width: 310px; margin: 20px auto 0 0; line-height: 1.5;} .ui-datepicker { left: -1000px; position: absolute;} div.jobs { display: block; width: 100%;} div.job { display: block; width: 100%; padding: 40px 0px; border-bottom: 1px solid #e3e3e3; text-align: left;} div.job div.name { display: block; width: 100%; text-align: left; font-size: 24px; font-family: 'Helvetica Neue LT W05_65 Medium'; text-transform: uppercase; line-height: 44px;} div.job div.info { width: 100%; display: block; font-size: 0; text-align: left} div.job div.info div { width: 50%; display: inline-block; vertical-align: top;color: var(--col-blue); line-height: 34px; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium';} div.job div.description { width: 100%; display: block; font-size: 0; text-align: left; position: relative;} div.job div.description p { font-size: 18px; width: calc(100% - 220px); display: inline-block; margin: 0;} div.job div.description a.button { position: absolute; display: table; width: 200px; right: 0; bottom: 0; background-color: var(--col-red); color: #fff; text-transform: uppercase; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium';} div.job div.description a.button:hover { background-color: var(--col-blue); } div.mission-statement { background: var(--col-blue); padding: 50px 20px;} div.mission-statement p { color: #fff; display: block; margin: 0 auto; max-width: 900px; text-transform: uppercase; font-size: 30px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 1.4;} div.content-block { margin: 60px auto;} div.join-team { display: block; width: 600px; background: #F2F2F2; padding: 50px 30px 40px; max-width: 100%;} div.join-team div.thumb { display: block; max-width: 100%; height: 200px; margin-bottom: 10px;} div.join-team div.thumb img { display: block; height: 100%; width: auto; } div.join-team div.info { display: block; width: 100%; padding-right: 220px; position: relative;} div.join-team div.title { display: block; width: 100%; text-align: left; color: #000; font-size: 24px; font-family: 'Helvetica Neue LT W05_55 Roman'; margin-bottom: 20px;} div.join-team p { display: block; width: 100%; text-align: left; color: #000; font-size: 18px; font-family: 'Helvetica Neue LT W05_55 Roman'; margin-bottom: 0} div.join-team a.button { position: absolute; display: table; width: 200px; right: 0; bottom: 0; background-color: var(--col-red); color: #fff; text-transform: uppercase; font-size: 14px; font-family: 'Helvetica Neue LT W05_65 Medium'; } div.join-team a.button:hover { background-color: var(--col-blue); } div.assembly-required div.field label { font-size: 16px;} div.assembly-required div.login-form { display: none;} div.assembly-required.active div.login-form { display: block;} div.assembly-required p.reveal-response { font-size: 16px; text-align: left;} div.assembly-required div.title { background: url(/img/icons/red/info.svg) no-repeat 0px 0px; background-size: 30px 30px; padding-left: 40px; min-height: 30px; color: #000; font-size: 18px; display: block; text-transform: uppercase; line-height: 30px; margin-bottom: 25px; color: var(--col-red); font-family: 'Helvetica Neue LT W01_75 Bold'; letter-spacing: 1px} ul.listing { display: block; width: 100%; } ul.listing li { display: block; width: 100%; margin-bottom: 5px; line-height: 1.5; padding-left: 20px; position: relative;} ul.listing li:before { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 8px; display: block; background: #000; top: 10px; left: 0} div.grid { display: block; width: 100%; font-size: 0; } div.grid > div { display: inline-block; vertical-align: top;} div.grid-4 > div { width: 25%;} div.grid-vendors > div { padding: 5px; margin-bottom: 0} div.grid-vendors > div > a { display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; border: 1px solid #C5C6C7} div.grid-vendors > div > a span { display: block; width: 80%; height: 80%; position: absolute; top: 10%; left: 10%; background: url() no-repeat center center; background-size: contain;} div.grid-vendors > div > a:hover { border-color: var(--col-blue);} div.grid-vendors > div.active > a:after{ content: ""; width: 100%; left: -4px; top: -4px; height: 100%; border: 5px solid var(--col-blue); position: absolute; display: block;} div.vendor-categories { display: block; width: 100%; text-align: center; max-height: 0; overflow: hidden; transition: all .3s ease-out} div.grid-vendors > div.active { margin-bottom: 25px;} div.active > div.vendor-categories { max-height: 300px;} div.vendor-categories a { display: block; width: 100%; text-align: center; font-size: 16px; color: #000; font-family:'Helvetica Neue LT W05_65 Medium'; line-height: 1.25; margin: 10px auto;text-transform: uppercase; } div.vendor-categories a:hover { color: var(--col-blue)} #covid-popup { display: block; position: fixed; top: 0; left: -200vw; width: 100vw; height: 100vh; background: rgba(255, 255, 255, 0.75); z-index: 999; overflow: hidden; opacity: 0;} #covid-popup.active { display: block; } #covid-popup.active.show { left: 0; opacity: 1; transition: opacity .5s ease-in 5s, left 0.1s linear 4s} #covid-popup > div { display: block; position: absolute; top: 50%; left: 50%; width: 820px; max-width: 94vw; max-height: 94vh; overflow: auto; padding: 0px; font-size: 18px; color: #000; text-align: center; background: transparent; border: 0px ; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); } #covid-popup > div.discount-promo { width: 600px; } #covid-popup > div > a { display: block; } /*#covid-popup > div > img { display: block; width: 100%; position: relative; left: 20px;}*/ #covid-popup div.popup-logo { display: block; width: 220px; margin: 0 auto} #covid-popup div.title { display: block; width: 100%; margin: 50px auto; color: var(--col-red); font-size: 36px; font-family:'Helvetica Neue LT W01_75 Bold'; text-transform: uppercase;} #covid-popup p, #covid-popup a.button { color: #000; font-size: 20px; font-family:'Helvetica Neue LT W05_45 Light';} #covid-popup p { margin-bottom: 40px;} #covid-popup p.larger { font-size: 26px;} #covid-popup p.red { color: var(--col-red); margin-bottom: 10px; font-size: 24px; font-family:'Helvetica Neue LT W01_75 Bold'; } #covid-popup p.weird { font-size: 20px; line-height: 2;} #covid-popup p.weird a { font-size: 24px; font-family:'Helvetica Neue LT W01_75 Bold';} ul.covid { display: block; margin: 40px auto} ul.covid li { display: block; position: relative; padding-left: 15px; margin-bottom: 12px; font-family:'Helvetica Neue LT W05_65 Medium'; font-weight: normal; line-height: 1.5;} ul.covid li:before { content: ""; position: absolute; display: block; width: 6px; height: 6px; left: 0; top: 8px; background: #000; border-radius: 6px;} #covid-popup a.button{ border-color: #fff;} #covid-popup a.close-popup { position: absolute; right: 15px; top: 15px; cursor: pointer; width: 25px} /*#covid-popup a.close-popup.popup-dismiss { position: absolute; background: rgba(0,0,0,0); top: 10%; right: 10%; display: block; z-index: 3; width: 202px; height: 40px; top: 55.5%; right: 5.8%;}*/ #covid-popup a.close-popup.popup-dismiss { position: absolute; background: rgba(0,0,0,0); top: 88%; right: 34.4%; display: block; z-index: 3; width: 31%; height: 8%; } /*a.popup-signup { position: absolute; background: rgba(0,0,0,0); top: 30%; right: 30%; display: block; z-index: 3; width: 202px; height: 40px; top: 55.5%; right: 32.2%;}*/ a.popup-signup { position: absolute; background: rgba(0,0,0,0); display: block; z-index: 3; width: 247px; height: 60px; top: 79%; right: 34.4%; width: 31%; height: 8%;} div.covid-contacts { display: block; width: 100%; background: #F2F2F2; padding: 30px 50px 10px; max-width: 1140px; margin: 0 auto 0px;} div.covid-contacts div.title { display: block; width: 100%; text-align: center; font-size: 44px; letter-spacing: 3px; font-family:'Helvetica Neue LT W05_45 Light'; margin-bottom: 30px;} div.covid-contacts div.splitter > div { } div.covid-contacts div.splitter > div { padding-right: 25px;} div.covid-contacts div.splitter > div:last-child { padding-left: 25px; padding-right: 0px;} div.covid-contacts div.splitter > div > div > div { vertical-align: top; display: inline-block; font-size: 24px; font-family: 'Helvetica Neue LT W05_55 Roman'; line-height: 50px; margin-bottom: 20px;} div.covid-contacts div.splitter > div > div > div a.eml { display: block; width: 160px; margin: 0 0 0 auto; font-size: 16px; color: #fff; font-family:'Helvetica Neue LT W01_75 Bold'; background: url(/img/i/red/email.svg) var(--col-red) no-repeat 30px center; background-size: 26px auto; text-align: left; padding-left: 72px; line-height: 50px; } div.covid-contacts div.splitter > div > div:first-child > div { font-size: 30px; font-family:'Helvetica Neue LT W01_75 Bold'; } div.covid-contacts div.splitter > div > div:first-child > div a{ font-size: 24px; font-family:'Helvetica Neue LT W01_75 Bold'; text-align: right;} div.covid-contacts div.splitter > div > div > div:first-child { width: calc(100% - 180px); text-align: left;} div.covid-contacts div.splitter > div > div > div:last-child { width: 180px; text-align: right;} div.covid-contacts div.splitter > div > div.fulllw { width: 100%; display: block; font-size: 40px; color: var(--col-red); font-family:'Helvetica Neue LT W01_75 Bold'; margin-top: 60px; text-transform: uppercase; line-height: 1.2; max-width: 430px} div.tutorials { max-width: 1080px; margin: 0 auto; text-align: center;} div.page-title { font-size: 60px; color: var(--col-blue); font-family:'Helvetica Neue LT W05_55 Roman'; text-align: center; margin: 0 auto 20px;} p.red { color: var(--col-red) !important; display: block; margin: 0 auto 70px; line-height: 1.25; text-align: center; font-family:'Helvetica Neue LT W05_65 Medium'; font-size: 20px; } div.tutorial { margin: 0 auto 40px; } div.tutorial a { display: block; width: 100%; max-width: 100%; margin: 0 auto;} div.tutorial div.icon { display: block; width: 140px; height: 140px; border: 3px solid var(--col-blue);position: relative; padding: 0 34px; border-radius: 140px; margin: 0 auto 15px;} div.tutorial a:hover div.icon { background-color: var(--col-blue);} div.tutorial div.icon figure { display: block; width: 100%; height: 100%; background: url() no-repeat center center; background-size: contain;} div.tutorial p { font-size: 14px; color: var(--col-blue); display: block; margin: 0 auto; line-height: 1.25; text-align: center; font-family:'Helvetica Neue LT W05_65 Medium';} div.tutorial div.icon.v-create-account figure { background-image: url(/img/tutorials/blue/create-account.svg);} div.tutorial a:hover div.icon.v-create-account figure { background-image: url(/img/tutorials/white/create-account.svg);} div.tutorial div.icon.v-shop figure { background-image: url(/img/tutorials/blue/shop.svg);} div.tutorial a:hover div.icon.v-shop figure { background-image: url(/img/tutorials/white/shop.svg);} div.tutorial div.icon.v-custom-orders figure { background-image: url(/img/tutorials/blue/custom-orders.svg);} div.tutorial a:hover div.icon.v-custom-orders figure { background-image: url(/img/tutorials/white/custom-orders.svg);} div.tutorial div.icon.v-review-orders figure { background-image: url(/img/tutorials/blue/review-orders.svg);} div.tutorial a:hover div.icon.v-review-orders figure { background-image: url(/img/tutorials/white/review-orders.svg);} div.tutorial div.icon.v-create-favourites figure { background-image: url(/img/tutorials/blue/create-favourites.svg);} div.tutorial a:hover div.icon.v-create-favourites figure { background-image: url(/img/tutorials/white/create-favourites.svg);} div.tutorial div.icon.v-manage-account figure { background-image: url(/img/tutorials/blue/manage-account.svg);} div.tutorial a:hover div.icon.v-manage-account figure { background-image: url(/img/tutorials/white/manage-account.svg);} div.tutorial div.icon.v-checkout figure { background-image: url(/img/tutorials/blue/checkout.svg);} div.tutorial a:hover div.icon.v-checkout figure { background-image: url(/img/tutorials/white/checkout.svg);} div.tutorial div.icon.v-online-chat figure { background-image: url(/img/tutorials/blue/online-chat.svg);} div.tutorial a:hover div.icon.v-online-chat figure { background-image: url(/img/tutorials/white/online-chat.svg);} div.tutorial div.icon.v-use-tablet figure { background-image: url(/img/tutorials/blue/use-tablet.svg);} div.tutorial a:hover div.icon.v-use-tablet figure { background-image: url(/img/tutorials/white/use-tablet.svg);} div.tutorial div.icon.v-product figure { background-image: url(/img/tutorials/blue/product.svg);} div.tutorial a:hover div.icon.v-product figure { background-image: url(/img/tutorials/white/product.svg);} div.tutorial-icon { display: block; width: 100%; margin: 20px auto;} div.category-header div.tutorial-icon { position: absolute; right: 0; top: 0} a.tutorial-icon { display: table; margin: 0 0 0 auto; background: url(/img/tutorials/white/play.svg) no-repeat var(--col-blue) 20px center; padding: 0 70px 0 66px; line-height: 50px; border-radius: 50px 0 0 50px; color: #fff; text-align: left; font-size: 14px; font-family:'Helvetica Neue LT W05_65 Medium';} div.overlay { position: fixed; top:0; left: 0; width: 100vw; height:100vh; display: none; z-index: 999; background: rgba(255, 255, 255, 0.95)} div.overlay.active { display: block; } html.overlay-active, html.overlay-active body { max-height: 100vh; overflow: hidden;} /* OVERLAY */ div.overlay-layer { width: 100vw; height: 100vh; position: fixed; left: 0; top: -200vh; z-index: 999;display: block; transition: opacity .3s ease-in .1s; opacity: 0; background: rgba(255,255,255,0.9); } div.overlay-layer.active { top: 0; opacity: 1;} div.overlay-layer > div{ width: 100%; height: 100%; display: block; position: relative; z-index: 3;} div.overlay-layer div.popup { width: 1180px; display: block; position: relative; z-index: 3; top: 50%; transform: translate3D(0,-50%, 0); max-width: 92%; margin: 0 auto; background: transparent; max-height: 92%; overflow: auto} div.overlay-layer > img { width: 100%; display: block;} div.overlay-layer a.close-overlay { position: absolute; display: block; width: 40px; height: 40px; border-radius: 40px; top:25px; right: 25px; z-index: 11; background: url(/img/icons/white/x.svg) var(--col-blue) no-repeat center center; background-size: 20px 20px; } #video-player { display: none; width: 100vw; height: 100vh; padding: 8vh 70px; position: fixed; top: 0; left: 0; z-index: 1000;overflow: auto;} #video-player.active { display: block} #video-player a.close-video { display: block; position: absolute; width: 20px; height: 20px; top: 25px; right: 25px; background: url(/img/i/blue/close.svg) no-repeat center center; background-size: contain; cursor: pointer} #video-player h6 { display: block; width: 100%; font-size: 60px; color: var(--col-blue); text-align: center; font-family:'Helvetica Neue LT W05_55 Roman'; line-height: 1.1; padding: 3vh 10px;} #video-player div { display: block; width: 100%; position: relative;} #video-player div iframe { display: block; width: 100%; height: 100%; position: absolute; border: 0; top: 0; left: 0} #tutorial-popup { display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(255, 255, 255, 0.95); z-index: 999} #tutorial-popup > div { display: block; position: absolute; top: 50%; left: 50%; width: 1140px; max-width: 94vw; height: 620px; max-height: 94vh; overflow: auto; padding: 25px; text-align: center; background: #fff; border: 10px solid var(--col-blue); transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); } #tutorial-popup div.title { display: block; width: 100%; margin: 0px auto; color: var(--col-blue); font-size: 60px; font-family:'Helvetica Neue LT W05_55 Roman'; } #tutorial-popup a.button { color: #fff; font-size: 14px; font-family:'Helvetica Neue LT W05_45 Light'; line-height: 40px; margin: 0 20px; display: inline-block; background: var(--col-red);} #tutorial-popup a.close-icon { position: absolute; right: 25px; top: 25px; cursor: pointer;} #tutorial-popup a.close-icon img { display: block;width: 20px;} #tutorial-popup a.play-video { display: block; margin: 25px auto;} #location-popup { display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(255, 255, 255, 0.95); z-index: 999} #location-popup > div { display: block; position: absolute;top: 50%; left: 50%; width: 1000px; max-width: 98vw; height: auto; max-height: 94vh; overflow: auto; padding: 50px; text-align: center; background: #fff; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); border: 1px solid #A0AAA9; } #location-popup.no-stock-popup > div { width: 680px; } #location-popup div.title { display: block; width: 100%; margin: 0px auto; color: var(--col-red); font-size: 42px; font-family:'Helvetica Neue LT W01_75 Bold'; } #location-popup.no-stock-popup div.title { font-size: 48px;} #location-popup div.subtitle { display: block; width: 100%; margin: 0px auto; color: #000; font-size: 18px; font-family:'Helvetica Neue LT W05_65 Medium'; margin: 30px auto 40px; line-height: 1.2;} #location-popup.no-stock-popup div.subtitle { font-size: 24px; } div.popup-locations { display: grid; width: 100%; grid-template-columns: 1fr 1fr; column-gap: 30px; row-gap: 30px; max-width: 800px; margin: 0 auto} div.popup-locations > div { display: inline-block; width: 400px; font-size: 18px; border: 1px solid #ccc; padding: 30px } div.l-title {display: block; width: 100%; text-align: center; color: var(--col-blue); font-size: 30px; margin: 0 auto 15px;font-family:'Helvetica Neue LT W01_75 Bold';} div.popup-locations p {display: block; width: 100%; text-align: center; color: #000; font-family:'Helvetica Neue LT W01_75 Bold';text-transform: uppercase; margin: 0 auto 20px; font-size: 18px;font-family:'Helvetica Neue LT W05_65 Medium';} div.popup-locations div.l-hours {display: block; width: 100%; margin: 0 auto 30px; max-width: 280px;} div.popup-locations div.l-hours div {display: flex; width: 100%; margin: 2px auto; justify-content: space-between; gap: 10px} div.popup-locations div.l-hours div div {display: inline-block; width: 45%; vertical-align: top; font-size: 14px; font-family:'Helvetica Neue LT W05_55 Roman'; text-align: left; text-transform: uppercase; font-family:'Helvetica Neue LT W05_45 Light';} div.popup-locations div.l-hours div div:last-child { width: 55%; text-align: right; } div.popup-locations a.button { text-transform: none;} /* a.cancel-order { position: absolute; right: 0; top: -30px; line-height: 30px; display: table; padding: 0 25px; background: var(--col-red); color: #fff; font-size: 14px; }*/ a.cancel-order { background: var(--col-red); color: #fff; display: inline-block;} a.bt-print { background-color: var(--col-blue); display: inline-block; margin-right: 10px;} div.order-list a.bt-print { display: table; margin-left: auto; margin-right: 0; margin-bottom: 10px; min-width: 178px;} div.order-buttons { text-align: right; margin-top: 20px;} div.wrapper-1140 { max-width: 1200px; margin-top: 20px; padding: 0 10px;} div.wrapper-customer-support { margin-bottom: 0} div.customer-support { height: 258px; } div.customer-support > img { height: 100%; position: absolute; right: 50%; min-width: 50%;} div.customer-support-form div.account-promo { padding: 0 25px; } div.customer-support-form div.account-promo b {font-size: 21px; font-weight: normal; line-height: 1.4; margin-bottom: 30px;} div.grid.grid-spaced { width: calc(100% + 10px); margin-left: -5px; padding-top: 5px;} div.grid.grid-spaced > div { padding: 5px; } div.grid.grid-spaced h2.home { display: none;} div.grid-2 > div { width: 50%;} div.product-feature { font-size:0; height: 282px; background: url(/img/refresh/bg.png) no-repeat center center; background-size: cover;} div.product-feature > div { display: inline-block; vertical-align: middle; width: 50%; position:relative; font-size: 18px;} div.product-feature > div.img { height: 100%;} div.product-feature > div.details { padding-right: 30px;} div.product-feature div.product-logo { position: absolute; top: 25px; left: 25px; } div.product-feature div.img img { width: auto;} div.product-feature div.product-image { display: block; position: absolute; bottom: 0; width: 100%; left: 0; overflow: hidden; height: 100%;} div.product-feature div.product-image img { display: block; position: absolute; width: 100%; bottom: 0; left: 0} div.product-feature div.title { font-size: 21px; font-family:'Helvetica Neue LT W01_75 Bold'; margin-bottom: 15px;} div.product-feature a.button { margin: 0 auto 0 0; background-color: var(--col-red);} div.pf-1 div.product-image img { width: 96%; } div.pf-2 div.product-image img { width: 80%; left: 10%;} div.pf-3 div.product-image img { width: 46%; left: 28%} a.mobile-button { display: none !important;} div.hide-desktop { display: none !important;} div.mobile-popup { display: block; position: fixed; top: -200vh; left: -4000px; padding: 0 20px 20px; z-index: 3; width: 100vw; transition: top .3s cubic-bezier(0.390, 0.575, 0.565, 1.000)} div.mobile-popup.active { display: block; top: 130px; left: 0} div.mobile-popup.contact-options { background: #fff; min-height: calc(100vh - 130px)} div.mobile-popup.contact-options h2 { text-align: left; font-size: 18px; font-family:'Helvetica Neue LT W05_55 Roman';} div.mobile-popup.contact-options div.location { background-color: #F2F2F2; margin: 0 auto; width: 100%; padding: 20px; min-height: calc(100vh - 150px)} div.mobile-popup.contact-options div.location div.contact-info { padding: 0px; margin-bottom: 20px} div.mobile-popup.contact-options div.location div.contact-info:last-child { margin-bottom: 0px} div.mobile-popup.contact-options div.location div.buttons a.button { line-height: 30px; font-size: 10px; background-size: auto 23px; text-align: left; padding-left: 40px; margin-bottom:5px} div.mobile-popup.contact-options div.location div.buttons a.button.waze { background-position: 10px center} div.mobile-popup.contact-options div.location div.contact-info div.title, div.mobile-popup.contact-options div.location div.contact-info div.location-address { color: #000; font-size: 12px; font-family:'Helvetica Neue LT W05_55 Roman';line-height: 1.33} div.mobile-popup.contact-options div.location div.contact-info div.location-address, div.mobile-popup.contact-options div.location div.contact-info div.hours { margin-bottom: 10px} div.mobile-popup.contact-options div.location div.contact-info div.hour label, div.mobile-popup.contact-options div.location div.contact-info div.hour span { width: auto; text-align: left; color: #000; font-size: 12px; font-family:'Helvetica Neue LT W05_55 Roman'; line-height: 1.33} div.mobile-popup.contact-options div.location div.contact-info div.hour { margin-bottom: 2px} div.mobile-popup.contact-options div.location div.contact-info > div.buttons { padding-top: 10px} div.mobile-popup.favourites-info { background: #fff; min-height: calc(100vh - 130px)} div.mobile-popup.favourites-info h2 { text-align: left; font-size: 18px; font-family:'Helvetica Neue LT W05_55 Roman';} div.mobile-popup.favourites-info > div { background-color: #F2F2F2; margin: 0 auto; width: 100%; padding: 20px;} div.mobile-popup.favourites-info ul { display: block; width: 100%; text-align: left; } div.mobile-popup.favourites-info ul li { display: block; width: 100%; text-align: left; font-size: 14px; line-height: 20px; font-family: 'Helvetica Neue LT W05_55 Roman'; padding-left: 20px; position: relative; margin-bottom: 4px} div.mobile-popup.favourites-info ul li:before { content:""; display: block; position: absolute; top: 5px; left: 0; width: 6px; height: 6px; background: #000; border-radius: 6px;} div.mobile-popup.favourites-info div.buttons { text-align: left; margin-left: -5px} div.mobile-popup.favourites-info p {font-size: 12px; margin-top: 20px; margin-bottom: 12px;} #show-contact-popup, #show-favourite-popup { display: none;} div.wrp-home-categories ul.grid.grid-categories > li { display: none;} div.wrp-home-categories ul.grid.grid-categories > li:nth-child(1), div.wrp-home-categories ul.grid.grid-categories > li:nth-child(2), div.wrp-home-categories ul.grid.grid-categories > li:nth-child(3), div.wrp-home-categories ul.grid.grid-categories > li:nth-child(4), div.wrp-home-categories ul.grid.grid-categories > li:nth-child(5), div.wrp-home-categories ul.grid.grid-categories > li:nth-child(6), div.wrp-home-categories ul.grid.grid-categories > li:nth-child(7), div.wrp-home-categories ul.grid.grid-categories > li:nth-child(8) { display: inline-block;} div.wrp-home-categories ul.grid.grid-categories { margin-bottom: 0} h2.bolder { margin: 40px auto 20px} div.suppliers-wrapper { margin-bottom: 20px} div.fireplace-step { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-end; justify-content: flex-start; } div.fireplace-step > div { width: auto; margin-bottom: 0 !important} div.fireplace-step div.product-skus { width: 100%; } #toggle-support { position: fixed; bottom: 0px; right: 0px; z-index: 3; width: 180px;} #popup-support { position: fixed; z-index: 101; top: 0; height: calc(100 * var(--vh)); width: 720px; max-width: 100vw; opacity: 0; right: -720px; transition: all .3s cubic-bezier(0.390, 0.575, 0.565, 1.000); background: #EDF1F1; padding: 60px; } #popup-support.open { opacity: 1; right: 0px; } #popup-support div.grecaptcha-badge { right: -200vw !important} #popup-support img.logo {display: block; margin: 0 auto 40px 0; width: 100%; max-width: 400px} #popup-support form > p {font-size: 30px; font-family:'Helvetica Neue LT W05_45 Light';} #popup-support div.title {font-size: 32px; font-family:'Helvetica Neue LT W05_57 Cond'; margin-bottom: 27px; text-transform: uppercase; font-weight: bold; letter-spacing: 0; color: #4E5453;} #popup-support > div { position: relative; top: 50%; width: 100%; transform: translateY(-50%);} #popup-support input {border-radius: 10px; line-height: 60px; min-height: 60px; font-size: 20px; font-family:'Helvetica Neue LT W05_45 Light'; padding-left: 20px;} #popup-support #sfComments { min-height: 200px; border-radius: 20px; font-size: 20px; font-family:'Helvetica Neue LT W05_45 Light'; padding: 20px;} #popup-support .select2-container--default .select2-selection--single { border-radius: 20px} #popup-support .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 60px; min-height: 60px; font-size: 20px; font-family:'Helvetica Neue LT W05_45 Light'; padding-left: 20px;} #popup-support .select2-container--default .select2-selection--single .select2-selection__placeholder { text-transform: none;} #popup-support .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%} #popup-support .select2-selection__rendered { text-transform: none;} #btSubmitSupportForm { background: var(--col-red); margin: 0 0 0 auto; line-height: 50px; padding: 0 20px; border-radius: 10px; font-size: 20px; text-transform: uppercase; letter-spacing: 0; font-family:'Helvetica Neue LT W05_57 Cond'; font-weight: bold;} #popup-support *::-webkit-input-placeholder { text-transform: none; font-size: 20px; font-family:'Helvetica Neue LT W05_45 Light';} #popup-support *::-moz-placeholder { text-transform: none; font-size: 20px; font-family:'Helvetica Neue LT W05_45 Light';} #popup-support *:-ms-input-placeholder { text-transform: none; font-size: 20px; font-family:'Helvetica Neue LT W05_45 Light';} #popup-support p.inline-response { text-align: left; font-size: 18px;} p.inline-response span.title { font-family:'Helvetica Neue LT W05_57 Cond'; display: block; margin: 25px auto; width: 100%; text-transform: uppercase; color: #4E5453; font-weight: bold} p.inline-response a { font-family:'Helvetica Neue LT W05_57 Cond'; text-decoration: underline; color: #4E5453; font-weight: bold} p.inline-response strong { font-family:'Helvetica Neue LT W05_57 Cond'; color: #4E5453; font-weight: bold} #fldAssociate { display: none;} #fldAssociate.active { display: block;} #close-support-popup { position: absolute; top: 40px; right: 40px; z-index: 4;} @media only screen and (max-height: 1200px) { #popup-support { padding: 50px; } #popup-support img.logo {margin: 0 auto 30px 0; max-width: 320px} #popup-support form > p {font-size: 24px; } #popup-support div.title {font-size: 28px; margin-bottom: 20px; } #popup-support input {line-height: 40px; min-height: 40px; font-size: 18px; } #popup-support #sfComments { min-height: 160px; font-size: 18px; } #popup-support .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 40px; min-height: 40px; font-size: 18px; } #btSubmitSupportForm { line-height: 48px; font-size: 22px;} #popup-support *::-webkit-input-placeholder { font-size: 18px; } #popup-support *::-moz-placeholder { font-size: 18px; } #popup-support *:-ms-input-placeholder { font-size: 18px; } #close-support-popup { top: 30px; right: 30px; } } @media only screen and (max-height:900px) { #popup-support { padding: 40px; } #popup-support > div { height: 100%; overflow-y: auto; overflow-x: hidden;} #popup-support img.logo {margin: 0 auto 20px 0; max-width: 240px} #popup-support form > p {font-size: 18px; } #popup-support div.title {font-size: 22px; margin-bottom: 10px;} #popup-support input {line-height: 32px; min-height: 32px; font-size: 16px; border-radius: 8px;} #popup-support #sfComments { min-height: 120px; font-size: 16px; border-radius: 8px;} #popup-support .select2-container--default .select2-selection--single { border-radius: 8px} #popup-support .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 32px; min-height: 32px; font-size: 16px; } #btSubmitSupportForm { line-height: 36px; font-size: 16px;} #popup-support *::-webkit-input-placeholder { font-size: 16px; } #popup-support *::-moz-placeholder { font-size: 16px; } #popup-support *:-ms-input-placeholder { font-size: 16px; } #close-support-popup { top: 20px; right: 20px; } } @media only screen and (max-height: 700px) { #video-player h6 { font-size: 40px;} #tutorial-popup > div { height: auto; } #tutorial-popup a.play-video img { height: 50vh; width: auto; margin: 0 auto;} #tutorial-popup div.title { font-size: 32px; } } @media only screen and (max-height: 500px) { #video-player { padding: 30px 5px; } #video-player h6 { font-size: 24px; padding: 0 10px 20px} } @media only screen and (max-width: 1320px) { div.tools { right: 20px;} div.js-search-input { right: 100px;} } @media only screen and (max-width: 1280px) { header { left: 0; padding-bottom: 40px;} header.logged-in div.js-search-input { right: 170px;} header:before { position: absolute; bottom: 0; left: 0; display: block; width: 100%; text-align: left; background-color: var(--col-green); height: 40px; content: "";} header div.nav nav > ul > li > a { padding: 0 8px} div.caption p { font-size: 16px; ;} div.caption div.title-3 {font-size: 60px; } div.caption div.title-4 { font-size: 80px; line-height: 1; } div.caption div.buttons a.button {font-size: 16px; line-height: 48px; padding: 0 20px; } article { padding-top: 160px;} footer { padding: 40px 20px} div.page-header h1 { font-size: 32px; letter-spacing: 1px; } div.page-header h1.customer {background-size: 32px auto; padding-left: 54px;} ul.grid.grid-categories { width: 100%;} ul.grid.grid-categories > li { padding: 0 10px 20px;} h2.home { padding: 50px 20px} div.added-to-cart { right: 0;} div.category-header div.category-overview { width: 600px; padding-left: 30px;} div.category-header div.breadcrumb { left: 30px;} div.category-overview h1 { font-size: 38px; margin-bottom: 30px;} article.custom-work div.category-header div.category-overview h1 { font-size: 24px; } div.category-header div.category-overview h1 + h5 { margin-top: -20px; font-size: 18px} div.category-header p { font-size: 14px; } div.category-header p:last-child { margin-bottom: 0} div.category-header-larger p { font-size: 16px;} div.category-header-larger p img { width: 300px; } article.custom-work div.category-header-larger div.category-overview h1 { font-size: 38px; margin-bottom: 10px;} div.category-header div.category-image { width: calc(100% - 600px); background-position: center center;} div.category-body { padding-left: 20px;} article.top-category div.category-body { padding: 0px 20px; } div.js-category-content { padding: 0px 0 0 20px; margin-top: 20px;} div.wrapper-cart div.product-information h1 { letter-spacing: 1px; font-size: 18px} div.inner-menu { padding-left: 20px} div.news { padding: 50px 20px 0; margin-bottom: 0} div.news div.article { padding: 0 10px; margin-bottom: 50px} div.btn-add-favourite.active { margin-left: 20px;} a.product-website { padding-left: 20px;} div.caption div.title-5 { font-size: 80px; line-height: 1; margin-bottom: 50px; } div.caption div.title-6 { font-size: 26px; line-height: 1; margin-bottom: 40px} h2.home2 { font-size: 30px; } div.grid-3 { padding: 0 0px;} div.grid-3 > div { padding: 0 30px;} div.grid-3 > div p { font-size: 18px; line-height: 1.5; } div.grid-3 > div p b { margin: 0 auto 15px} div.grid-3 > div div.thumb { height: 100px; margin-bottom: 30px; } div.grid-3 > div img { width: 70px;} div.grid-3 > div:nth-child(1) img { width: 120px;} div.grid-3 > div:nth-child(2) img { width: 112px;} div.location div.buttons a.button { width: 250px; margin: 0 auto 20px 0; display: block;} div.location-full div.buttons a.button { width: 100%; margin: 10px auto; display: block;} div.category-promo > img { height: 140px; width: auto; max-width: 1280px; } div.caption div.title-7 { font-size: 24px; padding-right: 200px;} div.caption div.title-7 a { width: 180px;} div.caption div.title-7 a span { font-size: 18px;} ul.subcategory a { font-size: 14px;} ul.subcategory li { width: calc(50% - 10px); margin-right: 10px;} div.wrp-event { padding: 0 10px;} div.lead-times > div span { font-size: 48px; } div.lead-times > div div p { font-size: 16px; line-height: 1.5;} header div.promo { position: absolute; top: auto; bottom: 0; right: 0; max-width: 100%; text-align: center;} header div.promo-gold a { font-size: 13px;} header div.promo-gold a small { font-size: 12px;} header div.promo-gold a:first-child { border-left: 0px solid #fff;} header div.nav nav > ul > li > a { font-size: 14px;} span.favourite-icon { top: 10px} ul.related-products li span.favourite-icon { top: 20vw;} div.article-2025, div.more-news-2025, div.news-holder-2025 { padding: 0 40px; } div.news-2025 h2 { font-size: 18px !important} div.news-2025 p { font-size: 14px;} } @media only screen and (min-width: 1181px) { /*CHANGE APRIL 2024*/ table.product-skus.fireplaces tr.sku-table-head td, table.product-skus.fireplaces tr.sku-table-row td {text-align: center !important; } /* table.product-skus.fireplaces tr.sku-table-head td:last-child, table.product-skus.fireplaces tr.sku-table-row td:last-child {text-align: right !important; }*/ div.wrapper-product table.product-skus.fireplaces div.cart-tools { width: auto !important; display: table; margin: 0 auto } } @media only screen and (max-width: 1180px) { /*CAPTIONS*/ /* div.caption div.title {margin-bottom:20px;}*/ /* div.caption div.title-1 {font-size: 60px; }*/ /* div.caption div.title-2 {font-size: 60px; }*/ /* div.caption div.title-3 {font-size: 40px; }*/ /* div.js-search-input { right: 450px; top: auto; display: inline-block; width: calc(100% - 450px); bottom: 0; height: 40px; background: url(/img/icons/white/search.svg) no-repeat center center; background-size: 20px auto; background-position: calc(100% - 10px) center; }*/ /* header.logged-in div.js-search-input { right: 450px; }*/ /* div.js-search-input *::-webkit-input-placeholder { font-size: 14px; color: #fff; }*/ /* div.js-search-input *::-moz-placeholder { font-size: 14px; color: #fff;}*/ /* div.js-search-input *:-ms-input-placeholder { font-size: 14px; color: #fff;}*/ /**/ /* div.js-search-results { background-color: var(--col-dgreen);}*/ /* div.js-search-results a { color: #fff; border-bottom: 1px solid var(--col-lgreen)}*/ /* div.js-search-results a small { color: #fff;}*/ /**/ /* div.js-search-input input { display: block; height: 40px; line-height: 40px; border: 0; color: #fff;}*/ /* div.js-search-input.active { width: calc(100% - 450px); background: none;}*/ /* div.js-search-input.open a.js-search-close { display: none;}*/ /* div.js-search-input.open { background: none;}*/ /* div.js-search-input.open a.js-search-full { height: 40px; width: 40px;}*/ /* div.js-search-input.open a.js-search-full { background: url(/img/icons/white/search.svg) no-repeat center center; background-size: 20px auto;}*/ header div.logo { padding: 24px 20px} header div.logo img { height: 24px;} div.js-search-input { top: 20px;} div.tools ul li { padding-top: 30px} article { padding-top: 150px; } header div.nav {position: relative; z-index: 7} header nav {width: 100%; display: block; text-align: center; } header div.nav nav > ul{width: 100%; display: block; text-align: center;} h1 { padding: 50px 20px; font-size: 60px;} h2 { font-size: 32px; margin-bottom: 20px} div.page-header { padding: 30px 20px 30px; margin-bottom: 0} /* article.category h1 { font-size: 60px; }*/ /* ul.subcategory { margin-bottom: 0}*/ /* ul.subcategory li { width: 33.33%; padding: 20px 10px}*/ ul.product-list li { width: calc(50% - 10px); margin: 0 20px 20px 0} ul.product-list li:nth-child(3n) { margin-right: 20px;} ul.product-list li:nth-child(2n) { margin-right: 0px;} ul.product-list.categories-list li { width: calc(50% - 10px); margin: 0 20px 20px 0} ul.product-list.categories-list li:nth-child(2n) { margin-right: 0px;} div.category-filters {margin-bottom: 30px} ul.related-products li { width: calc(25% - 15px); margin-right: 20px} tr.sku-table-head { display: block; margin-bottom: 20px; max-width: 100%; width: 100%;} tr.sku-table-head td:not(.sku-head-qty){ display: none; } tr.sku-table-head td.sku-head-qty { width: 100% !important; display: block; } table.product-skus { display: block; width: 100%; font-size: 0; max-width: 1040px; padding: 0 20px; margin: 0 auto; text-align: left;} table.product-skus tr.sku-table-row { display: inline-block; text-align: left; width: 50%; padding: 0 30px 50px 0; vertical-align: top; position: relative;} table.product-skus tr.sku-table-row td { display: block; text-align: left; border: 0; padding: 5px 10px; position: relative; } table.product-skus tr.sku-table-row td:first-child { display: block; text-align: left; border: 0; padding: 5px 10px; font-size: 16px;} table.product-skus tr.sku-table-row td label { width: 160px; padding-right: 10px; display: inline-block; text-align: left; border: 0; left: 0; top: 10px; vertical-align: top; font-size: 14px;} table.product-skus tr.sku-table-row td:last-child { padding-right: 0; padding-top: 20px;} div.wrapper-product div.cart-tools > div.qty { width: 200px} div.wrapper-product div.cart-tools div.qty input { line-height: 50px; min-height: 50px; font-size: 18px; width: 80px; padding-top: 0 !important; padding-bottom: 0 !important; line-height: normal} div.wrapper-product div.cart-tools div.qty input::-webkit-input-placeholder { line-height: 50px; } div.wrapper-product div.cart-tools div.qty input::-moz-placeholder { line-height: 50px; } div.wrapper-product div.cart-tools div.qty input:-ms-input-placeholder { line-height: 50px; } a.add-to-favourites-new { max-width: 1040px; padding: 0px; margin: 0 auto 20px; text-align: right; width: 100%;} a.add-to-favourites-new img { width: 24px; margin: 0 0 0 auto} table.product-skus tr.sku-table-row td span { width: calc(100% - 160px); display: inline-block; text-align: left; border: 0; vertical-align: top; font-size: 14px;} table.product-skus tr.sku-table-row:nth-child(odd) td { background: #fff;} div.wrapper-product div.cart-tools { width: 100%;} div.wrapper-product table.product-skus tr.sku-table-row td:last-child div.cart-tools { text-align: left;} table.product-skus tr.sku-table-row td:nth-child(2) { font-size: 20px;} table.product-skus tr.sku-table-row.on-sale td[data-label="Price"]:before {position: relative; margin-bottom: 5px; width: 120px;} #skulist.prices-off table.product-skus tr.sku-table-row.on-sale td.sku-label:before {position: relative; margin-bottom: 10px; width: 62px} div.step-title {padding-left: 20px;} div.step-name {padding-left: 20px;} div.step-summary {padding-left: 20px} table.product-skus.fireplaces { max-width: 100%; padding: 0 10px; margin: 50px auto} table.product-skus.fireplaces { margin-top: 0} div.fireplace-step[data-level="1"] table.product-skus.fireplaces tr.sku-table-row { width: 700px; max-width: 100%;} table.product-skus.fireplaces tr.sku-table-row td:first-child { width: 100%; display: block; font-size: 24px;} div.wrapper-product table.product-skus.fireplaces div.cart-tools div.qty input { margin: 0 auto 0 0} div.fireplace-step[data-level="1"] table.product-skus.fireplaces tr.sku-table-row td { border-bottom: 1px solid var(--border-colour)} div.fireplace-step[data-level="1"] table.product-skus.fireplaces tr.sku-table-row td label { width: 50%;} div.fireplace-step[data-level="1"] table.product-skus.fireplaces tr.sku-table-row td span { width: 50%;} table.product-skus.fireplaces tr.sku-table-row td:nth-child(2) img {} table.product-skus.fireplaces tr.sku-table-row td:nth-child(2) label, table.product-skus.fireplaces tr.sku-table-row td:nth-child(3) label { display: none} table.product-skus.fireplaces tr.sku-table-row td:nth-child(2) a { margin: 0 auto 0 0; border: 2px solid var(--col-blue); padding: 10px; width: 120px;} table.product-skus.fireplaces tr.sku-table-row td:nth-child(2) span, table.product-skus.fireplaces tr.sku-table-row td:nth-child(3 ) span { display: block; width: 100%;} div.fireplace-step:not([data-level="1"]) table.product-skus.fireplaces tr.sku-table-row td:nth-child(4) label { display: inline-block; font-size: 14px; font-family: "Helvetica Neue LT W01_75 Bold"; text-transform: uppercase; color: var(--col-blue);text-align: left; width: 100px;} div.fireplace-step[data-level="1"] table.product-skus.fireplaces tr.sku-table-row div.cart-tools > div.qty label {width: 100px; display: inline-block} div.fireplace-step[data-level="1"] table.product-skus.fireplaces tr.sku-table-row div.cart-tools > div.qty label span {width: 100%; display: block; font-size: .7em} div.fireplace-step:not([data-level="1"]) table.product-skus.fireplaces tr.sku-table-row td:nth-child(4) label span { font-size: .7em} td.sku-row-qty { border-bottom: 0px !important} div.fireplace-step div.wrapper-product div.cart-tools > div.qty label span {text-align: left;} div.wrapper-product div.cart-buttons a.button.fireplace-add-to-cart { margin: 0 auto 0 20px} div.team > div { padding: 0 20px 40px} div.location div.contact-info div.hours, div.location div.contact-info div.contact { display: block; width: 100%; padding: 0 } div.location div.buttons { padding-top: 30px} div.category-header.category-page-only div.category-overview { min-width: 600px;} div.category-header.category-page-only div.category-image { width: calc(100% - 600px);} div.category-header.category-page-only div.category-image { top: 0; bottom: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); } div.wrp-special-order h1 { font-size: 48px; padding-top: 10px} div.location-full div.address { width: 100%; padding: 20px 0 0 20px; } div.location-full div.address div.title { font-size: 40px; } div.location-full div.buttons { width: 280px; padding-right: 20px} div.location-full div.contact-info > div.contact-hours { width: calc(100% - 520px); padding: 0 0 0 40px;} div.location-full div.contact-hours > div.hours { display: inline-block; vertical-align: middle; width: 50%; text-align: left; padding: 0!important; margin: 0 !important; padding-right: 10px !important; font-size: 14px;} div.location-full div.contact-hours > div.contact { display: inline-block; vertical-align: middle; width: 50%; text-align: left; padding: 0!important; margin: 0 !important; font-size: 14px;} div.location-full.bolton div.buttons { padding-left: 20px; } div.location-full.bolton div.contact-info > div.contact-hours { padding-left: 20px; } div.location-full.bolton > img { width: 550px} div.location-full.bolton > div.contact-info { width: calc(100% - 550px); padding-top: 10px} div.lead-times div.green, div.lead-times div.blue { background-size: 80px auto; background-position: 20px 20px} div.lead-times div.orange { background-size: 120px auto; background-position: 20px 20px} div.lead-times > div > div { padding: 130px 20px 0} div.covid-contacts { padding: 20px 20px 0px; } div.covid-contacts div.title { font-size: 3vw; letter-spacing: 0px; } div.covid-contacts div.splitter > div { padding-right: 15px;} div.covid-contacts div.splitter > div:last-child { padding-left: 15px; padding-right: 0px;} div.covid-contacts div.splitter > div > div > div { font-size: 18px; line-height: 40px; margin-bottom: 15px;} div.covid-contacts div.splitter > div > div > div a.eml { width: 140px; font-size: 14px; background: url(/img/i/red/email.svg) var(--col-red) no-repeat 20px center; background-size: 20px auto; padding-left: 60px; line-height: 40px; } div.covid-contacts div.splitter > div > div:first-child > div { font-size: 24px; } div.covid-contacts div.splitter > div > div:first-child > div a{ font-size: 18px; } div.covid-contacts div.splitter > div > div > div:first-child { width: calc(100% - 160px); } div.covid-contacts div.splitter > div > div > div:last-child { width: 160px; } div.covid-contacts div.splitter > div > div.fulllw { font-size: 32px; margin-top: 40px; } div.page-title { font-size: 40px; } p.red { font-size: 18px; } div.customer-support-form div.account-promo b { font-size: 18px; margin-bottom: 30px;} /* div.customer-support-form div.account-promo a.button { display: table; margin-top: 5px;}*/ /* div.customer-support > img { height: 100%; width: auto; max-width: 9999px}*/ div.location-selector { display: block; position: absolute; left: 260px; top: 0px; max-height: 72px; overflow: hidden; padding: 18px 20px 18px 0px; width: 200px} div.location-selector div.location-toggle { padding-left: 30px; padding-top: 3px; height: 40px; margin-bottom: 20px} div.location-selector:before { left: 6px; width: 18px; height:30px;} div.location-selector div.location-toggle a { padding-right: 15px; margin: 0 auto 3px 0; } /* div.location-selector div.preferred-location { font-size: 20px; }*/ div.location-selector.active { width: 340px} div.popup-location { width: calc(100% - 20px); margin: 0 0 15px 20px; padding-bottom: 15px;} div.popup-location div.title { font-size: 16px; } div.popup-location div.l-address { font-size: 12px; margin: 10px auto 20px; } div.popup-location div.l-hours {margin: 0 auto 15px; max-width: 280px;} div.popup-location div.l-hours div {margin: 2px auto;} div.popup-location div.l-hours div div {font-size: 12px; } div.popup-location div.l-hours div div:last-child { } div.popup-location a.button { margin: 20px auto 0; font-size: 12px; padding:0 15px; line-height: 32px;} div.popup-location.active div.title { font-size: 18px; } #location-popup div.title { font-size: 28px; } #location-popup div.subtitle { font-size: 15px; margin: 20px auto 30px} #location-popup > div { max-width: 96vw;} div.popup-locations > div { margin: 0 10px; font-size: 16px; padding: 20px } /* div.popup-locations > div { width: calc(33.33% - 20px); margin: 0 10px; font-size: 16px; padding: 20px }*/ div.l-title {font-size: 20px; margin: 0 auto 10px;} div.popup-locations p {font-size: 14px;} div.popup-locations div.l-hours {margin: 0 auto 20px; } div.popup-locations div.l-hours div {margin: 1px auto;} div.popup-locations div.l-hours div div {font-size: 12px; } div.article-2025 div.thumbnail { margin-bottom: 30px; width: calc(100% + 80px); left: -40px; position: relative; } div.category-overview-2025 > div:first-child { padding: 30px 0 30px 40px} div.category-overview-2025 h1 { font-size: 48px; margin-bottom: 30px;} div.category-description { padding: 0px 40px 30px; } div.category-header-2025 div.breadcrumb { padding: 30px 40px 0} div.footer-row-2025 > div:last-child { width: 360px; } div.footer-row-2025 > div:nth-child(2), div.footer-row-2025 > div:nth-child(3) { width: calc(50% - 354px)} p.footer-content { margin: 0 auto 50px; padding: 20px 0px 0; font-size: 16px;} div.footer-row-2025 > div:nth-child(3) { padding-left: 10px} } @media only screen and (max-width: 1080px) { div.wrapper-product div.product-image { padding: 0; margin: 0 auto 100px; display: block; max-width: 460px; width: 100%} div.wrapper-product div.product-information { display: block; width: 100%; max-width: 1040px; margin: 0 auto 50px; padding: 0 20px; } div.wrapper-product div.product-information div.cart-tools { max-width: 500px; margin: 25px 0 0 auto; } div.wrapper-product div.product-image { width: 100%} div.wrapper-product div.product-image.product-detail-image { width: 100%; padding: 0px 20px; margin-bottom: 50px; max-width: 600px;} div.additional-photos ul { text-align: center;} div.cart-left, div.cart-right { width: 100%; display: block; margin-bottom: 50px; padding: 0} div.form-row { width: calc(100% + 10px)} div.wrapper-cart div.product-information h1 { letter-spacing: 1px} div.favourite div.product-information h1 { letter-spacing: 1px} /* ul.account-icons li { width: 33.33%}*/ ul.account-icons { margin: 0 auto} div.login-right, div.login-left { display: block; width: 100%; max-width: 600px; margin: 0 auto 100px; padding: 0 20px; } div.login-left { border-bottom: 1px solid var(--border-colour)} div.favourite div.product-image, div.favourite div.product-information {width: 140px;} div.favourite div.product-information { width: calc(100% - 140px)} div.team { padding: 0 20px;} h4.section-title { padding: 10px 20px 40px;} div.team > div { padding: 0 10px 40px} div.older-items { padding: 0 0px;} div.news div.article div.title { font-size: 18px; min-height: 60px;} div.category-promo > img { height: 120px;} div.category-promo div.title { padding: 0 240px 0 20px; font-size: 32px; margin-top: -20px; line-height: 40px; letter-spacing: 1px;} div.category-promo a.button { font-size: 18px; line-height: 60px; right: 20px; margin-top: -30px; padding: 0 20px; } div.hblock-2 > div.txt div.thumb { height: 40%; position: relative;} div.hblock-2 > div.txt div.thumb img { height: 100%; width: auto; top: 0; left: 0} div.hblock-2 > div.txt div.info { height: 60%} div.hblock-1 > div.txt div.title { font-size: 18px;} div.hblock-1 > div.txt p { font-size: 14px;} div.hblock-2 > div.txt div.title { font-size: 18px;} div.hblock-2 > div.txt p { font-size: 14px;} div.hblock-1 > div.img div.title { font-size: 18px;} div.hblock-1 > div.img p { font-size: 14px;} footer ul.nav li { padding: 0 20px;} footer div.footer-logo { width: 160px; } footer ul.nav { width: calc(100% - 300px); padding: 0 30px;} div.summer-promo { background-size: cover; height: 100px} div.location-full div.address { width: 100%; padding: 20px 0 0 20px; } div.location-full div.address div.title { font-size: 40px; } div.location-full div.buttons { width: 100%; padding-left: 280px; display: block; text-align: left; padding-top: 0} div.location-full div.buttons a.button { display: inline-block; margin: 0 50px 0 auto; width: 260px; } div.location-full.bolton div.buttons a.button { display: block; margin: 10px auto 10px 0; width: 260px} div.location-full div.contact-info > div.contact-hours { width: calc(100% - 240px); padding: 0 0 0 40px;} div.location-full.bolton > img { width: 500px} div.location-full.bolton > div.contact-info { width: calc(100% - 460px); background: var(--col-blue);} ul.photo-gallery > li { width: 25%; } #tutorial-popup > div { height: 580px; } #tutorial-popup div.title { font-size: 40px; } #tutorial-popup a.play-video { margin: 20px auto;} div.cart-tools span.warning { font-size: 16px; left: -25px} div.wrapper-cart div.product-information div.price { margin: 20px auto 10px} div.vendor-image { width: 160px; height: 60px;} div.footer-row-2025 { display: grid; grid-template-columns: 1fr 1fr 1fr 2fr; column-gap: 30px} div.footer-row-2025 > div { padding: 0 !important; width: 100%} div.footer-row-2025 > div:nth-child(2), div.footer-row-2025 > div:nth-child(3) { width: 100%; } } @media only screen and (max-width: 980px) { /* header div.nav nav > ul > li { position: relative;}*/ /* header div.nav nav > ul > li > a { padding: 0 50px;}*/ /* header div.nav nav ul li:hover div.subnav { width: 300px; position: absolute; top: 40px; left: 0}*/ div.caption div.tagline { font-size: 24px; ;} div.caption div.title-4 { font-size: 60px; } div.caption div.buttons a.button {line-height: 40px; } div.caption div.title-7 { font-size: 18px; padding-right: 160px; padding-left: 20px;} div.caption div.title-7 a { width: 140px;} div.caption div.title-7 a span { font-size: 14px;} footer { padding-bottom: 70px} /* footer ul.nav { padding: 0px; width: 100%; display: block; text-align: left; margin-bottom: 0px}*/ /* footer ul.nav li a { line-height: 1.7}*/ /* footer ul.nav li a b { font-size: 14px; margin-bottom: 10px;}*/ /* footer div.signup { display: block; width: 100%; max-width: 400px;}*/ /* footer ul.social { margin: 20px auto 40px}*/ div.caption div.title-1 {font-size: 40px; } div.caption div.title-2 {font-size: 40px; } div.caption div.title-3 {font-size: 24px; } ul.grid.grid-categories > li div.title { padding: 10px 0 20px; font-size: 18px;} ul.grid.grid-categories > li { width: 33%} /* ul.grid.grid-suppliers > li:nth-child(7), ul.grid.grid-suppliers > li:nth-child(8) { border-bottom: 1px solid var(--border-colour)}*/ /* ul.grid.grid-suppliers > li:nth-child(6n){ border-right: 1px solid var(--border-colour)}*/ ul.grid.grid-suppliers > li { width: calc(25% - 20px); padding: 10px;} /* ul.grid.grid-suppliers > li:nth-child(4n){ border-right: 0}*/ /* div.customer-support > div { width: 100%; max-width: 540px; padding: 40px 10px 40px 20px}*/ div.product-feature div.title { font-size: 18px;} div.product-feature > div.details { padding-right: 20px; font-size: 16px;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 20px;} ul.related-products { padding: 0 20px; margin-top: 20px; } ul.related-products li { width: calc(50% - 10px); margin-right: 20px} ul.related-products li:nth-child(2n) { margin-right: 0px} /* ul.related-products li:nth-child(3n) { display: none;}*/ /* ul.related-products li:nth-child(4n) { display: none;}*/ div.title-striked p { font-size: 24px; margin-top: 50px;} ul.frequent-purchases { flex-wrap: wrap; gap: 20px 20px} ul.frequent-purchases li { width: calc(33.33% - 14px); } span.favourite-icon { top: 10px} ul.related-products li span.favourite-icon { top: 40vw;} article#content aside { display: none;} article#content div.right-side { display: block; width: 100%; padding: 0px 20px;} article#content div.right-side.bordered { border-left: 0;} div.favourite div.product-image, div.favourite div.product-information {width: 200px;} div.favourite div.product-information { width: calc(100% - 200px)} #all-suppliers, #my-lists { padding: 0 20px;} #all-suppliers > div a, #my-lists > div a {font-size: 16px; } div.wrp-content, div.wrp-custom-work { padding: 20px} div.wrp-custom-work div.splitter.s50_50 > div, div.wrp-custom-work div.splitter.split-2 > div { display: block; width: 100%; margin-bottom: 20px} div.splitter > div.js-accept-charges { padding-left: 170px} div.splitter > div.js-accept-charges { display: none !important} div.splitter > div.js-accept-charges.active { padding-top: 10px; display: inline-block !important} form.js-custom-work div.split-2 > div:last-child div.field { padding-left: 0px;} h2.home2 { font-size: 24px; } div.grid-3 { padding: 0 0px;} div.grid-3 > div { padding: 0 15px;} div.grid-3 > div p { font-size: 14px; line-height: 1.5; } div.grid-3 > div p b { margin: 0 auto 15px} div.grid-3 > div div.thumb { height: 100px; margin-bottom: 30px; } div.grid-3 > div img { width: 70px;} div.grid-3 > div:nth-child(1) img { width: 120px;} div.grid-3 > div:nth-child(2) img { width: 112px;} div.cantfind, div.cantfind > div { height: 200px; } div.cantfind > div:nth-child(2) { height: 200px; } div.cantfind > div:first-child { width: 200px; } div.cantfind > div:nth-child(2) { width: calc(100% - 200px); padding: 0px 20px;} div.cantfind div.title { font-size: 24px; letter-spacing: 1px; margin-top: 0px;} div.cantfind p { font-size: 16px; } div.hblock-1 > div.txt div.copy { bottom: 20px; left: 20px; width: calc(100% - 40px);} div.hblock-1 > div.txt a.button { width: 100px; line-height: 40px;} div.hblock-1 > div.txt div.info { width: calc(100% - 100px); padding-right: 20px;} div.hblock-1 > div.img div.copy { padding: 0 20px 20px} div.hblock-1 > div.img div.info { width: 100%; display: block;} div.hblock-1 > div.img a.button { margin: 10px auto 0} div.hblock-1 > div.img a.button, div.hblock-2 > div.txt a.button { line-height: 40px;} div.locations {padding: 30px 20px;} div.location { padding: 0 20px 10px} div.location-full { padding: 0px} div.locations h2 { padding-left: 0px; margin-bottom: 20px; text-align: center;} div.category-header.category-page-only div.category-image { display: none;} div.category-header.category-page-only { min-height: 0; padding-top: 70px; padding-bottom: 50px} div.category-header.category-page-only div.category-overview { display: block; width: 100%; min-width: 0; position: relative; top: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); } ul.subcategory li { width: calc(33% - 20px);} ul.subcategory li:nth-child(even) { margin-right: 10px;} ul.subcategory li:nth-child(3n) { margin-right: 0px;} div.wrp-special-order { padding: 30px 20px} div.wrp-special-order h1 { font-size: 32px; padding-top: 0} div.wrp-special-order > div.left { padding: 0; display: block; width: 100%;} div.wrp-special-order > div.right { padding: 0; display: block; width: 100%;} div.wrp-special-order div.left p { max-width: 100%} div.wrp-special-order div.custom-form {max-width: 860px} div.summer-promo { background-size: cover; height: 90px} div.grid-4 > div { width: 33.33%;} #my-lists h3 { line-height: 1} #my-lists h3 b { width: 100%} div.js-search-input.active { width: 240px} /* div.popup-locations > div { width: calc(50% - 20px); margin: 0 10px 20px; font-size: 16px; padding: 20px }*/ div.popup-locations { max-width: 100%; } div.popup-locations > div { width: auto; margin: 0 10px 20px; font-size: 16px; padding: 20px } div.news-2025 { grid-template-columns: 1fr 1fr; column-gap: 20px; row-gap: 60px;} div.news-2025 div.photo{ margin-bottom: 10px;} div.article-2025, div.more-news-2025, div.news-holder-2025 { padding: 0 30px; } div.article-2025 div.thumbnail { width: calc(100% + 60px); left: -30px; ; } /*div.category-header-2025 { display: block; width: 100%; background: #F2F2F2; position: relative; padding: 0px; margin-bottom: 20px}*/ /*div.category-overview-2025 { display: flex ; gap: 0; justify-content: space-between; align-items: normal;}*/ div.category-overview-2025 > div:first-child { width: 100%; padding: 30px} div.category-overview-2025 > div:last-child { display: none;} div.category-overview-2025 h1 { font-size: 38px; margin-bottom: 10px;} div.category-description { padding: 0px 30px 30px; } /*div.category-description h3.category-title { text-transform: uppercase;}*/ div.category-header-2025 div.breadcrumb { padding: 30px 30px 0; } } @media only screen and (max-width: 880px) { header div.logo { padding: 28px 20px} header div.logo img { height: 16px;} article { padding-top: 144px;} ul.grid.grid-categories > li { padding: 0 5px 10px} h1 { padding: 40px 0px; letter-spacing: 5px} h3 { text-align: center;} #all-suppliers h3, #my-lists h3 { text-align: left;} div.sort-by { width: 50%; } div.sort-by ul { width: 100%; max-width: 200px; margin: 0 0 0 auto;} div.category-filters > div.js-toggle-filter { width: 50%;} div.category-overview div.title { letter-spacing: 10px; line-height: 1.3} div.category-overview { padding-bottom: 20px} div.js-category-content { padding: 0;} div.js-category-content aside { display: block; width: 100%; padding: 0 20px;} div.js-category-content div.right-side { display: block; width: 100%; padding: 0 20px 20px} div.category-filters {margin-bottom: 0px ; padding-bottom: 20px} div.category-nav h5:after { display: none;} div.category-nav > div { display: inline-block; width: 33.33%; padding: 00px; vertical-align: top; padding-bottom: 20px} div.category-nav > div > div { border-bottom: 0px solid var(--border-colour); padding-bottom: 0px; padding: 0 20px;} div.active-filters { padding: 0 20px;} div.js-category-content aside { position: fixed; bottom: 0; left: 0; height: 40px; overflow: hidden; background: #fff; z-index: 20; border-top: 1px solid var(--border-colour); transition: height .3s ease-out;background-color: var(--col-green); } div.js-toggle-filter { display: block; width: 100%; text-align: left; background-color: var(--col-green)} html.filters-active { max-height: 100vh; overflow: hidden;} div.js-toggle-filter a { color:#fff; background-image: url(/img/icons/white/filter.svg)} div.js-category-content.js-show-filters aside { height: calc(100vh - 144px); } div.category-nav h5.inactive { margin-bottom: 0} div.category-nav h5.inactive + div { max-height: 9999px; padding: 0 20px; background: none;} /* ul.product-list li div.info { padding-right: 0; display: block; width: 100%; text-align: center;font-size: 18px; letter-spacing: 1px}*/ ul.product-list li div.info h6 , ul.product-list li div.info p { letter-spacing: 0px} /* ul.product-list li div.info h6 { margin-top: 10px; font-family: 'Helvetica Neue LT W05_65 Medium';}*/ /* ul.product-list li div.price { text-align: center; position: relative; display: block; width: 100%; font-size: 18px; letter-spacing: 1px}*/ ul.related-products li div.info { padding-right: 0; display: block; width: 100%; text-align: center;font-size: 18px; letter-spacing: 1px} ul.related-products li div.info h6 , ul.product-list li div.info p { text-align: left; font-size: 14px; letter-spacing: 1px} ul.related-products li div.info h6 { margin-top: 10px; font-family: 'Helvetica Neue LT W05_65 Medium';} ul.related-products li div.price { text-align: center; position: relative; display: block; width: 100%; font-size: 18px; letter-spacing: 1px } /* div.customer-support > div { width: 100%; max-width: 100%; text-align: center; padding: 40px 20px; position: relative;}*/ /* div.customer-support-form div.account-promo { text-align: center; padding: 0 5px; position: relative; top: 0; transform: none; -webkit-transform: none; -ms-transform: none;}*/ /* div.customer-support div.account-promo b { text-align: center; font-size: 24px;}*/ /* div.customer-support div.account-promo a.button { margin: 0 10px !important}*/ /* div.customer-support-form b { text-align: center; }*/ /**/ /* div.location div.map { width: 100%; position: relative; height: 400px}*/ /* div.location div.contact-info { width: 100%; }*/ /* div.location div.contact-info div.hours, div.location div.contact-info div.contact { display: inline-block !important; vertical-align: top; width: 40%; }*/ /* div.location div.contact-info div.hours { margin-right: 20%; margin-bottom: 0}*/ /* div.location div.contact-info div.hour { font-size: 14px;}*/ /* div.location div.contact-info div.hour span, div.location div.contact-info div.hour label { width: 50%;}*/ div.category-header div.category-overview { width: 400px} div.category-header div.category-image { width: calc(100% - 400px)} h4.section-title { letter-spacing: 1px; font-size: 24px} div.wrp-text h4 { padding-bottom: 30px} table.product-skus tr.sku-table-row { display: block; width: 100%} div.team > div { width: 33%;} div.news { text-align:center;} div.news div.article { width: 50%;} div.caption div.title-5 { font-size: 60px; line-height: 1; margin-bottom: 30px; } div.caption div.title-6 { font-size: 20px; line-height: 1; margin-bottom: 20px} div.location div.contact-info { padding: 20px;} div.location-full div.contact-info { padding: 10px 0px;} div.location { width: calc(50% - 20px); margin: 0 10px 20px} #home div.locations div.location { width: calc(50% - 20px); margin: 0 10px 20px} div.location-full { width: 100%; margin: 0 auto 50px; display: block} div.location-full div.buttons { padding-left: 20px; } div.location-video {width: 100%; height: 0px; padding-bottom: 56.25%; left: 0px} a.toggle-sound { bottom: 10px; right: 10px; width: 16px; height: 16px; } article#contact div.locations { margin-top: -10px} div.caption-contact { top: 30px; padding-left: 30px; } div.caption-contact div.title { font-size: 48px; letter-spacing: 3px; } div.caption-contact div.subtitle { font-size: 24px; letter-spacing: 0px; } div.hblock-1 > div.txt div.thumb img { margin: 0 auto 0 0; display: block} /*div.hblock-2 > div.txt div.thumb { height: 30%; }*/ /*div.hblock-2 > div.txt div.thumb img { }*/ /*div.hblock-2 > div.txt div.info { height: 70%}*/ div.hblock-2 > div.txt div.title { font-size: 18px;} div.hblock-2 > div.txt p { font-size: 14px;} div.cart-help { right: auto; top: auto; left: 30px; bottom: 20px} div.page-header h1.customer { padding-bottom: 40px; background-position: left top; padding-top: 0} div.page-header h1.cart-blue { padding-bottom: 40px; background-position: left top; background-size: 40px auto; padding-left: 60px; padding-top: 5px} div.hblock-1 > div.txt p { margin-top: 5px} div.hblock-1 > div.txt div.thumb { height: 40%} div.hblock-2 > div.txt div.copy { padding-top: 20px} div.mission-statement p { font-size: 20px; } div.wrp-narrow { padding: 0 20px;} div.team { width: calc(100% + 40px); margin: 30px -20px 0} ul.subcategory li { width: calc(50% - 10px);} ul.subcategory li:nth-child(3n) { margin-right: 10px;} ul.subcategory li:nth-child(even) { margin-right: 0px;} div.location-full.bolton > img { width: 100%} div.location-full.bolton > div.contact-info { width: 100%; display: block; position: relative;} div.location-full.bolton div.address { width: 240px; padding: 20px 0 0 20px; display: inline-block;} div.location-full.bolton div.contact-info > div.contact-hours { width: calc(100% - 240px); padding: 0 0 0 40px; displaY: inline-block;} div.location-full.bolton div.contact-info { padding: 10px 0} div.location-full.bolton div.buttons { display: block; width: 100%} div.location-full.bolton div.buttons a.button { display: inline-block; margin: 0 50px 0 auto; width: 260px;} div.location-full.bolton div.buttons a.button.gmap { margin-right: 10px;} div.lead-times div.green, div.lead-times div.blue { background-size: 80px auto} div.lead-times div.orange { background-size: 120px auto} div.lead-times > div > div { padding: 130px 20px 0; font-size: 16px;} div.lead-times > div span { font-size: 40px; margin: 0 auto} #video-player { padding: 50px 20px; } #video-player a.close-video { width: 15px; height: 15px; top: 10px; right: 10px; } #video-player h6 { font-size: 32px; ;} footer div.row { flex-wrap: wrap;} footer div.footer-logo { display: block; margin: 0 auto 50px; width: 240px} footer ul.nav { width: 100%; text-align: center; justify-content: center;} footer ul.social { width: 100%; text-align: center; margin-top: 30px; justify-content: center;} footer ul.social li a { padding: 0 15px;} footer div.disclaimer { text-align: center;} /* div.customer-support > div.customer-support-form { width: 55%; }*/ /* div.customer-support > img { left: -10vw; position: relative;}*/ div.customer-support-form div.account-promo { padding: 15px;} div.js-search-input.active { width: 230px} div.location-selector { left: 180px; max-height: 66px; padding: 18px 20px 18px 0px; width: 160px} div.location-selector div.location-toggle { padding-left: 30px; height: 40px; } div.location-selector:before { top: 20px} div.location-selector div.preferred-location { font-size: 14px; } #location-popup > div { border: 0px solid #A0AAA9; } /* #covid-popup a.close-popup.popup-dismiss { width: 25%; height: 9%; top: 55.5%; right: 5.8%;}*/ /* a.popup-signup { width: 25%; height: 9%; top: 55.5%; right: 32.2%;}*/ a.add-to-favourites-new img { margin: 0 auto 0 0;} div.fireplace-step > div { width: 100%; margin-bottom: 0px !important} div#skulist { margin-top: 50px} table.product-skus.fireplaces { margin-bottom: 20px} div.footer-row-2025 { grid-template-columns: 1fr; column-gap: 30px; row-gap: 0px; } footer ul.nav { text-align: left; justify-content: left; padding: 0} footer ul.nav li { padding: 0 40px 0 0} footer ul.social { text-align: left; justify-content: left; } footer ul.social li a { padding: 0 30px 0 0} footer div.footer-logo { margin: 0 auto 50px 0} } @media only screen and (max-width: 768px) { /*div.lead-times { width: 100%;}*/ /*div.lead-times > div { height: 200px; width: calc(50% - 10px)}*/ /*div.lead-times > div:nth-child(2) { margin-right: 0}*/ /*div.lead-times div.blue { background-size: 70px auto; background-position: 20px 20px}*/ /*div.lead-times div.green { background-size: 70px auto; background-position: 20px 20px}*/ /*div.lead-times > div > div { padding: 0 20px 0 110px; font-size: 14px; top: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); padding-top: 20px;}*/ /*div.lead-times > div span { font-size: 48px; line-height: 48px; }*/ /*div.lead-times > div div p { font-size: 14px; }*/ div.lead-times > div { background-position: center 20px !important;} div.lead-times > div > div { padding: 120px 10px 0; font-size: 14px; text-align: center;} div.lead-times > div span { font-size: 32px; text-align: center; line-height: 1.76;} div.lead-times > div p { font-size: 14px; text-align: center !important;} div.lead-times > div b { font-size: 14px; text-align: center;} div.custom-order-nav { width: calc(100% + 80px)} #all-suppliers h3 { font-size: 24px; letter-spacing: 1px} div.category-header.category-page-only ul.subcategory li { width: calc(50% - 5px)} div.category-header.category-page-only ul.subcategory li:nth-child(even) { margin-right: 0;} div.category-header.category-page-only div.category-overview { padding-left: 30px; padding-right: 30px} a.tutorial-icon { display: table; margin: 0 0 0 auto; background: url(/img/tutorials/white/play.svg) no-repeat var(--col-blue) 10px center; background-size: 25px auto; padding: 0 10px 0 45px; line-height: 40px; border-radius: 40px 0 0 40px; color: #fff; text-align: left; font-size: 12px; font-family:'Helvetica Neue LT W05_65 Medium';} footer div.disclaimer {flex-direction: column-reverse; align-items: flex-start;} footer div.disclaimer p { text-align: left;} footer div.disclaimer div.fdo {width: 100%; } #popup-support { padding: 30px; } #popup-support img.logo {max-width: 160px} #popup-support form > p {font-size: 16px; } #popup-support div.title {font-size: 18px; } #popup-support input {line-height: 24px; min-height: 24px; font-size: 14px; } #popup-support #sfComments { min-height: 60px; font-size: 14px; } #popup-support .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 24px; min-height: 24px; font-size: 14px; } #btSubmitSupportForm { line-height: 32px; font-size: 14px;} #popup-support *::-webkit-input-placeholder { font-size: 14px; } #popup-support *::-moz-placeholder { font-size: 14px; } #popup-support *:-ms-input-placeholder { font-size: 14px; } #toggle-support { width: 90px} #close-support-popup { top: 20px; right: 20px; } } @media only screen and (max-width: 767px) { article { padding-top: 130px;} header { height: 130px; padding-bottom: 0; position: fixed;} header:before { display: none;} header div.top { display: block; width: 100%; font-size: 0; text-align: center;} header div.logo { width: auto; margin-left: 0px; height: 60px; padding: 0px 0; display: inline-block; vertical-align: top;} /* header div.badge { display: inline-block; width: auto; position: relative; vertical-align: top; height: 60px; padding: 18px 10px 0;}*/ /* header div.badge a { height: 25px;}*/ /* header div.badge a img { height: 25px;}*/ header div.logo a { width: auto; height: 60px; display: block; padding-top: 18px} header div.logo a img { height: 20px; display: block; width: auto; margin: 0px auto;} div.js-search-input { display: block; width: calc(100% - 0px); left: auto; bottom: auto; left: 0px; top: 60px; background-color: transparent; border: 0; background-position: calc(100% - 40px) center; padding: 0 20px; height: 50px;} div.js-search-input.active { width: 100%;} div.js-search-input input { width: 100%; line-height: 48px; border: 1px solid var(--border-colour); min-height: 50px;} div.js-search-input a.js-search-full { right: 30px; top: 10px;} div.js-search-input.open a.js-search-close { display: none;} div.js-search-input a.js-search-full { right: 30px; top: 10px; background-size: 20px auto; } /* div.tools { left: -110vw; width: 100vw; position: fixed; top: 100px; z-index: 5;}*/ /* div.tools ul { text-align: right;}*/ /* div.tools ul li { padding: 0px 0;}*/ /* div.tools ul li a { padding: 20px 25px 20px 10px}*/ /* div.tools ul li { display: none; padding-top: 0}*/ /* div.tools ul li:last-child { display: block}*/ /* div.tools ul li:last-child a { height: 60px; padding-top: 20px}*/ div.promo { display: none !important;} header div.promo-gold { letter-spacing: 1px} header div.promo-gold a { letter-spacing: 1px} div.tools ul li { padding-top: 23px} div.tools ul li a { padding-left: 20px; } /* div.tools { right: 20px; top: 15px;}*/ /* div.tools ul li { padding-top: 0; vertical-align: top}*/ /* div.tools ul li a { padding-top: 14px}*/ /* div.tools ul li a img { height: 30px; }*/ /* div.tools ul li:first-child a img { height: 28px; }*/ div.burger { position: absolute; width: 60px; height: 60px; cursor: pointer; background-color: transparent; display: block; top: 0px; left: 0px; z-index: 100; transition: transform .2s ease-out;} div.burger * { transition: transform .2s ease-out; background-color: var(--col-blue) !important} div.burger div { display: block; width: 20px; position: absolute; top: 29px; left: 20px; height: 0px; border: 0; } div.burger:before { display: block; width: 20px; position: absolute; top: 29px; left: 20px; height: 2px; border: 0; content: ""; background-color: var(--col-blue) !important} div.burger:after { display: block; width: 20px; position: absolute; top: 29px; left: 20px; height: 2px; border: 0; content: ""; background-color: var(--col-blue) !important} div.burger div:before { content: ""; display: block; width: 20px; position: absolute; top: -7px; left: 0px; height: 2px; border: 0; background-color: var(--col-blue) !important} div.burger div:after { content: ""; display: block; width: 20px; position: absolute; top: 7px; left: 0px; height: 2px; border: 0; background-color: var(--col-blue) !important} header.active div.burger div:before, header.active div.burger div:after { display: none; } header.active div.burger:before { transform: rotate(45deg); width: 24px} header.active div.burger:after { transform: rotate(-45deg); width: 24px} header div.nav { left: -110vw; width: 100vw; position: fixed; top: 60px; background: var(--col-blue); padding-top: 0px; min-height: 100vh; } header div.nav nav { padding: 0px 0; height: 100vh; overflow: auto; max-height: 100vh; padding-bottom: 60px;} header div.nav nav > ul { text-align: left;} header div.nav nav::-webkit-scrollbar { width: 0px; } header div.nav nav > ul > li { text-align: left; display: block; padding: 0 0px; width: 100%; } header div.nav nav > ul > li > a { line-height: 40px; width: 100%; text-align: left; padding: 0; color: #fff; font-size: 14px; letter-spacing: 0px; border-bottom: 0px solid var(--border-colour); padding: 0 20px;} header div.nav nav > ul > li.sub > a { background: url(/img/i/arrow-down.svg) no-repeat calc(100% - 20px) center; background-size: 11px auto; } header div.nav nav > ul > li:nth-child(6) > a { background-color: #e5002b} header div.nav nav > ul > li:nth-child(2) > a img { } header div.nav nav > ul > li > a:hover { background-color: var(--col-green); } header div.nav nav > ul > li div.subnav { display: none !important; overflow: hidden; padding: 0px 0px} header div.nav nav > ul > li.active { } header div.nav nav > ul > li.active > a { background-color: var(--col-green); } header div.nav nav > ul > li.active div.subnav { display: block !important; position: static; width: 100%; background: var(--col-green)} div.subnav > ul > li.sublink > a { background-position: calc(100% - 10px) center;} div.subnav > ul { background: var(--col-green)} div.subnav > ul > li > a { color: #fff; font-size: 14px} div.subnav > ul > li:hover {background: transparent; } div.subnav > ul > li:hover a { background-color: var(--col-dgreen);} header.active div.nav { left: 0; z-index: 101;} /* header.active div.tools { left: 0; background: #000; border-top: 1px solid #aaa; }*/ /**/ /* header.active div.js-search-input {display: block; top: 50px; max-width: 100vw; right: auto; left:0; background-color: #fff; right: auto; left: 0; width: 100vw; position: fixed; z-index: 10; }*/ /* header.active div.js-search-input input {border-radius: 0; background: url(/img/icons/white/search.svg) #000 no-repeat 10px center; background-size: 16px auto; padding-left: 40px;}*/ /* header.active div.js-search-input.open {box-shadow: 0px 5px 15px 1px rgba(0,0,0,0.55);}*/ /* div.js-search-input.open div.js-search-results { border-radius: 0}*/ /* header.active div.burger { left: auto; right: 10px; top: 5px}*/ /* header.active div.burger div { background:rgba(0, 0, 0, 1); }*/ /* header.active div.burger:before { background:rgba(0, 0, 0, 1); }*/ /* header.active div.burger:after {background:rgba(0, 0, 0, 1); }*/ /* header.active div.burger div:before { background:rgba(0, 0, 0, 1); }*/ /* header.active div.burger div:after { background:rgba(0, 0, 0, 1); }*/ header div.nav nav > ul.js-mobile-menu { display: block; padding-top: 0px; border-top: 0px solid #eee; margin-top: 0px} header div.nav nav > ul.js-mobile-menu li a { padding-left: 50px; background: url() no-repeat 20px center; } header div.nav nav > ul.js-mobile-menu li a:hover { background-color: var(--col-green)} header div.nav nav > ul.js-mobile-menu li a.menu-account { background-image: url(/img/i/white/account.svg); background-size: 15px auto;} header div.nav nav > ul.js-mobile-menu li a.menu-logout { background-image: url(/img/i/white/logout.svg); background-size: 12px auto;} header div.nav nav > ul.js-mobile-menu li a.menu-heart { background-image: url(/img/i/white/heart.svg); background-size: 13px auto;} header div.nav nav > ul.js-mobile-menu li a.menu-cart { background-image: url(/img/i/white/cart.svg); background-size: 17px auto;} header div.nav nav > ul.js-mobile-menu li a.menu-pin { background-image: url(/img/i/white/phone.svg); background-size: 10px auto;} header div.nav nav > ul.js-mobile-menu li a.menu-create { background-image: url(/img/i/white/create.svg); background-size: 18px auto;} header div.top { overflow: visible; z-index: 11;} footer ul.nav li { padding: 0 10px; } footer ul.nav li a { line-height: 1.5; font-size: 12px;} div.category-header { min-height: 350px;} div.category-header div.category-overview { padding-left: 20px; width: 350px;} div.category-header div.category-image { width: calc(100% - 350px);} div.category-header div.breadcrumb { left: 20px} div.category-header div.category-overview h1 { font-size: 32px; margin-bottom: 10px} div.category-header div.category-overview h5 { font-size: 18px;} ul.boxes li.third {width: calc(50% - 5px); padding-bottom: 50%;} ul.boxes li.third:first-child {width: 100%; display: block; padding-bottom: 100%;} ul.boxes li:nth-child(odd) { margin-right: 10px;} ul.boxes li:last-child { margin-right: 0px;} div.caption div.tagline { font-size: 14px;} div.caption div.title-2 { font-size: 24px;} div.caption div.title-4 { font-size: 36px; line-height: 1.1; margin-top: 10px; margin-bottom: 25px;} div.caption div.title-4 br { display: none;} div.caption p { line-height: 1.25;} div.caption div.buttons a.button { font-size: 14px; line-height: 32px;} h1 { font-size: 40px; } h2 { font-size: 24px; } /* article.category h1 { font-size: 40px; letter-spacing: 7px;}*/ /* ul.subcategory li { width: 50%; }*/ h4 { font-size: 14px; } ul.grid.grid-categories > li { width: 50%;} ul.grid.grid-categories > li img { width: 100%;} div.wrapper-product { padding-top: 0; } div.breadcrumb { letter-spacing: 0px; font-family: 'Helvetica Neue LT W05_55 Roman';} div.favourite div.product-information div.cart-tools div.cart-buttons { display: block; width: 100%; margin: 20px auto 0 0} div.favourite div.product-information div.cart-buttons a.button { margin-left: 0; margin-right: 20px} div.order-header > div { margin-bottom: 20px} div.order-header > div:nth-child(1) { width: 70%; } div.order-header > div:nth-child(2) { width: 30%; } div.order-header > div:nth-child(3) { width: 70%; } div.order-header > div:nth-child(4) { width: 30%; } div.order-body div.order-tools { display: block; margin-top: 30px; width: 100%;} div.order-body div.product-information { width: calc(100% - 100px); padding-right: 0} ul.js-cart-menu li { width: 20%;} div.wrapper-cart { padding: 0px 10px 50px} #all-suppliers > div a { width: 50%;} /* #my-lists > div a { width: 50%;} */ #my-lists { padding: 0} div.wrapper-cart div.product-information div.cart-tools > div { width: 165px;} div.wrapper-cart div.product-information div.cart-tools > div.cart-buttons { width: calc(100% - 165px)} a.js-remove-from-cart { position: absolute; right: 0; top: 0} div.older-items { padding: 0 20px;} div.older-items > div { display: block; width: 100%; margin: 0} h4.section-title { padding-bottom: 30px;} h4.section-title + div.older-items { margin-top: -20px} div.gallery-index, div.gallery-index-controls { max-width: 100vw;} div.team { padding: 0 5px} div.address { width: 100%; display: block;} div.category-promo { padding: 25px 0;} div.category-promo > img { height: 100%; position: absolute; top: 0; left: 0;} div.category-promo div.title { padding: 0 20px 0 20px; font-size: 28px; margin-top: 0px; top: 0; line-height: 1.5; margin-bottom: 30px; position: relative; text-align: center;} div.category-promo a.button { font-size: 16px; line-height: 40px; right: auto; padding: 0 20px; position: relative; margin: 0 auto; top: 0} div.cantfind > div:first-child { width: 160px; } div.cantfind > div:nth-child(2) { width: calc(100% - 160px); } div.cantfind div.title { font-size: 20px; letter-spacing: 0px} div.cantfind p { font-size: 16px; } div.hblock-1 > div.txt { padding: 20px;} div.hblock-1 > div.txt, div.hblock > div.img, div.hblock-2 > div.txt, div.hblock-2 > div.img { display: block; width: 100%; position: relative;} div.hblock-1 > div.txt div.thumb, div.hblock-2 > div.txt div.thumb { height: auto; margin-bottom: 50px; } div.hblock-1 > div.txt div.thumb img, div.hblock-2 > div.txt img { margin: 0 auto 0 0; } div.hblock-2 > div.txt div.thumb img { position: relative; width: 100%; height: auto; max-width: 336px} div.hblock-1 > div.txt div.copy, div.hblock-2 > div.txt div.copy { height: auto; position: relative; width: 100%; padding: 0px; bottom: 0; left: 0;} div.hblock-1 > div.img div.info {width: calc(100% - 160px); display: inline-block;} div.hblock-1 > div.txt div.title, div.hblock-2 > div.txt div.title, div.hblock-1 > div.img div.title { font-size: 24px;} div.hblock-1 > div.txt p, div.hblock-1 > div.img p, div.hblock-2 > div.txt p { font-size: 18px;} div.hblock-2 > div.txt a.button { position: absolute; right: 0; bottom: 0} div.hblock-1 > div.txt { margin-bottom: 10px} div.hblock-2 > div.txt { margin-bottom: 10px} div.location { padding: 0} footer div.footer-logo { display: table; margin: 0 auto 50px; width: 240px;} footer ul.nav { margin: 0 auto 0px; width: 100%; text-align: center; } footer ul.nav li { width: 160px;} footer ul.social { display: block; margin: 20px auto 0; width: 100%; text-align: center;} footer ul.social li a { text-align: center; font-size: 20px;} footer div.disclaimer { text-align: center;} div.custom-order-nav { display: none} div.summer-promo { background-size: cover; height: 70px} div.job div.description a.button { position: static; margin: 20px auto 0 0; } div.job div.description p { width: 100%;} ul.js-cart-menu { margin-top: 0} div.fireplace-step[data-level="1"] table.product-skus.fireplaces tr.sku-table-row { width: 100%; max-width: 100%;} div.location-full div.address { width: 200px;} div.location-full.bolton div.address { width: 200px;} div.location-full div.contact-info > div.contact-hours { width: calc(100% - 200px)} div.location-full.bolton div.contact-info > div.contact-hours { width: calc(100% - 200px)} div.location-full div.address div.title { font-size: 32px; line-height: 1; margin-bottom: 0px;} div.location-full div.address div.location-address { font-size: 14px; } div.location-full div.contact-hours { padding-left: 20px;} div.location-full.bolton div.contact-hours { padding-left: 20px;} div.location-full div.contact-hours > div { font-size: 13px; } div.location-full div.buttons { padding: 0 5px; text-align: center;} div.location-full.bolton div.buttons { padding: 0 5px; text-align: center;} div.location-full div.buttons a.button { margin: 0 5px;} div.location-full.bolton div.buttons a.button { margin: 0 5px;} div.vendor-categories a { font-size: 14px; } #covid-popup > div { padding: 0px; font-size: 14px; } #covid-popup a.close-popup { right: 10px; top:10px} #covid-popup div.popup-logo { width: 150px; } #covid-popup div.title { font-size: 19px; margin: 25px auto} #covid-popup p, #covid-popup a.button { font-size: 14px; } #covid-popup p.larger { font-size: 16px; } #covid-popup p.red { font-size: 16px; } #covid-popup p.weird { font-size: 14px; } #covid-popup p.weird a { font-size: 16px; } ul.covid { margin: 30px auto} ul.covid li { margin-bottom: 8px; } div.covid-contacts div.title { font-size: 24px; } div.covid-contacts div.splitter > div { display: block; width: 100%; padding-left: 0px !important; padding-right: 0px !important; margin-bottom: 30px} div.covid-contacts div.splitter > div > div.fulllw { font-size: 24px; margin-top: 40px; display: block; width: 100%; text-align: center; max-width: 100%; padding: 0 20px 30px; } div.page-title { font-size: 32px; } p.red { font-size: 16px; } #tutorial-popup > div { height: auto; padding: 40px 10px} #tutorial-popup div.title { font-size: 20px; } #tutorial-popup a.button { font-size: 12px; line-height: 32px; margin: 0 5px 10px; padding: 0 10px;} #tutorial-popup a.close-icon { right: 10px; top: 10px; } #tutorial-popup a.play-video { margin: 25px auto;} table.product-skus tbody { width: 100%; display: block;} div.customer-support { overflow: hidden} div.customer-support > div.customer-support-form { width: 100%;} div.customer-support-form div.account-promo b { font-size: 16px; margin-bottom: 20px;} div.customer-support-form div.account-promo a.button { font-size: 12px;} div.product-feature p { margin-bottom: 20px;} div.product-feature a.button {font-size: 12px;} div.location-selector { left: 262px; max-height: 50px; padding: 15px 20px 15px 0px; width: 160px} div.location-selector div.location-toggle { padding-left: 30px; height: 40px; } div.location-selector:before { top: 15px;} div.location-selector div.preferred-location { font-size: 14px; } } @media only screen and (max-width: 760px) { div.grid.grid-spaced h2.home { display: block;} div.grid > div.first-row { display: block; width: 100%;} div.grid > div div.product-feature div.title { font-size: 12px; } div.grid > div div.product-feature p { font-size: 12px; } div.grid > div div.product-feature a.button { font-size: 10px; } div.grid > div div.product-feature {height: 160px;;} div.grid > div div.product-feature a.button{ line-height: 30px;} div.grid > div:not(.first-row) div.product-feature {height: auto;} div.grid > div div.product-feature div.product-logo { display: block; width: 100%; left: 0; top: 0px; position: absolute} div.grid > div:not(.first-row) div.product-feature > div.img { display: block; width: 100%; position: relative; height: 150px;} div.grid > div:not(.first-row) div.product-feature div.product-image { height: 130px;} /* div.grid > div:not(.first-row) div.product-feature div.product-image img { display: block; width: 100%; position: relative;}*/ div.grid > div:not(.first-row) div.product-feature > div.details { display: block; width: 100%; padding: 25px 15px 15px} div.customer-support > div.customer-support-form { width: 50%;} /* div.customer-support > img { left: 0}*/ div.pf-1 div.product-image img { width: 160px;} div.pf-1 div.product-logo img { width: 71px; position: absolute; left: 15px; top: 15px;} div.pf-2 div.product-logo img { width: 111px; position: absolute; left: 50%; transform: translate3D(-50%, 0, 0); top: 10px;} div.pf-2 div.product-image img { width: 119px; left: 50%; transform: translate3D(-50%, 0, 0)} div.pf-3 div.product-logo img { top: 15px; left: 15px; position: absolute; width: 35px;} div.pf-3 div.product-image img { width: 79px; left: auto; right: 15px} div.customer-support-form div.account-promo { padding: 5px} div.customer-support-form div.account-promo b { font-size: 12px;} div.customer-support-form div.account-promo a.button { line-height: 28px;} /* header div.logo { padding: 20px 0}*/ /* header div.logo img { height: 20px}*/ /* div.lang ul li a { line-height: 60px !important; }*/ /**/ /* div.lang ul { max-height: 60px;}*/ /* div.burger { top: 10px;}*/ /* div.tools ul li:last-child a { height: 60px; padding-top: 20px}*/ /* div.tools { right: 10px; top: 21px}*/ /* div.tools ul li a { padding-left: 20px}*/ /* div.tools ul li a img { height: 20px; }*/ /* div.tools ul li:first-child a img { height: 20px; }*/ div.caption div.tagline { font-size: 14px; } div.caption div.title-4 { font-size: 32px; line-height: 1.1; margin-top: 15px; margin-bottom: 30px; color: #000;} div.caption p { font-size: 16px; margin-bottom: 30px; color: #000; line-height: 1.5;} /* div.masthead div.caption { position: relative !important; top: 0 !important; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); width: 100%!important; padding: 20px 20px !important;}*/ h2.home { padding: 20px 20px 0px; margin-bottom: 10px;} ul.grid.grid-suppliers { padding: 0 10px; max-width: 480px; margin: 0 auto} /* ul.grid.grid-suppliers > li:nth-child(9), ul.grid.grid-suppliers > li:nth-child(10) { border-bottom: 1px solid var(--border-colour)}*/ /* ul.grid.grid-suppliers > li:nth-child(4n){ border-right: 1px solid var(--border-colour)}*/ ul.grid.grid-suppliers > li { width: 50%; padding: 0 10px;} /* ul.grid.grid-suppliers > li:nth-child(2n){ border-right: 0}*/ /* div.customer-support > img { display: none;}*/ /* div.customer-support > div { position: relative; padding: 40px 0 40px 10px; height: auto; margin: 0 auto; }*/ /* div.customer-support div.account-promo { transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); position: static;}*/ /* div.customer-support-form b { font-size: 24px;}*/ /* div.customer-support div.splitter.s50_50 > div, div.splitter.split-2 > div { display: block; width: 100% }*/ #frmContact button[type="submit"] { margin: 30px auto 0} footer ul.nav { padding: 0} footer ul.nav li { display: block; width: 100%; margin: 0px auto; text-align: center;} footer ul.nav li a { font-size: 12px; text-align: center;} /* div.location div.contact-info div.hours, div.location div.contact-info div.contact { display: block !important; width: 100%; }*/ /* div.location div.contact-info div.hours { margin-right: 0; margin-bottom: 30px}*/ /* div.location div.contact-info div.hour span, div.location div.contact-info div.hour label { width: 50%;}*/ ul.boxes li, ul.boxes li.third {display: block !important; width: 100% !important; margin: 0 0 10px 0 !important; padding-bottom: 0 !important; height: auto !important;} ul.boxes li img { position: relative;} div.category-header { min-height: 0; padding: 20px 10px 20px; overflow: visible} div.category-header div.breadcrumb { position: static; padding-left: 0px; } div.category-header div.category-overview { position: relative; display: block; width: 100%; padding-left: 0px; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); overflow: visible} div.category-header div.category-image { display: none;} div.category-header.category-page-only { min-height: 0; padding: 30px 10px 10px} div.category-header.category-page-only div.category-overview { padding: 30px 0px 10px; display: none;} h3.category-title { font-size: 20px; letter-spacing: 1px;} div.category-nav > div { width: 50%; } div.js-category-content aside { padding: 0 10px} div.js-category-content div.right-side { padding: 10px;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { display: none;} div.wrapper-product div.product-information h1 {font-size: 24px; margin-top: 10px; letter-spacing: 1px; margin-bottom: 30px} div.wrapper-product div.product-item-number { margin-top: 5px} div.wrapper-product div.product-information div.cart-tools { margin-bottom: 20px; } div.wrapper-product div.product-information div.cart-tools > div.qty { width: 100%; display: block;} div.wrapper-product div.product-information div.cart-tools > div.cart-buttons { width: 100%; display: block; margin-top: 20px;} div.wrapper-product div.product-information div.cart-buttons a.button { max-width: 220px; margin: 10px auto 0 0} div.additional-photos ul li { width: 100px; height: 100px; position: relative;} div.content { text-align: center;} div.mission-statement p { text-align: center;} h6 { text-align: center; font-size: 16px; margin-bottom: 10px; letter-spacing: 1px} div.wrapper-product div.product-information h6 { text-align: left;} h2 { text-align: center;} div.wrapper-cart h2 div.wrapper-cart div.product-information { padding-left: 20px;} div.wrapper-cart div.product-information div.cart-tools { width: 100%; left: 0; position: relative; margin-top: 20px} div.wrapper-cart div.product-information div.cart-buttons a.button { padding: 10px; width: 36px;} div.wrapper-cart div.product-information div.cart-buttons a.button img { width: 16px;} /* div.wrapper-cart div.product-information div.cart-tools > div { width: 160px;}*/ div.cart-block {padding-bottom: 20px} div.wrapper-cart div.product-information h1 { font-size: 14px; letter-spacing: 0} div.wrapper-cart div.product-item-number { font-size: 10px} div.wrapper-cart div.product-information div.price { margin: 20px auto} div.cart-tools.no-stock div.qty, div.cart-tools.insufficient-stock div.qty{ margin-left: 10px } div.cart-tools.no-stock span.warning, div.cart-tools.insufficient-stock span.warning { font-size: 14px; left: -20px} h2.required-label { padding-right: 0; text-align: left; } h2.required-label span { position: static; display: inline-block; text-align: left; margin: 0px auto; margin-left: 10px; font-size: 12px; top: 0; } div.address-block h6 { text-align: left;} div.favourite div.product-image, div.favourite div.product-information {display: block; margin-bottom: 40px} div.favourite div.product-information { width: 100%; display: block; padding: 0} div.login-right div.content h6, div.login-left div.content h6 { margin-top: 10px; text-align: left;} div.login-left { margin-bottom: 20px} div.login-right div.content p.blurb, div.login-left div.content p.compact { margin-top: 10px; text-align: left; font-size: 14px; margin-bottom:20px} #frmLogin { margin-top: 20px; margin-bottom: 10px;} p.blurb a.button { line-height: 32px; padding: 0 20px; letter-spacing: 1px;} div.order-header > div { width: 100% !important; display: block !important} ul.subcategory li { width: 100%;} article.category div.category-header h1 { font-size: 28px; letter-spacing: 1px} /* ul.product-list li { display: block; margin: 0 auto 20px; width: 100%;}*/ ul.product-list { width: calc(100% + 20px); margin-left: -10px;} ul.product-list li { margin: 0 5px 20px !important; width: calc(50% - 10px); } ul.product-list li div.info h6 { font-size: 12px;} ul.related-products { margin-bottom: 25px; margin-top: 0px; padding: 0 10px} ul.related-products li { margin-bottom: 25px} /* ul.related-products li { display: block; margin: 0 auto 40px; width: 100%;}*/ ul.related-products li div.info h6 { font-size: 12px; margin-top:0} ul.related-products li div.thumbnail { padding: 15px} div.related-products { margin-top: 0px} div.title-striked p { text-align: left; margin-top: 30px; width: 100%; display: block; padding: 0 10px; font-size: 16px;} div.cantfind { margin-top: 0} #expand-description { line-height:30px; font-size: 14px; } #expand-description:before { line-height: 25px; font-size: 20px;} div.added-to-cart.active { width: 100vw; right: 0 !important} div.cart-help { font-size: 14px; bottom: 10px;} div.login-right, div.login-left { margin: 0 auto 20px; padding: 0 10px;} a.forgot-password { line-height: 20px;} ul.js-cart-menu li a { font-size: 11px; font-family: 'Helvetica Neue LT W05_55 Roman'; letter-spacing: 0px} div.js-pick-up-locations > div { width: 100%; display: block} div.order-body div.product-information { width: 100%; display: block;padding-left: 0; padding-top: 20px} div.order h6 { text-align: left;} #all-suppliers { padding: 0 10px; margin-bottom: 50px } #my-lists { padding: 0 0px; margin-bottom: 50px } #all-suppliers > div a { width: 100%; } div.wrapper-cart.my-lists div.product-information div.cart-buttons a.button:last-child { width: 144px !important; line-height: 40px; padding: 0 0px} div.wrapper-cart.my-lists div.product-information div.cart-tools > div.cart-buttons {display: block; margin-top: 15px;} div.wrapper-cart.my-lists div.product-information div.cart-tools > div.cart-buttons a.remove-list-product {position: absolute; right: 0; top: 0px} #my-lists div.cart-tools { display: block} div.wrapper-cart div.product-information { padding-left: 20px;} #all-suppliers h3, #my-lists h3 { line-height: 50px; letter-spacing: 1px; font-size: 24px} h3 .ui-accordion-header-icon { width: 20px; background-size: 20px 20px;} table.product-skus tr.sku-table-head td { background: none; padding: 0; } table.product-skus tr.sku-table-head td > span { border: 1px solid var(--border-colour)} table.product-skus .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 39px;} table.product-skus .select2-container--default .select2-selection--single .select2-selection__arrow { height: 39px;} div.wrp-content, div.wrp-custom-work { padding: 0px 10px 20px; margin-bottom: 0; margin-top: 0} div.team > div { width: 50%} div.news { padding: 0 10px;} div.news div.article { display: block; width: 100%; padding: 0} div.news div.article div.title { min-height: 0} h4.section-title { padding: 0 10px 30px} ul.account-icons { margin-bottom: 50px;} ul.account-icons li { width: 33.33%; margin: 0 auto 0px;} ul.account-icons li div.thumbnail { height: 80px;} ul.account-icons li div.thumbnail.profile { background-image: url(/img/icons/dark/account.svg); background-size: 40px auto;} ul.account-icons li div.thumbnail.address { background-image: url(/img/icons/dark/address.svg); background-size: 36px auto;} ul.account-icons li div.thumbnail.payment { background-image: url(/img/icons/dark/cards.svg);background-size: 54px auto; } ul.account-icons li div.thumbnail.custom { background-image: url(/img/icons/dark/custom-orders.svg); background-size: 31px auto;} ul.account-icons li div.thumbnail.orders { background-image: url(/img/icons/dark/truck.svg); background-size: 40px auto;} ul.account-icons li div.thumbnail.favourites { background-image: url(/img/icons/dark/heart.svg); background-size: 54px auto;} ul.account-icons li div.thumbnail.accounts { background-image: url(/img/icons/dark/subaccounts.svg); background-size: 54px auto;} ul.account-icons li div.thumbnail.credit { background-image: url(/img/icons/dark/credit.svg); background-size: 39px auto;} ul.account-icons li div.thumbnail.logout { background-image: url(/img/icons/dark/logout.svg); background-size: 45px auto;} ul.account-icons li p { font-size: 12px; font-family:'Helvetica Neue LT W05_65 Medium';} div.tutorial-icon { margin-bottom: 20px; margin-top: 0} div.tutorial-icon a { display: block; width: 100%; border-radius:0} div.category-header div.tutorial-icon { position: relative; right: 0px; top: 0; margin: 0} div.order-search div.field { width: 100%;} div.title-striked p { font-size: 18px;} ul.related-products li div.info h6 { letter-spacing: 0} div.caption div.title-5 { font-size: 32px; line-height: 1; margin-bottom: 30px; } div.caption div.title-6 { font-size: 14px; line-height: 1; margin-bottom: 20px} div.masthead:not(.main) div.imgholder { height: 400px; position: relative; background: #000; width: 100vw; overflow: hidden} div.masthead:not(.main) div.imgholder a { display: block; width: 100%; height: 100%; position: relative;} div.masthead:not(.main) img { height: 400px; width: auto; max-width: 9999px; left: calc(50vw - 366px); position: relative;} h2.home2 { font-size: 20px; } div.grid-3 { padding: 0 0px;} div.grid-3 > div { display: block; width: 100%; margin-bottom: 50px;} div.grid-3 > div p { font-size: 16px; line-height: 1.5; } div.grid-3 > div p b { margin: 0 auto 15px} div.grid-3 > div div.thumb { height: auto; margin-bottom: 20px; } div.grid-3 > div img { width: 70px; top: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); } div.grid-3 > div:nth-child(1) img { width: 120px;} div.grid-3 > div:nth-child(2) img { width: 112px;} div.grid-3 > div.tutorial { display: inline-block; width: 50%; margin-bottom: 50px;} /* div.locations { padding: 0 10px}*/ div.location { width: 100%; display: block; margin: 0 auto 20px;} div.locations h2 { text-align: left; font-size: 20px; padding-left: 10px} header div.promo-gold a { letter-spacing: 0px} div.cantfind > div:first-child { width: 120px; } div.cantfind > div:nth-child(2) { width: calc(100% - 120px); padding: 10px 15px;} div.cantfind div.title { font-size: 18px; letter-spacing: 0px} div.cantfind p { font-size: 14px; } div.caption-contact { top: 0px; padding: 50px 20px 0; position: static; } div.caption-contact div.title { font-size: 48px; letter-spacing: 3px; color: #000; text-align: center;} div.caption-contact div.subtitle { font-size: 24px; letter-spacing: 0px; color: #000; text-align: center;} div.location { display: block; width: 100%;} #home div.locations div.location { display: block; width: 100%; padding: 0; margin: 0 auto 20px} div.lead-times > div { margin: 0px auto 50px !important; width: 100%; max-width: 350px; display: block; height: 350px} div.lead-times { width: 100%; margin: 40px auto 20px} div.lead-times div.green, div.lead-times div.blue { background-size: 100px auto; background-position: center 30px !important} div.lead-times div.orange { background-size: 150px auto; background-position: center 30px !important; margin-bottom: 0 !important} div.lead-times > div > div { padding: 160px 10px 0 20px !important; font-size: 14px; top: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); padding-top: 20px;} div.lead-times > div span { font-size: 40px; line-height: 48px; } /* div.lead-times > div div p { font-size: 14px; }*/ /* div.lead-times > p { margin-bottom: 0}*/ div.wrp-text p { text-align: center; font-size: 14px;} div.wrp-custom-work div.main-title { margin-bottom: 30px; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px} div.custom-work-block.active { padding-top: 0} div.wrp-custom-work form div.title { font-size: 20px;} form.js-custom-work div.split-2 > div:last-child div.field { padding-left: 0} div.summer-promo { height: 60px;} header div.logo { margin-right: auto; margin-left: 60px; display: table } div.caption-7 { position: static; } div.caption div.title-7 { padding-right: 20px; padding-left: 20px; text-align: center; background: #fff; color: #000; line-height: 1.5; } div.caption div.title-7 a { display: table; width: auto; padding: 0 25px; position: static; margin: 30px auto 0;} div.caption div.title-7 a span { line-height: 40px; top: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); } div.join-team { width: calc(100% + 30px); left: -15px; padding: 20px; max-width: 9999px; position: relative;} div.join-team div.info { padding-right: 0;} div.join-team a.button { position: static; display: table; margin: 20px auto 0 0} div.job div.info div { width: 100%; display: block;} div.summer-promo { background-size: cover; height: 50px} div.category-header.category-page-only ul.subcategory li { width: 100%;} div.fireplace-step[data-level="1"] table.product-skus.fireplaces tr.sku-table-row td label { width: 70%;} table.product-skus.fireplaces tr.sku-table-row td:nth-child(2) label, table.product-skus.fireplaces tr.sku-table-row td:nth-child(3) label { display: inline-block} table.product-skus.fireplaces tr.sku-table-row td:nth-child(2) span, table.product-skus.fireplaces tr.sku-table-row td:nth-child(3 ) span { display: inline-block} div.fireplace-step[data-level="1"] table.product-skus.fireplaces tr.sku-table-row td span { width: 30%;} table.product-skus tr.sku-table-row { padding-right: 0px} div.location-full div.contact-info { padding: 20px 0;} div.location-full.bolton div.contact-info { padding: 20px 0;} div.location-full div.contact-info > div { display: block; width: 100%; text-align: center;} div.location-full.bolton div.contact-info > div { display: block; width: 100%; text-align: center;} div.location-full div.address { display: block; width: 100%; padding: 20px 10px; text-align: center;} div.location-full.bolton div.address { display: block; width: 100%; padding: 20px 10px; text-align: center;} div.location-full div.address div.title { display: block; font-size: 28px; text-align: center;} div.location-full div.address div.subtitle { display: block; font-size: 14px; text-align: center;} div.location-full div.buttons { width: 100%; display: block; padding: 0px 10px} div.location-full.bolton div.buttons { width: 100%; display: block; padding: 0px 10px} div.location-full div.buttons a.button { display: block; width: 260px; margin: 10px auto !important;} div.location-full.bolton div.buttons a.button { display: block; width: 260px; margin: 10px auto !important;} div.location-full div.contact-info > div.contact-hours { display: block; vertical-align: top; width: 100%; font-size: 0; padding: 0px;} div.location-full.bolton div.contact-info > div.contact-hours { display: block; vertical-align: top; width: 100%; font-size: 0; padding: 0px;} div.location-full div.contact-hours > div.contact { display: inline-block; vertical-align: middle; width: 50%; font-size: 16px; text-align: left; padding: 0!important; margin: 0 !important; padding: 0 20px !important;} div.location-full.bolton div.contact-hours > div.contact { display: inline-block; vertical-align: middle; width: 50%; font-size: 16px; text-align: left; padding: 0!important; margin: 0 !important; padding: 0 20px !important;} div.location-full div.contact-hours > div.hours { display: inline-block; vertical-align: middle; width: 50%; font-size: 16px; text-align: left; padding: 0!important; margin: 0 !important; padding: 0 20px !important;} div.grid-4 > div { width: 50%;} ul.photo-gallery > li { width: 50%; } div.event-header > div { width: calc(100% - 200px)} div.event-header > div.event-buttons { width: 200px} div.event-header div.event-buttons a { width: 180px; text-align: right; padding-right: 15px; background-position: 10px center;} div.fancybox-wrap { width: calc(100vw - 12px) !important; left: 0 !important} div.fancybox-inner { width: 100%!important; height: auto !important} div.fancybox-skin { padding: 1px !important; border-radius: 0 !important} a.fancybox-item.fancybox-close {right: 10px; top: 10px} .fancybox-overlay { background: rgba(255,255,255,0.95)} #video-player { padding: 30px 5px; } #video-player h6 { font-size: 24px; padding: 0 10px 20px} #covid-popup a.close-popup { right: 5px; top:5px} .wrp-home-categories ul.grid.grid-categories { margin-top: 0px;} ul.product-list li div.thumbnail { padding: 15px;} div.hide-desktop { display: block !important;} div.hide-mobile { display: none !important;} ul.product-gallery li { padding: 0} div.wrapper-product div.product-information { margin-bottom: 20px} div.product-resources { margin-bottom: 0} div.wrapper-product div.product-image.product-detail-image { margin-bottom: 20px} div.wrapper-product div.product-information.hide-desktop h1 { margin-bottom: 0} div.wrapper-product div.brand { font-size: 14px;} div.wrapper-product div.product-information h1 { font-size: 18px} div.wrapper-product div.product-information div.product-details { font-size: 16px;} div.wrapper-product div.product-information div.product-details ul li { font-size: 16px; margin-bottom: 5px;} h2 { font-size: 20px; margin-bottom: 15px;} /* article { padding-top: 178px;}*/ /* header { height: 178px;}*/ /* header div.logo { width: 100%; margin-left: 0px; height: 60px; padding: 0}*/ /* header div.logo a { width: 100%; height: 60px; display: block; padding-top: 15px}*/ /* header div.logo a img { height: 30px; display: block; margin: 0px auto 0;}*/ /* div.js-search-input { width: calc(100% - 106px); top: 60px; background-position: calc(100% - 20px) center; padding: 0 10px;}*/ /* div.js-search-input input { line-height: 38px;}*/ /* div.js-search-input.open a.js-search-full { right: 20px; top: 9px; background-size: 18px auto; }*/ /**/ /* div.promo { top: 108px; }*/ /* header div.promo-gold a { display: block; width: 100%; padding: 5px 0; font-size: 14px;}*/ /**/ /* div.tools { right: 10px; top: 60px;}*/ /* div.tools ul li a { padding-top: 8px; padding-left: 15px}*/ /* div.tools ul li a img { height: 22px; }*/ /* div.tools ul li:first-child a img { height: 20px; }*/ /**/ /* div.burger { position: absolute; width: 60px; height: 60px; }*/ /* div.burger div { top: 29px; left: 10px;}*/ /* div.burger:before { top: 29px; left: 10px;}*/ /* div.burger:after { top: 29px; left: 10px;}*/ /* div.burger div:before { top: -10px; }*/ /* div.burger div:after { top: 10px; }*/ /**/ /* header div.nav { top: 60px;}*/ div.js-category-content.js-show-filters aside { height: calc(100vh - 140px); overflow: auto;} div.location div.contact-info { padding: 20px 10px} div.page-header { padding: 20px} div.page-header h1 {font-size: 16px;} ul.grid.grid-categories > li div.title {font-size: 10px;} a.mobile-button { display: table !important; margin-top: -50px; margin-bottom: 50px} div.field { padding-right: 0} div.form-row { width: 100%;} div.customer-support > div { padding: 40px 10px ;} div.splitter.s50_50 > div, div.splitter.split-2 > div { width: 100%; display: block} div.form-row div.splitter.s50_50 > div:first-child, div.form-row div.splitter.split-2 > div:first-child { margin-bottom: 10px} form.login div.form-row { margin-bottom: 10px} ul.account-icons { text-align: center;} ul.account-icons li { width: 50%} header div.promo-gold { letter-spacing: 0px; font-size: 11px;} /* article.top-category ul.product-list li:nth-child(4), article.top-category ul.product-list li:nth-child(5), article.top-category ul.product-list li:nth-child(6) { display: none;}*/ /* div.page-header { padding-top: 10px}*/ div.page-header div.breadcrumb { display: none} div.wrapper-product div.cart-tools > div.qty { width: calc(100% - 164px); padding-right: 10px;} div.wrapper-product div.cart-tools > div { width: 164px;} div.wrapper-product div.cart-tools div.qty input { margin: 0;} table.product-skus { padding: 0 10px;} div.wrapper-product div.product-information { padding: 0 10px;} /* div.wrp-custom-work div.field label { display: block}*/ div.wrp-custom-work div.field label { font-size: 12px; width: 160px;} div.wrp-custom-work div.field input[type="text"], div.wrp-custom-work div.field input[type="email"], div.wrp-custom-work div.field input[type="password"] { font-size: 12px; width: calc(100% - 160px)} #OrderType + span, div.custom-form .select2-container--default { font-size: 12px; width: calc(100% - 160px) !important } div.splitter > div.js-accept-charges { padding-left: 0px} form.js-custom-work div.split-2 div.field:last-child { padding-left: 0} /* div.wrp-custom-work #OrderType + span, div.wrp-custom-work div.field input[type="text"], div.wrp-custom-work div.field input[type="email"], div.wrp-custom-work div.field input[type="password"] { width: 100% !important}*/ div.wrp-custom-work div.datepicker:after { height: 100%; top: 0%; background-size: 50% auto} div.wrp-custom-work div.checkboxes {display: block; width: 100%;} div.wrp-custom-work div.field textarea { display: block; width: 100% !important; } div.info-title { font-size: 16px; margin-bottom: 10px} div.info-box div.list span { font-size: 14px;} div.order-filters span { display: block; width: 100%; margin-bottom: 10px;} div.order-filters div.radios { display: block; width: 100%;} div.order-filters input.js-datepicker { margin-left: 0 } div.category-header div.category-overview.about-us h1 { padding-top: 0} div.category-promo div.title { font-size: 24px; line-height: 1.5; padding: 0 10px;} div.category-promo a.button { font-size: 14px; line-height: 34px; } /* div.customer-support-form div.account-promo { padding: 0 10px;}*/ /* div.customer-support-form div.account-promo b { font-size: 20px; line-height: 1.25;}*/ /* div.customer-support-form div.account-promo a.button { font-size: 14px; letter-spacing: 1px; line-height: 40px;}*/ div.customer-support { height: 180px;} /* div.customer-support > div.customer-support-form { width: 55%; left: 45%; padding: 0}*/ div.customer-support-form div.account-promo { width: 100%; left: 0; padding: 0 15px} div.masthead.main { margin-bottom: 0} div.wrapper-1140 { margin-top:0px} div.wrp-home-categories { padding: 0 5px} a.blue-button { line-height: 40px; font-size: 12px} .margin-bottom-100 { margin-bottom: 50px !important} div.cantfind { max-width: 100%; height: auto;} div.cantfind > div:first-child { width: 100%; height: 40vw; display: block} div.cantfind > div:nth-child(2) { width: 100%; height: auto; padding: 30px 20px; } div.cantfind > div:nth-child(2) > div { transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%);top: 0} div.cantfind div.title { font-size: 20px; letter-spacing: 1px; text-align: center;} div.cantfind p { font-size: 16px; text-align: center;} div.cantfind a.button { margin: 0 auto;} div.caption-contact { top: 0px; padding: 50px 10px 10px; position: static; } div.caption-contact div.title { font-size: 32px; letter-spacing: 0px; color: #000; text-align: center;} div.caption-contact div.subtitle { font-size: 16px; letter-spacing: 0px; color: #000; text-align: center;} div.hblock-1 > div.txt div.info, div.hblock-1 > div.img div.info { display: block; width: 100%; margin-bottom: 20px} div.hblock-1 > div.img a.button { margin-top: 0} div.hblock-2 > div.txt a.button { position: relative; right: 0; bottom: 0} article.category div.category-header h1 { font-size: 24px;} div.category-header div.category-overview h5 { margin-bottom: 0px; font-size: 16px;} div.summer-promo { width: 100%; height: 0px; padding-bottom: 90%; background: url(/img/promos/bbq-mobile.jpg) no-repeat center center; background-size: cover; margin-top: -20px;} div.error p { font-size: 15px; } div.wrp-special-order h1 { font-size: 24px; } div.wrp-special-order div.left p { font-size: 16px; } div.custom-form p.reveal-response { font-size: 18px; line-height: 1.5;} div.custom-form p.reveal-response {margin: 0 auto; } div.location-full div.contact-hours > div.contact { display: block; width: 100%; font-size: 16px; text-align: center; padding: 0 10px!important; margin: 30px 0 40px !important; } div.location-full.bolton div.contact-hours > div.contact { display: block; width: 100%; font-size: 16px; text-align: center; padding: 0 10px!important; margin: 30px 0 40px !important; } div.location-full div.contact-hours > div.hours { display: block; width: 100%; font-size: 16px; text-align: center; padding: 0 10px!important; margin: 0px 0!important; } div.location-full.bolton div.contact-hours > div.hours { display: block; width: 100%; font-size: 16px; text-align: center; padding: 0 10px!important; margin: 0px 0!important; } /* ul.slick-dots { display: none !important;} */ #covid-popup a.close-popup { width: 10px; } #show-contact-popup, #show-favourite-popup { display: block;} div.subnav > ul > li:hover > div { display: none;} div.wrp-home-categories ul.grid.grid-categories > li:nth-child(5), div.wrp-home-categories ul.grid.grid-categories > li:nth-child(6), div.wrp-home-categories ul.grid.grid-categories > li:nth-child(7), div.wrp-home-categories ul.grid.grid-categories > li:nth-child(8) { display: none !important;} #location-popup > div { padding: 20px} #location-popup div.title { font-size: 20px; max-width: 260px} #location-popup.no-stock-popup div.title { font-size: 40px; } #location-popup div.subtitle { font-size: 14px; margin: 10px auto 20px} #location-popup.no-stock-popup div.subtitle { font-size: 18px; margin: 20px auto 30px} #location-popup p { font-size: 11px; } #location-popup.no-stock-popup p { font-size: 18px; } div.popup-locations { column-gap: 10px; row-gap: 10px;} div.popup-locations > div { margin: 0 4px 8px; font-size: 15px; padding: 10px 10px } /* div.popup-locations > div { width: calc(50% - 8px); margin: 0 4px 8px; font-size: 15px; padding: 10px 10px }*/ div.l-title {font-size: 16px; margin-bottom: 5px} div.popup-locations p {font-size: 10px;} div.popup-locations div.l-hours {margin: 0 auto 15px; } div.popup-locations div.l-hours div {margin: 1px auto;} div.popup-locations div.l-hours div div {font-size: 10px; } div.location-popup a.button, div.popup-locations a.button { font-size: 10px; line-height: 32px; padding: 0 10px} div.popup-locations div.l-hours div { margin-bottom: 5px} /* div.popup-locations div.l-hours div div { display: block; width: 100% !important; text-align: center !important; margin: 0 auto 2px}*/ /* div.popup-locations div.l-hours div div:first-child { font-family:'Helvetica Neue LT W01_75 Bold';; font-size: 9px}*/ div.popup-locations div.l-hours div div { width: 40%;} div.popup-locations div.l-hours div div:last-child { width: 60%;} #location-popup > div { padding: 20px 10px} div.vendor-image { width: 120px; height: 40px; margin-bottom: 20px} a.add-to-favourites-new { margin: 40px auto 20px;} tr.sku-table-head { display: none;} div.news-2025 { grid-template-columns: 1fr; column-gap: 20px; row-gap: 60px;} div.news-2025 h2 { font-size: 16px !important; text-align: left;} div.article-2025 h2 { text-align: left;} div.news-2025 p { font-size: 14px;} div.category-overview-2025 div.subcategories { display: none;} div.category-description h3 { display: none;} div.category-overview-2025 > div:first-child { padding: 0 30px;} div.category-overview-2025 h1 { font-size: 28px; padding: 0; margin-bottom: 20px; margin-top: 20px} div.category-description p:last-child { margin-bottom: 0} div.category-description p { font-size: 14px} div.category-header-larger p { font-size: 14px;} div.category-header-larger p img { display: none;} article.custom-work div.category-header-larger div.category-overview h1 { font-size: 24px; } div.category-header-larger div.category-overview { padding-top: 30px; padding-bottom: 30px; padding-right: 0px} footer ul.nav { text-align: left; justify-content: flex-start; align-items: flex-start; padding: 0; display: flex; flex-direction: column; gap: 0px;; width: 100%;} footer ul.nav li { padding: 0 40px 0 0} footer ul.nav li a { text-align: left;} footer ul.social { text-align: left; justify-content: left; } footer ul.social li a { padding: 0 30px 0 0} footer div.footer-logo { margin: 0 auto 50px 0} } @media only screen and (max-width: 640px) { /* header div.logo a { background: url(/img/badge.svg) no-repeat left center; background-size: 30px auto;}*/ /* header div.logo a img { opacity: 0;}*/ div.location-selector { left: 102px; display: none;} div.location-selector.active { display: block; top: 50px;} div.location-selector.active div.location-toggle a { font-size: 16px;} #show-contact-popup img { height: 17px;} div.tools ul li { padding-top: 21px} div.preferred-location-mobile { display: block; width: 100%; height: 40px; font-size: 14px; padding: 20px 20px 0; text-align: left; padding-left: 48px; position: relative;} div.preferred-location-mobile:after { content:""; display: inline-block; width: 12px; height: 12px; top: 1px; right: 0; position: relative; background: url(/img/icons/dark/arrow-down.svg) no-repeat right center; background-size: 12px 6px; z-index: 2; margin-left: 6px} div.preferred-location-mobile:before { content:""; display: block; width: 20px; height: 20px; background: url(/img/i/blue/pin.svg) no-repeat center center; left: 20px; top: 16px; background-size: contain; position: absolute} div.location-selector.active div.location-toggle a { display: none;} div.burger { top: 40px; z-index: 102} header.active div.burger:after, header.active div.burger:before, header.active div.burger * {background-color: #fff !important} div.js-search-input { top: 100px} header { height: 170px;} article { padding-top: 170px;} header div.nav { top: 0; padding-top: 60px} header.active div.burger { top: 0} ul.frequent-purchases { flex-wrap: wrap; gap: 20px 20px} ul.frequent-purchases li { width: calc(50% - 10px); } div.footer-row-2025 div.title img { max-width: 130px} } @media only screen and (max-width: 540px) { div.customer-support-form div.account-promo b { margin-bottom: 10px} div.customer-support-form div.account-promo b br { display: none;} div.customer-support-form div.account-promo a.button { display: table; margin-top: 5px;} div.customer-support > img { max-width: 9999px} } @media only screen and (max-width: 480px) { div.location-selector { width: 140px; padding-right: 0; left: 90px} div.location-selector.active { padding-right: 20px; left: 0; width: 0; border: 0; width: 100vw; height: 100vh;} div.popup-location { margin-bottom: 25px; padding-bottom: 25px;} div.wrapper-cart div.product-image { width: 80px; border-width: 2px;} div.wrapper-cart div.product-information { width: calc(100% - 80px); } div.wrapper-cart div.product-information div.cart-tools { width: calc(100% + 80px); left: -80px; position: relative;} div.wrapper-cart .cart-block div.product-information div.price { margin: 10px auto;} div.wrapper-cart .cart-block div.product-information div.cart-tools { width: 100%; position: relative; left: 0; margin-top: 5px} div.wrapper-cart .cart-block div.product-information div.cart-tools div.qty {width: auto; display: inline-block; vertical-align: middle;} div.wrapper-cart .cart-block div.product-information div.cart-tools > div.cart-buttons { width: auto; display: inline-block; vertical-align: middle;} div.category-nav > div { width: 100%; display: block;} div.wrapper-product div.cart-tools > div.qty { display: inline-block; width: calc(100% - 164px); vertical-align: top; } div.wrapper-product div.cart-buttons a.button.add-to-cart { display: block; width: 164px; margin: 0px auto 0 0} /* header.logged-in div.tools ul li:first-child, header.logged-in div.tools ul li:nth-child(3) { display: none;}*/ div.tools ul li a { padding-left: 13px;} header div.logo { margin-left: 50px;} header div.logo a { padding-top: 21px;} header div.logo a img { height: 19px;} div.wrp-custom-work form div.title { padding-bottom: 30px; border-bottom: 1px solid #e3e3e3;} div.info-box { border-top: 0; margin: 0 auto;} div.wrp-custom-work div.field label { display: block; width: 100%;} div.wrp-custom-work div.wrp-confirmation-block div.field label { display: inline-block; width: 140px; font-size: 11px; padding-right: 10px; padding-top: 9px; line-height: 24px; letter-spacing: 0} #custom-work-block-confirmation div.field > span { width: calc(100% - 140px); font-size: 12px !important} #cfShippingInfo p { font-size: 14px; margin-bottom: 20px; } #OrderType + span, div.custom-form .select2-container--default, #OrderType + span, div.custom-form .select2-container--default { width: 100% !important;} div.wrp-custom-work div.field.checkbox label { width: 100%; display: block; margin-left: 0} button[type="submit"], button[type="reset"], button[type="button"] { line-height: 32px; padding: 0 20px; letter-spacing: 1px;} div.wrp-custom-work #OrderType + span, div.wrp-custom-work div.field input[type="text"], div.wrp-custom-work div.field input[type="email"], div.wrp-custom-work div.field input[type="password"] { width: 100% !important} div.wrp-custom-work div.datepicker:after {top: 50%; height: 50%} label[for="NearestIntersection"] > span { display: inline-block !important; margin-right: 5px} div.form-section-title-alternate { font-size: 13px; letter-spacing: 0px;} div.js-review-block-data > div b { font-size: 12px; letter-spacing: 1px; font-family:'Helvetica Neue LT W05_65 Medium'; margin-top: -20px} div.promo-code div.code-holder input { width: 88%;} div.team div.name { font-size: 14px;} div.team div.title { font-size: 11px;} div.team > div { padding-bottom: 25px;} div.job div.name { font-size:20px; line-height: 1.25;} table.product-skus.fireplaces { margin-top: 0px; margin-bottom: 0} table.product-skus tr.sku-table-row { padding-bottom: 30px;} div.wrapper-product div.cart-buttons a.button.fireplace-add-to-cart { margin-bottom: 30px;} div.order-filters span.label { font-size: 13px; width:100px; vertical-align: middle;} div.order-filters input[type="text"] { line-height: 30px; min-height: 32px; font-size: 14px;} div.order-filters #DateFrom { margin-left: 10px; width: 50%} div.order-filters #DateTo { margin-left: 110px; width: 50%} div.order-filters span.sep { font-size: 12px; line-height: 32px; margin-left: -10px;} div.order-filters .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px; font-size: 13px; margin-bottom: 0} div.order-filters .select2-container--default span { margin-bottom: 0} a.cancel-order, a.bt-print { line-height: 32px; font-size: 14px; width: 180px; text-align: center;} div.radios.radios-left.js-account-create-type div.radio label { font-size: 16px; letter-spacing: 0px; line-height: 1.33; padding-top: 0} div.js-account-form p { font-size: 16px} div.video-help p { font-size: 14px; padding: 10px; padding-right: 45px} #video-help-close { right: 10px; top: 10px;} div.video-help { max-height: 100px; margin-bottom: 10px} div.popup-locations > div { width: 100%; margin: 0 0px 10px; font-size: 16px; padding: 10px 10px } div.popup-locations div.l-title { font-size: 20px} #location-popup p { font-size: 12px} div.popup-locations div.l-hours div div { font-size: 12px} div.location-popup a.button, div.popup-locations a.button { font-size: 12px} span.favourite-icon { top: 5px; width: 16px; right: 5px;} ul.related-products li span.favourite-icon { top: 5px;} } @media only screen and (max-width: 380px) { /*div.tools ul li a img { height: 14px;}*/ /* div.team > div { width: 100%; padding: 0 0 40px; display: block}*/ div.team div.thumb img { width: 100%} div.cantfind > div:nth-child(2) { padding: 30px 10px;} /* header div.tools ul li:nth-child(1) { display: none;}*/ /* header.logged-in div.tools ul li:nth-child(2) { display: none;}*/ div.location-selector.active { top: 50px;} } @media only screen and (max-width: 320px) { header div.promo-gold { font-size: 9px;} header div.logo a { padding-top: 25px;} header div.logo a img { height: 12px;} }