.home-banner{margin-bottom:40px;height:600px;color:#fff;position:relative;display:flex;flex-flow:column;align-items:flex-start;justify-content:center;background-repeat:no-repeat;background-size:cover}@media (min-width: 600px){.home-banner{margin-bottom:80px}}.home-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#00000080,#0000);z-index:1}.home-banner .container{position:relative;z-index:2;width:100%}.home-banner h1{text-align:left;max-width:none;font-weight:500;font-size:45px;margin-bottom:30px}.home-banner p{font-size:18px}.home-banner .background-video{position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@media (min-width: 600px){.home-banner{height:600px}.home-banner h1{font-size:60px;margin-bottom:40px}.home-banner p{font-size:22px}}.home-shop-by{margin-bottom:40px;overflow:hidden}@media (min-width: 600px){.home-shop-by{margin-bottom:80px}}.home-shop-by h2{text-align:center;margin-bottom:.5em}@media (min-width: 600px){.home-shop-by h2{text-align:left}}.home-shop-by .controls{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;margin-bottom:30px;gap:20px 0;padding-top:5px;align-items:center;z-index:2;position:relative;justify-content:center}@media (min-width: 600px){.home-shop-by .controls{flex-flow:row nowrap;margin-bottom:50px}}.home-shop-by .controls h3,.home-shop-by .controls .select{margin:0;font-family:proxima-soft,sans-serif;font-size:24px;text-transform:uppercase;font-weight:500}.home-shop-by .controls h3{margin-right:15px;margin-bottom:-10px}@media (min-width: 600px){.home-shop-by .controls h3{margin-right:0;margin-bottom:0}}.home-shop-by .controls .select{width:150px;display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-start;list-style:none;padding:0;position:relative;cursor:pointer;height:36px;margin-right:40px;z-index:2}@media (min-width: 600px){.home-shop-by .controls .select{margin:0 55px 0 15px}}.home-shop-by .controls .select:after{content:"";width:40px;height:40px;position:absolute;left:100%;margin-left:-2px;top:0;border:2px solid #000;background:#fff url(https://mercurymosaics.com/cdn/shop/t/57/assets/select-menu-arrow.svg) no-repeat center center;background-size:20px;cursor:pointer}.home-shop-by .controls .select .option{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:2px 15px;text-transform:uppercase;font-weight:500;font-family:proxima-soft,sans-serif;width:100%;text-align:center;height:40px;display:flex;flex-flow:column;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,opacity .2s ease-in-out;border:2px solid #000;background-color:#fff;margin-bottom:-2px;order:2;opacity:0;pointer-events:none;font-size:24px;letter-spacing:0}.home-shop-by .controls .select .option.selected{background-color:#fff!important;color:#000!important;order:1;opacity:1;transition:none;cursor:pointer}.home-shop-by .controls .select .option:hover{background-color:#000;color:#fff}.home-shop-by .controls .select.open .option{opacity:1;pointer-events:all}.home-shop-by .controls .select.open:after{transform:rotate(180deg)}.home-shop-by .controls .select.hide-options .option:not(.selected){opacity:0;pointer-events:none;transition:none}.home-shop-by .controls #slider-nav{height:40px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%}@media (min-width: 600px){.home-shop-by .controls #slider-nav{margin:0 0 0 auto;width:150px}}.home-shop-by .controls #slider-nav .slick-arrow{width:40px;height:40px;background-color:#fff;border-radius:50%;outline:2px solid #000;position:relative;transition:opacity .1s ease-in-out}.home-shop-by .controls #slider-nav .slick-arrow.slick-hidden{opacity:0;display:block!important}.home-shop-by .controls #slider-nav .slick-arrow.slick-prev{background:#fff url(https://mercurymosaics.com/cdn/shop/t/57/assets/slider-arrow-left.svg) no-repeat center center}.home-shop-by .controls #slider-nav .slick-arrow.slick-next{background:#fff url(https://mercurymosaics.com/cdn/shop/t/57/assets/slider-arrow-right.svg) no-repeat center center}.home-shop-by .controls #slider-nav .slick-arrow.slick-disabled{opacity:.25;cursor:default}.home-shop-by .hidden-slides{display:none}.home-shop-by .slides{display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:0 -10px;opacity:0;transition:opacity .5s ease-in-out}.home-shop-by .slides.slick-initialized{opacity:1}.home-shop-by .slides.fade-out{opacity:0!important}@media (min-width: 600px){.home-shop-by .slides{margin:0 -25px}}.home-shop-by .slide{flex:0 0 auto;height:auto;margin:0 10px;border:2px solid #D9D9D9}@media (min-width: 600px){.home-shop-by .slide{margin:0 25px}}.home-shop-by .slide a{width:100%;height:100%;display:flex;flex-flow:column;justify-content:flex-start;align-items:center;justify-content:space-between;position:relative;padding:20px}.home-shop-by .slide h3{text-align:center;margin:0 0 15px;text-transform:uppercase;font-weight:500;color:#000}.home-shop-by .slide p{text-align:center;font-weight:500;font-family:Neuton,serif;font-size:18px;color:#000;margin:15px 0}.home-shop-by .slide .image{aspect-ratio:1;position:relative;width:100%}.home-shop-by .slide .image img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%;height:100%;z-index:1;position:absolute;top:0;left:0}.home-shop-by .slide .image .hover-image{z-index:2;opacity:0;transition:opacity .3s ease-in-out}.home-shop-by .slide .image .install-image{-o-object-fit:cover;object-fit:cover}.home-shop-by .slide:hover .hover-image{opacity:1}.home-shop-by .slick-track{display:flex}.home-shop-by .slick-track,.home-shop-by .slick-list{min-width:100%}.home-shop-by .slick-track,.home-shop-by .slick-list,.home-shop-by .container{overflow:visible}.home-best-sellers{margin-bottom:30px}@media (min-width: 600px){.home-best-sellers{margin-bottom:65px}}.home-best-sellers .items{display:flex;flex-flow:column;gap:30px}@media (min-width: 750px){.home-best-sellers .items{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:50px}.home-best-sellers .items>:first-child{grid-column:span 2;grid-row:span 2}.home-best-sellers .items>:first-child a{height:100%;display:flex;flex-flow:column}.home-best-sellers .items>:first-child a .image{height:100%;aspect-ratio:auto}}.home-best-sellers .item .image{display:block;aspect-ratio:1;position:relative}.home-best-sellers .item .image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.home-best-sellers .item h3{margin:0;height:50px;padding:12px 0;text-transform:uppercase;font-weight:500;color:#000}.home-icons-and-text{margin-bottom:40px}@media (min-width: 600px){.home-icons-and-text{margin-bottom:80px}}.home-icons-and-text .columns{display:flex;flex-flow:column;gap:30px}@media (min-width: 750px){.home-icons-and-text .columns{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;grid-gap:50px}}.home-icons-and-text .columns .column{display:flex;flex-flow:column;align-items:center;text-align:center;background-color:#f6f7f7;padding:60px 30px 50px}.home-icons-and-text .columns .column .icon{min-height:86px;width:90px;height:90px;display:block}.home-icons-and-text .columns .column .icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;-o-object-position:center;object-position:center}@media (min-width: 750px){.home-icons-and-text .columns .column{padding:100px 30px 50px}}.home-icons-and-text .columns .column h3{margin:35px auto 20px;font-size:20px;text-align:center;font-weight:500;color:#000}.home-cta{margin-bottom:40px;background-size:cover;background-repeat:no-repeat;padding:60px 0}@media (min-width: 600px){.home-cta{margin-bottom:80px}}@media (min-width: 600px){.home-cta{padding:80px 0}}.home-cta .content{background-color:#ffffffe6;padding:30px;max-width:900px;margin:0 auto}@media (min-width: 600px){.home-cta .content{padding:50px}}.home-cta .text{text-align:center;max-width:600px;margin:0 auto}.home-cta .btn{margin-top:10px}.home-media-and-text{margin-bottom:40px;display:grid;grid-template-columns:1fr;grid-gap:0px}@media (min-width: 600px){.home-media-and-text{margin-bottom:80px}}@media (min-width: 600px){.home-media-and-text{grid-template-columns:repeat(2,1fr)}}.home-media-and-text .media{width:100%;height:100%;position:relative;aspect-ratio:16/9}@media (min-width: 600px){.home-media-and-text .media{aspect-ratio:auto}}.home-media-and-text .media img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.home-media-and-text .media .background-video{position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.home-media-and-text .content{width:100%;height:100%;background-color:#f6f7f7;padding:50px 30px;display:flex;flex-flow:column;justify-content:center;align-items:center}@media (min-width: 600px){.home-media-and-text .content{padding:75px}}.home-media-and-text .content .text{max-width:500px;margin:0 auto;text-align:center}.home-media-and-text .content .text .btn{margin-top:10px}.home-case-studies{margin-bottom:40px;overflow:hidden;display:flex;flex-flow:column-reverse}@media (min-width: 600px){.home-case-studies{margin-bottom:80px}}@media (min-width: 600px){.home-case-studies{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0px}}.home-case-studies .content{background-color:#f6f7f7;padding:30px}@media (min-width: 600px){.home-case-studies .content{padding:75px}}.home-case-studies .content .text-container{max-width:500px;margin:0 auto;position:relative;opacity:0;transition:opacity .5s ease-in-out .5s}.home-case-studies .content .text-container.loaded{opacity:1}.home-case-studies .content .text{display:flex;flex-flow:column;justify-content:center;align-items:center;text-align:center;width:100%;position:absolute;top:50%;left:0}.home-case-studies .content .text .eyebrow{text-transform:uppercase;font-size:14px;font-weight:500;margin:0 0 2px}.home-case-studies .content .text h2{margin-bottom:30px}.home-case-studies .content .text.active{pointer-events:all;animation:fadeInUp .5s ease-in-out forwards;animation-delay:.5s;opacity:0}.home-case-studies .content .text.inactive{pointer-events:none;animation:fadeOutUp .5s ease-in-out forwards;opacity:1}.home-case-studies .content .text .description{max-width:350px;margin:0 auto;display:flex;flex-flow:column;justify-content:flex-start;align-items:center}.home-case-studies .content .text h2{margin-top:0;text-align:center;font-size:40px;line-height:1.1;margin-bottom:30px}@media (min-width: 600px){.home-case-studies .content .text h2{font-size:55px}}.home-case-studies .content .text p{margin:0 0 35px}.home-case-studies .content .text .logo{margin:0 auto 35px;max-height:250px}.home-case-studies .slides{overflow:hidden;aspect-ratio:1.3}@media (min-width: 600px){.home-case-studies .slides{aspect-ratio:auto}}.home-case-studies .slides .slide{position:relative;height:100%}.home-case-studies .slides .slide img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.home-case-studies .slides .slick-list,.home-case-studies .slides .slick-track{height:100%}.home-case-studies .slides .slick-arrow{width:40px;height:40px;background-color:#fff;border-radius:50%;position:absolute;top:50%;margin-top:-20px}.home-case-studies .slides .slick-arrow.slick-prev{left:10px;background:#fff url(https://mercurymosaics.com/cdn/shop/t/57/assets/slider-arrow-left.svg) no-repeat center center}.home-case-studies .slides .slick-arrow.slick-next{right:10px;background:#fff url(https://mercurymosaics.com/cdn/shop/t/57/assets/slider-arrow-right.svg) no-repeat center center}@media (min-width: 600px){.home-case-studies .slides .slick-arrow.slick-prev{left:50px}.home-case-studies .slides .slick-arrow.slick-next{right:50px}}.home-case-studies .slides .slick-dots{bottom:25px}@media (min-width: 600px){.home-case-studies .slides .slick-dots{bottom:75px}}.home-case-studies .slides .slick-dots li{margin:0 8px}.home-case-studies .slides .slick-dots li button{width:12px;height:12px;border-radius:100px;background-color:#fff}.home-case-studies .slides .slick-dots li button:before{display:none}.home-case-studies .slides .slick-dots li.slick-active button{background-color:#000}@keyframes fadeInUp{0%{transform:translateY(calc(-50% + 20px));opacity:0}to{transform:translateY(-50%);opacity:1}}@keyframes fadeOutUp{0%{transform:translateY(-50%);opacity:1}to{transform:translateY(calc(-50% - 20px));opacity:0}}.btn.btn--white{color:#fff;border-color:#fff}.btn.btn--white:hover,.btn.btn--white:focus{color:#000;background-color:#fff}.template-index h1,.template-index h2{max-width:none}h1,h2{font-family:Neuton,serif}h2{font-size:40px;margin-top:0}@media (min-width: 600px){h2{font-size:50px}}.tbd{width:100%;height:300px;background-color:#f5f5f5;text-align:center;display:flex;flex-flow:column;justify-content:center;padding:50px;border:2px solid #000}.tbd .tbd-title{font-size:2rem;font-weight:700}.tbd *:not(.tbd-title){display:none}.shopify-section.home-reviews{padding:0 0 40px}
/*# sourceMappingURL=/cdn/shop/t/77/assets/homepage.css.map */
