﻿@font-face {font-family:'mfg';src:url('/fonts/mfg.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: block;}

@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}


article,
aside,
audio,
b,
blockquote,
body,
button,
center,
div,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
label,
li,
menu,
nav,
ol,
q,
section,
span,
u,
ul{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-style: normal;
text-decoration: none;
vertical-align: baseline
}

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;
}




article,
aside,
audio,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}

video {
display: inline-block
}


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, 4vw, 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;}
audio, table {width: 100%}
abbr, acronym {text-transform: uppercase}
abbr[title], acronym[title], dfn[title] {
cursor: help
}

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;}


ol {
list-style-type: decimal
}
ol ol {
list-style-type: upper-alpha
}
ol ol ol {
list-style-type: lower-alpha
}
li {margin-block:1rem;}
.hidden {
display: none
}

.clear {
clear: both
}

.alignleft {
float: left
}
.alignright {
float: right
}
body.modal_open {
overflow: hidden
}

main {
overflow: hidden;
display:flex;
flex-direction:column;
}

#page_wrapper {
padding: 1rem;
overflow: hidden
}
#page__top {
padding-inline: 1rem;
overflow: hidden
}
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;
}

#breadcrumb ul li a:after {
font-family: '1stAuto';
font-style: normal;
width: 1.4rem;
}
#breadcrumb ul li i{
margin:0 .5rem;
}
#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;
}
#intro{
padding:0 1rem 1rem;
text-align: left;
position:relative
}
.h4.section_title.carIntro{position:absolute;margin:0;max-width:90%;text-align:left;font-size:1.4rem;}
span.cta{
width: clamp(5rem, 20vw, 7rem);
}

.gear {
margin: 0 auto 1rem;
display: block;
text-align: center;
position: relative;
top: -1.5px
}
#page_wrapper .gear {
display: none
}
#page_wrapper #services {
padding-bottom: 2rem
}
#page_wrapper #latest_posts,
#page_wrapper #recent_comments {
margin-bottom: 3rem
}

footer{padding:1rem}

#_1stAutoLogo{width:202px;height:114px}

.DropDown {
display: none;
}

.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;
}

#finance_logos li a {
vertical-align: middle;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px
}

.switcher2:after {
content: '\e911';
font-weight: 400;
display: inline-block;
width: 1.4rem;
}

.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;
}


.switcher.close, .switcher.previous {
border: none;
font-weight: 400
}
.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;
}
.switcher.next:before {
content: '\e911';
width: 1.4rem;
height: 1.4rem;
text-align: center;
}
#sidebar > div {margin: 3rem 0 0 0;}
.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
}
.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;
}
#thumbMechanic {max-width: 100%;}

#homepage #introduction{padding:0 0 2rem 0;}
#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;
}
#hpHead .wrapper #inner_HP{display:none;}
.button {
cursor: pointer;
border: 0;
background: #f0f0f0;
color: #231f20;
padding: 1rem 1.5rem;
position: relative;
z-index: 1;
font-weight:600;
text-transform:uppercase;
border:2px solid #231f20;
margin-inline:1rem;
}
.button:hover {color: #231f20;}
.button + .button {margin-left: 1rem;}
.button::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff200;
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 {transform: scaleX(0);transform-origin: right;}
.button:hover::after {transform: scaleX(1);transform-origin: left;}

sup{font-size:1rem !important;vertical-align:baseline}
.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}
.tobii-youtube{width:325px;height:183px;}
.tobii-youtube iframe, #soloVid iframe{width: 100%;height: 100%;aspect-ratio: 16 / 9;}

#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
}
.section_title {
width: 98%;
padding: 0;
}

}
@media only screen and (min-width: 374px) {
.sb__widget.w_img{padding-top:300px;}
}
@media only screen and (min-width: 410px) {
.showDropDown {font-size: .8rem;}
#hpHead .wrapper{height:245px}
#hpHead .wrapper:before {background-position-x: -77px;}
.sb__widget .offered__services li{width:33%;font-size: clamp(.8rem, 1.5vw, 1.2rem);}
.sb__widget.w_img{padding-top:320px;}
}
@media screen and (min-width:567px){
.boxGrid > div {max-width: 200px;margin: 0 1rem 1rem;}
}
@media screen and (min-width:599px){
#sidebar{display:none;}
#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;}
#rNav{bottom:.5rem;margin-block:0;position:absolute;right:0;bottom:0}
#hpHead .wrapper {height: 305px;}
.sb__widget .serviced__vehicles li{width:33%}
.ul_links li {width: 44%;margin-inline: 1rem;}
}
@media screen and (min-width: 660px) {
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;
}
#pageBanner {
display: block
}
#pageBanner,
label {
text-align: right
}
#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
}
#pageBanner {
margin-bottom: 30px;
font-size: 12px;
float: none;
line-height: 1
}
#page_body,
#sidebar {
float: left;
margin-right: 4.44874275%
}
#page_wrapper {
padding: 0 1rem 2rem 1rem
}
#hero,
#intro {
display: block
}
#hero > div .slide div {
display:block;
}
#hero_page .wrapper {
padding: 2rem 1rem
}
#intro {
padding:1rem 2rem
}
footer {padding-top: 1rem}

