#appointmentform{display:none;}
div.parent{display:none;}
.contact_preference, .contact_preference1,.contact_preference2 {display:block;}
h1.section_title, .h1, .h2.h3, .h4, .h5, .h6, body, a, #svcScroll .h3, #svcCats li a, #hpSVC ul li a, #rNav button:before {color: #231f20;}
#svcScroll .svcLI img {width:440px !important;height:265px !important;}
body > header {min-height: auto !important;}
#teamList{display:none;}
#pfStores ul li ul, #hrs__right ul{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 0.5rem;margin: 0.5rem 0 0;padding: 0;list-style: none;}
#pfStores ul li ul li, #hrs__right ul li{line-height:1.5}
#pfStores ul li a {color: #fff;text-decoration: none;display: block;font-size:1rem;}
#working__hours > div:nth-child(2) ul li {width: 100% !important;margin-block:0 1rem !important}
#working__hours > div:nth-child(2) ul li a{display:block;margin-block:0 .5rem;font-size: clamp(.8rem, 1.5vw, .9rem);}
#working__hours > div:nth-child(2) ul li:last-child {padding-left: 0 !important;}
#hrs__right__inner > p:first-of-type {margin-block: 1rem !important;line-height: 1.5 !important;}

#video__section > div:nth-child(2) div .play-button {background-color: #231f20 !important;color: #fff200 !important;}
#video__section > div:nth-child(2) div .play-button:before {color:#fff200 !important;}

#innerHP {color:#fff !important;}
#hpHead{background-color:#231f20}

.square-img {
    width: 100%;
    height: auto; /* Ensures responsiveness */
    aspect-ratio: 1 / 1;
    object-fit: cover; /* Ensures the image fills the square without distortion */
}


#featured__list li{}



#featured__list li:nth-child(2) div span:first-child:before {
    content: url('/owners/1/images/business-to-business.svg') !important;
    color:#fff !important;
    width:3rem;
    height:3rem;

}
#featured__list li:nth-child(1) div span:first-child:before {
    content: url('/owners/1/images/mechanic.svg') !important;
    color:#fff !important;
    width:3rem;
    height:3rem;
}
#featured__list li:nth-child(3) div span:first-child:before {
    content: url('/owners/1/images/smtc.svg') !important;
    color:#fff !important;
    width:3rem;
    height:3rem;
}
#featured__list li:hover:nth-child(3) div span:first-child:before {
    content: url('/owners/1/images/smtc-hover.svg') !important;
}
#featured__list li:hover:nth-child(2) div span:first-child:before {
    content: url('/owners/1/images/business-to-business-hover.svg') !important;
}
#featured__list li:hover:nth-child(1) div span:first-child:before {
    content: url('/owners/1/images/mechanic-hover.svg') !important;
}

#featured__list li button{bottom:10px;     left: 50%;
    transform: translateX(-50%);padding:.5rem;}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #231f20; /* Dark brown background */
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #231f20; /* Dark brown background */
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: #fff200; /* Yellow on hover */
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff200; /* Yellow play triangle */
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #231f20; /* Dark brown overlay */
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay iframe {
  position: absolute;
  top: 0; /* Position to the top */
  left: 0; /* Position to the left */
  width: 100%; /* Fill the full width of the overlay */
  height: 100%; /* Fill the full height of the overlay */
  box-shadow: 0 0 15px #231f20; /* Dark brown shadow around iframe */
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff200; /* Yellow close button */
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #231f20; /* Dark brown on hover */
}




