﻿.page-header{display:block;position:relative;}
.page-header::before{content:'';background:red;display:block;}
.phTop{display:flex;align-items:center;justify-content:flex-end;padding:18px 1vw;background-color:var(--primary-700);color:var(--bg-secondary);font-size:clamp(14px, calc(12px + 5.1 * ((100vw - 320px) / 1920)), 19px);font-weight:400;}
.phTop__left{position:relative;}

.phTop__left .storeStatus{padding-left:5rem;width:90%;margin:0 auto;display:flex;align-items:center}
.phTop__left .storeStatus p,.phTop__left .storeStatus p a{color:var(--text-on-primary);font-size:calc(12px + 6.1*((100vw - 320px) / 1920));}
.phTop__left .storeStatus p a{text-decoration:underline}
.phTop__left .storeStatus::before{color:var(--text-on-primary) !important;font-weight:normal;font-size:4rem}

.phTop__right{display:flex;align-items:center;justify-content:space-between;}
.phTop__right>*+*{padding-left:1.08vw;border-left:1px solid var(--text-on-primary);width:50%;position:relative;}
.phTop__right div:nth-child(3):hover,.phTop__right div:nth-child(3):hover:before{color:var(--primary-100) !important;}
.phTop__right div:nth-child(4):hover a,.phTop__right div:nth-child(4):hover:before{color:var(--primary-100) !important;}
.gAggregate{margin:inherit}
.phTop .gAggregate a span{display:block}
.phTop .gAggregate a span.gStars{display:inline-block}
.phTop a{color:var(--text-on-primary);text-decoration:none;}
a#hpLink img{width:100%;}

.actCall{display:inline-flex;align-items:center;font-weight:normal}
.actCall span{line-height:1.5}
.actCall a{font-weight:normal;color:var(--text-on-primary)}
.actCall:before{color:var(--text-on-primary);font-size:2rem;vertical-align:middle;font-family:'1stAuto';margin-inline:0 .5rem;margin-block:.8rem;float:left;font-weight:normal;display:none}
.shop-hours,.schedule-appointment,.shop-telephone,.now-hiring{font-size:clamp(14px, calc(12px + 5.1 * ((100vw - 320px) / 1920)), 19px);color:var(--text-on-primary)}
.shop-hours:before{content:'\e915';}
.shop-telephone:before{content:'\e934';}
.now-hiring:before{content:'\e98d'}
.toy-drive:before{content:'\e99d'}
.gAggregate:before{content:'\e966'}
.shopLocation:before{content:'\e968'}

.now-hiring{display:none;}
.now-hiring a{display:block;width:100%;top:0;right:0;position:absolute;bottom:0;left:0;}

.social-list{display:none;align-items:center;justify-content:flex-start;margin-inline:.5rem 0;padding-inline:2rem 0;}
.social-list__item{display:block;position:relative}
.social-list__link{-webkit-transition:0.5s;-o-transition:0.5s;display:block;position:relative;color:var(--text-on-primary);font-size:1.5rem;transition:0.5s;}
.social-list__link:hover,.social-list__link:focus,.social-list__link:active{color:var(--text-on-primary);}
.social-list__link em{display:none;}
.social-list__link i:before{font-family:'1stAuto';font-style:normal;display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-0.125em;}
.social-list__item+.social-list__item{margin-left:20px;}
.social-list__link i.facebook:before{content:'\e912'}
.social-list__link i.twitter:before{content:'\e93b'}
.social-list__link i.yelp:before{content:'\e93d'}
.social-list__link i.google:before{content:'\e966'}

.find-us{background:transparent;color:var(--text-on-primary);border:2px solid var(--text-primary);cursor:pointer;}
.find-us:before{content:'\e968';}

.phBottom{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background-color:var(--text-on-primary);position:relative;color:var(--text-primary); !important;}
#navWrap{background:var(--text-on-primary);}

.phBottom__left{display:flex;align-items:center;justify-content:flex-start;z-index:2;min-height:60px;width:100%;flex-direction:column}
.phBottom__left>div{position:relative;padding:.5rem 0}
.phBottom__left>div:nth-child(1){width:60%;margin-inline:0;display:block}
.phBottom__left>div:nth-child(1) img{width:90%;height:auto;transition:opacity 0.2s ease-in-out;}
.phBottom__left>div:nth-child(3){width:100%}
.phBottom__left .page-header-buttons button{font-size:.8rem}
.phBottom__left .page-header-buttons li button:before{font-size:1.5rem;}
.phBottom__left .support{padding:20.5px 2.08vw;display:none;}