#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%;
}
#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%;}
}
@media screen and (min-width:767px) {
p#gThumb img {width: 20%;float: right;margin-bottom: 2rem;}
.showDropDown, #reputation li ul {font-size:.9rem;}
.h4.section_title.carIntro{display:none;}
.tobii-youtube{width:700px;height:394px;}
.gThumb img{width:25%;}
.gAggregate a{text-decoration-color: #fff;}
#intro .gAggregate{display:block}
#hpHead .wrapper:before {background-position-x: 0px;}
.sb__widget .offered__services li a span {font-size:2rem}
}
@media screen and (min-width:900px){
#hpHead .wrapper{height:385px}
#homepage #intro {padding: 0 2rem;}
#trusted{margin-block:1.5rem}
.ul_links li {width:27%;}
}
@media screen and (min-width: 1023px) {
h1{margin-block:3rem 1rem}
#sidebar .sb__widget .h3{font-size: clamp(.8rem, 2vw, 1.5rem);}
.sb__widget.w_img {padding-top: 250px;}
#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;
}
.header-unit {
height: 500px;
padding: 20px
}
#sidebar {
display: block
}
#sidebar > div {
margin:0 0 3rem 0;
}
.business_schema {
clear: both;
margin: .5rem 0;
display: inline-block;
width: 100%;
}
#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
}
div.half {
width: 50%;
margin: 0;
float: left
}
#page_body,
#sidebar {
float: left;
margin-right: 4.44874275%
}
#page_wrapper {
padding-inline: .5rem
}
#page__top{
padding-inline:.5rem;
}
#page_body {
width: 60.18375242%
}
#page_body:last-child,
#sidebar:last-child {
margin-right: 0
}
#sidebar {
width: 35.36750478%
}
#tirePIC{
float:left;
margin:0 15px 0 0;
border:1px solid #cfcfcf;
}
#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,
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
}
#affiliates.financial p {
padding: 0;
}
#affiliates.financial figure ul li {
font-size: .9rem
}
#affiliates.financial figure {
margin: .5rem 1rem 2rem 1rem;
}
#reputation li ul {
font-size: .8rem;
}
.gThumb img{width:20%;}
#thumbMechanic{float:left;margin:.5rem 1rem 20px 0;}
#hero_page {
min-height: 314px;
background-size:cover;
}
#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);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);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:.3}
#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;}

}
@media screen and (min-width:1151px) {
.tobii-youtube{width:893px;height:502px;}
}
@media screen and (min-width: 1279px) {
#page_body {width: 65.18375242%}
#sidebar {width: 30.36750478%}
#pageBodyIntro p {
font-size: 1rem;
line-height: 1.5
}
#full_page_body #pageBodyIntro,
#intro #pageBodyIntro,
#page_body #pageBodyIntro{
font-size: 1rem
}
.header-unit .wrapper {
padding-top:80px;
}
.header-unit {
height: 700px;
padding: 20px
}
#page_body ol.privacy {
font-size: 1rem
}
.tobii-youtube{width:800px;height:450px;}
#trusted #sbRep li{width:15%;}
#hpHead .wrapper {height: 515px;}
#hpHead .wrapper #inner_HP .h3 {font-size: 2rem;}
#hpHead .wrapper:before {background-position-x: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}
.wrapper {
margin: 0 auto;
position: relative
}

.wrapper .wrapper {
width: auto;
position: static
}
#services .collection {
position: relative;
overflow: hidden
}
#faq_divs .box .h4 {
font-size: 1rem;
margin-top: 1rem
}

#ripper .boxGrid > div {padding: 250px 1rem 0;max-width: 300px;}
#hpHead .wrapper #inner_HP {margin-inline:0 4rem;width:57%;}
#vPara{padding-inline-end:2rem}
.sb__widget.w_img {padding-top:340px;}
}
@media screen and (min-width:1399px) {
.header-unit {
height: 650px;
}
#sidebar > div {
margin: 0 0 5rem 0;
}
}
@media screen and (min-width: 1439px) {
.gm-style .gm-style-iw {
font-size: 18px
}
.gm-style {
font-size: 16px;
}
.header-unit {
height: 600px;
}
.tobii-youtube {width:1159px;height:652px;}
#hpHead .wrapper {height: 593px;}
}
@media screen and (min-width:1535px){
#hpHead .wrapper {height: 593px;}
#mfgExperts {transform: translate(200px, -50%);width:43%;}
.sb__widget.w_img {padding-top:370px;}
}
@media screen and (min-width: 1595px) {
.wrapper {
width: 1410px;
margin: 0 auto;
position: relative;
}
}
@media screen and (min-width: 1679px) {
.img_license {
font-size: 14px
}
.header-unit {
height: 700px;
}
.header-unit .wrapper {
   padding-top: 180px;
}
.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;
}
.sb__widget.w_img {padding-top:420px;}
}
@media screen and (min-width: 2047px) {
.header-unit .wrapper {padding-top: 200px;}
}
#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
}