body.modal_open {overflow: hidden;}
.modal {
    z-index: 3000000;
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transform: scale(0.95);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

.modal.visible {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.modal .modal_dialog {position: relative;background-color: #fff;width: 95%;margin: 0 auto;border-radius: 5px;background-clip: padding-box;}
.modal_dialog button {padding: 0.5em 1em;display: inline-block;width: auto;border: none;transition: all 0.5s;box-sizing: border-box;border-radius: 3px;background-clip: padding-box;text-transform: uppercase;float: right;background: #2d3434;color: #fff;}
.modal_dialog button:hover {background: #fff100;color: #2d2d34;border: 1px solid #2d2d34;}
.modal_dialog button:hover.disabled {background: #fff100;color: #2d2d34;}
.modal_dialog button:active {background: #2d2d34;color: #fff;}
.modal_dialog .modal_content {box-sizing: border-box;padding: 1em;}
.modal_content h3 {font-size: 1.1em;font-weight: 600;}
.modal_content h4 {margin: 0.2em 0;font-size: 0.8em;font-weight: 600;text-decoration: underline;}
.modal_dialog .modal_content img {float: right;}
.modal_dialog footer {box-sizing: border-box;background: #f0f0f0;color: #777;}
.modal_dialog span.close {
    text-shadow: none;
    z-index: 1;
    position: absolute;
    top: 5px;
    right: 5px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    background: #231f20;
    color: #fff;
    opacity: 1;
    display: flex; /* Center the icon */
    align-items: center;
    justify-content: center;
}

.modal_dialog span.close:hover {
    text-shadow: 0 0 0 #fff;
    background-color: #231f20;
    color: #fff;
}

/* Centered icon inside the close button */
.modal_dialog span.close:before {
    font-family: '1stAuto';
    content: '\e941';
    font-style: normal;
    font-weight: 100;
    font-size: 30px; /* Adjusted for better fit */
    line-height: 1.4em; /* Matches the button */
    text-align: center;
    display: block;

}

.modal_dialog span.close:before:hover {color: #fff100;}
.modal_dialog span.close:hover.disabled {background: #2d2d34;color: #fff;}
.modal_dialog span.close:active {background: #00213c;color: #fff;}
#video_container.modal_content {padding: 0;}
#video_box.modal .modal_dialog {position: relative;margin: 0;height: auto;padding: 5px;border-bottom-left-radius: 3em;border-top-right-radius: 3em;background: linear-gradient(#d97b19, #fff100);background-color: #000;}
#video_box.modal .modal_dialog #video_container {width: 100%;margin: 0;box-sizing: border-box;border: none;height: auto;padding: 20px;min-height: 150px;border-bottom-left-radius: 2.8em;border-top-right-radius: 2.8em;background-color: #000;}
#video_box.modal .modal_dialog {width: 800px;margin: 1em auto;padding: 5px;}
#video_box.modal .modal_dialog {position: absolute;width: 95%;margin: 0;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.video_opener {cursor: pointer;}



.myFitVid {  position: relative;  padding-bottom: 56.25%; /* 16:9 */  height: 0;}
.myFitVid iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}







.play-btn {
  width:34px;
  height:34px;
  transition: all .3s;
    background:#231f20;
    background-size: 200% auto;
 position: absolute;
  top:50%;
  left:50%;
  transform:translateY(-50%);
  border-radius:50%;
  line-height:44px;
  text-align:center;
  transition: .3s ease-in-out;
}
.play-btn:hover {
  box-shadow:0 10px 30px #111;
    transition: .3s ease-in-out;
  background:#fff200;
}
  .play-btn:before {
    content:"";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 34px;
    height: 34px;
    border: 2px solid #fff;
    border-radius:50%;
   -webkit-animation:my_zoom 3s linear .5s infinite;animation:my_zoom 3s linear .5s infinite;
  }
.play-btn:after {
  content: "\25B6"; /* Unicode for a play icon */
  position: absolute;
  font-family: '1stAuto';
  font-size: 1.2rem; /* Adjust as needed */
  color: #fff; /* Ensure it's visible */
  top: 50%;
  left: 57%;
  transform: translate(-50%, -51%);
}
.play-btn:hover:after {
  color: #231f20;
}

.play-icon {
  color:#fff;
  font-size:10px;
  position:relative;
  right:-3px;
    font-family: '1stAuto';
content: "\e942"
  
}
@-webkit-keyframes my_zoom{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.6}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes my_zoom{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.6}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}




@media screen and (min-width:567px){
.modal .modal_dialog {margin:2em auto;}

}

@media screen and (min-width:1024px) {
.modal .modal_dialog{width:920px;margin:2em auto;}
div.modal_content h3{font-size:1.5em}
div.modal_content h4{font-size:1em;margin:.2em 0}
div.modal_content p{font-size:.8em;}
.modal .modal_dialog button {padding:.5em 2em;}
.modal .modal_dialog modHead {padding:.5em 2em;}
.modal .modal_dialog .modal_content {padding:2em;min-height:400px;}
.modal .modal_dialog .modal_content img {float:right}
.modal .modal_dialog footer {padding:1em 2em;}
#video_box.modal .modal_dialog {width:1024px;margin:1em auto;padding: 5px;border-bottom-left-radius: 3em;border-top-right-radius: 3em;}
#video_box.modal .modal_dialog #video_container{padding:20px;min-height: 150px;border-bottom-left-radius: 2.8em;border-top-right-radius: 2.8em;}
}





#ctHead {top: 0;left: 0;width: 100%;z-index: 55;overflow: initial !important;box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.22);position:sticky;background-color:#231f20}
#ctHead a{color:#fff}
.full {position: relative;font-size: 1rem;}
.mButton {z-index: 2;padding: 0.5rem;position: relative !important;top: 0;left: 0;border: 0;cursor: pointer;width: 50px;height: 50px;}
.mButton .line {width: 30px !important;height: 4px !important;background-color: #fff !important;position: absolute;left: 50%;transform: translateX(-50%);transition: transform 0.3s ease, opacity 0.3s ease;}
.mButton .line:nth-child(1) {top: 12px;}
.mButton .line:nth-child(2) {top: 22px;}
.mButton .line:nth-child(3) {top: 32px;}
.mButton.active .line:nth-child(1) {transform: translateX(-50%) translateY(10px) rotate(45deg);}
.mButton.active .line:nth-child(2) {opacity: 0;}
.mButton.active .line:nth-child(3) {transform: translateX(-50%) translateY(-10px) rotate(-45deg);}
.uk-offcanvas-bar {top:80px !important;}
.mob-loc-finder i::before{font-family:'1stAuto';color:#fff;font-size:2rem;}
.mob-logo {display: block;margin: 0 auto;text-align: center;width: 100%;max-width: 250px;}
.mob-logo img {display: block;width: auto;height: auto;max-width: 100%;max-height: 60px;margin: 0 auto;}





.header {opacity: 1;justify-content: space-between;display: flex;transition: transform .5s ease 0s;background-color:#231f20;align-items: stretch;box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.22);backface-visibility: hidden;
width: 100%;background:#231f20}
.header .left-side {flex: 0 1 auto;align-items: center;display: flex;width: 20%;}
.header .left-side .logo-container .wrapper {padding-top: 0;transition: padding .4s ease;position: relative;z-index: 3;transform: translate3d(0, 0, 0);width:auto;}
.header .left-side .logo-container {width: 100%;text-align: center;position: relative;padding: .5em 0 0;transform: translate3d(0, 0, 0);display: block;}
.header .left-side .logo-container img {display: block;margin: 0 auto;max-width: 90%;}
.header.local.v2 .left-side .logo-container .logo-v2, .header.v2 .left-side .logo-container .logo-v2 {width: auto !important;margin-bottom: 0;height: auto !important;object-fit: contain;}
.header .right-side {flex: 0 1 auto;width: 60%;flex-direction: column;display: flex;padding-right:.5rem;background:#231f20}
.header .nav-bar, .header .top-bar {height: 50%;flex: 1 1 auto;}
.header .top-bar .little-nav {display: flex;height: 100%;}
.header .top-bar .little-nav li {justify-content: space-between;align-items: center;display: flex;flex: 0 1 auto;}
.header .top-bar .little-nav li:first-child a {padding-left: 0;}
.header .top-bar .little-nav li a, .header .top-bar .little-nav li span {padding: .2em 1em;font-size: .8em;color: #fff200;height: 100%;position: relative;display: flex;width: 100%;align-items: center;}
.header .top-bar .little-nav li a:before {content: '';position: absolute;left: 0;top: 0;width: 100%;border-top-style: solid;border-width: 2px;transition: transform .4s ease;transform: scaleX(0);color:#fff200;}
.header .top-bar .little-nav li a:hover:before,
.header .top-bar .little-nav li a:focus:before {transform: scaleX(1);}
.header .top-bar .userLocation {position: absolute;right: 0;top: 0;height: 100%;display: flex;flex-wrap: nowrap;align-items: center;}
.userLocation li {color: #fff200 !important;display: flex;align-items: center;font-size:clamp(.6rem, 1vw, 1.1rem);line-height:1.5}
.userLocation li span{text-decoration:underline;}
.userLocation li:before {margin-right: 0.5rem;font-size: 1rem;font-family: '1stAuto';content: "\e968";font-weight: normal;display: inline-block;vertical-align: middle;}
.header .userLocation li a{line-height:1.2 !important}
#installers  .userLocation li{padding-left:0;}
#installers  .userLocation li span{display:none;}
#installers  .userLocation li:before{color:#231f20}

.header .top-nav > ul > li > a, .header .top-nav > ul > li > button {display:flex;font-size:clamp(.8rem, 1vw, 1.1rem);text-align:center;padding:0 2rem 0 0;width:100%;background-color:transparent;transition: color .5s ease 0s, opacity .5s ease 0s;
opacity: 1;align-items: center;justify-content: center;cursor: pointer;overflow: hidden;height: 100%;letter-spacing: .100em;}
.header .top-nav > ul > li > a:hover, .header .top-nav > ul > li.active > a{color:#fff200 !important}
.header.v2 .top-nav > ul > li > a {letter-spacing: 0;}
.header .top-nav > ul > li.home > a {padding-left: 0;}
.header .top-nav {height: 100%;flex: 1 1 auto;display: flex;}
.header .top-nav > ul {display: flex;height: 100%;}
.header .top-nav > ul li a{position:relative;}
.header .top-nav > ul li#stores > a{padding-right:3rem;position:relative;}
.header .top-nav > ul > li#stores > a:after{font-weight: normal;transition: .5s ease-in-out;font-family: '1stAuto';margin-block: 0;float: right;font-size: 1rem;content: '\e911';transform: translateY(-50%) rotate(90deg); 
display:inline-block;position:absolute;right:1.5rem;top:55%}
.header .top-nav > ul > li#stores.active > a:after {transform: translateY(-50%) rotate(-90deg);}
.header .right-side li{line-height:1;margin-block:0;font-size: clamp(.8rem, 1vw, 1.2rem);}
.header.v2 .top-bar {border-bottom: solid 2.8px #fff200;position:relative;}
.header .callout {flex: 0 1 auto;width: 20%;justify-content: center;align-items: center;display: flex;}
.header .callout a {color: #231f20 !important;font-weight: 700;display: flex;align-items: center;background: #fff200;padding: .5rem;border-radius: 10px;margin-right: 1rem;}
.header .callout a:before {margin-right: 0.5rem;font-size: 1.2rem;font-family: '1stAuto';content: "\e91e";font-weight: normal;display: inline-block;}
.navik-menu li > ul {margin-block:0 !important;}
.dd-nav {position: absolute;width: 100%;left: 0;top:80%;padding:0;transform: translateY(-100%);z-index: -2;transition: opacity .75s ease 0s, transform .75s ease 0s;opacity: 0;}
.desktop-nav > li.active > .dd-nav {transform: translateY(0);opacity: 1;}
.dd-nav .wrapper{padding:1rem;background-color: #231f20;width: clamp(16rem, 99vw, 120rem);background-size: auto 100%;background-repeat: no-repeat;background-position: right;box-shadow: 0 .5em 1em rgba(0, 0, 0, 0.3);}
.ctDrop {display: flex;flex-wrap: nowrap;gap: 1rem;padding:1rem 1rem 1rem 1rem;margin: 0;list-style: none;color:#fff;min-height:500px}
#ctDrop_CTA li{margin-block:1.2rem;cursor:pointer;}
#ctDrop_CTA button{cursor:pointer;}
#ctDrop_CTA .pfButton.hrsUS:before {content: '\e915';}
#ctDrop_CTA .pfButton:before {font-size: 2rem;font-family: '1stAuto';position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #fff;}
.dd-nav .h3, .dd-nav p{color:#fff;margin:1rem 0;line-height:1.5}
.ctDrop li > .h3{font-size:clamp(1.2rem, 2.8vw,1.5rem);color:#fff}
.ctDrop .pfButton span {color:#fff}
.ctDrop > li {flex: 1;box-sizing: border-box;min-width: 200px;color:#fff;}
.ctDrop > li:first-of-type{min-width:300px;padding-inline:0 2rem;display:none;}
.ctDrop > li:first-of-type a{display:inline;}
.ctDrop > li ul {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 0.5rem;margin: 0.5rem 0 0;padding: 0;list-style: none;}
.ctDrop.ctUnits > li ul {display: flex;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1rem;margin: 0.5rem 0 0;padding: 0 2rem 0 0;list-style: none;flex-wrap:wrap;justify-content:flex-start;align-items:center;}
.ctDrop > li#ctIA ul,.ctDrop > li#ctHours ul {grid-template-columns: 1fr;}
.ctDrop li ul li {margin-bottom: 1rem;font-size: 0.95rem;line-height: 1.4;}
.ctDrop li a {color: #fff;text-decoration: none;display: block;}
.ctDrop li span.ctADD:before,.ctDrop li span.ctTEL:before {margin-right: 0.3rem;font-size: .8rem;font-family: '1stAuto';font-weight: normal;}
.ctDrop li span.ctADD:before {content: "\e968";}
.ctDrop li span.ctTEL:before {content: "\e934";}
.ctDrop li a strong {font-weight: bold;display: block;margin-bottom: 0.1rem;}
.ctDrop li a span {display: block;line-height: 1.4;margin-bottom:.3rem}

.uk-offcanvas-bar {color:#fff !important}


#ctMenu {list-style: none;padding: 0;margin: 0;background-color: #231f20 !important;color: #fff !important;}
#ctMenu * {color: #fff;text-transform: uppercase;background-color:#231f20}
#ctMenu a {color: #fff;text-decoration: none;display:block;margin-bottom:.2rem;background-color:#231f20}
#ctMenu a:focus, #ctMenu a:active {text-decoration: underline;}
#ctMenu span {display: block;margin-top: 0.2rem;}
#ctMenu span.ctADD {font-weight: normal;}
#ctMenu span.gStars {color: #fff200;font-weight: bold;background-color:#231f20}


#ctMenu > li > ul,#ctMenu ul ul {list-style: none;transition: max-height 0.5s ease-in-out;max-height: 0;overflow: hidden;padding-left: 0;margin: 0;}
#ctMenu ul ul{padding-left:1rem}
#ctMenu ul.menuExpanded {max-height: 1200px;padding-left:1rem;letter-spacing:.1rem;}
#ctMenu ul.menuExpanded ul {padding-left:0;}
#ctMenu ul.menuExpanded ul.menuExpanded {font-size: 0.9rem;padding-left:1rem}
#ctMenu ul.menuExpanded ul.menuExpanded * {font-size: inherit;}
#ctMenu > li {margin-block: 0;padding-block:.5rem;position: relative;line-height:1.5;background-color:#231f20}
#ctMenu > li ul > li {margin-block:.5rem 1rem;padding:0;position: relative; line-height:1.5 }
#ctMenu li button:before, #ctMenu li a:before {font-family: '1stAuto';margin-inline: 0.5rem;margin-block: 0;float: left;font-size: 1.5rem;content: '';}
#ctMenu li button.sbHome:before {content: '\e987';}
#ctMenu li button.sbStores:before {content: '\e968';}
#ctMenu li button.sbTransmission:before {content: '\e928';}
#ctMenu li button.sbRipper:before {content: '\e9ba';}
#ctMenu li button.sbTransletter:before {content: '\e992';}
#ctMenu li button.sbReviews:before {content: '\e991';}
#ctMenu li button.sbFinance:before {content: '\e983';}
#ctMenu li button.video:before {content: '\e98b';}
#ctMenu li button.sbWarranty:before {content: '\e902';}
#ctMenu li button.sbMap:before {content: '\e986';}
#ctMenu li button.sbJoin:before {content: '\e98e';}
#ctMenu li button.sbInstall:before {content: '\e91e';font-weight:normal;}
/* Buttons */
#ctMenu button {cursor: pointer;background: none;border: none;text-align: left;width: 100%;padding:0;font-size: 1rem;position: relative;color: #fff;display:inline-flex;align-items:center;}
#ctMenu button.hasctSub:after {font-weight:normal;transition: .5s ease-in-out;font-family: '1stAuto';margin-inline: .5rem;margin-block: 0;float: right;font-size: 1.8rem;content: '\e911';position: absolute;right: 1rem;transform: rotate(90deg);
}
#ctMenu button.hasctSub[aria-expanded="true"]:after {content: '\e911';transform: rotate(-90deg);color:#fff200}
#ctMenu ul ul {padding-left:0;}

#sidebar .installers p:first-of-type{margin:0;line-height:1.5}
#sbJoin p{line-height:1.5}

.nearBy {flex:1;overflow-y:auto;max-height:calc(100% - 60px);margin:0;padding:0;list-style:none;}



#page_body .nearBy{display:flex;flex-direction:column;flex-wrap:wrap;gap:0;justify-content:flex-start;}
#page_body .nearBy > li{width:100%;padding:2rem 0;}
#page_body .nearBy li .shopTop:after {display:none;}
#page_body .nearBy .shopContact{max-height: 500px;opacity: 1;}
#page_body #installer_directory{max-height: 0;opacity: 0;overflow: hidden;transition: max-height 1.5s ease, opacity 1.5s ease;}
#page_body #installer_directory.show {max-height:2000px;opacity: 1;padding-bottom:2rem}
#page_body #installer_index  button{color: #231f20 !important;font-weight: 700 !important;display: flex;align-items: center;background: #fff200;padding: .5rem;border-radius: 10px;margin-right: 1rem;font-size:1.5rem;}
#page_body #installer_index .callout {width:auto;justify-content: center;align-items: center;display: flex;margin-block:0 2rem}
#page_body #installer_index .callout span {color: #231f20 !important;font-weight: 700;display: flex;align-items: center;background: #fff200;padding: .5rem;border-radius: 10px;margin-right:0;font-size:1.5rem;border:1px solid #231f20;cursor:pointer;}
#page_body #installer_index .callout span:before{margin-right: 0.5rem;font-size: 2rem;font-family: '1stAuto';content: "\e91e";font-weight: normal;}



.nearBy li {margin:0;line-height:1.5;position:relative;color:#231f20;font-size:clamp(1rem, 1.2vw, 1.3rem);transition:0.3s ease;padding:1rem 0;border-bottom:1px solid #231f20;}
.nearBy li a{color:#231f20}
.nearBy li .gStars{font-size:1rem !important}
.shopTop{position:relative;padding-block:1.5rem 0;display:block;}
.shopTop p{font-size:clamp(.8rem, 1vw, 1rem);line-height:1.2;margin-block:.2rem}
.nearBy li .shopTop:after {font-weight: normal;transition: .5s ease-in-out;font-family: '1stAuto';margin-block: 0;float: right;font-size: 2rem;content: '\e911';transform: translateY(-50%) rotate(90deg);display: inline-block;
position: absolute;right: 1.5rem;top: 55%;cursor:pointer;}
.nearBy li.viewAble .shopTop:after  {transform: translateY(-50%) rotate(-90deg);}
.nearBy li.active {background-color:#fff200;border-left:5px solid #231f20;color:#231f20;padding-left:10px;transition:background-color 0.3s ease, border-left 0.3s ease;}


.store {display:block; font-size:clamp(.8rem, 1vw, 1.2rem);text-transform:capitalize;line-height:1.2;margin-bottom:0;max-width:70%;}

#page_body .store{max-width:100%}

.store a {letter-spacing:0.42px;font-weight:600;text-decoration:none;transition:color 0.5s ease;}
.store a:hover {color:#FF5733}
.store_distance {font-size:clamp(.7rem, 4vw, .9rem);position:absolute;top:0}

.indiv_installer{position:relative;padding-top:.5rem}
.indiv_installer p{margin:0;padding:0;font-size:clamp(.9rem, 5vw, 1rem);line-height:1.8;}
.indiv_installer ul{position:absolute;top:.7rem;right:0;cursor:pointer;font-size:inherit;display:flex;flex-direction:column;background:transparent}
.indiv_installer ul li{border:0;display:inline-flex;align-items:center;line-height:1;margin-block:0 1rem;padding:0;font-size:clamp(.9rem, 5vw, 1rem);background:transparent}
.indiv_installer li:before{font-family:'1stAuto';font-size:1.2rem;margin-right:.2rem}
 
.nearBy .indiv_installer ul{position:absolute;top:.7rem;right:0;cursor:pointer;font-size:inherit;display:flex;flex-direction:column;background:transparent}
.nearBy .indiv_installer ul li{border:0;display:inline-flex;align-items:center;line-height:1;margin-block:0 1rem;padding:0;font-size:clamp(.9rem, 5vw, 1rem);background:transparent}
.nearBy .indiv_installer li:before{font-family:'1stAuto';font-size:1.2rem;margin-right:.2rem}
.installer_status{font-size:clamp(.7rem, 4vw, 1rem);margin:0;}
.installer_status span{font-weight:700}
.now_open{color:green;}
.now_closed{color:red;}
.indiv_installer li.viewMap:before{content:'\e968'}

.nearBy p#shopView{margin-block:.5rem;line-height:1;display:none;}

.nearBy ul.shopContact{display: flex;flex-direction:column;align-content:flex-start;margin-block:1rem 0;max-height: 0;opacity: 0;overflow: hidden;transition: max-height 1s ease, opacity 1s ease;}
.nearBy .shopContact.show {max-height: 500px;opacity: 1;}
ul.shopContact li{border:0;margin-block:0 1rem !important;padding:0 !important;font-size:clamp(.8rem, 1vw, 1rem);line-height:1.2;border:0 !important;display:inline-flex;}
ul.shopContact li ul{flex-direction:row;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}
ul.shopContact li ul li{width:50%;}

.nearBy ul.shopContact li a, .nearBy ul.shopContact li.viewTel span {
text-decoration: underline !important;
text-underline-offset: 4px;
}

.nearBy ul.shopContact li.viewTel:before {content: '\e934';}
ul.shopContact li:before{font-family:'1stAuto';font-size:1.2rem;display:inline-block;margin-bottom:0.1rem;text-align:center;margin-right:.5rem;cursor:pointer;}
ul.shopContact li.shopADD:before{content:'\e968';}
ul.shopContact li.shopStatus:before{content:'\e915';}
ul.shopContact li.shopAppt:before{content:'\e98a';}
ul.shopContact li.shopEst:before{content:'\e935';}
ul.shopContact li.shopDiag:before{content:'\e91d';}
.makeModel, #makeUnits {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 1rem;padding: 0;list-style: none;clear:both}
.makeModel li, #makeUnits li {flex: 1 1 calc(33.333% - 1rem);text-align: center;padding: 0.5rem;background-color: #fff200;color:#231f20;border: 1px solid #231f20;border-radius: 5px;max-width:200px;line-height:1.2}
#makeUnits li a{color:#231f20}

@media screen and (max-width: 1600px) {
.header .right-side {padding-left: 1.5%;}
}


@media screen and (max-width: 1300px) {
.header.v2 .right-side {width: 70% !important;}
}


@media screen and (max-width: 1000px) {
.header .left-side .logo-container {width: 45%;position: relative;z-index: 3;display: none;}
.header .left-side {flex: 0 1 auto;max-width: 100%;width:100%;background-color: #231f20;padding: 0 2% 0 2%;justify-content: space-between;}
.header .right-side {flex: 0 1 auto;width: 0;padding-right: 0;display: flex;justify-content: space-around;padding-left: 0;}
.header .right-side, .header .callout{/* display:none; */}
.header.v2 .right-side {width: 0% !important;overflow:hidden;}
.header .nav-bar {padding-top: 0;}
.header .top-nav {position: absolute;top: 100%;width: 100%;transition: all .5s ease 0s !important;border-bottom: solid 1px #DBDBDB;right: 100%;opacity: 0;padding: 1.5em 4% 0;background-color:#FFFFFF;
height: auto;justify-content: space-between;display: flex;flex: 0 1 auto;align-self: center;}
.header .top-bar {text-align: center;justify-content: flex-end;order: 1;}
.header .callout {display: none;}
}

@media screen and (max-width:428px){
#ctHead {position:sticky;}
}


@media screen and (max-width: 800px) {
.header .left-side {width: 100%;}
.header .top-nav {position: absolute;top: 100%;transform: translateX(-100%);width: 80%;max-width: 100%;display: block;
transition: transform .5s ease 0s, opacity .5s ease 0s, color .5s ease 0s, background-color .5s ease 0s, box-shadow .5s ease 0s, right .5s ease 0s, left .5s ease 0s, height .5s ease 0s;
background-color: #EFEFEF;overflow: auto;height: 100vh;border: 0;box-shadow: 0.833em 1.111em 2.222em rgba(0, 0, 0, 0.15);padding: 0;left: -100%;right: auto;}
}


@media screen and (max-width: 550px) {
.header .left-side {justify-content: space-between;flex: 0 1 100%;padding: 0 2% 0 3.5%;}
.mob-logo img {max-height:100px;}
.header .right-side {flex: 0 1 0%;}
.header .top-bar {display: none;}
}


@media screen and (max-width: 350px) {
.mob-logo {max-width: 200px;}
}

@media screen and (min-width:590px){
.mob-logo{max-width:340px;}
.mob-logo img{max-height:120px;}
.uk-offcanvas-bar {top: 120px !important;}
#sidebar{display:block;}
.nearBy .store{font-size: clamp(.8rem, 5vw, 1.2rem);}
.nearBy .shopTop p{font-size: clamp(.8rem, 3vw, 1rem);}
.nearBy ul.shopContact li{font-size: clamp(.8rem, 3vw, 1rem);}
}

@media screen and (min-width:767px){
.square-img {
    max-width: 400px;
    float: right;
    margin-inline-start: 2rem;

}
}


@media (min-width:768px){
.phTop{display:flex;}
}


@media screen and (min-width: 1000px){
#MenuButton, .mob-logo, .mob-loc-finder{display:none;}
.nearBy ul.shopContact li {font-size: clamp(.8rem, 3vw, .9rem);}
.nearBy .store {font-size: clamp(.8rem, 5vw, 1rem);}
.store{max-width:80%;}



#page_body .nearBy{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;justify-content:flex-start;}
#page_body .nearBy > li{width:50%;padding:2rem 0;border-bottom:0;}


}


@media screen and (min-width:1279px){
.header .callout a:before {font-size: 2rem;}
.header .top-bar .little-nav li a, .header .top-bar .little-nav li span{font-size:.9rem}
.header .top-nav > ul > li > a, .header .top-nav > ul > li > button {font-size: clamp(.8rem, 2vw, 1.1rem);}
.ctDrop > li:first-of-type {display:block;}
.header .right-side li {font-size: clamp(.8rem, 2vw, .9rem);}

}




@media screen and (min-width:1439px){
.header .top-nav > ul > li > a, .header .top-nav > ul > li > button {font-size: clamp(.8rem, 2vw, 1.2rem);}
.userLocation li:before {font-size:1.5rem}
}

@media screen and (min-width:1600px){
.header .callout a {font-size:1.5rem;}
.header .callout a:before {margin-right: 0.5rem;font-size: 2rem;font-family: '1stAuto';content: "\e91e";font-weight: normal;display: inline-block;}
.userLocation li:before {font-size:2rem}
.header .top-nav > ul > li > a, .header .top-nav > ul > li > button {font-size: clamp(.8rem, 2vw, 1.3rem);}
.header .top-bar .little-nav li a, .header .top-bar .little-nav li span {font-size: 1.1rem;}
}

@media screen and (min-width:1679px){

.ctDrop > li:first-of-type {min-width:500px;}
}


@media screen and (min-width:1919px){
.ctDrop > li:first-of-type{min-width:600px;}
}


@media screen and (min-width:2050px){
.header{padding-inline:300px}
}