/***** 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 STYLES --------*/
body {font-family: 'Poppins', sans-serif !important;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
button:hover {cursor: pointer !important;}
hr{border:#000 1px solid;}
html {font-family: 'Poppins', sans-serif !important;}
/*--- HEADER STYLES ---------------------*/
#header-nav {display: flex; justify-content: space-between; align-items: center; width: 95%; margin: 0 auto; padding: 25px 0;}
.home-nav nav.primary ul > li:first-child a {color: #DCB002 !important;}
.inv-nav nav.primary ul > li:nth-child(2) a {color: #DCB002 !important;}
.attachments-nav nav.primary ul > li:nth-child(3) a {color: #DCB002 !important;}
.dismantled-nav nav.primary ul > li:nth-child(4) a {color: #DCB002 !important;}
.parts-nav nav.primary ul > li:nth-child(5) a {color: #DCB002 !important;}
.trucks-nav nav.primary ul > li:nth-child(6) a {color: #DCB002 !important;}
.trailers-nav nav.primary ul > li:last-child a {color: #DCB002 !important;}
/*---BODY--------------------------------*/
.flex-container {
display: flex;
align-items: center;
}
.center {
text-align: center;
}
/*---DEFAULT---*/
#home-hero {background: url("/siteart/hero.jpg") no-repeat; background-position: center; background-size: cover;}
.hero-overlay {background: linear-gradient(to right,rgba(44,44,44,1.00),rgba(44,44,44,.00));}
.hero-wrapper {width: 95%; margin: 0 auto; padding: 180px 0 120px 0;}
.hero-wrapper h1 {color: #fff; font-size: 40px; line-height: 50px;}
.hero-content {width: 550px;}
.hero-wrapper button {margin-top: 30px; color: #fff; font-family: 'Poppins', sans-serif; background: #2B2B2B; width: 280px; padding: 20px 0; border-radius: 30px; border: none; text-transform: uppercase; font-size: 16px;}
.hero-wrapper button:hover {background: #DCB002; transition: .5s;}
.hero-wrapper button:hover i {padding-left: 20px; transition: .5s;}
#inv-nav {display: flex; justify-content: center; gap: 20px; width: 90%; margin: 0 auto; align-items: center; padding: 80px 0;}
#inv-nav a > div {background: rgba(0,0,0,0.10); margin-bottom: 20px;}
#inv-nav a {width: 100%;}
.equipment-img {background: url("/siteart/equipment.jpg") no-repeat; background-position: center; background-size: cover;}
.attachments-img {background: url("/siteart/attachments.jpg") no-repeat; background-position: center; background-size: cover;}
.dismantled-img {background: url("/siteart/dismantled.jpg") no-repeat; background-position: center; background-size: cover;}
.equipment-img div, .attachments-img div, .dismantled-img div {width: 100%; padding: 30% 0%; background: rgba(0,0,0,0.10)}
#inv-nav h2 {color: #2C2C2C; font-size: 20px; line-height: 30px;}
#inv-nav a:hover .equipment-img div, #inv-nav a:hover .attachments-img div, #inv-nav a:hover .dismantled-img div {background: rgba(220,176,2,0.40); transition: .5s;}
#inv-nav a:hover h2 i {padding-left: 20px; transition: .5s;}
#home-about {background: #F2F2F2;}
.home-about-wrap {width: 90%; margin: 0 auto; padding: 100px 0;}
.home-about-content {display: flex; justify-content: space-between; align-items: center; gap: 50px;}
.home-about-content img {width: 100%;}
.home-about-content > div {width: 50%;}
.home-about-content h3 {font-size: 45px; line-height: 55px; margin-bottom: 20px;}
.home-about-content p {font-size: 18px; line-height: 28px;}
.about-logos {display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-top: 80px;}
.about-logos div {background: #fff; width: 100%; text-align: center; padding: 15px 0;}
.about-logos div img {width: 70%;}
/*--------FORM STYLES--------------------*/
/*-------- FOOTER STYLES ----------------*/
footer {background: #2C2C2C;}
.footer-wrap {width: 95%; margin: 0 auto; padding: 80px 0; display: flex; justify-content: space-between;}
.footer-wrap > div {width: 100%;}
.quick-links {display: flex; gap: 50px;}
.footer-logo {display: flex; justify-content: center; align-items: center;}
.footer-logo img {width: 220px; height: 104px;}
.footer-links {display: flex; justify-content: flex-end;}
footer p {color: #CECECE; font-size: 22px; text-transform: uppercase; line-height: 30px; font-weight: bold; margin-bottom: 10px;}
footer li {color: #CECECE; font-size: 18px; line-height: 36px; text-transform: uppercase;}
footer li a {color: #CECECE; font-size: 16px !important; line-height: 33px !important; text-transform: uppercase;}
footer ul {margin-bottom: 10px;}
footer .whatsapp button {background: #25D366; border-radius: 30px; width: 200px; padding: 12px 0 10px 0; color: #fff; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 16px; border: none; margin-top: 10px;}
footer .whatsapp button:hover {background: #157B3B; transition: .5s;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.disclaimer span {font-size: 14px !important; line-height: 24px !important;}
.list-top-section .list-listings-count, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price, .parts-list-content .parts-title-and-breadcrumbs .parts-listings-count {color: #DCB002 !important;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .heavyequipmentconsultingcomhdev-88jlbf, .faceted-search-content .selected-facets-container .selected-facet {background: #2C2C2C !important;}
.parts-list-content .error-message {color: #2C2C2C !important;}
/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1300px) {
#header-nav img {width: 220px;}
.home-about-content h3 {font-size: 40px; line-height: 50px;}
footer p {font-size: 20px;}
footer li {font-size: 17px; line-height: 35px;}
footer li a {font-size: 15px !important; line-height: 32px !important;}
footer .whatsapp button {font-size: 15px; line-height: 15px;}
.footer-logo img {width: 170px; height: 84px;}
}
@media only screen and (max-width: 1150px) {
.hero-wrapper h1 {font-size: 38px; line-height: 48px;}
.hero-wrapper button {font-size: 15px; padding: 18px 0;}
#inv-nav h2 {font-size: 18px; line-height: 28px;}
.home-about-content h3 {font-size: 35px; line-height: 45px; margin-bottom: 12px;}
.home-about-content p {font-size: 16px; line-height: 26px;}
}
@media only screen and (max-width: 1050px) {
#inv-nav {width: 95%; gap: 10px;}
.home-about-wrap {width: 95%;}
.home-about-content {gap: 30px;}
footer p {font-size: 18px;}
footer li {font-size: 16px; line-height: 34px;}
footer li a {font-size: 14px !important; line-height: 30px !important;}
footer .whatsapp button {font-size: 14px; line-height: 14px; width: 180px;}
.footer-logo img {width: 140px; height: 74px;}
}
@media only screen and (max-width: 900px) {
.footer-wrap {flex-wrap: wrap; gap: 50px;}
.footer-logo {justify-content: flex-start;}
.footer-links {justify-content: flex-start;}
}
@media only screen and (max-width: 850px) {
.home-about-content {flex-wrap: wrap;}
.home-about-content > div {width: 100%;}
.about-logos {flex-wrap: wrap;}
.about-logos div {width: 48.2%;}
}
@media only screen and (max-width: 650px) {
#header-nav img {width: 200px;}
.hero-wrapper h1 {font-size: 36px; line-height: 46px;}
.hero-content {width: 100%;}
.hero-wrapper button {font-size: 14px; padding: 16px 0; margin-top: 25px; width: 240px;}
.hero-overlay {background: linear-gradient(to right,rgba(44,44,44,1.00),rgba(44,44,44,.50));}
.hero-wrapper {padding: 160px 0 100px 0;}
#inv-nav {flex-wrap: wrap; gap: 30px;}
}
@media only screen and (max-width: 450px) {
#header-nav img {width: 180px;}
.hero-wrapper h1, .home-about-content h3 {font-size: 32px; line-height: 42px;}
.hero-wrapper {padding: 140px 0 80px 0;}
#inv-nav a > div {margin-bottom: 15px;}
.home-about-content p {font-size: 15px;}
.about-logos div {width: 48%;}
}
@media only screen and (max-width: 400px) {
.about-logos div {width: 100%;}
}
@media only screen and (max-width: 350px) {
#header-nav img {width: 160px;}
.hero-wrapper h1, .home-about-content h3 {font-size: 30px; line-height: 40px;}
.hero-wrapper button {font-size: 13px; width: 220px;}
.home-about-content p {font-size: 14px; line-height: 25px;}
footer p {font-size: 17px;}
footer li {font-size: 15px; line-height: 33px;}
}
@media only screen and (max-width: 300px) {
.hero-wrapper h1, .home-about-content h3 {font-size: 25px; line-height: 35px;}
.hero-wrapper {padding: 120px 0 80px 0;}
.hero-wrapper button, footer .whatsapp button {width: 100%;}
.quick-links {justify-content: space-between; gap: 0px;}
.footer-links > div {width: 100%;}
}