#phBottom-ul{padding:0;margin:0;display:flex;flex-direction:row;justify-content:space-between;position:absolute;right:1rem;width:40%;align-items:center;align-content:flex-start;}
#phBottom-ul li{margin:0;padding:0;position:relative;}
#phBottom-ul li a{width:100%;height:100%;position:absolute;}
#phBottom-ul li button{background:transparent;border:0;margin:0;padding:0;}
#phBottom-ul li i{font-style:normal;}
#phBottom-ul li i:before{content:'\e911';font-size:1.5rem;font-family:'1stAuto';font-weight:700;display:block;margin:0;}
#phBottom-ul li i.call:before{content:'\e934'}
#phBottom-ul li i.appt:before{content:'\e982'}
#phBottom-ul li i.est:before{content:'\e935'}
#phBottom-ul li i.findUS:before{content:'\e968'}
body>header #header_tools ul li.ctaButton a{color:var(--text-primary);}

#phLogo .h4{display:none;}

.page-header-buttons{position:sticky;top:0;z-index:2000;background:var(--text-on-primary);padding-bottom:1rem}
.page-header-buttons ul{display:flex;justify-content:space-evenly;flex-direction:row;margin:0 auto;padding:0;flex-wrap:nowrap;width:100%}
.page-header-buttons li{margin:0 .2rem;padding:0;position:relative;overflow:visible}
.page-header-buttons li a{position:absolute;top:0;right:0;left:0;bottom:0}
.page-header-buttons li button{background:none;border:none;text-align:center;color:var(--link-default);}
.page-header-buttons li button:before{font-size:1.5rem;font-family:'1stAuto';display:block;margin-block:0 .3rem;font-weight:100;}

.page-header-buttons li button.callButton:before{content:'\e934'}
.page-header-buttons li button.estimateButton:before{content:'\e935'}
.page-header-buttons li button.apptButton:before{content:'\e982'}
.page-header-buttons li button.mapButton:before{content:'\e968'}
.page-header-buttons li button.serviceButton:before{content:'\e91e'}
.page-header-buttons li button.reviewButton:before{content:'\e947'}
.page-header-buttons li button.faqButton:before{content:'\e988'}
.page-header-buttons li button.homeButton:before{content:'\e987'}
.page-header-buttons li button.teamButton:before{content:'\e946'}
.page-header-buttons li button.warrantyButton:before{content:'\e994'}
.page-header-buttons li button.learnButton:before{content:'\e999'}
.page-header-buttons li button.menuButton:before{content:'\e970'}

.page-header-buttons li:nth-child(6),
.page-header-buttons li:nth-child(7),
.page-header-buttons li:nth-child(8),
.page-header-buttons li:nth-child(9),
.page-header-buttons li:nth-child(10),
.page-header-buttons li:nth-child(11){display:none}

.page-header-buttons::before{content:"";position:absolute;inset:0;background:var(--primary-700);opacity:0;pointer-events:none;transition:opacity 1000ms ease-in-out}
.page-header-buttons>*{position:relative;z-index:1}
.page-header-buttons.is-stuck{box-shadow:0 4px 12px rgba(0,0,0,.35);padding-top:1rem;}
.page-header-buttons.is-stuck::before{opacity:1}

.page-header-buttons.is-stuck button,
.page-header-buttons.is-stuck button::before{color:var(--text-on-primary)}

.phBottom::before{content:"";position:absolute;inset:0;background:var(--primary-700);opacity:0;pointer-events:none;transition:opacity 1000ms ease-in-out}
.phBottom>*{position:relative;z-index:1}
.phBottom.stuck{box-shadow:0 4px 12px rgba(0,0,0,.35);padding-top:1rem;}
.phBottom.stuck::before{opacity:1}
.phBottom.stuck .navik-menu ul li>a {
    background-image: linear-gradient(to right, var(--primary-100), var(--primary-100) 50%, var(--text-on-primary) 50%) !important;
}
.phBottom.stuck .navik-menu ul ul li > a{
  background-image: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important; /* critical */
  color: var(--text-primary); !important;
display:flex;
align-items:center
}


.phBottom.stuck .phBottom__left .page-header-buttons button:before, .phBottom.stuck .phBottom__left>div:nth-child(2) button, .phBottom.stuck .phBottom__left>div:nth-child(2) button:before, .phBottom.stuck .phBottom__left>div:nth-child(2) button:hover, .phBottom.stuck .phBottom__left>div:nth-child(2) button:hover:before {
    color:var(--text-on-primary);
}



