body,html{box-sizing:border-box;font-size:62.5%;margin:0;padding:0}.App{font-family:Roboto,sans-serif;min-height:calc(100vh - 124px);text-align:center}a{transition:all .5s ease}.not-found{font-size:2.2rem;font-weight:700;padding:50px}footer{align-items:center;background:#e7e7e7;color:#838383;display:flex;font-family:Roboto,sans-serif;font-size:1.4rem;justify-content:center;padding:50px 0}footer a{color:#838383;padding:0 5px;text-decoration:underline}footer a:hover{color:#d3393c}.inner-banner{align-items:center;background-size:cover;display:flex;justify-content:center;margin-top:0;min-height:360px}.inner-banner h1{-webkit-backdrop-filter:contrast(3);backdrop-filter:contrast(3);background:rgba(137,19,21,.95);color:#fff;font-size:3.2rem;font-weight:400;min-height:45px;padding:15px}.countertop-filter{background:#891315;background:linear-gradient(108deg,#891315,#c81c20 72%);border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;margin:25px;padding:30px;text-align:left;width:calc(100% - 50px)}.countertop-filter h2{color:#fff;padding:0 25px}.countertop-filter .filter-buttons{display:flex;flex-direction:column}.countertop-filter button{fill:#fff;background:#3a3a3a;background:linear-gradient(0deg,#3a3a3a,#232323);border-radius:5px;color:#fff;font-size:2rem;margin:5px;padding:20px 30px;text-decoration:none;transition:all .25s ease}.countertop-filter button:hover{box-shadow:3px 3px 15px rgba(0,0,0,.8)}@media screen and (min-width:767px){.container{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:0 25px}.inner-banner{justify-content:flex-start}.inner-banner .banner-content{display:flex;justify-content:flex-start;margin:0 auto;max-width:1440px;padding-left:50px;width:100%}footer{font-size:2rem}.countertop-filter{display:flex;flex-direction:row;margin:50px auto;max-width:1440px;width:90%}.countertop-filter .filter-buttons{flex-direction:row;justify-content:flex-end;margin-top:0;width:60%}}@media screen and (min-width:1400px){.inner-banner{min-height:550px}}.contact-banner{background:#891315;background:linear-gradient(108deg,#891315,#c81c20 72%);border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;margin:25px;padding:30px;text-align:left;width:calc(100% - 50px)}.contact-banner .banner-headline{color:#fff;font-size:3rem;margin-bottom:5px}.contact-banner .banner-subheadline{color:#fff;font-size:1.8rem}.contact-banner .banner-left{width:100%}.contact-banner .banner-right{align-items:center;display:flex;justify-content:center;margin-top:25px;width:100%}.contact-banner .banner-button{fill:#fff;background:#3a3a3a;background:linear-gradient(0deg,#3a3a3a,#232323);border-radius:5px;color:#fff;font-size:2rem;padding:20px 30px;text-decoration:none;transition:all .25s ease}.contact-banner .banner-button:hover{box-shadow:3px 3px 15px rgba(0,0,0,.8)}.contact-banner .banner-button svg{margin-right:7px}@media screen and (min-width:767px){.contact-banner{display:flex;flex-direction:row;margin:50px auto;max-width:1440px;width:90%}.contact-banner .banner-right{justify-content:flex-end;margin-top:0;width:60%}}.home-nav .hi-hat{background:#070707;display:flex;flex-direction:column;font-size:1.4rem;padding:15px}.home-nav .hi-hat div{margin-right:25px}.home-nav .hi-hat div path{fill:#d3393c}.home-nav .hi-hat div a{color:#fff;line-height:2rem;margin-left:7px;text-decoration:none}.home-nav .banner-bg{background:url(/static/media/header-image.501887a581b82cf86304.jpg);background-repeat:no-repeat;background-size:cover;height:100px}.home-nav .banner-bg h1{background:url(/static/media/bc-surface-supply-logo.576ce3e0c1805b02380a.png);background-size:cover;height:75px;margin:0;text-indent:-9999px;width:159px}.home-nav .banner-bg .logo{align-items:center;-webkit-backdrop-filter:contrast(3);backdrop-filter:contrast(3);background:rgba(137,19,21,.95);display:flex;height:100%;justify-content:center;width:100%}.home-nav nav{background:#e6e6e6;height:auto}.home-nav nav path{fill:#d3393c}.home-nav nav #nav{background:#e6e6e6;flex-direction:column;min-height:85px;position:absolute;width:100%}.home-nav nav #nav a{display:block;margin-right:0;padding:1.25rem;width:100%}.home-nav nav #nav .active{background:#3a3a3a;background:linear-gradient(0deg,#3a3a3a,#232323);color:#fff}@media screen and (min-width:767px){.home-nav .hi-hat{flex-direction:row}.home-nav .banner-bg{height:492px}.home-nav .banner-bg .logo{max-width:30%;min-width:500px}.home-nav .banner-bg h1{min-height:167px;width:354px}.home-nav nav #nav{align-items:center;flex-direction:row;position:relative}.home-nav nav #nav a{display:flex;margin-right:2rem;padding:0 1rem;width:auto}}.container{margin:0 15px}.home-intro p{font-family:Roboto,sans-serif;font-size:1.8rem;padding:25px 0}h2{font-size:3.2rem;font-weight:400;padding:25px 0;text-align:center}.callout-boxes{display:flex;flex-direction:column}.callout-boxes .box{padding:25px 0;text-decoration:none!important}.callout-boxes .box:hover .image{box-shadow:0 -5px 32px rgba(0,0,0,.8)}.callout-boxes .box:hover .description{color:#d3393c}.callout-boxes .image{margin-bottom:10px;transition:all .5s ease}.callout-boxes .description{color:#222;font-size:2.2rem;font-weight:700;transition:all .5s ease}.flooring-info{font-family:Roboto,sans-serif;font-size:2rem;margin:0 auto;padding:25px}.flooring-info img{display:block;margin:0 auto;max-width:400px}@media screen and (min-width:767px){.container{margin:0 auto;max-width:1440px;width:100%}h2{text-align:center}.callout-boxes{flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:100%}}.komets-banner{background:#ff7307;box-sizing:border-box;padding:25px;width:100%}.komets-banner .k-container{display:flex;flex-direction:column;flex-wrap:wrap}@media screen and (min-width:767px){.komets-banner .k-container{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin:0 auto;max-width:80%}.komets-banner .k-container img{height:200px}.komets-banner .k-container h2{color:#fff;font-size:32px;font-weight:700;text-shadow:0 0 15px #000}}.internal-nav .hi-hat{background:#070707;display:flex;flex-direction:column;font-size:1.4rem;padding-bottom:0}.internal-nav .hi-hat .top-nav{display:flex;flex-direction:column;width:100%}.internal-nav .hi-hat .tippy-top{padding:10px 0}.internal-nav .hi-hat .tippy-top div path{fill:#d3393c}.internal-nav .hi-hat .tippy-top div a{color:#fff;line-height:2rem;margin-left:7px;text-decoration:none}.internal-nav h1{background:url(/static/media/bc-surface-supply-logo.576ce3e0c1805b02380a.png);background-size:cover;height:75px;margin:25px;text-indent:-9999px;width:159px}.internal-nav nav{background:#e6e6e6;height:auto;width:100%}.internal-nav nav #nav{background:#e6e6e6;flex-direction:column;min-height:85px;position:absolute;width:100%}.internal-nav nav #nav a{display:block;margin-right:0;padding:1.25rem;text-align:center;width:100%}.internal-nav nav #nav a:hover:not(.active){color:#d3393c}.internal-nav nav #nav .active{background:#891315;color:#fff}@media screen and (min-width:767px){.internal-nav .hi-hat{flex-direction:row}.internal-nav .hi-hat .top-nav{flex-direction:column;padding-left:25px}.internal-nav .hi-hat .tippy-top{display:flex;flex-direction:row}.internal-nav .hi-hat div a{margin-right:25px}.internal-nav .banner-bg{height:492px}.internal-nav .banner-bg .logo{max-width:30%;min-width:500px}.internal-nav .banner-bg h1{min-height:167px;width:354px}.internal-nav nav #nav{align-items:center;flex-direction:row;justify-content:flex-start;position:relative}.internal-nav nav #nav a{display:flex;margin-right:1rem;padding:0 1rem;width:auto}}.cabinet-list{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 auto;max-width:1440px}.cabinet-card{align-content:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin:0 5px;padding:25px;text-decoration:none;width:36%}.cabinet-card img{max-width:160px}.cabinet-card h3{font-size:2.2rem;font-weight:400}.cabinet-card h3,.cabinet-card span{color:#000;text-align:left;width:100%}.cabinet-card span{display:block;font-size:1.2rem;margin-bottom:5px}.cabinet-card .color-list{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.cabinet-card .color-list div{color:#000;font-size:1.2rem;margin-right:5px}.cabinet-card .color-name{border:1px solid #666;border-radius:50%;height:18px;position:relative;width:18px}.cabinet-card .color-name:hover div{visibility:visible}.cabinet-card .color-name div{background-color:rgba(0,0,0,.85);border-radius:5px;color:#fff;padding:5px;position:absolute;top:-25px;visibility:hidden;width:100px;z-index:1}@media screen and (min-width:767px){.cabinet-card{margin:50px 2%;width:17%}}.countertop-list{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 auto;max-width:1440px}.countertop-card{align-content:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin:0 5px;padding:25px;text-decoration:none;width:36%}.countertop-card img{height:160px;max-width:160px}.countertop-card h3{color:#000;font-size:2.2rem;font-weight:400;text-align:left;width:100%}.countertop-card span{color:#000;display:block;font-size:1.2rem;margin-bottom:5px;text-align:left;width:100%}.countertop-card .color-list{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.countertop-card .color-list div{color:#000;font-size:1.2rem;margin-right:5px}.countertop-card .color-name{border:1px solid #666;border-radius:50%;height:18px;position:relative;width:18px}.countertop-card .color-name:hover div{visibility:visible}.countertop-card .color-name div{background-color:rgba(0,0,0,.85);border-radius:5px;color:#fff;padding:5px;position:absolute;top:-25px;visibility:hidden;width:100px;z-index:1}@media screen and (min-width:767px){.countertop-card{margin:50px 2%;width:17%}}#background-video{min-height:400px;width:auto}.inner-banner .banner-content{position:absolute}@media screen and (min-width:767px){#background-video{min-height:auto}}@media screen and (min-width:1400px){#background-video{width:100%}}.sink-list{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 auto;max-width:1440px}.sink-card{align-content:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin:0 5px;padding:25px;text-decoration:none;width:36%}.sink-card img{margin:0 auto;max-width:160px}.sink-card h3{font-size:2.2rem;font-weight:400}.sink-card h3,.sink-card span{color:#000;text-align:left;width:100%}.sink-card span{display:block;font-size:1.2rem;margin-bottom:5px}.sink-card .color-list{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.sink-card .color-list div{color:#000;font-size:1.2rem;margin-right:5px}.sink-card .color-name{border:1px solid #666;border-radius:50%;height:18px;position:relative;width:18px}.sink-card .color-name:hover div{visibility:visible}.sink-card .color-name div{background-color:rgba(0,0,0,.85);border-radius:5px;color:#fff;padding:5px;position:absolute;top:-25px;visibility:hidden;width:100px;z-index:1}@media screen and (min-width:767px){.sink-card{margin:50px 2%;width:17%}}.contact-page{display:flex;flex-direction:column;padding:50px 0;text-align:left}.contact-page h2{font-size:3.3rem;font-weight:700;text-align:left}.contact-page p{font-size:1.8rem;line-height:2.2rem}.contact-deets{font-size:1.8rem;line-height:2.8rem;margin-left:50px}.contact-deets div{margin:25px 0}.contact-deets .phone:before{content:""}.contact-deets .address:before,.contact-deets .phone:before{font-family:Font Awesome\ 5 Free;font-weight:900;margin-left:-35px;position:absolute}.contact-deets .address:before{content:""}.contact-deets .email:before{content:"";font-family:Font Awesome\ 5 Free;font-weight:900;margin-left:-35px;position:absolute}.contact-form{margin-top:50px;text-align:left}.contact-form label{font-size:1.8rem;font-weight:700;padding:20px 0 10px 5px}.contact-form input,.contact-form textarea{border:1px solid #cfcfcf;border-radius:5px;font-size:1.6rem;padding:10px}.contact-form .contact{display:flex;flex-direction:column}.contact-form .button{background-color:#3c3c3c;border:0;color:#fff;margin:25px 0;padding:20px;transition:all .25s ease}.contact-form .button:hover{box-shadow:3px 3px 15px rgba(0,0,0,.8)}@media screen and (min-width:767px){.contact-page{flex-direction:row}.contact-info{margin:0 5%;width:45%}.contact-form{margin-top:0;max-width:500px;width:50%}}.team{box-sizing:border-box;margin:50px 20px}.team h2{font-size:2.4rem;padding:0}.team .button,.team p{font-size:1.8rem}.team .button{background-color:#3c3c3c;border:0;border-radius:5px;color:#fff;display:block;margin:15px;padding:20px;text-decoration:none;transition:all .25s ease}.team .button:hover{box-shadow:3px 3px 15px rgba(0,0,0,.8)}.team .image-left,.team .image-right{box-sizing:border-box;margin-bottom:25px;padding:25px 0;width:100%}.team .image-right{background:#eee}@media screen and (min-width:767px){.team .image-left{display:flex;flex-direction:row;margin:25px;padding:25px}.team .image-left .alt-image{margin-right:5%;width:45%}.team .image-left .alt-content{width:50%}.team .image-right{display:flex;flex-direction:row;margin:25px;padding:25px}.team .image-right .alt-image{margin-right:5%;order:2;width:45%}.team .image-right .alt-content{width:50%}}.gallery #ReactGridGallery div,.gallery #ReactGridGallery img{cursor:auto!important}@-webkit-keyframes closeWindow{0%{opacity:1}to{opacity:0}}@keyframes closeWindow{0%{opacity:1}to{opacity:0}}.ril__outer{-ms-content-zooming:none;-ms-touch-select:none;background-color:rgba(0,0,0,.85);bottom:0;height:100%;left:0;outline:none;right:0;top:0;touch-action:none;-ms-user-select:none;width:100%;z-index:1000}.ril__outerClosing{opacity:0}.ril__image,.ril__imageNext,.ril__imagePrev,.ril__inner{bottom:0;left:0;position:absolute;right:0;top:0}.ril__image,.ril__imageNext,.ril__imagePrev{-ms-content-zooming:none;-ms-touch-select:none;margin:auto;max-width:none;touch-action:none;-ms-user-select:none}.ril__imageDiscourager{background-position:50%;background-repeat:no-repeat;background-size:contain}.ril__navButtons{border:none;bottom:0;cursor:pointer;height:34px;margin:auto;opacity:.7;padding:40px 30px;position:absolute;top:0;width:20px}.ril__navButtons:hover{opacity:1}.ril__navButtons:active{opacity:.7}.ril__navButtonPrev{background:rgba(0,0,0,.2) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIzNCI+PHBhdGggZD0ibTE5IDMtMi0yTDEgMTdsMTYgMTYgMS0xTDMgMTcgMTggMnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=) no-repeat 50%;left:0}.ril__navButtonNext{background:rgba(0,0,0,.2) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIzNCI+PHBhdGggZD0ibTEgMyAyLTIgMTYgMTZMMyAzM2wtMS0xIDE1LTE1TDIgMnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=) no-repeat 50%;right:0}.ril__downloadBlocker{background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}.ril__caption,.ril__toolbar{background-color:rgba(0,0,0,.5);display:flex;justify-content:space-between;left:0;position:absolute;right:0}.ril__caption{bottom:0;max-height:150px;overflow:auto}.ril__captionContent{color:#fff;padding:10px 20px}.ril__toolbar{height:50px;top:0}.ril__toolbarSide{height:50px;margin:0}.ril__toolbarLeftSide{flex:0 1 auto;overflow:hidden;padding-left:20px;padding-right:0;text-overflow:ellipsis}.ril__toolbarRightSide{flex:0 0 auto;padding-left:0;padding-right:20px}.ril__toolbarItem{color:#fff;display:inline-block;font-size:120%;line-height:50px;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.ril__toolbarItemChild{vertical-align:middle}.ril__builtinButton{border:none;cursor:pointer;height:35px;opacity:.7;width:40px}.ril__builtinButton:hover{opacity:1}.ril__builtinButton:active{outline:none}.ril__builtinButtonDisabled{cursor:default;opacity:.5}.ril__builtinButtonDisabled:hover{opacity:.5}.ril__closeButton{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0ibTEgMyAxLjI1LTEuMjUgNy41IDcuNSA3LjUtNy41TDE4LjUgMyAxMSAxMC41bDcuNSA3LjUtMS4yNSAxLjI1LTcuNS03LjUtNy41IDcuNUwxIDE4bDcuNS03LjVMMSAzeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==) no-repeat 50%}.ril__zoomInButton{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0ibTEgMTkgNi02TTkgOGg2TTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+) no-repeat 50%}.ril__zoomOutButton{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0ibTEgMTkgNi02TTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=) no-repeat 50%}.ril__outerAnimating{-webkit-animation-name:closeWindow;animation-name:closeWindow}@-webkit-keyframes pointFade{0%,19.999%,to{opacity:0}20%{opacity:1}}@keyframes pointFade{0%,19.999%,to{opacity:0}20%{opacity:1}}.ril__loadingCircle{height:60px;position:relative;width:60px}.ril__loadingCirclePoint{height:100%;left:0;position:absolute;top:0;width:100%}.ril__loadingCirclePoint:before{-webkit-animation:pointFade .8s ease-in-out infinite both;animation:pointFade .8s ease-in-out infinite both;background-color:#fff;border-radius:30%;content:"";display:block;height:30%;margin:0 auto;width:11%}.ril__loadingCirclePoint:first-of-type{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.ril__loadingCirclePoint:first-of-type:before,.ril__loadingCirclePoint:nth-of-type(7):before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.ril__loadingCirclePoint:nth-of-type(2){-webkit-transform:rotate(30deg);transform:rotate(30deg)}.ril__loadingCirclePoint:nth-of-type(8){-webkit-transform:rotate(210deg);transform:rotate(210deg)}.ril__loadingCirclePoint:nth-of-type(2):before,.ril__loadingCirclePoint:nth-of-type(8):before{-webkit-animation-delay:-666ms;animation-delay:-666ms}.ril__loadingCirclePoint:nth-of-type(3){-webkit-transform:rotate(60deg);transform:rotate(60deg)}.ril__loadingCirclePoint:nth-of-type(9){-webkit-transform:rotate(240deg);transform:rotate(240deg)}.ril__loadingCirclePoint:nth-of-type(3):before,.ril__loadingCirclePoint:nth-of-type(9):before{-webkit-animation-delay:-533ms;animation-delay:-533ms}.ril__loadingCirclePoint:nth-of-type(4){-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ril__loadingCirclePoint:nth-of-type(10){-webkit-transform:rotate(270deg);transform:rotate(270deg)}.ril__loadingCirclePoint:nth-of-type(10):before,.ril__loadingCirclePoint:nth-of-type(4):before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.ril__loadingCirclePoint:nth-of-type(5){-webkit-transform:rotate(120deg);transform:rotate(120deg)}.ril__loadingCirclePoint:nth-of-type(11){-webkit-transform:rotate(300deg);transform:rotate(300deg)}.ril__loadingCirclePoint:nth-of-type(11):before,.ril__loadingCirclePoint:nth-of-type(5):before{-webkit-animation-delay:-266ms;animation-delay:-266ms}.ril__loadingCirclePoint:nth-of-type(6){-webkit-transform:rotate(150deg);transform:rotate(150deg)}.ril__loadingCirclePoint:nth-of-type(12){-webkit-transform:rotate(330deg);transform:rotate(330deg)}.ril__loadingCirclePoint:nth-of-type(12):before,.ril__loadingCirclePoint:nth-of-type(6):before{-webkit-animation-delay:-133ms;animation-delay:-133ms}.ril__loadingCirclePoint:nth-of-type(7){-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ril__loadingCirclePoint:nth-of-type(13){-webkit-transform:rotate(1turn);transform:rotate(1turn)}.ril__loadingCirclePoint:nth-of-type(13):before,.ril__loadingCirclePoint:nth-of-type(7):before{-webkit-animation-delay:0ms;animation-delay:0ms}.ril__loadingContainer{bottom:0;left:0;position:absolute;right:0;top:0}.ril__imageNext .ril__loadingContainer,.ril__imagePrev .ril__loadingContainer{display:none}.ril__errorContainer{align-items:center;bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.ril__imageNext .ril__errorContainer,.ril__imagePrev .ril__errorContainer{display:none}.ril__loadingContainer__icon{color:#fff;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.cabinet-detail{display:flex;flex-direction:column;margin:50px 15px;padding:0 20px}.cabinet-detail h3{font-size:2.2rem;font-weight:400;margin-top:35px;text-align:left}.cabinet-detail h2{font-size:3.2rem;font-weight:700}.cabinet-detail .disclaimer,.cabinet-detail .features{color:#565656;line-height:2.6rem;text-align:left}.cabinet-detail .disclaimer,.cabinet-detail li{font-size:1.8rem}.cabinet-detail .large-product{border:1px solid #aeaeae;margin-top:50px;padding:50px 100px}.cabinet-detail .detail-left{display:flex;flex-direction:column}@media screen and (min-width:767px){.cabinet-detail{flex-direction:row;margin:50px auto;max-width:1440px;width:95%}.cabinet-detail .detail-left{margin-right:5%;min-width:360px;width:45%}.cabinet-detail h2{text-align:left}}.countertop-detail{display:flex;flex-direction:column;margin:50px 15px;padding:0 20px}.countertop-detail h3{font-size:2.2rem;font-weight:400;margin-top:35px;text-align:left}.countertop-detail h2{font-size:3.2rem;font-weight:700}.countertop-detail .disclaimer,.countertop-detail .features{color:#565656;line-height:2.6rem;text-align:left}.countertop-detail .disclaimer,.countertop-detail li{font-size:1.8rem}.countertop-detail .large-product{border:1px solid #aeaeae;margin-top:50px;padding:50px 100px}.countertop-detail .detail-left{display:flex;flex-direction:column}@media screen and (min-width:767px){.countertop-detail{flex-direction:row;margin:50px auto;max-width:1440px;width:95%}.countertop-detail .detail-left{margin-right:5%;min-width:360px;width:45%}.countertop-detail h2{text-align:left}}.sink-detail{display:flex;flex-direction:column;margin:50px 15px;padding:0 20px}.sink-detail h3{font-size:2.2rem;font-weight:400;margin-top:35px;text-align:left}.sink-detail h2{font-size:3.2rem;font-weight:700}.sink-detail .disclaimer,.sink-detail .features{color:#565656;line-height:2.6rem;text-align:left}.sink-detail .disclaimer,.sink-detail li{font-size:1.8rem}.sink-detail .large-product{border:1px solid #aeaeae;margin-top:50px;padding:50px 100px}.sink-detail .detail-left{display:flex;flex-direction:column}.finish-options .colors{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.finish-options .colors .color-name{border:1px solid #aeaeae;border-radius:5px;height:60px;margin-bottom:15px;margin-right:15px;position:relative;width:60px}.finish-options .colors .color-name:hover div{visibility:visible}.finish-options .colors .color-name div{background-color:rgba(0,0,0,.85);border-radius:5px;color:#fff;padding:5px;position:absolute;top:-25px;visibility:hidden;width:100px;z-index:1}.quote-request .quote-button{background:#232323;background:linear-gradient(180deg,#232323,#3a3a3a 72%);border-radius:5px;color:#fff;display:block;font-size:2rem;padding:25px;text-decoration:none;transition:all .25s ease}.quote-request .quote-button:hover{background:linear-gradient(0deg,#232323,#3a3a3a 72%);box-shadow:3px 3px 15px rgba(0,0,0,.8)}@media screen and (min-width:767px){.sink-detail{flex-direction:row;margin:50px auto;max-width:1440px;width:95%}.sink-detail .detail-left{margin-right:5%;min-width:360px;width:45%}.sink-detail h2{text-align:left}}.configure-container{display:flex;gap:20px;margin:0 auto;max-width:1500px;padding:20px}.configure-canvas-container{align-items:center;aspect-ratio:1/1;display:flex;flex:1 1;justify-content:center;max-width:1000px}.configure-canvas{height:auto;max-width:1000px;width:100%}.configure-canvas,.configure-options{border:1px solid #ccc;max-height:1000px}.configure-options{background-color:#f5f5f5;flex:0 1 300px;overflow-y:auto;padding:20px}@media(max-width:900px){.configure-container{align-items:center;flex-direction:column}.configure-canvas-container{width:100%}.configure-canvas{height:auto;max-width:100%}.configure-options{max-height:none;overflow-y:visible;width:100%}}h2{font-size:24px}.option-group,h2{margin-bottom:20px}h3{font-size:20px;margin-bottom:10px}.option-thumbnails{display:flex;flex-wrap:wrap;gap:10px}.option-thumbnail{cursor:pointer;text-align:center;width:80px}.option-thumbnail img{height:auto;width:100%}.option-thumbnail.selected{border:2px solid #000}.configure-options h2{-webkit-backdrop-filter:contrast(3);backdrop-filter:contrast(3);background:rgba(137,19,21,.95);color:#fff;font-size:2.5rem;font-weight:400;line-height:1;margin:0;padding:15px}
/*# sourceMappingURL=main.ac46f67f.css.map*/