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

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





/*---BODY--------------------------------*/
/*---DEFAULT---*/
.home-about {width: 900px; margin: 0 auto; text-align: center; margin-top: 80px;}
.home-about p:first-child {font-size: 20px !important; line-height: 20px !important;}
.home-about h1 {font-size: 30px; line-height: 30px; margin-top: 8px; margin-bottom: 15px;}
.home-about p {font-size: 16px; line-height: 24px;}
.home-about button {font-size: 14px; background: #95253E; color: #fff; border: none; font-family: 'poppins', sans-serif; width: 250px; padding: 10px 0; margin-top: 20px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.home-about button:hover {background: #231F20; transition: .5s; cursor: pointer !important;}

.home-cat {margin-top: 100px;}
.home-cat > img {width: 100%;}
.home-cat > div {background: #231F20; margin-top: -4px;}
.cat-wrapper {width: 95%; margin: 0 auto; padding-bottom: 100px;}
.cat-wrapper h2 {text-align: center; color: #fff; font-weight: 300; font-size: 30px; padding-top: 10px;}
.cat-flex {display: flex; gap: 10px; margin-top: 30px; justify-content: space-between;}
.cat-flex div {width: 100%;}
.cat-flex img {width: 100%;}
.cat-flex button {width: 100%; display: flex; justify-content: space-between; color: #fff; background: none; border: 1px #fff solid; font-family: 'poppins', sans-serif; font-size: 14px; padding: 10px 20px; margin-top: 8px;}
.cat-flex button:hover {background: #95253E; border: 1px #95253E solid; transition: .5s; cursor: pointer !important;}

.home-contact{
	overflow-x: hidden;
}

.home-contact-bkgrd {background: url("/siteart/home-contact-bkgrd.jpg") no-repeat; background-position: center; background-size: cover; width: 50%;}
.home-contact-overlay {background: rgba(149,37,62,0.95);}
.home-contact {display: flex; justify-content: space-between;}
.home-contact-wrapper {width: 90%; margin: 0 auto; padding: 74px 0 83px 0;}
.home-contact-wrapper p:first-child {color: #fff; font-size: 20px !important; line-height: 20px !important; font-weight: 300 !important; margin-top: 0px !important;}
.home-contact-wrapper h2 {color: #fff; font-weight: 600; font-size: 30px; padding-top: 10px;}
.home-contact-wrapper p {font-size: 16px; font-weight: bold; color: #fff; margin-top: 30px;}
.home-contact-wrapper ul li {font-size: 16px; color: #fff; line-height: 30px;}
.home-contact-wrapper ul {margin-top: 10px;}
.home-contact-wrapper ul li a {color: #fff; font-weight: bold; border-bottom: 2px transparent solid;}
.home-contact-wrapper ul:last-child li a {font-weight: 300; bordr-bottom: 1px transparent solid;}
.home-contact-wrapper ul li a:hover {border-bottom: 2px #fff solid; transition: .5s;}
.home-contact-wrapper ul:last-child li a:hover {border-bottom: 1px #fff solid;}

/*slick slider*/
.reel {
  height: 500px;
}

.reel .slick-track,
.reel .slick-slide {
  height: 100%;
}

/*swiper js*/
.heroSwiper {
  height: 500px;
}

.heroSwiper .swiper-slide {
  width: 33.333%;
  height: 100%;
}

.heroSwiper .swiper-slide.hero-slide {
  width: 100%;
}

.heroSwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.heroSwiper .swiper-button-prev {
  left: 20px;
}

.heroSwiper .swiper-button-next {
  right: 40px;
}

.heroSwiper .swiper-button-next,
.heroSwiper .swiper-button-prev {
  width: 32px;
  height: 32px;
color: white;
}

@media (max-width: 1000px) {
  .heroSwiper .swiper-slide {
    width: 50%;
  }

  .heroSwiper .swiper-slide.hero-slide {
    width: 100%;
  }
	
	.heroSwiper {
	  height: 400px;
	}
}

@media (max-width: 600px) {
  .heroSwiper .swiper-slide {
    width: 100%;
  }
	
	.heroSwiper {
	  height: 260px;
	}
}


/*---THANK YOU---*/
.thank-you {width: 95%; margin: 0 auto; margin-top: 70px; margin-bottom: 100px;}
.thank-you h2 {font-size: 30px; line-height: 30px; margin-top: 8px; margin-bottom: 15px;}
.thank-you p {font-size: 16px; line-height: 24px;}
.thank-you button {font-size: 14px; background: #95253E; color: #fff; border: none; font-family: 'poppins', sans-serif; width: 250px; padding: 10px 0; margin-top: 20px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.thank-you button:hover {background: #231F20; transition: .5s; cursor: pointer !important;}
.thank-you div {display: flex; gap: 15px;}

/*--------FORM STYLES--------------------*/
.consign-form {width: 90%; margin: 0 auto; margin-top: 70px; border-radius: 5px; position: relative; padding: 0px 0 100px 0;}
.consign-form p {color: #CCC; font-size: 15px; margin-bottom: 20px;}
.consign-form form input {background: none; border: 1px #D9D9D9 solid; width: 100%; padding: 13px 0 13px 17px; font-family: 'poppins', sans-serif; font-size: 14px;}
.consign-form td {width: 100%;}
.consign-form form {width: 99%;}
.consign-form form textarea {width: 100%; background: none; border: 1px #D9D9D9 solid; padding: 13px 0 13px 17px; font-family: 'poppins', sans-serif; font-size: 14px;}
.consign-form form tr {display: flex; gap: 25px; margin-bottom: 12px;}
.consign-form form table {width: 100%;}
.consign-form form .submitselect {background: #95253E; color: #fff; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 220px; padding: 13px 0 11px 0; font-family: 'poppins', sans-serif; font-weight: 300; font-size: 14px; display: flex; justify-content: center;}
.consign-form form .submitselect:hover {color: #fff; background: #201E1F; transition: .5s;}
.consign-form form .CaptchaMessagePanel {color: #000; font-weight: normal; font-size: 14px;}
.consign-form form .CaptchaWhatsThisPanel a {color: #000; border-bottom: 1px transparent solid;}
.consign-form form .CaptchaWhatsThisPanel a:hover {border-bottom: 1px #000 solid; transition: .5s;}
.consign-form form .submit {background: #95253E; color: #fff; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; width: 220px; padding: 13px 0 11px 0; font-family: 'poppins', sans-serif; font-weight: 300; font-size: 14px;}
.consign-form form .submit:hover {color: #fff; background: #201E1F; transition: .5s; cursor: pointer !important;}
.form-wrapper h2 {color: #000; font-family: 'poppins', sans-serif; font-size: 30px; margin-bottom: 10px; line-height: 30px; font-weight: bold;}
.form-wrapper p {color: #7A7A7A; font-family: 'poppins', sans-serif; font-size: 16px; line-height: 24px;}
.consign-form #continue {display: flex;}



/*-------- FOOTER STYLES ----------------*/
footer{background: #231F20;}
.footer ul {display: flex; justify-content: center; gap: 35px;}
.footer ul li a {color: #fff; font-size: 15px; font-weight: 500; letter-spacing: .5px;}
.footer ul li a:hover {color: #868686; transition: .5s;}
.footer div {width: 95%; margin: 0 auto; padding: 40px 0;}
.footer hr {border: #818181 1px solid; margin: 40px 0 30px 0;}
.footer p {font-family: 'poppins', sans-serif; font-size: 14px; color: #818181; font-weight: 300; line-height: 24px; text-align: center; width: 80%; margin: 0 auto;}






/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inventory-bkgrd {background: url("/siteart/inventory-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.inventory-overlay {background: rgba(35,31,32,0.93);}
.inventory-overlay h1 {width: 95%; margin: 0 auto; text-align: center; color: #fff; font-size: 30px; padding: 130px 0 100px 0; text-transform: uppercase;}
.inventory-overlay h1 span {font-weight: 300;}
.hero-wave img {margin-top: -50px; width: 100%;}
.list-content, .detail-wrapper, .parts-list-content {margin-top: 50px !important; margin-bottom: 100px !important;}
.list-top-section .list-title {padding-left: 0px !important;}
.list-top-section .list-listings-count, .list-content .price-container .price, .parts-list-content .parts-listing-container .part-list-price, .list-top-section .listing-option-bar-content .list-listings-count, .parts-list-content .parts-title-and-breadcrumbs .parts-title .parts-listings-count, .parts-list-content .error-message {color: #95253E !important;}
.faceted-search-content .selected-facets-container .selected-facet, .faceted-search-content button.faceted-search:hover, .view-listing-details-link, .rivermachinerynethdev-88jlbf, .rivermachinerynethdevsearchtypeexact-9yt8fn.MuiPaginationItem-previousNext, .list-content .list-error-container .info button:not(.login-button) {background: #95253E !important;}
.disclaimer span {font-size: 16px !important; line-height: 24px !important;}
.list-top-section .listing-option-bar-content .list-listings-count {display: contents !important;}

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

@media only screen and (max-width: 1000px) {
	.home-about {width: 95%;}
	.cat-flex {flex-wrap: wrap;}
	.cat-flex div {width: 49%;}
	.cat-wrapper h2 {padding-top: 30px;}
	.footer p {width: 100%;}
	.footer ul {flex-wrap: wrap;}
	.inventory-overlay h1 {padding: 120px 0 90px 0;}
}

@media only screen and (max-width: 900px) {
	.home-contact {flex-wrap: wrap;}
	.home-contact iframe, .home-contact-bkgrd {width: 100%;}
	.home-contact-wrapper {padding: 62px 0 71px 0; width: 95%;}
}

@media only screen and (max-width: 600px) {
	.home-about button, .consign-form form .submitselect, .thank-you button {width: 100%; padding: 15px 0;}
	.cat-flex div, .thank-you a {width: 100%;}
	.cat-wrapper h2 {padding-top: 50px;}
	.inventory-overlay h1 {padding: 100px 0 70px 0;}
	.consign-form form tr {gap: 12px; flex-wrap: wrap;}
	.consign-form form {width: 100%;}
	.consign-form form input, .consign-form form textarea {width: 97%;}
	.consign-form form inout {padding: 15px 0 15px 17px;}
	.thank-you div {flex-wrap: wrap; margin-top: 20px;}
	.thank-you button {margin-top: 0px;}
	.hero-wave img {position: relative; top: -12px;}
}

@media only screen and (max-width: 500px) {
	.consign-form form input, .consign-form form textarea {width: 96%;}
}

@media only screen and (max-width: 400px) {
	.consign-form form input, .consign-form form textarea {width: 95%;}
}

@media only screen and (max-width: 300px) {
	.home-contact-wrapper ul li {line-height: 24px; margin-bottom: 8px;}
	.consign-form form input, .consign-form form textarea {width: 94%;}
}