@charset "utf-8";
/***** BEGIN RESET *****/

* {

    border:0;
    margin:0;
    padding:0;
}

body {
	-webkit-text-size-adjust: none;
	background:#122b18;
	overflow-x:hidden;
	color:#000;
	line-height:1!important;
	font-family: 'Open Sans', sans-serif !important;
}


ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}



/***** END RESET *****/

/****************************************************************************hover easing style


			-webkit-transition: all .5s ease; /* Safari and Chrome */
  /*  		-moz-transition: all .5s ease; /* Firefox */
  /*  		-ms-transition: all .5s ease; /* IE 9 */
  /*  		-o-transition: all .5s ease; /* Opera */
  /*  		transition: all .5s ease;


/*================================================================================================
HEADER
================================================================================================*/

header {
	width:100%;
	float:left;
	background:url("../siteart/whitewheat.png");
	background-size:cover;
	padding:10px 0 30px;
	position:relative;
	z-index:1;
}

.wrap {
	width:95%;
	margin:0 auto;
	max-width:1300px;
}

.smallhead {
	width:25%;
	float:left;
	margin-top:15px;
}

.smallhead p {
	color:#175329;
	font-size:18px;
	text-transform:uppercase;
	line-height:27px;
	font-weight:bold
}

.alignright {
	text-align:right;
}

.logo {
	width:50%;
	float:left;
}

.logo img {
	width:100%;
	margin:0 auto;
	display:block;
	max-width:500px;
}

.topnav {
	width:100%;
	float:left;
	margin-top:-30px;
	position:relative;
	z-index:2;
}

.topnav img {
	width:100%;
	height:30px;
	float:left;
}

.bottomnav {
	width:100%;
	float:left;
	margin-bottom:-30px;
	position:relative;
	z-index:2;
}

.bottomnav img {
	width:100%;
	height:30px;
	float:left;
}



/*******************************************************************SLIDESHOW***************************************************************/
.slide-contain {
	width: calc(100% - 500px);
	float:left;
	position:relative;
	z-index:1;

	height:600px;
	overflow:hidden;
	background:#175329;
}

.cycle-slideshow {
	width:100%;
	overflow:hidden;
	float:left;
	
	display:block;
}
.cycle-slideshow img {display:block; width:100%; float:left; }

/* pager */
.pager { 
    text-align:center; width:100%; margin:-50px 0 -2px; position:relative; z-index:999; float:left;}
