﻿/* RESET 
------------------------------------------------*/
* { 
    margin: 0 ;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent;  
}

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  


/* TEXT/LINK FORMATTING
------------------------------------------------*/
	a:link, a:visited {
		text-decoration:underline; color:#5D6856;
		-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
	}
	a:hover, a:active {text-decoration:none; color:#98A89C;}

	p, ul, li {font-size: 12px;}

	h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
	h1 {font-size:40px; color:#112013; text-transform:uppercase; text-align:center; font-family: 'source_sans_prosemibold';}
	h2 {font-size:30px; color:#244127; text-transform:uppercase; text-align:center; margin: 0 0 15px 0; font-family: 'source_sans_prolight';}
	h3 {font-size:30px; color:#f5f5f5; text-transform:uppercase; font-family: 'source_sans_prolight';}
	h4 {font-size:22px; color:#f5f5f5; text-transform:uppercase; text-align:center; font-family: 'source_sans_prolight';}
	h5 {font-size:20px; color:#244127; text-transform:uppercase; text-align:center; margin: 15px 0 5px 0; font-family: 'source_sans_prolight';}
	h6 {font-size:18px; color:#112013; margin:10px 0 3px 0; font-family: 'source_sans_prolight';}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {float:right;}
.center{text-align:center;}

.content {width:70%; margin:0 auto;}
.content-full {width:98%; margin:0 auto;}

body {margin:0; line-height:12px; background:#0e4716 !important; font-family: 'source_sans_proregular' !important;}

::selection {color:#fff; background: #1C7129;}
::-moz-selection {color:#fff; background: #1C7129;}






/* FORM
------------------------------------------------*/
.site-form {margin:45px 0 0 0; padding:0;}
.site-form .two-cells {width:49.8%; *width:49.8%; box-sizing: border-box;}
.site-form .three-cells {width:32.3%; *width: 32%; box-sizing: border-box;}
.site-form .full-cell {width:99% !important;}
.site-form .last {margin-right:0 !important;}

.site-form .instructions {font-size:14px; color:#777; margin:6px 0 6px 0;}
.site-form .note {font-size:12px; font-style:italic; color:#777; text-align:center; margin:8px 0 0 0;}

.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form select {
	margin:6px .8% 9px 0;
    padding:12px 0;
    font-size:14px;
    background-color:#fff;
	text-indent:12px;
	box-sizing: border-box; 
	border:none;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}

.site-form input[type="text"]:focus, .site-form input[type="email"]:focus, .site-form input[type="number"]:focus, .site-form input[type="time"]:focus, .site-form input[type="date"]:focus, .site-form select:focus {background-color:#fcfcfc;}

.site-form textarea {width:100%; height:150px; margin:2px 0; padding: 4px 8px; font-size: 15px;
    background-color:#fff;
	box-sizing: border-box; -webkit-border-radius:0; border-radius:0;}

.site-form textarea:focus {background-color:#FCFCFC; border: 1px #5A5A5A solid;}

.site-form .check-field {display:flex; flex-flow:row wrap; justify-content:space-around;}
.site-form .check-field .checkbox {margin:0 8px 8px 8px; padding:0; color:#4D4D4D;}

.site-form input[type="submit"] {height: 46px; padding:0 20px; margin:10px 0 0 0; font-size: 16px; border: none; color: #fff; background:#1C7129;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	-webkit-appearance: none;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

.site-form input[type="submit"]:hover {color:#fff; background:#5e5e5e; letter-spacing:.5px; transform:scale(1.01,1.01); cursor:pointer; -webkit-appearance: none;}


.CaptchaAnswerPanel input {margin:6px .8% 9px 0;
    padding:12px 0;
    font-size:14px;
    background-color:#fff;
	text-indent:12px;
	box-sizing: border-box; 
	border:none;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}




/*  HEADER IMAGES
------------------------------------------------*/
.container {
	margin:0px auto;
	height:auto;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}


/* HEADER
------------------------------------------------*/	
header {
	width:98%;
	padding:2% 0;
	z-index:10;
	top:0;
	margin:0 auto;
	position:relative;
}	
	

/* ADDRESS
------------------------------------------------*/	
address {
    font-style:normal;
	float:right;
	position:relative;
	font-size:20px;
	line-height:20px;
	color:#565d52;
	font-family: 'source_sans_prolight';
	padding:20px 0 15px 0;
}	

.logo {width:15%; float:left; position:relative;}


/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {float:left; z-index: 500; position:relative; width:85%; margin:0; padding:0;}

nav.primary ul {float:right; margin:0 auto; padding:0;}
nav.primary ul li {margin:0; padding:0; float:left; list-style-type:none;}
				
nav.primary ul li a {
	display:block;
	color:#383e34;
	font-size:21px;
	line-height:21px;
	font-weight:100;
	text-decoration:none;
	padding:2px 28px;
	margin:14px 0;
	text-align:center;
	text-transform:uppercase;
	-webkit-transition:.5s ease-in;  
	-moz-transition:.5s ease-in;  
	-o-transition:.5s ease-in;  
	transition:.5s ease-in;	
}	

nav.primary ul li a:last-child {padding:2px 0 2px 28px;}

nav.primary ul li a:hover {color:#f4f4f4;}



/*  SECTION
------------------------------------------------*/
.section-notInv {z-index:10; top:0; padding:3.5% 0; text-align:center;}

.section-notInv a:link, .section-notInv a:visited{
	color:#0e4716;
	font-size:20px;
	line-height:20px;
	border:2px #0e4716 solid !important;
	background:rgba(255,255,255,0.2);
	width:12%;
	padding: 15px 2%;
	margin:30px 3.7% 40px 30%;
	float:left;
	position:relative;
	display:block;
	text-transform:uppercase;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	-webkit-transition:.3s ease-in;  
	-moz-transition:.3s ease-in;  
	-o-transition:.3s ease-in;  
	transition:.3s ease-in;
	text-decoration:none !important;
}

.section-notInv a:hover, .section-notInv a:active{text-decoration:none !important; background:#44724a;}
.section-notInv .inventory-search {margin: 30px 30% 40px 3.7% !important; padding: 15px 2%;}
.section-notInv .reverse {color:#F5F5F5;}
  
  
/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%; height:90px; overflow:hidden; padding:40px 0;}
.scrolling{width:100%; height:90px;}


/*  MAIN
------------------------------------------------*/	
.main {}


/*  ARTICLE
------------------------------------------------*/
.notInv {padding:4% 0; border-top:5px #1C7129 solid; background:#f5f5f5;}


article {padding:4% 0; border-top:5px #1C7129 solid; background:#f5f5f5;}
article p {font-size:16px; line-height:20px; text-align:center;}


/*  MAP
------------------------------------------------*/
.map {border-top:5px #437749 solid; background:#2e6b36;}
.map h4 {padding:25px 0;}


/*  HOSTED CONTENT
------------------------------------------------*/
.hosted-content {font-size:18px; line-height:22px;}
.hosted-content h1 {font-size:38px; text-align:left;}
.hosted-content .listing-name a{font-size:20px; line-height:28px;}
.hosted-content .equip-details {font-size:16px; line-height:22px !important;}
.hosted-content .listing-price-first {font-size:16px; line-height:22px !important;}
.hosted-content .dealer-info {font-size:16px; line-height:22px !important;}
.hosted-content h3 {font-size:22px; text-transform:none;}
.hosted-content h5 {text-align:left;}


/*  FOOTER
------------------------------------------------*/
footer {padding:65px 0; border-top:5px #1C7129 solid;}


/*  STYLIZED FOOTERS 
------------------------------------------------*/
.divfooter {width:40%; margin:0 auto; line-height:11px; text-align:center; color:#f3f3f3;}
.footertext{font-size:10px; color:#f3f3f3;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{font-size:10px; text-decoration:underline; color:#f3f3f3;}
a.footerlink:hover {font-size:10px; text-decoration:none; color:#f3f3f3;}
.smallfootertext{font-size:10px; color:#f3f3f3;}



/*  INV STYLES
------------------------------------------------*/

#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: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}

.detail-additional-data h3{color: black !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;}

.detail-content-mobile .dealer-info h3{color: black !important;}
.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#1c7129 !important;}

input[type=checkbox] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
}
.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}
.dealer-name{color: black !important; text-decoration: none !important;}

.dealer-info{line-height: initial !important;}
.list-content .listing-bottom .listing-description-text p{text-align: left !important;}
.view-listing-details-link{color: white !important; text-decoration: none !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:#1c7129 !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 #1c7129 !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: #1c7129 !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;}






/*  RESPONSIVE STYLES
------------------------------------------------*/
@media screen and (max-width:1315px){
	.section-notInv a:link, .section-notInv a:visited{font-size:17px; line-height:17px; width:20%; margin:30px auto; float:none !important;}
	.section-notInv .inventory-search {margin:10px auto !important; float:none !important;}
}

@media screen and (max-width: 1180px) {
	.site-form .two-cells {width:99%; *width:99%;}
	.site-form .three-cells {width:99%; *width: 99%;}
	.site-form .full-cell {width:100% !important;}
}

@media screen and (max-width: 1020px) {	
	.content {width:94.1%;}
	.content-full {width:100%;}
	header {width:95%;}
	.logo {margin:0 0 0 0;}
	
	nav.primary{display:none;}
	#menu-button{
		display:block; width:100%; float:left; margin:20px 0 0 0; font-size: 1.25em; line-height:60px; position: relative; z-index: 400; background:#0e4716;
		-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.39); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.39); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.39);
	}
	#menu-button a{color:#fff; text-decoration:none; padding:0 0 0 .8em; font-weight:100;}
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:22px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -285px;
		width: 285px;
		height: 100%;
		z-index:99999;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 20px 15px 35px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #0e4716 solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.nav-footer {color:#292929; position:relative; text-align:center; font-size:16px; line-height:16px; padding:15px 0;}
}

@media screen and (max-width: 900px) {	
	.divfooter {width:60%;}
}

@media screen and (max-width: 800px) {	
	.logo {width:25%; margin: 0 37.5%;}
	.logo img {width:100%; max-width:178px;}
	address {width:90%; float:none !important; text-align:center; padding:20px 0 30px 0; margin:0 5%;}
	.section-notInv a:link, .section-notInv a:visited{width:35%; margin:10px auto 20px auto;}
	.section-notInv .inventory-search {width:35%; margin:10px auto 20px auto !important;}
	.scrolling-inv {padding:20px 0 30px 0;}
}

@media screen and (max-width: 650px) {
	.divfooter {width:75%;}
}

@media screen and (max-width: 550px) {	
	.section-notInv h1 {font-size:30px;}
}

@media screen and (max-width: 400px) {
	.section-notInv h1 {margin:0 5%;}
	.section-notInv a:link, .section-notInv a:visited{font-size:16px; line-height:16px; width:65%;}
	.divfooter {width:80%;}
}