@charset "UTF-8";
:root {
--star-size: 60px;
--star-color: #cfcfcf;
--star-color-white: #ffffff;
--star-background: #fc0;
--star-background-white: #fff;
--fs-xl:clamp(1.2rem, 2vw + 1rem, 3.5rem);
--fs-600:2rem;
--fs-400:1rem;
--font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";



}
@media(min-width:40em){
:root{
--fs-600:3rem;
--fs-400:1.125rem;
}
}
.gStars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  line-height: 1;
  font-size:1.5rem
}
.gStars::before {
  content: "★★★★★";
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

*{box-sizing: border-box;}

a.more:after, address {font-style: normal}


abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
optgroup,
output,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
/* font-weight: inherit; */
font-style: normal;
text-decoration: none;
vertical-align: baseline
}



.fa-star-of-life::before {
display: inline-block;
font-size: 1.5rem;
margin-bottom:.1rem;
}




#kStory{margin-top:3rem !important}



a{
margin: 0;
padding: 0;
font-weight: inherit;
font-style: normal;
text-decoration: underline;
vertical-align: baseline;
text-underline-position: under;
}

header a{
text-decoration:none;
}

a span.hideMe{display:none;}

dfn,
ins,
td,
th {
border-width: 0 0 1px
}

dfn,
input,
ins,
select,
td,
textarea,
th {
border-style: solid
}

article,
aside,
audio,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}

canvas,
video {
display: inline-block
}


#bannerQuote label{
display:none;
}



#bannerQuote select{
color:#000 !important;
background:#fff !important;
}


body {
line-height: 1.5;
font-family:var(--font-family);
}
button{font-family:var(--font-family);}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height:1.5;
    margin:1rem 0;
    font-family: var(--font-family);
    display:block;
    font-weight:600;
}
.h1::before, .h2::before, .h3::before, .h4::before, .h5::before, .h6::before{font-weight:normal;}
h1, h2, h3 {text-transform: uppercase}

p,q,li{line-height:2;font-size:clamp(1rem, 1.5vw, 1.2rem);}

q::before, q::after{content:'"'}

.section_title small {
display: block;
font-weight: 600
}



.section_title span {
display: block;
}



h1, .h1 {font-size:clamp(1.1rem, 3vw, 3rem)}
h2, .h2 {font-size:clamp(1.3rem, 3vw, 3rem)}
h3, .h3 {font-size:clamp(1.2rem, 2.8vw, 2.5rem);}
h4, .h4 {font-size:clamp(1.2rem, 2.5vw, 2.3rem)}
h5, .h5 {font-size: 1.2rem}
h6, .h6 {font-size: 1.1rem}
.h4.siteNav{text-align:left;font-size:1rem;}
.h4.siteNav i{font-weight:400;font-size:1.1rem;margin-right:.3rem}
.h4.siteNav a, .h4.siteNav a:hover{text-decoration-color:#ffffff;color:#fff !important}

div.myFitVid img{width:auto;}

.gThumb{
display:inline-block;
}
.gThumb img{
width:50%;
float:right;
margin:.3rem 0 .5rem 1rem;
}


a {font-weight: 400}
a.more {text-transform: uppercase}


a.more:after {
content: '\e911';
font-family: '1stAuto';
font-weight: 400;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
text-align: center;
}

a em, button em{display:none;}

div.collection{display:inline-block;width:100%}
#sidebar div.collection{display:inline;}
span.nav{float:right;}

span.nav button{
cursor:pointer;
font-size:1.5rem;
line-height:1 !important;
background:none;
border:none;
font-weight:600;
}



#sidebar .sb_header.widget img{width:100%;}

/*
#sidebar .gAggregate a{width: 44%;margin: 0 auto;background: url(/images/gReviewBG.webp) no-repeat left center;padding-left: 211px;line-height: 1.68;background-size: 37%;min-height: 67px;font-size: 1rem;background-size: 50%;text-decoration: none;}
#sidebar .gAggregate a span div.gStars{margin:0;}

*/

#intro .gAggregate{display:none;}

audio, table {width: 100%}

#reviews .rLink {text-decoration: none !important}
#reviewSlide{font-weight:normal !important;}
abbr, acronym {text-transform: uppercase}

abbr[title], acronym[title], dfn[title] {
cursor: help
}

.pagination ul li.active a, .pagination ul li.disabled a, .tabs > h3 {
cursor: default
}



a.myAddressLink,
a.myAddressLink2 {
line-height: 1.5;
}

sub,
sup {
line-height: .5rem
}


small,
sub,
sup,
tfoot tr {
font-size: .8rem
}


blockquote {
padding: 1rem;
margin: 1rem 0
}

table {
margin: 2rem 0;
border-collapse: collapse;
border-spacing: 0
}

td,
th {
padding: .5rem;
text-align: center
}

caption {
font-size: 1.2rem;
padding: 1rem
}

ol,
ul {
list-style-position: inside;
}

ul {
list-style-type: none;
}



ul.btnList{display:flex;flex-direction:row;flex-wrap: nowrap;justify-content: center;padding:0;align-items: center;margin:2.5rem 0;}
ul.btnList li{margin:0;}
ul.btnList li:first-child{margin:0 1rem 0 0;}
ul.btnList li a.cta, ul.btnList li a.cta2 {width:8rem;}
#sidebar ul.btnList{margin:1rem 0;padding:0;}


ol {
list-style-type: decimal
}

ol ol {
list-style-type: upper-alpha
}

ol ol ol {
list-style-type: lower-alpha
}

li {margin-block:1rem;}

fieldset > div,
form div.formrow {
width: auto;
position: relative;
clear: both;
overflow: hidden;
margin-bottom: 1rem
}

input,
select,
textarea {
border-width: 1px;
border-radius: 3px;
background-clip: padding-box;
font-size: 1rem;
font-family: inherit;
width: 100%;
margin: 0
}

.dropdown_container .trigger:after{
font-family: '1stAuto';
font-style: normal;
right: 0;
text-align: center
}

input,
optgroup,
option,
select,
textarea {
padding: .4375rem .625rem;
height: 2.275rem;
margin-bottom: .5rem;
}

label {
display: block
}

label.required:before {
content: "*";
font-size: 1.5rem
}
label i{display:none;}
input[type=radio],
input[type=checkbox] {
width: auto;
margin: .3125rem .625rem
}

input[type=radio] + label,
input[type=checkbox] + label {
width: auto;
display: inline-block
}

fieldset {
padding: 1rem;
margin: 1rem 0
}

form input[type=submit] {
float: right
}

.hidden {
display: none
}

.clear {
clear: both
}

.alignleft {
float: left
}

.alignright {
float: right
}

body.modal_open {
overflow: hidden
}





.bio,
.shopinfo {
border-style: solid
}


.bio a.close:before,
.bio a.previous:before {
font-family: '1stAuto';
font-style: normal;
text-align: center;
}

.team {
display:flex;
flex-direction:row;
justify-content:center;
flex-wrap:wrap;
list-style-type: none;
margin: 0;
position: relative;
overflow: hidden;
text-align: center;
font-size:.9rem;
line-height: 1.4;
width:100%
}

.bio a.close,
.bio a.next,
.bio a.previous {
font-size: 2rem
}

.team .employee:nth-child(1n) {
width: 40%;
margin: 1rem 5% 0;
line-height:1.2
}

.team li{
font-size: clamp(.8rem, 1.5vw, 1.2rem);
}

.team li figure {
height: 0;
padding-bottom: 100%;
position: relative;
margin-bottom:.5rem
}

.team li figure span {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
border-radius: 1000px;
background-clip: padding-box;
}

.employee .switcher {
margin-top: .5rem;
display: inline-block;
}

.bio, .bio .face figure div {
overflow: hidden
}

.team li figure span img {
width: 100%;
height:100%;
margin-bottom: .5rem
}

.team li figure span span {
display: block;
padding: 2.5rem;
min-height: 100%
}

.team li figure span:hover {
border-style: solid;
border-width: 5px
}

.bio {
border-width: 10px;
border-radius: 3px;
background-clip: padding-box;
padding:.5rem 1rem;
text-align: center;
margin:1rem 0;
width:100%
}

.bio .nav {
display: inline-block;
text-align: right;
width: 100%;
}

.bio .face {
width: 80%;
margin: 0 auto 1rem;
}

.bio .face figure {
height: 0;
padding-bottom: 100%;
position: relative
}

.bio .face figure div {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 1000px;
background-clip: padding-box;
text-align: center
}


.bio .face figure div img {
width: 100%
}

.bio .h3 {
font-size: 1.5rem;
margin: 1rem 0 .5rem 0
}

.bio .h4 {
margin: 0 0 1rem 0
}



.shopinfo {
border-width: 1px;
border-radius: 3px;
background-clip: padding-box;
padding: 1rem;
overflow: hidden;
font-size: 14px;
margin: 2rem 0 4rem
}

.shopinfo .box {
margin-bottom: 10px
}

.shopinfo figure {
padding: .7rem;
text-align: center;
text-transform: uppercase
}

.shopinfo figure img {
max-width: 100%
}

.shopinfo figcaption {
font-weight: 600;
font-size: 16px
}

.shopinfo address {
clear: both
}

.shopinfo a.btn {
padding: .5rem 2rem;
width: auto;
border: none;
line-height: 1.4rem;
font-weight: 400;
font-size: 1rem;

float: none;
border-radius: 3px;
background-clip: padding-box;
display: block;
text-transform: uppercase
}

main {
overflow: hidden;
display:flex;
flex-direction:column;
}

#page_wrapper {
padding: 1rem;
overflow: hidden
}

#page__top {
padding-inline: 1rem;
overflow: hidden
}


.pagination {
text-align: center;
overflow: hidden;
width: auto;
font-size: .9rem;
padding-bottom: 50px
}

.pagination ul {
display: inline-block;
list-style-type: none;
margin: 0
}

.pagination ul li {
display: inline
}

.pagination ul li a {
display: inline-block;
width: 2rem;
line-height: 2rem;
margin: 0 .2rem;
text-align: center;
border-radius: 1000px;
background-clip: padding-box
}



.accordion > div {
margin-bottom: 2rem
}


#offerContainer h3 {
clear: left !important;
padding: 0;
line-height: 1;
}

#offerContainer h3:nth-child(1) {
color: red;
}

#offerContainer p {
font-size: 1.2rem;
padding-top: 1rem;
display: inline-block;
}


.expiredOffer {
font-weight: 800;
color: red;
}



img.fullwidth {
width: 100%
}

body > header {
padding-top: 0;
background-color:#fff;
min-height:165px;
position:fixed;
width:100%;
z-index:999;
transition:min-height 3s ease-in-out
}
body > header.shrinked {
box-shadow:0 2px #888888;
min-height:0;
}


body > header .wrapper {
position:relative;
z-index:10000;
}


.header-unit {
position: relative;
}

#video-container {
position: absolute !important;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden
}

video {
position: absolute;
z-index: 0;
left: 0
}

video.fillWidth {
width: 100%
}


#banner_bottom .appointment a,
#banner_bottom .estimate a{
padding: .5rem 4rem;
border-radius: 5px;
background-clip: padding-box;
display: block;
margin: .5rem 4.8rem .5rem .5rem;
}

#banner_bottom .appointment a,
#banner_bottom .estimate a {
margin: 1rem .5rem
}

#banner_bottom .appointment a i,
#banner_bottom .estimate a i {
font-size: 2.5rem;
line-height: 1rem;
float: left;
margin: 0 19px 0 -1rem;
}

#banner_bottom .appointment a i:before,
#banner_bottom .estimate a i:before{
font-family: '1stAuto';
font-style: normal;
font-weight: 400;
opacity: .7
}


#banner_bottom .appointment a i:before {
content: '\e944';
}

#banner_bottom .estimate a i:before {
content: '\e935';
}



#breadcrumb ul li a:after {
font-family: '1stAuto';
font-style: normal;
width: 1.4rem;
}

#breadcrumb ul li i{
margin:0 .5rem;
}

#banner_bottom .appointment a span,
#banner_bottom .estimate a span {
display: block;
white-space: nowrap
}

#banner_bottom .appointment a span:nth-child(2),
#banner_bottom .estimate a span:nth-child(2),
body > header .appointment > a span:nth-child(2),
body > header .estimate > a span:nth-child(2) {
font-size: 1.2rem;
text-transform: uppercase
}

#breadcrumb {
overflow: hidden;
width: auto
}

#breadcrumb ul {
display: inline-block;
list-style-type: none;
margin: 0
}

#breadcrumb ul li {
display: inline
}

#breadcrumb ul li a:after {
display: inline-block;
height: 1.4rem;
text-align: center;
}

#hero > div {
width: 100%;
height: 125px;
position: relative;
overflow: hidden
}



#hero > div .slide {
width: 100%;
height: 125px;
position: relative;

}
#hero > div .slide div{
display:none;
position:relative;
}


#hero .slide > div h1 {
font-weight: 600;
font-size: 2rem;
line-height: 1.8rem
}

#hero .slide > div h1 small {
display: block;
font-weight: 600;
font-size: .65rem;
line-height: 1.8rem
}

#hero .slide > div a.cta {
padding: .5rem 2rem;
width: auto;
line-height: 1.4rem;
border-style: solid;
border-width: 3px;
border-radius: 3px;
background-clip: padding-box;
text-transform: uppercase;
font-weight: 600;
font-size: 1rem;

float: none;
margin: 1rem
}

#hero_page {
display: none
}

#hero_page h1 {
font-size: 2rem;
line-height: 1.8rem
}

#hero_page h1 small {
display: block;
font-weight: 600;
font-size: .65rem;
line-height: 1.8rem
}

#hero_page .wrapper {
padding: 1rem
}

a.cta, a.cta2, span.cta, span.cta2, button.cta, button.cta2 {
display: inline-block;
padding: .3rem 0;
line-height: 1.4rem;
border-style: solid;
border-width: 2px;
border-radius: 2px;
background-clip: padding-box;
font-size: 1rem;
float: none;
text-align: center
}

section.cta,
section.cta2 {
padding: 1rem;
margin-bottom: 2rem
}

section.cta a.cta,
section.cta a.cta2 {
margin-left: 1rem;
display: inline-block;
padding: .5rem 0;
width: 10rem;
line-height: 1.4rem;
border-style: solid;
border-width: 3px;
border-radius: 3px;
background-clip: padding-box;
text-transform: uppercase;
font-weight: 600;
font-size: 1rem;

float: none
}


#intro{
padding:0 1rem 1rem;
text-align: left;
position:relative
}

section.cta p {
font-size: 1.3rem;
line-height: 1.3rem;
margin: 0
}

#intro .gAggregate{position:absolute;top:2rem;right:2rem}
#intro .gAggregate a {
background: url(/images/gReviewBG2.webp) no-repeat left center;
display: inline-block;
width: auto;
background-size: 16%;
padding-left: 37px;
font-size: .7rem;
line-height: 1.5;
font-weight: 600;
}

.h4.section_title.carIntro{position:absolute;margin:0;max-width:90%;text-align:left;font-size:1.4rem;}


#carousel .carousel .slide .h2,
#sidebar .slide .h2,
.sb_header .h2 {
margin: 0;

text-transform: none;
padding:1rem;
line-height: 2rem;
font-weight: 600
}


.widget_link_box {
text-align: center !important;
}

.widgetSB {
margin: 70px 0 !important;
}



#page_wrapper #coupons {
padding-bottom: 1rem;
}
#page_wrapper #coupons.singleOffer  {
display:inline-block;
}

.coupon {
padding: 0;
font-size: .9rem;
background-repeat: no-repeat;
display: inline-block;
}
.coupon .sendOffer.clear, .coupon .textOffer.clear{
display:none;
}

.coupon .sendOffer.clear form{
margin: 1rem 0 2rem 0;
}

.coupon .sendOffer.clear form p{
margin-bottom:0;
}
form.emailOffer h6{
font-weight:700;
}

form.emailOffer input[type="text"], form.smsOffer input[type="text"]{
width:62%;
float:left;
margin:0 5px 0 0;
padding: 1.13rem .5rem;
margin:0 .5rem 0 0;
border: 1px solid #111;
}

.coupon span.cta{
background-color: #d50000;
color: #fff;
font-weight: bold;
font-size: 1rem;
float: none;
margin: 0 auto;
display: inline-block;
cursor: pointer;
border:none;
border-radius:3px;
}

.coupon span.cta.offerD i:after{
font-family: '1stAuto';
font-style: normal;
font-weight: 400;
text-align: center;
content: '\e938';
}

