/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/webfonts/fa-brands-400.woff2");
@import url("https://media.sandhills.com/CDN/CSS/Font-Awesome/7.0.0/css/all.min.css");
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 --------

*/

button,a {cursor:pointer;}

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

h1,h2,h3,h4,h5,h6,.small-title {  font-family: "Catamaran", sans-serif;text-transform:uppercase;}
.small-title {font-weight: 700;color: #F22735;font-size: clamp(1.125rem, 1.0353rem + 0.4487vw, 1.5625rem);}
.line hr{border: none;height: 7px;background-color:#F22735 !important;}
h1 {font-size: clamp(1.875rem, 1.609rem + 1.3298vw, 3.4375rem);}
.image-message {margin-bottom:20px;margin-top:30px;font-weight:700;font-size:18px;}
p {line-height:1.6;}
/*-------- BODY STYLES --------*/

body {
  font-family: "Roboto", sans-serif;
   box-sizing:border-box;
	line-height:1.5;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

.flex {display:flex;}

hr{border:#000 1px solid;}


a.long-button button { width: 90% !important;margin: 0 auto;display: flex;justify-content: center;max-width: 90%;}
a.long-button {padding-bottom: 30px;}
/*--- HEADER STYLES ---------------------*/
header {}


/*---BUTTONS-------------------------------*/
a.red-button button {background:#CF2B36;color: #fff;border: unset;padding: 20px 2%;width: 100%;max-width: 340px;font-size: 17px;font-weight: 700;text-transform: uppercase;transition:.3s;}

a.red-button button:hover,.long-button button:hover {background:#000;color:#fff;}

.long-button button {background:#F22735;border:unset;padding:30px 0;font-size: clamp(1rem, 0.9574rem + 0.2128vw, 1.25rem);color:#fff;font-weight:700;text-transform:uppercase;transition:.3s;}

.buttons-flex {display: flex;flex-direction: column;gap: 14px;width: 100%;}
a.red-button.long button {max-width: 80%;text-align: left;padding: 20px 30px;text-transform:18px;}
.button {margin-top: 60px;}
/*---SWIFT SLIDER-------------------------------*/
.swiper {
  width:100%;
  height: 47vw;
}
.swiper img{
width: 100%;
}

.swiper-scrollbar {display: none;}
/*---BODY--------------------------------*/

.floating-background {background: #fff;width: 94%;margin: 0 auto -160px;box-shadow: 0px 10px 10px #0003;position: relative;z-index: 1;top: -7vw;}
.floating-background.main {background: #fff;width: 94%;margin: 0 auto -160px;box-shadow:unset;position: relative;z-index: 1;top: 0;}


/*---SECTION STYLES--------------------------------*/
section#two-section {border: #F22735 solid 5px;width: 90%;position: relative;margin: 80px auto 140px;}

section#single-section {display: flex;flex-direction: column;align-items: center;text-align: center;width: 90%;margin: 0 auto;padding: 40px 0 60px;}
.service-flex,.service-check {display: flex;}
.service-flex {align-items: center;flex-direction: column;}
.service-check {padding-top: 40px;gap: 20px;align-items: center;}

.service-flex i {font-size:30px;}
.service-flex p {text-align:left !important;}

#two-section .wrapper.flex {width: 90%;margin: 0 auto;align-items: center;height: 31vw;}

.sec-1.about.normal {width: 63%;}
.sec-1 {width: 42%;}
.sec-content p{padding-bottom:20px;}
.sec-2 {position: absolute;right: -6%;width: 59%;}
.sec-2.about.normal {position: relative;right: -9%;width: 57%;}
.sec-2.about.normal img {width:100%;max-width:87%;}
.sec-2 img {width: 100%;max-width: 44%;}
.sec-2.background img {width:unset;max-width:unset;}
.sec-2.background {background:#CF2B36;width: 30%;}
.sec-1.sub-page {    justify-content: center;}
section#single-section.subpage {padding: 80px 0;}
#two-section .sec-2.background .wrapper.flex{justify-content: center;}
#two-section.section-with-form .wrapper.flex {height:unset;padding: 3% 0;}
#two-section.section-with-form .sec-1{width: 51%;}
#two-section.section-with-form .sec-1 .sec-heading {padding-bottom: 30px;}
section#single-section.main {padding: 40px 0 151px;}

.gray-background {background: #EBEBEB;width: 100%;height: 41%;position: absolute;bottom: 260px;bottom: 12vw;}
.content-wrap {width: 100%;}
.line {width: 50vw;}
/*---ACCORDION STYLES---------------*/

.collapsible {
  background-color: #fff;
  color: #CF2B36;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-transform:uppercase;
  text-align: center;
  outline: none;
  margin-top: 34px;
  font-size: 18px;
  font-family: "Catamaran", sans-serif;
  font-weight:800;
}


.collapsible.active:active .main-body.sub-page .floating-background {padding: 50px 0;margin: 13% auto;}

.content {
  display: none;
  overflow: hidden;
  background-color: transparent;
}

.main-body.sub-page .floating-background {padding: 130px 0;}

/* Class added by JavaScript on click */
.floating-background.padding {
   height:100%; transition:unset;
}

.floating-background.padding section#two-section {
    padding: 7% 0; /* Increase padding when open */transition:unset;
}
/*---ANIMATION STYLES---------------*/

.fadein {
  opacity: 0;
  transition: all 1.5s;
  transform: translate(0, 100px);
}

.fadein.visible {
  opacity: 1;
  transform: translate(0, 0);
}


/*---SERVICE STYLES---------------*/
.service-flex i{color:#F22735;}
#single-section .wrapper{width:70%;}
.sub-page.wrapper {margin-bottom: 40px;}
#single-section  .buttons {padding: 30px 0;width: 100%;}
a.red-button.single button {max-width: 580px;}
section#single-section.sub-page {padding: 70px 0 60px;}

	.service-check {padding-top: 40px;padding-bottom: 40px;gap: 10px;align-items: center;flex-direction: column;text-align: center;}
#single-section .wrapper {width:90%;}

.service-flex {align-items: center;flex-direction: row;gap: 40px;width: 90%;justify-content: center;margin: 0 auto;}
.service-flex .collapsible {
	 background-color: #fff;
	box-shadow: 0 0 9px #0003;
	color: #000;
	cursor: pointer;
	padding: 18px 10px;
	width: 100%;
	border: none;
	display: flex;
	outline: none;
	font-size: 16px;
	align-items: center;
	justify-content: center;
	gap: 3%;
	transition:.3s;
}

.service-flex .active, .service-flex .collapsible:hover, .service-flex .active, .service-flex .collapsible:active, .service-flex .active, .service-flex .collapsible:focus {
  background-color: #f22735;
	  color:#fff;
}

.service-flex .active, .service-flex .collapsible:hover i,.service-flex .active, .service-flex .collapsible:active i,.service-flex .active, .service-flex .collapsible:focus i {color:#fff;}

.service-flex .content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #fff;
  box-shadow:0 0 9px #0003;
  height: 180px;
}

.collapse-flex {width: 100%;}
/*---SUB PAGES STYLES---------------*/
.red-header {padding: 4% 0 10%;background:#CF2B36;}
.red-header h1{color:#fff;text-align:center;font-size: clamp(1.875rem, 1.6622rem + 1.0638vw, 3.125rem);}	
.main-body.sub-page .floating-background{padding: 50px 0;}

/*---INVENTORY SECTION--------------------------------*/
section#inventory-sec {padding: 60px 0 6%;}
.inventory-title a button {width:90%;}
.inventory-buttons {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}
#inventory-sec .wrapper.flex{flex-direction: column;}
.inventory-title {display: flex;justify-content: center;text-align: center;align-items: center;gap: 40px;width: 90%;line-height: 1.1;margin: 0 auto;padding-bottom: 30px;}

.inventory-title.trucking .line {width: 100%;}

.inv-cat {position:relative;overflow:hidden;line-height: 0;}
.overlay {position: absolute;width: 100%;height: 100%;background: #0007;line-height: 0;color: #fff;display: flex;align-items: end;z-index:100 !important;}
.overlay p {font-size: 25px;line-height: .9;text-transform:uppercase;transition:.3s;}
.inv-cat img {width: calc(810px - 100%);width:100%;transition:.3s;}

.inv-cat i {transition:.3s;}

.sec-heading {line-height: 1;width: 100%;}
.sec-heading h2 {font-size: clamp(1.1875rem, 0.9109rem + 1.383vw, 2.8125rem);margin-bottom: 13px;}
.overlay-content {padding-left: 30px;
    padding-bottom: 30px;}

span.large-text {text-transform:uppercase;font-weight:800;}
.red-line {border-left: #F22735 6px solid;padding-left: 10px;}
span.small-text {font-size:16px;font-weight:600;}
.inv-cat:hover img {transform:scale(1.1);z-index:-1}
.inv-cat:hover i {margin-left: 10px;}

/*--------FORM STYLES--------------------*/
div#formpage {display: flex;flex-direction: column;justify-content: space-between;height: 100%;gap: 12px;}
.sec-2.background form {width: 90%;color:#fff;font-weight:600;height: 68%;text-transform:uppercase;}
.formfield {width: 100%;display: flex;flex-direction: column;gap: 7px;}
.sec-2.background form input {width: 100%;padding:15px 10px;border:unset;margin-top:unset;box-sizing:border-box;}
.sec-2.background form textarea {width: 100%;padding:15px 10px;border:unset;box-sizing: border-box;}
.sec-2.background textarea {height:100px;}
.sec-2.background {width: 35%;right: 3%;}
textarea {font-family: "Roboto", sans-serif;}
/*-------- FOOTER STYLES ----------------*/
footer{position: relative;z-index: 300;}
.footer .wrapper.flex {display: flex;flex-direction: column;align-items: center;}
.footer-links ul {display: flex;text-transform:uppercase;justify-content: space-between;}
.footer-links ul li a{color:#000;font-size:20px;font-weight:600;transition:.3s}
.footer-links ul li a:hover{color:#CF2B36;}
.footer-bottom {display: flex;justify-content: center;padding: 20px 0 0;}

.footer {padding: 1vw 0;}
.footer-categories {width: 60%;}
.footer-links {padding: 30px 0 18px;border-bottom: solid #F22735 3px;}

.icons i {color:#F22735; font-size:25px;transition:.3s;}
.icons i:hover {color:#000;}
.icons {display:flex; gap:10px;}

.copyright {font-family: "Catamaran", sans-serif;text-transform:uppercase;font-weight:700;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.ground-bcrumbs {padding-top: 30px;}
.faceted-search-content .selected-facets-container .selected-facet,.list-content .list-error-container .info button:not(.login-button) {background:#CF2B36 !important;color:#fff !important;}

.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaPanel {text-align: left !important;text-transform: none !important;}
.column3.left ul li a{color:#000 !important;}
a.view-listing-details-link.des-view-listingDetails.template-branded-button, .financing.listing-widget__financing.Currency a,.shipping.listing-widget__shipping a {color:#fff !important;background: #CF2B36 !important;}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1800px) {
	.inv-cat img {max-width: 364px;}
	.buttons {display: flex;gap: 10px;flex-direction: column;}
	.buttons a.red-button button {max-width: 490px;}
	.main-body.sub-page .floating-background {padding: 70px 0;}
}



@media only screen and (max-width: 1700px) {
	.sec-2  {position:relative;}
	#two-section .wrapper.flex {height: 710px;}
	.sec-2 img {width: 100%;max-width: 44%;}
	.sec-1 {width: 56%;}
}


@media only screen and (max-width: 1646px) {
	.inv-cat img {max-width: 334px;}
}



@media only screen and (max-width: 1560px) {
	.inv-cat img {max-width: 313px;}
	.main-body.sub-page .floating-background {padding: 80px 0;}
}


@media only screen and (max-width: 1500px) {
	.sec-2.about  {right: -6%;}
	.sec-1.about {width: 45%;}
	.inv-cat img {max-width: 290px;width: 100%;}
	.footer-categories {width: 80%;}
	.sec-2  {right: -9%;}
}

@media only screen and (max-width: 1400px) {
	.sec-2.about img {width: 100%;max-width: 78%;height: 680px;object-fit: cover;}
	.sec-2.about {right: -9%;}
	.sec-1.about {width: 55%;}
	.inv-cat img {max-width: 266px;width: 100%;}
	.footer {padding: 5vw 0;}
	.floating-background.padding section#two-section {
    padding: 9% 0;}
	#two-section .wrapper.flex {    height: 53vw;
    padding: 35px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;}
	.sec-1.about {width: 100%;}
	.sec-2.about.normal {right: 0;display: flex;gap:30px;width: 100%;}
	.sec-2.about {right: 0;display: flex;gap:30px;width: 100%;justify-content: center;}
	.sec-2.about img { width: 100%;max-width: 40%;;object-fit: cover;height: 98%;}
	section#single-section.main {padding: 24% 0 151px;}
	.sec-2.about.normal {display:none;}
	section#two-section.normal .wrapper.flex {height: 25vw;justify-content: center;}
	.sec-1.about.normal {width: 100%;}
}

@media only screen and (max-width: 1300px) {
	.sec-2.about img {height: 48vw;}
	.line {width: 28vw;}
	.inventory-title.trucking {width: 100%;gap: 20px;}
	.inventory-title.trucking .line {width: 57vw;}

}

@media only screen and (max-width: 1200px) {
	.sec-2.background {width: 41%;}
	#two-section.section-with-form .wrapper.flex {padding: 8% 0;}
}

@media only screen and (max-width: 1180px) {
	#two-section .wrapper.flex {height: 47vw;}
	.inv-cat img {max-width: 264px;}
	section#single-section.main {padding: 37% 0 151px;}
	section#two-section {margin: 80px auto 70px;}
	.main-body.sub-page.about .floating-background {padding: 80px 0 40%;}
}

@media only screen and (max-width: 1155px) {
	.sec-1.about {width: 90%;margin: 0 auto;}
	#two-section .wrapper.flex {margin: 20px auto;height: 100%;}
	.main-body.sub-page .floating-background {padding: 30px 0;}
	#two-section.section-with-form .wrapper.flex {padding: 13% 0;}
	.gray-background {bottom: 25vw;}
	.buttons {flex-direction: row;}
	a.red-button {width:100%;}
	section#single-section.main {padding: 40px 0 151px;}
	.main-body.sub-page.about .floating-background {padding: 80px 0 20%;}
}


@media only screen and (max-width: 1000px) {
	#two-section.section-with-form .wrapper.flex {display: flex;flex-direction: column;gap: 60px;padding: 6% 0;}
	#two-section.section-with-form .sec-1 {width: 100%;}
	.sec-2.background {width: 100%;right: 0;position:relative;}
	a.red-button.long button {max-width: 100%;}
	.main-body.sub-page .floating-background {top: -63px !important;}
	section#two-section {margin: 0 auto 10px;}
	.line {width: 19vw;}
	#single-section .wrapper {width: 90%;}
	.footer-links ul {flex-wrap:wrap;justify-content: center;gap:20px;}
	#two-section .wrapper.flex {padding:unset;}
	section#single-section.main {padding: 60px 0 0;}
	section#two-section.normal .wrapper.flex {height: 100%;}
	.buttons {flex-direction: column;}
	.footer {padding: 98px 0;}
	.main-body.sub-page.about .floating-background {padding: 30px 0 20%;}
}

@media only screen and (max-width: 900px) {
	.inventory-title {padding-bottom: 10px;}
	section#single-section {padding: 80px 0 60px;}
	.gray-background {display:none;}
	.a.long-button button {padding: 18px 0;}
	.service-flex {flex-direction: column;gap: 0;}
	.service-flex .content {height: auto;}
	.footer-logo img {width: 100%;max-wifth: 90%;}
}

@media only screen and (max-width: 800px) {
	.footer-bottom {flex-direction: column-reverse;align-items: center;gap: 20px;}
	.inventory-title,.inventory-title.trucking .line {gap: 0;}
	.inventory-title.trucking .line {width: 29vw;}
}


@media only screen and (max-width: 600px) {
	.inventory-title {gap: 20px;}
	.inventory-title {gap: 0;}
	section#inventory-sec {padding: 37px 0 6%;}
	.inv-cat img {max-width: 400px;}
	.red-header {padding: 10% 0 18%;}
	.line {width: 6vw;}
	.buttons {flex-direction: column;}
	.content-wrap {font-size: clamp(1.25rem, 1.1436rem + 0.5319vw, 1.875rem);}
	.small-title {font-size: clamp(1rem, 0.883rem + 0.5851vw, 1.6875rem);}
	.service-flex p {text-align: center !important;}
	.service-check {padding-top: 40px;gap: 10px;align-items: center;flex-direction:column;text-align:center;}
	.service-flex {width: 100%;}
	a.long-button button {width: 100% !important;max-width:unset;}
	.sec-2.about {align-items: center;flex-direction: column;}
	.sec-2.about img {height: 100%;max-width: 90%;}
}

@media only screen and (max-width: 500px) {
	.footer-links ul {flex-direction:column;}
	section#single-section {width:100%;}
	.service-flex  .collapsible {gap: 0px;padding: 18px 0px;}
}

@media only screen and (max-width: 476px) {
	.line {display:none;}
}

@media only screen and (max-width: 400px) {
	.red-header {padding: 14% 0 29%;}
	.content-wrap h1{font-size:20px !important;}
	.small-title {font-size: 16px;}
	.inventory-title {width:95%} 
	a.red-button button {font-size: 16px;padding: 20px 1%;}
}

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