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

/*--- HEADER STYLES ---------------------*/
header {background: #000;}
.header-wrap {width: 95%; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.header-wrap a {font-family: 'roboto', sans-serif; font-size: 17px; line-height: 27px; color: #fff; padding: 15px 15px;}
.header-wrap a:hover {background: #F44C07; transition: .8s;}
.view-locations {display: none;}

.nav-bkgrd {background: #EEE;}
.nav-wrap {width: 95%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 30px 0; gap: 50px;}
.nav-left {display: flex; align-items: center; gap: 50px;}
.nav-left div {display: flex; align-items: center; gap: 30px;}
.nav-left > div a {width: 150px;}
.nav-left > div img {width: 100%}
.search-socials {display: flex; justify-content: flex-end; align-items: center; gap: 10px;}
.header-search form {display: flex; align-items: center; justify-content: flex-end; width: 220px;}
.header-search input {background: #000 !important; border-radius: 0px !important; padding: 0 0 0 15px !important; border: none !important; height: 40px !important; display: flex !important; align-items: center !important; font-size: 16px !important; line-height: 26px !important; color: #fff !important;}
.header-search input::placeholder {font-family: 'roboto', sans-serif !important; color: #fff !important;}
.header-search button {position: absolute; float: right; padding: 0 15px 0 0; color: #fff; background: none; border: none; font-size: 16px; line-height: 26px;}
.portal-btn button {width: 160px; font-family: 'roboto', sans-serif; color: #fff; font-size: 16px; line-height: 26px; display: flex; justify-content: center; align-items: center; background: #000; border: none; height: 40px;}
.header-socials i {height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; line-height: 20px; background: #000;}
.header-socials a:hover i, .portal-btn button:hover {background: #F44C07; transition: .8s;}

/*---BODY--------------------------------*/
/*---DEFAULT---*/
.hero-bkgrd {background-color: #000!important; background: url("/siteart/hero.jpg") no-repeat; background-position: center; background-size: cover;}
.hero-wrap {width: 95%; margin: 0 auto; padding: 100px 0; display: flex; justify-content: space-between; align-items: flex-end;}
.hero-left {width: 750px;}
.hero-left h1 span {font-family: 'roboto', sans-serif; font-size: 26px; line-height: 36px; color: #F44C07; text-transform: uppercase; font-weight: 400;}
.hero-left h1 {font-family: 'roboto', sans-serif; font-size: 42px; line-height: 52px; color: #fff; text-transform: uppercase; margin-bottom: 8px;}
.hero-left p {font-family: 'roboto', sans-serif; font-size: 20px; line-height: 30px; color: #fff; margin: 20px 0 16px 0;}
.hero-left div {display: flex; align-items: center; gap: 12px; margin-top: 40px;}
.hero-left div > a:first-child button {width: 250px; color: #fff; font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; padding: 8px 0; border-radius: 3px; background: #d54107 ; border: 1px #d54107 solid;}
.hero-left div > a:last-child button {width: 250px; color: #fff; font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; padding: 8px 0; border-radius: 3px; background: none; border: 1px #fff solid;}
.hero-left div > a:first-child button:hover, .hero-left div > a:last-child button:hover {background: #C83E05; transition: .8s; border: 1px #C83E05 solid;}
.hero-right img {border-radius: 5px;}

.specials img {width: 100%;}

.cat-bkgrd {background: #EEE;}
.cat-wrap {width: 90%; margin: 0 auto; padding: 100px 0;}
.cat-top {width: 800px; margin: 0 auto; text-align: center;}
.cat-top h2 {font-family: 'roboto', sans-serif; font-size: 35px; line-height: 45px; color: #212529; text-transform: uppercase; margin-bottom: 15px;}
.cat-top p {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 28px; color: #212529;}
.cat-bottom {margin-top: 50px; display: flex; justify-content: center; gap: 10px;}
.cat-bottom > div {width: 100%; border-radius: 5px;}
.cat-overlay {background: linear-gradient(rgba(32, 32, 32, 0.4) 0%, rgba(32, 32, 32, 0.8) 100%); height: 100%; border-radius: 5px;}
.construction-bkgrd {background: url("/siteart/construction-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.ag-bkgrd {background: url("/siteart/ag-equipment-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.turf-bkgrd {background: url("/siteart/turf-equipment-bkgrd.jpg") no-repeat; background-position: center; background-size: cover;}
.cat-padding {padding: 130px 30px 50px 30px;}
.cat-padding i {color: rgba(255,255,255,0.75); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 25px; line-height: 25px; background: #F44C07; border-radius: 50px;}
.cat-padding h4 {font-family: 'roboto', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 25px; line-height: 35px; color: #fff; margin-top: 25px;}
.cat-padding p {font-family: 'roboto', sans-serif; font-size: 16px; line-height: 28px; color: #fff; margin-top: 15px; margin-bottom: 25px;}
.cat-padding button {width: 200px; color: #fff; font-family: 'roboto', sans-serif; font-size: 14px; line-height: 24px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; padding: 8px 0; border-radius: 3px; background: #d54107; border: 1px #d54107 solid;}
.cat-padding button:hover {background: none; border: 1px #fff solid; transition: .8s;}

.about-bkgrd {background: #000;}
.about-wrap {width: 90%; margin: 0 auto; padding: 100px 0; display: flex; justify-content: space-between; align-items: center; gap: 100px;}
.about-wrap > div {width: 50%;}
.about-left h3 span {font-family: 'roboto', sans-serif; font-size: 22px; line-height: 32px; color: #fff; font-weight: 700; text-transform: none;}
.about-left h3 {font-family: 'roboto', sans-serif; font-size: 35px; line-height: 45px; font-weight: 700; text-transform: uppercase; color: #fff; margin-bottom: 8px;}
.about-left p {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; color: #fff; margin: 20px 0 25px 0;}
.about-left a p {font-family: 'roboto', sans-serif; font-size: 17px; line-height: 30px; color: #fff; letter-spacing: 1px; text-transform: uppercase; margin: 0px;}
.about-left > a:last-child p {margin-top: 10px;}
.about-left a:hover p {letter-spacing: 1.5px; transition: .8s;}
.about-left a:hover p i {padding-left: 10px; transition: .8s;}
.about-right img {width: 100%; border-radius: 5px;}

.featured-bkgrd {background: #EEE; padding: 100px 0 70px 0;}
.featured-bkgrd h2 {font-family: 'roboto', sans-serif; font-size: 35px; line-height: 45px; color: #212529; text-transform: uppercase; text-align: center;}
.scrolling-wrap {width: 90%; margin: 0 auto;}
.scrolling-wrap iframe {margin-top: 50px;}
.scrolling-wrap .scrolling-inventory {background: #EEE !important;}

.department-bkgrd {background: #000;}
.department-wrap {width: 90%; margin: 0 auto; padding: 100px 0;}
.department-wrap > div {display: flex; justify-content: space-between; align-items: center; gap: 50px;}
.department-wrap > div:last-child {margin-top: 100px;}
.department-wrap > div > div {width: 100%;}
.department-wrap h3 {font-family: 'roboto', sans-serif; font-size: 35px; line-height: 45px; font-weight: 700; text-transform: uppercase; color: #fff; margin-bottom: 8px;}
.department-wrap p {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; color: #fff; margin: 20px 0 25px 0;}
.department-wrap a p {font-family: 'roboto', sans-serif; font-size: 17px; line-height: 30px; color: #fff; letter-spacing: 1px; text-transform: uppercase; margin: 0px;}
.department-wrap a:hover p {letter-spacing: 1.5px; transition: .8s;}
.department-wrap a:hover p i {padding-left: 10px; transition: .8s;}
.department-wrap img {width: 100%; border-radius: 5px;}

.locations-bkgrd {background: #EEE;}
.locations-wrap {width: 90%; margin: 0 auto; padding: 100px 0;}
.locations-wrap h2 {font-family: 'roboto', sans-serif; font-size: 35px; line-height: 45px; color: #212529; text-transform: uppercase;}
.locations-flex {display: flex; gap: 10px; flex-wrap: wrap; margin-top: 50px;}
.location-card {width: 28%; background: #fff; padding: 40px; border-radius: 3px;}
.location-card h4 {font-family: 'roboto', sans-serif; font-weight: 700; color: #F44C07; font-size: 25px; line-height: 35px; margin-bottom: 10px;}
.location-card p {font-family: 'roboto', sans-serif; font-size: 16px; line-height: 28px; color: #212529; margin-bottom: 8px;}
.location-card a:hover p {color: #F44C07; transition: .8s;}
.location-card button {width: 100%; border: 1px #bbb solid; border-radius: 3px; padding: 8px 0; font-size: 16px; font-family: 'roboto', sans-serif; line-height: 26px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; background: none; margin-top: 20px;}
.location-card button:hover {background: #F44C07; border: 1px #F44C07 solid; color: #fff;}

.reviews-wrap {width: 90%; margin: 0 auto; padding: 100px 0;}

.brands-bkgrd {background: #EEE;}
.brands-wrap {width: 90%; margin: 0 auto; padding: 50px 0;}
.brands .slick-track {display: flex; gap: 10px;}
.brands .slick-slide {display: flex !important; justify-content: center !important;}
.brands .slick-slide img {width: 80%;}
._reviewCarouselContainer_z332j_2 ._subText_z332j_47 {color:#000!important;}
._reviewInfo_3glv7_54 span {color:#000!important;}
/*---CHARLTON---*/
.sub-nav {width: 95%; margin: 0 auto; padding-top: 20px; display: flex; gap: 15px; flex-wrap: wrap;}
.sub-nav p, .sub-nav a {font-family: 'roboto', sans-serif; color: #656565; font-size: 18px; line-height: 30px;}
.sub-nav a:hover {color: #F44C07; transition: .5s;}

.sub-wrap {width: 95%; margin: 0 auto; padding: 80px 0 100px 0;}
.sub-wrap h1 {font-family: 'roboto', sans-serif; font-size: 45px; line-height: 55px; color: #212529; text-transform: uppercase; font-weight: 700;}
.sub-wrap h1 span {color: #F44C07}
.contact-map-flex {display: flex; justify-content: space-between; align-items: center; gap: 50px; margin-top: 50px;}
.contact-map-flex > div {width: 100%;}
.contact-map-flex iframe {border-radius: 5px;}
.contact-map-flex h2 {font-family: 'roboto', sans-serif; font-size: 35px; line-height: 45px; color: #212529; text-transform: uppercase; font-weight: 700;}
.contact-map-flex ul {margin-top: 20px;}
.contact-map-flex li {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; color: #212529; margin-bottom: 12px;}
.contact-map-flex li a {color: #D84002}
.contact-map-flex li a:hover {text-decoration: underline; transition: .8s;}
.contact-hours-flex {display: flex; gap: 100px;}

.location-content {display: flex; gap: 50px; margin-top: 100px;}
.location-content > div {width: 100%;}
.location-content p {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 15px; color: #212529;}
.location-content button {width: 250px; color: #000; font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; padding: 8px 0; border: none; background: #F44C07; border-radius: 3px; margin-top: 30px;}
.location-content button:hover {background: #000; color: #fff;}
.location-content img {border-radius: 5px; width: 100%;}

/*---LOCATIONS---*/
.sub-wrap .location-card {border: 1px #bbb solid;}

/*---CUSTOMER PORTAL---*/
.portal-wrap {width: 1000px; margin: 0 auto; text-align: center;}
.portal-wrap hr {width: 225px; margin: 0 auto; border: 1px rgba(187,187,187,0.50) solid; margin-top: 18px; margin-bottom: 20px;}
.portal-wrap p {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 15px; color: #212529;}
.portal-wrap > div {margin-top: 30px; display: flex; gap: 20px; justify-content: center;}
.portal-wrap button {width: 250px; color: #fff; font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; padding: 8px 0; border: none; background: #F44C07; border-radius: 3px;}
.portal-wrap button:hover {background: #000; color: #fff;}

/*---KUBOTA TRACTOR PACKAGES---*/
.tractor-package {margin-top: 30px;}
.tractor-package p {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 15px; color: #212529;}
.tractor-package img {width: 100%;}
.tractor-package h2 {font-family: 'roboto', sans-serif; font-size: 30px; line-height: 40px; color: #F44C07; margin: 15px 0 15px 0;}
.tractor-package h3 {font-family: 'roboto', sans-serif; font-size: 22px; line-height: 32px; color: #212529;}
.tractor-package hr {border: 1px rgba(187,187,187,0.50) dashed; margin-top: 40px;}
.tractor-details {margin-top: 15px;}

/*---SPECIALS---*/
.kubota-specials {margin-top: 30px;}
.kubota-specials h2 {font-family: 'roboto', sans-serif; font-size: 35px; line-height: 45px; color: #212529; text-transform: uppercase; margin-bottom: 10px;}
.kubota-specials p {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 15px; color: #212529;}
.kubota-specials p a {color: #F44C07;}
.kubota-specials p a:hover {text-decoration: underline; transition: .8s;}
.kubota-specials button {width: 250px; color: #fff; font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; padding: 8px 0; border: none; background: #F44C07; border-radius: 3px; margin-top: 25px;}
.kubota-specials button:hover {background: #000; color: #fff;}
.kubota-specials hr {border: 1px rgba(187,187,187,0.50) dashed; margin-top: 50px; margin-bottom: 80px;}
.kubota-specials-flex {display: flex; gap: 12px; flex-wrap: wrap; margin-top: 50px; margin-left:15px;}
.kubota-specials-flex > div {width: 21%; border: 1px rgba(187,187,187,0.50) solid; padding: 40px 30px; border-radius: 3px;}
.kubota-specials-flex img {width: 100%; margin-bottom: 20px;}
.kubota-specials-flex h3 {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; color: #212529; text-transform: uppercase;}
.kubota-specials-flex h2 {font-family: 'roboto', sans-serif; font-size: 22px; line-height: 32px; color: #212529; text-transform: uppercase;}
.kubota-specials-flex p {font-size: 16px; line-height: 28px; margin: 10px 0;}
.kubota-specials-flex p a {color: #B35C04;}
.kubota-specials-flex p a:hover {text-decoration: underline;}
.kubota-specials-flex button {width: 100%;}


/*---PARTS DEPARTMENT---*/
.parts-department {margin-top: 30px;}
.parts-department p {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 15px; color: #212529;}
.parts-stock {display: flex; gap: 10px; flex-wrap: wrap;}
.parts-stock li {width: 22%; border: 1px rgba(187,187,187,0.50) solid; padding: 20px; text-align: center; border-radius: 3px; font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; color: #212529; display: flex; justify-content: center; align-items: center;}
.parts-stock li i {color: #F44C07;}
.parts-department > div {margin: 25px 0;}
.parts-department h2 {font-family: 'roboto', sans-serif; font-size: 35px; line-height: 45px; color: #212529; text-transform: uppercase; margin-bottom: 10px;}
.parts-department p a {color: #D34105;}
.parts-department p a:hover {text-decoration: underline; transition: .8s;}
.parts-department button {width: 250px; color: #fff; font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; padding: 8px 0; border: none; background: #F44C07; border-radius: 3px; margin-top: 15px;}
.parts-department button:hover {background: #000; color: #fff;}
.parts-btns {display: flex; gap: 10px;}
.parts-logos {display: flex; gap: 20px; align-items: center}
.parts-logos li {margin-right: 30px;}

/*---SERVICE REQUEST---*/
.sub-page-form {margin-top: 50px;}
.sub-page-form h2 {font-family: 'roboto', sans-serif; font-size: 35px; line-height: 45px; color: #212529; text-transform: uppercase; margin-bottom: 10px;}
.sub-page-form h3 {font-family: 'roboto', sans-serif; font-size: 22px; line-height: 32px; color: #212529; text-transform: uppercase; margin-top: 30px;}

/*---PRECISION FARMING---*/
.check-list li i {color: #F44C07;}
.check-list li {font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 8px; color: #212529;}
.brochure-pdfs {flex-wrap: wrap; margin-top: 15px;}
.brochure-pdfs button {margin-top: 0px !important;}

/*---KTAC INSURANCE---*/
.ktac-video {display: flex; justify-content: center; margin-top: 50px !important; align-items: flex-start;}

/*---ABOUT SALEM FARM SUPPLY---*/
.about-imgs {display: flex; gap: 10px; margin-top: 50px !important;}
.about-imgs img {width: 100%; border-radius: 5px;}

/*---CAREERS---*/
.current-openings {margin-top: 50px !important;}
.current-openings h2 {font-family: 'roboto', sans-serif; font-size: 35px; line-height: 45px; color: #F44C07; text-transform: uppercase; text-align: center;}
.current-openings hr {border: 1px rgba(187,187,187,0.50) dashed; margin-top: 50px; margin-bottom: 80px;}
.current-openings .kubota-specials-flex > div {width: 29%;}
.current-openings .kubota-specials-flex h3 {font-size: 22px; line-height: 32px;}
.careers-flex {display: flex; gap: 50px;}
.careers-flex a:hover {text-decoration: none !important;}
.careers-flex a:hover i {padding-left: 10px; transition: .8s;}

/*---CASE IH PARTS---*/
.manu-parts-flex {display: flex; justify-content: space-between; gap: 100px;}

/*---MORE DETAILS---*/
.job-details ul {padding-left: 20px;}
.job-details ul li {list-style: disc; font-family: 'roboto', sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 8px; color: #212529;}

/*--------FORM STYLES--------------------*/
.sub-page-form .form-flex {margin-top: 25px; margin-bottom: 50px;}
.sub-page-form .form-flex > div {display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;}
.sub-page-form input, .sub-page-form select {width: 32%; border: 1px rgba(187,187,187,0.50) solid; background: #FFF; font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; padding: 12px 0 10px 15px; border-radius: 3px;}
.sub-page-form select, .sub-page-form input, .sub-page-form input::placeholder, .sub-page-form textarea, .sub-page-form textarea::placeholder {color: #656565;}
.sub-page-form .submitselect {width: 200px; color: #fff; font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; padding: 8px 0; border: none; background: #F44C07; border-radius: 3px;}
.sub-page-form .submit {width: 200px; margin: 0 auto; color: #fff; font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; padding: 8px 0; border: none; background: #F44C07; border-radius: 3px;}
.sub-page-form .submitselect:hover, .sub-page-form .submit:hover {background: #000; color: #fff; cursor: pointer !important;}
.sub-page-form select {width: 33%;}
.sub-page-form .CaptchaAnswerPanel input {width: auto; padding: 0 5px; height: 40px;}
.sub-page-form .CaptchaWhatsThisPanel a {color: #212529; border-bottom: 1px #212529 solid;}
.sub-page-form textarea {width: 100%; border: 1px rgba(187,187,187,0.50) solid; background: #FFF; font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; padding: 12px 0 0 15px; border-radius: 3px; height: 100px;}
.sub-page-form .form-textarea {display: flex;}
.sub-page-form .form-flex p {font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; margin-top: 20px; color: #656565;}

/*-------- FOOTER STYLES ----------------*/
footer {background: #000; margin-bottom: -67px; position: relative;}
.footer-wrap {width: 95%; margin: 0 auto; padding: 100px 0; display: flex; justify-content: space-between; gap: 100px;}
.footer-wrap > div > p {font-family: 'roboto', sans-serif; font-size: 22px; line-height: 32px; color: #fff; text-transform: uppercase; font-weight: 700;}
.footer-locations {display: flex; gap: 20px; margin-top: 20px; flex-wrap: wrap;}
.footer-locations > div {margin-right: 30px;}
.footer-locations > div > p {font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; color: #fff; font-weight: 400;}
.footer-locations > div > a {font-family: 'roboto', sans-serif; font-weight: 700; font-size: 22px; line-height: 42px; color: #fff;}
.footer-locations > div > a:hover {color: #FD8204; transition: .8s;}
.footer-locations > div > p a {font-family: 'roboto', sans-serif; font-weight: 700; font-size: 16px; line-height: 26px; color: #FD8204; text-transform: uppercase;}
.footer-locations > div > p a:hover i {padding-left: 10px; transition: .8s;}
.footer-socials {margin-top: 20px; display: flex; gap: 10px;}
.footer-socials i {color: #fff; font-size: 28px;}
.footer-socials a:hover i {color: #FD8204; transition: .8s;}
.footer-links {display: flex; gap: 100px; margin-top: 20px; width: 388px;}
.footer-links li {margin-bottom: 10px;}
.footer-links a {font-family: 'roboto', sans-serif; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #fff; font-weight: 700;}
.footer-links a:hover {color: #FD8204; transition: .8s;}


/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-redesign, .detail-wrapper {padding: 80px 0 100px 0 !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: #F44C07 !important;}
.faceted-search-content button.faceted-search, .salemfarmsupplycomhdev-17ly1u.MuiPaginationItem-previousNext {background: #000 !important;}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .faceted-search-content .selected-facets-container .selected-facet {background: #F44C07 !important;}
.ts-disclaimer span {font-family: 'roboto', sans-serif !important; font-size: 16px !important; line-height: 28px !important;}


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

@media only screen and (max-width: 1880px) {
	.sub-page-form input {width: 31%}
	.sub-page-form select {width: 32%;} 
}

@media only screen and (max-width: 1850px) {
	.location-card {width: 27.5%;}
	.kubota-specials-flex > div {width: 20.5%;}
	.parts-stock li {width: 21.5%;}
}

@media only screen and (max-width: 1800px) {
	.nav-left div {flex-wrap: wrap; width: 150px; justify-content: center; gap: 10px;}
}

@media only screen and (max-width: 1700px) {
	.location-card {width: 27%;}
	.current-openings .kubota-specials-flex > div {width: 28%;}
}

@media only screen and (max-width: 1650px) {
	.kubota-specials-flex > div {width: 20%;}
}

@media only screen and (max-width: 1600px) {
	.nav-left {width: 330px; flex-wrap: wrap; gap: 20px;}
	.nav-left div {flex-wrap: nowrap; width: auto; gap: 30px;}
}

@media only screen and (max-width: 1550px) {
	.nav-left {flex-wrap: nowrap; gap: 50px; width: 580px;}
	.hero-wrap {gap: 100px}
	.hero-left {width: 55%;}
	.hero-right {width: 45%;}
	.hero-right img {width: 100%;}
	.location-card {width: 26.5%;}
}

@media only screen and (max-width: 1550px) {
	.kubota-specials-flex > div {width: 19.5%;}
	.parts-stock li {width: 21%;}
}

@media only screen and (max-width: 1450px) {
	.location-card {width: 26%;}
}

@media only screen and (max-width: 1400px) {
	.parts-stock li {width: 29%;}
	.current-openings .kubota-specials-flex > div {width: 44%;}
}

@media only screen and (max-width: 1350px) {
	.location-card {width: 25.5%;}
	.kubota-specials-flex > div {width: 27.5%;}
}

@media only screen and (max-width: 1250px) {
	.hero-wrap {align-items: center;}
	.hero-wrap, .about-wrap {gap: 50px;}
	.location-card {width: 42%;}
	.kubota-specials-flex > div {width: 27%;}
	.parts-stock li {width: 28.5%;}
	.sub-page-form input {width: 47%}
	.sub-page-form select {width: 48.5%;} 
	.manu-parts-flex {flex-wrap: wrap; gap: 50px;}
}

@media only screen and (max-width: 1200px) {
	.location-card {width: 41.5%;}
	.nav-left {width: 400px;}
	.nav-left div {flex-wrap: wrap; width: 150px; justify-content: center; gap: 10px;}
	.current-openings .kubota-specials-flex > div {width: 43%;}
}

@media only screen and (max-width: 1150px) {
	.location-card {width: 41%;}
	.footer-wrap {flex-wrap: wrap;}
	.kubota-specials-flex > div {width: 26.5%;}
}

@media only screen and (max-width: 1100px) {
	.location-card {width: 40.5%;}
	.portal-wrap {width: 100%;}
	.kubota-specials-flex > div {width: 26%;}
	.parts-stock li {width: 28%;}
	.parts-logos img {width: 100%;}
}

@media only screen and (max-width: 1050px) {
	.parts-stock li {width: 45%;}
	.sub-page-form input {width: 47%}
	.sub-page-form select {width: 49%;} 
	.current-openings .kubota-specials-flex > div {width: 42%;}
}

@media only screen and (max-width: 1000px) {
	.nav-left {width: 330px; flex-wrap: wrap; gap: 20px;}
	.nav-left div {flex-wrap: nowrap; width: auto; gap: 30px;}
	.hero-wrap, .cat-bottom, .about-wrap, .department-wrap > div, .contact-map-flex, .location-content {flex-wrap: wrap;}
	.hero-left, .hero-right, .about-left, .about-right {width: 100% !important;}
	.cat-bottom > div {width: 800px;}
	.department-wrap > div:last-child, .location-content {margin-top: 50px;}
	.location-card {width: 40%;}
	.kubota-specials-flex > div {width: 25.5%;}
	.parts-stock li {width: 44.5%;}
}

@media only screen and (max-width: 950px) {
	.cat-top, .cat-bottom > div {width: 100%;}
	.location-card {width: 39.5%;}
	.kubota-specials-flex > div {width: 25%;}
	.parts-stock li {width: 44%;}
}

@media only screen and (max-width: 925px) {
	.search-socials {display: none;}
	.nav-wrap {flex-wrap: wrap; width: 100%; padding: 0px; gap: 0px;}
	.nav-left {justify-content: space-between; width: 95%; margin: 0 auto; padding: 30px 0;}
	.nav-right {width: 100%;}
}

@media only screen and (max-width: 900px) {
	.location-card {width: 39%;}
	.kubota-specials-flex > div {width: 41.5%;}
	.current-openings .kubota-specials-flex > div {width: 100%;}
}

@media only screen and (max-width: 875px) {
	.location-card {width: 38.5%;}
}

@media only screen and (max-width: 850px) {
	.location-card {width: 38%;}
	.kubota-specials-flex > div {width: 41%;}
	.parts-stock li {width: 43.5%;}
	.parts-logos {flex-wrap: wrap;}
	.parts-logos li {width: 25%;}
}

@media only screen and (max-width: 800px) {
	.header-wrap > a {display: none;}
	.view-locations {display: contents;}
	.header-wrap {width: 100%;}
	.header-wrap a {width: 100%; text-align: center;}
	.location-card {width: 37.5%;}
	.kubota-specials-flex > div {width: 40%;}
	.parts-stock li {width: 43%;}
	.sub-page-form input {width: 46%}
	.sub-page-form select {width: 48.5%;} 
}

@media only screen and (max-width: 775px) {
	.location-card {width: 37%;}
}

@media only screen and (max-width: 750px) {
	.location-card {width: 100%;}
	.kubota-specials-flex > div {width: 39.5%;}
	.parts-stock li {width: 42.5%;}
}

@media only screen and (max-width: 700px) {
	.kubota-specials-flex > div {width: 39%;}
	.parts-stock li {width: 100%;}
	.about-imgs {flex-wrap: wrap;}
}

@media only screen and (max-width: 650px) {
	.nav-left div {flex-wrap: wrap; width: 150px; justify-content: center; gap: 10px;}
	.kubota-specials-flex > div {width: 38.5%;}
	.sub-page-form input, .sub-page-form select {width: 100%}
	.manu-parts-flex div {width: 100%;}
	.manu-parts-flex img {width: 100%;}
}

@media only screen and (max-width: 625px) {
	.kubota-specials-flex > div {width: 38%;}
}

@media only screen and (max-width: 600px) {
	.hero-left h1 span {font-size: 22px; line-height: 32px;}
	.hero-left h1, .sub-wrap h1 {font-size: 40px; line-height: 50px;}
	.hero-left p {font-size: 18px; line-height: 30px;}
	.hero-left div a, .hero-left div button, .portal-wrap a, .portal-wrap button, .parts-btns a, .parts-btns button {width: 100% !important;}
	.cat-top h2, .about-left h3, .featured-bkgrd h2, .department-wrap h3, .locations-wrap h2, .contact-map-flex h2, .kubota-specials h2, .parts-department h2, .sub-page-form h2 {font-size: 32px; line-height: 42px;}
	.footer-wrap > div {width: 100%;}
	.footer-links, .contact-hours-flex {gap: 0px; width: 100%; justify-content: space-between;}
	.sub-wrap {padding: 80px 0;}
	.portal-wrap > div {gap: 10px;}
	.kubota-specials-flex > div {width: 100%;}
	.parts-logos li {width: 38%;}
}

@media only screen and (max-width: 500px) {
	.parts-btns {flex-wrap: wrap;}
	.parts-btns button {width: 250px !important;}
}

@media only screen and (max-width: 450px) {
	.nav-left {flex-wrap: wrap; justify-content: center;}
	.nav-left > a {text-align: center; width: 100%;}
	.nav-left div {flex-wrap: nowrap; width: auto; gap: 30px;}
	.hero-left h1 span, .about-left h3 span, .tractor-package h3, .sub-page-form h3 {font-size: 20px; line-height: 30px;}
	.hero-left > h1:first-child, .about-left > h3:first-child {line-height: 30px !important;}
	.hero-left h1, .sub-wrap h1 {font-size: 38px; line-height: 48px;}
	.cat-top h2, .about-left h3, .featured-bkgrd h2, .department-wrap h3, .locations-wrap h2, .contact-map-flex h2, .kubota-specials h2, .parts-department h2, .sub-page-form h2 {font-size: 30px; line-height: 40px;}
	.location-card {padding: 40px 30px;}
	.portal-wrap hr {width: 50%;}
	.tractor-package h2 {font-size: 28px; line-height: 38px;}
	.parts-logos {gap: 10px;}
}

@media only screen and (max-width: 400px) {
	.nav-left > div a {width: 40%;}
	.nav-left > a img {width: 55%;}
	.parts-logos li {width: 37%;}
	.careers-flex {flex-wrap: wrap; gap: 10px;}
	.careers-flex p {width: 100%; margin-bottom: 0px;}
}

@media only screen and (max-width: 350px) {
	.hero-wrap, .cat-wrap, .about-wrap, .department-wrap, .locations-wrap, .footer-wrap {padding: 80px 0;}
	.hero-left h1 span, .about-left h3 span, .tractor-package h3, .sub-page-form h3 {font-size: 18px; line-height: 28px;}
	.hero-left > h1:first-child, .about-left > h3:first-child {line-height: 28px !important;}
	.hero-left h1, .sub-wrap h1 {font-size: 35px; line-height: 45px;}
	.hero-left div, .portal-wrap > div {flex-wrap: wrap;}
	.cat-top h2, .about-left h3, .featured-bkgrd h2, .department-wrap h3, .locations-wrap h2, .contact-map-flex h2, .kubota-specials h2, .parts-department h2, .sub-page-form h2 {font-size: 28px; line-height: 38px;}
	.cat-top p, .about-left p, .about-left a p, .department-wrap p, .department-wrap a p, .contact-map-flex li, .location-content p, .portal-wrap p, .sub-nav p, .sub-nav a, .tractor-package p, .kubota-specials p, .parts-department p, .parts-stock li, .check-list li, .job-details ul li {font-size: 16px; line-height: 28px;}
	.cat-padding {padding: 120px 20px 50px 20px;}
	.cat-padding button, .location-content button, .kubota-specials button, .parts-department button, .sub-page-form .submitselect, .sub-page-form .submit {width: 100%;}
	.featured-bkgrd {padding: 80px 0 50px 0;}
	.location-card {padding: 40px 20px;}
	.cat-padding h4, .location-card h4 {font-size: 22px; line-height: 32px;}
	.footer-links {flex-wrap: wrap;}
	.footer-links ul {width: 100%;}
	.list-redesign, .detail-wrapper {padding: 80px 0 !important;}
	.tractor-package h2 {font-size: 25px; line-height: 35px;}
	.kubota-specials-flex > div {padding: 40px 20px;}
	.parts-logos li {width: 36%;}
	.parts-btns button {width: 100% !important;}
}