/***** 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;	
}

ol, ul {
	list-style: none;
}

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 --------

*/

/***** 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 {}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}
hr{border:#000 1px solid;}


/*--- HEADER STYLES ---------------------*/

.header{width:100%;border-bottom: 3px solid #9A2B26;box-sizing: content-box!important;}
.header-inner{max-width:1300px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:40px;}
.logo img{height:110px;width:auto;display:block;padding: 10px 0;}
.social-media-header {padding-top: 50px;}
.social-media-header a {font-size: 26px; color: #9b2422;}


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

.hero-slider{position:relative;width:100%;height:720px;overflow:hidden;background:rgba(0,0,0,0.3);}
.hero-slider .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease;}
.hero-slider .slide.active{opacity:1;z-index:2;}

.hero-slider .slide1{background-image:url("../siteart/MS-blue-truckbody.webp");}
.hero-slider .slide2{background-image:url("../siteart/MS-red-trailer.webp");}
.hero-slider .slide3{background-image:url("../siteart/MS-whitecab.webp");}
.hero-slider .slide4{background-image:url("../siteart/MS-ourteam.webp");}

.slide-content{position:absolute;left: 0;top: 50%;transform:translateY(-50%);width: 100%;z-index:3;}
.slide-content::before{content:"";position:absolute;top:-35px;left:0;width:100%;height:400px;background:rgba(255,255,255,0.3);z-index:-1;}
.slide-content::after{content:"";position:absolute;top:150px;left:0;width:100%;height:350px;background:rgba(255,255,255,0.55);z-index:-1;}
.slide-content h2{font-family:'Urbanist', sans-serif;font-size:72px;line-height:1.15;font-weight:700;color:#222;margin-bottom:35px;}
.content-inner{max-width:1400px;margin:0 auto;padding:0 120px;display:flex;align-items:flex-start;flex-direction: column;}

.hero-logo{display:flex;flex-direction:column;line-height:0.9;margin-bottom:25px;position: relative; z-index: 2;}
.hero-logo h1{margin:0;padding:0;font-family:'Poppins', sans-serif;font-weight:800;}
.hero-logo .top{font-size:220px;color:#9b2422;margin: 0;font-weight: 800;font-family: 'Urbanist', sans-serif;text-shadow:0 2px 4px rgba(0,0,0,0.15);-webkit-text-stroke:2px #ffffff;}
.hero-logo .bottom{font-size:220px;color:#000;margin-left:245px;margin-top: -90px;-webkit-text-stroke:2px #ffffff;font-family: 'Urbanist', sans-serif;}
.hero-logo span {font-size:220px;color:#000;-webkit-text-stroke:2px #ffffff;font-family: 'Urbanist', sans-serif;}
.hero-bottom{display:flex;align-items:center;width: 100%;}

.hero-btn{display:inline-block;padding:15px 40px;background:#9b2422;color:#fff;font-size:32px;font-weight:500;text-decoration:none;border-radius:10px;transition:0.3s ease;margin-left: auto;border: 2px solid #fff;font-family: 'Roboto', sans-serif}
.hero-btn:hover{background:#fff;border: 2px solid #9b2422;color: #9b2422;}

/*--------ABOUT SECTION STYLES--------------------*/

.about-section { width:100%;padding:90px 20px 110px;box-sizing: border-box;}
.about-inner{ max-width:1100px;margin:0 auto;text-align:center;}
.about-inner h2{ margin:0;font-size:60px;font-weight:700;line-height:1.1;color:#7b7b7b;font-family:'Urbanist', sans-serif;}
.title-shadow{width:400px;height:24px;margin:8px auto 35px;background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.12) 45%,rgba(0,0,0,0) 80%);
	filter:blur(3px);}
.about-inner p{max-width:1200px;margin:0 auto;font-size:20px;line-height:1.7;font-weight:400;color:#333;font-family:'Roboto', sans-serif;}

/*--------DISTRIBUTORS SECTION STYLES--------------------*/

.brands {width:100%;background:#F6F6F6;padding:60px 20px;box-sizing:border-box;}
.brands-inner{max-width:1700px;margin:0 auto;text-align:center;}
.brands h2{margin:0 0 30px;font-family:'Urbanist', sans-serif;font-size:30px;font-weight:700;color:#000;}
.brand-logos{display:grid;grid-template-columns:repeat(6, 1fr);gap:30px;align-items:center;}
.brand-logos img{width:100%;height:90px;padding: 10px;object-fit:contain;display:block}

/*--------SERVICE SECTION STYLES--------------------*/

.service {width:100%;background:#fff;padding:60px 20px;box-sizing:border-box;}
.service-inner{max-width:1200px;margin:0 auto;text-align:center;}
.service-inner h2{ margin:0;font-size:50px;font-weight:700;line-height:1.1;color:#7b7b7b;font-family:'Urbanist', sans-serif;}
.title-shadow{width:400px;height:24px;margin:8px auto 35px;background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.12) 45%,rgba(0,0,0,0) 80%);
	filter:blur(3px);}
.service-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px;}
.service-card{display:flex;flex-direction:column;}
.service-card h3 {margin:0 0 18px;font-family:'Urbanist', sans-serif;font-size:30px;font-weight:800;color:#000;text-align: left;}
.service-card img{width:100%;height:200px;object-fit:cover;margin-bottom:20px;}
.service-card p{margin:0 0 30px;font-family:'Roboto', sans-serif;font-size:20px;line-height:1.6;color:#232323;text-align: left;}
.service-btn{display:inline-flex;align-items:center;justify-content:center;width:180px;height:55px;border:4px solid #808080;border-radius:14px;font-family:'Urbanist', sans-serif;font-size:24px;font-weight:700;color:#808080;text-decoration:none;transition:0.3s ease;}
.service-btn:hover{background:#808080;color:#fff;}

/*--------INVENTORY PAGE STYLES--------------------*/
.inventory-section {width: 100%;padding: 40px 20px;box-sizing: border-box;}
.inventory-section h1 {margin: 0 0 60px;line-height: 1;}
.inventory-inner {max-width: 1200px;margin: 0 auto;}
.bottom-title {display: block;font-size: 55px;font-family: 'Roboto', sans-serif;font-weight: 700;color: #a11d16;text-transform: uppercase;margin: 5px 0 0 50px;}
.inventory-grid {display: flex;justify-content: space-between;align-items: flex-start;gap: 5px;flex-wrap: wrap;}
.inventory-item {flex: 1;min-width: 180px;text-align: center;text-decoration: none;transition: transform 0.3s ease;}
.inventory-item:hover img {opacity: 1;}
.inventory-item img {width: 100%;max-width: 250px;height: auto;display: block;margin: 0 auto 20px;}
.inventory-item span {display: block;font-size: 26px;font-family: 'Barlow', sans-serif;color: #6f7782;}
.inventory-item:hover span {color: #9b2422;}

/*--------SUPPORT PAGE STYLES--------------------*/

.support-section {width: 100%;padding: 40px 20px;box-sizing: border-box;}
.support-section h1 {margin: 0 0 60px;line-height: 1;}
.support-inner {max-width: 1100px;margin: 0 auto;}
.support-inner p {font-family:'Urbanist', sans-serif; font-size: 28px;margin-bottom: 3rem; }
.support-inner img {box-shadow: 0 20px 60px rgba(0,0,0,0.5);margin-bottom: 3rem;width:100%; max-width: 1000px;height: 100%; display: block;}

/*--------CONTACT PAGE STYLES--------------------*/

.contactus-section {width: 100%;padding: 40px 20px;box-sizing: border-box;;margin: 0 auto; max-width: 1100px;}
.contactus-section h1 {margin: 0 0 60px;line-height: 1;}
.contactus-inner h3 {margin:10px 0 35px;font-size:40px;font-weight:700;font-family:'Urbanist', sans-serif;color:#9b2422;text-align: left;}
.contactpage-links {display:flex;flex-direction:column;align-items:flex-start;gap:15px;;margin-bottom: 3rem;}
.contactpage-links a {display:flex;align-items:center;gap:15px;text-decoration:none;font-family:'Urbanist', sans-serif;font-size:28px;font-weight:400;color:#111;transition:0.3s ease}
.contact-us:hover {color:#9b2422;}
.contact-map-two{width:100%;height:350px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.12); margin-bottom: 3rem;}
.contact-map-two iframe{width:100%;height:100%;display:block;}

.background{background: #F6F6F6;}
.team-section {padding:70px 20px;text-align:center;background: #F6F6F6;max-width: 1100px;margin: 0 auto;}
.team-section h3 {margin:10px 0 15px;font-size:40px;font-weight:700;font-family:'Urbanist', sans-serif;color:#9b2422;text-align: left;}
.team-section p {font-family:'Urbanist', sans-serif;font-size:28px;font-weight:400;color:#111;text-align: left;margin-bottom: 3rem;}
.team-grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:80px 120px;max-width:1100px;margin:0 auto;}
.team-card {display:flex;flex-direction:column;align-items:center;}
.polaroid {padding:12px 12px 20px;}
.polaroid img {width:170px;height:170px;object-fit:cover;display:block;}
.team-card h3 {margin:0 0 10px;font-size:22px;color:#9b2422;font-family:'roboto', sans-serif;}
.team-card p {margin:0 0 12px;font-size:18px;color:#111;font-family:'Roboto', sans-serif;}
.team-card a {display:block;color:#9b2422;text-decoration:none;font-size:16px;margin-bottom:6px;font-family:'Roboto', sans-serif;}
.team-card span {color:#000;}
.team-card a:hover {text-decoration:underline;}

.form {margin: 3rem;background: #fff;}

.career-section {background:#F6F6F6;padding:80px 20px;}
.career-container {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 0.8fr;gap:60px;align-items:center;}
.career-content h3 {font-size:40px;line-height:1.1;margin-bottom:28px;color:#982420;font-family:'Urbanist', sans-serif;font-weight:700;}
.career-content p {font-size:24px;color:#111;margin-bottom:35px;font-family:'Roboto', sans-serif;max-width:1100px;}
.career-cta {margin-top:30px;font-size:24px;line-height:1.5;font-weight:700;color:#982420;font-family:'Roboto', sans-serif;}
.career-cta a {color:#982420;}
.career-image img {width:100%;display:block;box-shadow:0 12px 30px rgba(0,0,0,0.3);}

/*--------RENTAL PAGE STYLES--------------------*/

.rental-section {width: 100%;max-width: 1100px;margin: 0 auto;padding: 40px 20px;box-sizing: border-box;}
.rental-header {margin-bottom: 40px;}
.rental-title {margin: 0;line-height: 1;}
.rental-content {display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.rental-inner {flex: 1;}
.rental-inner p {font-size:26px;color:#111;margin-bottom:35px;font-family:'Roboto', sans-serif;}
.rental-img img {max-width: 320px;width: 100%;height: auto;display: block;}

.rental-image-large {max-width: 1100px; height: 600px; display: block;margin: 3rem auto;}

/*--------WHO ARE WE PAGE STYLES--------------------*/

.ourteam-section {width: 100%;padding: 40px 20px;box-sizing: border-box;}
.ourteam-section h2 {margin: 0 0 60px;line-height: 1;}
.team-inner {max-width: 1100px;margin: 0 auto;}
.top-title {display: block;font-size: 55px;font-family: 'Roboto', sans-serif;font-weight: 700;color: #777;text-transform: uppercase;}
.team-inner p {font-family:'Urbanist', sans-serif; font-size: 28px;margin-bottom: 3rem; }

.service-section { max-width: 1100px;margin: 0 auto;background: #fff;}
.service-highlight {background: #f3f3f3;}
.service-box {padding: 40px 30px;box-sizing: border-box;}
.service-top {display: flex;align-items: center;gap: 25px;margin-bottom: 25px;}
.service-title {background: #9f241f;color: #fff;font-family: 'Barlow', sans-serif;font-size: 24px;font-weight: 700;padding: 10px 40px;border-radius: 12px;min-width: 250px;text-align: center;box-sizing: border-box;}
.service-img {display: flex;align-items: center;justify-content: center;}
.service-img img {width: 55px;height: auto;display: block;}
.service-box p {max-width: 900px;font-family: 'Urbanist', sans-serif;font-size: 20px;font-weight: 600;color: #000;}

/*--------THANKYOU PAGE STYLES--------------------*/

.thankyou-section {width: 100%;padding: 40px 20px;box-sizing: border-box;}
.thankyou-section h1 {margin: 0 0 60px;line-height: 1;}
.thankyou-inner {max-width: 1100px;margin: 0 auto;}
.thankyou-inner p {font-family:'Urbanist', sans-serif; font-size: 28px;margin-bottom: 3rem; }

/*--------FOOTER STYLES--------------------*/

.footer {background: #f5f5f5;width: 100%;}
.footer-container {max-width: 1500px;margin: 0 auto;padding: 3rem 2rem;display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 2rem;align-items: center;}
.logo-column {text-align: right; align-self: center;}
.logo-column img {max-height: 120px;}
.footer-logo {max-width: 180px;height: auto;}
.contact-item a{display:flex;align-items:center;gap:18px;font-family:'Roboto', sans-serif;font-size:20px;font-weight:700;color:#111;line-height:1.5;padding-bottom: 10px;}
.contact-item a:hover {color: #9b2422}
.contact-item i{width:42px;height:42px;border-radius:50%;background:#9b2422;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
 
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.faceted-search-content .selected-facets-container .selected-facet, .list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text {
	font-family:'Roboto', sans-serif!important;
	color: #fff!important;
	background: #9b2422 !important}

.list-top-section .list-heading,.faceted-search-content, .list-redesign .price-contain, .list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .list-listing-title .listing-title, .list-redesign .specs-container, .list-redesign .contact-container, .lds-label, .detail__specs, .detail__heading, .multiservicesnceuhdev-w4b0yk {
	font-family:'Roboto', sans-serif;}

.lds-ring, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {color: #9b2422!important;}

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

@media screen and (max-width:1600px){
	.hero-logo .top,.hero-logo .bottom,.hero-logo span{font-size:180px;}
	.hero-logo .bottom{margin-left:200px;}
	.slide-content h2{font-size:58px;}
	.hero-btn{font-size:28px;}
}

@media screen and (max-width:1200px){
	.logo img {height: 85px}
	.hero-slider{height:600px;}
	.content-inner{padding:0 60px;}
	.hero-logo .top,.hero-logo .bottom,.hero-logo span{font-size:140px;}
	.hero-logo .bottom{margin-left:150px;margin-top:-55px;}
	.slide-content h2{font-size:46px;}
	.hero-btn{font-size:24px;padding:14px 30px;}
	.slide-content::before{height:300px;}
	.slide-content::after{height:190px;}
	.service-grid{grid-template-columns:repeat(2, 1fr);gap:40px;}
	.service-inner h2{font-size:52px;}
	.service-card h3{font-size:28px;}
	.service-card p{font-size:18px;}
	.service-card img{height:220px;}
	.service-btn{width:190px;height:60px;font-size:20px;}

}

@media screen and (max-width:1100px){
	.brand-logos{grid-template-columns:repeat(3, 1fr);gap:40px;}
	.logo-box{height:100px;}
	.brand-logos img{height:75px;}
	.career-container {grid-template-columns:1fr;}
	.career-image {max-width:500px;margin:0 auto;}
	.career-content p {font-size:20px;}
	.career-cta {font-size:28px;}
	.footer-container {grid-template-columns: 1fr 1fr;gap: 2rem;text-align: center;}
    .logo-column {text-align: center;grid-column: span 2;}
    .logo-column img { max-height: 100px;}
    .contact-item a {font-size: 18px;justify-content: center;}
    .contact-item i {width: 38px;height: 38px;font-size: 18px;}
}

@media screen and (max-width:900px){
	.hero-slider{height:520px;}
	.content-inner{padding:0 40px;}
	.hero-logo .top,.hero-logo .bottom,.hero-logo span{font-size:100px;-webkit-text-stroke:1px #fff;}
	.hero-logo .bottom{margin-left:100px;margin-top:-40px;}
	.slide-content h2{font-size:34px;margin-bottom:25px;}
	.hero-bottom{flex-direction:column;align-items:flex-start;}
	.hero-btn{margin-left:0;font-size:20px;padding:12px 24px;}
	.slide-content::before{top:-10px;height:220px;}
	.slide-content::after{top:120px;height:240px;}
	.brands{padding:50px 20px;}
	.brands h2{font-size:38px;margin-bottom:35px;}
	.brand-logos{grid-template-columns:repeat(2, 1fr);gap:30px;}
	.logo-box{height:90px;}
	.brand-logos img{height:65px;}
	.service{padding:60px 20px;}
	.service-inner h2{font-size:42px;}
	.title-shadow{width:240px;height:18px;margin-bottom:40px;}
	.service-grid{grid-template-columns:1fr;gap:50px;}
	.service-card{max-width:650px;margin:0 auto;}
	.service-card h3{font-size:24px;}
	.service-card p{font-size:17px;line-height:1.6;}
	.service-card img{height:260px;}
	.service-btn{width:180px;height:56px;font-size:18px;border-width:3px;}
	.top-title,.bottom-title {font-size: 52px;}
	.inventory-grid {justify-content: center;gap: 50px;}
	.inventory-item {flex: 0 0 calc(50% - 50px);}
	.service-box {padding: 35px 25px;}
	.service-title {font-size: 22px;min-width: 220px;padding: 14px 30px;}
	.service-icon {font-size: 48px;}
	.service-box p {font-size: 18px;}
}

@media screen and (max-width:800px){
	.team-grid {grid-template-columns:1fr;gap:60px;}
	.team-section h3 {font-size:40px;}
	.team-subtitle {font-size:24px;}
	.polaroid img {width:140px;height:140px;}
	.team-card h3 {font-size:24px;}
	.team-card p,.team-card a {font-size:18px;}
	.career-section {padding:60px 20px;}
	.career-content h3 {font-size:40px}
	.career-content p {font-size:18px;}
	.career-cta {font-size:22px;}
	.contact-inner {text-align: center;}
	.contact-columns {padding: 0;}
	.footer-container {grid-template-columns: 1fr;padding: 2rem 1.5rem;gap: 1.5rem;text-align: center;}
    .logo-column {text-align: center;grid-column: auto;}
    .footer-logo {max-width: 150px;}
    .logo-column img {max-height: 90px;}
    .contact-item a {font-size: 16px;gap: 12px;justify-content: center;}
    .contact-item i {width: 34px;height: 34px;font-size: 16px;}
}

@media screen and (max-width:600px){
	.logo img {height: 45px}
	.hero-slider{height:380px;}
	.content-inner{padding:0 20px;}
	.hero-logo{line-height:0.95;}
	.hero-logo .top,.hero-logo .bottom,.hero-logo span{font-size:64px;-webkit-text-stroke:1px #fff;}
	.hero-logo .bottom{margin-left:55px;margin-top:-20px;}
	.slide-content h2{font-size:24px;line-height:1.3;margin-bottom:20px;}
	.hero-btn{font-size:16px;padding:10px 18px;border-radius:6px;}
	.slide-content::before{top:-5px;height:150px;}
	.slide-content::after{top:85px;height:190px;}
	.brands{padding:40px 15px;}
	.brands h2{font-size:30px;margin-bottom:25px;}
	.brand-logos{grid-template-columns:1fr;gap:20px;}
	.logo-box{height:80px;}
	.brand-logos img{height:55px;}
	.about-inner h2 {font-size: 45px;}
	.about-inner p {font-size: 16px;}
	.title-shadow {width: 200px;}
	.service-inner h2 {font-size: 45px;}
	.inventory-section {padding: 60px 20px;}
	.top-title,.bottom-title {font-size: 38px;text-align: center;}
	.inventory-section h2 {margin-bottom: 40px;}
	.inventory-grid {align-items: center;gap: 10px;}
	.inventory-item {width: 100%;max-width: 200px;}
	.inventory-item span {font-size: 22px;}
	.bottom-title {margin: 5px 0 0 0;}
	.service-top {flex-direction: column;align-items: flex-start;gap: 20px;}
	.service-title {width: 100%;min-width: unset;font-size: 20px;padding: 14px 20px;}
	.service-icon img {width: 42px;}
	.service-box p {font-size: 17px;line-height: 1.5;}
	.service-img img {display:none;}
}

@media screen and (max-width:480px){
	.hero-slider{height:350px;}
	.hero-logo .top,.hero-logo .bottom,.hero-logo span{font-size:48px;}
	.hero-logo .bottom{margin-left:40px;margin-top:-15px;}
	.slide-content h2{font-size:18px;}
	.hero-btn{font-size:14px;padding:8px 14px;}
	.slide-content::before{height:120px;}
	.slide-content::after{top:70px;height:140px;}
	.service{padding:50px 15px;}
	.title-shadow{width:180px;height:14px;margin-bottom:30px;}
	.service-grid{gap:40px;}
	.service-card h3{font-size:22px;}
	.service-card p{font-size:16px;line-height:1.5;}
	.service-card img{height:220px;}
	.service-btn{width:160px;height:50px;font-size:16px;border-radius:10px;margin-bottom: 2rem;}
	.footer-container {padding: 1.5rem 1rem;}
    .footer-logo {max-width: 130px;}
    .logo-column img {max-height: 70px;}
    .contact-item a {font-size: 14px;gap: 10px;}
    .contact-item i {width: 30px;height: 30px;font-size: 14px;}
}