.coupon span.cta.offerD.qo i:after{
content: '\e939';
}



span.cta{
width: clamp(5rem, 20vw, 7rem);
}


.coupon img {
margin:5px 5% 0 0;
float:left;
}
#offers .coupon img {
display:none;
}

.coupon .coupon_interior {
margin: 0;
padding: 0;
float: left
}
.coupon .price{
line-height:1.2;
}


.coupon div{
line-height: 1.5;
}
.coupon .oDesc {
font-size:.9rem;
}
.coupon .oFine{
font-size:.7rem;
}
.coupon .coupon_interior div:nth-of-type(1){
line-height: 1.2;
text-align:left;
font-size:1.2rem;
}
.coupon .price, .coupon .coupon_interior div:nth-of-type(1){
font-size:1.2rem;
}
.coupon .price::before{display:none}

.coupon .coupon_interior div:nth-of-type(2){
font-size: 1rem;
line-height: 1.5;
text-align: left;
}
.coupon ul:first-of-type{
display:flex;
flex-direction:row;
justify-content:flex-end;
margin: 0;
padding:0;
line-height:1
}
#coupons.singleOffer .coupon{
padding:0;
}

#coupons.singleOffer .coupon ul:first-of-type{
padding:1rem 0;
}
#coupons.singleOffer #offerDesc{

}
#coupons.singleOffer #finePrint{
clear:both;
margin-top:1.5rem;
display:inline-block;

}

.coupon ul:first-of-type li{
padding:0;
margin: 0 .5rem;
cursor:pointer;
font-size:2rem;
}
#sidebar .coupon ul:first-of-type li{
font-size:2rem;
}
.coupon ul:first-of-type li:last-of-type{
margin-right:0;
}

.coupon ul:first-of-type li i{
padding:0;
font-weight:400;
}


.coupon ul.shareSpecial{
text-align:right;
padding:0;
}
.coupon ul.shareSpecial li{
color:#21759b;
border:0;
cursor: pointer;
display: inline-block;
margin-bottom: 0;
opacity: 1;
overflow: hidden;
position: relative;
text-align:center;
line-height:1;
}



.coupon ul.shareSpecial li i{
text-align:center;
display:inline-block;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin-left: 0;
}




.coupon ul.shareSpecial li i:before{
display:inline-block;
}



#coupons {
padding-bottom:2rem;
}

.coupon {
background-repeat: no-repeat;
background-position: right center
}



#homepage #reviews, #store_page #reviews{margin:3rem 0;}

#store_page #reviews{position:relative;text-align:center;width:100%}
#store_page #reviews span{margin-block:0 .5rem}
#store_page #reviews #rNav{position:relative;margin-block:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center}
#store_page #reviews #rNav li button:before{font-size:1.5rem}


#store_page #reviews blockquote{margin:0;position:relative;background:none;}
#store_page #reviews blockquote:after{
    content:'';
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid rgba(207, 207, 207, .2);
    position:absolute;
    bottom:-50px;
    left:100px;
}
#store_page #reviews blockquote p:after{content: '';position: absolute;top:0;left:0;right:0;bottom:0;font-size: 13rem;z-index: -1;display: block;height: 100%;background-color:rgba(207, 207, 207, .1);border-radius:20px}

#store_page #reviews p:first-of-type em:before{font-family:'1stAuto';content:'\e997';display:inline-block;opacity:.4}
#store_page #reviews p:first-of-type em:first-of-type:before{margin-right:.5rem}
#store_page #reviews p:first-of-type em:last-of-type:before{transform:scaleX(-1);margin-left:.5rem;}



#store_page #reviews #rNav li{margin:0;line-height:1;text-transform:uppercase;font-weight:600;font-size:1rem}
#store_page #reviews > img{height:169px;width:320px;}
#store_page #reviews span.h5{position: relative;background-color: #ececec;display: inline-block;z-index: 1;padding: 0 1.5%;}
#store_page #reviews .h5:before{content: '';position: absolute;width: 100%;height: 100%;background-color: #fff;top: 0;left: 0;z-index: -1;}
#store_page #reviews .h5:after{content: '';position: absolute;width: 12rem;height: 3px;background-color: #104730;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -2;}
#store_page #reviews ul{display:flex;flex-direction:row;justify-items:flex-start;margin-top:50px;text-align:left;}
#store_page #reviews ul li{margin:0;line-height:1.5}
#store_page #reviews ul > li:first-of-type{margin-right:1rem}
#store_page #reviews ul li a{font-size: clamp(1rem, 1.5vw, 1.2rem);}
#store_page #reviews ul li img{width:50px;height:50px;}
#homepage #reviews .wrapper{text-align:center;}
#hpReviews .wrapper:nth-child(1){position:relative;}
#homepage #reviews.revised .wrapper{text-align:left;}
#homepage #reviews.revised .fade{cursor:pointer;}







#hpReviews #moreReviews{margin-inline:0;max-width:350px;padding-top:2rem}

#moreReviews .h4{margin:0;font-size:1.2rem}
#moreReviews .social-list{margin-block:.5rem 0;padding:0;margin-inline:0;justify-content:space-between;display:flex;}
#moreReviews .social-list li button:hover{color:#fff}
#moreReviews .social-list li button{color:#111;border-color:#111;}
#moreReviews .social-list li button:after{background: darkorange;}
#moreReviews .social-list li{margin-block:0}
#moreReviews .social-list__item + .social-list__item {margin-left:0;}
#moreReviews .social-list__link {color:#111}
#moreReviews .social-list__item a {text-decoration:none;}
#moreReviews .social-list__link i:before{font-size:2rem;font-family:'1stAuto';font-style:normal;}
#homepage #reviews .section_title{text-align:left;font-size:1.3rem}


#reviews .collection .slide .rating,
#reviews .collection .slide .rating div,
#reviews_list > li .ratings .rating,
#reviews_list > li .ratings .rating div {
background-repeat: repeat-x;
background-position: left center
}

.coupon{padding: 1rem}

.coupon:last-of-type{margin-bottom:0;}

.coupon div.couponCTA{
width:100%;
text-align:right;
display:inline-block;
margin:2rem 0 1rem 0;
}

.coupon span.cta:first-of-type {
margin-right:.5rem
}
.coupon .couponDetails{
display:none;
}

.coupon .couponDetails ul{
display:flex;
flex-direction:column;
flex-wrap:wrap;
}
.coupon .couponDetails ul li{
font-size: clamp(1rem, 1.5vw, 1.2rem);
}
.coupon .couponDetails ul li p{
font-size: clamp(1rem, 1.5vw, 1.2rem);
line-height:1.5;
}


.coupon.modal header {
overflow: hidden
}

.coupon.modal header form {
margin: 0 2rem;
float: left;
white-space: nowrap;
width: 70%
}

.coupon.modal header form > div {
float: left
}

.coupon.modal header input,
.coupon.modal header label {
width: auto;
float: left
}

.coupon.modal header label {
position: relative;
top: 5px
}

.coupon.modal header input[type=submit] {
border: none;
text-transform: uppercase
}

.coupon.modal .modal_content .price {
font-size: 2.5rem;
font-weight: 600;
margin: 0
}

.coupon.modal .modal_content .price + div {
float: left
}

.gear {
margin: 0 auto 1rem;
display: block;
text-align: center;
position: relative;
top: -1.5px
}

#page_wrapper .gear {
display: none
}



#page_wrapper #reviews {padding-bottom: 2rem}

a.reward_link:after {content: ' ' !important}
a.reward_link:before {content: '   ' !important}
#reviews_list {list-style-type: none;margin: 0}
#reviews_list .myFitVid {width: 100%;margin: 0 auto;}
#reviews_list .fluid-width-video-wrapper {margin-bottom: 30px;}
#reviews_list > li {border-style: solid;border-width: 1px;margin-bottom: 2rem;overflow: hidden;clear: both;padding: 2rem 1rem}
#reviews_list li img{width:50%;float:right;margin:1rem .5rem;}
#reviews_list > li .rev .customer {margin: 1rem 0;text-align: right;display:inline-block;width:100%;}
#reviews_list > li .rev figure {float: left;margin: 0 1rem 1rem 0}
#reviews_list > li .rev .meta {padding: 0;display: flex;width: 100%;flex-direction: row;justify-content: space-evenly;align-items: flex-start;}
#reviews_list > li .rev .meta div {text-align: left;margin: 1rem 0}
.meta_info {display: none;opacity: 0;transition: opacity 1s ease-in-out;}
.meta_info.show {display: block;opacity: 1;}
.meta_content{display:none}

#reviews_list > li .rev .meta p.owner_reply:before,
#reviews_list > li p.view_ratings:before,
#reviews_list > li .rev .meta a.video:before {font-family: '1stAuto';font-size:2rem;margin-inline:0 .5rem}
#reviews_list > li .rev .meta .icon:before,
#reviews_list > li .rev .meta a:before {font-size: 1.5rem;position: relative;top: 2px;margin-right: .1rem}
#reviews_list > li p.owner_reply, #reviews_list > li p.view_ratings {cursor:pointer;margin:0;display:flex;align-items:center}
#reviews_list > li p.owner_reply:before {content: '\e93f';}
#reviews_list > li p.owner_reply.mChild{display:none;}
#reviews_list > li p.owner_reply.mChild:before {content: '';}

#reviews_list > li p.view_ratings:before {content: '\e940';}
#reviews_list > li p em{font-weight:600;font-style:italic;}
#reviews_list > li .rev .meta a.video:before {content: '\e942';}
#reviews_list > li .rev .meta .audio:before,#reviews_list > li .rev .meta a.pdf:before {font-weight: 400;display: inline-block;width: 1.4rem;height: 1.4rem;text-align: center;font-family: '1stAuto';font-style: normal;}
#reviews_list > li .rev .meta .audio:before {content: '\e972';}
#reviews_list > li .rev .meta a.pdf:before {content: '\e971';}
#reviews_list > li .rev div.voice_review {width: 100%;margin: 1rem auto;}
.mChild {display: none;opacity: 0;transition: opacity 1s ease-in-out;}
.mChild.show {display: block;opacity: 1;}


.ratings ul {list-style-type: none;list-style: none;margin: 0;}
.ratings ul.view_ratings li {float: left;margin-bottom: 1rem;}
.ratings ul li:nth-child(odd) {width: 57%;float: left;font-size: clamp(1rem, 1.5vw, 1.2rem);}
#write_review form {overflow: hidden}
#writereviewform div.half {display: inline-block;margin-bottom: 2rem;}
#cRatings ul {list-style-type: none;list-style: none;display: inline-block;padding: 0;margin: 0 0 1.5rem 0;clear:both;width: 100%}
#cRatings ul li:first-child {text-align: left;padding: 0 0 5px 0;font-weight: 600;font-size:1.2rem}
#cRatings ul li {margin: 0;width: 100%}
#cRatings ul li.check{width: 30px;height: 65px;float: left;position: relative;cursor: pointer;margin-right: 1.5rem;}
.check::before, .rated::after, .gold::after{content: '\2605';font-size: 35px;position: absolute;color: #777;line-height: 35px;}
.rated::after, .gold::after{color:orange;}
.check:hover::before{color:orange;}
#cRatings li.check i{font-size: 17px;position: absolute;width: 100%;display: flex;justify-content: center;bottom: 0;}
#cRatings li.check i.em{display:none;}
#write_review form input[type=submit] {display: inline-block;padding: .5rem 2rem;width: auto;border: none;line-height: 1.4rem;border-radius: 3px;background-clip: padding-box;font-weight: 600;float: right;text-transform: uppercase;font-size: 1.2rem}

#reviewIndex{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;}
#reviewIndex li{margin:0 .5em 1em .5em;border:1px solid #231f20;cursor:pointer;width:3rem;height:3rem;border-radius:5px;display:flex;align-items:center;justify-content:center;}
#reviewIndex li:hover{background-color:#fff200;color:#231f20}
#reviewIndex li.review_page{background-color:#231f10;color:#fff}
.clearfix{content: "";display:table;clear:both;}


#coupons h2 .nav .slick-next:before,
#coupons h2 .nav .slick-prev:before,
#reputation h2 .nav .slick-next:before,
#reputation h2 .nav .slick-prev:before {
font-weight: 400;
font-family: '1stAuto';
font-style: normal;
}



#coupons h2 .nav,
#reputation h2 .nav {
float: right;
position: relative
}

#coupons h2 .nav button,
#reputation h2 .nav button {
cursor: pointer;
display: inline-block;
width: auto;
border: none;
font-weight: 400;

float: none;
border-radius: 3px;
background-clip: padding-box
}

#coupons h2 .nav .slick-next:before,
#reputation h2 .nav .slick-next:before {
content: '\e911';
display: inline-block;
text-align: center;
}

#coupons h2 .nav .slick-prev:before,
#reputation h2 .nav .slick-prev:before {
content: '\e937';
display: inline-block;
text-align: center;
}



#coupons .collection .slide,
#reputation .collection .slide {
text-align: center
}

#reputation .collection .slide img {
margin: 0 auto
}


#reputation {
display: flex;
flex-wrap: wrap;
justify-content:space-around;
}


#reputation, #reputation li ul {
margin: 0;
}

#reputation > li {
margin:1rem 0;
text-align: center;
list-style: none;
list-style-type: none;
width:50%;

}

#reputation > li img {
width: 75%;
border: 1px solid #000;
margin: 0 auto .2rem;
display: block;
cursor:pointer;
}
.showDropDown{font-size:.9rem;cursor:pointer;text-decoration:underline;font-weight:700}
.showDropDown i:before{margin-left:.3rem}

#reputation li li {
width: 100%;
margin:1rem 0;
list-style: none;
list-style-type: none;
}

#reputaton li a {
font-size: 1rem
}

#reputation li ul {
line-height: 1.3;
font-size: .8rem;
}
#reputation li .citeDrop{
display:none;
}

#reputation li ul li a span {
display: block;
}

#page_wrapper #services {
padding-bottom: 2rem
}


#page_wrapper #latest_posts,
#page_wrapper #recent_comments {
margin-bottom: 3rem
}


ul.flexBoxes {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
justify-content:flex-start;
}

ul.flexBoxes li {
width: 90%;
margin: 1rem auto;
padding: 1.5rem 1rem;
border-radius: 3px;
background-clip: padding-box;
border-style: solid;
border-width: 1px;
position: relative;
display:table-cell;
align-items: center;
}

ul.flexBoxes.navigation{
margin:0;
padding:0;
}
ul.flexBoxes.navigation.veh li{
width:50%;
padding:0;
margin-bottom:1.5rem;
}

ul.flexBoxes.navigation.testi li{padding:0;margin:1rem 0;line-height: .7 !important;width:33%;}
ul.flexBoxes.navigation.dash li{padding: 0 1rem 0 0;margin:1rem 0;font-size:.7rem;width:50%;}
ul.flexBoxes.navigation.testi li a{position:relative;line-height:1;}
ul.flexBoxes li > a:first-of-type{line-height:1.5}


.flexBoxes.vMFG li {
text-align: center;
padding:.5rem .8rem;
}
.flexBoxes.vMFG li span {
width:100%;
font-weight:800;
}
.flexBoxes.vMFG li a:first-of-type{position:relative;}
.flexBoxes.vMFG li a, .flexBoxes.vMFG li{color:#fff;font-weight:600;font-size:1.2rem}


ul.flexBoxes li h6 {
width: 100%;
margin: 0;
line-height: 1.5;
font-weight: 700;
}

ul.flexBoxes li .h5 {
font-size: 1rem;
letter-spacing: 1px;
padding: .5rem 0;
line-height: 1.3;
font-weight: 700
}

ul.flexBoxes li > a:first-of-type {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
line-height:1.5;
}
ul.flexBoxes.flexSVC li > a:first-of-type {
display: block;
position: relative;
line-height:1.5;
}

.flexBoxes.flexShops li > a:first-of-type, .flexBoxes.flexNavigation li > a:first-of-type {
line-height:1.5;
}

ul.flexBoxes.dash li > a:first-of-type{line-height:1.5;position:relative;}

ul.flexBoxes.flexIMG li, ul.flexBoxes.flexIMG li:hover {
border-radius: 3px;
-moz-background-clip: padding-box;
background-clip: padding-box;
border-width: 1px;
background: #f7f7f7;
border-color: #d9d9d9;
}

ul.flexBoxes.flexIMG li > a:first-of-type, ul.flexBoxes.flexFAQ li > span.flexThumb {
position: relative;
display: flex;
width: 100%
}

ul.flexBoxes.flexIMG li img {
width: 100%;
max-height: 300px
}



ul.flexBoxes.flexNavigation {
padding: 0;
}

ul.flexBoxes.flexNavigation li, ul.flexBoxes.flexShops li {
background-color: transparent !important;
border: none;
padding: 0;
margin: 0 0 1rem 0;
width: 25%;
text-align: left
}
ul.flexBoxes.flexNavigation li{width:100%;margin-bottom:2.5rem}

ul.flexBoxes.flexShops.flexShopHead li {
margin-bottom: .3rem;
}

   ul.flexBoxes.flexShops li > a:first-of-type {
display: block;
position: relative;
}


ul.flexBoxes.flexShops {
margin-bottom: 1rem;
border-bottom:1px solid #fff;
}

ul.flexBoxes.flexShops.flexShopHead {
margin-bottom: 0;
display:none;
}

ul.flexBoxes.flexShops li {
align-items: flex-start;
width:50%;
font-size:1rem;
display: block
}
ul.flexBoxes.flexShops li:nth-child(2n){
 padding-left:.3rem  
}

ul.flexBoxes.flexShops p {
font-size: 1rem;
}
#intro.wrapper ul.followUS{
margin:1rem 0;
padding:0;
display:flex;
justify-content:flex-end;
}
#intro.wrapper ul.followUS li{
width:auto;
font-size:1.5rem;
margin:0 0 0 1rem;
}
ul.flexBoxes.flexShops li:last-of-type {
width:100%
}
ul.flexBoxes.flexShops ul.followUS li {
width: 20%;
margin: .5rem .5rem 0 0;
margin-bottom: 0;
display: block !important;
font-size: .6rem;
float: left
}