@media (prefers-reduced-motion:reduce){
.page-header-buttons::before{transition:none}
}

.phBottom__right{z-index:100;display:flex;flex:1;justify-content:center;max-width:50%;}
.uk-offcanvas{display:block;position:fixed;top:0;bottom:0;left:0;z-index:10000;}
.uk-offcanvas-bar{z-index:10000;transition:all .5s linear;color:hsla(0,0%,100%,.7);position:absolute;top:0;bottom:0;left:-270px;box-sizing:border-box;width:270px;padding:10px;background:var(--text-on-primary);overflow-y:auto;}
.logo{text-align:center;}
.uk-offcanvas-bar img{width:80%;height:auto;}
#offcanvas.showME{display:block;}
.uk-offcanvas-bar.showME{left:0;box-shadow:2px 0 #888888;}

#sbMenu,#sbMenu ul{display:flex;flex-direction:column;align-content:flex-start;flex-wrap:nowrap;margin:0;list-style-type:none;padding:0;}
#sbMenu ul{transition:max-height 1s ease-in-out;max-height:0;overflow:hidden}
#sbMenu>li{position:relative;margin-block:.2rem}
#sbMenu ul.showME{transition:max-height 1s ease-in-out;max-height:1200px}
#sbMenu li ul li{display:inline-flex;padding-inline:2rem 0;width:100%;align-items:center;margin-block:0;}
#sbMenu li ul li button,#sbMenu li ul li a,#sbMenu li ul li.svcLI a,#sbMenu li ul li.faqLI a{font-size:.8rem;text-decoration:underline;text-underline-offset:0.2em}
#sbMenu li ul li a{line-height:1;}
#sbMenu li button,#sbMenu li a{background:none;border:none;display:inline-flex;align-items:center;width:100%;font-size:1rem;text-transform:uppercase;cursor:pointer;margin-block:0 .8rem;color:var(--text-primary);}
#sbMenu li a{position:absolute;top:0;right:0;left:0;bottom:0}
#sbMenu li ul li.svcLI,#sbMenu li ul li.faqLI{margin-block:0 .8rem;}
#sbMenu li ul li.svcLI a,#sbMenu li ul li.faqLI a{display:flex;flex:1;align-items:center;position:relative;text-transform:uppercase;color:var(--text-primary);line-height:1.2}
#sbMenu li ul li.svcLI a span,#sbMenu li ul li.faqLI a span{margin-inline:.5rem;margin-block:0;float:left;}
#sbMenu li ul li.svcLI a span:before,#sbMenu li ul li.faqLI a span:before{font-family:'1stAuto';font-size:1.5rem}
#sbMenu li button:before,#sbMenu li a:before{font-family:'1stAuto';margin-inline:.5rem;margin-block:0;float:left;font-size:1.5rem}
#sbMenu li button.subMenu:after{font-weight:600;transition:.5s ease-in-out;font-family:'1stAuto';margin-inline:.5rem;margin-block:0;float:right;font-size:1.8rem;content:'+';position:absolute;right:1rem}
#sbMenu li button.subMenu.sub:after{content:'-'}
#sbMenu li button.sbHome:before{content:'\e987'}
#sbMenu li button.sbSvc:before{content:'\e93e'}
#sbMenu li button.sbAppt:before{content:'\e982'}
#sbMenu li button.sbDiag:before{content:'\e91d'}
#sbMenu li button.sbTeam:before{content:'\e946'}
#sbMenu li button.sbFAQ:before{content:'\e988'}
#sbMenu li button.sbFinance:before{content:'\e977'}
#sbMenu li button.sbWarranty:before{content:'\e902'}
#sbMenu li button.sbGallery:before{content:'\e989'}
#sbMenu li button.sbMap:before{content:'\e936'}
#sbMenu li button.sbLoaner:before{content:'\e996'}
#sbMenu li button.sbPay:before{content:'\e9af'}
#sbMenu li button.sbMap-Marker:before{content:'\e968'}
#sbMenu li a.sbMap-Marker:before{content:'\e934'}
#sbMenu li button.sbEst:before{content:'\e935'}
#sbMenu li button.sbJoin:before{content:'\e98e'}
#sbMenu li button.sbCall:before{content:'\e934'}
#sbMenu li button.sbTires:before{content:'\e97c'}
#sbMenu li button.sbReviews:before{content:'\e991'}

.uk-margin{margin-bottom:20px;}
.mButton{z-index:2;padding:.5rem;position:absolute;top:0;left:0;z-index:1000;background:transparent;border:0;cursor:pointer;}
#sbLogo .mButton{right:0;left:inherit}
.mButton .line{width:29px;height:3px;background-color:var(--text-on-primary);display:block;margin:6px auto;}
#phLogo .mButton .line{background-color:var(--text-primary);}
.mButton:before{content:"";position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;right:0;}
.mButton.sBar{transform:rotate(45deg);animation:1s ease 0s normal forwards 1 mbFade;opacity:1}
.mButton.sBar span{background-color:var(--text-primary);}
.mButton.sBar .line:nth-child(2){opacity:0;}
.mButton.sBar .line:nth-child(1){transform:translateY(9px);}
.mButton.sBar .line:nth-child(3){transform:translateY(-9px) rotate(90deg);}

.storeStatus{position:relative;padding-left:5rem;height:6rem;}
.storeStatus>*{position:relative;z-index:2}
.storeStatus::before,.storeStatus p{position:relative;z-index:2;}
.storeStatus p{margin:0;padding:0;line-height:1.5;font-size:clamp(1.2rem, 2vw, 1.8rem);}
.storeStatus p a{cursor:pointer;}
.storeStatus::before{font-family:'1stAuto';position:absolute;font-size:8rem;line-height:1;display:inline-block;top:50%;left:0;transform:translateY(-50%);animation:sway 4s infinite ease-in-out;}
.storeStatus.open::before{content:'\e9b6';color:green}
.storeStatus.closed::before{content:'\e9b7';color:red;}

#operation__hours .storeStatus{padding-left:5rem;display:flex;align-items:center}
#operation__hours .storeStatus p{font-size:clamp(1.1rem, 2vw, 1.4rem);}
#operation__hours .storeStatus::before{font-size:4rem;}

@keyframes sway{
0%,100%{transform:translateY(-50%) rotate(-3deg);}
50%{transform:translateY(-50%) rotate(3deg);}
}

@media(min-width:359px){.actCall:before{display:block}}
@media (min-width:374px){.actCall:before{margin-inline:0 1rem}}

@media (min-width:411px){
#phBottom-ul li i:before{font-size:2rem;}
#phBottom-ul{width:45%}
.phBottom__left .page-header-buttons li:nth-child(4){display:block;}
.phTop__right>*+*{width:50%}
}

@media (max-width:430px){
.phBottom__left .support{display:none;}
.phTop{display:block;}
.phTop_left{display:none;}
.shop-telephone{display:none}
.shopLocation{display:none;}
}

@media (min-width:599px){
.phBottom__left{height:130px;}

.phTop{display:flex;}
.phTop__right{width:100%;justify-content:space-around;}
.phTop__left .storeStatus{width:100%;display:none;}
#phBottom-ul{display:none}
.phBottom:before{background-size:25%;background-position-x:40px}
.phBottom__left{justify-content:space-between}

.phBottom__left>div:nth-child(1){width:50%;margin-inline:0;display:block}

.phBottom__left .page-header-buttons{width:100%}
.phBottom__left>div button{margin-inline:0 .2rem;cursor:pointer}
.phBottom__left>div button:hover{color:var(--primary-100);}
.phBottom__left>div:nth-child(2)>button{background:none;border:0;position:relative;line-height:1;color:var(--text-on-primary);min-width:125px}
.phBottom__left>div:nth-child(2)>button:last-of-type{min-width:auto;}
.phBottom__left>div:nth-child(2)>button:before{font-weight:normal}
/* .phBottom__left>div:nth-child(2)>button a{position:absolute;top:0;bottom:0;left:0;right:0;} */

.phBottom__left>div:nth-child(2)>button a{color:var(--text-primary);text-decoration:none}
.phBottom.stuck .phBottom__left>div:nth-child(2)>button a{color:var(--text-on-primary);}




.phBottom__left>div:nth-child(2)>button:hover a,
.phBottom__left>div:nth-child(2)>button:hover:before{
  color:var(--primary-700);
}
.phBottom.stuck .phBottom__left>div:nth-child(2)>button:hover a,
.phBottom.stuck .phBottom__left>div:nth-child(2)>button:hover:before{
  color:var(--primary-100);
}



.phBottom__left>div:nth-child(2)>button:before{font-size:30px;margin-inline:0 .4rem;font-family:'1stAuto';float:left;}
.phBottom__left>div:nth-child(2)>button:nth-child(1):before{content:'\e934';}
.phBottom__left>div:nth-child(2)>button:nth-child(2):before{content:'\e98a';}
.phBottom__left>div:nth-child(2)>button:nth-child(3):before{content:'\e935';}
.phBottom__left>div:nth-child(2)>button:nth-child(4):before{content:'\e968';}
.phBottom__left>div:nth-child(2)>button:nth-child(5):before{content:'';}
.phBottom__left>div:nth-child(2)>button span{text-align:left;display:block;}
.phBottom__left>div:nth-child(2)>button span:nth-child(1){font-size:.7rem;}
.phBottom__left>div:nth-child(2)>button span:nth-child(2){font-size:calc(10px + 8 * (100vw / 1920));margin-block:.2rem 0}
.phBottom__left>div:nth-child(2)>button:nth-child(4){display:none}

.page-header-buttons li:nth-child(6),
.page-header-buttons li:nth-child(7){display:block}

.actCall{width:auto}
.shop-hours{border:0;}
.mButton .line{width:25px;height:3px;background-color:var(--text-primary);display:block;margin:5px auto;}
.phBottom.stuck .mButton .line{background-color:var(--text-on-primary);}

.mButton.sBar .line:nth-child(3){transform:translateY(-8px) rotate(90deg);}
}

@media (max-width:639px){
.phTop_left{display:none}
}

@media screen and (min-width:767px){
.phTop__right{width:100%;}
.actCall:before{margin-inline:.5rem;}
.now-hiring{display:inherit;}
.support__phone{font-size:calc(20px + 8 * (100vw / 1920));}
.pNav ul>li>a{font-size:calc(12px + 6 * (100vw / 1920));}
.phBottom__right .uk-search-navbar .uk-search-input{font-size:calc(16px + 8 * (100vw / 1920));}
.gAggregate a{text-decoration-color:var(--text-on-primary);}

.phBottom__left .page-header-buttons button{font-size:1rem;}
.phBottom__left .page-header-buttons li button:before{font-size:2rem;}
.phBottom__left>div:nth-child(1){width:40%;}
.phBottom__left>div:nth-child(2)>button:nth-child(4){display:block}
}

@media screen and (max-width:768px){
.find-us{font-size:calc(14px + 5.1 * ((100vw - 320px) / 1920));}
.phTop .gAggregate a .gStars{font-size:1rem}
}

@media screen and (min-width:959px){
#navWrap{position:sticky;top:0;z-index:1500;}
.page-header-buttons{display:none;}
.uk-offcanvas-bar{left:-260px;width:260px;}
.phBottom__left .page-header-buttons li button:before{font-size:3rem}
.phTop{display:flex;}

.phTop__left .storeStatus{display:flex}
.phBottom{max-height:inherit;min-height:110px}
.phBottom__left{flex-direction:row;}
.phBottom__left .support{display:flex;}
.phBottom__left>div:nth-child(1){width:25%;}

.phBottom__left>div:nth-child(2)>button{min-width:165px;}
.social-list__link{font-size:1.7rem}
.social-list__link i:before{vertical-align:-0.4em;}
.phTop{justify-content:space-between}
.phTop_left{width:15%}
.phTop__right{width:auto;justify-content:flex-end}
.phTop__right .shop-telephone{display:none;}
.phTop__right .shopLocation{display:inline-flex}
.actCall{margin-inline:0 2rem}
.social-list{display:flex;}
.phBottom__left .support{justify-content:space-evenly}
.phBottom__left>div:nth-child(2)>button{margin-inline:0;color:var(--text-primary);}

.navik-menu ul ul li>a{font-size:calc(8px + 6 * (100vw / 1920));font-weight:normal;white-space:nowrap}
.navik-menu ul ul li>a:hover{font-weight:600;}
.navik-menu ul ul.svc__list{width:500px;flex-direction:row}
.phBottom__left>div:nth-child(2)>button span:nth-child(1){font-size:calc(8px + 8 * (100vw / 1920));}
.phBottom__left>div:nth-child(2)>button span:nth-child(2){font-size:calc(12px + 8 * (100vw / 1920));}
.phBottom__left>div:nth-child(2)>button{width:150px}
.phBottom__left>div:nth-child(2)>.mButton.showMenu{width:3.125rem !important;}
.phBottom__left>div:nth-child(2) .mButton{padding:0;}
.phBottom__left>div:nth-child(2) .mButton .line{width:1.5rem;height:.125rem;margin:.5rem auto;}
}

@media (min-width:1023px){
.page-header-buttons{display:none !important;}
.actCall{margin-block:0;text-align:left;}
.phBottom__left>div:nth-child(2)>button:nth-child(4){display:block}
}

@media(max-width:1024px){
.sbButton{position:relative;}
.sbButton button{margin-inline:0;padding-left:28px;background:none;border:0;line-height:1.5;}
.sbButton button span{display:block;text-align:left;}
.sbButton button:before{font-size:25px;margin-inline:-10px 0.8rem;font-family:'1stAuto';position:absolute;left:0;top:50%;transform:translateY(-50%);}
.sbButton button span{font-size:calc(10px + 8 * (100vw / 1920));}
.sbButton button.findUS:before{content:'\e968';}
.sbButton button.callUS:before{content:'\e934';}
}

@media(min-width:1151px){
.phBottom__left>div:nth-child(2)>button{width:155px;}
}

@media (min-width:1200px){

.phBottom__left{justify-content:space-around;}
.phBottom__left .page-header-buttons{display:none;}
.phBottom__left>div:nth-child(1){width:30%;}
.phBottom__left>div:nth-child(2){width:70%;}
.phBottom__left>div:nth-child(2)>button:nth-child(4){display:none;}
.phBottom__left>div:nth-child(2)>button:nth-child(5){display:none;}
.phBottom__left>div:nth-child(2)>button span:nth-child(2){margin-block:.2rem 0;font-size:calc(10px + 8 * (100vw / 1920));}

.mButton{display:none;}

.phTop__right{width:55%;}
.phTop__right>*+* span{display:block;text-align:left;position:relative;}
.phTop__right>*+*:before{margin-block:0;}

.phBottom::before{background-position-x:0;background-size:22%;}

/* MAIN NAV (TOP LEVEL) */

.navik-menu ul{display:flex;font-size:0;padding:0;}
.navik-menu ul li{position:relative;display:inline-block;text-align:left;margin-block:0;}

.navik-menu ul li > a{display:block;position:relative;box-sizing:border-box;text-decoration:none;font-size:calc(12px + 8 * (100vw / 1920));line-height:1.5;text-transform:uppercase;white-space:nowrap;padding:0 0.781vw;background-image:linear-gradient(to right,var(--primary-700),var(--primary-700) 50%,var(--text-primary) 50%);background-size:200% 100%;background-position:100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--text-primary);transition:background-position 0.3s ease-in-out;}

.navik-menu ul li > a:hover{background-position:0%;}


/* UNDERLINE (SMOOTH SLIDE-IN) */

.navik-menu>ul>li>a:before{content:'';position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--primary-700);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease-in-out;}
.navik-menu>ul>li>a:hover:before{transform:scaleX(1);}

