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

hr{border:#000 1px solid;}
html {font-family: 'figtree', sans-serif;}

/*--- HEADER STYLES ---------------------*/
#Search {background: #000;}
.header-search-wrap {width: 90%; margin: 0 auto; padding: 10px 0; display: flex; gap: 20px;}
.header-search-wrap form {width: 100%; display: flex;}
.header-search-wrap form input {width: 100%; border: none; padding: 10px 0; height: 40px !important; border-radius: 0px !important;}
.header-search-wrap form input::placeholder {padding-left: 10px;}
.header-search-wrap form button {width: 90px; background: #BA1E1C; padding: 12px 0; color: #fff; font-family: 'figtree', sans-serif; text-transform: uppercase; font-weight: bold; border: none; font-size: 13px; line-height: 13px;}
.header-search-wrap form button:hover {cursor: pointer !important;}
.header-search-wrap .menu-toggle {background: rgba(255,255,255,0.2) !important; color: #fff !important; font-size: 30px !important; line-height: 30px !important; height: 40px !important; width: 40px !important; display: flex !important; justify-content: center !important; align-items: center !important;}

header { background: #000;}
.header-wrap {width: 90%; margin: 0 auto; padding: 20px 0; display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.header-left {width: 525px;}
.header-left img {width: 100%;}
.header-right {display: flex; gap: 30px; align-items: center;}
.header-btn button {width: 160px; background: #BA1E1C; padding: 12px 0; color: #fff; font-family: 'figtree', sans-serif; text-transform: uppercase; font-weight: bold; border: none; font-size: 14px; line-height: 14px;}
.header-btn button:hover {cursor: pointer;}
.header-icons {display: flex; gap: 20px; align-items: center;}
.header-icons i {color: #fff;}
.header-icons a:hover i {color: #ccc; transition: .5s;}

.mobile-search {display: none;}
.search-bkgrd {background: #444;}
.search-wrap {width: 95%; margin: 0 auto; padding: 10px 0;}
.search-wrap form input {width: 100%; border: 2px #000 solid; padding: 10px 0;}
.search-wrap form input::placeholder {padding-left: 10px;}

/*---BODY--------------------------------*/
.content-wrap {width: 80%; margin: 0 auto; padding: 50px 0;}
.content-wrap .head-content p {font-family: 'figtree', sans-serif; font-size: 32px; line-height: 42px; color: #010101; font-weight: 500;}
.content-wrap hr {width: 100%; border: 1px #EEE solid; margin: 10px 0 20px 0;}
.content-wrap p {font-family: 'figtree', sans-serif; font-size: 16px; line-height: 26px; color: #444; margin-bottom: 10px;}
.content-wrap p span {color: #BA1E1C;}

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
footer {background: url("/siteart/footer-bkgrd.jpg") repeat;}
.footer-wrap {width: 80%; margin: 0 auto; padding: 80px 0;}
.watermark {background: url("/siteart/logo-watermark.png") no-repeat; background-position: center; background-size: contain;background-color: rgba(0, 0, 0, .1);}
.footer-top {display: flex; align-items: center; gap: 50px;}
.footer-top > div:first-child, .footer-top > div:last-child {display: flex; gap: 50px;}
.footer-top p {color: #fff; font-family: 'figtree', sans-serif; font-size: 18px; line-height: 28px; font-weight: 600; margin-bottom: 5px;}
.footer-top hr {height: 112px; border: 1px rgba(255,255,255,0.10) solid; margin: 0px;}
.footer-wrap > hr {width: 100%; margin: 35px 0 50px 0; border: 1px rgba(255,255,255,0.10) dashed;}
.footer-socials {display: flex; gap: 50px; align-items: center; margin-bottom: 50px;}
.footer-socials a {display: flex; gap: 10px; align-items: center;}
.footer-wrap > p {font-family: 'figtree', sans-serif; font-size: 14px; line-height: 22px; color: #999;}
.footer-wrap li {margin-bottom: 5px;}
.footer-top li a, .footer-socials a p {font-family: 'figtree', sans-serif; font-size: 16px; line-height: 24px; color: #999;}
.footer-top li a:hover, .footer-socials a:hover p {color: #fff; transition: .5s;}
.footer-top li a span {color: #fff;}
.footer-socials a i {color: #fff; font-size: 24px; line-height: 24px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;}
.footer-socials > a:first-child i {background: #3B5998;}
.footer-socials > a:nth-child(2) i {background: #8A3AB9;}
.footer-socials > a:last-child i {background: #0A66C2;}

.brands {width: 80%; margin: 0 auto; padding: 30px 0;}
.brands .slick-track {display: flex !important; align-items: center; gap: 50px; justify-content: center;}
.slick-initialized .slick-slide {display: flex !important; justify-content: center;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-listings-count, .list-redesign .other-site-data-section .rent-lease .rent-lease-price, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {color: #BA1E1C !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, .gorprentsequipmentliftstodaycomhdev-a0om98.MuiPaginationItem-previousNext, .gorprentsequipmentliftstodaycomhdev-88jlbf, .listing-carousel .recommended-listings-section .view-all-link, .listing-carousel .recommended-auctions-section .view-all-link {background: #BA1E1C !important;}
.body-content, .ts-disclaimer span, .list-top-section .list-title .list-title-text, .faceted-search-content .faceted-section-head .faceted-section-title, .list-content .listing-portion-title a, .list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .list-listing-title .listing-category, .gorprentsequipmentliftstodaycomhdev-1r9hjhb, .listing-carousel .recommended-listings-section .view-all-link, .listing-carousel .recommended-auctions-section .view-all-link {font-family: 'figtree', sans-serif !important;}
.ts-disclaimer span {font-size: 16px !important; line-height: 26px !important; color: #444 !important;}
.list-top-section .list-title .list-title-text, .list-top-section .list-listings-count {font-weight: 400 !important;}

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

@media only screen and (max-width: 1300px) {
	.header-wrap, .header-search-wrap {width: 95%;}
	.content-wrap, .footer-wrap, .brands {width: 85%;}
}

@media only screen and (max-width: 1200px) {
	.header-wrap, .header-right {gap: 20px;}
}

@media only screen and (max-width: 1100px) {
	.header-btn, .searchselect, .header-search, .footer-top hr {display: none;}
	.header-left {width: 425px;}
	.header-icons i {font-size: 20px;}
	.mobile-search {display: contents;}
	.content-wrap, .footer-wrap, .brands {width: 90%;}
	.footer-top {flex-wrap: wrap; gap: 30px;}
	.footer-top > div {width: 100%;}
	.footer-socials, .footer-top > div:last-child {flex-wrap: wrap;}
}

@media only screen and (max-width: 800px) {
	.footer-socials {gap: 30px;}
	.footer-top > div:last-child {gap: 20px;}
	.footer-top > div:last-child ul {display: flex; gap: 20px; flex-wrap: wrap;}
	.footer-top > div:last-child li {margin-bottom: 0px;}
}

@media only screen and (max-width: 750px) {
	.header-wrap {flex-wrap: wrap; gap: 20px; padding: 30px 0;}
	.header-left {margin: 0 auto;}
	.header-right {width: 100%;}
	.header-right {justify-content: center;}
	.header-icons {height: 20px;}
}

@media only screen and (max-width: 450px) {
	.content-wrap .head-content p {font-size: 28px; line-height: 38px;}
	.footer-top > div:first-child {flex-wrap: wrap; gap: 30px;}
	.footer-top > div:first-child > div {width: 100%;}
}