ul.flexBoxes.flexShops li ul.followUS {
list-style-type: none;
margin: 0;
display:flex;
width: 100%;
justify-content:flex-start
}

ul.flexBoxes.flexShops li ul.folowUS li  {
display: inline-block;
float: left;
margin-right: 0;
}

ul.flexBoxes.flexShops li ul.followUS li a:before {
font-size: 1.5rem;
}

ul.flexBoxes.flexShops li ul.followUS li a em {
display: none;
}

ul.flexBoxes.flexShops h4 {
font-weight: 700;
font-size: 1.1rem;
}

ul.flexBoxes.flexShops li ul.followUS li > a:first-of-type {
display: block;
text-align:center;
}
.flexBoxes.flexGallery li{
justify-content:center;
font-weight:700;
}

footer{padding:1rem}

footer > div.wrapper {
    padding: .5rem 0;
}

    footer > div.wrapper .h2:first-of-type {
        margin-top: 1rem;
    }

footer .h2 {
    margin-top: 2rem;
}

footer .h2, footer .h3 {
    display:block;
}

footer img#signature_img {
    width:50%;
    height:50%;
    margin:.5rem 0 1rem 1rem;
    float:right;
}

footer #footer_mobile_nav {
    margin-bottom: 5rem;
}


footer img#signature_img {
width:25%;
height:auto;
margin:.5rem 1rem 1rem 0;
float:left;
}
footer div.wrapper:last-of-type{
position:relative;
}
footer div.wrapper:last-of-type a{
color:#fff
}

#_1stAutoLogo{width:202px;height:114px}




ul.flexBoxes li > span.flexThumb span {
position: absolute;
background: rgba(0, 0, 0, .5);
color: #fff;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
display: flex;
align-items: center;
}


ul.flexBoxes.flexVids li > span.flexThumb span {
bottom:10px;
}
ul.flexBoxes.flexVids li:hover .h6 {
background:none;
}

.flexBoxes.flexSVC li > span.flexThumb span {
bottom: 10px;
}



ul.flexBoxes.flexIMG.flexPICS li > a span {
background: rgba(0, 0, 0, .2);
}

ul.flexBoxes.flexIMG.flexPICS li > a span:hover {
background: rgba(0, 0, 0, 0);
}

ul.flexBoxes.flexSVC li span.flexThumb span:before, ul.flexBoxes.flexFAQ li span.flexThumb span:before, ul.flexBoxes.flexVids li span.flexThumb span:before, ul.flexBoxes.flexpics li span.flexThumb span:before {
font-family: '1stAuto';
font-style: normal;
text-align: center;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition-delay: 0s;
-o-transition: all .3s;
margin: 0 auto
}

ul.flexBoxes li a span:before, ul.flexBoxes li span.flexThumb span:before {
display: inline-block;
-webkit-transition-delay: .2s;
transition-delay: .2s;
}

ul.flexBoxes.flexIMG li {
border-radius: 3px;
border-style: solid;
border-width: 0 1px 1px 0 !important;
padding: 1rem;
width: 100%;
display: block;
margin: 1.5rem auto;
background-color: transparent;
cursor: pointer;
}

ul.flexBoxes.flexSVC li {
cursor: pointer;
}

#myPartners.flexBoxes.flexIMG li, #tires.flexBoxes.flexIMG li{
padding: .2rem;
width: 42%;
}
#tirePIC{
display:block;
margin:0 auto;
}

ul.flexBoxes.flexIMG.flexBrands li {
display: flex;
padding: .5rem;
width: 40%;
display: block;
margin: 1rem auto;
}

ul.flexBoxes.flexIMG.flexSBREP li {padding: 0;border: none;margin: 1rem 5px;width: 46%}
ul.flexBoxes.flexIMG.flexSBREP li:hover {background-color: transparent;}
ul.flexBoxes.flexIMG.flexSBREP li a:first-of-type {display: block;font-size: .8rem}
ul.flexBoxes.flexIMG.flexSBREP li ul {margin: 0;}
ul.flexBoxes.flexIMG.flexSBREP li ul li {margin: 0;width: 100%;text-align: left;background-color: transparent;}
ul.flexBoxes.flexSBREP li ul.DropDown li{font-size:1.2rem;float:left;width:45%;margin:0;text-align:center;}
ul.flexBoxes.flexSBREP li ul.DropDown li a{color:#00f;}
ul.flexBoxes.flexSBREP li#sbgRep{width:100%;text-align:center;font-size:1rem}
ul.flexBoxes.flexSBREP li#sbgRep img{width: 50%;margin: 0 auto;display: block;}

ul.flexBoxes.flexCONTACT {
margin: 0;

}

ul.flexBoxes.flexCONTACT li {
padding: 0;
border: none;
margin: 0 0 1rem 0;
width: 50%;
background: transparent;
color:#111111 !important;
}

ul.flexBoxes.flexCONTACT li:first-of-type {
width: 100%;
background-color: transparent;
font-weight:normal;
font-size: 1rem;
margin-block:20px 10px;
text-align: left;
font-weight:600;
}

ul.flexBoxes.flexCONTACT li:first-of-type:hover {
width: 100%;
background-color: transparent;
}

ul.flexBoxes.flexCONTACT li:hover {
background-color: transparent;
}

ul.flexBoxes.flexCONTACT li a:first-of-type {
display: block;
font-size:1rem;
text-align: left;
position: relative;
}




.flexBoxes.flexIMG li .flexThumb {
margin: 0;
position: relative;
width: 100%;
display: block;
}

.flexBoxes.flexIMG li .flexThumb span,
.flexBoxes.flexIMG li .flexThumb span:before {
font-weight: 400;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
opacity: .7
}
.flexBoxes.flexFAQ li span.flexThumb span,
.flexBoxes.flexFAQ li span.flexThumb span:before {
font-weight: 400;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
opacity: .7
}

.flexBoxes.flexFAQ li span.flexThumb span:before {
font-size: 5rem;
}

.flexBoxes.flexVids li a span:before {
content: '\e942';
font-size: 6rem;
}

.flexBoxes.flexSVC li span.flexThumb span:before {
font-size: 5rem;
}



.flexBoxes.flexpics li a span:before {
content: '\e964';
font-size: 5rem;
opacity: 0
}

.flexBoxes.flexBrands li a span:before {
content: '';
}



.flexBoxes.flexIMG li a.flexThumb:hover span:before,
.flexBoxes.flexIMG li a.flexThumb:hover span, 
.flexBoxes.flexIMG li span.flexThumb:hover span:before,
.flexBoxes.flexIMG li span.flexThumb:hover span,
.flexBoxes.flexIMG li.catLink:hover span.flexThumb span:before,
.flexBoxes.flexIMG li.catLink:hover span.flexThumb span {
transform: scale(1);
}
.flexBoxes.flexIMG.flexBrands li a.flexThumb:hover span:before,
.flexBoxes.flexIMG.flexBrands li a.flexThumb:hover span {
transform: scale(1);
}





.DropDown {
display: none;
}

/* Videos */


.h3.fleet_header {
font-size: 1.5rem;
line-height: 1.3;
font-weight:700;
}

ul.svcList, ul.logos {
display: flex;
flex-wrap: wrap;
list-style-type: none;
list-style: none;
text-align: left;
margin: 0;
font-size:.9rem
}

ul.svcList{
margin-block:0 3rem
}

ul.svcList li {
text-align: left;
width: 100%;
margin: .2rem 0;
line-height:1.5
}


ul.logos li {
width: 30%;
}





#faq_divs .switch_parent .switcher:after,
.switcher2:after {
font-family: '1stAuto';
font-style: normal;
height: 1.4rem;
text-align: center;
text-rendering: optimizeLegibility
}





#faq_divs .switch_parent {
padding:0;
border-radius: 3px;
background-clip: padding-box;
position: relative;
margin-top: 2rem;
}



#faq_divs .switch_parent .switcher,
#faq_divs .switch_parent .switcher2 {
display: inline-block;
padding: .5rem 2rem;
width: auto;
border: none;
line-height: 1.4rem;
font-weight: 400;
font-size: 1rem;

float: none;
border-radius: 3px;
background-clip: padding-box;
position: absolute;
top: 0;
right: 0;
cursor:pointer;
}


.tabs > div,
.tabs > h3 {
border-style: solid
}

#finance_logos li a {
vertical-align: middle;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px
}


#faq_divs .switch_parent .switcher:after,
.switcher2:after {
content: '\e911';
font-weight: 400;
display: inline-block;
width: 1.4rem;
}



#faq_divs h3 {
font-weight: 600
}

#faq_divs .box h4 {
margin-top: 1rem
}

#faq_divs h3,
#faq_divs .question {
margin-bottom: .5rem;
cursor:pointer;
}
.question:after{
display:inline-block;
vertical-align:middle;
margin-left:.2rem;
font-family: '1stAuto';
font-style: normal;
font-weight: 400;
text-align: center;
content: '\e938';
transition: transform .5s; 
}


.question.qo:after {
transform: rotate(90deg);
}



.faqAnswer{
max-height: 0;
overflow: hidden;
transition: max-height 1s ease-in-out;
}

.faqAnswer.readME{
max-height:10000px;
overflow:visible;

}




#faq_divs  p img, #faq_divs .box p img {
max-width: 225px;
display: block;
margin: 1rem auto;
}


#latest_posts article figure img,
#recent_comments article figure img {
width: 100%
}





#blog .wrapper {
display: block;
overflow: hidden;
position: relative;

padding: 1rem;
font-size: .8rem;
line-height: 1.2rem
}

#latest_posts article,
#recent_comments article {
display: block;
overflow: hidden;
position: relative;

margin-bottom: 2rem
}


#page_body #latest_posts article figure,
#page_body #recent_comments article figure {
margin-right: 4.44874275%;
float: left;
width: 12.95938104%
}


#page_body #latest_posts article figure:last-child,
#page_body #recent_comments article figure:last-child,
#sidebar #latest_posts article figure:last-child,
#sidebar #recent_comments article figure:last-child {
margin-right: 0
}


#page_body #latest_posts article figure + div,
#page_body #recent_comments article figure + div {

float: left;
width: 82.59187621%
}

#sidebar #latest_posts article figure,
#sidebar #recent_comments article figure {
margin-right: 4.44874275%;

float: left;
width: 21.66344294%
}

#sidebar #latest_posts article figure + div,
#sidebar #recent_comments article figure + div {

float: left;
width: 73.88781431%
}

#latest_posts article h3,
#recent_comments article h3 {
margin: 0;
font-size: 1.1rem;
line-height: 1.4rem
}



#infotabs .wrapper {
padding: 1rem
}

#infotabs figure {
float: right;
width: auto;
margin: 0 0 2rem 2rem;
padding: 1rem;
position: relative;
background: #fff
}

#infotabs figure figcaption {
font-style: italic;
font-size: .75rem
}


.switcher.close:before,
.switcher.previous:before {
font-family: '1stAuto';
font-style: normal;
text-align: center
}


#finance_logos {
list-style-type: none;
margin: 1rem 0;
position: relative;
overflow: hidden;
}






#affiliates {
margin-top: 3rem;
}

.switcher.close, .switcher.previous {
border: none;
font-weight: 400
}

#affiliates .switch_parent h4:first-of-type {
font-size: 1.2rem;
margin: 1rem 0
}

#affiliates .switch_parent {
position: relative
}

.switcher{cursor:pointer;width:100%;text-align:center;}

.switcher.close {
display: block;
display: inline-block;
width: auto;
line-height: 1.4rem;
border-radius: 3px;
background-clip: padding-box;
font-size: 1.2rem;
padding: 0;
float: right
}

.switcher.close:before {
content: '\e96e';
font-weight: 400;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
}

.switcher.next, .switcher.previous {
font-size: 1.2rem;
padding: 0;
float: right;
line-height: 1.4rem
}

.switcher.previous {
display: inline-block;
width: auto;
border-radius: 3px;
background-clip: padding-box;
}

.switcher.previous:before {
content: '\e937';
font-weight: 400;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
}

.switcher.next:before, #brands .switcher.close:before {
font-style: normal;
font-weight: 400;
display: inline-block;
font-family: '1stAuto'
}



.switcher.next {
display: inline-block;
width: auto;
border: none;
font-weight: 400;

border-radius: 3px;
background-clip: padding-box
}

.switcher.next, .switcher.previous, .switcher.close {
margin: 0 0 0 .5rem;
}

#affiliates.financial figure ul {
margin: 0;
list-style: none;
list-style-type: none;
}

#affiliates.financial figure ul li {
margin: .5rem 0;
padding: 0;
float: left;
width: 100%;
text-align: center;
line-height: 1.5rem
}

#affiliates.financial figure ul li span {
display: block;
font-size: 1rem
}

#affiliates.financial p {
padding: 0 15px
}

.switcher.next:before {
content: '\e911';
width: 1.4rem;
height: 1.4rem;
text-align: center;
}

#affiliates div.nav {
overflow: hidden;
padding: .5rem
}

#affiliates figure {
clear: both;
text-align: center;
}

#affiliates figure img {
width: 90%;
max-width: 250px
}

#affiliates.financial figure img {
width: 100%;
max-width: 1000px
}

#gmaps .mapinfo ul{
display:flex;
flex-wrap:wrap;
margin: 0 0 2rem 0;
padding: 0;
line-height: 1.5;
font-size:1rem;
}
#gmaps .mapinfo ul li{
width:100%;
padding: 0;
line-height: 1.5;
margin: 0 0 1rem 0;
min-height:20px;
float:left
}
#gmaps .mapinfo ul li.fa-map-marker-alt, #gmaps .mapinfo ul li.fa-clock{width:100%;}

#gmaps .mapinfo ul, #gmaps .mapinfo ul li span{
font-family: 'Open Sans', helvetica, arial, sans-serif;
}

#gmaps .mapinfo ul, #gmaps .mapinfo ul li span{
font-family: 'Open Sans', helvetica, arial, sans-serif;
}


#gmaps .mapinfo ul li:before{
display: inline-block;
float: left;
font-size: 1.3rem;
margin-right:.5rem;
}



.map {
margin:1rem 0;
display:inline-block;
}

.mapinfo {
margin: 3rem 10px 3rem;
background: #f7f7f7;
padding: .5rem;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
z-index: 10;
overflow:hidden;
}

.mapinfo span.gMap-box{
display: block;
background-repeat: no-repeat;
background-position: 50% 50%;
line-height: 0;
margin:0;
}

.mapinfo span.gMap-box img{
max-width: 100%;
opacity: 0;
margin-bottom:1rem;
}

.map a{
margin: 1rem 0;
display:inline-block;
}
.map a i{margin-right:.5rem;color:#111}



.shopMap {
clear: both;
width: 98%;
min-height: 300px;
display: none;
overflow: hidden;
line-height:1.5;
font-size:1.2rem
}

.shopMap img{
width:120px;
border:1px solid #004b88;
float:left;
margin: 8px 5px 0 0;
}

#sidebar .shopMap span{
line-height: 1.5;
display: inline-block;
padding: 0;
margin: 0;
}

