/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

html {
	overflow-y: inherit !important;scroll-margin-top: 4rem !important;scroll-behavior: smooth;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
}

ol, ul {
	list-style: none;
	font-family: 'Roboto Condensed', sans-serif;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------
red: #af1616
*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i&display=swap');

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body { font-size:16px; line-height: 24px; overflow-x:hidden;

}

a:link, a:visited, a:active {text-decoration:none;color:#7B1010;font-family: 'Roboto Condensed', sans-serif;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}
p {
	font-family: 'Roboto Condensed', sans-serif;
}
h1{font-style: italic; text-transform: uppercase; }
h1, h2, h3, h4 {font-family: 'Roboto Condensed', sans-serif;}

.heading {font-style: italic; text-transform: uppercase; font-size: 2em;}
.subheading {font-family: 'Roboto Condensed', sans-serif; font-size: 1.5em;}
.heading-xl {text-transform: uppercase; font-size: 3em; line-height: 1;}
/*--- HEADER STYLES ---------------------*/

header#fixed-head {
    position: fixed;
	background: #fff;
	transition: 0.4s;
	width: 100%;
	top: 0;
	z-index: 999;	
}


.logo {
	flex: 1;
}

.logo img {
	max-width: 100%;
	width: 400px;
    min-width: 250px;
	transition: 0.4s;
}

.right-side {
	flex: 1;
	display: flex;
    align-items: center;
    gap: 15px;
	justify-content: flex-end;
}

.social-icons {
    display: flex;
    gap: 8px;
    font-size: 16px !important;
}

.social-icons a {
	color: #af1616;
	transition: .3s all;
}

.social-icons a:hover {
	color: #222;
}

.main-header {
	background: #fff;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}

.flex-wrap {
	display: flex;
}

#fullwidth {
    position: absolute;
    width: 100%;
    left: 0;
	transition: 0.4s;
    right: 0;
	background-color:#000;
}

.bottom-header {
    text-align: right;
    display: absolute;
    max-width: 1280px !important;
    width: 90%;
    margin: 0 auto;
}

nav.top-links {
    padding: 0;
    display: inline-block;
    margin: 0;
    width: 100%;
    position: relative;
}

nav.top-links ul {
    margin: 0;
    padding: 0;
	text-align: right !important;
}

nav.top-links ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
}


nav.top-links ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
    margin: 0;
    text-align: center;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    font-family: 'Roboto Condensed', sans-serif;
}

nav.top-links ul li a:hover {
	color: #af1616;
}


/*---POP-UP -----------------------------------*/

.popup-box {
	width: 50%;
	margin: 0 auto;
	background: rgba(0,0,0,0.2);
	padding: 35px;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}
.popup .close {
      position: absolute;
    top: 20px;
    left: 20px;
    transition: all 0.2s;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    text-decoration: none;
    color: #fff !important;
    border: 1px solid #af1616;
    padding: 0 10px 0px 10px;
    background: #af1616;
}
.popup .close:hover {
  background: #000;border-color: #000;color: #fff !important;}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

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

.popup a {
	color: #fff !important;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
	content:"";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0.85);
	position: fixed;
	z-index: 999999;
}
.popup {
	background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    border-radius: 5px;
    width: 95%;
    max-width: 750px;
    text-align: center;
    position: fixed;
    top: 2.0vw;
    left: 0;
    right: 0;
    float: none;
    margin: 0 auto;
    text-align: left;
    z-index: 99999999;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.popup-wrap {
	width: 100%;
	margin: 0 auto;
	text-align: center;display: flex;
}

.popup-wrap img {
	max-width: 100%;
}
.overlay:target .popup {
    top: -280%;
    left: -100%;
}
.flyer-wrap a {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;display:inline-flex;}
.flyer-wrap img {
    max-width: 950px;
    width: 100%;
}


.video-ad {
    position: relative;
    overflow: hidden;
    width: 100%;
   height: 70vh;
    max-height: 600px;
    margin-bottom: 15px;
}

.video-ad video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/*---NEW HOME PAGE ---*/

.hero-home {
	background: url("/siteart/dobbs-main-edited.JPG") no-repeat;
	background-color:#000;
	background-size: cover;
	min-height: 130px;
    padding: 12% 0;
    background-position: center center;
	margin-top: 3%;

}

.grey-bg {
    background: #f1f1f1;
}

.cat-boxes {
   width: 90%;
    margin: 0 auto;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

a.cat {
   display: flex;
	justify-content: center;
	align-items: center;
    padding: 20px;
    background: #fff;
    flex: 1;
	color: #000;
	transition: .6s all;
}

a.cat:hover {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
	color: #af1616;
}

.cat-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    text-align: center;
    align-items: center;
}

h3.cat-title {
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
	    letter-spacing: 1px;
}

.cat-content img {
    max-width: 100%;
    width: 180px;
}

.page-wid {
	max-width: 1280px !important;
	width: 90% !important;
	margin: 0 auto;
}

.home-links.flex-wrap {
    flex-wrap: wrap;
    padding: 40px 0;
    /* gap: 1%; */
    gap: 15px;
	justify-content: center;
}


.link-content {
    width: 85%;
    margin: 0 auto;
    height: auto !important;
	z-index: 99999;
	text-shadow: 2px 3px 5px rgba(0,0,0,0.4);
}

.short-link {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.home-links a {
    padding: 30px 0;
}

.link-content h2 {
    font-size: 28px;
    text-transform: uppercase;
    line-height: 32px;
}




a.h-links.work-link,a.h-links.location-link,.short-link,a.bottom-link.repair-link {
   flex-basis: 32%;
    width: 100%;
    color: #fff;
}


.bottom-long-link.specials-link {
        flex-basis: 65%;
    color: #fff;
}


a.h-links.work-link {
    height: 250px;
}

a.h-links{
	color: #fff;
}

.h-links {
    flex-basis: 100%;
	color: #fff;
	position: relative !important;
}

.h-links:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(34,34,34,0.6);
    transition: .6s all;
}


a.h-links:hover:before {
	background: rgba(255,255,255,0.0);
}
.work-link .link-content, .location-link .link-content, .repair-link .link-content {
	position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
	z-index: 99999;
	height: auto !important
}


.specials-link .link-content, .fin-link .link-content, .review-link .link-content {
	position: absolute;
    left: 0;
    right: 0;
    z-index: 99999;
	z-index: 99999;
}

#seats-special,#Request {scroll-margin-top: 150px !important;}


a.h-links p {
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
}
a.bottom-link, a.bottom-long-link {
    height: 135px;
}

.specials-link .link-content {
    display: flex;
	    align-items: center;
        justify-content: space-between !important;
    flex-direction: row !important;
	    bottom: 0;
    top: 0;
}

.short-link .link-content {
    justify-content: center !important;
}
.work-link {
	background: url("/siteart/home-img/career-img.jpg") no-repeat;
	background-color: #000;
	background-size: cover;
	background-position: 44% 75%;
}

.location-link {
	background: url("/siteart/home-img/location-img.jpg") no-repeat;
	background-color: #000;
	background-size: cover;
	background-position: 25% 75%;
}

.fin-link {
	background: url("/siteart/home-img/finance-img.jpg") no-repeat;
	background-color: #000;
	background-size: cover;
	background-position: 25% 75%;
}

.review-link {
	background: url("/siteart/home-img/leave-review-img.jpg") no-repeat;
	background-color: #000;
	background-size: cover;
	    background-position: 25% 60%;
}

.repair-link {
	background: url("/siteart/home-img/service-img.jpg") no-repeat;
	background-color: #000;
	background-size: cover;
	    background-position: 25% 60%;
}

.specials-link {
	background: url("/siteart/home-img/parts-special-img.jpg") no-repeat;
	background-color: #000;
	background-size: cover;
	background-position: 25% 38%;
}

.link-content span {
    flex: 1;
}

.link-content p {
    font-size: 16px;
    font-style: italic;
}




.bottom-long-link a {
	padding: 0!important;
}

.bottom-long-link.specials-link h2 {
    font-size: 36px;
    line-height: 40px;
}

.home-text {
	background: url("/siteart/home-img/home-text.jpg") no-repeat;
	background-color:#000;
	    padding: 80px 0;
    background-size: cover;
    background-position: 25% 50%;
	
	color: #fff;
}


.red-buttons {
	
    color: #fff;
    background: #af1616;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-style: italic;
    transition: .3s ease;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #af1616;
    cursor: pointer;
	font-size: 16px;
    padding: 10px 20px;
}

.red-buttons:hover {
	background: #000;
	border: 1px solid #000;
}

.grey-btn {
	color: #212121;
    background: #ddd;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-style: italic;
    transition: .3s ease;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #ddd;
    cursor: pointer;
	font-size: 16px;
    padding: 10px 20px;
}

.grey-btn:hover {
	background: #000;
	border-color: #000;
	color: #fff;
}

.home-text .red-buttons:hover {
	background: #ddd;
	border: 1px solid #ddd;
}
.link-content .red-buttons {
	width: 100% !important;
	 font-size: 18px;
    padding: 10px 0;
}

.home-text .red-buttons {
	    margin: 10px 0 0;
    font-size: 16px;
	padding: 10px 15px;
}

.location-wrap,.career-wrap {
    flex-wrap: wrap;
    gap: 60px;
	   
}

.location-wrap {
	 padding: 60px 0;
}

.career-wrap {
	padding: 80px 0 !important;
}

.half-page {
	flex: 1;
}


.contact-btn {
	    display: block;
    width: 100%;
}

.contact-btn .blk-btn {
	float: none !important;
	width: auto !important;
	padding: 10px;
	justify-content: space-between;
    align-items: center;
	display: flex;
	font-size: 18px !important;
}

.half-page h2 {
	font-size: 28px;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 1px;
    color: #af1616;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

span#blacktxt {
    color: #000 !important;
	
}

.location-wrap span#blacktxt {
	font-size: 28px !important;
}

.career-wrap span#blacktxt {
	margin-bottom: 15px;
}

.half-page img {
	width: 500px;
	max-width: 100%;
}

.career-btn {
	display: inline-block;
    padding: 10px 20px;
    color: #fff;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    float: none;
    text-align: center;
    transition: .3s ease;
	font-size: 16px !important;
	background: #000;
	border: 1px solid #000;
	font-family: 'Roboto Condensed', sans-serif;
	cursor: pointer;
}

.career-btn:hover {background:#af1616;border-color: #af1616;}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.special div {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	cursor: pointer;
}
.special div:hover, .special div:focus, .special div:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}


.flex-579 img {max-width: 100%; width: 100%;}
/*---SERVICE LANDING--------------------------------*/
.service-links {
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.service-link {
	flex-basis: 40%;
	flex-grow: 1;
	padding: 30px;
	position: relative;
	
}

.link-1 {
	background: url("/siteart/home-img/location-img.jpg") no-repeat;
	background-size: cover;
	background-position: 25% 55%;
}

.link-2 {
	background: url("/siteart/home-img/parts-special-img.jpg") no-repeat;
	background-size: cover;
	background-position: 25% 55%;
}
.link-3 {
	background: url("/siteart/Locations/dobbs-tacoma-trp.jpg") no-repeat;
	background-size: cover;
	background-position: 25% 40%;
}
.link-4 {
	background: url("/siteart/bodyshop.jpg") no-repeat;
	background-size: cover;
	background-position: 25% 35%;
}

.plink1 {
	background: url("/siteart/Find-Your-Truck/parts.jpg") no-repeat;
	background-size: cover;
	background-position: 25% 50%;
}

.plink2 {
	background: url("/siteart/Parts/portfolio.jpg") no-repeat;
	background-size: cover;
	background-position: 25% 75%;
}
.plink3 {
	background: url("/siteart/home-img/career-img.jpg") no-repeat;
	background-size: cover;
	background-position: 25% 80%;
}
.plink4 {
	background: url("/siteart/home-img/special.jpg") no-repeat;
	background-size: cover;
	background-position: 25% 45%;
}

.service-link .link-content {
    text-align: center;
}

.service-link .link-content {
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	position: absolute;
	color: #fff;
	z-index: 99 !important;
}

a.service-link {
	height: 180px !important;
}

a.service-link p {
	text-transform: none !important;
	margin-top: 15px;
	font-size: 16px;
}
a.link-1:hover:before,a.link-4:hover:before,a.plink1:hover:before,a.plink4:hover:before  {
	background: #af1616;
}

a.link-1:before,a.link-4:before,a.plink1:before,a.plink4:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(89,10,11,0.85);
    transition: .6s all;
}

a.link-2:before,a.link-3:before,a.plink2:before,a.plink3:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(51,51,51,0.85);
    transition: .6s all;
}


a.link-2:hover:before,a.link-3:hover:before,a.plink2:hover:before,a.plink3:hover:before {
	background: #333;
}

