/***** 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 {

}

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

/*--- HEADER STYLES ---------------------*/
header {}
.header-top {width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
.header-contact {display: flex; gap: 80px;}
.header-contact a {display: flex; gap: 10px; align-items: center;}
.header-contact a i {background: #00125B; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 25px; line-height: 25px;}
.header-contact p {font-family: 'poppins', sans-serif; font-size: 20px; line-height: 30px; font-weight: bold; color: #00125B;}
.header-contact p span {font-family: 'poppins', sans-serif; font-size: 12px; line-height: 22px; font-weight: 400; color: #757575s;}
.header-contact a:hover i {background: #E34609; transition: .5s;}
.header-contact a:hover p, .header-contact a:hover p span {color: #E34609; transition: .5s;}

.header-bottom {background: #00125B; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; position: relative; z-index: 800;}

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

/*---DEFAULT---*/
.hero-bkgrd {background: url("/siteart/hero.jpg") no-repeat; background-position: center; background-size: cover; position: relative; z-index: 400;}
.hero-overlay {background: #2C2C2C; background: linear-gradient(90deg,rgba(44, 44, 44, 0.85) 0%, rgba(44, 44, 44, 0.4) 100%);}
.hero-wrap {width: 90%; margin: 0 auto; padding: 180px 0 80px 0;}
.hero-content {width: 650px;}
.hero-content h1, .sub-wrap h1 {font-family: 'poppins', sans-serif; font-size: 35px; line-height: 45px; color: #fff; font-weight: bold;}
.hero-content p {font-family: 'poppins', sans-serif; font-size: 18px; line-height: 30px; color: #fff; margin: 12px 0 20px 0;}
.hero-btns {display: flex; gap: 15px;}
.hero-btns > a:first-child button {border: 1px #00125B solid; background: #00125B; width: 220px; padding: 15px 0 13px 0; color: #fff; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 16px;}
.hero-btns > a:last-child button {border: 1px #fff solid; background: none; width: 220px; padding: 15px 0 13px 0; color: #fff; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 16px;}
.hero-btns a:hover button {border: 1px #E34609 solid; background: #E34609; transition: .5s; cursor: pointer !important;}

.banner {text-align: center; width: 90%; margin: 0 auto; margin-top: 50px;}
.banner img {width: 1000px; margin: 0 auto;}
.banner {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.banner img {
    display: inline-block;
    animation: scrollBanner 15s linear infinite;
}
@keyframes scrollBanner {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
.banner img:hover {
    animation-play-state: paused;
}


.categories {width: 85%; margin: 0 auto; padding: 80px 0; display: flex; gap: 10px; flex-wrap: wrap;}
.categories a {width: 24%;}
.new-inv-bkgrd {background: url("/siteart/cat-bkgrd/new-inventory.jpg") no-repeat; background-position: center; background-size: cover;}
.training-bkgrd {background: url("/siteart/cat-bkgrd/used-inventory.jpg") no-repeat; background-position: center; background-size: cover;}
.auction-bkgrd {background: url("/siteart/cat-bkgrd/auction.jpg") no-repeat; background-position: center; background-size: cover;}
.rental-bkgrd {background: url("/siteart/cat-bkgrd/rental-equipment.jpg") no-repeat; background-position: center; background-size: cover;}
.parts-bkgrd {background: url("/siteart/cat-bkgrd/parts-department.jpg") no-repeat; background-position: center; background-size: cover;}
.service-bkgrd {background: url("/siteart/cat-bkgrd/service-department.jpg") no-repeat; background-position: center; background-size: cover;}
.sell-bkgrd {background: url("/siteart/cat-bkgrd/sell-your-machine.jpg") no-repeat; background-position: center; background-size: cover;}
.quote-bkgrd {background: url("/siteart/cat-bkgrd/request-a-quote.jpg") no-repeat; background-position: center; background-size: cover;}
.certificate-bkgrd {background: url("/siteart/cat-bkgrd/certificate-of-insurance.jpg") no-repeat; background-position: center; background-size: cover;}
.cat-overlay {background: rgba(44,44,44,0.70); height: 100%;}
.cat-wrap {padding: 130px 20px 20px 20px;}
.cat-wrap h3 {font-family: 'poppins', sans-serif; font-size: 22px; line-height: 30px; color: #fff;}
.cat-wrap p {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 28px; color: #fff;}
.categories a:hover .cat-overlay {background: rgba(44,44,44,0.30); transition: .5s;}

.about {width: 85%; margin: 0 auto; background: #F2F2F2; display: flex; align-items: center; margin-bottom: 80px;}
.about > div:last-child {padding: 80px 50px;}
.about > div:last-child h2 {font-family: 'poppins', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400;}
.about > div:last-child hr {width: 58px; border: 3px #00125B solid; margin: 10px 0 20px 0;}
.about > div:last-child p {font-family: 'poppins', sans-serif; font-size: 18px; line-height: 30px;}
.about > div:last-child button {border: 1px #00125B solid; background: #00125B; width: 220px; padding: 15px 0 13px 0; color: #fff; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 16px; margin-top: 20px}
.about > div:last-child button:hover {border: 1px #E34609 solid; background: #E34609; transition: .5s;}
.about > div:first-child {width: 40%;}
.about > div:first-child img {width: 100%;}
.about > div:last-child {width: 60%;}

/*---ABOUT---*/
.sub-hero {background: url("/siteart/hero.jpg") no-repeat; background-position: center; background-size: cover;}
.sub-overlay {background: rgba(44,44,44,0.80);}
.sub-wrap {width: 90%; margin: 0 auto; padding: 80px 0; text-align: center;}
.sub-nav {display: flex; gap: 10px; width: 90%; margin: 0 auto; padding: 20px 0 0 0; flex-wrap: wrap;}
.sub-nav a, .sub-nav p {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 28px; color: #000;}
.sub-nav a:hover {color: #00125B; transition: .5s;}

.sub-content {width: 90%; margin: 0 auto; padding: 80px 0 100px 0;}
.sub-content h2 {font-family: 'poppins', sans-serif; font-size: 30px; line-height: 40px; color: #00125B; margin-bottom: 15px;}
.sub-content p, .sub-content li {font-family: 'poppins', sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 10px;}
.sub-content li {font-family: 'poppins', sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 10px;}
.sub-content li i {color: #00125B;}
.sub-content button {border: 1px #00125B solid; background: #00125B; width: 220px; padding: 15px 0 13px 0; color: #fff; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 16px; margin-top: 30px;}
.sub-content button:hover {border: 1px #E34609 solid; background: #E34609; transition: .5s;}
.content-flex {display: flex; justify-content: space-between; gap: 50px; align-items: center;}
.content-flex > div:first-child {width: 60%; margin-bottom: 50px;}
.content-flex > div:last-child {width: 40%;}
.content-flex img {width: 100%;}
.sub-content p a {color: #00125B;}
.sub-content p a:hover {color: #E34609; transition: .5s;}

/*---SERVICES---*/
.service-hero {background: url("/siteart/service-hero.jpg") no-repeat; background-position: center; background-size: cover;}
.services {display: flex; gap: 10px; flex-wrap: wrap;}
.services li {width: 29%; background: #F2F2F2; padding: 15px 15px 12px 22px; margin-bottom: 0px;}
.services-flex > div:first-child {width: 70%;}
.services-flex > div:last-child {width: 30%;}
.choose-us {text-align: center; margin-top: 50px;}
.choose-us > div {display: flex; justify-content: center; gap: 10px;}
.choose-us > div > div {width: 100%; background: #F2F2F2; padding: 30px 20px;}
.choose-us i {color: #00125B; font-size: 35px;}
.choose-us h3 {font-family: 'poppins', sans-serif; font-size: 18px; line-height: 30px; font-weight: bold; padding: 12px 0 5px 0;}
.choose-us p {font-size: 16px; line-height: 28px;}
.view-listing-details-link {color:#fff!important;}
/*---SELL YOUR MACHINE---*/
.sell-hero {background: url("/siteart/sell-hero.jpg") no-repeat; background-position: center; background-size: cover;}
.contact-sidebar > a > div {background: #F2F2F2; padding: 35px 30px 30px 30px; margin-bottom: 10px;}
.contact-sidebar > a:hover > div {background: #F9F9F9; transition: .5s;}
.contact-sidebar > a> div > div {display: flex; gap: 10px; align-items: center; margin-bottom: 5px;}
.contact-sidebar i {color: #00125B; font-size: 20px; line-height: 30px;}
.contact-sidebar h3 {font-family: 'poppins', sans-serif; font-size: 20px; line-height: 30px; color: #00125B;}
.contact-sidebar p {font-family: 'poppins', sans-serif; font-size: 14px; line-height: 24px; color: #424242; margin-bottom: 0px;}
.contact-flex {align-items: flex-start;}

/*---PARTS---*/
.parts-hero {background: url("/siteart/parts-hero.jpg") no-repeat; background-position: center; background-size: cover;}
.brands {display: flex; gap: 10px; flex-wrap: wrap;}
.brands div {width: 19%; background: #F2F2F2; text-align: center; font-family: 'poppins', sans-serif; font-size: 20px; line-height: 30px; color: #00125B; padding: 25px 0;}

/*---RENTALS---*/
.rental-hero {background: url("/siteart/rental-hero.jpg") no-repeat; background-position: center; background-size: cover;}

/*Accordion*/
.flex-container.flex-services {
    justify-content: space-between;
    gap: 15px;
}

.flex-services .page-head {
    flex: 1;
}

.service-section {
    flex: 1;
}

.accordion {
	background: #f2f2f2 !important;
	border: none !important;
    color: #000 !important;
    cursor: pointer;
    font-size: 25px;
    width: 100% !important;
	margin: 0 auto;
    text-align: left;
    outline: none;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: space-between;
	padding: 15px 20px 10px 20px !important;
	margin-top: 10px !important;
}

.accordion p {
	margin-bottom: 0px !important;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
}

.panel ul.fa-ul {
    padding-inline-start: 0px;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 20px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
	margin: 8px 0;
}

.panel p {
    padding: 0px 0;
}

.accordion:after {
  content: '+'; /* Unicode character for "plus" sign (+) */
  font-size: 25px;
    color: #000;
    float: right;
}

.active:after {
  content: "-";
	 font-size: 25px;
  color: #000;
  float: right;
  margin-left: 5px;/* Unicode character for "minus" sign (-) */
}

/*---REQUEST A QUOTE---*/
.quote-hero {background: url("/siteart/quote-hero.jpg") no-repeat; background-position: center; background-size: cover;}

/*---CERTIFICATE OF INSURANCE---*/
.certificate-hero {background: url("/siteart/certificate-hero.jpg") no-repeat; background-position: center; background-size: cover;}

/*---NEW EQUIPMENT---*/
.equipment-contact {margin-top: 20px;}
.equipment-contact li a {display: flex; gap: 10px; align-items: center; color: #00125B;}
.equipment-contact li a:hover, .equipment-contact li a:hover i {color: #E34609; transition: .5s;}

/*--------FORM STYLES--------------------*/
.form-flex > div {display: flex; gap: 10px; margin-bottom: 10px;}
.form-flex input {width: 100%; background: #F2F2F2; border: none; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 16px; padding: 10px 0 8px 20px;}
.form-textarea {display: flex;}
.form-textarea textarea {width: 100%; background: #F2F2F2; border: none; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 16px; padding: 15px 0 0px 20px; height: 150px;}
.contact-flex form .submitselect {border: 1px #00125B solid; background: #00125B; width: 220px; padding: 15px 0 13px 0; color: #fff; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 16px; margin-top: 30px; display: flex; justify-content: center; align-items: center;}
.contact-flex form .submit {border: 1px #00125B solid; background: #00125B; width: 220px; padding: 15px 0 13px 0; color: #fff; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 16px;}
.contact-flex form .submitselect:hover, .contact-flex form .submit:hover {border: 1px #E34609 solid; background: #E34609; transition: .5s;}
.contact-flex form img {width: auto;}
.contact-flex .CaptchaMessagePanel {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 28px;}
.contact-flex .CaptchaAnswerPanel input {height: 35px; background: #F2F2F2; border: none;}
.contact-flex .CaptchaWhatsThisPanel a {font-family: 'poppins', sans-serif; font-size: 14px; line-height: 24px; color: #000; text-decoration: underline;}

/*-------- FOOTER STYLES ----------------*/
footer {background: #00125B;}
.footer-position {position: absolute; width: 100%;}
.footer-wrap {width: 90%; margin: 0 auto; padding: 80px 0; display: flex; justify-content: space-between;}
.footer-links {display: flex; gap: 50px;}
footer p {font-family: 'poppins', sans-serif; font-size: 20px; line-height: 30px; color: #fff; font-weight: 600;}
footer ul {margin-top: 10px;}
footer li {margin-bottom: 5px;}
footer li a {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 28px; color: #fff;}
.footer-img {text-align: right;}
.footer-img img {opacity: 20%; padding: 20px 0;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-redesign, .detail-wrapper, .parts-redesign, .error-content-container {padding-top: 50px !important;}
.detail-wrapper, .parts-redesign, .error-content-container {padding-bottom: 50px !important;}
.list-top-section .list-listings-count, .parts-list-content .parts-title-and-breadcrumbs .parts-listings-count, .parts-list-content .error-message {color: #00125B !important;}
.faceted-search-content button.faceted-search {background: #000 !important;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .greigequipmentcocomhdev-1fwrpl5, .listing-carousel .recommended-listings-section .view-all-link, .listing-carousel .recommended-auctions-section .view-all-link, .faceted-search-content .selected-facets-container .selected-facet {background: #00125B !important;}
.ts-disclaimer span {font-family: 'poppins', sans-serif !important; font-size: 15px !important; line-height: 25px !important;}
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {color: #E34609 !important;}
.template-branded-button {color: #fff!important}
.bottom-bar .listing-control-bar .left-half{display:none!important;}

.fa-facebook:before {color:#fff!important;}

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

@media only screen and (max-width: 1700px) {
	.services li {width: 28%;}
}

@media only screen and (max-width: 1250px) {
	.brands div {width: 24%;}
}

@media only screen and (max-width: 1400px) {
	.about {flex-wrap: wrap; background: none; gap: 10px;}
	.about > div:last-child {background: #F2F2F2;}
	.about > div:last-child {width: 100%;}
	.about > div:first-child {display: none;}
	.services li {width: 27%;}
	.contact-flex > div:first-child {width: 65%;}
	.contact-flex > div:last-child {width: 35%;}
}

@media only screen and (max-width: 1300px) {
	.header-top, .hero-wrap {width: 95%;}
	.categories, .about {width: 90%;}
}

@media only screen and (max-width: 1150px) {
	.header-contact a div {display: none;}
	.header-contact {gap: 20px;}
	.categories a {width: 49%;}
	.content-flex {flex-wrap: wrap;}
	.content-flex > div:first-child {margin-bottom: 0px;}
	.content-flex > div:last-child {margin-bottom: 50px;}
	.content-flex > div {width: 100% !important;}
	.services li {width: 28%;}
	.choose-us > div {flex-wrap: wrap;}
	.contact-sidebar > a > div {text-align: center;}
	.contact-sidebar > a> div > div {justify-content: center;}
	.banner img {width: 100%;}
}

@media only screen and (max-width: 950px) {
	.services li {width: 27%;}
	.brands div {width: 32%;}
}

@media only screen and (max-width: 800px) {
	.header-contact {display: none;}
	.header-top {justify-content: center;}
	.services li {width: 43%;}
}

@media only screen and (max-width: 750px) {
	.categories a {width: 100%;}
	.footer-wrap {flex-wrap: wrap; gap: 50px;}
	.footer-wrap > div {width: 100%;}
	.footer-img {margin-top: -410px;}
	.footer-position {position: relative;}
}

@media only screen and (max-width: 700px) {
	.hero-content {width: 100%;}
	.hero-btns {flex-wrap: wrap;}
	.hero-overlay {background: linear-gradient(90deg,rgba(44, 44, 44, 0.85) 0%, rgba(44, 44, 44, 0.5) 100%);}
	.services li {width: 42%;}
}

@media only screen and (max-width: 650px) {
	.brands div {width: 49%;}
}

@media only screen and (max-width: 600px) {
	.header-top img {width: 250px;}
	.about > div:last-child {padding: 80px 40px;}
	.services li {width: 100%;}
	.brands div {width: 48.5%;}
}

@media only screen and (max-width: 450px) {
	.header-top img {width: 225px;}
	.hero-content h1, .sub-wrap h1 {font-size: 30px; line-height: 40px;}
	.hero-content p, .about > div:last-child p, .sub-content p, .sub-content li, .choose-us h3 {font-size: 16px; line-height: 28px;}
	.hero-btns > a:first-child button, .hero-btns > a:last-child button, .about > div:last-child button, .sub-content button {font-size: 15px; line-height: 15px;}
	.hero-wrap {padding: 120px 0 70px 0;}
	.hero-overlay {background: linear-gradient(90deg,rgba(44, 44, 44, 0.85) 0%, rgba(44, 44, 44, 0.6) 100%);}
	.cat-wrap h3 {font-size: 20px;}
	.cat-wrap p {font-size: 15px; line-height: 25px;}
	.cat-wrap {padding: 100px 20px 20px 20px;}
	.about > div:last-child {padding: 70px 30px;}
	.about > div:last-child h2, .sub-content h2 {font-size: 25px; line-height: 35px;}
	.sub-nav a, .sub-nav p, .choose-us p, .contact-sidebar p {font-size: 14px; line-height: 24px;}
	.sub-content{padding: 50px 0 100px 0;}
	.choose-us i {font-size: 30px;}
	.contact-sidebar h3, .brands div {font-size: 18px; line-height: 30px;}
	.contact-sidebar > a> div > div {flex-wrap: wrap; gap: 8px;}
	.contact-sidebar h3, .brands div {width: 100%;}
}

@media only screen and (max-width: 350px) {
	.header-top > div:first-child a {display: flex;}
	.header-top > div:first-child img {width: 80%; margin: 0 auto;}
	.hero-btns > a:first-child button, .hero-btns > a:last-child button, .hero-btns > a, .about > div:last-child button, .sub-content button {width: 100%;}
	.about > div:last-child {padding: 70px 20px;}
	.footer-links {gap: 10px; justify-content: space-between;}
	.contact-sidebar h3 {font-size: 16px; line-height: 28px;}
}