.pager span { 
    font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#D30003; color:rgba(255,255,255,0.8); cursor:pointer; 
}
.pager span.cycle-pager-active { color:#175329;}
.pager > * { cursor:pointer;}


/*search===========================================*/


/**SEARCH' =============================*/
.searchform{
	width:100%;
	float:left;
	margin-top:20px;
	}
.searchform h4{font-family: 'Montserrat', sans-serif;
	font-size:22px;
	color:#fff;
	text-align:center;
	width:100%;
	float:left;
	text-transform:uppercase; margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #E70003;
	margin-bottom:15px; }


/*===================== 
	Form styles 
=======================*/
.order-form{display:block;background:#fafafa;padding:15px 10px;border:#ccc 1px solid;}
.order-form h4{padding-left:1%;}
#formpage{padding:0;}

form{
	margin:0 0 0;
}
label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
.searchform input{
	border: #999999 solid 1px;
	border-radius: 2px;
	padding:10px 8px;
	font-size: 16px;
	box-sizing:border-box;
	margin:0 0% 25px;
	width: 100%;
	float: left;
    font-family: "Titillium Web", sans-serif;
	color:#000;
}
.searchform input.half{width:48%;float:left;}

.searchform input:focus{
	border: #2885b3 solid 1px;
}
.searchform input::placeholder {
  color: #969696;
}
.searchform input.button2{
	display: inline-block;
	width:100%;
	padding:8px 40px;
	margin: 0 0%;
	background-color:#175329;
	color:#fff;
	border-radius: 0px;
	float: right;
	font-family: 'Montserrat', sans-serif;
	font-size:22px;
	text-transform:uppercase;
	font-weight:700;
	color:#fff;
	text-align:center;

}

.searchform input.button2:hover{
	background-color:#ffde00;
	color:#175329;
	cursor:pointer;

}


.searchform select{
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 8px;
	font-size: 16px;
	box-sizing:border-box;
	width: 100%;
	margin:0 0% 25px;
	color:#000;
	float: left;
    font-family: "Titillium Web", sans-serif
}
.searchform select.half{width:48%;float:left;}

.topsearch {
	width:500px;
	float:left;
	background:url("../siteart/woodbg.jpg");
	background-size:cover;
	position:relative;
	z-index:1px;

	height:600px;
	padding:20px 40px;
	padding-top:80px;
	box-sizing:border-box;
	border-left:5px solid #ffde00;
}

.topsearch h2 {
	text-align:center;
	color:#175329;
	font-size:30px;
	text-transform:uppercase;
}

/*=============================
SCROLLING
=============================*/

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

.scrollinginv {
	width:100%;
	float:left;
	background:#ffde00;
	box-sizing:border-box;
	padding:0 30px;
}

.scrollinginside {
	width:100%;
	float:left;
	border-top:15px solid #175329;
	border-bottom:15px solid #175329;
	background:#175329;
}

/*mainsection========================*/

.mainsection {
	width:100%;
	float:left;
	background:#fff url("../siteart/geo.png");
	background-size:cover;
	padding:50px 0;
	border-bottom:8px solid #175329;
}

.maininfo {
	width: calc(100% - 600px);
	float:left;
	padding-right:20px;
	box-sizing:border-box;
}

.mainvideo {
	width:600px;
	height:350px;
	float:left;
}

.maininfo img {
	width:100%;
	max-width:450px;
	margin:0 auto;
	margin-bottom:20px;
	display:block;
	margin-top:10px;
}

.maininfo p, .maininfo h1 {
	width:100%;
	max-width:450px;
	margin:0 auto;
	display:block;
	font-size:18px;
	line-height:27px;
	text-align:left;
	font-weight: 400;
}

.maininfo h2 {
	width:100%;
	max-width:450px;
	margin:0 auto;
	display:block;
	text-align:center;
	color:rgba(159,159,159,1.00);
	letter-spacing:15px;
	text-transform:uppercase;
	font-size:18px;
	margin-top:50px;
	padding-bottom: 15px;
}

.homemap {
	width:100%;
	float:left;
	height:300px;
	position:relative;
	z-index:1;
}

/*===========================
footer
===========================*/

.footnav {
	width:100%;
	float:left;
	background:#175329;
	padding:10px 0;
}

.footnav p {
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
}

.footnav p a {
	text-decoration:none;
	text-align:center;
	padding:10px 15px;
	color:#fff;
}

footer {
	background:#122b18;
	padding:50px 0 15px;
	position:relative;
	z-index:1;float:left;
	width:100%;
}

footer p {
	width:50%;
	float:left;
	font-size:12px;
	color:#acacac;text-transform:uppercase;
}

/*=======================================
SUBPAGES
=======================================*/

.subpages {
	width:100%;
	float:left;
	background:#fff url("../siteart/geo.png") no-repeat;
	background-size:100%;
	padding:50px 0;
}

.title {
	width:100%;
	background:#fff;
	background-size:cover;
	float:left;
	padding:0px 0 0px 0;
	margin-bottom:30px;
	border-bottom:5px dotted #175329;
	
}

.title img {
	width:100%;
	max-width:450px;
	float:left;
	display:block;
}

/*======================
contactpage
=======================*/

.coninfo {
	width:400px;
	float:left;
	padding-right:20px;
	box-sizing:border-box;
}

.coninfo a {
	color:#175329;
}

.subpages h1 {
	color:#175329;
	text-transform:uppercase;
}

.coninfo p {
	font-size:18px;
	line-height:25px;
}

.conform {
	width: calc(100% - 400px);
	float:right;

}
/*Contact Form======================================================*/

#formpage {
width:100%;
float:left;
color:#000;	
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:16px;
margin:0px 0 0;
}

.halfform {
width:50%;
float:left;	
}

#formpage tr {
width:100%;
float:left;	

}

#formpage td {
width:50%;
float:left;
margin:0px 0 20px;
	padding:0 5px;box-sizing:border-box;
}

.fulltd {
width:98%!important;	
}

#formpage input {
	padding:10px;

	box-sizing:border-box;
	border:1px solid #414141;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#8e8d8d;
	font-size:12px;
	margin-top:3px;
	-webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -ms-transition: all .3s ease; /* IE 9 */
    -o-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
}

#formpage textarea {
	padding:10px;

	box-sizing:border-box;
	border:1px solid #414141;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#8e8d8d;
	font-size:12px;
	-webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -ms-transition: all .3s ease; /* IE 9 */
    -o-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #414141;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	width:100%;
}
   
#formpage input  {
    width:100%;
	
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:100%;
    height:85px;
}


#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }




/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {

	border:1px solid #d80000;
   
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 



#formpage input.button,
#formpage input.button:focus {
    max-width:300px;
	width:100%; 
    margin:0;
    padding:15px 0;
    background:#175329;

	box-sizing:border-box;
	display:block;
	margin:0 auto;
    font-size:18px;
	line-height:14px;
	font-weight:700;
    color:#fff;
		-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	float:none;
}
#formpage input.button:hover {
	background:#07230F;
	color:#fff;
	cursor: pointer
	
}
 


/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
}
#formpage label.checkbox {
  /*  color:#212121;*/
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}
 

/*control the Captcha */

