/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font:inherit; text-decoration:none; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
table {border-collapse:collapse; border-spacing:0;}
*, *:after, *:before {-moz-box-sizing:border-box; box-sizing:border-box;} /* PREFIX ORDER web, moz, ms, o, - ( -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;)*/
ol, ul, li {list-style:none !important; list-style-type:none !important;}
@-ms-viewport {width:device-width;}


/* GENERAL */
html {height:100%; font-family:'Lato', sans-serif; font-size:16px; font-weight:400; line-height:1; -webkit-text-size-adjust:100%;}
body {height:100%; text-align:center; letter-spacing:0.3px; background-color:#efecea; text-rendering:optimizeLegibility; opacity:1; -webkit-transition:opacity 1.0s; transition:opacity 1.0s;}
body.fade-out {opacity:0; transition:none;}
.max-width {position:relative; max-width:1200px; margin:0 auto; padding:0 40px; overflow:auto;}
.text-max-width {max-width:960px; margin:0 auto; padding-left:40px; padding-right:40px;}
img, svg {display:block; max-width:100%; margin:0 auto;}
svg {display:inline-block; vertical-align:middle;}
#copyrightyear:after {content:'2025';}
.browser-upgrade {width:100%; color:#ffffff; text-align:center; padding:60px; background-color:#d80f1a;}
.browser-upgrade a {color:#3a3635;}
.footer-title {font-size:17px; font-weight:900; letter-spacing:0.1px; margin:-1px 0 1px 0;}
.numbers {font-family:'Merriweather', serif; letter-spacing:0.2px; line-height:0;}
.merriweather {font-family:'Merriweather', serif; font-style:italic; line-height:0;}
.bigger {font-size:16px; line-height:0;} /* This is used for the Lato lowercase on buttons */
.valign-wrapper {position:absolute; top:0; left:0; width:100%; height:100%;}
.valign {position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.left {text-align:left;}
.red {color:#d80f1a;}
.reg {font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:0; vertical-align:5px;}
.bold {font-weight:900;}
#closed a:link, #notice a:visited {font-weight:900; color:#ffffff; -webkit-transition:color 0.3s; transition:color 0.3s;}
#closed a:hover {color:#3a3635;}


/* COOKIE BAR */
#cookie-bar {background:#ffffff; height:auto; line-height:40px; color:#615e5d; text-align:center; padding:20px; z-index:100;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {font-size:14px; color:#615e5d; display:inline-block; border-radius:4px; text-decoration:underline; padding:0; margin-left:10px; -webkit-transition:color 0.4s, background-color 0.4s, border 0.4s; transition:color 0.4s, background-color 0.4s, border 0.4s;}
#cookie-bar .cb-enable {text-decoration:none; padding:0 15px; background:#ffffff; border:1px solid #cdc5c2;}
#cookie-bar .cb-enable:hover {color:#ffffff; background:#d80f1a; border:1px solid #d80f1a;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy:hover {color:#d80f1a;}


/* MENU */
header {width:100%; background-color:#ffffff;}
#menu-wrap {position:relative; width:100%; padding-top:40px; background-color:#ffffff; z-index:8;}
#menu {position:relative; font-size:14px; padding-top:40px; padding-bottom:60px}
#menu li {display:inline-block; margin-left:32px; line-height:58px;}
#menu li:first-child {margin-left:0px;}
#menu li a:link, #menu li a:visited, #material-collection-button {color:#3a3635; letter-spacing:0.3px; -webkit-transition:color 0.4s, background-color 0.4s, border 0.4s; transition:color 0.4s, background-color 0.4s, border 0.4s;}
#menu li a:hover {color:#d80f1a;}
#material-collection-wrap, #is-logo-wrap, #menu-desktop-wrap {float:left; *behavior:url(scripts/boxsizing.htc); width:33.33%;}
#material-collection-button {float:left; display:block; width:250px; line-height:56px; padding-bottom:2px; background-color:#ffffff; border:1px solid #cdc5c2; border-radius:4px;}
#material-collection-button:hover, #material-collection-button.open {color:#ffffff; background-color:#d80f1a; border:1px solid #d80f1a;}
/* Before New Logo #is-logo {width:192px; height:60px; margin:0 auto;} */
#is-logo {width:210px; height:58px; margin:0 auto;}
#menu-desktop-wrap ul {float:right; display:block;}

#header-shadow {position:relative; top:-16px; width:100%; height:4px; margin:0 auto; background-image:linear-gradient(to right, rgba(0,0,0,0.0),rgba(0,0,0,0.2),rgba(0,0,0,0)); filter: blur(2px); -webkit-filter: blur(2px); z-index:5;}


/* SUBMENU */
#submenu {display:none; position:absolute; width:100%; font-size:14px; background-color:#d80f1a; z-index:7;}
#submenu li {display:inline-block; margin:0 25px; line-height:88px; padding-bottom:2px;}
#submenu a:link, #submenu a:visited {color:#ffffff; letter-spacing:0.4px; -webkit-transition:color 0.3s; transition:color 0.3s;}
#submenu a:hover {color:#3a3635;}
#submenu-background {display:none; position:fixed; width:100%; height:100%; top:0; bottom:0; background-color:rgba(27, 26, 25, 0.75); z-index:6;}


/* MOBILE MENU */
#menu-button {display:none; position:absolute; top:30px; right:50px; width:50px; height:40px; font-size:10px; background-color:rgba(240, 235, 233, 0.0); cursor:pointer; z-index:8; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; -webkit-transition:background-color 0.5s; transition:background-color 0.5s;}
.menu-button span, .hidden-menu-button span {position:absolute; left:0; width:30px; height:2px; margin:0 10px; background-color:#cdc5c2; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;}
.menu-button span:nth-child(1), .hidden-menu-button span:nth-child(1) {top:10px;}
.menu-button span:nth-child(2), .hidden-menu-button span:nth-child(2) {top:19px;}
.menu-button span:nth-child(3), .hidden-menu-button span:nth-child(3) {top:19px;}
.menu-button span:nth-child(4), .hidden-menu-button span:nth-child(4) {top:28px;}

#hidden-menu-button {display:none; position:fixed; top:-50px; right:30px; width:50px; height:40px; font-size:10px; background-color:rgba(255, 255, 255, 1.0); opacity:0; cursor:pointer; z-index:8; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; -webkit-transition:top 0.5s, opacity 0.5s; transition:top 0.5s, opacity 0.5s;}
#hidden-menu-button.stick {top:30px; opacity:1; -webkit-transition:opacity 0.8s; transition:opacity 0.8s;}
#hidden-menu-button.fade {opacity:0;}
#hidden-menu-button.stick.hide {opacity:0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
#hidden-menu-button.stick.hide.gone {display:none;}

#menu-mobile, #menu-mobile.open {display:none; position:fixed; top:0; left:0; right:0; width:100%; padding:80px 80px 0 80px; color:#ffffff; line-height:28px; letter-spacing:0.2px; text-align:left; background-color:#d80f1a; opacity:1.0; z-index:9; overflow:scroll; -webkit-overflow-scrolling:touch;}
#menu-mobile-content {position:relative;}
#close-menu-button {position:absolute; top:0; right:-3px; width:30px; height:30px; font-size:10px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;}
.close-menu-button span {position:absolute; left:0; width:30px; height:3px; background-color:#ffffff; border-radius:1px;}
.close-menu-button span:nth-child(1) {top:12px; left:-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.close-menu-button span:nth-child(2) {top:12px; left:-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
#menu-mobile a:link, #menu-mobile a:visited {color:#ffffff; -webkit-transition:color 0.3s; transition:color 0.3s;}
#menu-mobile a:hover {color:#3a3635;}
#menu-mobile-material-collection {float:left; width:50%;}
#menu-mobile-sitemap {float:left; width:50%; padding-left:30px;}
#menu-mobile-aftercare {float:left; width:50%; padding-top:28px; padding-left:30px;}
#menu-the-natural-choice {width:50%; margin:0 auto; padding:80px 0 100px 0;}


/* HEADER */
#header, #header-small {font-size:16px; font-weight:400; color:#9c9a9a; line-height:30px; letter-spacing:0.1px; padding-bottom:70px;}
#header-small {padding-bottom:50px;}
.page-title {display:block; font-size:90px; color:#3a3635; line-height:90px; font-weight:900; letter-spacing:-1.0px;}
#header p, #header-small p {letter-spacing:0.3px; padding-top:40px; padding-bottom:10px;}
#header a:link, #header a:visited {color:#929090; -webkit-transition:color 0.3s; transition:color 0.3s;}
#header a:hover {color:#d80f1a;}



/* GENERIC */
#header-image {padding:0 40px 60px 40px;}
#header-image img {border-radius:4px;}
#header-caption {font-size:16px; font-weight:400; color:#615e5d; line-height:30px; letter-spacing:0.1px; background-color:#ffffff; padding-bottom:90px;}
#main-content {font-size:16px; font-weight:400; color:#615e5d; line-height:30px; letter-spacing:0.1px; padding-top:70px; padding-bottom:60px;}
#main-content p {padding-bottom:40px;}
#main-content p a:link, #main-content p a:visited, #main-content li a:link, #main-content li a:visited {color:#d80f1a; -webkit-transition:color 0.3s, opacity 0.3s; transition:color 0.3s, opacity 0.3s;}
#main-content p a:hover, #main-content li a:hover {opacity:0.7;}

.subtitle {display:block; font-size:40px; font-weight:900; line-height:40px; color:#3a3635; padding:10px 0 45px 0;}
.subtitle-first {margin-top:-10px;}
.main-content-subtitle {display:block; font-size:20px; font-weight:900; line-height:24px; color:#3a3635; padding-top:10px; padding-bottom:20px;}
.main-content-subtitle-small {display:block; font-size:17px; font-weight:900; color:#3a3635;}
#main-content ul {padding-bottom:40px;}
#main-content li {padding-bottom:15px;}
#main-content li:last-child {padding-bottom:0;}
.bullet {color:#d80f1a; padding-right:10px;}
.white-wrapper {background-color:#ffffff;}

#closed {position:relative; height:auto; font-size:16px; text-align:center; line-height:30px /*40*/; letter-spacing:0.5px; color:#ffffff; background-color:#d80f1a; padding:28px 20px 30px 20px; overflow:visible;}
#closed .numbers {font-size:16px; line-height:0;}
#closed .merriweather {font-size:15px; letter-spacing:0.3px; color:#f9dbdd;}
#closed sup {font-size:10px; line-height:26px; vertical-align:top;}
#opening-times sup {font-size:10px; vertical-align:top;}
#closed a:link, #covid-19 a:visited {color:#ffffff; font-weight:900; -webkit-transition:color 0.3s; transition:color 0.3s;}
#closed a:hover {color:#3a3635;}
#closed p {margin:0 auto; max-width:960px; line-height:30px;}

/* EASTER 
#closed {padding:40px 20px 30px 20px;}
#closed p:first-of-type {font-size:18px; letter-spacing:1.5px;}
#zigzag2, #zigzag {position:absolute; height:20px; width:100%; left:10px; top:0; background-image: url( '../images/home/zig2.svg' );}
#zigzag {left:0; top:0; background-image: url( '../images/home/zig.svg' );}*/

#majesty {font-family:'Merriweather', serif; position:relative; height:auto; font-size:14px; font-style:italic; text-align:center; line-height:25px /*40*/; letter-spacing:0.5px; color:#cccccc; background-color:#3a3635 /*#d80f1a*/; padding:30px 30px 40px 30px; overflow:hidden; background: linear-gradient(180deg, rgba(58,54,53,1) 0%, rgba(44,43,43,1) 100%); border-bottom:10px #ffffff solid;}
#majesty .numbers {font-size:16px; line-height:0;}
#majesty .merriweather {font-size:15px; line-height:30px; letter-spacing:0.3px; color:#f9dbdd;}
#majesty sup {font-size:10px; line-height:26px; vertical-align:top;}
#majesty a:link {color:#ffffff; font-weight:900; -webkit-transition:color 0.3s; transition:color 0.3s;}
#majesty a:hover {color:#3a3635;}
#majesty p {margin:0 auto; max-width:960px;}
.hermajesty {display:block; height:60px; fill:#ffffff;}
.majesty {font-family:'Merriweather', serif; color:#ffffff; font-size:16px; font-style:normal; font-weight:900; line-height:28px; padding:6px 0;}
.funeral {padding:0 30px;}

#covid-19 {position:relative; height:auto; font-size:16px; font-weight:400; line-height:30px; letter-spacing:0.2px; text-align:center; color:#ffffff; background-color:#d80f1a; margin:20px; padding:50px 20px; border-radius:4px; overflow:auto;}
#covid-19 a:link, #covid-19 a:visited {color:#ffffff; font-weight:900; -webkit-transition:color 0.3s; transition:color 0.3s;}
#covid-19 a:hover {color:#3a3635;}

/* SNOW */
/* ---- particles.js container ---- */
#particles-js{ position:absolute; width: 100%; height: 150%; top:0; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; z-index:3; pointer-events:none;}
/* ---- stats.js ---- */
.count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
.js-count-particles{ font-size: 1.1em; }
#stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; }
#stats{ border-radius: 3px 3px 0 0; overflow: hidden; }
.count-particles{ border-radius: 0 0 3px 3px; }


/* LightSlider CORE */
.lSSlideOuter {overflow:hidden; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.lSSlideWrapper {position:relative;}
.lSSlideWrapper .lSSlide {-webkit-transition-duration:inherit !important; transition-duration:inherit !important;}/* SLIDE ANIMATION */
.lightSlider.lsGrab > *, .lg-outer.lg-grab img.lg-object {cursor:-webkit-grab; cursor:-moz-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab;}
.lightSlider.lsGrabbing > *, .lg-outer.lg-grabbing img.lg-object {cursor:move; cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:-o-grabbing; cursor:-ms-grabbing; cursor:grabbing;}
@-webkit-keyframes rightEnd {0% {left:0;} 50% {left:-20px;} 100% {left:0;}}
@keyframes rightEnd {0% {left:0;} 50% {left:-20px;} 100% {left:0;}}
@-webkit-keyframes leftEnd {0% {left:0;} 50% {left:20px;} 100% {left:0;}}
@keyframes leftEnd {0% {left:0;} 50% {left:20px;} 100% {left:0;}}
.lSSlideOuter .rightEnd {position:relative; -webkit-animation:rightEnd 0.5s; animation:rightEnd 0.5s;}
.lSSlideOuter .leftEnd {position:relative; -webkit-animation:leftEnd 0.5s; animation:leftEnd 0.5s;}
/* DOTS */
.lSSlideOuter .lSPager.lSpg {position:absolute; bottom:80px; left:0; right:0; height:12px; overflow:hidden;} /* DOT ROW BACKGROUND */
.lSSlideOuter .lSPager.lSpg > li {display:inline-block; padding:0 8px; cursor:pointer;} /* DOT AREA */
.lSSlideOuter .lSPager.lSpg > li a {display:inline-block; width:12px; height:12px; border-radius:6px; background-color:#ebe8e6; z-index:3; text-indent:-999em; -webkit-transition:background-color 0.5s; transition:background-color 0.5s; -moz-backface-visibility:hidden; -moz-transform:translateZ(0) scale(1.0, 1.0);}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {background-color:#d80f1a;}
/* NAVIGATION */
.lSAction > a {position:absolute; top:50%; display:block; width:80px; height:80px; margin-top:-40px; background-image:url(../images/arrows.svg); background-color:rgba(215, 209, 206, 0.5); /*border:2px solid #ffffff;*/ border-radius:40px; cursor:pointer; z-index:4; opacity:1.0; -webkit-transition:background-color 0.5s; transition:background-color 0.5s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;}
.lSAction > a:hover {background-color:rgba(216, 15, 26, 1.0)}
.lSAction > .lSPrev {left:40px; background-position: -1px -1px;}
.lSAction > .lSNext {right:40px; background-position: -82px -1px;}
/* EACH SLIDE */
.lSSlideOuter .lightSlider > * {float:left;}
.iefix #slider {display:none;}


/* TESTIMONIALS */
#testimonials {font-size:16px; font-weight:400; color:#615e5d; line-height:30px; letter-spacing:0.1px; text-align:center; padding:70px 0 120px 0;}
#testimonials p {max-width:700px; font-family:'Merriweather', serif; font-style:italic; margin:0 auto; padding:0 40px;}
.testimonialBy {display:block; color:#9c9a9a; letter-spacing:0.2px; padding:30px 0;}
.quote {display:block; width:54px; padding:0px 0 40px 0; margin:0 auto;}


/* WARRANTY */
#warranty-icon-wrapper {font-size:16px; font-weight:400; color:#ffffff; line-height:30px; letter-spacing:0.1px; background-color:#d80f1a; padding-bottom:60px; /*margin-top:-20px;*/}
/*#granite-warranty-column, #quartz-warranty-column {position:relative; display:inline-block; width:100%; text-align:center; padding:0 0 0 40px; margin-top:60px; margin-bottom:10px; vertical-align:top;}*/
#quartz-warranty-column {position:relative; display:inline-block; width:100%; text-align:center; padding:0; margin-top:60px; vertical-align:top;}
/*#granite-warranty-column {padding:0 40px 0 0; border-right:1px solid #3a3635;}*/
.warranty-icon {width:140px; /*padding-bottom:30px;*/}
/*#granite-warranty-terms,*/ #quartz-warranty-terms {display:inline-block; width:50%;}
/*#granite-warranty-terms {padding-right:20px;}
#quartz-warranty-terms {padding-left:20px;}*/
.warranty-terms-button {display:block; font-size:14px; color:#ffffff; letter-spacing:0.3px; line-height:66px; text-align:center; padding-bottom:2px; margin-bottom:40px; background-color:#d80f1a; border-radius:4px; -webkit-transition:color 0.4s, background-color 0.4s; transition: color 0.4s, background-color 0.4s;}
.warranty-terms-button:hover {color:#3a3635; background-color:#ffffff;}
.warranty-terms-button .numbers {font-size:16px;}


/* FAQs */
#faqs {padding-top:30px; padding-bottom:60px;}
.faq-question {display:block; font-size:20px; font-weight:900; color:#3a3635; line-height:24px; text-transform:uppercase; text-align:left; margin:0 auto; padding-top:40px; padding-bottom:40px; cursor:pointer; -webkit-transition:color 0.3s; transition:color 0.3s;}
.faq-question:hover {color:#d80f1a;}
.faq-answer {display:none; font-size:16px; color:#615e5d; line-height:30px; letter-spacing:0.1px; text-align:left; padding-bottom:80px; margin:-20px auto 0 auto;}
.faq-answer.default {display:block;}
.faq-answer img {padding:30px 0 0 0;}
.faq-subtitle {display:block; font-size:17px; font-weight:900; padding-top:40px;}
#hardness {padding-bottom:40px;}
.hardness-scale {display:block; text-align:center; line-height:40px; padding:40px 0;}
.hardness-scale div {display:inline-block; padding:0 40px;}
.hardness-scale .numbers {color:#3a3635;}

.faq-answer a:link, .faq-answer a:visited {color:#d80f1a; -webkit-transition:color 0.3s; transition:color 0.3s;}


/* CONTACT */
#telephone, #email {width:50%; display:inline-block; font-size:18px; line-height:30px; text-align:left; letter-spacing:0.3px; margin-top:40px; margin-bottom:20px;}
#telephone {border-right:1px solid #cdc5c2; text-align:right; padding:0 40px 0 0;}
#telephone .numbers {letter-spacing:0.3px; padding-left:4px;}
#email {padding:0 0 0 40px;}
#email a:link, #email a:visited {color:#9c9a9a; -webkit-transition:color 0.3s; transition:color 0.3s;}
#email a:hover {color:#d80f1a;}

#map {width:100%; height:400px;}
#contacts {display:inline-block; position:relative; width:50%; color:#615e5d; line-height:30px; letter-spacing:0.2px; padding:0 40px 0 0; margin-bottom:60px; border-right:1px solid #cdc5c2; vertical-align:top;}
#contacts .pin-icon {float:none; display:block; top:auto; right:auto; position:relative; fill:#d7d1ce; width:auto; height:50px;}
#contacts address {display:block; margin-top:20px;}
#opening-times {display:inline-block; position:relative; width:50%; color:#9c9a9a; line-height:30px; letter-spacing:0.2px; padding:0 0 0 40px; margin-bottom:60px; vertical-align:top;}
#opening-times-icon {width:50px; height:50px; margin-bottom:18px;}
#opening-times sup {font-size:10px; line-height:26px; vertical-align:top;}
.days {color:#615e5d; padding-right:15px;}
#viewings {padding-top:60px; padding-bottom:70px;}

.registration-numbers {font-size:14px; color:#9c9a9a;}
.registration-type {display:inline-block; padding:0 20px;}


/* ABOUT */
#about-image {width:100%; height:500px /*450*/; background-image:url(../images/blank.gif) , url(../images/about/customer-service-24.jpg); background-size:cover; background-position:center top; background-repeat:no-repeat; background-attachment:fixed;}


/* WISHLIST */
#wishlist-return-button {display:inline-block; width:250px; font-size:14px; letter-spacing:0.3px; line-height:56px; padding-bottom:2px; margin-top:10px; background-color:#ffffff; border:1px solid #cdc5c2; border-radius:4px;}


/* FOOTER */
footer {position:relative; text-align:left; color:#ffffff; line-height:28px; letter-spacing:0.2px; background-color:#d80f1a; padding:100px 0; overflow:auto;}
footer a:link, footer a:visited {color:#ffffff; -webkit-transition:color 0.3s; transition:color 0.3s;}
footer a:hover {color:#3a3635;}

#footer-contacts {position:relative; float:left; *behavior:url(scripts/boxsizing.htc); width:33.33%; padding:0 20px 0 0;}
.fb-icon, .in-icon {float:right; width:15px; height:32px; fill:#ffffff; margin-top:8px; -webkit-transition:fill 0.3s ease; transition:fill 0.3s ease;}
.fb-icon {display:none !important;}
.in-icon {width:32px; height:32px; margin-left:0px /*24px*/;}
.pin-icon {position:absolute; right:23px; top:92px; width:26px; height:36px; fill:#ffffff; -webkit-transition:fill 0.3s; transition:fill 0.3s;}
.fb-icon:hover, .in-icon:hover, .pin-icon:hover {fill:#3a3635;}
address {display:block; margin-top:28px;}
address:hover .pin-icon {color:#3a3635; fill:#3a3635;} 
#viewing {display:inline-block; width:100%; font-size:14px; text-align:center; line-height: 56px; letter-spacing:0.4px; margin-top:37px; padding-bottom:2px; background-color:#d80f1a; border:1px solid #ffffff; border-radius:4px; -webkit-transition:color 0.4s, background-color 0.4s; transition: color 0.4s, background-color 0.4s;}
#viewing:hover {color:#3a3635; background-color:#ffffff;}

#footer-sitemap-wrap {float:left; *behavior:url(scripts/boxsizing.htc); width:33.33%; padding:0 20px;}
#footer-sitemap {max-width:232px; margin:0 auto; overflow:hidden;}
#footer-sitemap li:last-child {margin-bottom:-7px;} /* Was -8px */
#footer-material-collection {cursor:pointer;}
#footer-material-collection:hover a:link, #footer-material-collection:hover a:visited, #footer-material-collection.open a:link, #footer-material-collection.open a:visited {color:#3a3635;}
#footer-plus-icon {float:right; position:relative; width:12px; height:12px; margin-top:9px;}
#footer-plus-h, #footer-plus-v {position:absolute; top:5px; right:0; width:12px; height:2px; background-color:#ffffff; -webkit-transition:background-color 0.3s; transition:background-color 0.3s;}
#footer-plus-v {top:0; right:5px; width:2px; height:12px; -webkit-transition:top 0.3s ease, height 0.3s ease, background-color 0.3s; transition:top 0.3s ease, height 0.3s ease, background-color 0.3s;}
#footer-material-collection:hover #footer-plus-h, #footer-material-collection:hover #footer-plus-v, #footer-plus-h.open, #footer-plus-v.open {background-color:#3a3635;}
#footer-plus-v.open {top:5px; height:2px}
/*#footer-material-list li:last-child {margin-bottom:0;}*/
#footer-material-list {display:none; font-size:16px; margin-bottom:28px;}
/*#footer-wishlist {margin-bottom:28px;}*/

#footer-aftercare {position:relative; float:right; *behavior:url(scripts/boxsizing.htc); width:33.33%; padding:0 0 84px 20px; overflow:auto;}
#footer-granite-warranty, #footer-quartz-warranty {position:absolute; top:8px; right:0;}
#footer-granite-warranty {display:none !important;}
#footer-granite-warranty {right:90px;}
.granite-warranty-icon, .quartz-warranty-icon {width:70px; height:70px; pointer-events:none;}
.granite-warranty-white, .quartz-warranty-white {fill:#ffffff; -webkit-transition:fill 0.3s ease; transition:fill 0.3s ease;}
.warranty-grey {fill:#3a3635;}
#footer-quartz-warranty:hover .quartz-warranty-white, #footer-granite-warranty:hover .granite-warranty-white {fill:#3a3635;}
.open.footer-warranty {color:#3a3635;}

#footer-wrapper {position:relative; margin-bottom:50px; overflow:auto;}
#footer-the-natural-choice {position:absolute; bottom:0; right:0; width:33.33%; padding-left:20px;}

.copyright {float:left; font-size:14px; line-height:28px; color:#3a3635;}
.copyright a:link, .copyright a:visited {color:#3a3635; text-decoration:underline; padding-left:10px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;}
.copyright a:hover {color:#ffffff;}
.site-by {float:right;}
#dpict {font-weight:900; letter-spacing:0.3px; text-decoration:none; padding-left:0px;}


@media only screen and (max-height: 550px){
#menu-mobile {bottom:0;}
}

@media only screen and (max-width: 1200px){
.max-width, .text-max-width {padding-left:60px; padding-right:60px;}
#about-image {height:auto; padding-bottom:56.25%; background-position:center bottom; background-attachment:scroll;}
}

@media only screen and (max-width: 1150px){
#menu-wrap {padding-top:30px;}

#header p {padding-top:30px;}
#header-caption {padding-bottom:80px;}

footer {padding: 100px 0;}
.pin-icon {top:124px;}
#footer-sitemap-wrap {width:33.33%; padding:0 40px;}
#footer-sitemap {max-width:100%;}
#footer-granite-warranty {right:0;}
/*#footer-quartz-warranty {top:98px;}*/

#faqs {padding-top:0;}
#faq-title {padding-bottom:0;}
.faq-answer.default {display:none;}
}

@media only screen and (max-width: 1000px){
#menu-wrap {z-index:auto;}
#menu {padding-top:20px; padding-bottom:50px; z-index:auto;}
#material-collection-wrap, #menu-desktop-wrap {display:none;}
#is-logo-wrap {width:100%;}
#menu-button, #hidden-menu-button {display:inline-block;}
#submenu, #submenu-background {display:none; visibility:hidden;}

#footer-contacts {width:50%; padding:0 30px 108px 0;}
.pin-icon {top:92px; right:33px;}
#footer-sitemap-wrap {width:50%; padding:0 0 50px 30px;}
#footer-sitemap li:last-child {margin-bottom:0;}
#footer-material-collection:hover a:link, #footer-material-collection:hover a:visited, #footer-material-collection.open a:link, #footer-material-collection.open a:visited {color:#ffffff;}
#footer-material-collection:hover #footer-plus-h, #footer-material-collection:hover #footer-plus-v, #footer-plus-h.open, #footer-plus-v.open {background-color:#ffffff;}
#footer-aftercare {width:50%; padding:0 0 0 30px;}
#footer-granite-warranty, #footer-quartz-warranty {top:8px; right:0px;}
#footer-granite-warranty {right:90px;}
#footer-the-natural-choice {bottom:8px; left:0; right:auto; width:50%; padding:0 30px 0 0;}

#closed {padding:20px 20px 21px 20px;}
#closed p {font-size:15px; /*line-height:26px;*/}
/* EASTER 
#closed {padding:35px 20px 30px 20px;}
#closed p:first-of-type {font-size:16px; letter-spacing:1px;}*/

}

@media only screen and (max-width: 900px){
.lSAction > a {display:none;}
}

@media only screen and (max-width: 850px){
#footer-contacts {padding:0 30px 58px 0;}
#footer-aftercare {padding:0 0 79px 30px;}
#footer-granite-warranty {right:0px;}
/*#footer-quartz-warranty {top:93px;}*/
#footer-the-natural-choice {bottom:0;}
}

@media only screen and (max-width: 768px){
.pin-icon {top:124px;}
#header-image {padding:0 0 50px 0;}
#header-image img {border-radius:0px;}
#main-content {padding-bottom:50px;}
.lSSlideOuter .lSPager.lSpg {bottom:60px;}
#testimonials {line-height:28px; padding:60px 0 120px 0;}
.testimonialBy {padding:20px 0;}
.quote {padding:0px 0 30px 0; margin:0 auto;}
}

@media only screen and (max-width: 750px){
.max-width, .text-max-width {padding-left:50px; padding-right:50px;}
#menu-mobile {padding:50px 60px 0px 50px;}
#menu-the-natural-choice {padding:50px 0 65px 0;}
#header, #header-small {line-height:28px;}
.page-title, #maintenance-title {font-size:60px; line-height:64px;}
#main-content {padding-top:60px;}
footer {padding:60px 0 40px 0;}
#footer-wrapper {margin-bottom:30px;}
#footer-contacts {padding:0 25px 0 0;}
#footer-sitemap-wrap {padding:0 0 48px 25px;}
#footer-aftercare {padding:0 0 84px 25px;}
#footer-the-natural-choice {padding:0 25px 0 0;}
#header-caption {padding-bottom:70px;}
}

@media only screen and (max-width: 650px){
.max-width, .text-max-width {padding-left:40px; padding-right:40px;}
#footer-contacts {width:100%; padding:0 0 50px 0;}
.pin-icon {right:3px;}
#footer-sitemap-wrap {width:50%; padding:0 20px 0 0;}
#footer-aftercare {width:50%; padding:0 0 104px 10px;}
#footer-the-natural-choice {position:relative; width:75%; margin:0 auto; padding:50px 0 0 0; left:auto; clear:both;}

#contacts {width:100%; padding:10px 0 0 0;; margin-bottom:40px; border-right:0 solid #cdc5c2;}
#opening-times {width:100%; padding:0; margin-bottom:40px;}
#maintenance-title {font-size:70px; line-height:70px;}
#header-image {padding:0 0 40px 0;}
}

@media only screen and (max-width: 550px){
#menu-button {right:40px;}
#menu-the-natural-choice {width:100%;}
footer {padding:50px 0 35px 0;}
#footer-contacts {padding:0 0 40px 0;}
#footer-sitemap-wrap {width:100%; padding:0 0 32px 0;}
/*#footer-wishlist {margin-bottom:18px;}*/
#footer-aftercare {width:100%; padding:0;}
#footer-granite-warranty {top:8px; bottom:auto; right:80px;}
#footer-quartz-warranty {top:8px; bottom:auto;}
#footer-wrapper {margin-bottom:28px; overflow:auto;}
#footer-the-natural-choice {width:100%; padding:50px 0 0 0;}
.copyright {width:100%; font-size:14px; line-height:24px; text-align:center;}
.site-by {margin-top:5px;}

#telephone, #email {font-size:16px;}
#telephone {padding:0 30px 0 0;}
#email {padding:0 0 0 30px;}
.registration-type {display:block; padding:0;}
#testimonials {line-height:28px; padding:50px 0 80px 0;}
#testimonials p {padding:0 30px;}
#maintenance-title {font-size:60px; line-height:60px;}
#warranty-icon-wrapper {line-height:28px; padding-bottom:50px;}
#granite-warranty-column, #quartz-warranty-column {display:inline-block; width:100%; padding:0; margin-top:50px;}
#granite-warranty-column {border-right:0; margin-bottom:0;}
/*#quartz-warranty-column {margin-top:40px;}*/
.warranty-icon {width:120px; /*padding-bottom:20px;*/}
#granite-warranty-terms, #quartz-warranty-terms {width:100%;}
#granite-warranty-terms, #quartz-warranty-terms {padding-left:0; padding-right:0;}

#covid-19 {margin:15px 20px 15px 20px; padding:40px 10px;}
}

@media only screen and (max-width: 450px){
.max-width, .text-max-width {padding-left:30px; padding-right:30px;}
#menu-wrap {padding-top:20px;}
#menu {padding:20px 40px 30px 40px;}
/*Pre New 24 #menu-button {top:20px; right:20px;}*/
#menu-button {top:18px; right:20px;}
#hidden-menu-button.stick, #hidden-menu-button.open {top:20px; right:20px;}
#hidden-menu-button {right:20px;}
#menu-mobile {padding:44px 42px 0 42px;}
#menu-mobile-material-collection {width:100%; padding-bottom:28px;}
#menu-mobile-sitemap {width:45%; padding-left:0;}
#menu-mobile-aftercare {width:55%; padding-top:0; padding-left:0;}
#menu-the-natural-choice {padding:40px 0 60px 0;}
#is-logo {height:40px; width:128px;}
#header {line-height:26px; padding-bottom:50px;}
#header-small {padding-bottom:40px;}
#header-caption {line-height:26px; padding-bottom:40px;}
.page-title, #maintenance-title {font-size:45px; line-height:48px;}
#header-image {padding:0 0 35px 0;}
#main-content {line-height:26px; padding-top:40px; padding-bottom:20px;}
#main-content p {padding-bottom:30px;}
#main-content li {padding-bottom:13px;}
.subtitle {font-size:30px; line-height:30px; padding:10px 0 30px 0;}
.main-content-subtitle {padding-bottom:15px;}
#testimonials {line-height:26px;}

#wishlist-return-button {width:100%;}

.faq-question {line-height:26px; padding:40px 30px;}
.faq-answer {line-height:26px; padding:0 30px 60px 30px; margin:-20px auto 0 auto;}
#hardness div {display:block;}

#covid-19 {line-height:26px;}
#closed sup {line-height:22px;}
#closed p {line-height:26px;}
}

@media only screen and (max-width: 420px){
#header p {padding-bottom:0;}

#warranty-icon-wrapper {margin-top:0;}
#telephone, #email {width:100%; text-align:center; line-height:26px; padding:0; margin-top:31px; margin-bottom:0; border-right:0 solid #cdc5c2;}
#email {margin-top:0;}
#telephone .numbers {padding-left:2px;}
address {display:none;}
#viewing {margin-top:27px;}
}

@media only screen and (max-width: 374px){
#footer-aftercare {padding:0 0 80px 0;}
#footer-granite-warranty {top:8px; bottom:auto; right:0;}
#footer-quartz-warranty {top:8px; bottom:auto;}
#footer-the-natural-choice {padding:40px 0 0 0;}
}

@media only screen and (max-width: 350px){
#menu-mobile {bottom:0; padding:40px 34px 0 34px;}
#menu-mobile-sitemap {width:100%; padding-bottom:28px;}
#menu-mobile-aftercare {width:100%;}
#menu-the-natural-choice {padding:40px 0 55px 0;}
#header, #header-small {line-height:26px;}
#main-content {line-height:26px;}
.copyright a:link, .copyright a:visited {padding-left:0;}
}