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

/***** 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;}
.pagepadding {padding-bottom: 3rem;}
.sidepadding {padding: 0 2rem;}

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

.nav-bar {display: flex;justify-content: space-between;align-items: center;padding: 0 40px;background-color: #333333;height: 100px;border-radius: 15px;margin: 2rem;z-index: 10;position: relative;}
.nav-left {flex: 1;display: flex;align-items: center;gap: 15px;}
.nav-center {flex: 2;display: flex;justify-content: center;}
.nav-right {display: flex;flex: 1;justify-content: flex-end;}
.logo {height: 70px;}
.socials, .social-media {display: flex;align-items: center;gap: 15px;}
.socials a {font-size: 24px;color: #41D5C8;text-decoration: none;}
.phone-btn {background: #fff;padding: 10px 20px; border-radius: 20px;margin-right: 20px;}
.phone-btn a {color: #000; font-size: 16px;font-family: 'Barlow', sans-serif;}
.phone-btn i {font-size: 22px;padding-right: 10px;color: #41D5C8;}

/*---HERO STYLES--------------------------------*/

.hero-container {position: relative;z-index: 1; margin-top: -170px;height: 780px; overflow: hidden;background-color: #000;}
.hero-container::after {content: "";position: absolute;inset: 0;background: rgba(0,0,0,0.45);}
.hero-img {width: 100%;height: 100%;object-fit: cover;display: block;}
.hero-content {position: absolute;top: 50%;left: 80px; transform: translateY(-50%);z-index: 2;color: #fff;text-align: left;max-width: 800px;}
.hero-content h1 {font-size: 80px;line-height: 1.1;margin-bottom: 40px;font-family: 'Barlow', sans-serif;}
.hero-content p {font-size: 24px;line-height: 1.6;margin-bottom: 50px;font-family: 'Oswald', sans-serif;}
.base-btn {font-size: 18px;font-family: 'Oswald', sans-serif; }
.base-btn a {padding: 10px 40px; background: #fff;color: #000;border-radius: 15px;margin-top: 1.5rem;}

/*--------SEARCH BAR STYLES--------------------*/

.search-bar h2 {font-size: 70px;margin-bottom: 1.5rem;;font-family: 'Barlow', sans-serif;text-align: center;}
.search-bar form {display: flex;flex-direction: column;align-items: center;gap: 20px;margin: 4rem 3rem 2rem ;margin-top: -110px;background: #fff;padding: 2rem 4rem 3rem;position: relative; z-index: 3;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);border-radius: 20px;}
.search-bar form input[type="text"] {border: 1px #DDDADA solid;padding-left: 20px;}
.search-bar form button {background: #41D5C8;border: none;}
.search-bar form input[type="text"],.search-bar form button {min-height: 50px;box-sizing: border-box;border-radius: 8px;text-transform: uppercase;font-size: 16px;	}
.search-row {display: flex;gap: 20px;width: 100%;}
.search-row .form-group,.search-row button {flex: 1;}
.form-group input {width: 100%;height: 45px;box-sizing: border-box;}

/*--------QUICK LINKS STYLES--------------------*/

.quicklinks-section {margin: 0 3rem; text-align: center;position: relative;}
.grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;}
.card {position: relative;display: block; height: 270px;border-radius: 18px;overflow: hidden;cursor: pointer;background-position: center;box-shadow: 0 10px 25px rgba(0,0,0,0.2);transition: transform 0.3s ease;background-color: #000;}
.card img {width: 100%; height: 100%;object-fit: cover;display: block;transition: transform 0.4s ease;}
.card:hover {transform: translateY(-6px);}
.label {position: absolute;bottom: 10px;left: 18px;right: 18px;color: #fff;font-size: 40px;font-weight: 700;z-index: 2;font-family: 'Barlow', sans-serif;}
.overlay {position: absolute;inset: 0;background: rgba(0,0,0,0.5);}

/*--------BRAND PARTNERS STYLES--------------------*/

.partners-section {background: #F2F2F2;padding: 30px 20px;text-align: center;border-radius: 20px;margin: 2rem 3rem;}
.partners-section h3 {font-size: 35px;font-weight: 800;margin-bottom: 40px;color: #000;font-family: 'Barlow', sans-serif;}
.partners-logos {display: flex;justify-content: center;align-items: center;gap: 120px;flex-wrap: wrap;}
.partners-logos img {max-width: 220px;width: 100%;height: auto;object-fit: contain;}

/*--------ABOUT US STYLES--------------------*/

.aboutus-container {display: flex;flex-direction: column;gap: 1rem; margin: 2rem 3rem 6.5rem; background: #A0EAE3;border-radius: 20px;}
.aboutus-content {display: flex; justify-content: space-between; align-items: center; gap: 3rem;margin: 2rem 4rem;}
.aboutus-text { flex: 2;}
.aboutus-img {margin: 2rem 0 1rem;flex: 1; display: flex; justify-content: center;}
.aboutus-img img {max-width: 700px;width: 100%;height: auto; object-fit: cover;display: block;border-radius: 20px;}
.aboutus-content h2 {font-family: 'Barlow', sans-serif;font-size: 45px;;margin-bottom: 30px;}
.aboutus-content p {font-family: 'Oswald', sans-serif;font-size: 18px;margin-bottom: 40px;font-weight: 300;}

/*--------CONTACT US STYLES--------------------*/

.contact-section {width: 100%;}
.contact-wrapper {position: relative;width: 100%;height: 450px; overflow: visible;}
.contact-info p {font-family: 'Oswald', sans-serif;font-size: 22px;margin-bottom: 40px;font-weight: 300;margin: 0 auto 2rem;color: #fff;text-align: center}
.contact-info {position: absolute;top: -150px;left: 58%;transform: translate(-50%, 50%);z-index: 2;background: #333333;padding: 35px 35px 40px;border-radius: 20px;width: 76%;}
.base-btn.contact {text-align: center;}
.base-btn.contact a {padding: 10px 50px;}
.map-container {width: 100%;height: 100%; margin-top: 3rem;}
.map-container iframe {width: 100%;height: 100%;border: 0;display: block;}

/*--------ALL CONTENT PAGE STYLES--------------------*/

.content-container {position: relative;z-index: 1; margin-top: -170px;height: 37vh;overflow: hidden;display: flex; align-items: center;background-color: #000;}
.content-container::after {content: "";position: absolute;inset: 0;background: rgba(0,0,0,0.3);}
.header-img {width: 100%;height: 100%;object-fit: cover;display: block;}
.content-text {position: absolute;left: 80px; z-index: 2;color: #fff;text-align: left;display: flex; flex-direction: column; justify-content: center;}
.content-text h1 {font-size: 80px;font-family: 'Barlow', sans-serif;margin-top: 8rem;}

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

.contact-details {display: flex;gap: 20px;justify-content: center;flex-wrap: wrap;margin: 20px;}
.contact-us-info {flex: 1;min-width: 200px;max-width: 350px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 30px 20px;text-align: center;background: #fff;border: 2px #ddd groove;border-radius: 20px;color: #000;font-family: 'Oswald', sans-serif;font-weight: 400;}
.contact-us-info i {font-size: 28px;margin-bottom: 15px;color: #41D5C8;}
.contact-us-info span {font-size: 18px;line-height: 1.5;}

/*--------SELL YOUR EQUIPMENT STYLES--------------------*/

.sell-details {max-width: 1500px; min-height: 100px; border: 2px #ddd groove; border-radius: 20px;margin: 2rem auto;text-align: center;  display: flex;align-items: center;justify-content: center;}
.sell-details p {padding: 20px;font-family: 'Oswald', sans-serif;font-weight: 300; font-size: 20px; }
.flex-form.sell h3 {padding: 10px 0 30px;font-family: 'Barlow', sans-serif;font-weight: 700; font-size: 25px; }

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

.thankyou-page {margin: 2rem;}
.thankyou-details {max-width: 1500px; border: 2px #ddd groove; border-radius: 20px;margin: 2rem auto;text-align: center; padding: 30px;display: flex;flex-direction: column;justify-content: center;}
.thankyou-details p {margin: 10px 0 40px;font-family: 'Oswald', sans-serif;font-weight: 300; font-size: 22px; }
.base-btn.thankyou a {background: #41D5C8;}

/*--------ABOUT US STYLES--------------------*/

.about-page {max-width: 1500px; border: 2px #ddd groove; border-radius: 20px;margin: 2rem auto 4rem; display: flex;padding: 2rem; flex-direction: column;gap:2rem;text-align: center;}
.about-page h2 {font-family: 'Barlow', sans-serif;font-weight: 700; font-size: 40px;}
.about-details p {font-family: 'Oswald', sans-serif;font-weight: 300; font-size: 20px; }
.highlight-blue {color: #1A665F; font-weight: 500;text-decoration:underline!important;}
.accordion-header {font-family: 'Barlow', sans-serif;display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 15px;background: #eee;text-decoration: none;color: #000;cursor: pointer;margin-top: 5px;box-sizing: border-box; }
.accordion-header:hover {background: #41D5C8;}
.accordion-header .icon {transition: transform 0.3s ease;}
.accordion-header.active {background: #41D5C8;}
.accordion {width: 100%;text-align: left;}
.accordion-body {font-family: 'Barlow', sans-serif;width: 100%;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;background: #fafafa;box-sizing: border-box;font-weight: 300;font-size: 18px;}
.accordion-body p {margin: 0;padding: 15px;box-sizing: border-box;}

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

.footer {background: #333333; padding: 50px 80px 30px;color: #fff;}
.footer-container {display: flex;justify-content: space-between;align-items: flex-start;align-content: center;gap: 60px;max-width: 2000px;margin: 0 auto;padding: 0 50px}
.footer-logo img {width: 300px;}
.footer-logo {align-self: center;}
.contact-btn {display: flex;align-items: center;gap: 12px;color: #fff;margin-bottom: 20px;font-family: 'Oswald', sans-serif;font-size: 16px;}
.footer-links h3, .footer-contact h3 {font-size: 30px;margin-bottom: 30px;font-family: 'Barlow', sans-serif;}
.footer-links ul {list-style: none;padding: 0;}
.footer-links ul li {margin-bottom: 15px;}
.footer-links ul li a {color: #fff;font-weight: 400;font-family: 'Oswald', sans-serif;font-size: 16px;}
.footer-contact a {color: #fff;}
.footer-contact i {color: #41D5C8;font-size: 22px;}
.social-icons {margin: 40px 0;display: flex;gap: 25px;font-size: 26px;}
.social-icons i {color: #41D5C8;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.lds-label, .list-top-section .list-heading, .faceted-search-content .faceted-search__main-section, .list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .list-listing-title .listing-title, .options-popper-div, .list-redesign .price-contain, .list-redesign .additional-price-info-grid, .list-redesign .specs-container, .list-redesign .contact-container, .detail__breadcrumbs, .detail__media-buttons, .detail__heading, .listing-prices, .detail__machine-location, .detail__contact-info, .detail__specs {
	font-family: 'Barlow', sans-serif!important;font-weight: 500;}

.faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .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, .caterequipmentcomauhdev-88jlbf, .detail__additional-listings, .dealer-contact__buttons { 
	background: #41D5C8!important; color: #000!important;font-family: 'Barlow', sans-serif!important;font-weight: 600;}

.lds-ring, .dealer-contact__icon, .detail-shipping__icon {
	color: #41D5C8!important;}

.caterequipmentcomauhdev-1wqk9do, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {
	color: #333333!important;}

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

@media only screen and (max-width: 1700px) {
	.contact-info {width: 70%;left: 60%}
	.contact-info p {font-size: 18px;}
}

@media only screen and (max-width: 1550px) {
	.text-hide {display: none;}
	.phone-btn {background: none; padding: 0; margin-right: 0;}
	.phone-btn i {padding-right: 0;}
	.label {font-size: 30px;}
	.aboutus-content {flex-direction: column;text-align: center;margin: 2rem;}
}

@media only screen and (max-width: 1400px) {
	.contact-info {width: 64%;left: 61%}
	nav.primary ul li a {font-size: 14px!important;}
}

@media only screen and (max-width: 1200px) {
	nav.primary ul li a { font-size: 13px;}
	.logo {height: 50px;}
	.search-bar h2 {font-size: 60px;}
	.grid {grid-template-columns: repeat(2, 1fr);gap: 12px;}
	.aboutus-container {margin: 2rem 4rem;}
	.aboutus-content {margin: 2rem;gap: 2rem;}
	.footer {padding: 50px 20px 30px;}
	.contact-wrapper {height: auto;}
	.contact-info {position: relative;top: auto;left: auto;transform: none; width: 83%;margin: 0 auto 2rem auto;}
	.map-container {height: 450px;margin-top: 0;}
	.contact-info p {font-size: 20px;}


}

@media only screen and (max-width: 1000px) {
	.hero-container {height: 650px;}
	.hero-content {left: 50px;margin-top: 2rem;}
	.hero-content h1 {font-size: 65px; margin-bottom: 20px;}
	.hero-content p {font-size: 18px;padding-right: 20px;margin-bottom: 30px;}
	.search-bar h2 {font-size: 50px;}
    .search-bar form {margin: 2rem;margin-top: -70px;padding: 2rem;}
	.quicklinks-section {padding: 18px;margin: 0 1.5rem;}
	.card {height: 240px;}
	.label {font-size: 28px;letter-spacing: 1px;}
	.partners-section {margin: 2rem 3rem;}
	.aboutus-container {margin: 2rem 3rem;}
	.aboutus-text {width: 100%;}
	.aboutus-img {width: 100%;margin: 1rem 0;}
	.aboutus-img img {max-height: 350px;}
	.aboutus-content h2 {font-size: 34px;margin-bottom: 20px;}
	.aboutus-content p {font-size: 16px;margin-bottom: 25px;}
	.contact-info {width: 84%;padding: 30px;}
	.contact-info p {font-size: 18px;}
	.base-btn.contact a {padding: 10px 40px;}
	.footer-container {flex-direction: column;gap: 40px;align-items: center;text-align: center;}
	.social-icons {justify-content: center;}
	.form-half, .form-third {flex: 0 0 100%}
}

@media only screen and (max-width: 800px) {
	.search-bar h2 {font-size: 40px;}
    .search-bar form {margin: 1rem;margin-top: -50px;padding: 1.5rem;}
    .search-row {flex-direction: column;}
    .search-row input,.search-row button {width: 100%;}
	.search-bar form input[type="text"],.search-bar form button {height: 56px;font-size: 14px;}
	.quicklinks-section {padding: 15px;margin: 0 1rem;}
	.grid {grid-template-columns: 1fr;gap: 15px;}
	.card {height: 220px;border-radius: 14px;}
	.label {font-size: 24px;left: 14px;right: 14px;bottom: 12px;}
	.card:hover {transform: none;}
	.partners-section {padding: 30px 15px;margin: 2rem;}
	.partners-section h2 {font-size: 32px;margin-bottom: 30px;}
	.partners-logos {gap: 60px;}
	.partners-logos img {max-width: 180px;}
	.aboutus-container {margin: 2rem;border-radius: 16px;}
	.aboutus-content {margin: 1.5rem;gap: 1.5rem;}
	.aboutus-img img {max-height: 280px;border-radius: 14px;}
	.map-container {height: 350px;}
	.contact-info {padding: 25px;}
	.contact-info p {font-size: 16px;}
	.flex-row {flex-direction: column;}
	.form-half,.form-third,.form-whole {flex: 1 1 100%;}
}

@media only screen and (max-width: 600px) {
	.logo {height: 50px;}
	.social-media {display: none;}
	.nav-bar {padding: 0 20px;}
	.hero-content {left: 30px;}
	.hero-content h1 {font-size: 55px}
	.hero-content p {font-size: 18px;}
	.base-btn {font-size: 16px;}
	.quicklinks-section {padding: 10px;margin: 0 0.5rem;}
	.card {height: 190px;}
	.overlay {background: rgba(0,0,0,0.4);}
	.partners-section {margin: 1rem;}
	.partners-section h3 {font-size: 30px;}
	.aboutus-container {margin: 1rem;}
	.aboutus-content {margin: 1rem;}
	.aboutus-content h2 {font-size: 24px;}
	.aboutus-content p {font-size: 14px;}
	.aboutus-img img {max-height: 220px;}
	.footer {padding: 60px 40px;}
	.footer-logo img {width: 250px;}
	.footer-links h2, .footer-contact h2 {font-size: 30px;}
	.footer-links ul li a {font-size: 14px;}
	.content-text h2 {font-size: 50px;}
	.content-text {left: 40px;}
	.about-page h2 {font-size:30px;}
	.content-text h1 {font-size: 50px;}
}

@media only screen and (max-width: 500px) {
	.search-bar h2 {font-size: 30px;margin-bottom: 0;}
    .search-bar form {padding: 1rem;border-radius: 14px;}
    .search-bar form input[type="text"],.search-bar form button {font-size: 14px;height: 48px;}
	.partners-section h2 {font-size: 26px;}
	.partners-logos {flex-direction: column;gap: 30px;}
	.partners-logos img {max-width: 160px;}
	.contact-info {width: 80%;padding: 20px;border-radius: 16px;}
	.contact-info p {font-size: 15px;}
	.map-container {height: 280px;}
	.base-btn.contact a {padding: 10px 30px;font-size: 14px;}
	
}