/***** 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 {background: #EDEDED;}

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

/*--- HEADER STYLES ---------------------*/
header {background: #2C2C2C;}
.header-wrap {width: 95%; margin: 0 auto; padding: 10px 0 0 0; display: flex; justify-content: space-between; margin-bottom: -25px;}
.header-search-social, .header-contact {display: flex;}
.header-search-social {align-items: center; gap: 20px; justify-content: flex-end; margin-bottom: 30px;}
.header-search-social input {border: none; font-size: 15px !important; font-family: 'Poppins', sans-serif; border-radius: 30px !important; padding: 10px 0 8px 20px !important; line-height: 15px; width: 280px !important; position: relative; right: -35px;}
.header-search button {background: none; border: none; color: #EC1F27; font-size: 18px; position: relative; z-index: 500; left: -10px; top: 1px;}
.header-fb i {color: #EC1F27; font-size: 28px;}
.header-fb a:hover i {color: #E6E6E6; transition: .5s;}
.header-contact {gap: 40px;}
.header-contact a {display: flex; gap: 15px; align-items: center;}
.header-contact a i {color: #EC1F27; font-size: 28px;}
.header-contact a p {color: #fff; font-weight: 600; font-size: 18px; line-height: 20px;}
.header-contact a p span {font-size: 12px; font-weight: 400;}
.header-contact a:hover i, .header-contact a:hover p {color: #E6E6E6; transition: .5s;}

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

/*---DEFAULT---*/
.reel {width: 100% !important;}
#hero-video {position: relative;}
.herosurround #hero-video {height: 520px; z-index: -1; overflow: hidden;}
.reel img {height: 100%; z-index: -1; overflow: hidden; position: relative; width: 100%;}
.mobile-hero {display: none;}
.player {
    width: 100vw;
    height: 100vh;
}
.mobilereel img {height: 100vw; z-index: -1; overflow: hidden; position: relative; width: 100vw;}

.img-padding {padding: 280px 0;}
video::-webkit-media-controls-panel {
display: none !important;
opacity: 1 !important;}
video::-webkit-media-controls-start-playback-button {
    display: none;
}

.hero-bkgrd-video {background: url("/siteart/hero.jpg") no-repeat; background-position: center; background-size: cover;}
.hero-bkgrd {background: url("/siteart/hero-inventory.jpg") no-repeat; background-position: center; background-size: cover;}
.hero-wrap {width: 95%; margin: 0 auto; padding: 120px 0 30px 0; position: relative; z-index: 600;}
.hero-content {background: rgba(44,44,44,0.80); padding: 50px; width: 800px;}
.hero-content h1 {color: #fff; font-size: 50px; font-weight: bold; line-height: 65px;}
.hero-content p {color: #fff; font-size: 16px; line-height: 30px; padding: 15px 0 25px 0;}
.hero-buttons {display: flex; gap: 15px;}
.hero-buttons button {font-size: 16px; line-height: 16px; color: #fff; font-family: 'Poppins', sans-serif; padding: 12px 0 10px 0; width: 220px; border-radius: 30px;}
.hero-buttons > a:last-child button {border: 1px #EC1F27 solid; background: #EB141C;}
/*.hero-buttons > a:last-child button {border: 1px #fff solid; background: none;}*/
.hero-buttons > a:first-child button:hover, .hero-buttons > a:last-child button:hover {background: #B40F15; border: 1px #B40F15 solid; transition: .5s;}
.email-tax-forms {
    color: #B30C0F;
    transition: color .2s ease;
}

.email-tax-forms:hover {
    color: red!important;
}
.our-services {padding: 80px 0; width: 90%; margin: 0 auto; text-align: center;}
.our-services h2 {color: #2C2C2C; font-size: 35px; line-height: 50px;}
.services-flex {display: flex; justify-content: space-between; gap: 30px; padding-top: 40px;}
.services-flex a {width: 100%;}
.services-flex a > div:first-child {background: #fff;}
.services-flex a > div:first-child {padding: 40px 25px;}
.services-flex a > div:first-child p {color: #000; font-size: 15px; line-height: 24px;}
.services-flex a > div:last-child {background: #EB141C; padding: 12px 0;}
.services-flex a > div:last-child p {color: #fff; font-size: 16px;}
.services-flex i {color: #EC1F27; font-size: 40px;}
.services-flex h3 {font-size: 25px; line-height: 35px; color: #000; padding: 25px 0 15px 0;}
.services-flex a:hover {transition: .5s; transform: translateY(-6px);}

.home-contact {display: flex; justify-content: space-between;}
.get-in-touch {background: #2C2C2C; width: 35%;}
.get-in-touch h2 {color: #fff; font-size: 35px; line-height: 50px; margin-bottom: 5px;}
.get-in-touch hr {border: #EC1F27 2px solid; width: 58px; margin: 0px; margin-bottom: 30px;}
.get-in-touch p, .get-in-touch > div > div a {color: #fff; font-size: 18px; line-height: 30px;}
.get-in-touch > div {width: 70%; margin: 0 auto; padding: 80px 0;}
.get-in-touch > div > div {margin-top: 20px;}
.get-in-touch button {color: #fff; font-size: 16px; line-height: 16px; padding: 12px 0 10px 0; width: 220px; border: 1px #EC1F27 solid; background: #EB141C; border-radius: 30px; font-family: 'Poppins', sans-serif; margin-top: 30px;}
.leave-us-message {width: 65%;}
.leave-us-message h2 {color: #2C2C2C; font-size: 35px; line-height: 50px; margin-bottom: 5px;}
.leave-us-message p {color: #2C2C2C; font-size: 16px; line-height: 24px; margin-bottom: 25px;}
.leave-us-message > div {width: 85%; margin: 0 auto; padding: 80px 0 30px;}
.leave-us-message .form-flex {display: flex; justify-content: space-between; gap: 20px;}
.leave-us-message .form-flex input {width: 100%; border: 1px #2C2C2C solid; font-family: 'Poppins', sans-serif; font-size: 16px; color: #9F9F9F; line-height: 16px; padding: 15px 0 13px 15px;}
#ag-exemptions-sales-tax-page {width: 90%; margin: 0 auto; padding: 70px 0;}
#ag-exemptions-sales-tax-page h1 {color: #2C2C2C; font-size: 35px; line-height: 50px; margin-bottom: 5px;}
#ag-exemptions-sales-tax-page p {font-size: 18px; line-height: 26px; margin-bottom: 10px;}
#ag-exemptions-sales-tax-page div p {color: #2C2C2C; margin-bottom: 5px !important; font-size: 20px;}
#ag-exemptions-sales-tax-page li {list-style-type: decimal; line-height: 30px; font-size: 18px;}
#ag-exemptions-sales-tax-page ul {margin-left: 30px;}
#ag-exemptions-sales-tax-page div {margin-top: 15px;}
.leave-us-message textarea {width: 98%; margin-top: 20px; border: 1px #2C2C2C solid; font-family: 'Poppins', sans-serif; font-size: 16px; color: #9F9F9F; line-height: 16px; padding: 15px 0 0px 15px; height: 160px;}
.leave-us-message .submitselect {color: #fff; font-size: 16px; line-height: 16px; padding: 12px 0 10px 0; width: 220px; border: 1px #EC1F27 solid; background: #EB141C; border-radius: 30px; font-family: 'Poppins', sans-serif; margin-top: 30px; display: flex; justify-content: center;}
.leave-us-message .submit {color: #fff; font-size: 16px; line-height: 16px; padding: 12px 0 10px 0; width: 220px; border: 1px #EC1F27 solid; background: #EC1F27; border-radius: 30px; font-family: 'Poppins', sans-serif;}
.leave-us-message .CaptchaWhatsThisPanel a {color: #2C2C2C; border-bottom: 1px #2C2C2C solid;}
.leave-us-message .CaptchaAnswerPanel input {height: 30px;}
.get-in-touch button:hover {background: none; transition: .5s; border: 1px #fff solid;}
.leave-us-message .submitselect:hover, .leave-us-message .submit:hover {background: #2C2C2C; border: 1px #2C2C2C solid; transition: .5s;}
.get-in-touch a {border-bottom: 1px transparent solid;}
.get-in-touch > div > div a:hover {border-bottom: 1px #fff solid; transition: .5s;}

#signup {margin: 5px 0; background: #2C2C2C;}
#signup a  {background: #2C2C2C;}
#signup div, #termandcondition div {width: 90%; margin: 0 auto; padding: 20px 0 15px 0;}
#signup h4, #termandcondition h4 {color: #fff; font-size: 18px; text-transform: uppercase; line-height: 28px; text-align: center;}
#signup:hover {background: #EC1F27; transition: .5s;}
#termandcondition a{color: #fff; text-decoration: underline; cursor: pointer;}
#termandcondition{background-color: #EC1F27;}
#termandcondition a:hover{color: #2C2C2C; transition: 0.2;}


#kw-equipment {background: #EB141C;}
#kw-equipment > div {display: flex; justify-content: space-between; width: 95%; margin: 0 auto; padding: 50px 0; align-items: center; gap: 50px;}
#kw-equipment h5 {color: #fff; font-size: 40px; line-height: 55px; font-weight: bold;}
#kw-equipment p {color: #fff; font-size: 16px; line-height: 28px;}
#kw-equipment > div > div:first-child {width: 650px;}
#kw-equipment button {color: #fff; font-size: 16px; line-height: 16px; padding: 12px 0 10px 0; width: 220px; border: 2px #fff solid; background: #EB141C; border-radius: 30px; font-family: 'Poppins', sans-serif;}
#kw-equipment button:hover {background: #2C2C2C; transition: .5s; border: 2px #2C2C2C solid;}

/*---ABOUT---*/
#about-page {width: 90%; margin: 0 auto; padding: 70px 0;}
#about-page h1 {color: #2C2C2C; font-size: 35px; line-height: 50px; margin-bottom: 5px;}
#about-page p {font-size: 18px; line-height: 26px; margin-bottom: 10px;}
#about-page div p {color: #2C2C2C; margin-bottom: 5px !important; font-size: 20px;}
#about-page li {list-style-type: decimal; line-height: 30px; font-size: 18px;}
#about-page ul {margin-left: 30px;}
#about-page div {margin-top: 15px;}

/*---EMAIL SIGNUP---*/
.email-signup-email {margin-top: 20px;}
.email-signup h1 {color: #2C2C2C; font-size: 35px; line-height: 50px; margin-bottom: 5px;}

/*---THANK YOU---*/
.thankyou button {color: #fff; font-size: 16px; line-height: 16px; padding: 12px 0 10px 0; width: 220px; border: 1px #EC1F27 solid; background: #EC1F27; border-radius: 30px; font-family: 'Poppins', sans-serif;}
.thankyou button:hover {background: #2C2C2C; border: 1px #2C2C2C solid; transition: .5s;}

/*---UPCOMING AUCTIONS---*/
.upcoming-at-flex {display: flex; justify-content: space-between; align-items: center;}
.upcoming-at-flex h2 {color: #2C2C2C; font-size: 24px; line-height: 30px; text-align: center; padding-top: 30px;}
.upcoming-at-flex img {max-width:400px; width: 100%;display: block; margin: 0 auto;}
.near-dates-flex2 {justify-content: flex-start;}
.upcoming-at-flex .upcoming-at-dates-flex2 a {color: #2C2C2C;}
.upcoming-at-flex .upcoming-at-dates-flex2 a:hover {color: #EC1F27; transition: .5s; border-bottom: none !important;}
.upcoming-at-flex p a {color: #2C2C2C; border-bottom: 1px transparent solid;}
.upcoming-at-flex p a:hover {color: #EC1F27 ; transition: .5s;}
.upcoming-at-flex .upcoming-at-dates-flex2 p {line-height: 35px !important;}
.upcoming-at-flex > div {flex:1;}


/*--------FORM STYLES--------------------*/
.email-signup-btns button {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    padding: 12px 0 10px 0;
    width: 250px;
    border: 1px #EC1F27 solid;
    background: #EC1F27;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    margin-top: 10px;
}
.email-signup-btns button:hover {background: #2C2C2C; border: 1px #2C2C2C solid; transition: .5s;}
/*-------- FOOTER STYLES ----------------*/
footer {background: #2C2C2C; font-family: 'Poppins', sans-serif !important;}
footer > div {width: 95%; margin: 0 auto; padding: 50px 0; display: flex; justify-content: space-between;}
footer .footer-right {display: flex; gap: 80px; align-items: flex-end;}
footer p {color: #fff; font-size: 20px; line-height: 30px; text-transform: uppercase; font-weight: bold;}
footer li {font-size: 16px; color: #fff; line-height: 35px;}
footer li a {color: #fff; border-bottom: 1px transparent solid; font-family: 'Poppins', sans-serif !important;}
footer ul {margin-top: 10px;}
footer .footer-fb {margin: 15px 0;}
footer .footer-fb i {color: #fff; font-size: 25px;}
footer .footer-left button {color: #fff; font-size: 14px; line-height: 14px; padding: 12px 0 10px 0; width: 180px; border: 1px #EC1F27 solid; background: #EB141C; border-radius: 30px; font-family: 'Poppins', sans-serif; margin-top: 10px;}
footer .footer-right li {text-transform: uppercase;}
footer .footer-license {border: 1px #fff solid; padding: 25px 30px; width: 300px;}
footer .footer-license p {font-size: 16px; line-height: 30px;}
footer .footer-license p:first-child {margin-bottom: 12px;}
footer li a:hover {border-bottom: 1px #fff solid; transition: .5s;}
footer .footer-left button:hover {border: 1px #fff solid; background: none; transition: .5s;}
footer .footer-fb a:hover i {color: #EC1F27; transition: .5s;}

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







/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1300px) {
	.email-signup-btns {flex-wrap: wrap; gap:0px;margin-bottom: 80px; }
	.email-signup-btns button {margin-bottom: 0px;}
	
@media only screen and (max-width: 1150px) {
	.our-services, #about-page {width: 95%;}
	.home-contact {flex-wrap: wrap;}
	.get-in-touch {width: 100%;}
	.get-in-touch > div {width: 95%;}
	.leave-us-message {width: 100%;}
	.leave-us-message > div {width: 95%;}
	.leave-us-message textarea {width: 98.5%;}
}

@media only screen and (max-width: 1050px) {
	.header-right {display: none;}
	.header-wrap {justify-content: center;}
	.hero-wrap {width: 100%; padding: 0px;}
	.hero-content {width: 100%; margin: 0 auto; padding: 170px 0 80px 0;}
	.hero-content > div {width: 95%; margin: 0 auto;}
	.header-left img {width: 250px;}
	.header-wrap {margin-bottom: -15px;}
	.hero-content {background: rgba(44, 44, 44, 1.00);}
	.herosurround #hero-video {height: auto; width: 100%;}
	.reel img {width: 100%; height: auto;}
	.reel {display: none !important;}
	.mobile-hero {display: contents;}
	.img-padding {padding: 200px 0;}
}

@media only screen and (max-width: 1000px) {
	.upcoming-at {flex-wrap: wrap; gap: 50px;}
	.upcoming-at > div {width: 100% !important;}
}

@media only screen and (max-width: 950px) {
	.services-flex {flex-wrap: wrap;}
	.services-flex a {width: 48%;}
}

@media only screen and (max-width: 900px) {
	.leave-us-message textarea {width: 98.2%;}
}

@media only screen and (max-width: 850px) {
	.hero-content h1 {font-size: 45px; line-height: 60px;}
}

@media only screen and (max-width: 800px) {
	.hero-content {padding: 150px 0 60px 0;}
	.services-flex a {width: 47.5%;}
	#kw-equipment > div {flex-wrap: wrap; gap: 20px;}
	#kw-equipment > div > div:first-child {width: 100%;}
	.hero-content {padding: 120px 0 80px 0;}
	.leave-us-message textarea {width: 97.8%;}
	footer > div {flex-wrap: wrap; gap: 50px;}
	footer .footer-left, footer .footer-right {width: 100%;}
	footer .footer-right {justify-content: space-between;}
	.img-padding {padding: 150px 0;}
}

@media only screen and (max-width: 700px) {
	footer .footer-right {flex-wrap: wrap;}
	footer .footer-right > div {width: 100%;}
	footer .footer-right {gap: 50px;}
	.services-flex {gap: 25px;}
	.leave-us-message textarea {width: 97.5%;}
}

@media only screen and (max-width: 650px) {
	.hero-content h1 {font-size: 40px; line-height: 55px;}
	.our-services h2, .get-in-touch h2, .leave-us-message h2, .email-signup h1, #about-page h1  {font-size: 30px; line-height: 40px;}
	.services-flex h3 {font-size: 22px; line-height: 32px;}
	.services-flex a > div:last-child p {font-size: 15px;}
	.services-flex i {font-size: 35px;}
	.services-flex a {width: 100%;}
	.get-in-touch p, .get-in-touch a, #about-page p, #about-page li {font-size: 17px;}
	#signup h4 {font-size: 17px; line-height: 27px;}
	#kw-equipment h5 {font-size: 35px; line-height: 50px; margin-bottom: 8px;}
}

@media only screen and (max-width: 600px) {
	.header-left img {width: 220px;}
	.leave-us-message textarea {width: 97%;}
	.img-padding {padding: 125px 0;}
}

@media only screen and (max-width: 500px) {
	.hero-buttons {flex-wrap: wrap;}
	.hero-content h1 {font-size: 35px; line-height: 50px;}
	.hero-content p, #kw-equipment p {font-size: 15px; line-height: 28px;}
	.hero-content {padding: 100px 0 80px 0;}
	.hero-buttons button, .get-in-touch button, .leave-us-message .submitselect, .leave-us-message .submit, #kw-equipment button, .thankyou button {font-size: 15px; line-height: 15px;}
	.get-in-touch p, .get-in-touch a, #about-page p, #about-page li {font-size: 16px;}
	.leave-us-message p {font-size: 15px;}
	.leave-us-message .form-flex input, .leave-us-message textarea {font-size: 15px; line-height: 15px;}
	.leave-us-message .form-flex {flex-wrap: wrap;}
	.leave-us-message textarea {width: 96.5%;}
	.leave-us-message .form-flex {gap: 12px;}
	.leave-us-message textarea {margin-top: 12px;}
	footer li, footer .footer-license p {font-size: 15px;}
	footer p {font-size: 18px;}
	footer .footer-license {padding: 25px 20px;}
	.email-signup-email {margin-top: 12px;}
	#about-page div p {font-size: 18px;}
}

@media only screen and (max-width: 450px) {
	.hero-content {padding: 90px 0 70px 0;}
	.img-padding {padding: 100px 0;}
}

@media only screen and (max-width: 400px) {
	.header-left img {width: 200px;}
	.hero-content h1 {font-size: 30px; line-height: 45px;}
	.our-services h2, .get-in-touch h2, .leave-us-message h2, .email-signup h1, #about-page h1  {font-size: 28px; line-height: 38px;}
	.our-services {padding: 70px 0;}
	.services-flex {padding-top: 30px;}
	.leave-us-message textarea {width: 95.5%;}
	#signup h4 {font-size: 16px; line-height: 26px;}
	#kw-equipment h5 {font-size: 30px; line-height: 40px;}
	.upcoming-at img {width: 80%;}
	.upcoming-at h2 {font-size: 22px;}
}

@media only screen and (max-width: 350px) {
	.hero-content h1 {font-size: 28px; line-height: 40px;}
	.hero-content p, .services-flex a > div:first-child p, #kw-equipment p {font-size: 14px; line-height: 26px;}
	.hero-buttons button, .get-in-touch button, .leave-us-message .submitselect, .leave-us-message .submit, #kw-equipment button, .thankyou button {font-size: 14px; line-height: 14px;}
	.services-flex a > div:last-child p {font-size: 14px;}
	.services-flex h3 {font-size: 20px; line-height: 30px;}
	.services-flex i {font-size: 30px;}
	.services-flex a > div:first-child {padding: 40px 20px;}
	.leave-us-message p {font-size: 14px;}
	.get-in-touch p, .get-in-touch a, #about-page p, #about-page li {font-size: 15px;}
	.leave-us-message .form-flex input, .leave-us-message textarea {font-size: 14px; line-height: 14px;}
	.leave-us-message textarea {width: 95%;}
	footer li, footer .footer-license p {font-size: 14px;}
	.img-padding {padding: 80px 0;}
}

@media only screen and (max-width: 300px) {
	.hero-content h1 {font-size: 25px; line-height: 35px;}
	.hero-buttons button, .get-in-touch button, .leave-us-message .submitselect, .leave-us-message .submit, #kw-equipment button, footer .footer-left button, .thankyou button {width: 100%;}
	.leave-us-message textarea {width: 94%;}
	#kw-equipment a {width: 100%; display: flex;}
	#kw-equipment > div > div:last-child {width: 100%;}
}

@media only screen and (max-width: 280px) {
	.hero-content h1 {font-size: 22px; line-height: 32px;}
}
	
@media (max-width: 768px) {
	.upcoming-at-flex {
		flex-direction: column;
		align-items: center; /* optional, keeps content centered */
  }
	.upcoming-at-flex > div {
		width: 100%;
  }

	.upcoming-at-flex h2 {
		text-align: center;
		padding-top: 20px;
  }
	.upcoming-at-flex img {
		max-width: 100%;
  }
}