.CaptchaAnswerPanel input {
    border: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.top-banner-closed {
    padding: 10px 20px;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 800;
    text-align: center;
    background: #222;
    color: #fff;
    text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
}

.top-banner-closed a {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #fff;
	text-decoration: underline;
	transition: .3s all;
}

.top-banner-closed a:hover {
	color: #af1616;
	text-decoration: none;
}

/*--- OLD HEADER STYLES ---------------------*/
/*--.header-container { width: 100%; position: absolute;z-index: 99999;background: #ddd;top:0;}--
#logo { width: 30%; text-align: center; margin: 0 auto;display: inline-block; vertical-align: top;padding:10px 0; margin-left:10px;}
#logo img {max-width:390px; text-align: center; margin: 0 auto;}
.header-right {background:#fff; float: right; padding:8px 0;   
    top: 0;
    left: 0;
    z-index: 9999999;
    transform-origin: top right;
 }
.header-right-opacity {width:65%; background:rgba(255,255,255,.7); float: right;   
    top: 0;
    left: 0;
    z-index: 9999999;
    transform-origin: top right;
    -ms-transform: skew(40deg, 0deg);
    -webkit-transform: skew(40deg, 0deg);
    transform: skew(40deg, 0deg); 
}
.top {width: 100%;
	float: right;
	-ms-transform: skew(-40deg, 0deg);
    -webkit-transform: skew(-40deg, 0deg);
    transform: skew(-40deg, 0deg); 
}
.top ul {float:right; margin-right:20px;}
.top ul li {display: inline-block;font-family: 'Roboto Condensed', sans-serif; }
.top ul li a{ color:#000;font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; padding:10px 10px;}
.top .socials {float: right;margin-right:45px;}
.top .socials a{display: inline-block; color:#af1616; font-size:22px; margin: 0 3px;}
.stick{position: fixed; top: 0; width: 100%; background:#fff; z-index: 99999999999; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); transition: all .3s linear}
.stick .header{display: none;}
.push{height: auto;}*/
/* SLIDESHOW */

.hero-slider .slider{position:relative; width: 100%; z-index:0; background: #333; overflow:hidden;height:50vh; margin-top:100px;}
.hero-slider .slide_group{position:relative;width:100%;}
.hero-slider .slide{display:none; position: absolute; width:100%; height:auto; max-height: 600px;}
.hero-slider .slide img{display: block; position: relative; width: 100%; height: auto;}
.hero-slider .slide video{position: relative; width: 100%; height: auto;}

.hero-slider .slide:first-child{display:block;}
.hero-slider .slide_buttons{text-align:center;position:absolute;top:15px; left: 25px;z-index:9;}
.hero-slider a.slide_btn{font-size:36px;color:#ddd;margin:0 1px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.hero-slider .slide_btn.active, .slide_btn:hover{font-size:36px;color:#af0f21;cursor:pointer;}

.hero-slider .slide .slide-link{position:absolute; width: 100%; max-width: 900px; padding: 0 25px; box-sizing: border-box; font-weight: 700; color: #fff; top: 40px; z-index: 30; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); line-height: normal;}
.hero-slider .slide .slide-link .link-text h2{font-size: 45px; text-transform: uppercase; color: #fff;}
.hero-slider .slide .slide-link .link-text p{font-size: 18px; color: #fff; margin: 5px 0;font-weight: 300; width: 60%; text-align: justify;}
.hero-slider .slide .button-link a{display:block; margin: 15px 0; background: #af1616; padding: 15px; text-transform: uppercase; text-align: center; text-decoration: none; box-sizing: border-box; color: #fff; max-width: 230px;font-family: 'Roboto Condensed', sans-serif; font-style: italic; transition: .3s ease;}
.hero-slider .slide .button-link a:hover{ background: #212121; }

video#bgvid {
  object-fit: contain;
  width: 100%;
  height:auto;
  top: 0;
  left: 0;
	margin-top:-50px;
}

#app {
	text-align: left !important;
    margin: 10px;
    float: right;
    margin-right: 70px;
}
#app img {
}

.button-wrap h2 {
  font-size: 26px;
  margin-bottom: 15px;
  color: #fff;
}

.button-wrap p {
  font-size: 16px;
  margin-bottom: 30px;
  color: #fff;
}

.location-buttons-collision {
  display: flex;
  flex-direction: row;     
  gap: 20px;               
  align-items: center;     
  justify-content: center; 
}

.estimate-button {
  background-color: #af1616;   
  color: #fff!important;                 
  padding: 12px 24px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 100%;
  max-width: 300px;
  text-align: center;box-sizing: border-box;
}

.estimate-button:hover {
  background-color: #fff;      
  color: #af1616!important;              
}
.collision-services {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.collision-repair {background-image: url(/siteart/dots.png);
    background-color: #f8f8f8;}
.collision-repair i {font-size: 36px !important;margin-bottom: 10px !important; color:#af1616 !important}


.half-pg {flex-basis: 50% !important;}
.request-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 24px;
  background-color: #af1616;
  color: #fff!important;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease;
}

.request-btn:hover {
  background-color: #8b0f0f;
}

ul.vehicle-types  {
    padding-inline-start: 25px;
	margin-top: 30px !important;
	display: flex;flex-wrap: wrap;
}
.vehicle-types li {
    list-style: url("/siteart/circle-check.svg");
    line-height: 1.5;
    margin-bottom: 15px;    flex-basis: 45%;
    flex-grow: 1;
}

.collision-section {
	color: #fff;
	padding: 40px 20px;
	font-family: Arial, sans-serif;
}
.collision-container {
	background-color: #fff;            
	color: #000;                       
	padding: 40px;
	max-width: 1000px;
	margin: 0 auto;
}





.collision-container h2 {
	color: #e60000; 
	font-size: 24px;
	margin-bottom: 20px;
	border-bottom: 2px solid #e60000;
	padding-bottom: 8px;
}

.collision-benefits
 {
	list-style: none;
	padding-left: 0;
	margin-bottom: 30px;
}





.collision-benefits li
 {
	margin-bottom: 12px;
	line-height: 1.6;
}

.collision-benefits li strong {
	color: #e60000;
}

.vehicle-image {
  display: block;
  height: 300px;
  width: 100%;
  max-width: 800px; /* optional: limits how wide it gets on large screens */
  object-fit: cover; /* keeps the image from stretching or squishing */
  margin: 55px auto 55px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}



/* CAREER PAGE */
#pad-xl {
	padding-top: 50px;
	padding-bottom: 50px;
}

.emp-test {
}
.career-text {
    background: url("/siteart/career-txt.jpg") no-repeat;
    padding: 100px 0;
    background-size: cover;
    background-position: 25% 15%;
    color: #fff;
    background-attachment: fixed;
}

.finance-head {
	color: #fff;
	margin: 20px 80px auto;
}

.finance-subhead {
	color: #fff;
	text-transform: uppercase;
	font-style: italic;
}

.finance-subhead-black {
	text-transform: uppercase;
	font-style: italic;
}

.finance-hero-text {
	color: #fff;
	margin: 20px 80px;
}

.finance-text {
	color: #fff;
	margin: 20px 0;
}

.finance-padding {
	padding: 50px 5%;
}

.white-background {
	background: #fff;
	display: flex;
}

.black-background {
	background: #000;
	padding: 50px 10%;
}

.black-background ul {
	color: #fff;
	font-weight: 600;
}

.black-background ul li ul {
	color: #fff;
	font-weight: 300;
	font-size: 15px;
	list-style: circle;
	padding-left: 50px;
	padding-bottom: 10px;
}

.emp-test h2 {
	text-transform: uppercase;
	font-size: 28px;
	font-style: italic;
}

.flex-container.flex-testimony {
    gap: 60px;
    align-items: center;
	background: transparent !important;
	display: flex !important;
}

.emp-test hr {
    border: none;
    background: #e3e3e3;
    height: 0.25px;
    margin: 30px 0;
}

.emp-img img {
    max-width: 100%;
    width: 400px;
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
}

.emp-testimony h3 {
    color: #af1616;
}

.emp-testimony p {
    padding: 15px 0;
}
span#lg-text {
    font-size: 28px;
	 color: #af1616;
}

.dark-bg {
	background: #212121;
	padding: 40px 20px;
	text-align: center;
	
}
.button-wrap a {
    flex: 1;
}
.button-wrap button{
    width: 100%;
}
.button-wrap {
    max-width: 1260px;
    width: 90%;
    margin: 0 auto;
    gap: 20px;
}


.life-img {
    background: #af1616;
    padding: 15px 0 0;
}
.life-img h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 15px;
    color: #fff;
	font-style: italic;
	letter-spacing: 1px;
}
.loc-stretch .landing-left a {
    color: #fff !important;
    font-size: 22px;
    font-weight: 800;
}

.loc-stretch .landing-left a[href^="tel:"] {
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1.5;
    font-size: 22px;
}
.dobbs-slide {height: 250px !important;overflow: hidden !important;}
.career-slide .dobbs-slide img {height: 100% !important;width: 100% !important;object-fit: cover !important;max-height: unset !important;max-width: unset !important;}
/* ACCORDION */
.finance-services .col-3 p {text-align: center !important;}
.finance-services .col-3 .blk-btn {text-align: center !important;float: none;}
.finance-services h2 {text-align: center;text-transform: uppercase;font-size: 32px;margin-bottom: 15px;line-height: 1.5;font-style: italic;letter-spacing: 1px;}
.accordion-container{margin: 25px 0;}
.finance-services i {font-size:64px;margin-bottom: 10px;opacity: .25;}
.finance-services h3 {font-size: 18px !important;}
.contact-fin  {gap: 30px;flex-wrap:wrap;display: flex;}


.mobilecheck.fincontact {
    flex: 1;background: #fff !important;
}

span.radio-btns {
  display: inline-flex;
    align-items: center;
}

.mobilecheck.fincontact img {
    max-width: 100%;
    width: 100%;    border: 1px solid #eee;
}
.finwrap {
	margin-top: 20px;
    display: flex;
    text-align: left;
    justify-content: space-between;gap: 20px;align-items: center;
}

.mobile-service-test .accordion {background:#fff !important;}

.finwrap h3 {text-transform: uppercase;font-size: 22px !important;margin-bottom: 5px;}
.finwrap p {color:#7B1010;font-style:italic;}
button.finbtn {font-size: 16px;text-align: left;color: #fff;padding: 10px;background: #000;font-family: 'Roboto Condensed', sans-serif;font-weight: bold;letter-spacing: 1px;font-style: italic;transition: .3s ease;cursor: pointer;border: 1px solid #000;text-transform: uppercase}
.accordion{display: block; position: relative; margin-bottom: 10px; color: #666; border: 1px #eee solid; border-radius: 5px; transition: all .2s ease-in-out;}
.accordion:hover{border: 1px #ccc solid;}
.accordion .accordion-header{display: flex; align-items: center; padding: 15px 20px 15px 25px; font-weight: 700; border-radius: 5px; cursor: pointer;font-size: 18px;text-transform: uppercase;letter-spacing: 1px;}
.accordion .accordion-header:before{font-family: "Font Awesome 5 Free"; font-size: 20px; font-weight: 900; content: "\f067"; margin-right: 20px; color: #af1616;}
.accordion .accordion-content{display: none; padding: 25px;}

.accordion.active:hover{border: 1px #eee solid;}
.accordion.active .accordion-header:before{content: "\f068"; color: #af1616;}
.blk-bg .accordion {background: #111;color: #e8e8e8 !important;border: 1px #232323 solid !important;}
.blk-bg .accordion.active{color: #fff !important;background: #212121 !important;}
/* FIXED FORM */
.mailing-list-mobile {background: #212121; margin: 0 auto; text-align: center; padding: 10px 0;display: none;}
.mailing-list-mobile h1 {font-size: 25px; line-height: 35px; letter-spacing: 1px; color:#fff; text-align: center;}
.mailing-list-mobile .red-btn {float: none; width: 100%; text-align: center; display: inline-block; vertical-align: middle;}
.mailing-list-mobile .mailing-img img {width:100%; max-width:1078px;}
.container-bnr {background: #931b1d; position: fixed; left:0;  width: 100%; bottom: 0px;z-index: 999999;}

.mailing-list {width: 80%; margin: 0 auto; display: inline-block;}
.mailing-list h1 {font-size: 30px; letter-spacing: 1px; color:#fff; text-align: center; display: inline-block; vertical-align: middle; }
.mailing-list .red-btn {float: left; width: 100%; text-align: center; display: inline-block; vertical-align: middle;}
.mailing-title {display: inline-block; width: 40%; vertical-align: middle;}
.mailing-btn {width: 50%; display: inline-block; vertical-align: middle;}

.mailing-img {}
.mailing-img img {width:100%; max-width:1078px;}
/*Slide Down Notification*/

.mailing-img {
    display: inline-block;
    vertical-align: middle;
}

.mailing-img a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-bnr {
	width: 100%;
    float: left;
    z-index: 9999999999;
    height: auto;
    text-align: center;
    bottom: 0px;
    text-align: center;box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.container-bnr img{
	max-width: 100%;
	margin: 0 auto;
}

.mailing-list.link {margin-top:30px;margin-bottom:10px;}

.mailing-list.link a{font-size:20px; color:#fff;font-weight:800;text-transform: uppercase;}

.flyer-wrap {
    display: flex;
    gap: 30px;
	justify-content: center;
}

/*---rate buy down---*/
.rate-down {background: #c01f27 !important;padding: 0 !important;max-width: 390px !important;}
.rate-down .mailing-list {width: 100%;}

.rate-down .bnr {padding: 0 !important;position: relative;bottom: 0;}
.rate-down .bar-right {position: absolute;top: 10px;right: 0;vertical-align: top;background-size: cover;height: 50px;width: 50px;text-align: center;box-sizing: border-box;padding: 15px;}

.rate-down .bar-right img {filter: none !important;}

.ad-btn {background: #af1616;box-sizing: border-box;padding: 10px;cursor: pointer; font-family: 'Roboto Condensed', sans-serif;border: none;font-size: 20px;
    color: #fff;font-style: italic;
    font-weight: 800;
    text-transform: uppercase;transition:.3s all;}
.ad-btn:hover {background:#333;}
.corner-banner {    background: rgba(34,34,34,0.75);
    float: right !important;
    width: fit-content !important;
    right: 0 !important;
    left: unset !important;
    max-width: 375px;
    box-sizing: border-box;
    width: 100% !important;}
.corner-banner .bnr {
    min-width: 100%;padding: 15px; box-sizing: border-box;
}
.bnr {
    width: 100%;
    min-width: 800px;
    height: auto;
    background-size: cover;
    color: #000;
    text-align: center;
    box-sizing: border-box;
    z-index: 10;
    bottom: 15px;
    margin-bottom: -15px;
    overflow: hidden;
    margin: 0 auto;
}
.bar-right {
/*	display: inline-block; */
	position:absolute;
	top:10px;
	right: -40%;
	vertical-align: top;
	background-size: cover;
	height: 50px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	padding: 18px 0px 0px 0px;
}
.bar-right:hover {
	opacity: .6;
}

.bar-right img {
width:25px;	    filter: invert(1);

}

.bar-right img:hover {
	cursor: pointer;
}

.hide { 
	display:none;
}


.closeNow { 
	right: -50000px;
}


.topbutton a{
width:60%;
float:left;
background:#000;
margin:0 0% 0 25%;
text-align:center;
color:#fff;	
font-family: 'Montserrat', san-serif;
font-weight:500;
font-size:32px;
border:3px solid #000;
-webkit-transition: all .2s ease; /* Safari and Chrome */
    -moz-transition: all .2s ease; /* Firefox */
    -ms-transition: all .2s ease; /* IE 9 */
    -o-transition: all .2s ease; /* Opera */
    transition: all .2s ease;
}

.topbutton img {
width:100%;
float:left;	
}

.topbutton a:hover {

}

/*--MOBILE SERVICE---*/
.black-bg{  background: #000;
    padding: 100px 0;
    color: #fff;}

.collision-bg {
	background-image:
		linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)),
		url('/siteart/collision_repair/bodyshop-paint.jpg'); 
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 100px 0;
	color: #fff;
}

.mobile-service {
    align-items: center;
    gap: 10%;
}
.long-testimony {
    flex: 2;
}
.long-img {
    flex: 1;
}
.long-img img {
    max-width: 100%;
	width: 100%;
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
}
.video-wrap {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    display: flex;
}

.video-wrap video {
    height: 100%;
    width: 100%;
}

.mobile-service-test {background-color: #af1616;
	background-image: url("/siteart/dots.png");}
.checklist.grid-container {
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
}
.mobilecheck {
    background: rgb(255 255 255 / 95%);
    padding: 30px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px
}
.mobilecheck h2 {
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.25;
}

.mobilecheck ul {
    padding-inline-start: 25px;
}

.mobilecheck ul li {
    list-style: url(/siteart/circle-check.svg);
    line-height: 1.5;
    margin-bottom: 15px;
}
.truck-specials-wrap{position: relative;width: 80%;margin: 0 auto;padding: 50px 0 !important;}
.special-slide {position: relative;overflow: hidden;}
.winterspecials img {width: 80%;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;margin: 20px auto;}

.truck-specials-wrap h2 {text-transform: uppercase;font-style: italic;font-size: 34px;font-weight: 900;letter-spacing: 0;display: block;line-height: 1.5; margin-bottom: 40px;}
.find-your-truck .model-option img {width: 100%;transition:.3s all;}
.find-your-truck .model-option span {display: block;font-size: 15px;text-transform: uppercase;letter-spacing: 2px;font-weight: 700;opacity: .75; color: #444 !important;}
.find-your-truck .model-option {transition:.3s all;}
.find-your-truck .model-option:hover h3 {color:#B70F24}
.find-your-truck .model-option:hover img {opacity:.75;}
.find-your-truck .model-option h3 {transition:.3s all;font-style:italic;text-transform: uppercase;font-weight: 900;color: #444;font-size: 28px;}
.padding50, #padding50 {padding: 50px 0;}
.flex-specials {align-items: center;gap: 5%;}
.flex-specials span#blacktxt {
    font-size: 34px;
    font-weight: 900;
    letter-spacing: 0;
    display: block;
    margin-top: 5px;
}
.special-wrap {
    padding: 20px 0 !important;
}
.special-slide button,.truck-specials-wrap button {
	position: absolute;
    z-index: 999;
    top: 45%;
    background: #000;
    border: none;
    color: #fff;
    height: 45px;
    font-size: 18px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;cursor: pointer;}

.back-special,.back-model {left: 0 !important;}
button.back-special,button.back-model {opacity: .15;transition:.3s all;}
button.back-special:hover,button.back-model:hover {opacity: 1;}
.next-special,.next-model {right: 0 !important;}
/*---BODY--------------------------------*/
#padding25 {padding:25px 0;}
#padding50 {padding:50px 0;}
.width {width:70%; margin: 0 auto; max-width: 1280px !important;}
.width2 {width:100%; margin: 0 auto; margin-top: 115px;}
.width-90 {width:90%; margin: 0 auto;}
.hero {background: url(../siteart/hero.png) no-repeat; background-attachment: fixed; background-position: center; padding:200px 0; display: inline-block;width: 100%;z-index: 99;}
.hero-text {width:50%; float:right;}
.hero-text h1 {font-size:70px; line-height: 55px; color:#fff; font-style: italic; font-weight: bold; text-align: right; width:60%;}
.hero-text p, .hero-text h4 {color:#fff; width:62%; float:right;margin-top:10px;margin-right:25px;}
.hero h4 {font-size:22px; line-height: 28px;margin-top:25px;}
.hero p {font-size:18px; line-height: 28px;margin-bottom:25px;}
.blk {color:#000;}

.red-btn {width:65%; float:right; margin:10px 0; font-size:18px; text-align: left; color:#fff; padding:10px 0; background:#af1616;font-family: 'Roboto Condensed', sans-serif; font-weight: bold; letter-spacing: 1px; font-style: italic; transition:.3s ease;}
.red-btn:hover {background:#000;}
.white {display: inline-block; color:#fff;}
#transparentline {background: rgba(255,255,255,.70); width:60%;  max-width:300px; height: 20px; text-align: center;margin:0 auto;margin-top:-15px; }

.blk-angle {background: #000; width: 100%; display: inline-block;}
.blk-angle .width-90 { height: 290px;margin: 0 auto; width: 95%;}
.blk-angle .width {margin: 0 auto; width: 85%;}
.gray1 {background:#272727; border:1px solid #272727}
.gray2 {background:#212121; border:1px solid #212121}
.gray3 {background:#181818; border:1px solid #181818}
.gray4 {background:#131313; border:1px solid #131313}
.gray5 {background:#0e0e0e; border:1px solid #0e0e0e}
.gray1, .gray2, .gray3, .gray4, .gray5 {display: inline-block; padding:20px 0; border-radius: 20px; font-size:20px; font-style: italic; font-weight: 700; color:#fff;margin: 0 15px; font-family: 'Roboto Condensed', sans-serif; margin-top:90px; width:17%; transition:.3s ease;}
.gray1:hover, .gray2:hover, .gray3:hover, .gray4:hover, .gray5:hover { border:1px solid #fff; transition:.3s ease;}
.red {color:#af1616; font-size:22px; font-style: italic;font-family: 'Roboto Condensed', sans-serif; font-weight: bold; display: inline-block;}
.lt {color:#fff; font-weight: 300; display: inline-block; font-family: 'Roboto Condensed', sans-serif;font-style: italic;}
.white {color:#fff;}
.road {background:url(../siteart/road-2.png) no-repeat;background-color:#000; background-position: center; height: 350px;display: inline-block;width: 100%;text-align: center;background-size: cover;}
.road-build {
    background-image: linear-gradient(90deg,rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .55) 100%),url("../siteart/career-page/2025/DPB%2016.jpg");background-color:#000!important;background-position: center center;background-size: cover;
}
.ql {display: inline-block; width:16%; text-align: center; margin: 0 auto; margin-top:80px; }
.ql img {width:100%; height: 100%;}
.ql h2 {color:#fff; letter-spacing: 1px; font-style: italic; font-size: 20px;}
.ql-3 {display: inline-block; width:30%; text-align: center; margin: 0 auto;  margin:50px 1% }
.ql-3 img {width:100%; height: 100%;}
.ql-3 h2 {color:#fff; letter-spacing: 1px; font-style: italic; font-size: 20px;}
.space {height:100px; margin-top:0;display: inline-block;}
.flex-container {display: flex; flex-direction: row; background:#212121;width: 100%; align-items: center;}
.left-img {background:url(../siteart/peterbilt-red.png) no-repeat; width:100%; max-width:870px;align-items: center; padding:150px 40px;}
.left-img h4 {font-size:28px; line-height: 35px;  color:#fff; align-items: center; text-align: left; font-weight: 300;}
.left-img h1 {font-size:60px; line-height: 70px; font-style: italic; color:#fff; align-items: center; }
.right-text .width p {color:#fff; letter-spacing: 1px; text-align: justify}

.service-txt {background-image:linear-gradient(90deg,rgba(192, 31, 39, 0.75) 0%, rgba(192, 31, 39, 0.75) 100%),url(../siteart/road-2.png);color:var(--white) !important;background-size: cover;text-align: center;background-position: center center;padding: 65px 0;}
.service-txt h2 {text-transform: uppercase;font-size: 42px;font-style: italic;margin-bottom: 15px;display: block;line-height: 1.25;}
.service-txt p {font-size: 18px;}
.service-txt .white-btn {font-size: 18px;font-style: italic;font-weight: bold;letter-spacing: 1px;padding: 10px 25px;max-width: 300px;width: 100%;margin: 0 auto !important;float: none !important;display: block;box-sizing: border-box;}


.dark-grey{background: #212121;}
.flex-refuse {justify-content: space-between; padding: 50px 0; background: transparent !important;gap: 60px; display: flex !important;align-items: center;}
.left-body, .right-body {flex: 1;}

.right-body {
	text-align: right;
}

.right-body img {
    max-width: 100%;
}

.left-body p {
	padding: 25px 0;
}

.button-wrap1 {
       display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 5px;
}

.button-wrap1 a {
    flex: 1;
    /* border: 1px solid #fff; */
    /* width: 100%; */
    display: inherit;
    box-sizing: border-box;
}

.button-wrap1 div {
    width: 100% !important;
}

.search-bg {background:url(../siteart/metalplate.png); background-position: center; width: 100%; display: inline-block;}

.map {position: absolute; width: 35%; right:0; margin-top:-380px;}

.map h3 {letter-spacing: 2px;}
.map h4 {padding: 10px 0; font-size: 16px; }
.map .red-btn { padding:10px 15px; top:0; margin:5px 0}
.map .blk-btn { padding:10px 15px; top:0;margin:5px 0 }
.blk-btn {width:95%; float:right; margin:10px 0; font-size:18px; text-align: left; color:#fff; padding:10px 0; background:#000;font-family: 'Roboto Condensed', sans-serif; font-weight: bold; letter-spacing: 1px; font-style: italic; transition:.3s ease;}
.blk-btn:hover {background:#af1616;}
.blk-btn-long { float:left;  font-size:18px; text-align: left; color:#fff; padding:8px 25px; background:#000;font-family: 'Roboto Condensed', sans-serif; font-weight: bold; letter-spacing: 1px; font-style: italic; transition:.3s ease; margin: 5px 6px; width: 45%;}
.blk-btn-long:hover {background:#af1616;}
.state-select {width: 100%; margin: 0 auto;background:#af1616; float: right;}
.half-page .state-select {float: none !important;}
.state-select select{background:#af1616; width: 98%; padding: 10px; color:#fff; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-style: italic;font-family: 'Roboto Condensed', sans-serif; margin: 0 auto;  border:0;}
.state-select select option {background: #000; font-style: normal; font-size: 15px; line-height: 22px;}
.state-select select option:hover {background: #ccc;}

.cta-btm {padding:50px 0;}
.cta-btm h2 { font-size:30px; font-style: italic; letter-spacing: 1px;}
.cta-btm h1 { font-size:38px; font-weight: 700; font-style: italic; letter-spacing: 1px; color:#af1616; line-height: 45px;}
.cta-btm p { padding:25px 0; text-align: justify;width:80%;}
.cta-left {width:60%; display: inline-block;}
.cta-right {width:38%; display: inline-block; vertical-align: middle;}
.cta-right img {width: 100%;}
.cta-btm .blk-btn {background:#000; display: inline-block; padding:8px 15px;color:#fff; font-style: italic; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; width:200px; float: left; text-align: center; transition:.3s ease;}
.cta-btm .blk-btn:hover {background:#ddd;}

#padding50 {padding:50px 0;}
#padding100 {padding:100px 0;}
.flex-container .left-site {width:50%;  background:#212121;}
.flex-container .left-site p {padding:25px 0;}
.right-site {width:50%; }
.right img {width: 100%;}
.red-btn-no-float {background:#af1616; padding:10px 25px; color:#fff; text-align: center;font-style: italic; font-weight: bold; float: none; font-size: 18px;letter-spacing: 1px; transition:.2s ease;display: inline-block;}
.red-btn-no-float:hover {background:#000;}

.flex-container-2 {display: flex; flex-direction: row; align-items: center}
.flex-container-2 .left-site {width:50%;  background:#f1f1f1;}
.flex-container-2 .left-site img{max-width: 500px; width: 100%; text-align: center; margin: 0 auto;}
.flex-container-2 .left-site p {padding:25px 0;}
.right-site {width:50%; }
.right-site img {width: 100%;}
.red-btn-no-float {background:#af1616; padding:10px 25px; color:#fff; text-align: center;font-style: italic; font-weight: bold; float: none; font-size: 18px;letter-spacing: 1px; transition:.2s ease;display: inline-block;}
.red-btn-no-float:hover {background:#000;}
.left-paccar {background: url(/siteart/paccar-image.jpg); background-size: cover; background-position: center; min-height: 500px;width: 50%}
.flex-brands {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;}
.brand {width: 14%; margin: 15px 1%;border:1px solid #f1f1f1;}
.brand img {width: 100%; margin: 15px 0;}

.fleet-select {border-bottom: 1px solid #eee;align-items: unset;}
.fleet-select .right-site {display:flex;align-items: center;}
.left-half {flex:1;display: flex;}
.left-half img {height: 100% !important;    width: 100% !important;object-fit: cover !important}
.hp-header {background: #fff; width: 100%; transition: .3s ease; padding: 20px 0; margin: 0 auto; text-align: center;}
.hp-header:hover {background:#f1f1f1 }
.hp-header .wtc {display: inline-block; vertical-align: middle; padding-right:3%; border-right: 1px solid #ddd;}
.hp-header .wtc img {max-width: 300px; width: 100%;}
.hp-header .wtc-text {display: inline-block; vertical-align: middle; padding-left:3%;}

/*SHOWROOM*/
.border-top {border-top:1px solid #000;}
.model-wrapper {margin: 0 auto;  padding:60px 0; text-align: center;}
.model-wrapper h1{ padding:15px 0; text-align: left; font-style: italic;margin-bottom:15px; color:#af1616; border-bottom:1px solid #000; font-size:25px;}
.models {display: inline-block; width:16%; border-bottom:1px solid #fff; padding:15px 15px 20px 15px; margin: 5px 5px;transition:.2s ease; text-align: center;}
.models-2 {display: inline-block; width:20%; margin: 5px 5px;padding:25px 15px;transition:.2s ease; text-align: center;}
.models:hover {border-bottom:5px solid #fff; padding:15px 15px;}
.models img {width:100%;}
.models-2 img {width:100%;}
.models-2 h2 {letter-spacing: 1px; text-transform: uppercase; color:#000; font-style: italic; pading:15px 0; text-decoration: none}
.models h3 {letter-spacing: 1px; text-transform: uppercase; color:#fff; font-style: italic}
.white-btn {display: inline-block; background:#fff; text-align: center; color:#000; font-size:14px; padding:5px 10px; margin: 5px 0; transition:.2s ease;}
.white-btn:hover {background: #B9B9B9}

.inv-bg2 { padding: 0 0; border-bottom: 1px solid #000;background: #333; margin-top:-7px;}
.flex-used {display: flex; flex-direction: row; align-items: center}
.width-90 {width: 90%; margin: 0 auto;}
.used-left {width: 50%;  }
.used-left h2 {color:#fff; padding-bottom: 10px;}
.used-left p {color:#fff;}
.used-right {width: 50%; background: #fff; margin: 0 auto; text-align: center;}
.used-right img {width: 90%; max-width: 550px; margin: 0 auto; text-align: center;}

.review-page select#foo-3 {
    background: #f8f8f8 !important;
    color: #000 !important;
    border: 1px solid #eee !important;
    background-image: url("../siteart/Icons/chevron-down.svg") !important;
	background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 1em !important;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px !important;
	width: 100%;
    box-sizing: border-box;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-style: italic;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0 auto;
    border: 0;
    display: block;
    appearance: none;
}

.review-page select#foo-3 option {
     font-size: 16px;
    display: block;
	line-height: 1 !important;
    background: #f8f8f8;
    color: #000;
    border: 1px solid #eee;
}

/* DEALER INFO*/
.col-3 h3 {color:#af1616; font-size: 18px;}
.col-3 {width: 30%; display: inline-block; vertical-align: top; margin:0 1.5%;}
.col-3 p {text-align: justify; font-size: 16px; line-height: 24px; font-weight: 500;}
.col-3 .blk-btn {background:#000; display: inline-block; padding:8px 15px;color:#fff; font-style: italic; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; width:200px; float: left; text-align: center; transition:.3s ease;}
.col-3 .blk-btn:hover {background:#ddd;}
.parts-4#mission {background: url(../siteart/mission.jpg) no-repeat; display: inline-block; width: 50%; padding:80px 0; text-align: center; height: 145px;background-size: cover;}
.parts-4#vision {background: url(../siteart/vision.jpg) no-repeat; display: inline-block; width: 50%;  padding:80px 0; text-align: center; height: 145px; background-size: cover;}
.parts-4#values {background: #333; display: inline-block; width: 50%;  padding:80px 0; text-align: center; height: 145px;}
.parts-4#values-2 {background: #000; display: inline-block; width: 50%;  padding:80px 0; text-align: center; height: 145px;}

.flex-video {display: flex; flex-direction: row; align-items: center;background: #fff; box-shadow: 2px 2px 5px #ccc;}
.flex-video h3 {font-size:18px; line-height: 30px; width: 46%; padding: 25px}
.flex-video video {width: 50%;}
.video-title-h3 {font-style: italic; color:#00164d; font-size: 25px; font-weight: 800;}
.center {text-align: center !important;}
/*---PARTS LANDING PAGE---*/

.parts-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 15px !important;
}

.parts-wrap a div {
    max-width: 100% !important;
    margin: 0 !important;
    width: fit-content !important;
    width: 100% !important;
}
.parts-bar {
    display: flex;
    gap: 8px;
}
.parts-wrap a {
    flex-grow: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.longer-link {
    flex-basis: 40%;
}
.part-location h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1;
}

.part-location {
    background: rgba(255,255,255,0.4);
    padding: 20px;
}

.parts-btn {
	    flex-grow: 1;
    padding: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-style: italic;
    transition: .3s ease;
    text-align: center;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    font-size: 16px;
	background: #ddd;
	color: #000;
}

.parts-btn:hover {
	background: #fff;
	color: #000;
}

.parts-bar {
    display: flex;
    gap: 5px;
}

.flex-parts-request a {
    flex-basis: 22%;
    flex-grow: 1;
	cursor: pointer;
}

.flex-parts-request {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

button.location-buttons {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0px;
    font-size: 16px;
    background: #fff;
	color: #000;
	width: 100%;
	padding: 10px;
	border: none;
	cursor: pointer;transition: .3s ease;
}

button.location-buttons:hover {
	background: #000;
	color: #fff;
}

.locationselect {
	color: #fff;
    background: rgba(255,255,255,0.40);
    
}

.locationselect:hover {
	color: #fff;
    background: rgba(255,255,255,0.40);
}

/* PRODUCT PORTFOLIO */
.width-70 {width: 70%; margin: 0 auto;}



/* quote*/



#survey-container input {width: auto!important;}

        
        .survey-header {
            background: white;
            border-radius: 8px;
            padding: 30px;
            margin-bottom: 20px;
            
        }

        .survey-title {
            font-size: 32px;
            color: #202124;
            margin-bottom: 10px;
        }

        .survey-description {
            font-size: 14px;
            color: #5f6368;
        }

        .question-card {
            margin-bottom: 20px;
        }

        .contact-row {
            display: flex;
            gap: 60px;
            margin-bottom: 20px;
        }

        .contact-row .question-card {
            flex: 1;
            margin-bottom: 0;
        }

       

           .question-card.radio-card {
            background: white;
            border-radius: 8px;
            padding: 24px;
            border: 1px solid #dadce0;
        }

        .question-card.radio-card:hover {
            border-color: #af1616;
        }

        .question-label {
            font-size: 16px;
            color: #202124;
            margin-bottom: 20px;
            font-weight: 400;
        }

        .question-required {
            color: #d93025;
            margin-left: 4px;
        }

        .input-box,.question-card select {
            width: 100%;
            padding: 12px;
            border: 1px solid #dadce0;
            font-size: 14px;
            color: #202124;
            outline: none;
            transition: border-color 0.2s;
            border-radius: 4px;
			    box-sizing: border-box;
        }

        .input-box:focus {
            border: 2px solid #af1616;
        }

        .radio-group {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .radio-option {
            display: flex;
            align-items: center;
            padding: 8px;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        .radio-option:hover {
            background-color: #f8f9fa;
        }

        .radio-input {
            width: 20px;
            height: 20px;
            margin-right: 12px;
            cursor: pointer;
            accent-color: #af1616;
        }

        .radio-text {
            font-size: 14px;
            color: #202124;
            cursor: pointer;
        }

        .submit-btn {
            background-color: #af1616;
            color: white;
            border: none;
            padding: 12px 24px;
            font-size: 14px;
            font-weight: 500;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        .submit-btn:hover {
            background-color: #000000;
        }

        .submit-container {
            background: white;
            border-radius: 8px;
            padding: 24px;
            text-align: left;
        }

.checkbox-option {
            display: flex;
            align-items: center;
            padding: 8px;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        .checkbox-option:hover {
            background-color: #f8f9fa;
        }

        .checkbox-input {
            width: 20px;
            height: 20px;
            margin-right: 12px;
            cursor: pointer;
            accent-color: #af1616;
        }

        .checkbox-text {
            font-size: 14px;
            color: #202124;
            cursor: pointer;
        }


/* CAREERS */
.job-2 {margin: 0 auto; text-align: center; padding: 25px 0; display: inline-block; width: 100%;}
.team {display: inline-block; width: 30%; padding:15px 15px; border:1px solid #F5F5F5; margin:3px 0px;}
.team h3 {color:#af1616; font-style: italic;}
.values {display: inline-block; padding:5px 15px; color:#fff; border:1px solid #ddd; margin:5px 2px;font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; }
.white-bg#careers p {font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; }
h2#job-openings {padding:25px 0; border-bottom:1px solid #ddd; text-align: center; margin-bottom: 25px;}
.job-2 a .red-btn-no-float {margin: 5px 0;}
/* INVENTORY */ 
.inv-padding {height: 25px;}
.width-90 {width: 90%; margin: 0 auto;}
.sub-hero { width: 100%;}.sub-hero img { width: 100%;}
.sub-hero:before {
}

.location-sub-hero { background:url("../siteart/Locations/location-hero.jpg") no-repeat;background-size:cover;background-position: 25% 50%; padding: 10% 0; min-height: 300px;}

.sub-hero img { width: 100%;}
.inv-bg {background:#212121;padding:2% 0; display: inline-block;}
.inv-bg h1 {color:#fff; font-size:2em; font-style: italic; letter-spacing: 1px; padding:15px 0; text-transform: uppercase;}
.inv-bg h2 {color:#fff; font-size:25px; font-style: italic; letter-spacing: 1px; padding:10px 0; text-transform: uppercase}
.inv-bg p {color:#fff; letter-spacing: .5px;}
.inv-bg a {color:#fff; font-weight: bold; }
.inv-bg a:hover {color:#ddd; font-weight: bold;}
.blk-bg {background:#000; width: 100%;display: inline-block;}


.text-us-banner {}
.text-us-banner h2 {text-transform: uppercase; color: #af1616; letter-spacing: 1px;font-size: 36px;line-height: 1.25;}
.text-us-banner h2 a {letter-spacing: none !important;}
.text-us-banner h3 {font-style: italic; text-transform: uppercase;margin-top: 10px; margin-bottom: 0px;color:#000;font-size: 24px !important;line-height: 1.25;}
.text-us-banner hr {border-color: #eee; max-width: 40px; display: block; margin: 10px 0;}
/*PARTS*/
.parts-bg {padding:25px 0; display: inline-block; width: 100%;}
.parts-bg h1 {border-bottom:1px solid #000; padding:25px 0; }
.parts-bg .width p {padding:25px 0; }
.parts-flex {margin-top:25px;}
.parts-4 h2 {font-size:30px; line-height: 45px; color:#fff;}
.parts-4 p {width: 100%;font-family: 'Roboto Condensed', sans-serif; font-weight: 500; letter-spacing: 1px;font-size:16px; color:#fff;}
.parts-4 {float:left; vertical-align: top;  width:50%;}
.parts-4#department {background: url(../siteart/Parts/parts-dept.jpg) no-repeat; display: inline-block; width: 50%;  padding:100px 0; text-align: center; }
.parts-4#department:hover {background:#af1616;transition:.3s ease;}
.parts-4#parts-counter {background: url(../siteart/Parts/parts-counter.jpg) no-repeat; display: inline-block; width: 50%;  padding:100px 0; text-align: center; }
.parts-4#parts-counter:hover {background:#2B2B2B;transition:.3s ease;}
.parts-4#all-makes {background: url(../siteart/Parts/parts.jpg) no-repeat; display: inline-block; width: 50%;  padding:100px 0; text-align: center; }
.parts-4#all-makes:hover {background:#A6A6A6;transition:.3s ease;}
.parts-4#specials {background:#212121; display: inline-block;width: 50%;  padding:100px 0; text-align: center; }
.parts-4#specials:hover {background:#7B1010;transition:.3s ease;}
.parts-bg .blk-btn {background:#000; display: inline-block; padding:8px 15px;color:#fff; font-style: italic; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; width:200px; float: left; text-align: center; transition:.3s ease;margin:5px 5px;}
.parts-bg .blk-btn:hover {background:#ddd;} 
.gray-space {background:url(../siteart/pattern.png) repeat; height: 120px; margin-bottom:-52px; width: 100%;}
.img-bg { background: url(/siteart/road-bg.jpg) no-repeat; background-color:#000;background-attachment: fixed; width: 100%;  padding: 50px 0; }
.white-bg {background: #fff;display: inline-block; padding:25px 0; width:100%; }
.white-bg-specials {background:#F0F0F0;display: inline-block; padding:25px 0; width:100%;  border-top:2px solid #212121; text-align: center;} 
.white-bg h1 {line-height: 1.25;color:#000; font-size:2em; font-style: italic; letter-spacing: 1px; padding:15px 0; text-transform: uppercase; border-bottom:1px solid #000;}
.white-bg p{padding:15px 0;}
.special div {width:28%;  background:#fff;display: inline-block; vertical-align: top; text-align: left; margin: 3% 20px; }
.special img {width: 100%;box-shadow: 6px 6px 7px 1px rgba(128, 128, 128, 0.55) ; }
.red-btn-sml {display: inline-block; background: #af1616; padding:10px 0; width: 120px; text-align: center; color:#fff;font-family: 'Roboto Condensed', sans-serif;  margin:5px 5px;}
.border-line {width: 100%; height: 1px; background: #000;}
.trp {text-align: center; margin: 0 auto; width: 100%;}
.trp img { text-align: center; max-width: 300px; width: 100%; padding: 15px 0;}
/*----PARTS BANNER---*/

.site-header-push {
    height: 140px;
    background: #222;
	border-bottom: 5px solid #fff;
}
.parts-banner img {
	max-width: 100%;width:100%;background-size:cover;
}
.parts-banner {
    position: relative;
}

.parts-banner .button-wrap {
  max-width: 100%;width: 100%;
	gap: 30px;
	padding: 20px 0;
	flex-wrap:wrap;
}

button.orange-btn {
    background: #EE3523;
    border: 1px solid #EE3523;
    padding: 15px;
    box-sizing: border-box;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;cursor: pointer;
    font-style: italic;transition:.3s all;
}

button.orange-btn:hover{background:#F68A1E;border-color: #F68A1E;}
/*--------Search Inventory Styles--------*/
#searchparts {width:100%; padding:25px 0;}
#searchkeyword {width:100%; margin:10px auto;}

#searchinventory {text-align:left; padding:60px 10px; }

.searchfieldtopwrap {float:left; width:80%;}
.searchfieldtop {width:49%; float:left; margin-right:11px; background:#fff; padding:11px 0;}
.searchfieldwrap {float:left; width:65%; }

#searchparts .searchfield {background:#fff; padding:11px 8px; border:2px solid #fff; color: #fff; text-align:left;}
#searchform input.text {color:#af1616; padding:11px 10px; width:91%;}
#searchform select {color:#fff; padding:10px 10px; width:97%;}
.search-box{border:none;font-family: 'Montserrat', sans-serif; font-weight:300; text-transform:uppercase;}
#searchform input.button,
#searchform input.button:focus{
	background: #af1616; /* For browsers that do not support gradients */
	color:#fff; 
	text-transform:uppercase;
	text-decoration:none; 
	font-weight:700; 
	width:195px;
	font-size:14px;
	text-align:center;
	margin:0 auto;
    padding:15px 0;
    border: none;
    line-height:14px;
}
form input.text, form textarea, form .textajaxuniquetext, form select
#searchform input.button:hover {
	background: #fff; /* For browsers that do not support gradients */
	color:#000;
}
.radio{text-align:left; color: #7B1010;}
.closest-box {display:hidden;}

/* SERVICE */
.parts-4#service-request {background: url(../siteart/Service/service-img1.jpg) no-repeat; display: inline-block; width: 50%; padding:100px 0; text-align: center; }
.parts-4#service-request:hover {background:#9E9E9E;transition:.3s ease;}

.parts-4#service-specials {background: url(../siteart/Service/service-specials.jpg) no-repeat; display: inline-block; width: 50%; padding:100px 0; text-align: center; }
.parts-4#service-specials:hover {background:#363636;transition:.3s ease;}
.parts-4#mechanics {background: #212121; display: inline-block; width: 50%;  padding:100px 0; text-align: center; }
.parts-4#mechanics:hover {background: #333; display: inline-block; width: 50%;  padding:100px 0; text-align: center; }
.rapid-check {width: 100%; text-align: center; margin: 0 auto;}
.rapid-check img {max-width: 400px; width: 100%;}
.red-btn-fin {background:#af1616; padding: 10px 20px; text-align: center; color:#fff; display: inline-block;font-family: 'Roboto Condensed', sans-serif;  transition: .3s ease; margin:5px 0;}
.red-btn-fin:hover {background: #212121;}
/* FIND YOUR TRUCKS */
.gray-bg {height:200px; background:#212121; margin-top:-200px;width: 100%;z-index: 9;}
.lt-gray {padding:15px 0; background:#E4E4E4;margin: 0 auto; text-align: center;}
.col-2 {margin: 0 auto; text-align: center;}
.col-1-2 {display: inline-block; background:rgba(0,0,0,1.00); margin:25px 10px; transition:.3s ease; width:30%;}
.col-1-2 img {opacity:.8; width: 100%; }
.col-1-2:hover {background:rgba(118,0,1,1.00) }
.col-1-2 {color:#fff; font-size:22px;font-family: 'Roboto Condensed', sans-serif; font-style: italic; text-align: center;}
.col-1-2-text {padding:10px 0; color:#fff;}
.col-1-2 a {color:#fff;}
.ql {margin:50px 15px; transition: .2s ease;}
.ql img:hover {opacity:.6;transition: .2s ease;}

.formfield.message {
    flex-basis: 100% !important;
}

/*LOCATIONS*/
h2.loc-title {letter-spacing: 2px; font-weight: 500; line-height: 35px; font-size: 25px; padding: 10px 0;}
.col-1-3 {display: inline-block; width:46%; margin: 5px 5px; border: 1px #F0F0F0 solid ; background: #fff;z-index: 9999;}
.col-1-3 h3{display: inline-block;}
.col-1-3 .blue-btn {background:#af1616; padding: 15px 0; color:#fff; text-align: center; width: 95%; font-weight: 800; }
.col-1-3 .blue-btn:hover {background:#212121; padding: 15px 0; color:#fff; text-align: center; width: 95%; font-weight: 800; }

.col-1-3 .fas { color:#af1616;display: inline-block;}
.col-left {width:47%; display: inline-block; padding:25px 0 125px 15px; background:#F0F0F0;  vertical-align: top;font-family: 'Roboto Condensed', sans-serif; height: 270px;}
.col-right {width:46%; display: inline-block; background:#fff; padding:10px 0px 0 15px; vertical-align: top; }
.col-right p {font-size:14px; color:#000; line-height: 20px;font-family: 'Roboto Condensed', sans-serif;}
.col-right p a{font-size:16px; color:#af1616; line-height: 22px; font-weight: bold;}
.contact-text {color: #fff;
    position: absolute;
    margin-top: -200px;
    border-top: 1px solid #fff;
    padding: 25px 0;
    width: 100%;
}
.contact-text h2 {text-transform: uppercase; font-style: italic;padding:25px 0;}

.site-header-push {height: 160px;background: #222;}
.loc-landing .landing-left {position: relative;}
.loc-landing .service-logo {
    position: absolute;
    top: 30px;
    right: 30px;
}

.loc-landing .service-logo img {
    width: 150px;
}
/* LOCATIONS LANDING */
.special-banner img {max-width: 100%;width: 100%;}
.mobile-banner {display:none;}
.site-bread {background: #f1f1f1; padding: 15px 5%; width: 90%; font-weight: bold}
.loc-landing {box-shadow: 1px 1px 5px #ddd; width: 90%; margin: 2.5% auto;}
.loc-stretch {display: flex; flex-direction: row; align-items: stretch;}
.landing-left {width: 40%; background: #af1616;height: 50%;}
.landing-left h1, .heading {color:#fff; line-height:40px;}
.landing-left h2, .subheading {color:#ddd; padding-bottom: 15px; font-weight: 400}
.landing-left .socials {width: 100%; display: block; padding: 15px 0;}
.landing-left .socials .fab{font-size: 20px; letter-spacing: 2px; transition:.2s ease; color:#ddd}
.landing-left .socials .fab:hover{color:#fff;}
.landing-left .white-btn {padding: 15px 25px; text-align: center; display: inline-block; font-weight: 700; font-size: 16px; letter-spacing: 1px;}
.landing-left .gray-btn {padding: 15px 25px; text-align: center; display: inline-block; font-weight: 700; border:1px solid #fff; color:#fff; font-size: 16px}
.loc-services {background:#212121; }
.loc-services span {width: 48%; display: inline-block; vertical-align: middle; margin:3px 0;}
.loc-services .fa {color:#FFBF21}
.landing-right {width: 60%;background-size: cover; min-height: 500px}
.landing-right#rochester {background: url("/siteart/Locations/DP-Rochester.jpg");background-size: cover;background-position: center}
.landing-right#sumner {background: url("../siteart/Locations/DP-Sumner.jpg");background-size: cover;background-position: center}
.landing-right#spokane {background: url("../siteart/Locations/DP-Spokane.JPG");background-size: cover;background-position: center}
.landing-right#marysville {background: url("../siteart/locations/DP-Marysville.jpg");background-size: cover;background-position: center}
.landing-right#moses-lake {background: url("../siteart/locations/DP-Moses-Lake.jpg");background-size: cover;background-position: center}
.landing-right#seattle {background: url("../siteart/locations/DP-Seattle.jpg");background-size: cover;background-position: center}
.landing-right#tacoma {background: url("../siteart/locations/dobbs-tacoma-trp.jpg");background-size: cover;background-position: center}
.landing-right#yakima {background: url("../siteart/locations/DP-yakima.jpg");background-size: cover;background-position: center}
.landing-right#pasco {background: url("../siteart/locations/DP-pasco.jpg");background-size: cover;background-position: center}
.landing-right#portland {background: url("../siteart/locations/Portland-Paclease.JPG");background-size: cover;background-position: center}
.landing-right#redding {background: url("../siteart/locations/dp-redding.jpg");background-size: cover;background-position: center}
.landing-right#west-sac {background: url("../siteart/locations/DP-W.Sac.jpg");background-size: cover;background-position: center}
.landing-right#west-pac {background: url("../siteart/locations/West-Sac-Paclease.JPG");background-size: cover;background-position: 25% 23%;;}
.landing-right#jackson {background: url("../siteart/locations/DP-Jackson.jpg");background-size: cover;background-position: center}
.landing-right#jacksontrp {background: url("../siteart/locations/dobbs-jackson-trp.jpg");background-size: cover;background-position: 58% 38%;}
.landing-right#meridian {background: url("../siteart/locations/DP-meridian.jpg");background-size: cover;background-position: center}
.landing-right#monroe {background: url("../siteart/locations/DP-monroe.jpg");background-size: cover;background-position: center}
.landing-right#shreveport {background: url("../siteart/locations/DP-shreveport.jpg");background-size: cover;background-position: center}
.landing-right#little-rock {background: url("../siteart/locations/DP-little-Rock.jpg");background-size: cover;background-position: center}
.landing-right#west-memphis {background: url("../siteart/locations/DP-Memphis-used-truck.jpg");background-size: cover;background-position: center}
.landing-right#memphis {background: url("../siteart/locations/memphis-tn.jpg");background-size: cover;background-position: center}
.landing-right#jackson-tn {background: url("../siteart/locations/jackston-tn.jpg");background-size: cover;background-position: center}
.landing-right#WTC-sac {background: url("../siteart/locations/WTC-W-sac.jpg");background-size: cover;background-position: center}
.landing-right#san-leandro {background: url("../siteart/locations/WTC-san-leandro.jpg");background-size: cover;background-position: center}
.landing-right#stockton {background: url("../siteart/locations/WTC-stockton.jpg");background-size: cover;background-position: center}
.landing-right#turlock {background: url("../siteart/locations/WTC-turlock-outside.JPG");background-size: cover;background-position: center}
.landing-right#WTC-redding {background: url("../siteart/locations/WTC-redding.JPG");background-size: cover;background-position: center}
.yellow {color:#FFBF21}
.white {color:#fff;}
.landing-services {background: #fff;  width: 40%;}
.landing-services hr {height: 1px; background: #f1f1f1; border:0}
.landing-map {width: 60%;        min-height: 350px !important;}

.location-landing .col-left {position: relative;}
.service-logo {position: absolute;
    top: 10px;
    right: 10px;}
.service-logo img {max-width: 100%;width: 55px;}

.flex-wrapper {
	display: flex;
	gap: 20px;
}

.trp-location {
	flex-basis: 46%;
}

.trp-location #Jackson-TN,.trp-location #Tacoma {
    width: 100%;
}

button.review-btn {
    padding: 5px;
    margin-left: 10px;
    border: 1px solid #fff;
    background: #fff;
    cursor: pointer;
    color: #00164d;
    transition: .3s all;
}

button.review-btn:hover {
    color: #fff;
    background: transparent;
}

a#red-border-button {
    flex-basis: 100%;
}
.all-locations {
    display: flex;
}
/*ELECTRIFICATION PAGE*/
.electric-page {
	padding-bottom: 0 !important;
	margin-bottom: clamp(70px, 5%, 90px);
}
.button-wrapper {
    display: flex;
    gap: 20px;
}

.button-wrapper .red-buttons {
	max-width: 230px !important;
}

.button-wrapper a {
    flex: 1;
}

.location-landing .button-wrapper {width: fit-content;}


.electric-page .blue-buttons {
    color: #fff;
    background: #00164d;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    font-style: italic;
    transition: .3s ease;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #00164d;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 20px;
	max-width: 230px !important;
}

.electric-page .blue-buttons:hover {
    background: #000;
    border: 1px solid #000;
}



.electric-page hr {
    border: none;
    margin-top: clamp(70px, 5%, 90px);
	margin-bottom:clamp(70px, 5%, 90px);
    height: 1px;
    background: #eaeaea;
}

.electric-wrap h2,.electric-cta h2 {
  text-align: center;
  font-size: 32px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 900;
	line-height: 1.25;
}


.model-bar {
 display: flex;
gap: 15px;
justify-content: center;
max-width: 900px;
margin: 30px auto;
}

.electric-btn {
  padding: 10px;
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
	font-family: 'Roboto Condensed', sans-serif;
font-size:18px;
flex: 1;
	transition: .3s all;
	cursor: pointer;
	color: rgba(0,0,0,0.5);
	    max-width: 250px;
}

.electric-btn:hover {
	
	color: rgba(0,0,0,1.0);
}

.electric-btn.peterbiltselect,.electric-btn.volvoselect,.electric-btn.mackselect,.electric-btn.battleselect {

	color: rgba(0,0,0,1.0);
  border-bottom: 3px solid #af1616;
}
.model-title {
  display: flex;
    align-items: center;
    margin: 20px 0;
}

.model-title img {
     max-width: 100%;
    width: 125px;
}

.volvo-model .model-title img {
    max-width: 100%;
    width: 90px;
}

.model-title h3 {
	text-transform: uppercase;
    font-size: 36px;
    letter-spacing: 1px;
    font-weight: 900;
}

.main-model {
  display: flex;
  justify-content: space-between;
  align-content: stretch;
}

.model-info-right .model-title {
	justify-content: flex-end;
}

.model-info {
  flex: 1;
  margin-right: -5%;
  z-index: 9;
}

.model-info-right {
  flex: 1;
  margin-left: -5%;
  z-index: 9;
}

.model-info span,.model-info-right span {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.model-slide {
  flex-basis: 60%;
}

.model-slide img {
  max-width: 100%;
  width: 100%;
height: 100%;
    object-fit: cover;
    object-position: 15%;	
}

.model-txt {
    padding: 50px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
	
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.model-txt a {
	display: inline-block;
}
.model-txt a,.model-txt .blue-buttons {
	width: 200px !important;
	max-width: 100%;
	margin-top: 30px;    box-sizing: border-box;
}
.model-txt h4 {
  font-size: 18px;
	letter-spacing: 1px;
  text-transform: uppercase;
}

.mack-model .model-title img {
    filter: brightness(0) invert(0);
}
.battle-motors .model-title {
    flex-wrap: wrap;
    gap: 15px;
}


.battle-motors .model-title img {
    max-width: 100%;
    width: 150px;
}

.battle-motors h3 {
    flex-basis: 100%;
    text-align: right;
}

.grid-container {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    gap: 20px;
	    margin-top: 30px;
}

.grid-cta {
    text-align: left;
       padding: 60% 0;
	    position: relative;
	cursor: pointer;
}


.cta-wrap {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.25;
    text-transform: uppercase;
    font-weight: 500;
	position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    display: flex;
    gap: 10px;
	    font-style: italic;
    letter-spacing: 1px;
	align-items: flex-start;
}

.grid-cta:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0 0 0 / 30%);
    transition: .6s all;
}

.grid-cta:hover:before {
    background: #00164d;
	color: #fff;
}

a.grid-cta {
	color: #fff !important;
}

.e-calc {
	background: url("../siteart/home-img/finance-img.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}



.e-incentives {
	background: url("../siteart/electrification/peterbilt/520_ev__2.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.e-charge {
	background: url("../siteart/electrification/ev-lineup-abb-all-units.jpg") no-repeat;
	background-size: cover;
	background-position: 15% 50%;
}

.e-demo {
	background: url("../siteart/financeinfo.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.electric-cta {
	text-align: center;
	color: #fff;
}
.electric-cta a {
    color: #fff;
    font-weight: 700;
	transition: .3s all;
}

.electric-cta a:hover {
	color:#af1616;
}



/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}
/*----------DETAILED SEARCH----------------------------*/
.img-bg #formpage div {color:#fff;}
.img-bg #formpage a {color:#fff;}
.detailed-search-wrap {
	padding: 30px 0;
	font-family: 'Roboto Condensed', sans-serif;
}

.content {
	width: 90%;
	margin: 0 auto;
}
.content h4 { color: #fff;	font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
	font-weight:700;
	letter-spacing:1px;font-size:25px;
	text-transform: uppercase;
}

.detailed-form {
	margin: auto;
}
.clear {
	clear: both;
}
.detailed-row {
	margin: 10px 0 5px;
	font-size: 18px;
}
.column3 {
	width: 33.33%;
	
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
	margin-top: 5px;
}
.last {
	padding-right: 0px;
}
form input.text, form textarea, form .textajaxuniquetext, form select {
    width: 100%;
    max-width: 100%;
    padding: 10px 5px;
    font-size: 15px;
    background-color: none;
    color: #000;
    border-top: none;
    border-left: none;
    border-right: none;
}
.detailed-search input[type='submit'] {
	font-size: 16px;
	background: #af1616;
	width: 100%;
	margin-top: -25px;
	height: 40px;
	color: #fff;
	display: inline-block;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	outline: none;
	border: none;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	border-radius: 0;
	font-family: 'Roboto Condensed', sans-serif;
}
input#contact-btn {background: #212121 !important; padding: 10px 30px; color:#fff !important; text-align: center; letter-spacing: 1px; font-weight: 700;}
input#contact-btn:hover {background: #333 !important; padding: 10px 30px; color:#fff !important; text-align: center; letter-spacing: 1px; font-weight: 700;}
.detailed-search input[type='submit']:hover{
	background:#ddd;
	
}
.detailed-search input[type='text'] {
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 15px;
	height: 40px;
	background-color: #f9f9f9;
	border: 1px solid #bebebe;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.detailed-search-wrap h3 span {
	color: #d7d7d7;
}

main {
  width:100%;
  margin: 0 auto;
}

/*section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}*/

.detailed-search-wrap label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px 0px !important;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.detailed-search-wrap label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

/*label[for*='1']:before { content: '\f1cb'; }
label[for*='2']:before { content: '\f17d'; }
label[for*='3']:before { content: '\f16b'; }
label[for*='4']:before { content: '\f1a9'; }*/

.detailed-search-wrap label:hover {
  color: #888;
  cursor: pointer;
}

.detailed-search-wrap input:checked + label {
  color: #ddd;
	font-size:20px;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1 {
  display: block;
}

@media screen and (max-width: 1070px) {
	.collision-half .right-site {display: none !important;}
	.collision-half .left-site {flex-basis: 100%;padding: 50px 0;}
}


@media screen and (max-width: 650px) {

  label:before {
    margin: 0;
    font-size: 18px;
  }
	
	.location-buttons-collision {
		flex-direction: column;}
	
	.contact-row {
                flex-direction: column;
            }

            .contact-row .question-card {
                margin-bottom: 20px;
            }

            .contact-row .question-card:last-child {
                margin-bottom: 0;
            }
	
	.contact-row {gap: 0px;}
}


@media screen and (max-width: 550px) {
	.formfield {
		flex-basis: 100% !important;
	}
	
	
}

@media (max-width: 420px) {
  .collision-services {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 16px;
	}

  .collision-services li {
    padding: 16px;
    font-size: 15px;
  }
}


@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
	
	.bar-right {right: -44%;}
}

#slider-range {margin-top:10px !important;}
.searchfield h6 { color:#fff; display: inline-block;}
.noUi-pips-horizontal {padding:12px 0 !important; color:#fff;}
.noUi-marker.noUi-marker-horizontal {width:1px !important;}
.noUi-marker noUi-marker-horizontal noUi-marker-normal {left:20% !important;}
.label {margin-top:15px; float:left; width:33%; font-size:9px; color:#fff; letter-spacing: 1px;}
.labelmiddle {margin-top:15px; float:left; width:33%; text-align:center; font-size:9px; color:#fff; letter-spacing: 1px;}
.labellast {margin-top:15px; float:left; width:33%; text-align:right; font-size:9px; color:#fff; letter-spacing: 1px;}
.example-white { color:#fff; font-size:16px;}
.column3 .searchfield {width:90%; margin: 0 auto;}

/*--------FORM STYLES----------------------*/
.field {margin:6px;}
.field-half {float:left; width:calc(50% - 12px); margin:6px;}
.field-third {float:left; width:calc(33.33% - 12px); margin:6px;}

#formpage { vertical-align:top; margin: 0 auto;  text-align:center;
display: flex;
    flex-wrap: wrap;    justify-content: center;
}

#formpage div {
	vertical-align:top;
	padding: 5px 0;
	color: #000;	
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px; text-align: left;
	flex-basis: 100%;
    flex-grow: 1;box-sizing: border-box;width: 100%:

}

#formpage input {
	padding:10px !important;
	border:1px solid #8e8d8d;
	font-size:13px;
	background:#fff;
	box-sizing: border-box;
	
}

#formpage textarea {
	padding:10px !important;
	border:1px solid #8e8d8d;
	font-weight: 700;
	color:#000;
	font-size:12px;
	background:#fff;
	margin-top: 5px;
	
	
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
    border: 1px solid #8e8d8d;
    color: #202e3b;
    vertical-align: middle;
    font-size: 16px;
    line-height: normal;
    padding: 8px;
	line-height: 2 !important;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
}

.formfield {
	flex-basis: 30% !important;
    flex-grow: 1;
	display:inline-block; 
	margin-right: 12px; 
	margin-top: 10px;
	color: #000;
	text-align:left;
	font-family: 'Roboto Condensed', sans-serif;
	
}
#formpage input  {
    width:100%;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:100%;
    height:85px;
	font-family: 'Roboto Condensed', sans-serif;
	box-sizing: border-box;
	padding: 10px !important;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }

/* focus states of various types of fields */
#formpage a {color:#000; font-style: italic; font-weight: bold; letter-spacing: 1px;margin-top: 15px;}
#formpage a:hover {color:#000; font-style: italic; font-weight: bold; letter-spacing: 1px; text-decoration: underline}
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#F4F4F4; 
	color:#000;
	border:1px solid #abacac;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.blue-buttons,
#formpage input.blue-buttons:focus,form input.blue-buttons,
form input.blue-buttons:focus {
    width:115px;
    margin:0;
    background: #af1616; /* For browsers that do not support gradients */
    line-height:18px;
	font-size: 16px;
    color:#fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	letter-spacing:1px;
	border: none !important;
	padding: 10px 10px;
	cursor: pointer;
}
#formpage input.blue-buttons:hover {
	width:115px;
    margin:0;
    background: #000;
    color:#fff;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label{
	color:#212121;
    font-size:16px;
    text-align:left;font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
	
}
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
	padding:10px 10px;
} 
#formpage .check-container {display: inline-block; text-align: left; margin: 0;}
#formpage .check-container input[type="checkbox"]{display: inline-block; width:20px !important;}
	
.CaptchaMessagePanel,.CaptchaWhatsThisPanel {
	text-align: center !important;
}

/*control the CaDobbs Peterbiltha */

.CaptchaPanel {margin:0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000;width: 70%; text-align:center;}

.CaptchaImagePanel {
text-align: center	;
margin-top: 10px;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center !important;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 10px 0;
	padding:10px 0 10px 0 !important;text-align: center !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 

.CaptchaImagePanel {text-align: center !important; margin: 0 auto !important;}
.white-bg a.button {width:350px; font-weight:bold; text-transform:uppercase; color:#fff; height:28px; line-height:28px; display:block; text-align:center; padding:0 0; float:left; background:#404040;margin:5px 0 10px;display:block!important;font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-style: italic;}
.white-bg a.button:hover {background-position:bottom; text-decoration:none; color:#fff; background:#af1616;}
.white-bg input[type="submit" i]{background: #af1616; padding: 10px 0; width: 350px; text-align: center; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-style: italic; color:#fff;font-size: 18px; font-weight: 700; transition: .3s ease;}
.white-bg input[type="submit" i]:hover{background: #333;}

.CaptchaWhatsThisPanel a {color:#000!important; font-size:12px;}
.CaptchaMessagePanel {font-weight:normal!important; font-size:12px;}
.CaptchaAnswerPanel {padding:5px !important; background:#fff; color:#000 !important; text-align:center;border: 1px solid #000;}
.CaptchaPanel {width:350px; text-align:center!important; display:block!important; padding:0!important; margin: 0 auto !important}
.CaptchaImage {text-align:center!important; display:block!important; width:60%; margin: 0 auto;}


/*-------- FOOTER STYLES ----------------*/
.col-4 {width:13%; display: inline-block; vertical-align: top; color:#fff; margin-top:55px;	font-family: 'Roboto Condensed', sans-serif;}
.col-4 h5 {font-size:17px; font-style: italic; letter-spacing: 1px; font-weight: bold;}
.col-4 a {color:#fff; letter-spacing: .5px;}
.col-4 a:hover {color:#ddd; }
.corp-address {display: inline-block; width: 25%; vertical-align: middle; margin-top:55px;}
.corp-address h4 {color:#fff;font-size:17px; font-style: italic; letter-spacing: 1px; font-weight: bold;}
.corp-address p {color:#fff; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;}
.corp-address a {color:#ddd;}
.corp-address a:hover {color:#fff;}
.copyright {padding: 10px 0;}
.copyright p {display: inline-block; font-weight: bold; letter-spacing: 1px;	font-family: 'Roboto Condensed', sans-serif;}
.copyright .socials a{color:#af1616; display: inline-block; font-size:25px;}
.copyright .socials { display: inline-block; vertical-align: middle; margin-left:25px;}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/


.hosted-content .listings-wrapper .listings-list .category-banner h3 {font-size:16px !important;}
.hosted-content #main-search{display: none!important;} 



/*---------- RESPONSIVE STYLES ----------*/

.mobile-title {display: none;}
@media only screen and (max-width: 1600px) {
	.width {width: 85%;}
	.special {width:29%;}
	
}
@media only screen and (max-width: 1400px) {
	.gray1, .gray2, .gray3, .gray4, .gray5 {font-size:17px;}
	.road {height: 380px;}
	.col-left {width:46%;}
	.col-right {width:46%;}
	.col-1-3 h3 {font-size:18px;}
	.formfield {width: 47%;}
	.parts-4#department, .parts-4#parts-counter,.parts-4#all-makes,	.parts-4#specials {height: 80px;}
	.parts-4#service-request, .parts-4#service-specials, .parts-4#mechanics {height: 80px;}
	.col-3 .blk-btn {width:90%; margin:15px 0;}
	.parts-banner .button-wrap {flex-wrap:wrap;gap:15px;}

}



@media only screen and (max-width: 1300px) {
	.hero-text {width:100%}
	.blk-angle {background:#000;display: inline-block; margin: 0 auto; padding:25px 0;}
	.gray1, .gray2, .gray3, .gray4 {width:47%; margin:7px 5px; }
	.gray5 {width:96%; margin:7px 5px; }
	.ql {vertical-align: top;}
	.ql-h2 {font-size: 18px;}
	.gray5 .width {width: 93%;}
	.width {width: 90%;}
	.col-4 {width:15%;}
	.corp-address {width:20%;}
	.white-btn {width: 100%;}
	.gray-bg {height:250px; margin-top:-250px;}
	h1, .heading {font-size:25px;}
	h2, .subheading {font-size:22px;}
.heading-xl {font-size: 36px; }
	
	p {font-size:15px; line-height: 20px;}
	.map {width: 38%;}
	.specials {width: 27%;}
	.models {width: 14%;}
    .landing-left, .landing-services, .landing-right, .landing-map {width: 50%;}
    .landing-left .white-btn {width: auto;}
    
	.gray-bg {
    height: 250px;
    margin-top: -250px;
}
}

@media only screen and (max-width: 1200px) {
	.parts-banner .button-wrap {gap: 15px;bottom: 5%;}
	.parts-banner .button-wrap a {flex-basis: 100% !important;}
}
@media only screen and (max-width: 1178px) {
.header-right { padding: 0;}
	.flex-used {display: block; margin-top:40px; padding-top:15px;}
	.used-left {width: 100%; padding: 10px 0;}
	.used-right {width: 100%; margin-top:10px;}
	.parts-bar {flex-wrap: wrap;
	}
}

@media only screen and (max-width: 1150px) {
	.header-container {background: #fff;}
	.mailing-title {width: 40%;}
	.mailing-title h1 {font-size: 20px;}
	.mailing-btn {width: 33%;}
	.hero-slider .slider {margin-top:0;}
	.hero-slider .slide{max-height: none; overflow: inherit;}
	.hero-slider .slide .slide-link{position: relative; background: #333; max-width: 100%; top: 0; border-bottom: 1px #ccc solid; padding: 15px 25px; clear:both;}
	.hero-slider .slide .link-text{float: left; width: calc(100% - 300px); padding-right: 15px; box-sizing: border-box;}
	.hero-slider .slide .slide-link .link-text h2{font-size: 16px; text-transform: uppercase; margin: 8px 0; color: #fff;}
	.hero-slider .slide .slide-link .link-text p{display: none;}
	.hero-slider .slide .button-link a{float: left; width: 300px; margin: 0; padding: 10px;}
	.hero-slider .slide .slide-link-2{position: relative; background: #333; max-width: 100%; top: 0; border-bottom: 1px #ccc solid; padding: 15px 25px; clear:both;  right: 0;}
	.hero-slider .slide .link-text-2{float: left; width: calc(100% - 120px); padding-right: 15px; box-sizing: border-box; text-align: center;}
	.hero-slider .slide .slide-link-2 .link-text-2 h2{font-size: 16px; text-transform: uppercase; margin: 8px 0; color: #fff; text-align: left;}
	.hero-slider .slide .slide-link-2 .link-text-2 p{display: none;}
	.hero-slider .slide .button-link-2 a{float: right; width: 120px; margin: 0; padding: 10px;}
	.corp-address {width: 100%; text-align: center; padding: 15px 0; border-top:1px solid #ddd; margin-top:15px;}
	.width2 {margin-top: 165px;}
	#app {display: inline-block !important;
	}
	.grid-container {
    grid-template-columns: repeat(2, 1fr);
}
	.grid-cta {
    padding: clamp(90px, 5%, 100px);
}
	.cta-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
	.flex-specials {flex-wrap:wrap-reverse;}
	.special-txt,.special-slide {flex-basis: 100%;}
	.special-wrap {
    padding: 50px 0 !important;
    text-align: center;
}
	.mobile-title {display: block;flex-basis: 100%;order:1;}
	.desktop-title {display: none;}
	.mobile-title h2 {
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 1px;
    color: #af1616;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 0;
}
	
	.flex-579 .desktop-title {display: block !important;}
	
	.flex-579 {flex-wrap: wrap !important; gap: 10px;}
	.flex-579 img {max-width: 400px;}
	.mobile-title span#blacktxt {
    font-size: 34px;
    font-weight: 900;
    letter-spacing: 0;
    display: block;
    margin-top: 5px;
}
	

}

@media only screen and (max-width: 1100px) {
	.main-model {flex-wrap: wrap;}
	.finance-services h2 {font-size: 22px;}
	.checklist.grid-container {grid-template-columns: repeat(2, 1fr);}
	
	.model-slide,.model-info {flex-basis: 100%;}
	
	.model-info {
		margin-right: 0!important;
	}
	
	.model-info-right {
		margin-left: 0 !important;
	}
	
	.model-txt {
		padding: 50px 0;
		box-shadow: none;
	}
	
	.model-wrap {
		width: 90%;
		margin: 0 auto;
	}
	
	.model-info-right .model-title {
		justify-content: flex-start;
	}
	
	.model-info-right .model-title h3 {
		text-align: left;
	}
	
	.battle-motors h3 {
    flex: 1;
	}
	
	.volvo-model .main-model,.battle-motors .main-model {
    flex-wrap: wrap-reverse;
}
	.button-wrapper {
		flex-wrap: wrap;
	}
	
	.button-wrapper a {
    flex-basis: 48%;
}
	
	.button-wrapper a div {
		max-width: 100% !important;
	}
	
}


@media only screen and (max-width: 1080px) {
	#logo {margin-left:10px;}
	.special div {width:44%;}
	
}
@media only screen and (max-width: 1050px) {
	.logo {width:50%; text-align: center; margin: 0 auto;}
	.header-right-opacity {transform: none;}	
	.header-right {width: 100%;}
	.header-container {position: relative;}
	.top {transform: none;display: inline-block;text-align: center; margin: 0 auto; margin-right:0;}
	.top ul li a {display: none;}
	.flex-used {margin-top:0;}
	.road {height: 280px; margin:0; }
	.ql {width:28%;}
	.ql img {width: 100%; height: auto;}
	h2.loc-title {text-align: center;}
	.col-1-3 {width:100%;}
	.flex-wrapper,.finwrap {
	flex-wrap: wrap;
	}
	
	.trp-location,.finwrap span,.finwrap a {
	flex-basis: 100%;
	}
	
	.col-left {width: 98.5%; padding-bottom: 0px;}
	.contact-text {position:relative; color:#000; margin-top:25px;}
	.formfield {width: 46%;}
	.col-4 {width:24%;font-size:14px;}
	.column3 {width: 100%;}
	.last {
		padding-right: 20px;
	}
	#app { margin-right: 0px;}
	.width2 {margin-top: 0;}
	
	.blk-btn {font-size: 14px; text-align: center;}
	.blk-btn-long {width: 100%; margin: 5px 0; font-size: 14px; padding: 10px 0; text-align: center;}

	.inv-bg p {font-size:14px; line-height: 20px;}
	.col-1-2-text {font-size:16px;}
	.red {font-size:16px;}
	.flex-container .right-site {display: none;}
	.flex-container .left-site {width: 100%; padding:50px 0;}
	
	.flex-container-2 {display: block;}
	.left-paccar,.left-half{display:none}
	.right-site {width: 100%}
	.blk-angle .width-90 {height: auto;}
	.gray1, .gray2, .gray3, .gray4, .gray5 {width: 100%;margin: 5px auto;}
	.gray5 .width {width: 85%;}
	.blk-angle {display: block;}
	.model-wrapper {text-align: center;}
	.gray-bg {display: none;}
	.models {width:28%;}
	.models h3{color:#000;}
	.models .white-btn {background:#000; color:#fff;}
	
	.contact-text {margin-top:0; background:#212121; color:#fff; padding:25px 0;}
	.models-2 {width: 38%;}
	.parts-4#department, .parts-4#parts-counter,.parts-4#all-makes,	.parts-4#specials {height: 80px;}
	.parts-4#service-request, .parts-4#service-specials, .parts-4#mechanics {height: 80px;}
	.parts-4#mission {height: auto; padding:50px 0; width: 100%;}
	.parts-4#vision {height: auto; padding:50px 0; width: 100%;}
	.parts-4 h2 {font-size:20px;}
	.parts-4 p {font-size:15px;}
	.team {width:45%;}
	.brand {width: 22%;}
    
    .road {
    min-height: 120px;
}
	.service-logo img {width: 120px;}
	nav.top-links ul li a {font-size: 15px !important;padding: 10px 5px !important;}
}


@media only screen and (max-width: 984px) {
	.flex-parts-request a {flex-basis:33%;}
	.hero {padding:50px 0;}
	.hero-text {width: 95%; float: none; margin: 0 auto;}
	.hero-text h1 {text-align: left; width:100%;}
	.hero-text p, .hero-text h4 {width: 97%; float:left; margin: 0 auto; padding:15px 0;;}
	.hero-text .red-btn {width: 100%; text-align: center;}
	.map {width: 90%; position: relative;margin-top:0; margin: 0 auto; padding: 15px 0;}
	.map .red-btn {width: 100%; text-align: center;padding:7px 0;margin:3px 0;}
	.map .blk-btn {width: 100%; text-align: center;padding:7px 0;margin:3px 0;}
	.ql {width:26%; margin:15px 1%;}	
	.ql-3 {width:100%; margin:15px 0;}
	.parts-4#department, .parts-4#parts-counter,.parts-4#all-makes,	.parts-4#specials {padding:50px 0;height: 150px;}
	.parts-4#service-request, .parts-4#service-specials, .parts-4#mechanics {padding:50px 0;height: 150px;}

	.searchfieldwrap {width: 100%;}
	.col-3 {width:100%; margin:25px 0; border-bottom:1px solid #ddd; text-align: center;}
	.col-3 .blk-btn {width:100%; margin:15px 0; background:#ddd; padding:10px 0;}
	.col-3 .blk-btn:hover {width:100%; margin:15px 0; background:#000; padding:10px 0;}
	.flex-video {display: block;}
	.flex-video h3 {width: 90%}
	.flex-video video {width: 100%}
    .loc-stretch {flex-wrap: wrap;}
    .landing-left, .landing-services, .landing-right, .landing-map {width: 100%; margin: 0 auto;}
    .landing-left .white-btn {width: 100%; margin: 3px auto; padding: 15px 0;}
    .landing-left .gray-btn {width: 100%; margin: 3px auto; padding: 15px 0;}
    .loc-services span {width: 100%;}
    .flex-container.flex-testimony {
    gap: 40px;
	}
	
	.emp-img img {
		width: 900px;
	}
}
@media screen and (max-width: 968px) {
	
	.social-icons {
		order: -1;
	}
	
	header#fixed-head {
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}

	.sub-hero {
		padding-top: 7%;
	}
	
	.flex-refuse {
		gap: 20px;
	}
	.road {
    height: 100%;
    margin: 0;
    padding: 25px 0;
}
	
	.contact-text {
    margin-top: 0;
    background: #212121;
    color: #fff;
    padding: 40px 0;
    position: relative;
    margin-top: 0;
}
	.parts-wrap a {flex-basis: 100%;}
}

@media screen and (max-width: 900px) {
	button.orange-btn {padding: 10px !important;font-size: 16px !important;}
	.flyer-wrap {flex-wrap:wrap;}
	.flyer-wrap a {flex-basis: 100%;}
}
@media screen and (max-width: 847px) {
	a.h-links.work-link, a.h-links.location-link, .short-link, a.bottom-link.repair-link {
		flex-basis: 40%;
    flex-grow: 1;
	}
	
	.h-links {
		height: 150px !important;
	}
	
	.short-link {
    display: flex;
    flex-direction: row;
    gap: 15px;
    flex-basis: 60% !important;
		flex-grow: 1;
}
	
	.specials-link .link-content, .fin-link .link-content, .review-link .link-content {
		position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 99999;
    height: auto !important;
		top: unset !important;
	}

	a.bottom-link.repair-link.h-links {
    flex-basis: 30%;flex-grow: 1;
}
	.short-link .h-links {
		height: 150px !important;
	}
	
	.bottom-long-link.specials-link {
    flex-basis: 100%;
    color: #fff;
}
	
	.cat-boxes {
		gap: 20px;
		flex-wrap: wrap;
	}
	
	a.cat {
		flex-basis: 40%;
	}
	
	.cat-content {
		gap: 10px;
	}
	
	.cat-content img {
		width: 90px;
	}
	
	.flex-refuse {
		flex-wrap: wrap;
		gap: 50px;
	} 
	
	.left-body, .right-body{
		flex-basis: 100%;
	}
}



@media only screen and (max-width: 800px) {
	.flex-container.flex-testimony,.mobile-service {flex-wrap: wrap !important;gap: 20px;}
	.long-img,.long-testimony,.mobile-service .half-page {flex-basis: 100% !important;}
	.long-testimony {order: -1;text-align: center;}
			.landing-right {
    display: none !important;
}
	ul.vehicle-types {
    display: flex;
    flex-wrap: wrap;
	}
	ul.vehicle-types li {flex-basis: 33%;text-align: left;}
	.half-pg {text-align: left !important;}
	    .brand {width: 30%;flex: 1;
    }
}

@media only screen and (max-width: 767px) {
	.wtc {width: 100%; padding: 10px 0; text-align: center; border-right:0px !important;}
	.wtc-text {padding-top:15px; padding-left:0;}
	.flex-container {display: block;width: 100%;}
	.left-img {padding:25px 0;} 
	.right-text {padding:25px 0;} 
	.formfield {width: 97%;}
	.col-4 {width:46%; margin-top:0; height: auto;	}
	.col-1-2 img{display: none;}
	.col-1-2 {width: 100%; margin:5px 0; line-height: 22px; padding:5px 0;font-size:18px;}
	.col-1-2 br {display: none;}
	.col-left {width: 98%; }
	.flex-container .left-site {width: 100%; padding:50px 0;}
	.flex-container .left-site h1 {margin-top:25px;}
	.cta-left {width: 100%;}
	.ql {width:29%;}

	.cta-right img {display: none;}
	.parts-4#department, .parts-4#parts-counter,.parts-4#all-makes,	.parts-4#specials {width: 100%; height: auto; padding:50px 0; }
	.parts-4#service-request, .parts-4#service-specials, .parts-4#mechanics {width: 100%; height: auto; padding:50px 0;}
	.team {width:95%; margin:3px 0;}
	.img-bg {background-attachment: inherit}
	.special div {width:40%}
	
	.mailing-list-mobile {display: block;}
	.mailing-list-mobile img{max-width:100%;width:100%;}
	.hero-slider .slide .link-text {width: 100%; text-align: center; padding: 10px 0;}
	.hero-slider .slide .button-link a {max-width: 600px; width: 100%;}
	.location-wrap{flex-wrap: wrap;}
	.half-page {
		flex-basis: 100%;
	}	
	
	.location-wrap{gap: 30px;}
	
	.career-wrap img {
		display:none;
	}
	.career-wrap {
		gap: 0 !important;
	}
	
	.model-bar {flex-wrap:wrap;}
	.model-bar .electric-btn {flex-basis: 45%; flex-grow: 1;}
	.text-us-banner h2 {font-size: 32px;}
	.text-us-banner h3 {font-size: 20px;}
}


@media only screen and (max-width: 700px) {
	#logo {width: 100%;margin:0 auto; float: none; text-align: center;padding: 5px 0;}
	#logo img {max-width: 300px; text-align: center; margin: 0 auto;}
	.header-right {text-align: center; margin: 0 auto;padding: 5px 0; height: auto;}
	.top {width: 100%;}
	.header-right-opacity {height: auto;}
	.top .socials {float: none; margin: 0 auto;}
		.header-right-opacity {width: 100%; text-align: center; margin: 0 auto;}
	#app {text-align: center !important; float: none; margin-right: none;}
	
	.field, .field-half, .field-third, form h3 {width:95%;}
	textarea {width: 97.5%;}
	
	.specials-link .link-content {
		flex-wrap: wrap;
		gap: 10px;
	}
	
	.contact-fin {flex-wrap:wrap;}
	.mobilecheck.fincontact {flex-basis: 100%;padding: 15px;}
	
	.h-links,.specials-link,.short-link .h-links {
    height: 100px !important;
}
	.truck-specials-wrap h2 {font-size: 28px;line-height: 1.25;}
	.bottom-long-link.specials-link h2, .link-content h2 {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 26px;
}
	
	.bottom-long-link.specials-link,a.bottom-link.repair-link {
    flex-basis: 48% !important;
    color: #fff;
}
	
	.short-link,.link-content span {
		flex-basis: 100% !important;
	}
	
	.h-links {
    padding: 30px 0;
}
	
	.link-content .red-buttons{
		font-size: 16px !important;
	}
	.mobile-banner {display:block;}
	.desktop-banner {display:none;}
}


@media only screen and (max-width: 649px) {
	.checklist.grid-container {grid-template-columns: repeat(1, 1fr);}
	a.service-link.link-3 {
    order: 3;
}
	.col-1-3 .blue-btn {margin: 0 auto !important;}
	a.service-link.plink3 {
    order: 3;
}
	.button-wrap {
		flex-wrap: wrap;
	}
	
	.button-wrap a {
    flex-basis: 100%;
}
	
	.grid-container {
    grid-template-columns: repeat(1, 1fr);
}

}


@media screen and (max-width: 600px) {

	.button-wrap1 {
		flex-wrap:wrap;
	}
	
	.button-wrap1 a {
		flex-basis: 100%;
	}
	
		.special-slide button {    height: 30px;
    font-size: 14px;
    width: 30px;}
	ul.vehicle-types li {flex-basis: 45%;}
}

@media only screen and (max-width: 590px) {
/*	.parts-banner {padding-bottom: 55px;}*/
	    .parts-banner .button-wrap {
        width: 100% !important;
        gap: 5px;
    }
	
	.parts-banner .button-wrap a {border: 1px solid #eee;}

.logo {
		flex-basis: 100%;
	}
	
	.right-side {
		justify-content: space-between !important;
	}
	
	.main-header {
		flex-wrap: wrap;
	}
	
	.hero-home {
		margin-top: 25%;
	}
	
	.sub-hero {
    padding-top: 27%;
}
	
	 .flex-container.flex-testimony {
    flex-wrap: wrap;
		 gap: 20px;
	}
	.emp-img,.emp-testimony {
		flex-basis: 100%;
		text-align: center;
	}
	.emp-img img {
		width: 200px;
		
	}
	
	.last-test .emp-img {
		order: -1;
	}
	
	.loc-landing .service-logo {position: unset;text-align: center;background: #222;padding: 10px 0;}
	.flex-parts-request a,.parts-btn {flex-basis:100%;}
	.special div {width:100%;margin: 15px 0;}
}

@media only screen and (max-width: 500px) {
	
	.hero {background-attachment: inherit}

	.col-1-3 {margin: 0 auto;}
	.col-left {width: 100%; height: auto; padding:15px 0; text-align: center;}	
	.col-right {width: 100%; height: auto; padding:15px 0; text-align: center;}
	.job-2 a .red-btn-no-float {margin: 5px 0; width: 100%; margin: 0 auto; padding:10px 0;}
	.red-btn-no-float {margin:5px 0;}
	.ql {width:46%;margin:25px 1%;}
	.models {width:36%;}
	.right-text .width p {text-align: left;}
	.cta-btm h2 {font-size: 18px;}
	.cta-btm h1 {font-size:  24px; line-height: 28px;}
	.map h3 {display: none;}
	.wtc img {max-width: 200px; width: 100%;}
	.formfield {flex-basis:100% !important;}
	
	a.h-links.work-link, a.h-links.location-link, .short-link, a.bottom-link.repair-link,.short-link .h-links,.bottom-long-link.specials-link, a.bottom-link.repair-link {
		flex-basis: 100% !important;
	}
	
	.short-link, .link-content span{
		flex-wrap: wrap;
	}
	
	.life-img h2 {
		width: 90%;
		margin: 0 auto 15px;
	}
	
	.model-bar {
    flex-wrap: wrap;
    gap: 20px;
}
	.model-bar .electric-btn {flex-basis: 100%; flex-grow: 1;}
	.electric-btn {
    padding: 10px 0;
    flex-basis: 100%;
    max-width: 100%;
}
	.service-logo img {
    max-width: 100%;
    width: 110px;
}
	.service-logo {
    position: unset;
    padding-top: 15px;
}
	.brand {width: 45%;flex: 1;
    }
}

@media only screen and (max-width: 500px) {
	.road {
    min-height: 120px;
}
	.white-bg h1 {font-size: 32px;}
	.electric-wrap h2, .electric-cta h2 {font-size: 22px;}
	.model-title h3 {font-size: 24px;}
	.footer .col-4 {width: 100%;}
	.text-us-banner h2 {font-size: 28px;}
	.text-us-banner h3 {font-size: 18px !important;}
	.text-us-banner h2 a {display: block;}

}
@media only screen and (max-width: 400px) {
	button.next-special,button.back-special {display: none !important;}
	.winterspecials img {margin: 0 auto;width: 100%;}
	.flex-specials {gap: 20px;}
	    .parts-banner {
        padding-bottom: 0;
    }
	.parts-banner .button-wrap {flex-wrap:wrap !important;position: unset;
        transform: unset;}
	.vehicle-types {display: block !important;}
	.vehicle-types li {margin: 15px 0;}
	.vehicle-card {width: 100%; box-sizing: border-box;}
	.brand {width: 100%;flex: 1;
    }
	
}