:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-2c7cc96 */.cc-main-container {
width: 100%;max-width: 1000px;display: inline-block;background-color: white;margin: 0px auto 40px;text-align: center
}
.cc-imagetexthead {
width: 100%;display: inline-block;margin: 0px auto;position: absolute
}
.cc-imagetexthead>h2 {
width: 85%;min-width: 280px;display: inline-block;margin: 10px auto;line-height: 135%;color: white !important;font-size: 32px;text-align: center
}
.cc-imagetexthead>h2>span {
font-size: 24px;font-size: calc(.6vw+.6vh+2vmin);line-height: 145%
}
.cc-cta-container {
width: 100%;display: inline-block;margin: 10px auto
}
.cc-maincta {
width: 30%;min-width: 270px;background-color: #054382 !important;display: inline-block;padding: 15px 0px;margin: 5px 2px;font-size: 18px;color: white !important;text-decoration: none !important;text-transform: uppercase;border: 2px solid #054382;transition: .6s
}
.cc-subcta {
width: 30%;min-width: 270px;background-color: rgba(0, 0, 0, .5) !important;display: inline-block;padding: 15px 0px;margin: 5px 2px;font-size: 18px;color: white !important;text-decoration: none !important;text-transform: uppercase;border: 2px solid #054382;transition: .6s
}
.cc-subcta2 {
width: 60%;min-width: 270px;background-color: rgba(0, 0, 0, .5) !important;display: inline-block;padding: 15px 0px;margin: 5px 2px;font-size: 18px;color: white !important;text-decoration: none !important;text-transform: uppercase;border: 2px solid #054382;transition: .6s
}
.cc-maincta:hover,
.cc-subcta:hover,
.cc-subcta2:hover {
opacity: .5;color: white !important;transition: .6s
}
@media only screen and (max-width: 877px) {
.cc-imagetexthead>h2 {
font-size: 22px
}
}
.cc-bg-img {
background-color: #111;color: #fff !important;margin: 0 auto;z-index: 0;width: 100%;height: 37vh;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center
}
.cc-bg-img-filter {
width: 100%;max-width: 1200px;background-image: url('https://lp-auto-assets.s3.us-east-1.amazonaws.com/sp/img/h1-hor.jpg');opacity: .3
}
.cc-service-gallery-container {
width: 100%;margin: 0px auto;display: flex;align-items: center;flex-wrap: wrap
}
.cc-single {
justify-content: center
}
.cc-multi {
justify-content: space-between
}
.cc-col-1 {
width: 70%;align-items: center
}
.cc-col-2 {
width: 49.3%
}
.cc-col-3 {
width: 32%
}
.cc-col-4 {
width: 24%
}
.cc-service-card {
margin: 10px 0;height: 200px;background: darkgray;display: flex;align-items: center;justify-content: center;flex-direction: column
}
.brakes {
background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://lp-auto-assets.s3.us-east-1.amazonaws.com/sp/img/h4-sq.jpg");background-position: center;background-repeat: no-repeat;background-size: cover
}
.oil {
background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://lp-auto-assets.s3.us-east-1.amazonaws.com/sp/img/oil-v1.jpg");background-position: center;background-repeat: no-repeat;background-size: cover
}
.tires {
background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://lp-auto-assets.s3.us-east-1.amazonaws.com/sp/img/tires-v1.jpg");background-position: center;background-repeat: no-repeat;background-size: cover
}
.battery {
background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://lp-auto-assets.s3.us-east-1.amazonaws.com/sp/img/battery-v1.jpg");background-position: center;background-repeat: no-repeat;background-size: cover
}
.cc-service-cta {
width: 80%;background-color: #054382 !important;padding: 15px 0px;margin: 5px auto;font-size: 18px;color: white !important;text-decoration: none !important;text-transform: uppercase;text-align: center;display: inline-block
}
.cc-service-cta:hover {
opacity: .5;color: white !important;transition: .6s
}
.cc-service-card img {
width: 40%;display: inline-block;margin: 20px auto;max-height: 70px
}
@media only screen and (max-width: 877px) {
.cc-service-card {
margin: 10px auto;width: 48%
}
.cc-service-cta {
width: 80% !important
}
.cc-col-1 {
width: 98%
}
.cc-col-3:last-child {
width: 98%
}
}
.cc-p1text {
width: 70%;min-width: 270px;display: inline-block;margin: 5% auto
}
.cc-p1text>p>a {
font-weight: 700;color: #054382 !important;text-decoration: none !important
}
.cc-p1text>h3 {
line-height: 135%;text-align: left;margin-bottom: 15px;font-size: 28px;color: black !important
}
.cc-p1text>h3:after {
content: "";display: block;width: 60px;height: 5px;background: #054382;margin: 20px 0px
}
.cc-p1text>p {
font-size: 18px;line-height: 135%;text-align: left;color: black !important
}
.cc-p1text>ul {
font-size: 18px;line-height: 135%;text-align: left;color: black !important;padding-left: 40px
}
.cc-footermain {
width: 100%;display: inline-block;margin: 0px auto;background-color: #ecf0f1 !important;padding-bottom: 20px
}
.cc-footerinner {
width: 75%;min-width: 270px;display: inline-block;margin: 40px auto
}
.cc-footerinner>p {
font-size: 20px;line-height: 135%;text-align: center;color: #000 !important
}
.cc-footerinner>ul {
font-size: 24px;line-height: 135%;text-align: left;color: #34495e !important;padding-left: 40px
}
.cc-footerinner>p>a {
font-weight: 700;color: #054382 !important;text-decoration: none !important
}
.cc-footerinner>h3 {
line-height: 135%;text-align: left;margin-bottom: 15px;font-size: 32px;color: #34495e !important
}
.cc-disclaimer {
width: 75%;min-width: 270px;display: inline-block;font-size: 12px;line-height: 135%;text-align: center;color: #34495e !important;margin-bottom: 40px
}
.cc-footermain .cc-maincta {
border: 0;color: white !important
}
.cc-footermain .cc-subcta {
border: 0;background: lightgray !important
}
.cc-schemacode {
width: 75%;min-width: 270px;display: inline-block;margin: 10px auto 0px;color: #34495e !important
}
.cc-schemacode>div {
text-align: center;color: #000 !important;margin: 0px auto
}
.cc-schemacode>div>p {
margin: 2px auto;font-size: 14px;line-height: 135%
}
.cc-schemacode>div>div>p {
margin: 2px auto;font-size: 14px;line-height: 135%
}
.cc-schemacode>div>h4 {
margin: 2px auto;font-size: 18px;line-height: 135%;font-weight: 900
}
.cc-schemacode>div>h4:after {
content: "";display: block;width: 40px;height: 3px;background: #054382;margin: 15px auto
}
.cc-schemacode>div>a {
font-size: 18px;line-height: 135%;text-align: center;color: #054382 !important;text-decoration: none;font-weight: 900
}
.cc-mobile {
display: none
}
@media only screen and (max-width: 877px) {
.cc-mobile {
display: inline-block
}
}/* End custom CSS */