a.viewMap {
font-size: .9rem;
display: none;
color: #00f;
}



#quick dt,
#quick h2 {
font-weight: 700
}

#ap_ssn1,
#ap_ssn2,
#co_ap_ssn1,
#co_ap_ssn2 {
width: 25%;
margin-right: 5%;
float: left
}

#ap_ssn3,
#co_ap_ssn3 {
width: 40%;
float: left
}




#quick dt a:after {
display: inline-block
}

#quick {
border-style: solid
}

#quick dt {
border-style: dotted;
border-width: 0 0 1px
}

#quick dt a:after {
font-family: '1stAuto';
font-style: normal;
font-weight: 400;
text-align: center;
}

#quick dt a:after {
content: '\e911';
float: right
}




.myFORM input[type=radio] {
display: none;
}

.myFORM input[type=radio] + label.active:before,
.myFORM input[type=radio]:checked + label:before,
.myFORM input[type=radio] + label:before {
margin: 0;
line-height: 28px;
font-family: '1stAuto';
display: inline-block;
width: 22.8px;
text-align: center;
cursor: pointer;
}

.myFORM input[type=radio] + label:before {
content: '\e975';
}

.myFORM input[type=radio]:checked + label:before {
content: '\e976';
color: green
}

.myFORM input[type=radio] + label.active:before {
content: '\e976';
}

.mphrdetail {display: none}
#sidebar > div {margin: 3rem 0 0 0;}



#quick{margin:0 0 2rem 0;border-width:5px;}

.img_license {
right: 0;
text-align: right;
width:auto;
margin: 0 !important;
padding-right:.7rem;
font-size: 10px;
background-color:#fff !important;
bottom:0;
width:100%;
position:absolute;
}

.img_license a {
color: #000
}



#hero > div #slide1Circle {
background-color: rgba(255, 255, 255, .9);
border-radius: 50%;
position: absolute
}

img#hpcLogo {
position: absolute
}

#hero > div #slide1Circle a.openAPPT {
position: absolute;
left: 25%;
bottom: 12%;
background: #D50000;
font-size: 1rem;
color: #FFF;
border-radius: 3px;
margin: 0 auto;
text-align: center;
padding: .5rem .8rem;
width: 160px
}

#hero > div #slide1Circle a.openAPPT:hover {
background-color: #890000
}



#hero > div #slide1Circle h6 a {
color: #111
}

#hero > div #slide1Circle h6:before {
content: '\e0c4';
font-family: '1stAuto';
font-style: normal;
font-weight: 400;
display: inline-block;
width: 1rem;
height: 1rem;
text-align: center;
}

#hero > div #slide1Circle div.bbb-business {
background: 0 0;
position: absolute;
background-size: contain
}

#hero > div #slide1Circle div.bbb-business a.bbblink {
display: block;
position: absolute;
margin: 0;
padding: 0;
top: 0;
left: 0;
overflow: hidden
}

#hero > div #slide1Circle div.bbb-business a.bbblink.ruhzbum:hover img {
margin-left: -100px
}



#ripper {padding: 1.5rem 0;}

.w100{width:100px !important;border-width:2px;cursor:pointer;}

#ripperwrap {display: block;position: relative; min-height: 80px;}
#ripperwrap span.yes{margin-right:1rem;}
#ripperwrap span.btn-reset{font-size:1rem;cursor:pointer;text-decoration:underline;}

.boxGrid {
padding: 0;
margin-bottom: 2rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
position: relative;
}

.boxGrid > div {
background-size: contain;
background-repeat: no-repeat;
padding: 0;
max-width: 250px;
min-height: 300px;
margin: 0 0 1rem;
position: relative;
}

#ripper .boxGrid > div {
min-height: 200px;
padding: 200px 0 0;
}

.ripperslide {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
position: absolute;
bottom: 0;
right: 0;
left: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
text-align:center;
}

.ripperslide.final{
text-align:left;
}
.ripperslide.final ul{
margin:0 0 2rem 0;
}

.ripperslide.active {
position: absolute;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

#findRipper.h3 {
font-size: 1.2rem;
text-align:center;
display:block;

}

#latestNews{
padding:2rem 0;
}
#thumbMechanic {max-width: 100%;}

ul.flexBoxes.flexCards{
align-content: space-around !important;
align-items: normal;
justify-content: space-between;
margin:.8rem 0
}
ul.flexBoxes.flexCards li, ul.flexBoxes.flexCards li:hover{
background:transparent;
padding:0;
color:#000;
margin:2rem auto;
width:auto;
max-width:402px;
}
ul.flexBoxes.flexCards li .h5{
margin:0;
background:#222;
color:#fff;
text-transform: uppercase;
}
ul.flexBoxes.flexCards li p{
padding:0 .5rem;
text-align:center;
}
ul.flexBoxes.flexCards li img{
width:100%;
height:auto;
}
ul.flexBoxes.flexCards li > a:first-of-type.cta {
position:relative;
margin:0 auto 1rem;
font-weight:700;
}


#hpReviews{padding-inline:1rem;background: #f7f7f7;}
#hpReviews::before{

}
#homepage #intro{margin:0 auto 2rem}

/* NEW HOMEPAGE*/

#homepage #introduction{padding:0 0 2rem 0;}
#homepage #reviews.revised{position: relative;margin-block:50px 100px;}
#homepage #reviews.revised .wrapper{width:100%;margin:0 auto;position:relative;}
#homepage #reviews.revised .wrapper:before {
content: '\e997';font-family: '1stAuto';position: absolute;top: 100%;left: 50%;font-size: 13rem;z-index: 1;opacity: .03;display: block;height: 100%;transform: translateY(-50%);transform: translate(-50%, -86%);}
#homepage #reviews.revised span.h2{text-align:left;margin-block:0 20px;font-weight:600;}
#homepage #reviews.revised span.h2 strong{color:inherit}
#rIntro{position:relative;z-index:2}
#rNav{position:relative;text-align:center;margin-block:0 1rem}
#rNav button{background:none;border:none;cursor:pointer;}
#rNav button:before{font-size:2rem;font-weight:800;color:#111}


#hpSVC {min-height:1010px;position: relative;margin:50px auto 0;display: flex;flex-direction: column;justify-content: space-between;padding:2rem 0;width:100%;background-color:#000;border-radius:30px}

#hpSVC div{padding:0 1rem;color:#fff;width:100%;font-size:1rem}

#hpSVC div .h4, #hpSVC div p{position:relative;}

#hpServices{z-index:100000;position:relative;}

#svcCats li{text-align: center;line-height: 1;border-radius:0;flex: 1 1 0;margin-bottom:0;transition: all 0.5s ease;}
#svcCats li:hover{margin-bottom:.3rem}

#svcCats li a{color: #000;text-decoration: none;display: block;padding:0;min-height:100px;vertical-align: middle;transition: all 1s ease;line-height:1.5}
#svcCats li span{font-family:'1stAuto';display: block;text-align: center;font-size: 2rem;margin-bottom: 0.2rem;line-height:1;font-size: clamp(3rem, 6.5vw, 6rem);font-weight:normal;}
#svcCats li a:hover{color:red}

#hpSVC ul{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;margin:0;padding:0;line-height:1.5;justify-content:center}
#hpSVC ul li{position:relative;}
#hpSVC  ul li button{min-width:150px;margin-inline:0}
#hpSVC  ul li a{color:#fff;text-decoration-color:#fff;}

#hpSVC > div:first-of-type ul{justify-content:center}
#hpSVC > div:first-of-type ul li{margin:0;padding:0;text-align:center;margin:1rem .5rem}


#hpSVC > div:last-of-type ul{justify-content:flex-start}
#hpSVC > div:last-of-type ul li{position:relative;margin-block:0 1rem;margin-inline:0;width:33%;}






#hpSVC:before {position: absolute;content: '';display: block;top: 0;left: 0;bottom: 0;right: 0;background: #000 url(/images/hp-services-bg.webp) no-repeat 82% 0;background-size: cover;border-radius:30px 30px 30px 30px;}





#svcScroll{text-align:center;margin-block:3rem;position:relative;padding-block:200px 100px;min-height:650px}
#svcScroll .wrapper{z-index:2;padding:0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow:hidden;}
#svcScroll .h1{font-weight:700;font-size:1.5rem;}

#svcScroll .h3{position: relative;background-color: #ececec;display: inline-block;z-index: 1;padding: 0 3.5%;color:#d50000;}
#svcScroll p i{float: right;font-size: 5rem;margin: 5px 0 0 1rem;}
#svcScroll .h3:before{content: '';position: absolute;width: 100%;height: 100%;background-color: #fff;top: 0;left: 0;z-index: -1;}
#svcScroll .h3:after{content: ''; position: absolute;width: 40rem;height: 3px;background-color:#d50000;top: 50%;left: 50%;transform: translate(-50%,-50%); z-index: -2;}
#svcScroll p{margin:1rem 0;line-height:2;padding:0 1rem}
#svcScroll .wrapper a.cta{background-color:#d50000;color:#fff;text-decoration-color:#d50000;border:0;}
#svcScroll .wrapper a.cta:hover{background-color:#890000;color:#fff;text-decoration-color:#890000;}
/*#svcScroll:after{position: absolute;content: '';display: block;top: 0;bottom: 0;background-size:cover;width: 100%;opacity: .2;border-radius:0;margin-left:0;position: absolute;content: ' ';z-index: 1;left:0;}*/
#svcScroll .mfgCTA{text-align: center;-ms-flex-pack: justify;justify-content: space-between;display: -ms-flexbox;display: flex;position:relative;}
#svcScroll .mfgCTA .cta{-ms-flex: 0 1 auto;flex: 0 1 auto;margin: 0 5%;width:35%;transition: all 0.5s ease;}
#svcScroll .mfgCTA span.bar{position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;}
#svcScroll .mfgCTA span.bar:before{content: '';position: absolute;width: 100%;height: 3px;background-color: #d50000;top: 50%;left: 0;transform: translateY(-50%);}


.scroller {
  max-width: 1900px;
  margin: 0 auto;
}

.scroller__inner {
  padding-block: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
  margin-block:3rem
}

.scroller[data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 20%,
    white 80%,
    transparent
  );
  mask-image: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-animated="true"] .scroller__inner:hover {
  animation-play-state: paused;
}



@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}






































#mfg_experts .wrapper{max-width:1024px;position:relative;margin-block:3rem}
#mfg_inner .h3{margin:0;}
#mfg_inner > *{line-height:1.5}

#mfgExperts{margin: 0;padding-inline:0;display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;text-align:center;background-color:#fff}
#mfgExperts:before{content: '\e91e';font-family: '1stAuto';position: absolute;z-index:-1;opacity: .07;transform: translate(-50%,-50%);top: 50%;left: 50%;font-size: clamp(1rem, 90vw, 25rem);}
#mfgExperts > li{margin-block:0 2rem;width:100%}
#mfgExperts > li:nth-child(1){margin:0;}
#mfgExperts > li:nth-child(2){min-height:300px;}



#mfgExperts li .h3{min-height:100px;overflow:hidden;transition: min-height 1s ease-in-out, visibility .1s ease-in-out;display:block}


#mfgExperts li span{margin:0;}
#mfgType{color:red;display:block}

.offered__services{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}
.offered__services li{text-align:center;line-height:1.2;width:28%;margin-inline:0;margin-block:0 2rem;font-size: clamp(.8rem, 1.5vw, 1.2rem);}
.offered__services li a{text-decoration:none;}

.offered__services li a span{font-family:'1stAuto';display:block;font-size:3rem;font-weight:normal;}
.offered__services li a span:before{}


#hpVEH_List{z-index:20;display:flex;flex-wrap:wrap;margin:0;padding:0;justify-content:flex-start;list-style:none;max-height:0;overflow:hidden;visibility:hidden;transition: max-height 3s ease-in-out, opacity .5s ease-in-out, visibility .1s ease-in-out;opacity:0}
#hpVEH_List li{width:50%;margin-block:0 1rem;line-height:1;text-align:left;display:inline-flex}
#hpVEH_List li a{display: flex;flex: 1;align-items: center;position: relative;text-transform: uppercase;color: #222;line-height: 1.5;font-size: clamp(.8rem, 1.5vw, 1.2rem);text-decoration-color:#222;}




#hpVEH_List li span::before{font-family:'1stAuto';margin-inline: 0.5rem;margin-block: 0;float: left;font-size:1.5rem}


#vPara{max-height: 1000px;transition: max-height 0.5s ease-out, opacity 0.5s ease-out, visibility 0.5s ease-out;opacity: 1;visibility: visible;margin-block:0 2rem}


#vehHead{display:none;margin-block:0 2rem}
#vehHead strong{font-size:2rem;}

#tRep{padding-block:0;position:relative;margin:0 auto}
#hpRep{position:relative;}
#hpRep #hpRep__ul{display:flex;flex-direction:row;justify-content:space-around}
#hpRep #hpRep__ul li{font-weight:600;text-align:center;line-height:1.5;position:relative;min-width:200px;}
#hpRep #hpRep__ul li a{position:absolute;display:block;top:0;right:0;left:0;bottom:0;z-index:10;}
#hpRep #hpRep__ul span::before{display:block;font-size:4rem;font-family:'1stAuto';font-weight:normal;}
#hpRep:after{display: block;top: 0;bottom: 0;background: url(/images/svc_scroll_bg.webp) no-repeat top center;background-size: cover;width: 100%;opacity: .1;margin-left: 0;position: absolute;content: ' ';z-index: 1;left: 0;background-attachment: fixed;}
#tRep p{text-align: center;padding-block: 0 3rem;padding-inline:0;z-index: 20;position: relative;line-height:2; text-shadow: #fff 1px 1px;}
#tRep p a.cta{display:block;margin:2rem auto 0;background-color:#d50000;color:#fff;text-decoration-color:#d50000;border:0;transition: all 0.5s ease;}
#tRep p a.cta:hover{background-color:#890000;color:#fff;text-decoration-color:#890000;}
#trusted{z-index:5;position:relative}
#trusted #sbRep{justify-content:center;}
#trusted #sbRep li{width:50%;margin:1rem 0;}
#trusted #sbRep li img{width:80%;height:auto}
#trusted #sbRep li ul li{width:50%;float:left;display:flex !important;margin-block:0 1rem}
#trusted #sbRep .DropDown {display:block;}
#trusted .sbBase{display:none;}
#tRep span.h3{text-align:center;font-size:1.7rem;margin:0;z-index:10;position:relative;text-shadow: #fff 1px 1px;line-height:1.3}
#tRep span.h3:before {font-size:6rem;display: block;font-family: '1stAuto';content: '\e92d';margin:0;}



#ourWarranty{margin-block:0 50px}
#ourWarranty .wrapper {position: relative;display: block;min-height:700px;}
#ourWarranty .wrapper div {text-align: center;padding-inline:1rem;}
#ourWarranty .wrapper div .h3{font-weight:600}
#ourWarranty .wrapper div sup{margin-left:.1rem}
#ourWarranty .wrapper div p a img{width:150px;}
#ourWarranty .wrapper:before {content: '';display: block;width:100%;height:242px;background-image: url(/images/ngWarranty.webp);background-size:contain;background-repeat:no-repeat;background-position:center top}
#ourWarranty .wrapper div ul{display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;text-align: center;justify-content: flex-start;}
#ourWarranty .wrapper div ul li{width:50%;margin:1rem 0}
#ourWarranty .wrapper div ul li a{display:block;}
#ourWarranty .wrapper div ul li a img{width:90%;}



#hpHead{position:relative;margin-block:0 20px}
#hpHead .wrapper{position:relative;height:240px;z-index:1;}
#hpHead .wrapper:before {
z-index: -1;
content: '';
display: block;
background-image: url(/images/banners/hero/a1903.webp);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-position-x: -50px;
background-color: #000;
}
#hpHead .wrapper #inner_HP{display:none;}

.button {
cursor: pointer;
border: 0;
background: #fff;
color: #000;
padding: 1rem 1.5rem;
position: relative;
z-index: 1;
font-weight:600;
text-transform:uppercase;
border:2px solid red;
margin-inline:1rem;
}
.button:hover {color: white;}

.button + .button {margin-left: 1rem;}

.button::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 0, 0, 1);
z-index: -1;
transition: -webkit-transform 200ms ease-in;
transition: transform 200ms ease-in;
transition: transform 200ms ease-in, -webkit-transform 200ms ease-in;
}

.button::after {-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: right;transform-origin: right;}
.button:hover::after {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: left;transform-origin: left;}