/* STUCK HEADER OVERRIDE */

.phBottom.stuck .navik-menu ul li > a{background-image:linear-gradient(to right,var(--primary-100),var(--primary-100) 50%,var(--text-on-primary) 50%);color:var(--text-on-primary);}
.phBottom.stuck .navik-menu>ul>li>a:before{bottom:-6px;background:var(--primary-100);}

/* DROPDOWNS */

.navik-menu li>ul{display:block !important;margin-block:.7rem 0;position:absolute;width:150px;top:100%;left:0;background-color:var(--bg-card);border:1px solid var(--border-light);padding:0;visibility:hidden;opacity:0;box-shadow:0px 12px 30px -2px rgba(0,0,0,1);transition:all 1s ease-in-out;}

.navik-menu.submenu-scale li>ul{transition:all 1s ease;transform:scale(0);transform-origin:0 0;display:flex !important;flex-direction:column;}
.navik-menu li:hover>ul{visibility:visible;opacity:1;}
.navik-menu.submenu-scale li:hover>ul{transform:scale(1);}

.navik-menu ul ul li > a{background-image:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;color:var(--text-primary);padding-inline:0;padding-block:.3rem 0;width:100%;white-space:normal;}
.navik-menu ul ul li > a:hover,.phBottom.stuck .navik-menu ul ul li > a:hover{color:var(--primary-700);}


