/***** 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;
}
button {cursor: pointer !important;}
/*-------- 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 {
}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}
hr{border:#000 1px solid;}
/*--- HEADER STYLES ---------------------*/
header {}
.site-header {background: #241e20; color: #fff; font-family: 'centruy-gothic', sans-serif; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; z-index:900; position: relative;}
.header-numbers {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.header-phone {display: flex; align-items: center;}
.header-socials {display: flex; justify-content: space-between; width: 69px;}
.site-header a {color: #fff;}
.site-header hr {border: 1px #fff solid; height: 20px;}
.header-phone p {font-weight: 600; font-size: 14px; padding-right: 9px;}
.header-phone a {font-weight: 600; font-size: 14px;}
.header-phone a:hover {color: #a4a934;}
.header-phone i {padding-left: 18px;}
.header-socials a {font-size: 20px;}
.header-socials a:hover {color: #a4a934;}
/*---BODY--------------------------------*/
/*---DEFAULT----*/
.hero-flex { display: flex; position: relative; z-index: 300; top: 0; width: 100%; margin-top: 15px;}
.hero-nav {background-color: #241e20;}
.hero-flex h1 {color: #fff; padding-bottom: 22px;}
.filter {background-color: #241e20;}
#reel {width: 63%;}
.filter-width {width: 71%; margin: 0 auto; padding: 34px 0 30px 0;}
.option__subcategory {padding-left: 1.25rem;}
.hero-nav-flex {display: flex; justify-content: space-between; width: 95%; margin: 0 auto; padding-top: 32px; gap: 2%;}
.hero-nav-flex div {display: block; text-align: center;}
.hero-nav-flex button {border: none; border-radius: 0; padding: 6px 0px; color: #fff; background-color: #1c61a0; font-family: 'arial', sans-serif; width: 212px; cursor: pointer; position: relative; top: -48px;}
.hero-nav-flex button i {color: #000;}
.hero-nav-flex a:hover button {background-color: #a4a934; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.hero-nav-flex div img {width: 100%; max-width: 100%;}
.mobile-hero-nav {display: none;}
.filter form select {width: 100%; font-family: 'arial', sans-serif; font-size: 14px; color: #7A7A7A; padding: 10px 0 10px 4px; margin-bottom: 12px;}
.filter form input {width: 98.5%; font-family: 'arial', sans-serif; font-size: 14px; color: #241e20; padding: 10px 0 10px 4px; margin-bottom: 12px;}
.filter form button {width: 100%; background-color: #f3982d; color: #fff; font-family: 'arial', sans-serif; border: none; padding: 10px 0; margin-top: 17px; font-weight: 600;}
.filter form button:hover {background-color: #a4a934;}
.filter form i {color: #000 !important;}
.filter h1 span {font-family: 'arial', sans-serif; font-size: 16px; font-weight: 600; position: relative; bottom: -18px;}
.filter h1 {font-family: 'impact', sans-serif; font-size: 50px; font-weight: 500; line-height: 55px; text-align: center;}
.single-item img {max-width: 100% !important; width: 100% !important;}
.inven-black {background: url("/siteart/inventory-bkgrd.png") no-repeat; background-size: cover; background-position: center;}
.inventory-bkgrd {display: flex; width: 90%; margin: 0 auto; justify-content: space-between; padding-top: 40px; padding-bottom: 150px; gap: 10px;}
.day-cab {background: url("/siteart/day-cab-trucks.jpg") no-repeat; background-size: cover; background-position: center; padding: 13px 0 15px 24px;}
.sleeper-trucks {background: url("/siteart/sleeper-trucks.jpg") no-repeat; background-size: cover; background-position: center; padding: 13px 0 15px 24px;}
.semi-trailers {background: url("/siteart/semi-trailers.jpg") no-repeat; background-size: cover; background-position: center; padding: 13px 0 15px 24px;}
.fork-lifts {background: url("/siteart/day-cab-trucks.jpg") no-repeat; background-size: cover; background-position: center; padding: 13px 0 15px 24px;}
.inventory-bkgrd h2 {font-family: 'impact', sans-serif; color: #fff; font-weight: 500;}
.inventory-bkgrd p {font-family: 'arial', sans-serif; color: #fff; font-size: 14px;}
.inventory-bkgrd a {width: 24%;}
.about-section {display: flex; width: 90%; margin: 0 auto; gap: 170px; margin-top: 60px; margin-bottom: 125px;}
.about-section img {width: 350px;}
.about-section-img {padding: 27px 110px 0 20px;}
.about-section h2 {font-family: 'impact', sans-serif; color: #a4a934; font-weight: 500; font-size: 40px; padding-bottom: 15px;}
.about-section p {font-family: 'arial', sans-serif; font-size: 14px; line-height: 20px;}
.about-section button {background-color: #f3982d; color: #fff; font-family: 'arial', sans-serif; border: none; padding: 10px 0; margin-top: 30px; font-weight: 600; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 218px;}
.about-section a:hover button {background-color: #241e20;}
/*---CONTACT US----*/
.contact-flex {display: flex; width: 90%; margin: 0 auto; justify-content: space-between; margin-top: 65px;}
.contact-flex h2 {font-family: 'impact', sans-serif; color: #a4a934; font-weight: 500; font-size: 40px; padding-bottom: 4px;}
.contact-flex h3 {font-family: 'impact', sans-serif; color: #241e20; font-weight: 500; font-size: 22px; margin-top: 13px;}
.contact-flex a {color: #241e20; font-family: 'arial', sans-serif; font-size: 14px; font-weight: 600; line-height: 30px;}
.contact-flex i {color: #f3982d;}
.contact-flex .header-socials a {font-size: 20px;}
.contact-flex > div:first-child {width: 60%;}
.contact-flex > div:nth-child(2) {width: 35%;}
.contact-flex input {width: 100%; font-family: 'arial', sans-serif; font-size: 14px; padding: 10px 0px 10px 10px; margin-top: 9px;}
.contact-flex textarea {width: 100%; font-family: 'arial', sans-serif; font-size: 14px; padding: 10px 0px 10px 10px;}
.contact-flex table {margin-top: 6px;}
.contact-flex .CaptchaImagePanel, .contact-flex .CaptchaMessagePanel, .contact-flex .CaptchaWhatsThisPanel {text-align: left !important;}
.contact-flex .CaptchaMessagePanel {font-family: 'arial', sans-serif; font-size: 14px; padding: 0px;}
.contact-flex .CaptchaAnswerPanel input {width: 200px;}
.contact-flex .CaptchaAnswerPanel {text-align: left;}
.contact-flex .CaptchaWhatsThisPanel {font-family: 'arial', sans-serif;}
.contact-flex .captcha {width: 317px;}
.contact-flex .CaptchaPanel {padding: 10px 10px 0px 0; margin: 10px 0px 0px 0px;}
.contact-flex .CaptchaImagePanel {padding: 5px 5px 10px 0px;}
.contact-flex .submit, .contact-flex .reset {background: #f3982d !important; font-family: 'arial', sans-serif; font-weight: 600; text-transform: uppercase!important; cursor: pointer !important;}
.contact-flex .submit:hover, .contact-flex .reset:hover {background: #a4a934 !important;}
.contact-flex .contact-form {margin-bottom: 65px;}
/*---THANK YOU----*/
.thank-you {width: 90%; margin: 0 auto; text-align: center; margin-top: 65px;}
.thank-you h2 {font-family: 'impact', snas-serif; color: #a4a934; font-weight: 500; font-size: 40px; padding-bottom: 4px;}
.thank-you p {font-family: 'arial', sans-serif; font-size: 14px; padding-top: 33px;}
.thank-you div {display: flex; justify-content: center; gap: 30px;}
.thank-you button {background: #f3982d; font-family: 'arial', sans-serif; font-weight: 600; color: #fff; border: 0px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 10px 0; width: 212px; cursor: pointer; margin-top: 15px; margin-bottom: 65px;}
.thank-you a:hover button {background: #241e20;}
.thank-you h3 {font-family: 'arial', sans-serif; font-weight: 600; font-size: 18px;}
/*--------FORM STYLES--------------------*/
/*-------- FOOTER STYLES ----------------*/
footer{}
.footer {background: #241e20; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; position: relative; z-index: 900;}
.footer-flex {display: flex; width: 90%; margin: 0 auto; justify-content: space-between; padding: 39px 0 72px 0;}
.footer-flex a {color: #fff; font-family: 'century-gothic', sans-serif; font-size: 13px; font-weight: 600; line-height: 32px;}
.footer-flex a:hover {color: #a4a934;}
.hosted {background: #a4a934; text-align: center;}
.hosted h3 {color: #fff; font-family: 'arial', sans-serif; font-size: 11px; font-weight: 400; padding: 13px 0;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-content {margin-top: 65px !important; margin-bottom: 65px !important;}
.list-top-section .list-title .list-title-text {font-family: 'impact', sans-serif !important; color: #241e20 !important; font-weight: 400; font-size: 34px !important;}
.list-top-section .list-title .list-listings-count, .list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count {font-family: 'century-gothic', sans-serif !important; color: #a4a934 !important;}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this, .list-top-section .list-sort-order .sort-by-dropdown-container, .faceted-search-content .selected-facets-container .selected-header strong, .faceted-search-content .faceted-section-head .faceted-section-title, .list-content .listing-portion-title, .greenbushequipmentsalescomhdev-xhioxp, .detail__title, .detail__specs-heading {font-family: 'century-gothic', sans-serif !important; color: #241e20 !important}
.faceted-search-content .selected-facets-container .selected-header .filter-clear-all {font-family: 'arial', sans-serif !important;}
.view-listing-details-link, .greenbushequipmentsalescomhdev-88jlbf, .list-content .list-error-container .info button:not(.login-button) {background: #a4a934 !important;}
.faceted-search-content button.faceted-search, .list-content .list-error-container .info button:not(.login-button):hover {background: #241e20 !important;}
.faceted-search-content button.faceted-search:hover {background: #000 !important;}
.view-listing-details-link:hover {background: #8B8F2C !important;}
.list-content .price-container .price {color: #a4a934 !important;}
.faceted-search-content .selected-facets-container .selected-facet {background: #f3982d !important;}
.disclaimer {font-size: 14px !important; line-height: 20px !important;}
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {color: #f3982d !important;}
.detail-wrapper {margin-top: 65px !important; margin-bottom: 65px !important;}
.breadcrumbs__link, .greenbushequipmentsalescomhdev-9b9i01, .greenbushequipmentsalescomhdev-9uiqsl {color: #241e20 !important;}
.greenbushequipmentsalescomhdev-xhioxp:hover {background-color: #241e20 !important; color: #fff !important;}
.greenbushequipmentsalescomhdev-88jlbf:hover {background-color: #7A7A7A !important;}
/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1577px) {
.filter-width {width: 72%;}
}
@media only screen and (max-width: 1555px) {
.filter-width {width: 73%;}
}
@media only screen and (max-width: 1533px) {
.filter-width {width: 74%;}
}
@media only screen and (max-width: 1513px) {
.filter-width {width: 75%;}
}
@media only screen and (max-width: 1492px) {
.filter-width {width: 76%;}
}
@media only screen and (max-width: 1473px) {
.filter-width {width: 77%;}
}
@media only screen and (max-width: 1454px) {
.filter-width {width: 78%;}
}
@media only screen and (max-width: 1435px) {
.filter-width {width: 79%;}
}
@media only screen and (max-width: 1417px) {
.filter-width {width: 80%;}
}
@media only screen and (max-width: 1412px) {
.about-section img {width: 308px;}
.about-section {gap: 121px;}
}
@media only screen and (max-width: 1400px) {
.filter h1 {font-size: 47px; line-height: 46px;}
.filter h1 span {bottom: -11px;}
.filter-width {padding: 51px 0 30px 0;}
}
@media only screen and (max-width: 1315px) {
.filter h1 {font-size: 46px;}
}
@media only screen and (max-width: 1287px) {
.filter h1 {font-size: 45px;}
}
@media only screen and (max-width: 1276px) {
.about-section img {width: 264px;}
.about-section-img {padding: 55px 110px 0 20px;}
}
@media only screen and (max-width: 1259px) {
.filter h1 {font-size: 44px;}
.filter h1 span {font-size: 15px;}
}
@media only screen and (max-width: 1231px) {
.filter h1 {font-size: 43px; line-height: 44px;}
}
@media only screen and (max-width: 1204px) {
.filter-width {width: 81%;}
}
@media only screen and (max-width: 1192px) {
.inventory-bkgrd {flex-wrap: wrap;}
.inventory-bkgrd a {width: 48.5%;}
.inventory-bkgrd {gap: 17px; padding-bottom: 213px;}
.about-section {margin-top: 0px;}
}
@media only screen and (max-width: 1187px) {
.filter-width {width: 82%;}
}
@media only screen and (max-width: 1180px) {
.contact-flex {flex-wrap: wrap; gap: 80px;}
.contact-flex > div:first-child {width: 100%;}
.contact-flex > div:nth-child(2) {width: 100%;}
.contact-flex input {width: 98%;}
.contact-flex textarea {width: 98%;}
}
@media only screen and (max-width: 1179px) {
.inventory-bkgrd a {width: 46%;}
}
@media only screen and (max-width: 1174px) {
.filter-width {width: 83%;}
.about-section {gap: 88px;}
.about-section-img {padding: 55px 77px 0 20px;}
}
@media only screen and (max-width: 1060px) {
.about-section img {width: 241px;}
}
@media only screen and (max-width: 988px) {
.about-section {flex-wrap: wrap;}
.about-section-img {width: 100%; text-align: center; padding: 0px;}
.about-section img {width: 365px;}
}
@media only screen and (max-width: 1192px) {
.hero-flex {display: block;}
#reel {width: 100%;}
.filter-width {padding: 32px 0 59px 0;}
#reel img {width: 100%;}
}
@media only screen and (max-width: 902px) {
.inventory-bkgrd a {width: 45%;}
}
@media only screen and (max-width: 722px) {
.day-cab {padding: 20px 0 22px 29px;}
.sleeper-trucks {padding: 20px 0 22px 29px;}
.semi-trailers {padding: 20px 0 22px 29px;}
.fork-lifts {padding: 20px 0 22px 29px;}
.inventory-bkgrd {padding-bottom: 312px;}
.about-section h2 {margin-top: -92px;}
.inventory-bkgrd a {width: 100%;}
}
@media only screen and (max-width: 657px) {
.header-phone {display: none;}
.header-numbers {justify-content: center;}
.header-socials {padding: 4px 0; gap: 7px;}
.header-socials a {font-size: 25px;}
}
@media only screen and (max-width: 534px) {
.about-section img {width: 75%;}
}
@media only screen and (max-width: 522px) {
.thank-you div {display: block;}
.thank-you button {width: 100%; margin-bottom: 0px; padding: 15px 0;}
.thank-you {margin-bottom: 65px;}
}
@media only screen and (max-width: 462px) {
.contact-flex .captcha {width: 100%;}
}
@media only screen and (max-width: 458px) {
.footer-flex {flex-wrap: wrap; gap: 38px;}
.footer-flex div {width: 100%;}
}
@media only screen and (max-width: 368px) {
.day-cab {padding: 16px 30px 18px 20px;}
.sleeper-trucks {padding: 16px 30px 18px 20px;}
.semi-trailers {padding: 16px 30px 18px 20px;}
.fork-lifts {padding: 16px 30px 18px 20px;}
}
@media only screen and (max-width: 327px) {
.filter-width {width: 84%;}
}
@media only screen and (max-width: 323px) {
.filter-width {width: 85%;}
}
@media only screen and (max-width: 319px) {
.filter-width {width: 86%;}
}
@media only screen and (max-width: 315px) {
.filter-width {width: 87%;}
}
@media only screen and (max-width: 312px) {
.filter-width {width: 88%;}
}
@media only screen and (max-width: 308px) {
.filter-width {width: 89%;}
}
@media only screen and (max-width: 305px) {
.filter-width {width: 90%;}
}
@media only screen and (max-width: 301px) {
.filter-width {width: 91%;}
}
@media only screen and (max-width: 298px) {
.filter-width {width: 92%;}
}
@media only screen and (max-width: 295px) {
.filter-width {width: 93%;}
}
@media only screen and (max-width: 292px) {
.filter-width {width: 94%;}
}
@media only screen and (max-width: 288px) {
.filter-width {width: 95%;}
}
@media only screen and (max-width: 285px) {
.filter-width {width: 96%;}
}
@media only screen and (max-width: 282px) {
.filter-width {width: 97%;}
}
@media only screen and (max-width: 280px) {
.filter-width {width: 98%;}
}