/* Pseudo elements for icons */

#homepage #reviews.revised .slider-container q{}
#wCarousel .button{margin-block:1rem;color:#000;border-color:#000}
#wCarousel .button:hover{color:#fff}


sup{font-size:1rem !important;vertical-align:baseline}
.sectA {margin-block:0;display: block;position: relative;padding-block: 25px;background-color: #222;color: #fff;background-position: bottom right;background-repeat: no-repeat;background-size: 18.3vw;}
.sectA:before{position: absolute;content: '';display: block;z-index:0;top: 0;left: 0;bottom: 0;width:100%;margin-left: 0;background: url(/images/treadBG.webp) repeat-y -40px 0;background-size:cover;opacity:.2;}
.sectA > div:first-of-type{display:flex;flex-direction:column;justify-content:center;z-index:2;padding-inline:1rem}
.sectA > div:first-of-type > div{width:100%;position:relative;margin-block:0 2rem;font-size:1rem}
.sectA > div:first-of-type div span{margin-block:0 .5rem;}
.sectA > div:first-of-type div:nth-child(1) span{font-weight:600;z-index:-1;font-size:.8rem;}
.sectA > div:first-of-type div:nth-child(2) span.h3{font-size:1.5rem;line-height:1.5}
.sectA > div:first-of-type div:nth-child(2) span.h3::after {display:block;width: 64px;height: 8px;background-image: url(/images/antek/decor-title-2.svg);content: '';margin-block:1rem}
.sectA > div:first-of-type div:nth-child(2) button{margin-block:2rem 0;padding:.5rem}
.sectA > div:first-of-type iframe{width:100%;height:180px;margin:0 auto;border:2px solid #fff;display:block;z-index:1}
.sectA > div:first-of-type #tour_instructions{background:none;border:none;position:absolute;top:.2rem;right:0;color:#fff;font-size:.8rem;cursor:pointer;z-index:1}
.sectA > div:first-of-type #tour_instructions i{font-style:normal;font-family:'1stAuto';font-size:1rem;margin-inline:0 .2rem;vertical-align:bottom}

#bookNow{animation: glowing 1300ms infinite;background-color: #ff0000;-webkit-border-radius: 5px;border-radius:5px;border: none;color: #eeeeee;cursor: pointer;display: inline-block;font-size:1.5rem;padding: 5px 15px;text-align: center;text-decoration: none;display:block;margin:1rem auto;}
@keyframes glowing {
0% {background-color: #d50000;box-shadow: 0 0 5px #fff;}
50% {background-color: #d50000;box-shadow: 0 0 20px #fff;}
100% {background-color: #d50000;box-shadow: 0 0 5px #fff;}
}

.hidden__ul{z-index: 20;display: flex;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;max-height: 0;overflow: hidden;visibility: hidden;transition: max-height 3s ease-in-out, opacity .5s ease-in-out, visibility .1s ease-in-out;opacity: 0;}



.svc__items{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}
.svc__items li{width:50%;text-align:center;line-height:1.2;font-size: clamp(1rem, 1.5vw, 1.2rem);}
.svc__items li a{text-decoration-color:inherit;line-height:1.5}

/* Store Page */
.serviced__vehicles{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;}
.serviced__vehicles li{width:33%;text-align:center;line-height:1.2;font-size: clamp(1rem, 1.5vw, 1.2rem);}
.serviced__vehicles li a{text-decoration-color:inherit;line-height:1.5}


.sb__widget{
position:relative;

}

.sb__widget .h3{
margin:0;
line-height:1;
position:absolute;
top:0;
left:0;
}

.sb__widget.w_img{padding-top:250px;}

.w_img.w_service{
background:url('/websites/59/images/sbMechanic.webp') no-repeat 0 40px;
background-size:contain;
}

.w_img.w_vehicle{
background:url('/websites/59/images/sbVehicle.webp') no-repeat 0 40px;
background-size:contain;
}




.circle__bg__one:before{
position: absolute;
content: "";
width: 340px;
height: 340px;
text-align: center;
line-height: 340px;
border-radius: 50%;
animation: animated_cirlce_bg 3s cubic-bezier(0.7, 0, 1, 1) infinite;
animation-delay: 0s;
bottom: -228px;
right: -93px;
background: #EAF7F4;
}
.circle__bg__two:after{
position: absolute;
content: "";
width: 340px;
height: 340px;
text-align: center;
line-height: 340px;
border-radius: 50%;
animation: animated_cirlce_bg 3s cubic-bezier(0.7, 0, 1, 1) infinite;
animation-delay: 0s;
bottom: -107px;
right: -224px;
background: #ADE1D4;
}




@keyframes animated_cirlce_bg{
0% {
transform: scale(0.8);
opacity: 0;
}
70% {
opacity: .7;
}
100% {
transform: scale(1.3);
opacity: 0;
}
}



/* NEW HOMEPAGE END */

.ul_links {display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;text-align: center;justify-content: flex-start;}
.ul_links li {width:100%;margin-inline: 2rem;margin-block:0 2rem;cursor:pointer;display:flex;min-height:75px;align-items:center;justify-content:center;}
.animated-button {position: relative;display: block;margin: 0;padding:5px;font-size: clamp(1rem, 1.5vw, 1.2rem);text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;line-height:1.5}
.animated-button:after {content: "";position: absolute;height: 0%;left: 50%;top: 50%;width: 150%;z-index: -1;transition: all 0.75s ease 0s;transform: translateX(-50%) translateY(-50%) rotate(-25deg);}
.animated-button:hover:after {height: 450%;}
.animated-button a, .animated-button span{text-decoration:none;font-weight:600}
.ul_links li a, .ul_links li span {display: flex;align-items: center;justify-content: center;text-decoration: none;color: inherit;width: 100%;height: 100%;}
.animated-button:hover a, .animated-button:hover span{font-weight:800}


#pageBanner img {
width: 100%;
margin: 0 0 3px
}

@media only screen and (min-width: 320px) and (max-width: 480px) {


#pageBanner {
margin-bottom: 10px;
font-size: 12px;
display: block;
float: none;
line-height: 1;
text-align: right
}

#pageBanner img {
width: 100%;
margin: 0 0 3px
}

#full_page_body h3:first-child,
#page_body h3:first-child {
margin-top: 5px;
font-size: 1.3rem;
padding: 0
}

.myFORM #pageBodyIntro p {
font-size: 14px !important;
line-height: 1.5
}

#sidebar .slide .myWidget {
width: 90%;
margin: 20px auto
}

#quick {
width: 83%;
margin: 20px auto;
padding: 1rem
}

.section_title {
width: 98%;
padding: 0;
}


.nav button {
width: auto;
font-size: 1rem;
border-radius: 3px
}
span.nav button:first-of-type {margin-right: .6rem;}
.h2 .nav .slick-next:before,
.h2 .nav .slick-prev:before {
width: 1.4rem;
height: 1.4rem
}


#reviews .collection > div {
padding: 0 !important
}



#reviews .collection .slide a.icon {
font-size: 2rem;
margin: -5px 0 -2rem
}

#reviews .collection .slide a.icon.audio:before,
#reviews .collection .slide a.icon.pdf:before,
#reviews .collection .slide a.icon.video:before {
width: 1.4rem;
height: 1.4rem
}

#reviews .collection .slide .rating {
background-size: 20px 20px;
width: 100px;
height: 20px;
margin: 0;
padding: 0
}

.modal .modal_dialog h3 {
font-size: 1.3rem;
line-height: 1.2rem;
font-weight: 600
}

.modal .modal_dialog h4,
.modal .modal_dialog h5 {
font-size: 1rem;
line-height: 1rem;
font-weight: 600
}

#pageBanner #imgLicense {
display: none;
visibility: hidden
}

#appointmentform #special_contact {
padding: 20px 0
}

#appointmentform h5 {
margin-top: 25px
}

#shop_review_info label {
width: 65%;
float: left;
line-height: 1;
text-align: right
}

#appointmentform label {
width: 90%;
float: left;
line-height: 1;
text-align: left
}

input,
select,
textarea {
float: left
}

#faq_divs .switch_parent .box {
padding: .5rem;
margin: 2rem 0;
}

#faq_divs h3 {
font-size: 1.5rem;
font-weight: 600
}

#faq_divs .h5 {
margin-top: 1rem
}

#faq_divs h3,
#faq_divs .h5 {
margin-bottom: .5rem
}


.coupon {
padding: 1rem;
margin-bottom: 4rem;
font-size: .9rem;
text-align: left;
width:90%;
}
#coupons.singleOffer .coupon {
padding:0;
width:100%;
border:none;
}

.coupon .coupon_interior {
width:65%
}
#offers .coupon_interior {
width:100%
}


.coupon .price {
font-size: 1.4rem;
text-align: left;
line-height:1.2;
font-weight:800;
padding:.5rem 0
}

.coupon .coupon_interior div:nth-of-type(1) {margin-bottom:.3rem;font-weight:normal;}

.coupon img {
width:30%;
}
#coupons.singleOffer .coupon img {
float:right;
margin:3px 0 0 2%;
}

#coupons .collection {
padding: 0
}

#warranty_details {
margin-top: 30px
}
}


.tobii-youtube{
width:325px;
height:183px;
}

.tobii-youtube iframe, #soloVid iframe{
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}


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


#faq_divs .accordion p img, #faq_divs .box p img {
max-width: 275px;
}
.shopMap img {width: 170px;margin: 5px 8px 0 0;}
.coupon span.oButton.cta {width: 18%;}


#gmaps .mapinfo ul{font-size:1rem;}

#hpSVC{min-height:1060px;}
#hpSVC:after {background: url(/images/top-view-cutaway.webp) no-repeat 10% 50%;background-size: 31%;}
#mfgType{line-height:1.5;font-weight:600;font-size:2rem}
.sb__widget.w_img{padding-top:270px;}


}






@media only screen and (min-width: 374px) {
#hero div, #hero > div .slide{height:180px;}
.ratings ul li:nth-child(odd) {font-size: clamp(1rem, 1.5vw, 1.2rem);}
#gmaps .mapinfo ul li:before{font-size:1.5rem;margin-right:.5rem;}
.flexBoxes.vMFG li {width: 45%;margin: 1rem .5rem;}
.coupon img {width: 33%;margin: 3px 2% 0 0;}
#offers .coupon img{width:30%;margin:3px 4% 0 0;display:inline-block;}
#offers .coupon_interior {width:65%}
.coupon .oDesc {font-size: 1rem;}
.coupon .oFine {font-size: .8rem;}
.shopMap img {width:170px;}
ul.flexBoxes.flexCONTACT li a:first-of-type {font-size:1rem;}

#hpVEH_List li {width:50%}



#hpSVC{min-height:1072px;}

#hpSVC ul li{margin-bottom:0;line-height:1.5}
#hpSVC:after {background: url(/images/top-view-cutaway.webp) no-repeat 10% 50%;background-size: 37%;}
.sectA > div:first-of-type iframe{height:211px}

.sb__widget.w_img{padding-top:300px;}



}

@media only screen and (min-width: 410px) {
#hero div, #hero > div .slide {height: 164px;}
#faq_divs .accordion p img, #faq_divs .box p img {max-width: 300px;}
#gmaps .mapinfo ul{font-size:1rem;}
#reputation > li{width:33%;}
.showDropDown {font-size: .8rem;}
#hpSVC{min-height:982px;}
#hpSVC:after {background: url(/images/top-view-cutaway.webp) no-repeat 0 50%;background-size: 37%;}
#svcCats li a {font-size: 1rem;}

#hpVEH_List li a{font-size: clamp(1rem, 1.5vw, 1.2rem);}
.scroller__inner {gap:1.5rem;align-items: center;}
#hpHead .wrapper{height:245px}
#hpHead .wrapper:before {background-position-x: -77px;}
#homepage #reviews.revised span.h2 {}
.sectA > div:first-of-type iframe{height:241px}
ul.flexBoxes.flexNavigation li {width: 50%;}
.offered__services li{width:25%;font-size: clamp(.8rem, 1.5vw, 1.2rem);}
.sb__widget .offered__services li{width:33%;font-size: clamp(.8rem, 1.5vw, 1.2rem);}
.sb__widget.w_img{padding-top:320px;}
}




@media only screen and (min-width: 420px) and (max-width: 690px) {
#sidebar .slide .myWidget {width: 60%;margin: 20px auto}
#quick {width: 50%;margin: 20px auto;padding: 1rem}
}

@media only screen and (min-device-width:799px) and (max-device-width:801px) {
#reviews_list > li .rev .meta div {text-align: center;margin: 2rem 0}
}


@media screen and (min-width:567px){
.boxGrid > div {max-width: 200px;margin: 0 1rem 1rem;}
#ripper .boxGrid > div {min-height: 200px;padding: 170px 0 0;}
img.newsPic{float:left;margin:10px 15px 15px 0;}
#reviews_list li img{width:auto;margin:0 0 1rem 1rem;}
}


@media screen and (min-width:599px){
#sidebar{display:none;}
ul.flexBoxes.flexNavigation li {width:33%;}
ul.flexBoxes.navigation.testi li{width:25%;color:#222}
#hpSVC {min-height:700px;}
#hpSVC .h4{margin-bottom:1rem;}
#trusted #sbRep li{width:33%;margin:1rem 0;}
#tRep span.h3{font-size:2rem}
#tRep span.h3:before{margin:0}
#hpSVC div:first-of-type {margin-block: 0 50px;}
#mfg_inner li p {padding-block:0;}
#mfg_inner li p img {width: 300px;float:right;}
#mfg_experts span.h3:first-child { font-size: 2rem;}
#homepage #reviews.revised span.h2 {margin-bottom:1rem;}
#rNav{bottom:.5rem;margin-block:0;position:absolute;right:0;bottom:0}


#hpSVC > div:last-of-type ul li{width:25%}
#ourWarranty .wrapper:before {height:350px;}
#ourWarranty .wrapper div .h3 {margin-block:20px;}
#ourWarranty .wrapper div ul li {width: 25%;}




#hpHead .wrapper {height: 305px;}
#mfgExperts li .h3 {min-height: 100px;}
#hpVEH_List li {width:33%;}
.sectA > div:first-of-type iframe{height:338px}
.sectA > div:first-of-type div:nth-child(1) span{font-size:1rem;}

.serviced__vehicles li{width:25%}
.sb__widget .serviced__vehicles li{width:33%}
.team .employee:nth-child(1n) {width:29%;margin:1rem 2% 0;line-height:1.2;}
.svc__items li{width:25%}

.ul_links li {width: 44%;margin-inline: 1rem;}


}

@media screen and (min-width: 660px) {
.shopinfo, .team {overflow: hidden}






body > header {
padding-top: 0;
position: fixed;
width: 100%;
top: 0;
z-index: 100;
min-height:0;
}


body header div.wrapper:first-of-type {
display: flex;
position: relative;
align-items: center;
}

.shopinfo,
.team {
position: relative
}




#hero > div,
#pageBanner {
display: block
}

#pageBanner,
#reviews_list .customer,
label {
text-align: right
}


#homepage #pageBodyIntro h2,
#homepage #pageBodyIntro h1,
#homepage #pageBodyIntro p {
padding: 0;
text-align: left
}


#homepage #sidebar .slide .myWidget {
width: 90%;
margin: 20px auto
}

#homepage #quick {
width: 80%;
margin: 20px auto;
padding: 1rem
}

#page_body h3:first-child {
margin: 0;
padding: 0
}

#full_page_body #pageBodyIntro,
#intro #pageBodyIntro,
#page_body #pageBodyIntro {
font-size: 1rem;
line-height: 1.7
}

.myFORM #pageBodyIntro p {
line-height: 1.5
}

#pageBanner {
margin-bottom: 30px;
font-size: 12px;
float: none;
line-height: 1
}





#page_body,
#sidebar {
float: left;
margin-right: 4.44874275%
}


input,
select,
textarea {
float: left;
width: 90%
}

input.short,
select.short,
textarea.short {
width: 31%
}

input.aftlabel,
select.aftlabel,
textarea.aftlabel {
margin-left: 35%
}

input.sec,
select.sec,
textarea.sec {
margin-left: 3%
}

div.box {
width: 50%;
float: left
}

.estimate_comments {
min-height: 100px;
width: 95%;
margin-bottom: 20px
}

label {
width: 33%;
margin-right: 2%
}

#estFORM label{
width:100%;
text-align:left;
font-size:.8rem
}

.bio {
text-align: left
}

#shop_review_info label {
width: 70%;
float: left;
line-height: 1
}