.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
max-width:400px;
width:100%;
margin:0 auto;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
	width:100%;
	float:left;
	margin-top:10px;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 


.fulltd {
	width:100%!important;	}

.padding-search{padding-bottom: 30px;}

/* NOUI SLIDER */
.detailed-search-wrap .hp-slider .example-val {padding: 5px 0;}
.detailed-search-wrap .noUi-target{position: relative; direction: ltr}
.detailed-search-wrap .noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.detailed-search-wrap .noUi-handle{position: relative; z-index: 1}
.detailed-search-wrap .noUi-marker, .detailed-search-wrap .noUi-pips, .detailed-search-wrap .noUi-tooltip, .detailed-search-wrap .noUi-value{position: absolute}
.detailed-search-wrap .noUi-horizontal{height: 12px; z-index: 0}
.detailed-search-wrap .noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.detailed-search-wrap .noUi-background{background: #ccc;}
.detailed-search-wrap .noUi-connect{background: #fff !important; border: 1px #000 solid;}
.detailed-search-wrap .noUi-target{width: calc(95% - 15px); margin: 15px auto 0 auto;}
.detailed-search-wrap .noUi-handle{background: #175329 !important; border: 1px solid #ccc; border-radius: 3px;}
.detailed-search-wrap .noUi-handle:after, .detailed-search-wrap .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.detailed-search-wrap .noUi-handle:after{left: 12px}
.detailed-search-wrap .noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.detailed-search-wrap .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.detailed-search-wrap .example-val{font-size: 12px; font-weight: 600; color: #000;} .detailed-search-wrap .example-val span{font-weight: 400;}

.detailed-search-wrap #slider-price-value-lower:before, .detailed-search-wrap #slider-price-value-upper:before{content: '$'; padding-right: 2px}

/**********************************************************************************************************************************************************************************************
***********************************************************************************************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;
}
input[type=checkbox] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
}

.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;}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input{width: auto !important;}
.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#175329 !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label{
    font-size: 12px !important;
}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label {width: auto !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:#175329 !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 #175329 !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: #175329 !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**************************************************************************************
***********************************************************************************************************************************************************************************************/


@media screen and (max-width: 1815px) { 
	.slide-contain {
		height:500px;
	}
	
	.topsearch {
		height:500px;
	}
	.searchform select {
		margin-bottom:15px;
	}
	.searchform input {
		margin-bottom:15px;
	}
}


@media screen and (max-width: 1600px) { 
	.slide-contain {
		height:400px;
	}
	
	.topsearch {
		height:400px;
		padding-top:30px;
	}
	
	.searchform {
		margin-top:10px;
	}

}


@media screen and (max-width: 1375px) { 
	.cycle-slideshow img {
		width:auto;
		height:400px;
	}
}


@media screen and (max-width: 1075px) { 
	.topsearch {
		width:100%;
		padding-top:20px;
		border-left:0;
		border-top:5px solid #ffde00;
		height:auto;
	}
	
	.cycle-slideshow img {
		width:100%;
		height:auto;
	}
	
	.slide-contain {
		height:auto;
		width:100%;
	}
	
	
	.smallhead p {
		font-size:14px;
		line-height:21px;
	}
	
	.maininfo {
		width:100%;
	}
	
	.mainvideo {
		width:100%;
		margin-top:20px;
	}
	
	.maininfo h2 {
		width:100%;
		max-width:1000px;
		margin-top:0;
	}
	
	.maininfo img {
		width:100%;
		float:none;
		display:block;
		margin:0 auto;
	}
	
	.maininfo p {
		width:100%;
		max-width:600px;
		text-align:center;
		float:none;
		display:block;
		margin:0 auto;
	}
}


@media screen and (max-width: 1130px) { 
	.footnav p {
		font-size:14px;
	}
}


@media screen and (max-width: 885px) { 
	.footnav p {
		font-size:12px;
	}
	.footnav p a {
		padding:10px 10px;
	}
}


@media screen and (max-width: 845px) { 
	.smallhead {
		display:none;
	}
	
	.logo {
		width:100%;
	}
	
	.logo img {
		max-width:300px;
	}
	
	.conform {
	width: 100%;
		margin-top:40px;
	float:right;

}
	
	.coninfo {
		width:100%;
		float:left;
	}
	
	.coninfo h2 {
		width:100%;
		text-align:left;
	}
	
	.conform h1 {
		text-align:left;
		color: #175329
	}
	
	.coninfo p {
		text-align:left;
	}
	
	
	
}
@media screen and (max-width: 535px) { 
	.footnav p a {
		width:25%;
		float:left;
		box-sizing:border-box;
	}
	footer p {
		width:100%;
		text-align:center!important;
		padding:5px 0;
	}
	
	
}

@media screen and (max-width: 500px) { 
	.footnav p a {
		width:33.33%;
		float:left;
		box-sizing:border-box;
	}
}
