﻿/***** 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;}


hr{border:#000 1px solid;}

button {cursor: pointer;}

/*--- HEADER STYLES ---------------------*/
header {}




/*---BODY--------------------------------*/
/*---DEFAULT----*/
.default-bkgrd {background-color: #171717;}
/*#reel {width: 65%;}*/
#reel {width: 56%;}
.slick-slide img {width: 100%}
/*.hero-flex {display: flex; width: 95%; margin: 0 auto; margin-top: 30px; gap: 20px;}*/
.hero-flex {display: flex; position: relative; z-index: 300; top: 0; width: 95%; margin: 0 auto; gap: 20px;}
/*.slick-slide {width: 1008px !important;}*/
/*.reel-slick {width: 100%;}*/
.hero-nav {width: 100%; display: flex; flex-direction: column; gap: 20px;}
.hero-nav a {flex: 1;}
.reel-slick .slick-slider {margin-bottom: 0 !important;}
.hero-nav a div {height: 100%; margin-bottom: 0 !important; display: flex; align-items: center;}
.view-inventory {background: url("/siteart/view-inventory.jpg") no-repeat; background-size: cover; background-position: center; width: 100%; margin-bottom: 20px;}
.view-farming {background: url("/siteart/view-farming.jpg") no-repeat; background-size: cover; background-position: center; width: 100%; margin-bottom: 20px;}
.view-construction {background: url("/siteart/view-construction.jpg") no-repeat; background-size: cover; background-position: center; width: 100%; margin-bottom: 20px;}
.view-attachments {background: url("/siteart/view-attachments.jpg") no-repeat; background-size: cover; background-position: center; width: 100%;}
.hero-nav a:hover .view-inventory {background: url("/siteart/view-inventory-hover.jpg") no-repeat; background-size: cover; background-position: center; width: 100%;}
.hero-nav a:hover .view-farming {background: url("/siteart/view-farming-hover.jpg") no-repeat; background-size: cover; background-position: center; width: 100%;}
.hero-nav a:hover .view-construction {background: url("/siteart/view-construction-hover.jpg") no-repeat; background-size: cover; background-position: center; width: 100%;}
.hero-nav a:hover .view-attachments {background: url("/siteart/view-attachments-hover.jpg") no-repeat; background-size: cover; background-position: center; width: 100%;}
.hero-nav {width: 100%;}
.hero-nav h2 {color: #fff; font-family: 'franklin-gothic-atf', sans-serif; font-weight: 500; padding: 0 30px; line-height: 23px; max-height: 100%; width: 100%;}
.hero-nav h2 span {font-size: 14px;}

.filter-bkgrd {background-color: #ff5b00; box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; z-index: 800; position: relative;}
.filter-width form {display: flex; justify-content: space-between; width: 66%; margin: 0 auto; padding: 15px 0;}
.filter-width form input, .filter-width form option, .filter-width form select {color: #646464; font-family: 'franklin-gothic-atf', sans-serif; padding: 7px 92px 7px 12px;}
.filter-width form select option {line-height: 40px !important; padding-bottom: 60px !important;}
.filter-width form select option:hover {background-color: #171717 !important; color: #fff !important;}
.filter-width form button {background: #171717; color: #fff; font-family: 'franklin-gothic-atf', sans-serif; border: none; padding: 7px 50px; border: 1px #171717 solid; box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;}
.filter-width {margin-top: 71px;}

.jrm-about {background: url("/siteart/jrm-about.jpg") no-repeat; background-size: cover; background-position: 0% 1%; width: 100%;}
.about-us-section {display: flex;}
.about-img {width: 55%;}
.about-img img {width: 100%;}
.jrm-about-width {width: 85%; margin: 0 auto; margin-top: 195px;}
.jrm-about-width div {width: 80%;}
.jrm-about-width h1 span {color: #ff5b00; font-family: 'impact', sans-serif; font-weight: 500; font-size: 22px; line-height: 0px; letter-spacing: 0px;}
.jrm-about-width h1 {color: #171717; font-family: 'impact', sans-serif; font-weight: 600; font-size: 51px; letter-spacing: 1.5px; line-height: 53px;}
.jrm-about-width p {color: #171717; font-family: 'franklin-gothic-atf', sans-serif; font-size: 16px; padding-bottom: 12px;}
.jrm-about-width button {background-color: #ff5b00; color: #fff; font-family: 'fanklin-gothic-atf', sans-serif; padding: 11px 35px; box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; border: none;}
.jrm-about-width a:hover button {background-color: #171717;}

.black-bar {background-color: #171717; padding: 16px 0; width: 100%; position: relative; z-index: 900; bottom: 30px;}

/*---SELL-YOUR-EQUIPMENT----*/
.sell-your-equipment {width: 90%; margin: 0 auto; padding-top: 74px;}
.sub-header h1 {color: #fff; font-family: 'impact', sans-serif; font-size: 38px; font-weight: 500;}
.sub-header hr {border: 2px #ff5b00 solid;}
.form-p {color: #fff; font-family: 'franklin-gothic-atf', sans-serif; font-size: 14px; padding: 30px 0 13px 0;}
.equipment-form input, .equipment-form textarea {width: 100%; margin-bottom: 10px; padding: 10px 0 10px 19px;}
.equipment-form tr {display: flex; justify-content: space-between; gap: 30px;}
.equipment-form td {width: 98%;}
.equipment-form textarea {width: 50% !important; font-family: 'arial', sans-serif;}
.equipment-form .location input {width: 50% !important;}

/*---SERVICE----*/
.sell-your-equipment .service-box {background: #F3F3F3 !important; padding: 45px;}
.sell-your-equipment .service-box h2 {color: #ff5b00; font-family: 'fanklin-gothic-atf', sans-serif; text-transform: uppercase; font-weight: 600; font-size: 20px; padding-bottom: 5px;}
.sell-your-equipment .service-form h2 {color: #ff5b00; font-family: 'fanklin-gothic-atf', sans-serif; text-transform: uppercase; font-weight: 600; font-size: 20px;}
.sell-your-equipment .service-form h3 {color: #fff !important; font-family: 'fanklin-gothic-atf', sans-serif;  font-weight: 400; font-size: 14px; padding-bottom: 5px;}
.sell-your-equipment .service-box p {font-family: 'fanklin-gothic-atf', sans-serif; font-size: 15px; line-height: 20px;}
.sell-your-equipment .service-box button {background: #ff5b00; color: #fff; font-family: 'fanklin-gothic-atf', sans-serif; padding: 11px 35px; box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; border: none; margin-top: 10px;}
.sell-your-equipment .service-box a:hover button {background-color: #171717;}
.sell-your-equipment .sub-header {margin-bottom: 40px;}
.sell-your-equipment .form-form .sub-header {margin-bottom: 0px !important;}

.service-form {width: 100%; margin: 0 auto; margin-top: 50px; margin-bottom: 100px;}
.service-form tr {display: flex; gap: 20px; color: #007D61 !important;}
.service-form td {width: 100%; color: #007D61 !important;}
.service-form input {width: 100%; color: #007D61 !important;}
.service-form input {padding: 8px 0px 8px 15px; margin-bottom: 8px; font-family: 'fanklin-gothic-atf', sans-serif; color: #007D61 !important; border: none; background: #F3F3F3;}
.service-form .select {width: 50.35%;}
.service-form select {width: 100%; padding: 8px 0px 8px 7px; margin-bottom: 8px;}
.service-form textarea {width: 100.5% !important; font-family: 'fanklin-gothic-atf', sans-serif; padding: 8px 0px 8px 12px; color: #007D61 !important; border: none; background: #F3F3F3;}
.service-form .captcha-selected {margin-top: 55px; width: 100%;}
.service-form .CaptchaAnswerPanel input, .service-form .submit, .service-form .reset {width: 200px !important;}
.service-form .CaptchaWhatsThisPanel a {color: #989898 !important; font-family: 'Aileron', sans-serif; font-size: 15px; font-weight: 600;}
.service-form .CaptchaWhatsThisPanel a:hover {cursor: pointer; border-bottom: #989898 2px solid;}
.service-form .CaptchaMessagePanel {font-weight: 300; font-family: 'Aileron', sans-serif; font-size: 15px; color: #989898;}
.service-form .submit, .service-form .reset {background: #ff5b00; border: none; color: #fff !important; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.service-form .submit:hover, .service-form .reset:hover {background: #000; transition: .5s;}
.margin-top-send {margin-top: 13px;}
.service-form .service-radio input {width: 2%;}
.service-form .service-radio label {margin-right: 15px;}
.service-form .service-radio p {margin-bottom: 4px;}
.captcha-selected {display: flex; justify-content: center;}
.service-form .submitselect {background: #ff5b00; border: none; color: #fff; border-radius: 20px; padding: 9px 0; width: 200px; font-family: 'Aileron', sans-serif; font-weight: 600; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: block; text-align: center;}
.service-form .submitselect:hover {background: #000; transition: .5s; cursor: pointer !important; color: #fff!important;}
.service-form .captcha {display: flex; justify-content: center; gap: 12px;}
.service-form .captcha-selected {width: 100%; margin: 0 auto !important; margin-top: 11px !important;}
.service-form .form-form {width: 100% !important; padding-top: 10px !important;}
.service-form .form-form p {padding-bottom: 20px; color: #989898; line-height: 21px; font-size: 17px;}
.service-form .sub-header h2 {font-weight: 600; font-size: 20px; padding-bottom: 10px; padding-top: 20px;}
.service-form h3 {padding-top: 2px;}

.service-bkgrd {background: #fff !important; padding-bottom: 100px;}
.service-bkgrd h1, .service-bkgrd h3, .service-bkgrd .sell-your-equipment .service-form h3 {color: #000 !important;}
.service-bkgrd .CaptchaMessagePanel {color: #000 !important;}
.service-bkgrd .CaptchaWhatsThisPanel a {color: #000; font-weight: 300;}

/*--------FORM STYLES--------------------*/
.CaptchaMessagePanel {color: #fff !important; font-family: 'franklin-gothic-atf', sans-serif !important; font-weight: normal!important; font-size: 14px !important;}
.CaptchaWhatsThisPanel a {color: #fff; font-family: 'franklin-gothic-atf', sans-serif !important;}
.CaptchaWhatsThisPanel a:hover {color: #ff5b00 !important;}
.captch input {border: none; color: #fff !important; background-color: #ff5b00 !important; padding: 7px 32px !important;}



/*-------- FOOTER STYLES ----------------*/
footer{}
.footer {background-color: #171717; z-index: 500; box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px}
.footer-width {width: 90%; margin: 0 auto; display: flex; justify-content: space-between; padding-top: 56px; padding-bottom: 65px;}
.footer-links {display: flex; justify-content: space-between; width: 342px;}

.hosted-by {background-color: #1f1f1f; z-index: 400;}
.hosted-by p {text-align: center; color: #fff; font-family: 'franklin-gothic-atf', sans-serif; font-size: 11px; padding: 20px 0;}
.footer h3 {font-family: 'impact', sans-serif; color: #fff; font-size: 22px; font-weight: 500;}
.footer li a {color: #fff; font-family: 'franklin-gothic-atf', sans-serif; font-size: 13px; line-height: 30px; border-bottom: 2px #171717 solid; padding-bottom: 3px;}
.footer ul {margin-top: 10px;}
.footer img {width: 45%;}
.footer li a:hover {border-bottom: 2px #ff5b00 solid;}
.footer-addresses a {color: #fff; font-family: 'franklin-gothic-atf', sans-serif; font-size: 14px; line-height: 28px; padding-bottom: 3px; border-bottom: 2px #171717 solid;}
.footer-addresses a:hover {border-bottom: 2px #ff5b00 solid;}
.footer-img {margin-bottom: 10px;}
.footer-location {margin-top: 10px;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-top-section .list-title .list-title-text, .list-top-section .list-title .list-listings-count, .list-top-section .list-sort-order .sort-by-dropdown-container, .list-top-section .list-sort-order .sort-by-dropdown-container .list-sort-order-select, .faceted-search-content .faceted-section-head .faceted-section-title, .faceted-search-content .faceted-section-box .faceted-text-input, .faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .faceted-search-content .faceted-section-box .faceted-range .faceted-range-input-container .prefix-input, .list-content .listing-portion-title, .list-content .listing-category, .list-content .list-listing .listing-main-stats .spec-label, .list-content .price-container .price, .fin-calc, .list-content .machine-location, .list-content .spec-value, .list-content .add-update-time, .list-content .listing-description, .list-content .listing-widgets a, .list-content .list-listing .listings-compare-link-wrapper,.list-content .list-listing .dealer-name,.list-content .listing-dealer-info .dealer-data,.list-content .list-listing .listing-top-right .listing-dealer-info .phone-link,.view-listing-details-link span,.list-content .list-container .email-seller,.list-content .list-container .video-chat,.disclaimer span,.linking-buttons a,.list-content .media-buttons .print-this, .list-content .media-buttons .email-this,.breadcrumbs__list,.jrmequipcomhdev-9b9i01,.jrmequipcomhdev-xhioxp,.detail__title,.detail__category,.compare-listings__label:hover, .body-content, .currency-selector .currency-select,.jrmequipcomhdev-88jlbf,.finance-link__text, .jrmequipcomhdev-9uiqsl,.dealer-contact__branch-name, .dealer-contact__label, .detail-shipping__branch-name, .detail-shipping__label,.jrmequipcomhdev-9gup2g,.jrmequipcomhdev-1cczsil   {font-family: 'franklin-gothic-atf', sans-serif !important;}
.disclaimer span {font-size: 15px !important;}
.list-content .list-listing .listing-top-right .listing-dealer-info .phone-link {padding-left: 10px !important;}
.list-top-section .list-title .list-listings-count, .list-content .price-container .price,.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price,.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count {color: #ff5b00 !important;}
.list-top-section .list-title .list-listings-count, .list-top-section .list-sort-order .sort-by-dropdown-container, .faceted-search-content .faceted-section-box .faceted-text-input, .list-content .listing-widgets a, .jrmequipcomhdev-1cczsil {font-weight: 500 !important;}
.faceted-search-content button.faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn,.list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text,.jrmequipcomhdev-88jlbf {background-color: #171717 !important;}
.faceted-search-content button.faceted-search:hover, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn:hover,.view-listing-details-link:hover,.view-listing-details-link, .jrmequipcomhdev-9yt8fn.MuiPaginationItem-previousNext, .jrmequipcomhdev-88jlbf:hover, .jrmequipcomhdev-kdn5oq:hover,.faceted-search-content .selected-facets-container .selected-facet  {background-color: #ff5b00 !important;}
.jrmequipcomhdev-9yt8fn.MuiPaginationItem-page, .jrmequipcomhdev-9yt8fn.MuiPaginationItem-firstLast,.breadcrumbs__link,.detail__search-results-text,.fa-angle-double-left:before,.jrmequipcomhdev-xhioxp,.finance-link__text {color: #171717 !important;}
.list-content, .detail-wrapper {padding-bottom: 60px !important; padding-top: 30px !important;}
.jrmequipcomhdev-kdn5oq:hover .finance-link__text {color: #fff !important;}
.detail-wrapper :not([class*="Mui"], [class*="Mui"] *, .detail-shipping, .detail-shipping *, .detail__specs-label, .detail__specs-label *, .inspection__spec-label, .inspection__spec-label *, .detail__beta-site-warning, .detail__beta-site-warning *, .currency-select, .currency-selector-option, .mc-media-overlay-banner-span, .mc-media-overlay-banner-span * ) {color: #000 !important;}

/*----AUCTION TIME----*/
.auction-iframe {
	width: 60%;
	padding-bottom: 60px;
	padding-top: 30px;
}
.auction-iframe img {
	float: right; width: 255px; margin: 20px 0;
}

/*----THANK YOU----*/
.about-us {padding: 132px 0;}
.thank-you h2 {font-family: 'franklin-gothic-atf', sans-serif; color: #fff; font-size: 30px;}
.thank-you h2 span {color: #ff5b00;}
.thank-you p {color: #fff; font-family: 'franklin-gothic-atf', sans-serif; font-size: 16px;}
.thank-you button  {background-color: #ff5b00; color: #fff; font-family: 'fanklin-gothic-atf', sans-serif; padding: 11px 35px; box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; border: none; margin-top: 30px;}
.thank-you {width: 90%; margin: 0 auto;
}
/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1544px) {
	.auction-iframe {width: 80%;}
}
@media only screen and (max-width: 1535px) {
	.hero-nav h2 {font-size: 20px;}
}
@media only screen and (max-width: 1518px) {
	.filter-width form { width: 73%;}
}
@media only screen and (max-width: 1382px) {
	.jrm-about-width {margin-top: 144px;}
}
@media only screen and (max-width: 1346px) {
	.filter-width form {width: 80%;}
}
@media only screen and (max-width: 1320px) {
	.auction-iframe {width: 90%;}
}
@media only screen and (max-width: 1292px) {
	.jrm-about-width div {width: 85%;}
}
@media only screen and (max-width: 1244px) {
	.jrm-about-width div {width: 94%;}
}
@media only screen and (max-width: 1230px) {
	.hero-nav h2 {font-size: 17px; line-height: 19px;}
	.hero-nav h2 span {font-size: 13px;}
}
@media only screen and (max-width: 1228px) {
	.filter-width form {width: 87%;}
}
@media only screen and (max-width: 1214px) {
	.equipment-form textarea {width: 102% !important;}
	.equipment-form .location input {width: 102% !important;}


}
@media only screen and (max-width: 1162px) {
	.jrm-about-width p {font-size: 14px;}
	.jrm-about-width h1 {font-size: 41px; line-height: 42px;}
	.jrm-about-width h1 span {font-size: 18px; line-height: 25px;}
}
@media only screen and (max-width: 1124px) {
	.filter-width form {width: 95%;}
}
@media only screen and (max-width: 1085px) {
	.jrm-about-width {margin-top: 106px;}
}
@media only screen and (max-width: 1018px) {
	.filter-width form input {padding: 7px 75px 7px 12px;}
}
@media only screen and (max-width: 1000px) {
	.hero-flex {flex-wrap: wrap; gap: 83px;}
	#reel {width: 100%;}
	.filter-width form {flex-wrap: wrap;}
	.filter-width form input {width: 100%; margin-bottom: 13px; padding: 11px 75px 11px 12px;}
	.filter-width form button {width: 100%; padding: 11px 50px;}
	.hero-nav h2 {padding: 23.5px 0 23.5px 31px;}
	.about-us-section {flex-wrap: wrap;}
	.about-img {display: none;}
	.jrm-about-width {margin-top: 162px;}
	.jrm-about-width div {width: 100%;}
	.jrm-about-width {width: 95%;}
	.jrm-about-width div {padding-bottom: 74px;}
}
@media only screen and (max-width: 776px) {
	.footer-width {flex-wrap: wrap; gap: 21%;}
	.footer-links {margin-top: 65px;}
}
@media only screen and (max-width: 700px) {
	.equipment-form tr {gap: 0px; flex-wrap: wrap;}
	.equipment-form input, .equipment-form textarea {width: 98%;}
	.equipment-form textarea {width: 98% !important;}
	.equipment-form .location input {width: 98% !important;}
	.service-form input {padding: 12px 0px 12px 15px;}
	.service-form textarea {padding: 12px 0px 12px 12px;}

}
@media only screen and (max-width: 600px) {
	.sell-your-equipment .service-box {padding: 50px 30px;}
}
@media only screen and (max-width: 500px) {
	.service-bkgrd .service-form .captcha {flex-wrap: wrap; gap: 2px !important;}
	.service-bkgrd .service-form .CaptchaAnswerPanel input, .service-bkgrd .service-form .submit, .service-form .reset {width: 100% !important; padding: 12px 0 !important;}
}
@media only screen and (max-width: 396px) {
	.equipment-form input, .equipment-form textarea {width: 97%;}
}
@media only screen and (max-width: 374px) {
	.footer-links {width: 100%;}
}
@media only screen and (max-width: 350px) {
	.sell-your-equipment .service-box {padding: 50px 20px 70px 20px;}
}
@media only screen and (max-width: 341px) {
	.jrm-about-width h1 {font-size:  32px; line-height: 33px;}
	.jrm-about-width h1 span {font-size: 16px;}
}