input[type=radio],
input[type=checkbox] {
margin: .3125rem .625rem .3125rem 35%
}



.wrapper.tabs{
padding:0 1rem;
}
.team {
font-size: 1rem;
}

.team .employee:nth-child(n) {
margin: 1rem 1.5rem;
width:25%;
}

.bio {
padding: 0 2rem;
position: relative;
}

.bio .face {
float: right;
width: 38%;
margin: 0 0 2rem 1rem;
}



.bio .nav {
display: inline-block;
text-align: right;
width: 100%;
position: absolute;
top: 30px;
right: 30px;
width:auto;
}

.shopinfo {
padding: 2rem;
margin: 3rem 0 8rem
}

.shopinfo .box:nth-child(1n) {
float: left;
width: 30.36750478%;
height: auto;
margin: 0 4.44874275% 1rem 0;
clear: none;
box-sizing: border-box
}

#hero > div,
#hero > div .slide {
height: 300px
}


.shopinfo .box:nth-child(3n+1) {
clear: left
}

.shopinfo .box {
margin-bottom: 10px
}

#page_wrapper {
padding: 0 1rem 2rem 1rem
}




ul.flexBoxes li, ul.flexBoxes.flexIMG li {
width: 45%;
}

.flexBoxes.vMFG li {
width: 27%;
margin: 1rem;
}


#hero,
#intro {
display: block
}

#hero > div .slide div {
display:block;
}



#hero_page .wrapper {
padding: 2rem 1rem
}

#intro {
padding:1rem 2rem
}


#reviews h2 .nav {
font-size: 24px;
top: -2px
}

#reviews h2 .nav button {
padding: .1rem;
width: auto;
line-height: 1.4rem;
font-size: 1rem;
border-radius: 3px
}

#reviews h2 .nav .slick-next:before,
#reviews h2 .nav .slick-prev:before {
width: 1.4rem;
height: 1.4rem
}

#reviews h2 .nav .slick-prev {
margin-right: .2rem
}

#reviews .collection > div {
padding: 0 !important
}



#reviews .collection .slide a.icon {
font-size: 1.5rem;
margin: 0 0 -2rem
}

#reviews .collection .slide a.icon.audio:before,
#reviews .collection .slide a.icon.pdf:before,
#reviews .collection .slide a.icon.video:before {
width: 1.4rem;
height: 1.4rem
}

#reviews .collection .slide .rating {
background-size: 20px 20px;
width: 100px;
height: 20px;
margin: 0;
padding: 0
}

#reviews_list > li .rev .meta {
display: flex;
}

#reviews_list > li .rev .meta div {
width: 26%;
}

#reviews_list > li .rev div.voice_review {
width: 30%;
}

.ratings ul li:nth-child(odd) {
width: 22%;
clear: none;
text-align: right;
padding-left: 5%
}

#cRatings ul {
width: 48%;
}

#cRatings ul li.check {
width: 27px;
height: 65px;
margin-right: 0.5rem;
}


#writereviewform .half.rateLeft {
width: 35%;
float: left;
}

#writereviewform .half.rateRight {
width: 65%;
float: left;
}


#reviews h2 .info {
display: inline-block
}

.ratings ul li {
margin-right: 2%
}


#reputation .h2 .info {
display: inline-block
}

#services .collection .slide:nth-child(1n) {
float: left;
width: 48.75%;
height: auto;
margin: 0 2.5% 1rem 0;
clear: none;
box-sizing: border-box
}

#services .collection .slide:nth-child(2n) {
margin-right: 0
}

#services .collection .slide:nth-child(2n+1) {
clear: left
}

#blog .wrapper {
padding: 2rem 1rem
}



#finance_logos {
position: relative;
overflow: hidden
}

#affiliates figure,
footer #footer_logo {
float: left
}

#affiliates .switch_parent {
padding: 0 0 100px 0;
}

#affiliates figure {
width: 40%;
margin: 0 2rem;
float: right;
}


#gmaps .mapinfo .map{
width: 40%;
float: left;
margin: 0 1rem 0 0;
}

#gmaps .mapinfo ul{
display:flex;
flex-wrap: wrap;
list-style: none;
font-size:1rem;
width:55%;
}
#gmaps .mapinfo ul li{
line-height:1.5;

}


#ap_ssn1,
#ap_ssn2,
#co_ap_ssn1,
#co_ap_ssn2 {
width: 18%;
margin-right: 3%
}

#ap_ssn3,
#co_ap_ssn3 {
width: 23%
}


footer {padding-top: 1rem}
ul.flexBoxes.flexShops.flexShopHead{border:0;display:flex;}
ul.flexBoxes.flexShops.flexShopHead li{font-size:.9rem;}

ul.flexBoxes.flexShops li {width:25%;}

ul.flexBoxes.flexShops .followUS li {width: auto;margin-right: .5rem}


ul.flexBoxes.flexNavigation {
padding: 1.5rem 0;
display: flex;
}

ul.flexBoxes.flexNavigation li {
width: 33%;
}



#appointmentform #special_contact {
padding-top: 20px
}




.coupon .coupon_interior {
margin: 0;
padding: 0;
width: 60%;
float: left
}

.coupon {
width: 40%;
float: left;
margin: 1rem 0 1rem 0;
}
.coupon:nth-child(odd) {
margin: 1rem 8% 1rem 0;
}

.coupon .price {
font-size: 1.3rem;
margin-bottom:1rem;
}



.coupon .coupon_interior div:nth-of-type(1) {
font-size: 1rem;margin-bottom:.5rem;
}

.coupon .coupon_interior div:nth-of-type(2) {
font-size:.8rem
}


#Finance_Application div.half, #writereviewform div.half, div.half {
width: 50%;
margin: 0;
float: left;
}

#reputation {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

#reputation > li {
width: 33%;
margin-bottom: 2rem
}

ul.svcList li {
width: 33%;
margin: .5rem 0
}

ul.svcList.fleetSVC li {
width: 50%;
}

.mapinfo .holder {
padding: 2rem 1rem;
}

.mapinfo .holder form input[type="submit"] {
float: none;
}

#faq_divs .accordion p img, #faq_divs .box p img {
float: left;
margin: 10px 15px 5px 0;
}
#thumbMechanic{float: left;margin: 0.5rem 1rem 10px 0;max-width: 45%;}

ul.flexBoxes.flexCards li, ul.flexBoxes.flexCards li:hover {
background: transparent;
padding: 0;
color: #000;
margin: inherit;
width: 30%;
}

ul.flexBoxes.flexCards li p {
padding: 0 0.5rem;
text-align: left;
line-height: 1.5;
}
ul.flexBoxes.flexCards li > a:first-of-type.cta {
position: relative;
margin: 0 auto 1rem;
font-weight: 700;
font-size: .8rem;
}
}


@media screen and (min-width:767px) {
#hero div, #hero > div .slide {height: 300px;}
p#gThumb img {width: 20%;float: right;margin-bottom: 2rem;}
ul.flexBoxes.navigation.dash li {font-size:.8rem;width:33%;}
.showDropDown, #reputation li ul {font-size:.9rem;}
.h4.section_title.carIntro{display:none;}
.tobii-youtube{width:700px;height:394px;}
.gThumb img{width:25%;}
#hero_page{background-size:contain;background-repeat:no-repeat;display:block;min-height:240px;}

.gAggregate a{text-decoration-color: #fff;}
#intro .gAggregate{display:block}
#mfgExperts{padding-inline:3rem}

#svcScroll {padding-block:0;}
#svcCats li a  {font-size: 1rem;}
#svcCats li span {margin-block:0 1rem}
#trusted #sbRep li{width:25%;}
#ourWarranty .wrapper div ul {justify-content:center;}
#ourWarranty .wrapper div ul li {width: 20%;}

#svcScroll {min-height: 590px;}
#hpHead .wrapper:before {background-position-x: 0px;}
#hpSVC > div:last-of-type ul li{width:20%}

.sectA > div:first-of-type {flex-direction:column-reverse}
.sectA > div:first-of-type iframe{height:432px}

.offered__services {font-size: clamp(1rem, 1.5vw, 1.2rem);}
.offered__services li a span {font-size:4rem}
.sb__widget .offered__services li a span {font-size:2rem}
}



@media screen and (min-width:799px) {
#hero > div, #hero > div .slide {height: 325px;}
#gmaps .mapinfo ul{font-size:.8rem;}
#gmaps .mapinfo ul li:before {margin-right: .3rem;}
}

@media screen and (min-width:900px){
#trusted #sbRep li{width:20%;}
#homepage #reviews.revised .wrapper{width:70%;}
#homepage #reviews.revised span.h2:before {margin-block: 100px 50px;}
#homepage #reviews.revised .slider-container {width: auto;}
#homepage #reviews.revised .nav button {font-size: 3rem;}


#hpSVC {min-height:600px;}
#hpSVC div:first-of-type{margin-block:0}
#hpSVC > div:last-of-type ul li{width:14%}
#hpHead .wrapper{height:385px}
#homepage #intro {padding: 0 2rem;}
#mfg_experts .wrapper{margin-block:5rem 0}
#mfg_inner:after{position: absolute;content: '';display: block;z-index: 1;top: 0;right: 0;bottom: 0;width:65%;margin-left: 0;background: url(/images/mfg_mechanic.webp) no-repeat 95px 81px;background-size: 100%;z-index:0}
#mfgExperts {width:60%;text-align:left;top: 45%;padding-inline-end:0;z-index:1;}
#mfgExperts .h3 span{display:block}
#mfgExperts > li:nth-child(1) {margin-block: 1rem}

#mfgExperts > li:nth-child(3){text-align:center}
#mfgExperts button{margin-inline:0;}
.sectA > div:first-of-type iframe{height:540px}
#trusted{margin-block:1.5rem}
#hpVEH_List li a{font-size: clamp(.8rem, 1.5vw, 1rem);}

.ul_links li {width:27%;}

}



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

h1{margin-block:3rem 0}
#sidebar .sb__widget .h3{font-size: clamp(.8rem, 2vw, 1.5rem);}
.sb__widget.w_img {padding-top: 250px;}

#coronaVirus{padding:9rem 0 2rem;}



#pageBodyIntro p {
font-size: .8rem
}

#homepage #pageBodyIntro h2,
#homepage #pageBodyIntro p {
padding: 0 20px;
}




#full_page_body #pageBodyIntro, #intro #pageBodyIntro, #page_body #pageBodyIntro {
font-size: 1rem;
line-height: 1.7;
}

#intro {
padding: 2rem;
}

#blog .wrapper {
font-size: .9rem;
}


.header-unit {
height: 500px;
padding: 20px
}

#sidebar {
display: block
}

#sidebar > div {
margin:0 0 3rem 0;
}



#sidebar > div .h2:first-of-type {
font-size:1.5rem;
letter-spacing: 1px;
line-height: 1.4rem;
padding: .5rem;
font-weight: 700;
margin: 0;
text-align: left;
}

#sidebar > div .section_title.sbSlide {
font-size: 1.5rem;
padding: 0;
margin-bottom: 1rem !important;
}
#sidebar .section_title.sbSlide .nav button {
font-size: 1.5rem;
font-weight:600;
}

#sidebar #quick .section_title.sbSlide {
border: 0;
}


#door2door1 input {
font-size: 1rem
}

.shop_details {
padding: 0;
margin: 10px 0;
font-size: 1rem;
display: inline-block;
clear: both;
}

.shop_details .mphrdetail img {
width: 100%;
}

.shop_details h6,
.shop_details .add {
font-size: .9rem;
margin: 0
}

.shop_details h6 {
padding: 0;
font-weight: 700;
}

.shop_details a {
margin: .2rem 0;
font-size: .8rem;
width: 49%;
display: inline-block;
float: left;
clear: right;
text-align: left;
font-weight: normal;
}

.shop_details a:before {
font-family: '1stAuto';
font-size: 1.2rem;
margin-right: 5px;
text-align: right;
}

.shop_details a.telnum:before {
content: '\e934';
text-align: left;
}

.shop_details a.openAPPT:before {
content: '\e944'
}

.shop_details a.showHRS {
margin-right: 0
}

.shop_details a.showHRS:before {
content: '\e915';
font-size: 1.6rem
}

.shop_details a.openEST:before, .shop_details a.openMOVE:before {
content: '\e935';
}

.business_schema {
clear: both;
margin: .5rem 0;
display: inline-block;
width: 100%;
}

.shopinfo {
font-size: 11px;
line-height: 1.5
}

#page_body .shopinfo a.cta {
font-size: 10px;
width: 130px;
text-align: center
}

#page_body ol.privacy {
font-size: 14px;
margin-top: 25px;
margin-bottom: 25px
}

#Finance_Application div.half,
#writereviewform div.half,
div.half {
width: 50%;
margin: 0;
float: left
}


#appointmentform form input[type=radio] + label {
margin-bottom: 4px
}


#page_body,
#sidebar {
float: left;
margin-right: 4.44874275%
}

#page_wrapper {
padding-inline: 2rem
}
#page__top{
padding-inline:2rem;
}

#page_body {
width: 65.18375242%
}

#page_body:last-child,
#sidebar:last-child {
margin-right: 0
}

#sidebar {
width: 30.36750478%
}


#sidebar .slide {
margin-bottom: 20px
}

#sidebar .slide img {
width: 100%;
}

#sidebar #coupons .slide a {
text-align: center;
display: block;
text-decoration: none
}

#sidebar .slide p a {
text-align: left;
display: inline;
text-decoration: underline
}

.coupon .coupon_interior {
width: 60%
}

.coupon ul:first-of-type li.printOffer{
display:inline-block;
}
form.emailOffer input[type="text"], form.smsOffer input[type="text"] {
width: 47%;
}

#sidebar form.emailOffer input[type="text"], #sidebar form.smsOffer input[type="text"] {
width: 68%;
}

#sidebar .coupon {
padding:1rem;
font-size: .9rem;
text-align: left;
min-height: 1px;
margin:0;
}

#sidebar .coupon .coupon_interior {
width:100%
}

#sidebar .coupon .price,
#sidebar .coupon .h3,
#sidebar .coupon .h4 {
font-weight: 600;
line-height: 1.5rem;
}

#sidebar .coupon .price {
font-size: 1.5rem;
text-align: left;
}

#sidebar .coupon .h3 {
font-size: 1rem
}

#sidebar .coupon .h4 {
font-size: .9rem;
line-height: 1.3;
}

#sidebar .coupon span.cta {
display: inline-block;
padding: .3rem 1.2rem;
border: none;
line-height: 1.4rem;
float: none;
border-radius: 3px;
background-clip: padding-box;
text-transform: uppercase;
font-size: 14px;
font-weight: 600
}


#sidebar .coupon img {
width: 100px;
display: none
}

.widget {
margin: 3rem 0;
text-align: center;
}

.widget img {
width: 100%;
}

.widget p {
margin: .7rem 0 1rem;
font-size: .9rem;
text-align: left;
line-height: 1.4rem;
}

.widget a.cta, .widget a.cta2 {
padding: .5rem .7rem;
min-width: 100px;
font-size: .9rem;
}


#offerContainer p {
font-size: 1rem;
}

#quick {
border-width: 5px;
padding: 2rem;
margin-bottom: 3rem;
font-size: .9rem
}

#quick .h2,
.widget .h3 {
font-size: 1.2rem;
line-height: 1.4rem
}

#quick .h2 {
margin-bottom: 1rem
}

#quick dt a:after {
width: 1.4rem;
height: 1.4rem
}







#hero > div,
#hero > div .slide {
height: 300px
}

#coupons .collection,
.mapinfo .holder {
position: relative;
overflow: hidden
}


#hero .slide > div h1 {
font-size: 2.5rem
}




#hero_page .wrapper {
padding: 3rem 2rem
}

section.cta {
padding: 2rem;
margin-bottom: 3rem
}


#coupons .wrapper{
margin:1.5rem 0 3rem;
}

#coupons .collection .coupon:nth-child(1n) {
float: left;
width: 43.77562863%;
height: auto;
margin: 0 4.44874275% 5% 0;
clear: none;
box-sizing: border-box
}

#coupons .collection .coupon:nth-child(2n) {
margin-right: 0
}

#coupons .collection .coupon:nth-child(2n+1) {
clear: left
}
#sidebar #coupons .collection .coupon:nth-child(2n+1) {
clear:none;
}

 
#reviews .collection .slide .rating {
width: 125px;
}



#reviews a {
font-size: 1rem;
}

#sidebar #reviews .collection .slide {
font-size: .9rem;
}

#reviews_list img {
float: right;
margin: 5px 0 20px 20px;
display: block
}