/* MEGA / SERVICE MENUS */

.navik-menu.submenu-scale li.submenu-right ul{right:0;left:inherit;width:650px;transform-origin:100% 0;flex-wrap:wrap;flex-direction:row;}
.navik-menu.submenu-scale li.submenu-right ul li{width:33%;float:left;margin-block:1rem 0;}
.navik-menu ul ul.svc__list,.navik-menu ul ul.mfg__list{width:430px;flex-direction:row;flex-wrap:wrap;padding:1rem;align-items:center;}
.navik-menu.submenu-scale li ul.svc__list li,.navik-menu.submenu-scale li ul.mfg__list li{width:48%;float:left;margin-block:0;display:block;line-height:1;word-wrap:break-word;}
.navik-menu.submenu-scale li ul.svc__list li a,.navik-menu.submenu-scale li ul.mfg__list li a{display:inline-flex;align-items:center;white-space:normal;}
.navik-menu ul ul li>a>i,.navik-menu ul ul.svc__list li>a span::before,.navik-menu ul ul.mfg__list li>a span::before{font-family:'1stAuto';font-style:normal;margin-inline:.5rem;font-size:1.5rem;font-weight:normal;}
.navik-menu > ul > li:nth-child(3) > ul.svc__list{left:auto;right:0;}

}



