/***** 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;}
html {font-family: 'poppins', sans-serif;}

/*--- HEADER STYLES ---------------------*/
header { background: #EFEAE3;}
.header-wrap {width: 95%; margin: 0 auto; display: flex; justify-content: space-between;}
.header-wrap > a {position: absolute; padding-top: 10px; width: 200px; z-index: 600;}
.header-wrap > a img {width: 100%;}

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

/*---DEFAULT---*/
.hero-bkgrd {background: url("/siteart/hero.jpg") no-repeat; background-position: center; background-size: cover;}
.hero-overlay {background: rgba(44,43,42,0.60);}
.hero-wrap {width: 95%; margin: 0 auto; padding: 350px 0 100px 0;}
.hero-content {width: 580px;}
.hero-content p {font-family: 'poppins', sans-serif; font-weight: 500; font-size: 16px; line-height: 26px; color: #fff;}
.hero-content h1 {font-family: 'poppins', sans-serif; font-weight: 600; font-size: 45px; line-height: 60px; color: #fff; margin-top: 10px;}
.hero-content button {background: #E9B504; width: 175px; display: flex; justify-content: center; align-items: center; border-radius: 5px; border: 2px #E9B504 solid; padding: 12px 0 10px 0; font-family: 'poppins', sans-serif; font-weight: 600; font-size: 15px; line-height: 25px; color: #2C2B2A; margin-top: 20px;}
.hero-content button:hover {background: none; color: #fff; border: 2px #fff solid; transition: .8s;}
.nav-arrow {text-align: center; width: 88px; height: 88px; margin: 0 auto; display: flex; justify-content: center; align-items: center; border-radius: 50px; background: rgba(233,181,4,0.30); margin-bottom: -30px; position: relative; bottom: -15px;}
.nav-arrow a {background: #E9B504; width: 74px; height: 74px; display: flex; justify-content: center; align-items: center; border-radius: 50px; margin: 0 auto;}
.nav-arrow i {color: #2C2B2A; font-size: 30px; line-height: 30px; width: 58px; height: 58px; display: flex; justify-content: center; align-items: center; border-radius: 50px; background: #fff; margin: 0 auto;}
.nav-arrow a:hover {background: rgba(233,181,4,0.50); transition: .8s;}
.nav-arrow a:hover i {background: #E9B504; transition: .8s;}

.fixed-icons {position: fixed; width: 58px; top: 400px; right: 0px;}
.fixed-icons a {display: flex; justify-content: flex-end;}
.fixed-icons > a:first-child {margin-bottom: 2px;}
.fixed-icons i {background: #E9B504; width: 58px; height: 58px; display: flex; justify-content: center; align-items: center; color: #2C2B2A; font-size: 25px; line-height: 25px;}
.fixed-icons a:hover i {background: #2C2B2A; color: #fff; transition: .8s;}

.about-bkgrd {background: #E9E1D7;}
.about-wrap {width: 95%; margin: 0 auto; padding: 120px 0; display: flex; justify-content: space-between; gap: 100px;}
.about-wrap > div:first-child {width: 550px;}
.about-wrap > div:last-child {width: 55%;}
.about-wrap h2 {font-family: 'poppins', sans-serif; font-weight: 600; font-size: 40px; line-height: 55px; color: #2C2B2A;}
.about-wrap p {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 30px; color: #2C2B2A;}
.about-wrap button {background: #E9B504; width: 175px; display: flex; justify-content: center; align-items: center; border-radius: 5px; border: none; padding: 12px 0 10px 0; font-family: 'poppins', sans-serif; font-weight: 600; font-size: 15px; line-height: 25px; color: #2C2B2A; margin-top: 20px;}
.about-wrap button:hover {background: #2C2B2A; color: #fff; transition: .8s;}

.auction-bkgrd {background: #EFEAE3;}
.auction-wrap {width: 95%; margin: 0 auto; padding: 120px 0;}
.auction-wrap > div {display: flex; justify-content: center; align-items: center; gap: 50px;}
.auction-wrap > div:first-child {margin-bottom: 50px;}
.auction-wrap > div img {width: 50%; border-radius: 10px;}
.auction-wrap > div > div {width: 50%;}
.auction-wrap h2 {font-family: 'poppins', sans-serif; font-weight: 600; font-size: 40px; line-height: 55px; color: #2C2B2A; margin-bottom: 8px;}
.auction-wrap p {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 30px; color: #2C2B2A;}
.auction-wrap button {border: 2px #2C2B2A solid; padding: 12px 15px 10px 15px; border-radius: 5px; color: #2C2B2A; font-family: 'poppins', sans-serif; font-weight: 600; font-size: 15px; line-height: 25px; background: none; display: flex; gap: 20px; align-items: center;}
.auction-wrap button:hover {background: #E9B504; border: 2px #E9B504 solid; transition: .8s;}
.auction-wrap button:hover i {padding-left: 10px; transition: .8s;}
.link-btns {display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap;}

.estate-bkgrd {background: url("/siteart/real-estate.jpg") no-repeat; background-position: center; background-size: cover;}
.estate-overlay {background: rgba(44,43,42,0.60);}
.estate-wrap {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end; padding: 350px 0 60px 0;}
.estate-wrap h3 {font-family: 'poppins', sans-serif; font-weight: 600; font-size: 45px; line-height: 60px; color: #fff; width: 400px;}
.estate-wrap button {background: #E9B504; width: 175px; display: flex; justify-content: center; align-items: center; border-radius: 5px; border: 2px #E9B504 solid; padding: 12px 0 10px 0; font-family: 'poppins', sans-serif; font-weight: 600; font-size: 15px; line-height: 25px; color: #2C2B2A; margin-bottom: 15px;}
.estate-wrap button:hover {background: none; color: #fff; border: 2px #fff solid; transition: .8s;}

.contact-wrap {width: 90%; margin: 0 auto; padding: 120px 0; text-align: center;}
.contact-wrap h2 {font-family: 'poppins', sans-serif; font-weight: 600; font-size: 40px; line-height: 55px; color: #2C2B2A; margin-bottom: 8px;}
.contact-wrap p {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 30px; color: #2C2B2A; width: 750px; margin: 0 auto;}
.contact-wrap button {background: #E9B504; width: 175px; display: flex; justify-content: center; align-items: center; border-radius: 5px; border: none; padding: 12px 0 10px 0; font-family: 'poppins', sans-serif; font-weight: 600; font-size: 15px; line-height: 25px; color: #2C2B2A; margin: 0 auto;}
.contact-wrap button:hover {background: #2C2B2A; color: #fff; transition: .8s;}
.contact-flex {display: flex; gap: 10px !important; margin: 50px 0;}
.contact-flex a {width: 100%; background: #2C2B2A; border-radius: 10px;}
.contact-flex a:hover {background: #E9B504; transition: .8s;}
.contact-card {text-align: center; padding: 60px 0;}
.contact-card i {font-size: 35px; line-height: 35px; color: #fff;}
.contact-card h4 {font-family: 'poppins', sans-serif; font-weight: 600; font-size: 30px; line-height: 40px; color: #fff; margin-top: 20px; margin-bottom: 15px;}
.contact-card p {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 30px; color: #fff !important; width: auto;}
.contact-flex a:hover .contact-card i, .contact-flex a:hover .contact-card h4, .contact-flex a:hover .contact-card p {color: #2C2B2A !important; transition: .8s;}

/*---ABOUT---*/
.about-hero-overlay {background: rgba(44,43,42,0.80);}
.about-hero-wrap {width: 95%; margin: 0 auto; padding: 225px 0 60px 0;}
.about-hero-content {width: 100%; text-align: center;}
.about-hero-content h1 {font-family: 'poppins', sans-serif; font-weight: 600; font-size: 45px; line-height: 60px; color: #fff;}
.about-content p {margin-bottom: 10px;}
.about-page-wrap {width: 95%; margin: 0 auto; padding: 120px 0;}
.about-page-wrap > div {display: flex; justify-content: center; align-items: center; gap: 50px;}
.about-page-wrap > div img {width: 50%; border-radius: 10px;}
.about-page-wrap > div > div {width: 50%;}
.about-page-wrap h2 {font-family: 'poppins', sans-serif; font-weight: 600; font-size: 40px; line-height: 55px; color: #2C2B2A; margin-bottom: 8px;}
.about-page-wrap p {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 30px; color: #2C2B2A;}
.about-page-wrap button {border: 2px #2C2B2A solid; padding: 12px 15px 10px 15px; border-radius: 5px; color: #2C2B2A; font-family: 'poppins', sans-serif; font-weight: 600; font-size: 15px; line-height: 25px; background: none; display: flex; gap: 20px; align-items: center;}
.about-page-wrap button:hover {background: #E9B504; border: 2px #E9B504 solid; transition: .8s;}
.about-page-wrap button:hover i {padding-left: 10px; transition: .8s;}

/*---CONTACT---*/
.contact-form-bkgrd {background: #EFEAE3; padding: 80px 0; border-radius: 10px; margin-top: 50px;}
.contact-form-bkgrd form {width: 95%;}
.form-flex > div {display: flex; gap: 10px; margin-bottom: 10px;}
.form-flex input {width: 100%; border: none; padding: 12px 0 10px 20px; font-family: 'poppins', sans-serif; font-size: 15px; line-height: 25px; border-radius: 3px; color: #888888;}
.form-flex input::placeholder, .form-textarea textarea::placeholder {color: #888888;}
.form-textarea {display: flex;}
.form-textarea textarea {width: 100%; border: none; padding: 12px 0 0 20px; font-family: 'poppins', sans-serif; font-size: 15px; line-height: 25px; border-radius: 3px; color: #888888; height: 120px;}
.contact-form-bkgrd .submitselect {background: #E9B504; width: 175px; display: flex; justify-content: center; align-items: center; border-radius: 5px; border: none; padding: 12px 0 10px 0; font-family: 'poppins', sans-serif; font-weight: 600; font-size: 15px; line-height: 25px; color: #2C2B2A; margin-top: 25px;}
.contact-form-bkgrd .submitselect:hover, .contact-form-bkgrd .submit:hover {background: #2C2B2A; color: #fff; transition: .8s; cursor: pointer !important;}
.contact-form-bkgrd .submit {background: #E9B504; width: 175px; display: flex; justify-content: center; align-items: center; border-radius: 5px; border: none; padding: 12px 0 10px 0; font-family: 'poppins', sans-serif; font-weight: 600; font-size: 15px; line-height: 25px; color: #2C2B2A; margin: 0 auto;}
.contact-form-bkgrd form img {width: auto; border-radius: 0px;}
.contact-form-bkgrd .CaptchaAnswerPanel input {border: none; padding: 12px 0 10px 20px; font-family: 'poppins', sans-serif; font-size: 15px; line-height: 25px; border-radius: 3px; color: #888888;}
.contact-form-bkgrd .CaptchaWhatsThisPanel a {color: #2C2B2A; text-decoration: underline;}

/*---REAL ESTATE---*/
.real-estate-content h3 {font-family: 'poppins', sans-serif; font-weight: 600; font-size: 30px; line-height: 40px; color: #2C2B2A; margin-bottom: 8px; margin-top: 25px;}

.what-we-offer > div {background: #EFEAE3; border-radius: 3px; width: 100%; padding: 40px 25px 60px 25px; text-align: center; height: 100%;}
.what-we-offer {display: flex; gap: 10px !important; align-items: flex-start !important; margin-top: 60px; margin-bottom: 50px;}
.what-we-offer h4 {font-size: 20px; line-height: 30px; margin-bottom: 10px;}
.what-we-offer p {font-size: 15px; line-height: 28px;}
.what-we-offer > div > div {width: 88px; height: 88px; margin: 0 auto; display: flex; justify-content: center; align-items: center; border-radius: 50px; background: rgba(233,181,4,0.30); margin-top: -80px; margin-bottom: 20px;}
.what-we-offer > div > div > div {background: #E9B504; width: 74px; height: 74px; display: flex; justify-content: center; align-items: center; border-radius: 50px; margin: 0 auto;}
.what-we-offer i {color: #2C2B2A; font-size: 28px; line-height: 28px; width: 58px; height: 58px; display: flex; justify-content: center; align-items: center; border-radius: 50px; background: #fff; margin: 0 auto;}

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




/*-------- FOOTER STYLES ----------------*/
footer {background: #2C2B2A;}
.footer-wrap {width: 95%; margin: 0 auto; padding: 50px 0 120px 0; display: flex; justify-content: space-between;}
.footer-flex {display: flex; gap: 100px; margin-top: 50px;}
footer p {font-family: 'poppins', sans-serif; font-weight: 600; font-size: 18px; line-height: 30px; color: #fff; margin-bottom: 12px;}
footer li {margin-bottom: 5px;}
footer li a {font-family: 'poppins', sans-serif; font-size: 16px; line-height: 30px; color: #fff;}
footer button {background: #E9B504; width: 175px; display: flex; justify-content: center; align-items: center; border-radius: 5px; border: 2px #E9B504 solid; padding: 12px 0 10px 0; font-family: 'poppins', sans-serif; font-weight: 600; font-size: 15px; line-height: 25px; color: #2C2B2A; margin-top: 25px;}
footer button:hover {background: none; color: #fff; border: 2px #fff solid; transition: .8s;}
.footer-links {display: flex; gap: 50px;}
.footer-wrap > a {width: 200px;}
.footer-wrap img {width: 100%;}
footer li a:hover {color: #E9B504; transition: .8s;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-redesign, .detail-wrapper {padding: 100px 0 !important;}
.list-redesign, .list-top-section .list-title .list-title-text, .list-content .listing-portion-title a, .list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .list-listing-title .listing-category, .options-popper-div .options-popper-btn, .list-redesign .widget-container .listing-widgets a, .list-redesign .specs-container, .list-content .spec-label, .list-content .dealer-data, .faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-head .faceted-section-title, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"]:not([class*="Mui"]), input[type="reset"], input[type="search"]:not([class*="Mui"]), input[type="tel"]:not([class^="Mui"]), input[type="text"]:not([class^="Mui"]), input[type="time"], input[type="url"], input[type="week"], select, textarea, .detail-wrapper, .ironmikesauctionscomhdev-cvl3bv, .ironmikesauctionscomhdev-1cuaq4u, .ironmikesauctionscomhdev-18d81o8, .ironmikesauctionscomhdev-88jlbf, .dealer-contact__header, .ironmikesauctionscomhdev-9uiqsl, .ironmikesauctionscomhdev-9gup2g, .ironmikesauctionscomhdev-1gmgn39, .ironmikesauctionscomhdev-xxli94, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button) {font-family: 'poppins', sans-serif !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 {color: #E9B504 !important;}
.faceted-search-content button.faceted-search, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-error-container .info button:not(.login-button) {background: #2C2B2A !important;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .ironmikesauctionscomhdev-88jlbf {background: #E9B504 !important; color: #2C2B2A !important; font-weight: bold !important;}


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

@media only screen and (max-width: 1550px) {
	.about-page-wrap > div {align-items: flex-start;}
}

@media only screen and (max-width: 1400px) {
	.what-we-offer {flex-wrap: wrap;}
	.what-we-offer > div {width: 28.5% !important;}
}

@media only screen and (max-width: 1350px) {
	.footer-links {display: block;}
}

@media only screen and (max-width: 1280px) {
	.about-wrap > div:last-child {width: 50%;}
	.about-wrap > div:first-child {width: 40%;}
	.about-wrap {gap: 0px;}
}

@media only screen and (max-width: 1250px) {
	.what-we-offer > div {width: 28% !important;}
}

@media only screen and (max-width: 1150px) {
	.footer-wrap {flex-wrap: wrap;}
	.footer-flex {width: 100%; justify-content: space-between;}
	.footer-wrap > a {width: 100%; text-align: center;}
	.footer-wrap img {width: 200px;}
	.what-we-offer > div {width: 27.5% !important;}
}

@media only screen and (max-width: 1050px) {
	.contact-flex {flex-wrap: wrap; justify-content: center;}
	.contact-flex a {width: 49%;}
	.what-we-offer > div {width: 27% !important;}
}

@media only screen and (max-width: 1000px) {
	.list-redesign, .detail-wrapper {padding: 120px 0 !important;}
	.what-we-offer > div {width: 26.5% !important;}
}

@media only screen and (max-width: 900px) {
	.what-we-offer > div {width: 26% !important;}
}

@media only screen and (max-width: 850px) {
	.fixed-icons {top: 180px;}
	.about-wrap {flex-wrap: wrap; gap: 8px;}
	.about-wrap > div:last-child, .about-wrap > div:first-child {width: 100%;}
	.auction-wrap > div, .about-page-wrap > div {flex-wrap: wrap;}
	.auction-wrap > div > div, .auction-wrap > div img, .about-page-wrap > div > div, .about-page-wrap > div img {width: 100%;}
	.contact-wrap p {width: 100%;}
	.footer-flex {flex-wrap: wrap; gap: 50px;}
	.what-we-offer > div {width: 42.5% !important;}
}

@media only screen and (max-width: 800px) {
	.hero-content {width: 100%;}
	.what-we-offer > div {width: 42% !important;}
}

@media only screen and (max-width: 750px) {
	.what-we-offer > div {width: 41.5% !important;}
}

@media only screen and (max-width: 700px) {
	.contact-flex a {width: 100%;}
	.what-we-offer > div {width: 41% !important;}
}

@media only screen and (max-width: 650px) {
	.estate-wrap {flex-wrap: wrap; gap: 25px;}
	.estate-wrap h3 {width: 100%;}
	.what-we-offer > div {width: 100% !important;}
}

@media only screen and (max-width: 450px) {
	.hero-wrap {padding: 300px 0 80px 0;}
	.fixed-icons {width: 50px;}
	.fixed-icons i, .nav-arrow i {width: 50px; height: 50px; font-size: 20px; line-height: 20px;}
	.hero-content h1, .estate-wrap h3, .about-hero-content h1 {font-size: 40px; line-height: 55px;}
	.nav-arrow a {width: 68px; height: 68px;}
	.nav-arrow {width: 82px; height: 82px;}
	.about-wrap h2, .auction-wrap h2, .contact-wrap h2, .about-page-wrap h2 {font-size: 35px; line-height: 50px;}
	.about-wrap, .auction-wrap, .contact-wrap, .about-page-wrap {padding: 100px 0;}
	.estate-wrap {padding: 300px 0 60px 0;}
	.form-flex > div {flex-wrap: wrap;}
	.contact-form-bkgrd {padding: 50px 0;}
	.real-estate-content h3 {font-size: 25px; line-height: 35px;}
}

@media only screen and (max-width: 400px) {
	.header-wrap > a, .footer-wrap img {width: 50%;}
}

@media only screen and (max-width: 350px) {
	.hero-content h1, .estate-wrap h3, .about-hero-content h1 {font-size: 35px; line-height: 50px;}
	.hero-wrap {padding: 250px 0 60px 0;}
	.about-wrap h2, .auction-wrap h2, .contact-wrap h2, .about-page-wrap h2 {font-size: 30px; line-height: 42px;}
	.estate-wrap {padding: 250px 0 60px 0;}
	.contact-card i {font-size: 30px; line-height: 30px;}
	.contact-card h4 {font-size: 25px; line-height: 35px;}
	.contact-card p {font-size: 15px; line-height: 28px;}
	.real-estate-content h3 {font-size: 22px; line-height: 32px;}
}