#reviews_list > li .ratings span {
font-size: 1.1rem;
font-weight: 600;
}

#reviews_list > li .rev .meta {
padding: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
margin-left: -.3rem
}

#reviews_list > li .rev .meta div {
width: 35%;
text-align: center;
margin: 1rem 0
}

#reviews_list > li .rev div.voice_review {
width: 50%;
}

.ratings ul.view_ratings {
line-height: 1.3
}

.ratings ul li:nth-child(odd) {
width: 23%;
}

.ratings ul.view_ratings li {
margin-right: 2%
}

.ratings ul li:nth-child(2n+1) {
padding-left: 0;
}

#writereviewform .half.rateRight {
width: 65%;
}

#writereviewform .half.rateLeft {
width: 35%;
}

#cRatings ul {
width: 45%;
margin: 0 0 2rem 1rem;
}
#cRatings ul li:first-child {
font-size: .9rem;
}




span.nav button:first-of-type {margin-right:.5rem;}



#page_wrapper #coupons,
#page_wrapper #reputation {
padding-bottom: 2rem
}
#page_wrapper #coupons.singleOffer .coupon{
   margin:0;
   border:0;
}
#coupons.singleOffer .coupon ul:first-of-type {
padding: 0;
}

#page_wrapper #sidebar #coupons,
#page_wrapper #sidebar #reputation {
padding-bottom: 0;
}

#coupons h2 .nav,
#reputation h2 .nav,
#reviews h2 .nav {
font-size: 24px;
top: -4px
}

#coupons h2 .nav button,
#reputation h2 .nav button,
#reviews h2 .nav button {
padding: .1rem;
line-height: 1.4rem;
font-size: 1rem
}

#coupons h2 .nav .slick-prev,
#reputation h2 .nav .slick-prev,
#reviews h2 .nav .slick-prev {
margin-right: .2rem
}

#reputation .collection > div,
#sidebar #coupons .collection > div {
padding: 0 4px 0 0 !important
}

#coupons .collection .slide,
#reputation .collection .slide {
padding: 1rem 0
}


#repuation .collection .slide a {
font-size: 12px;
letter-spacing: 3px
}

ul.flexBoxes.flexIMG.flexPartners li,
ul.flexBoxes.flexIMG.flexBrands li {
width: 27%;
}
#tirePIC{
float:left;
margin:0 15px 0 0;
border:1px solid #cfcfcf;
}
#myPartners.flexBoxes.flexIMG li, #tires.flexBoxes.flexIMG li {
width: 27%;
padding: 1rem;
}

ul.flexBoxes li h6 {
font-size: 1rem;
}

.flexBoxes li .h5 {
font-size: .9rem;
}

ul.flexBoxes.flexShops li ul.followUS li a:before {
font-size: 1.5rem;
}

ul.flexBoxes.flexNavigation li {

}


#faq_divs h3 {
font-size: 1.2rem;
font-weight: 600
}

#faq_divs .h5 {
margin-top: 1rem
}

.h3.fleet_header {
font-size: 22px
}

#maintenance_tips {
margin: 0;
padding: 0;
list-style: none
}

#maintenance_tips li {
padding-left: 2.5rem;
margin: 1.5rem 0 0 0;
position: relative;
}

#maintenance_tips li:before {
font-family: '1stAuto';
content: '\e935';
position: absolute;
left: 0;
top: 3px;
font-size: 1.5rem
}


#blog .wrapper,
#infotabs .wrapper {
padding: 3rem 2rem
}



table#card_example {
font-size: 18px;
margin: 0;
width: 100%;
line-height: 1.3
}

table#card_example tr {
border: none !important
}

table#card_example td {
vertical-align: top;
line-height: 1.3;
text-align: left;
padding: 50px 0
}

table#card_example th {
padding-bottom: 10px
}

td.card_trans_date2 {
width: 85px;
text-align: left
}

td.card_trans_bal2,
td.card_trans_total2 {
width: 90px;
text-align: right !important
}

td.card_trans_comment2 {
width: 450px !important
}

footer .wrapper {
padding: 3rem 2rem
}





ul.flexBoxes.flexShops li {
width: 25%;
font-size: 1rem;
display: block
}


#tab_5 .myAfil:nth-child(4n+2) {
clear: left
}



.sb_header h2 {
font-size: 1rem;
}


.coupon .coupon_interior {
margin: 0;
padding: 0;
min-height: 200px;
width: 55%;
float: left
}
#sidebar .coupon .coupon_interior {
min-height: 2px;
}

.coupon img {
width: 40%
}

.coupon {
width: auto;
margin: 3rem 0;
}

.coupon:nth-child(2n+1) {
clear: none;
}

.coupon .coupon_interior {
width: 56%;
}

.coupon .price {
font-size: 1.2rem
}
#coupons.singleOffer .coupon .price {
font-size:2rem
}

.coupon .coupon_interior div:nth-of-type(1),
.accordion p,
.accordion > h3 {
font-size: 1rem
}
.coupon .coupon_interior div:nth-of-type(1){
font-weight:normal;
}
.coupon .coupon_interior div:nth-of-type(2){
font-size:.9rem;
line-height:1.5;
}

.coupon img {
width: 165px;
margin: 3px 4% 0 0;
}
.coupon ul.shareSpecial li.st-custom-button.sms{
display:none;
}



.map {
min-height:250px
}

.mapinfo .holder .box:nth-child(1n) {
float: left;
width: 33%;
height: auto;
margin: 0 1% 3rem 0;
clear: none;
box-sizing: border-box
}

.mapinfo .holder .box:nth-child(4) {
width: 100%;
float: none;
padding: 2rem 0;
text-align: center;
}


#myMAP p:first-of-type {
padding: 0;
}


.mapinfo .holder .box:nth-child(4n) {
margin-right: 0
}

.mapinfo .holder .box:nth-child(4n+1) {
clear: left
}

.mapinfo a.cta {
float: none
}

.mapinfo address,
.mapinfo p {
font-size: .9rem;
float: left;
line-height: 1.5
}

.mapinfo i.directions,
.mapinfo i.hours,
.mapinfo i.location {
width: 21%;
margin-right: 0
}

.mapinfo i.directions:before,
.mapinfo i.hours:before,
.mapinfo i.location:before {
font-size: 2rem
}

.mapinfo .holder .box:nth-child(n) {
margin: 0
}

.mapinfo form input[type=submit] {
float: none;
cursor: pointer
}

.mapinfo a.cta, .mapinfo a.cta2 {
width: 81%;
font-size: 1rem;
}

.mapinfo #door2door1 {
width: 78%
}

.mapinfo a.cta, .mapinfo a.cta2 {
margin: 0 1rem 0;
width: 25%;
display: inline-block
}



.mapinfo a.cta span, .mapinfo a.cta2 span {
opacity: .7;
display: inline-block;
margin-right: 5px;
font-size: 1.5rem;
vertical-align: top;
line-height: 1;
}

#gmaps .mapinfo ul {
list-style: none;
font-size: .8rem;
width: 56%;
}
#gmaps .mapinfo ul li {
width: 48%;
float: left;
padding: 0;
line-height: 1.5;
margin: 0 0 1rem 0;
}
#gmaps .mapinfo .map {
width: 40%;
float: left;
margin: 0 1rem 0 0;
}
#homepage #gmaps .mapinfo .map{width: 45%;}
#homepage #gmaps .mapinfo ul {width: 53%;font-size:1rem}
#gmaps .mapinfo ul li:before {margin-right: .7rem;}

#sidebar .sbFeature {
padding: 9rem 0 2rem;
background-size: contain;
background-repeat: no-repeat;
}

#sidebar .sbFeature a.cta {
margin: 0 auto;
display: block;
}


#affiliates.financial p {
padding: 0;
}

#affiliates.financial figure ul li {
font-size: .9rem
}

#affiliates.financial figure {
margin: .5rem 1rem 2rem 1rem;
}

.team li.employee {
line-height: 1.5
}
.team .employee:nth-child(n) {
margin: 1rem;
width: 25%;
}

#teamList.wDisp .team .employee:nth-child(n) {
margin: 1rem;
width: 16%;
}

.team li.employee a {
font-size: 1rem;
}

.team li.employee p {
font-size: .8rem
}

.team .employee:nth-child(4n+1) {
clear: none;
}

.team .employee:nth-child(3n+1) {
clear: left;
}

.bio {
padding: 1rem 2rem;
}

.bio .h3 {
margin: 0 0 0 0
}



.bio .face {
float: right;
width: 200px;
margin: 2% 0 0 5%;
}


#reputation li ul {
font-size: .8rem;
}

#bannerQuote form {
width: 40%;
padding: .5rem 1rem;
margin: 3.5rem 1rem 0
}

#bannerQuote form h3 {
font-size: 1rem;
}

#bannerQuote form p {
font-size: .8rem;
}

#bannerQuote form .formrow {
margin-bottom: .5rem
}

#bannerQuote input, #bannerQuote select {
font-size: .8rem;
}

#bannerQuote textarea {
font-size: .8rem;
min-height: 50px;
width: 95%;
}

#bannerQuote form button {
padding: .5rem 2rem;
line-height: 1.4rem;
font-size: 1rem;
}

#bannerQuote ul {
font-size: 1.9rem;
margin: 0 0 .5rem 0
}

#bannerQuote ul li {
margin: .5rem 0 0 0;
}

#bannerQuote ul li a{
color:#fff;
}


ul.flexBoxes.flexCONTACT li a:first-of-type {font-size:1rem;}
#ripperwrap {min-height: 100px;}
.boxGrid > div {margin: 1rem 2rem;}
#ripper .boxGrid > div {padding: 170px 0 0;max-width: 200px;}
.gThumb img{width:20%;}
#thumbMechanic{float:left;margin:.5rem 1rem 20px 0;}



#hero_page {
min-height: 314px;
background-size:cover;
}

/*
#sidebar .gAggregate a {
width: 62%;
margin: 0 auto;
background: url(/images/gReviewBG.webp) no-repeat left center;
padding-left:145px;
line-height: 1.68;
background-size:45%;
min-height:42px;
font-size: .7rem;
text-decoration: none;
font-weight: 600;
}
*/



#hpSVC {min-height:563px;flex-direction: row;}
#hpSVC div {width:50%}
#hpSVC > div:last-of-type ul li {width: 25%;}
#hpSVC .h4 {margin-bottom: 0.5rem;}
#hpSVC:after{background: url(/images/top-view-cutaway.webp) no-repeat 38% 50%;background-size:59%;transform: rotate(0);}
#hpSVC:before {position: absolute;content: '';display: block;top: 0;left:0;bottom: 0;right: 0;background:#000 url(/images/hp-services-bg.webp) no-repeat 82% 0;background-size: cover;border-radius:30px;}
#svcScroll:after{background-size:cover;margin-left:0;width:100%;}


#tRep{margin:0 auto}

#homepage #reviews.revised{margin-block:80px 0;height:420px;}
#hpReviews .wrapper:nth-child(1){padding-inline:1rem 0}
#homepage #reviews.revised:after {
position: absolute;
content: '';
display: block;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
width: 628px;
margin-left: 0;
background: url(/images/reviewFamily.webp) no-repeat 3px 11px;
background-size: 100%;
}
#homepage #reviews.revised .wrapper{width:45%;margin:0;z-index: 20;position: absolute;top: 45%;transform: translate(0, -55%);}
#homepage #reviews.revised .slider-container{padding:0 2rem}
#homepage #reviews.revised .nav button {font-size:2rem;}
#homepage #reviews.revised span.h2:before {margin: .5rem 0 .2rem 0;font-size: 2rem;}
#homepage #reviews.revised .slider-container {padding:0}

#svcScroll .mfgCTA .cta {width: 15%;}
#homepage #reviews.revised span.nav {margin-block:0 50px;}
#trusted #sbRep li {width: 20%;}



#hpHead .wrapper{height:485px;}
#hpHead .wrapper #inner_HP{color:#fff;position:absolute;width:62%;right:0;top:45%;padding:1rem;margin-inline:0 1rem;text-shadow: 2px 2px rgba(0, 0, 0, 0.4);transform: translateY(-50%);}
#hpHead .wrapper #inner_HP .h3{font-size:1.5rem;}
#hpHead .wrapper #inner_HP a{color:#fff;text-decoration-color:#fff}
#hpHead .wrapper #inner_HP #banCTA{display: flex;flex-direction: row;margin: 0;justify-content:center;}

#hpHead .wrapper #inner_HP:before {z-index: -1;content: '';display: block;width: 100%;background-color:#000;background-repeat: no-repeat;position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius:20px;opacity:1}
#hpHead .wrapper:before{z-index:-1;content: '';background-position-x: -57px;display: block;background-image: url(/images/banners/hero/a1903.webp);background-size:cover;background-repeat:no-repeat;position:absolute;top:0;left:0;bottom:0;right:0;}
#hpHead .wrapper #inner_HP {display:block;}




.btn-2 {display:block;}

#homepage #reviews.revised span.h2 {font-size:1.8rem}

.sectA:before{background: url(/images/treadBG.webp) repeat-y -1000px 0;}
.sectA > div:first-of-type iframe{height:576px}
#hpVEH_List li {width:50%;}
#mfg_inner:after{position: absolute;content: '';display: block;z-index: 1;top: 0;right: 0;bottom: 0;width:65%;margin-left: 0;background: url(/images/mfg_mechanic.webp) no-repeat 95px 81px;background-size: 100%;z-index:0}
}

@media screen and (min-width:1151px) {
#carousel .carousel .slide .h2, .carousel_widget .slide h2{font-size:1.5rem;}
.team .employee:nth-child(n) {margin: 1rem;}
footer img#signature_img{width:200px;height:200px}
.coupon .price {font-size: 1.5rem;}
.coupon img{width:185px;}

#gmaps .mapinfo ul{font-size:.9rem;width:auto}
#gmaps .mapinfo ul li:before {margin-right: 0.5rem;font-size:1.2rem}
#gmaps .mapinfo .map {width: 47%;}
#ripper {padding:0;margin:0;}
#ripper .boxGrid > div {padding: 225px 0 0;max-width: 250px;}
#cRatings ul li:first-child {font-size: 1rem;}
.tobii-youtube{width:893px;height:502px;}
#hero_page {min-height: 395px;}
/*
#sidebar .gAggregate a {width: 80%;padding-left: 158px;line-height: 1.68;background-size: 37%;min-height: 49px;font-size: .8rem;}

*/



}

@media(min-width:1200px){
.sectA{padding-block: 125px;}
.sectA > div:first-of-type {flex-direction:row}
.sectA > div:first-of-type div {width:50%;}
.sectA > div:first-of-type div:nth-child(2){padding-block:2rem 0;padding-inline:1rem}
.sectA > div:first-of-type iframe{height:585px}
}



@media screen and (min-width: 1279px) {
#pageBodyIntro p {
font-size: 1rem;
line-height: 1.5
}

#full_page_body #pageBodyIntro,
#intro #pageBodyIntro,
#page_body #pageBodyIntro{
font-size: 1rem
}

.sb_header h2 {
font-size: 1.5rem;
padding:.5rem;
line-height: 1.4rem
}



#door2door1 input {
font-size: 1rem
}

#banner_bottom .appointment a,
#banner_bottom .estimate a {
font-size: .8rem
}


.header-unit .wrapper {
padding-top:80px;
}

.header-unit {
height: 700px;
padding: 20px
}

#hero > div, #hero > div .slide {
height: 500px
}

.coupon {
border: 3px dashed;
width: 90%;
margin: 2rem 0;
padding: 1.5rem;
min-height: 250px;
}
#offers .coupon {
width: 88%;
}



.coupon .coupon_interior {
margin: 0;
padding: 0;
min-height: 200px;
width: 57%;
float: left
}


.coupon img {
width: 200px;
}

.coupon .price {
font-size:2rem
}

.coupon .coupon_interior div:nth-of-type(1) {
font-size: 1.5rem
}

.coupon .coupon_interior div:nth-of-type(2) {
font-size: 1rem
}

.coupon span.cta {
font-size: 1.2rem;
}

#sidebar .slide img {
width: 100%;
}

#sidebar .coupon {
margin:0;
padding: 1rem;
min-height: 0
}

#sidebar .coupon .price {
font-size: 1.8rem
}

#sidebar .coupon .coupon_interior div:nth-of-type(1) {
font-size: 1.2rem
}

#sidebar .coupon .coupon_interior div:nth-of-type(2) {
font-size: 1rem
}

.shopinfo {
font-size: 14px;
line-height: 1.5
}



