/* 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 { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Montserrat', sans-serif;
	
}



a {
	color:#000;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color:#dbac5e;
	text-decoration:none;
}

p{
	padding:10px 0 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	letter-spacing: .5px;
	text-align: left;
	
}

/*i {color:#990000;}*/

h1, h2, h3, h4 {text-transform: uppercase; }
h1 {font-weight: 900; color:#990000; font-size: 2.5rem;}
 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.center {text-align: center!important;}
.left {float:left;}
.right {float:right;}
.none{display:none;}

.spacer-sm {padding:20px;}
.spacer {padding:50px;}
.spacer-lg {padding:5% 20px;}

.last {border-right:none!important;}

.img-responsive {width:100%;}
.img-r-sm {width:100%; padding:10px;}
.img-page img {width:50%;}
.img-sm {width:15%;}

*{
	box-sizing:border-box;
}

body { font-family: 'Montserrat', sans-serif;

}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}




::selection {
	color:#fff;
	background: #990000;
}
::-moz-selection {
	color:#fff;
	background: #990000;
}



/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:transparent;
}

.logo{
	
	text-align:center;
	margin:8px auto;
	/*display:inline-block;*/
	
	
}
.logo a {display:flex; flex-flow:column wrap; align-items: center; justify-content:center;  }
.logo img{
	width:80%;
	margin:auto;
}