@media (max-width:1199px){
.pNav{display:none!important;}
}

@media (max-width:1200px){
.phTop__right>*+*{border:0;}
.phBottom__right{max-width:none;}
.navik-menu{display:none;}
}

@media(min-width:1359px){
.phBottom__left>div:nth-child(2)>button{width:175px;min-width:190px;}
.phBottom__left>div:nth-child(1){padding-block:0.5rem;}
.phBottom__left>div:nth-child(2)>button{margin-inline:0;}
.phBottom__left>div:nth-child(2)>button:before{font-size:40px}

}

@media(min-width:1439px){
.navik-menu ul li>a{font-size:calc(14px + 6 * (100vw / 1920));}
.phBottom__left>div:nth-child(2)>button:before{font-size:40px;}
.phBottom__left>div:nth-child(2)>button span:nth-child(1){font-size:calc(10px + 8 * (100vw / 1920));}
.phBottom__left>div:nth-child(2)>button span:nth-child(2){font-size:calc(12px + 8 * (100vw / 1920));}
.phTop{padding:20px 5px;}
.phBottom{min-height:140px;}
}

@media(min-width:1500px){
.phBottom:before{background-size:250px;}
.navik-menu ul ul.svc__list{width:460px;}
.navik-menu ul li>a{font-size:calc(14px + 6 * (100vw / 1920));}
.navik-menu ul ul li>a{font-size:calc(8px + 6 * (100vw / 1920));}
.phTop__right{width:45%;}
.phTop{padding:18px 1vw}
.navik-menu > ul > li:nth-child(3) > ul.svc__list {left: -80%;right: 0;}
}