#quick {
padding: 1rem
}


a.sbAffiliation {
width: 33%;
float: left
}

#page_body .shopinfo a.cta {
width: 180px;
font-size: 1rem
}



#reviews .collection .slide q {
padding: 1rem 0
}



#homepage .tabs {
padding: 3rem 2rem
}



.team a,
.team p {
font-size: 1.2rem
}

.team li figure {
margin-bottom: 10px
}

#page_body ol.privacy {
font-size: 1rem
}

.mapinfo address,
.mapinfo p {
float: left
}

.mapinfo i.directions,
.mapinfo i.hours,
.mapinfo i.location {
width: 18%;
margin-right: 15px;
}

.mapinfo i.directions:before,
.mapinfo i.hours:before,
.mapinfo i.location:before {
font-size: 2.2rem
}

.mapinfo .holder .box:nth-child(n) {
margin: 0;
width: 25%;
padding: 0;
}

.shop_details a {
font-size: 1rem;
}

.mapinfo #door2door1 {
width: 75%;
}

.mapinfo a.cta, .mapinfo a.cta2 {
width: 78%;
padding: .5rem;
font-size: 1.3rem;
margin-bottom: .5rem
}

.mapinfo i.directions::before, .mapinfo i.hours::before, .mapinfo i.location::before {
font-size: 2.2rem;
}


.mapinfo form input[type=submit] {
float: none;
cursor: pointer
}

#coupons h2 .nav,
#reputation h2 .nav,
#reviews h2 .nav {
top: -12px
}

#coupons .collection .slide,
#reputation .collection .slide {
padding: 0
}

#coupons h2 .nav button,
#reputation h2 .nav button,
#reviews h2 .nav button {
line-height: 1.8rem;
font-size: 1.2rem
}

#sidebar .section_title.sbSlide {
font-size: 1.4rem;
}

#sidebar #quick .section_title.sbSlide {
border: none;
}

.section_title.sbSlide .nav button {
line-height: 2.5rem;
font-size: 1rem;
}

.bio {
padding: 2rem;
}

.bio .h3 {
margin: 0 0 0 0
}

.bio .face {
width: 300px;
}

.bio .nav {
top: 47px
}

#reviews_list > li .rev .meta div {
width: 25%;
}



#reviews_list > li .rev div.voice_review {
width: 50%;
}

#sidebar #reviews .collection .slide {
font-size: 1rem;
}

.flexBoxes.vMFG li {
width: 28%;
}

ul.flexBoxes li {
width: 30%;
}

.flexBoxes.flexIMG li {
width: 28%;
}

ul.flexBoxes li, ul.flexBoxes.flexIMG li {
width: 30%;
}

ul.flexBoxes li .h5 {
font-size: .9rem;
}

.flexBoxes.flexFAQ li a span:before {
font-size: 6rem;
}

.flexBoxes.flexVids li a span::before {
font-size: 4rem;
}

ul.flexBoxes.flexIMG.flexSBREP li {
margin: .5rem 14px .5rem 0;
}

ul.flexBoxes.flexIMG li img {
width: 100%;
align-self: center;
}

ul.flexBoxes.flexCONTACT li:first-of-type {
font-size: 1.1rem;
margin: 1rem 0 .5rem
}

ul.flexBoxes.flexCONTACT li a:first-of-type {
font-size: 1.1rem;
letter-spacing: 1px;
}

ul.flexBoxes.flexIMG.flexSBREP li {
margin: 1rem 14px 1rem 0;
}

ul.flexBoxes.flexShops li {
font-size: 1.2rem;
}
ul.flexBoxes.flexShops.flexShopHead{font-size:1.2rem}
ul.flexBoxes.flexShops ul.followUS li{
font-size:.8rem;width:8%;
}

ul.flexBoxes.flexNavigation li {width:25%;text-align:left;}


ul.flexBoxes.navigation.dash li {font-size: .9rem;}

#ripper .boxGrid > div {padding: 227px 0 0;max-width: 275px;}

#gmaps .mapinfo ul{font-size:1rem}


ul.flexBoxes.flexCards li > a:first-of-type.cta{font-size:1rem}

.tobii-youtube{width:800px;height:450px;}


/*
#sidebar .gAggregate a {width: 80%;padding-left: 188px;background-size: 37%;min-height: 57px;}

*/


#hpSVC{max-width:90%;font-size:1.2rem}
#hpSVC {min-height:720px;margin:100px auto;display: flex;flex-direction: row;justify-content: space-between;padding: 2rem 0;}
#hpSVC div {width: 37%;}
#hpSVC > div:last-of-type ul li {width: 33%;}


#hero #heroContent ul {display: flex;}


#trusted #sbRep li{width:15%;}
#homepage #reviews.revised {margin-block:0;height:590px;}
#homepage #reviews.revised:after{width:800px;background: url(/images/reviewFamily.webp) no-repeat bottom right;background-size:100%}
#homepage #reviews.revised span.h2:before {margin: 0 0 0.2rem 0;font-size: 2rem;}
#hpSVC:after{position: absolute;content: '';display: block;z-index: 1;top: 0;left: 50%;bottom: 0;width: 379px;margin-left: -185px;background: url(/images/top-view-cutaway.webp) no-repeat 50% 100%;background-size:79%;transform: rotate(0deg);}



#ourWarranty .wrapper {position: relative;height: 500px;}
#ourWarranty .wrapper div {text-align: left;background: #fff;top: 50%;left: 50%;transform: translate(-14%, -48%);position: absolute;z-index: 2;padding: 2rem;border: 1px solid #000;border-radius: 20px;}
#ourWarranty .wrapper div sup{margin-left:.1rem}
#ourWarranty .wrapper div p a img{width:150px;}
#ourWarranty .wrapper div ul {justify-content: flex-start;}
#ourWarranty .wrapper div ul li {width:25%;}
#ourWarranty .wrapper:before {
position: absolute;
z-index: 0;
left: 1rem;
width: 590px;
height: 476px;
margin-left: 0;
background: url(/images/ngWarranty.webp) no-repeat;
background-size:contain;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}



#hpHead .wrapper {height: 515px;}
#hpHead .wrapper #inner_HP .h3 {font-size: 2rem;}
#hpHead .wrapper:before {background-position-x:0}



#homepage #reviews.revised span.h2 {font-size: 2.5rem;line-height:1.2}
#homepage #reviews.revised .wrapper{width:40%;transform: translate(10%, -55%);}
#mfg_experts {padding-top: 0;position:relative;}
#mfg_experts .wrapper {margin-block:0;width:100%;max-width:100%}
#mfg_inner{height:700px;}
#mfg_inner:after {width: 700px;height: 800px;}
#hpVEH_List li {width: 33%;}
#mfgExperts{top:50%;transform: translate(100px, -50%);width:55%;padding-inline:0}

.sb__widget.w_img {padding-top: 290px;}

}

@media screen and (min-width: 1359px) {
.header-unit .wrapper {
padding-top: 140px;
}

.header-unit {
height: 700px;
padding: 20px
}



#homepage #pageBodyIntro h2,
#homepage #pageBodyIntro p {
padding: 0
}

#hero_page .wrapper,
#page_wrapper {
padding: 1rem 0 3rem 0
}
#page__top{padding-inline:0}

#coupons .wrapper {
padding: 1.5rem 0 3rem;
}



.wrapper {
margin: 0 auto;
position: relative
}

footer > div.wrapper {
padding:0;
}


.wrapper .wrapper {
width: auto;
position: static
}

#hero .slide > div {
width: 1360px;
margin: 0 auto;
position: relative
}

#hero .slide > div #hero .slide > div {
width: auto;
position: static
}

#services .collection {
position: relative;
overflow: hidden
}

#hero {
font-size: .9rem;
line-height: 1.3rem
}

#hero .slide > div h1 {
font-size: 3rem
}

#sidebar #reviews .slide {
padding-left: 0
}

#blog .wrapper,
#infotabs .wrapper,
footer .wrapper {
padding: 3rem 0
}

.flexBoxes.vMFG li {
width: 28%;
}

.flexBoxes.flexGallery li {
width: 45%;
}

#sidebar #reviews h2 .nav {
font-size: 1rem;
top: -18px
}


#reviews h2 .nav {
font-size: 19px;
top: -20px
}

#reviews .rLink {
font-weight: 400
}

.coupon .coupon_interior {
margin: 0;
padding: 0;
min-height: 200px;
width: 60%;
float: left
}

.coupon .coupon_interior {
width: 52%;
padding-right: 0%;
}

.coupon img {
width: 250px;
}

.coupon .price {
font-size:1.5rem
}

.coupon .coupon_interior div:nth-of-type(1) {
font-size: 1.5rem
}

.coupon .coupon_interior div:nth-of-type(2) {
font-size: 1.15rem
}
.coupon span.cta {font-size: 1.2rem;}


#faq_divs .box .h4 {
font-size: 1rem;
margin-top: 1rem
}

.mapinfo .holder .box:nth-child(n) {
width: 24%;
padding: 0;
margin: 0;
}

.mapinfo a.cta, .mapinfo a.cta2 {
width: 87%;
font-size: 1.3rem;
margin-bottom: 1rem;
}

#gmaps .mapinfo ul{line-height:1.5;font-size:.9rem;}
#gmaps .mapinfo .map {width: 45%;}

.mapinfo address,
.mapinfo p {
float: left
}

.mapinfo i.directions,
.mapinfo i.hours,
.mapinfo i.location {
width: 23%;
margin-right: 3px
}

.mapinfo i.directions:before,
.mapinfo i.hours:before,
.mapinfo i.location:before {
font-size: 2.2rem
}

.mapinfo form input[type=submit] {
float: none;
cursor: pointer
}



.ratings ul li:nth-child(2n+1) {
width: 25%;
}

#sidebar .section_title.sbSlide .nav button {
line-height: 2.5;
font-size: 1.8rem;
}


#ripper .boxGrid > div {padding: 250px 1rem 0;max-width: 300px;}

#hpSVC div{padding:0 1rem;}


#hpHead .wrapper #inner_HP {margin-inline:0 4rem;width:57%;}


#mfgExperts {transform: translate(120px, -50%);width: 47%;}
#mfg_inner:after {background: url(/images/mfg_mechanic.webp) no-repeat 0px 0;background-size: 100%;}
#hpVEH_List li {width:30%;}
#vPara{padding-inline-end:2rem}
.sb__widget.w_img {padding-top:340px;}

}

@media screen and (min-width:1399px) {
.header-unit {
height: 650px;
}





#blog .wrapper {
font-size: 1rem
}

#sidebar > div {
margin: 0 0 5rem 0;
}

#sidebar > div h2:first-of-type {
font-size: 1.2rem;
line-height: 1rem
}

#sidebar #reviews h2:first-of-type, #sidebar #coupons h2:first-of-type {
line-height: 1.4rem;
}

#sidebar .section_title.sbSlide {
font-size: 1.7rem;
}

#sidebar #quick .section_title.sbSlide {
font-size: 1.2rem;
border: none;
}

#coupons h2 .nav, #reputation h2 .nav, #reviews h2 .nav {
top: -20px;
}


#sidebar .section_title.sbSlide .nav button:before {
width: .8rem;display:inline-block
}


#coupons .nav button, #reputation .nav button, #reviews .nav button {
font-size: 1rem;
}

.coupon .coupon_interior {
width: 50%;
}

.coupon .coupon_interior div:nth-of-type(1) {
font-size: 1.2rem
}

.coupon .coupon_interior div:nth-of-type(2) {
font-size: 1rem
}




}

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

.mapinfo address, .mapinfo p, #door2door1 input {
font-size: .9rem;
}

.mapinfo a.cta, .mapinfo a.cta2 {
font-size: 1.1rem;
}



#gmaps .mapinfo ul{font-size:1rem;}
#gmaps .mapinfo ul li:before {margin-right:.5rem;}

.gm-style .gm-style-iw {
font-size: 18px
}

.gm-style {
font-size: 16px;
}





#banner_bottom .appointment a,
#banner_bottom .estimate a {
margin: 2rem .5rem
}

   

.header-unit {
height: 600px;
}


ul.flexBoxes li {
padding: .5rem .8rem;
}
ul.flexBoxes li, ul.flexBoxes.flexIMG li {
width: 33%;
}

ul.flexBoxes li h6 {
font-size: 1.2rem
}

ul.flexBoxes.flexVideos h6, ul.flexBoxes.flexGallery h6 {
font-size: 1rem;
}



ul.flexBoxes.flexCONTACT li:first-of-type {
font-size: 1rem;
margin: 1.5rem 0 .3rem;
}

ul.flexBoxes.flexCONTACT li a:first-of-type {
font-size: 1.3rem;
letter-spacing: 0
}


ul.flexBoxes.flexShops li {font-size: 1rem;}
#carousel .carousel .slide .h2, .carousel_widget .slide h2 {font-size: 1.2rem;}
ul.flexBoxes.navigation.dash li {font-size: .8rem;}
.tobii-youtube {width:1159px;height:652px;}

#hero_page {
min-height: 445px;
}
#intro .gAggregate a {
background-size: 17%;
padding-left: 58px;
font-size: 0.8rem;
}
/*
#sidebar .gAggregate a {font-size: .8rem;}

*/

#hpSVC ul li{text-align:left;}
#hpHead .wrapper {height: 593px;}
}


@media screen and (min-width:1535px){
#hero_page {min-height: 474px;}
#hpHead .wrapper {height: 593px;}
#mfgExperts {transform: translate(200px, -50%);width:43%;}
#bookNow{padding:1rem}

#homepage #reviews.revised .wrapper {width: 35%;transform: translate(25%, -45%);}
.sb__widget.w_img {padding-top:370px;}
}

@media screen and (min-width: 1595px) {
ul.flexBoxes.flexShops li{font-size:1rem;font-weight:normal}
ul.flexBoxes.flexShops ul.followUS li{font-size:.8rem;}
#coupons .wrapper {padding: 0 0 3rem;}
#banner_bottom .appointment a, #banner_bottom .estimate a {
margin: 2rem 0
}

.wrapper {
width: 1410px;
margin: 0 auto;
position: relative;
}

.mapinfo a.cta, .mapinfo a.cta2 {
width: 75%
}

#cRatings ul{
margin-bottom:1rem
}

#cRatings ul li:first-child {
font-size: 1rem;
}
#cRatings ul li.check {
width: 36px;
}

#hero_page {
min-height: 495px;
}

/*
#sidebar .gAggregate a {
width: 80%;
padding-left: 228px;
background-size: 37%;
min-height: 66px;
font-size:.8rem
}
*/


#mfgExperts {
    transform: translate(300px, -50%);
    width: 35%;
}

}


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


.img_license {
font-size: 14px
}

.header-unit {
height: 700px;
}

.header-unit .wrapper {
   padding-top: 180px;
}


.coupon span.cta {font-size: 1rem;}
#ripper .boxGrid > div {padding: 240px 0 0;max-width: 280px;}


.sb__widget.w_img {padding-top:410px;}


}




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

.header-unit {
height: 800px;
}
.tobii-youtube {
width:1152px;
height:648px;
}

#hero_page {
min-height: 595px;
}

#homepage #reviews.revised:after {background-size:100%;}
#mfgExperts {transform: translate(120px, -50%);width: 47%;}
#mfg_experts .wrapper {margin-block: 0;width: 80%;}
.sectA > div:first-of-type div:nth-child(2){padding-inline:3rem 0}

#homepage #reviews.revised .wrapper {width: 35%;transform: translate(50%, -45%);}
.sb__widget.w_img {padding-top:420px;}
}

@media screen and (min-width: 2047px) {
.header-unit .wrapper {padding-top: 200px;}
#hero_page {min-height: 634px;}
ul.flexBoxes.flexNavigation li {width:25%;text-align:left;}
}

@media screen and (min-width: 2559px) {
#hero_page {min-height: 799px;}
#mfg_experts .wrapper {margin-block: 0;width:60%;}
}




#header-wrapper {
display: none !important
}


#warranty_details ul {
margin: 0;
padding: 0
}

#warranty_details ul li {
float: left;
margin: 0 20px 0 0;
font-weight: 700;
list-style-type: none
}

#warranty_details p {
padding: 10px 40px 0 0;
margin: 0;
clear: both
}

#warranty_details p img {
margin: 15px 40px 0 0
}


#facebook_join_us {
background-image: url(/images/facebook-fan.jpg);
background-repeat: no-repeat;
width: 355px;
height: 157px !important;
display: block;
margin: 0 auto
}

input.Rinput {
display: block !important;
width: 100% !important
}