.visual-nav-section{z-index:2;position:relative}.visual-nav-section+.visual-nav-section .site-wrapper{padding-top:0}.visual-nav-section .bottom-content+.visual-nav,.visual-nav-section .top-content+.visual-nav{margin-top:clamp(25px, 4vw, 50px)}.visual-nav-section .visual-nav{--gap:15px;--gap-count:calc(var(--items-per-row) - 1);--gap-total:calc(var(--gap) * var(--gap-count));--gap-offset:calc(
			var(--gap-total) / var(--items-per-row)
		);max-width:calc(
 var(--items-per-row) * var(--item-max-width));gap:var(--gap);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}@media screen and (max-width:1000px){.visual-nav-section .visual-nav{--gap:10px}}@media screen and (max-width:400px){.visual-nav-section .visual-nav{--gap:7px}}.visual-nav-section .visual-nav.services-nav{--item-max-width:740px;--item-ratio:1.2 / 1}@media screen and (max-width:1000px){.visual-nav-section .visual-nav.services-nav{--item-ratio:1.3 / 1}}@media screen and (max-width:600px){.visual-nav-section .visual-nav.services-nav{--items-per-row:1;--item-ratio:1.5 / 1}}@media screen and (min-width:601px){.visual-nav-section .visual-nav.services-nav.col-max-4{--items-per-row:4}}@media screen and (min-width:601px) and (max-width:1800px) and (min-width:1301px){.visual-nav-section .visual-nav.services-nav.col-max-4.single-row{--items-per-row:2;--item-ratio:1.5 / 1}.visual-nav-section .visual-nav.services-nav.col-max-4.multi-row{--items-per-row:3}}@media screen and (min-width:601px) and (max-width:1300px){.visual-nav-section .visual-nav.services-nav.col-max-4{--items-per-row:2}}@media screen and (min-width:601px){.visual-nav-section .visual-nav.services-nav.col-max-3{--items-per-row:3}}@media screen and (min-width:601px) and (max-width:1300px){.visual-nav-section .visual-nav.services-nav.col-max-3{--items-per-row:2}}@media screen and (min-width:601px){.visual-nav-section .visual-nav.services-nav.col-max-2{--items-per-row:2}}.visual-nav-section .visual-nav.services-nav.col-max-1{--items-per-row:1;--gap:0px}.visual-nav-section .visual-nav.shingles-nav{--item-max-width:585px;--item-ratio:1.2 / 1}@media screen and (max-width:1000px){.visual-nav-section .visual-nav.shingles-nav{--item-ratio:1.3 / 1}}@media screen and (max-width:600px){.visual-nav-section .visual-nav.shingles-nav{--items-per-row:1;--item-ratio:1.5 / 1}}@media screen and (min-width:601px){.visual-nav-section .visual-nav.shingles-nav.col-max-4{--items-per-row:4}}@media screen and (min-width:601px) and (max-width:1800px) and (min-width:1301px){.visual-nav-section .visual-nav.shingles-nav.col-max-4.single-row{--items-per-row:2;--item-ratio:1.5 / 1}.visual-nav-section .visual-nav.shingles-nav.col-max-4.multi-row{--items-per-row:3}}@media screen and (min-width:601px) and (max-width:1300px){.visual-nav-section .visual-nav.shingles-nav.col-max-4{--items-per-row:2}}@media screen and (min-width:601px){.visual-nav-section .visual-nav.shingles-nav.col-max-3{--items-per-row:3}}@media screen and (min-width:601px) and (max-width:1300px){.visual-nav-section .visual-nav.shingles-nav.col-max-3{--items-per-row:2}}@media screen and (min-width:601px){.visual-nav-section .visual-nav.shingles-nav.col-max-2{--items-per-row:2}}.visual-nav-section .visual-nav.shingles-nav.col-max-1{--items-per-row:1;--gap:0px}.visual-nav-section .visual-nav.materials-nav{--item-max-width:550px;--item-ratio:0.85 / 1}@media screen and (max-width:1000px){.visual-nav-section .visual-nav.materials-nav{--item-ratio:1.3 / 1}}@media screen and (max-width:800px){.visual-nav-section .visual-nav.materials-nav{--items-per-row:2}}@media screen and (max-width:600px){.visual-nav-section .visual-nav.materials-nav{--items-per-row:1;--item-ratio:1.5 / 1}}@media screen and (min-width:801){.visual-nav-section .visual-nav.materials-nav.col-max-4{--items-per-row:4}}@media screen and (min-width:801) and (max-width:1500px) and (min-width:1201px){.visual-nav-section .visual-nav.materials-nav.col-max-4{--item-ratio:1.2 / 1}.visual-nav-section .visual-nav.materials-nav.col-max-4.single-row{--items-per-row:2}.visual-nav-section .visual-nav.materials-nav.col-max-4.multi-row{--items-per-row:3}}@media screen and (min-width:801) and (max-width:1500px) and (min-width:1201px) and (max-width:1200px){.visual-nav-section .visual-nav.materials-nav.col-max-4.multi-row .short-desc{font-size:15px}}@media screen and (min-width:801) and (max-width:1000px) and (min-width:0px){.visual-nav-section .visual-nav.materials-nav.col-max-4{--item-ratio:1.2 / 1}.visual-nav-section .visual-nav.materials-nav.col-max-4.single-row{--items-per-row:2}.visual-nav-section .visual-nav.materials-nav.col-max-4.multi-row{--items-per-row:3}}@media screen and (min-width:801) and (max-width:1000px) and (min-width:0px) and (max-width:1200px){.visual-nav-section .visual-nav.materials-nav.col-max-4.multi-row .short-desc{font-size:15px}}@media screen and (min-width:801) and (max-width:1500px) and (min-width:1001px){.visual-nav-section .visual-nav.materials-nav.col-max-4{--items-per-row:2;--item-ratio:1.1 / 1}}@media screen and (min-width:801px){.visual-nav-section .visual-nav.materials-nav.col-max-3{--items-per-row:3}}@media screen and (min-width:801px) and (max-width:1200px){.visual-nav-section .visual-nav.materials-nav.col-max-3 .short-desc{font-size:15px}}@media screen and (min-width:801px){.visual-nav-section .visual-nav.materials-nav.col-max-2{--items-per-row:2}}.visual-nav-section .visual-nav.materials-nav.col-max-1{--items-per-row:1;--gap:0px}@media screen and (min-width:1001px){.visual-nav-section .visual-nav.materials-nav .nav-item .content-contain{--py:10%}}.visual-nav-section .visual-nav+.bottom-content{margin-top:clamp(25px, 4vw, 50px)}.visual-nav-section .visual-nav .nav-item{color:white;background:black;position:relative;aspect-ratio:var(--item-ratio);width:calc((100% / var(--items-per-row)) - var(--gap-offset));text-decoration:none;line-height:1.6;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:clip;border-radius:3px}.visual-nav-section .visual-nav .nav-item.span-row{-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99}@media screen and (min-width:601px){.visual-nav-section .visual-nav .nav-item.span-row{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}@media screen and (min-width:601px) and (min-width:1001px){.visual-nav-section .visual-nav .nav-item.span-row{aspect-ratio:5 / 1}}@media screen and (min-width:601px) and (min-width:1001px) and (max-width:1500px){.visual-nav-section .visual-nav .nav-item.span-row{aspect-ratio:3.5 / 1}}@media screen and (min-width:601px) and (max-width:1000px){.visual-nav-section .visual-nav .nav-item.span-row{max-height:clamp(110px, 33vw, 300px)}}@media screen and (min-width:1001px){.visual-nav-section .visual-nav .nav-item.has-description:active:after,.visual-nav-section .visual-nav .nav-item.has-description:focus:after,.visual-nav-section .visual-nav .nav-item.has-description:hover:after{opacity:1}.visual-nav-section .visual-nav .nav-item.has-description:active .cover-img-bg,.visual-nav-section .visual-nav .nav-item.has-description:focus .cover-img-bg,.visual-nav-section .visual-nav .nav-item.has-description:hover .cover-img-bg{-webkit-filter:blur(4px);filter:blur(4px)}.visual-nav-section .visual-nav .nav-item.has-description:active .content-contain,.visual-nav-section .visual-nav .nav-item.has-description:focus .content-contain,.visual-nav-section .visual-nav .nav-item.has-description:hover .content-contain{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);height:var(--center-hover-height)}}@media screen and (min-width:1001px) and (max-width:1000px){.visual-nav-section .visual-nav .nav-item.has-description:active .content-contain h3,.visual-nav-section .visual-nav .nav-item.has-description:focus .content-contain h3,.visual-nav-section .visual-nav .nav-item.has-description:hover .content-contain h3{-webkit-transform:translateY(-0.5em);-ms-transform:translateY(-0.5em);transform:translateY(-0.5em)}}@media screen and (min-width:1001px){.visual-nav-section .visual-nav .nav-item.has-description:active .content-contain h3 .inline-arrow:after,.visual-nav-section .visual-nav .nav-item.has-description:focus .content-contain h3 .inline-arrow:after,.visual-nav-section .visual-nav .nav-item.has-description:hover .content-contain h3 .inline-arrow:after{-webkit-transform:translateX(0.25em);-ms-transform:translateX(0.25em);transform:translateX(0.25em)}.visual-nav-section .visual-nav .nav-item.has-description:active .content-contain h3.has-arrow:after,.visual-nav-section .visual-nav .nav-item.has-description:focus .content-contain h3.has-arrow:after,.visual-nav-section .visual-nav .nav-item.has-description:hover .content-contain h3.has-arrow:after{-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation:bounce-right 1.5s ease-in-out infinite;animation:bounce-right 1.5s ease-in-out infinite;-webkit-animation-play-state:running;animation-play-state:running}.visual-nav-section .visual-nav .nav-item.has-description:active .content-contain .short-desc,.visual-nav-section .visual-nav .nav-item.has-description:focus .content-contain .short-desc,.visual-nav-section .visual-nav .nav-item.has-description:hover .content-contain .short-desc{visibility:visible;opacity:1;translate:0}}.visual-nav-section .visual-nav .nav-item.has-url{cursor:pointer}.visual-nav-section .visual-nav .nav-item.has-url:active:after,.visual-nav-section .visual-nav .nav-item.has-url:focus:after,.visual-nav-section .visual-nav .nav-item.has-url:hover:after{opacity:1}.visual-nav-section .visual-nav .nav-item.has-url:active .cover-img-bg,.visual-nav-section .visual-nav .nav-item.has-url:focus .cover-img-bg,.visual-nav-section .visual-nav .nav-item.has-url:hover .cover-img-bg{-webkit-filter:blur(4px);filter:blur(4px)}.visual-nav-section .visual-nav .nav-item.has-url:active .content-contain,.visual-nav-section .visual-nav .nav-item.has-url:focus .content-contain,.visual-nav-section .visual-nav .nav-item.has-url:hover .content-contain{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);height:var(--center-hover-height)}@media screen and (max-width:1000px){.visual-nav-section .visual-nav .nav-item.has-url:active .content-contain h3,.visual-nav-section .visual-nav .nav-item.has-url:focus .content-contain h3,.visual-nav-section .visual-nav .nav-item.has-url:hover .content-contain h3{-webkit-transform:translateY(-0.5em);-ms-transform:translateY(-0.5em);transform:translateY(-0.5em)}}.visual-nav-section .visual-nav .nav-item.has-url:active .content-contain h3 .inline-arrow:after,.visual-nav-section .visual-nav .nav-item.has-url:focus .content-contain h3 .inline-arrow:after,.visual-nav-section .visual-nav .nav-item.has-url:hover .content-contain h3 .inline-arrow:after{-webkit-transform:translateX(0.25em);-ms-transform:translateX(0.25em);transform:translateX(0.25em)}.visual-nav-section .visual-nav .nav-item.has-url:active .content-contain h3.has-arrow:after,.visual-nav-section .visual-nav .nav-item.has-url:focus .content-contain h3.has-arrow:after,.visual-nav-section .visual-nav .nav-item.has-url:hover .content-contain h3.has-arrow:after{-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation:bounce-right 1.5s ease-in-out infinite;animation:bounce-right 1.5s ease-in-out infinite;-webkit-animation-play-state:running;animation-play-state:running}.visual-nav-section .visual-nav .nav-item.has-url:active .content-contain .short-desc,.visual-nav-section .visual-nav .nav-item.has-url:focus .content-contain .short-desc,.visual-nav-section .visual-nav .nav-item.has-url:hover .content-contain .short-desc{visibility:visible;opacity:1;translate:0}.visual-nav-section .visual-nav .nav-item.has-url .content-contain h3 .text-contain .inline-arrow{display:inline}.visual-nav-section .visual-nav .nav-item.is-centered{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.visual-nav-section .visual-nav .nav-item.is-centered .content-contain{display:block;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media screen and (max-width:1000px){.visual-nav-section .visual-nav .nav-item.is-centered .content-contain h3{-webkit-transform:translateY(-0.5em);-ms-transform:translateY(-0.5em);transform:translateY(-0.5em)}}.visual-nav-section .visual-nav .nav-item.is-centered .content-contain .short-desc{display:block;visibility:visible;opacity:1}.visual-nav-section .visual-nav .nav-item .content-contain{--px:5%;--py:7%;padding-block:clamp(20px, var(--py), 50px);padding-inline:clamp(15px, var(--px), 60px);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:5;text-align:center;width:100%;-webkit-transition:inherit;-o-transition:inherit;transition:inherit;--height:100%;--center-hover-height:100%;-webkit-transform:translateY(var(--height));-ms-transform:translateY(var(--height));transform:translateY(var(--height))}.visual-nav-section .visual-nav .nav-item .content-contain h3{--max-size:35px;--min-size:22px;color:#fff;line-height:1.1;font-size:clamp(var(--min-size), 3vw, var(--max-size));margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.2em 0.4em;-webkit-transition:inherit;-o-transition:inherit;transition:inherit;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.visual-nav-section .visual-nav .nav-item .content-contain h3.has-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15px;width:100%;color:white;text-align:center}.visual-nav-section .visual-nav .nav-item .content-contain h3.has-arrow:after{content:"";background:url(/Content/images/icons/arrowRight.png) no-repeat center/contain;margin-top:4px;height:16px;width:24px;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;display:block;-ms-flex-negative:0;flex-shrink:0;-webkit-filter:drop-shadow(2px 2px 2px black);filter:drop-shadow(2px 2px 2px black)}@-webkit-keyframes bounce-right{0%,30%,60%,to{-webkit-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(10px);transform:translateX(10px)}45%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes bounce-right{0%,30%,60%,to{-webkit-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(10px);transform:translateX(10px)}45%{-webkit-transform:translateX(5px);transform:translateX(5px)}}.visual-nav-section .visual-nav .nav-item .content-contain h3 .nav-icon{-ms-flex-negative:0;flex-shrink:0;display:inline-block;vertical-align:middle;max-height:Min(2em, 55px);max-width:Min(4.5em, 170px)}.visual-nav-section .visual-nav .nav-item .content-contain h3 .text-contain .inline-arrow{display:none}.visual-nav-section .visual-nav .nav-item .content-contain h3 .text-contain small{font-size:70%}.visual-nav-section .visual-nav .nav-item .content-contain .short-desc{font-weight:500;padding-top:10px;visibility:hidden;opacity:0;margin:0;translate:0 10px;-webkit-transition:inherit;-o-transition:inherit;transition:inherit;-webkit-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s}@media screen and (max-width:1000px){.visual-nav-section .visual-nav .nav-item .content-contain .short-desc{display:none}}.visual-nav-section .visual-nav .nav-item:before{position:absolute;inset:0;height:100%;width:100%;content:"";display:block;-webkit-transition:inherit;-o-transition:inherit;transition:inherit;z-index:2;background:-webkit-gradient(linear, left bottom, left top, color-stop(5%, rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.4)), color-stop(75%, rgba(0, 0, 0, 0)));background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 5%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 75%);background:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 5%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 75%);background:linear-gradient(0deg, rgba(0, 0, 0, 0.7) 5%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 75%);-webkit-transition:0.4s all ease;-o-transition:0.4s all ease;transition:0.4s all ease}.visual-nav-section .visual-nav .nav-item:after{position:absolute;inset:0;height:100%;width:100%;content:"";display:block;z-index:3;background:rgba(0, 0, 0, 0.3);opacity:0;-webkit-transition:0.4s all ease;-o-transition:0.4s all ease;transition:0.4s all ease}
/*# sourceMappingURL=location-old.css.map */