@media(min-width:1679px){
.phBottom__left>div:nth-child(2)>button{min-width:210px;}
}

@media (min-width:1919px){
.phBottom__left{position:relative;}
.phBottom__left>div:nth-child(1){margin-inline:0;padding-block:0.5rem;}
.phTop,.actCall{font-size:calc(10px + 5.1 * ((100vw - 320px) / 1920));}
.phBottom,.phTop{padding-inline:120px;}
.phTop__right{width:43%;}
.phBottom__left>div:nth-child(2)>button{min-width:220px}
.navik-menu > ul > li:nth-child(3) > ul.svc__list {left:0;right: auto;}
}



@media (min-width:2000px){
.phBottom,.phTop{padding-inline:200px;}
.phBottom__left>div:nth-child(2)>button span:nth-child(1){font-size:calc(5px + 8 * (100vw / 1920));}
.phBottom__left>div:nth-child(2)>button span:nth-child(2){font-size:calc(8px + 8 * (100vw / 1920));}
.navik-menu ul ul li>a{font-size:calc(8px + 6 * (100vw / 1920));}
.phTop__right{width:50%;}
.navik-menu ul ul.svc__list{width:550px;}
}

@media (min-width:2559px){
.phBottom,.phTop{padding-inline:400px;}
}















/* =========================
   FOOTER CORE
========================= */
footer{position:relative;background-color:var(--surface-inverse);color:var(--text-on-inverse);}
footer a{color:inherit;text-decoration-color:var(--text-on-inverse);}
#pfMain{width:clamp(16rem,95vw,107rem);margin-inline:auto;position:relative;padding-inline:clamp(1rem,4vw,2.5rem);}
#pfMain *,#pfMain *:before,#pfMain *:after{box-sizing:border-box;}
#pfMain ul{margin:0;padding:0;list-style:none;}
#pfMain a,#pfMain button{color:var(--text-on-inverse);}

/* =========================
   SECTION WRAPPERS
========================= */
#pfMain>div{margin-block:2rem 0;padding-block:0 2rem;border-bottom:2px solid rgba(255,255,255,.15);}
#pfMain>div:last-of-type{border:none;}