.top-bar {padding:20px 0; width:100%; background: #fff;}
.top-bar a {padding-right:10px;}

.top-bar img {width:20px; margin-top: -5px;}

.title-over {position:absolute; z-index:10; margin:-25% 25%; width:50%; text-align: center; color:#fff; text-transform: uppercase;}
.title-over h1 {font-weight: 900; font-size: 2.8rem; color:#fff;}
.title-over h3 {font-weight: lighter; font-size: 2rem;}

.fa-caret-down{color:#fff!important;}

/* HOME PAGE STYLES
-----------------------------------------------*/
.home-hero {background:#000;}

.home-hero .cycle-slideshow {z-index:5; position:relative;  margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.home-hero .cycle-slideshow img {position:relative; width:100%; margin:0; padding:0;}

.section {width:100%; background: #fff;
}
.box-links {background: #990000; border-right:3px solid #fff; padding: 20px 10px;}
.box-links a {color:#fff; font-size: 25px; text-transform: uppercase;}
.section img {width:6%; padding:5px;}

.box-links:hover {background:#222;}
.box-links a :hover {
	-webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
}

.red-bg {width: 100%; background: #990000; overflow: auto; padding:10px; color:#fff; text-shadow: 1px 1px 8px #000; }
.red-bg h4 {font-size:30px;  }
.red-bg a {color:#fff;}
.contact-box {position:relative; width:100%;}

.contact-info {    position: absolute; margin: -50% 25%; width: 50%;}

.red-btn {background:#990000; color:#fff; font-weight: bolder; padding:10px 20px; text-transform: uppercase; font-size: 30px; margin-top:30px;}
.red-btn:hover {box-shadow: 1px 1px 5px #000; color:#fff;}

.mfgs {padding:0 20px; margin:0 auto; text-align: center;}
.mfgs img {padding:0 35px; width:12%; }

.box-wrap {  
  position: relative;
  width: 20%;
  min-height: 1px;
  margin:0 auto;}

.center-image {
  display: flex;
  justify-content: center;   /* Horizontally center */
  align-items: center;       /* Vertically center (optional) */
  margin-top: 50px;
}

.center-image img {
  max-width: 100%; /* Makes the image large but responsive */
  height: 100%;
}

.button-group {
  display: flex;
  justify-content: center;
  gap: 20px;         
}

.btn-service {
	display: inline-block;
	padding: 17px 30px;
	background-color: #990000;
	color: white;
	font-size: 16px;
	text-decoration: none;
	transition: background-color 0.3s ease;
}

.btn-service:hover {
  background-color: #6F0A0C;
	color: white;
}



/* =============================================================================
   Brands Slider                                                             
============================================================================= */
.brandsSlider {
	width: 100%;
	height: 73px;
	overflow: hidden;
}
.brandsSlider h5 {
	position: relative;
	top: 10px;
	margin: 0;
}
.brandsSlider .slick-slider section {
	display: block;
	width: 100%;
	height: 103px;
	position: relative;
}
.brandsSlider .slick-slider section a {
	width: 100%;
	height: 100%;
	display: table;
	position: absolute;
}
.brandsSlider .slick-slider section a span, .brandPage div.columns section {
	display: table-cell;
	vertical-align: middle;
}
.brandPage div.columns {
	display: table;
}
.brandPage img {
	display: block;
	margin: 15px auto;
	max-height: 90px;
}
.slick-list.draggable {
	width: 90%;
	margin: 0px auto;
}
button.slick-prev.slick-arrow {
	position: absolute;
	z-index: 100;
}
.slick-slide img {
	display: table-cell;
	vertical-align: middle;
	max-height: 90px;
	max-width: 155px;
	margin: 0px auto;
	padding-top: 7px;
}
.slick-slide {
	display: block;
	padding: 0 15px 0 0;
	height: 100px;
	position: relative;
}


/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 100%;
	margin-top: 15%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}



.location-map {position: relative;}
.location-map .address-tag {
	position:absolute; z-index:5; top:0; right:0; width:40%; min-width:450px; padding:20px 0 20px 65px; color:#f1f1f1; background:#990000;
	clip-path: polygon(100% 0%, 100% 100%, 50px 100%, 0% 15px, 0% 0%);
} 

.location-map .address-tag a {font-weight:600; color:#fff;}

.location-map iframe {position: relative; z-index: 1;}

/* =============================================================================
     CTA                                                             
============================================================================= */
			.cta ul { 
				margin:-12.5% 0 0 0; 
				list-style:none; 
				width: 100%;
				display: table;
				position: relative;
			}
			
			.cta ul li { 
				padding: 0;
				margin: 0px; 
				position: relative;
			}
			.cta ul li:first-child { margin-left:0px; }
			
			.cta ul li div:first-child {
				list-style:none;
				position: relative;
				background-repeat:no-repeat;
				background-size: cover;
				/*background-position: 50% 50%;*/
				background-position: 50% 50%;
				padding: 0;
				height: 280px;
				z-index:300;
				margin-bottom: 10px;
				transition: .6s all;
			}
			.cta a span {
				text-align: center;
				display: table-cell; 
				vertical-align:bottom;
			}
			.cta a h2 { color: #fff; font-weight: 200; line-height: 1; text-transform:uppercase; font-size:22px; vertical-align: middle; width:87%; margin:auto auto auto 0; padding:15px; text-align:left; text-shadow: 1px 1px 5px #000;}
			.cta a h2 strong { display: block; font-weight: 800; }
			.cta a .overlay:hover { background: rgb(34,34,34); background: linear-gradient(0deg, rgba(33,33,33,.5) 0%, rgba(242,233,205,0) 50%) !important; }
			.cta a .overlay {
				background: rgb(34,34,34); background: linear-gradient(0deg, rgba(20,20,20,.6) 0%, rgba(18,18,18,0) 50%);
				position:absolute;
				top:0;
				bottom: 0;
				display: table;
				padding: 0;
				width: 100.2%;
				height: 100%;
			}
			.cta ul li .cta1 { background-image:url(../siteart/cats/new.png); margin:10px; }
			.cta ul li .cta2 { background-image:url(../siteart/cats/used.png); margin:10px;}
			.cta ul li .cta3 { background-image:url(../siteart/cats/tractors.png); margin:10px;}
			.cta ul li .cta4 { background-image:url(../siteart/cats/combines.png); margin:10px;}
			.cta ul li .cta5 { background-image:url(../siteart/cats/planters.png); margin:10px;}
			.cta ul li .cta6 { background-image:url(../siteart/cats/tillage.png); margin:10px;}
			.cta ul li .cta7 { background-image:url(../siteart/cats/hay.png); margin:10px;}
			.cta ul li .cta8 { background-image:url(../siteart/cats/outdoor-power.png); margin:10px;}
			.cta ul li .cta9 { background-image:url(../siteart/cats/attachments.png); margin:10px;}
			.cta ul li .cta10 { background-image:url(../siteart/cats/dismantled.jpg); margin:10px;}

			.cta a:hover .overlay { background: rgba(0,0,0,.20); }
			

			.cta ul li div div:hover {background-position: 50% 5px; transform:translate(0, 1.5%); /*transform: scale(1.3);*/}


			/* Interior */
			#interior .cta ul li div:first-child { height: 135px; }







			.rents ul { 
				margin:0; 
				list-style:none; 
				width: 100%;
				display: table;
				position: relative;
			}
			
			.rents ul li { 
				padding: 0;
				margin: 0px; 
			}
			.rents ul li:first-child { margin-left:0px; }
			
			.rents ul li div:first-child {
				list-style:none;
				position: relative;
				background-repeat:no-repeat;
				background-size: cover;
				background-position: 50% 50%;
				padding: 0;
				height: 300px;
				z-index:300;
				margin-bottom: 10px;
			}
			.rents span {
				text-align: center;
				display: table-cell; 
				vertical-align:middle;
			}
			.rents  h2 { color: #fff; font-weight: 200; line-height: 1; text-transform:uppercase; font-size:22px; vertical-align: middle; width:87%; margin:auto; padding:10px; text-shadow: 1px 1px 5px #000;}
			.rents  h2 strong { display: block; font-weight: 800; }
			.rents .overlay:hover { background: rgba(250,250,250,0.2)!important; }
			.rents .overlay {
				background: rgba(0,0,0,.7);
				position:absolute;
				top:0;
				bottom: 0;
				display: table;
				padding: 0;
				width: 100.2%;
				height: 100%;
			}

		.rents ul li .rent1 { background-image:url("../siteart/rents/jd329e.jpg"); margin:10px 5px; }
		.rents ul li .rent2 { background-image:url("../siteart/rents/grapple.jpg"); margin:10px 5px;}
		.rents ul li .rent3 { background-image:url("../siteart/rents/jd-bush-hog.jpg"); margin:10px 5px;}
		.rents ul li .rent4 { background-image:url(../siteart/rents/kubotassv65.jpg); margin:10px 5px;}
		.rents ul li .rent5 { background-image:url(../siteart/rents/kubotabx23s.jpg); margin:10px 5px;}

		.rents ul li .rent6 { background-image:url(../siteart/rents/tiller.jpg); margin:10px 5px;}
		.rents ul li .rent7 { background-image:url(../siteart/rents/box-blade.jpg);margin:10px 5px;}
		.rents ul li .rent8 { background-image:url(../siteart/rents/rotary-cutter.jpg); margin:10px 5px;}
		.rents ul li .rent9 { background-image:url(../siteart/rents/bobcatmt85.jpg); margin:10px 5px;}
		.rents ul li .rent10 { background-image:url(../siteart/rents/vermeer-rtx200.jpg);margin:10px 5px;}

		.rents ul li .rent11 { background-image:url(../siteart/rents/case650k.jpg);margin:10px 5px;}
		.rents ul li .rent12 { background-image:url(../siteart/rents/plotmaster400.jpg);margin:10px 5px;}
		.rents ul li .rent13 { background-image:url(../siteart/rents/plotmaster600.jpg);margin:10px 5px;}
		.rents ul li .rent14 { background-image:url(../siteart/rents/dumptrailer.jpg); margin:10px 5px;}


/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}
.hosted-content .listings-wrapper .listings-list .listing-banner {

}

.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,
.parts-list-content .parts-title-and-breadcrumbs .parts-listings-count{color:#333 !important;}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#990000 !important;
}

.hosted-content .hosted-content .svg-inline--fa.fa-w-10{width:auto !important;}

.hosted-content h1{
	font-size:20px!important;
	color:#000;
	padding-bottom:0 !important;
	font-weight:bold;
	text-transform: uppercase;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}


.parts-list-content .parts-listing-container .part-list-price {color:#000 !important;}



.info-table {width: 100%;}
.table-headings {display:flex; flex-flow:row wrap; align-items: center; justify-content: center; width: 100%; border-top:1px #cbcbcb solid; border-bottom:1px #cbcbcb solid;}

.table-headings div {
    /*color: #000;*/
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 1.25em 3%;
}

.table-headings div span {font-size:.7rem;  font-weight: 500; font-style:italic;}

.table-row {display: flex; flex-flow:row wrap; align-items: center; justify-content: center; width: 100%;}
.table-row:nth-child(2n+1) {background:#f3f3f3;}

.table-row:hover {background: rgba(153,0,0,.1);}

.table-row p {padding: 1.5em 3%; line-height: 1.25;}

.column6 {position: relative; box-sizing: border-box; width: 50%;}
.column3 {position: relative; box-sizing: border-box;  width: 25%;}




/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#eaeaea;
	font-size:11px;
	text-align:center;
	background:#000;
	padding: 30px 0 30px 0;
	overflow: auto;
}

.footer h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	font-weight: 400;
	
}

.footer p {vertical-align: center; display: inline-block;}

.footer a{
	color:#eaeaea;
	text-decoration: none;
	font-weight: normal;
}
.footer a:hover {color:#990000!important;}

.footer a:hover{
	color:#eaeaea;
	text-decoration:none;
}
.spacer-foot{
	padding:50px 20px 0 20px;
}



/* INVENTORY
------------------------------*/


#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
/*    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;*/
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#990000 !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

/*.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#990000 !important;}*/

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #990000 !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #990000 !important;}

/*.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}*/

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}














@media screen and (max-width:1350px){
	.section img {width:10%;}
	
	.cta a h2 {font-size: 16px;}
	.rents  h2 {font-size: 16px;}
	.red-bg h4 {font-size:20px; }
	.red-btn { font-size: 20px; }
	
	.mfgs img {padding:10px; width:16%; }
}

@media screen and (max-width:1024px){
	.logo{margin:20px auto 5px auto;}
}

@media screen and (max-width:992px){
	.box-links {border-right:none; border-bottom: 3px solid #fff;}
	.section img {width:8%; padding:5px;}
	
	.title-over h1 {font-size: 2rem;}
	.title-over h3 {font-size: 1rem;}
	
	.red-bg h4 {font-size:20px; }
	.red-btn { font-size: 15px; }
	
	.slick-slide img {max-width:120px; padding:7px 10px 0px;}
	.box-wrap {  width:25%;}
	.right {float: none;}
}

@media screen and (max-width:768px) {
	.logo {display:block; margin:15px auto 0 auto}
	.logo img {max-width:250px;}
	
	.location-map .address-tag {position:relative; z-index:5; top:auto; right:auto; width:100%; min-width:0; padding:20px; text-align:center; clip-path:none;} 
	
	.footer h2 {padding-top:15px;}
	.footer p {text-align: center;}
	
	.title-over h1 {font-size: 1rem;}
	.slick-slide img {max-width:100px;}
	.spacer {padding:50px 10px;}
	.img-page {width:100%;}
	.box-wrap {  width:50%;}
	

}

@media (max-width: 620px) {
  .button-group {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .btn-service {
	  width: 80%;             
	  padding: 14px 20px;      
	  font-size: 15px;        
	  white-space: normal;   
	  text-align: center;
  }
}


@media screen and (max-width:560px) {
	.title-over h1 {display: none;}
	.title-over h3 {display: none;}
	
	.contact-info {  margin: -50% 25%;}
	
	.mfgs img {padding:10px; width:30%; }
	.box-wrap {  width:100%;}
}