/* =========================
   TITLES
========================= */
#pfMain .title{margin-block:2rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;display:block;}
#pfMain .title:after{content:"";display:block;width:30px;height:8px;margin-top:11px;background-color:currentColor;-webkit-mask:url(/images/antek/decor-title.svg) no-repeat center/contain;mask:url(/images/antek/decor-title.svg) no-repeat center/contain;}

/* =========================
   TOP IMAGE / INTRO
========================= */
#pfTop{display:grid;grid-template-columns:1fr;gap:1.25rem;}
#pfTop img{display:block;width:100%;height:auto;margin-inline:auto;}

/* =========================
   MAIN FOOTER GRID
========================= */
#pfM{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start;}
#pfM>div{min-width:0;}
#pfM li{margin:0 0 1.25rem;position:relative;}
#pfM li:last-child{margin-bottom:0;}

/* =========================
   SERVICE + CONTACT (2 COL MOBILE)
========================= */
#pfHelp,#pfTouch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;}
#pfHelp li,#pfTouch li{margin:0;}
#pfTouch li{position:relative;}

/* =========================
   BUTTONS / ICON ROWS
========================= */
.pfButton{appearance:none;background:transparent;border:0;padding:0;cursor:pointer;width:100%;text-align:left;position:relative;padding-left:2.75rem;min-height:2.25rem;}
.pfButton a{display:block;text-decoration:none;color:inherit;}
.pfButton span{display:block;line-height:1.25;}
.pfButton span:nth-child(1){font-size:var(--fs-compact);opacity:.95;}
.pfButton span:nth-child(2){font-size:var(--fs-copmact);font-weight:600;margin-top:.15rem;}

.pfButton:before{font-family:'1stAuto';font-size:2rem;position:absolute;left:0;top:.15rem;line-height:1;color:var(--text-on-inverse);}

/* icon mappings */
.pfButton.ringUS:before{content:'\e934';}
.pfButton.emailUS:before{content:'\e948';}
.pfButton.apptUS:before{content:'\e98a';}
.pfButton.estUS:before{content:'\e935';}
.pfButton.svcUS:before{content:'\e91e';}
.pfButton.diagUS:before{content:'\e91d';}

/* hover */
#pfMain #pfM a:hover{color:var(--link-hover-on-inverse);text-decoration-color:var(--link-hover-on-inverse);}
.pfButton:hover:before{color:var(--link-hover-on-inverse);}

/* OPTIONAL: force only "View Categories" to stay on one line */
/* .pfButton.svcUS span:nth-child(2){white-space:nowrap;} */

/* =========================
   CONTACT OVERLAY LINK
========================= */
#pfTouch li a{position:absolute;inset:0;text-indent:-9999px;}

/* =========================
   FIND US
========================= */
#findUS>ul{display:grid;grid-template-columns:1fr;gap:1.5rem;}
#findUS>ul>li{margin:0;}
#findUS>ul>li:first-child{justify-self:center;}
#findUS img{width:100%;max-width:520px;height:auto;display:block;margin-inline:auto;}
#findUS>ul>li:last-child>ul{display:flex;flex-direction:column;gap:1.25rem;}
#findUS .footer__address a{position:relative;padding-left:2.6rem;display:block;line-height:1.4;}
#findUS .footer__address a:before{font-family:'1stAuto';content:'\e968';font-size:1.9rem;position:absolute;left:0;top:50%;transform:translateY(-50%);line-height:1;color:var(--text-on-inverse);}

/* =========================
   SITEMAP (2 COL MOBILE)
========================= */
#pfMain #siteMap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;}
#pfMain #siteMap li{margin:0;}
#pfMain #siteMap li a{display:block;}

/* =========================
   MOBILE REFINEMENT
========================= */
@media(max-width:599px){
  #pfTop img{max-width:90%;}
  .pfButton{padding-left:2.35rem;min-height:2.1rem;}
  .pfButton:before{font-size:1.65rem;top:.05rem;}
  .pfButton span:nth-child(2){font-weight:600;}
}

/* =========================
   RESPONSIVE LAYOUTS
========================= */
@media(min-width:599px){
  #findUS>ul{grid-template-columns:minmax(260px,420px) 1fr;align-items:start;}
  #findUS>ul>li:first-child{justify-self:start;}
  #pfMain #siteMap{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media(min-width:700px){
  #pfM{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(min-width:959px){
  #pfMain #siteMap{grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media(min-width:1023px){
  #pfM{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;}
  #pfHelp,#pfTouch{grid-template-columns:1fr;}
}

@media(min-width:1200px){
  #pfMain #siteMap{grid-template-columns:repeat(5,minmax(0,1fr));}
}
