/***** 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; font-family: 'Roboto Condensed', sans-serif;
	
}

ol, ul, li {list-style: none;}
body, html {height: 100%; /*overflow-x:hidden;*/}

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, img {  display: block;  } 

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {clear: both;}
.cf {*zoom: 1;}

h1, h2, h3, h4, h5 {line-height:normal;margin-bottom:5px; text-transform:uppercase;}
h1 {font-size:36px;}
h2 {font-size:32px;}
h3 {font-size:25px; color:#fff; margin-top:8px;}
h4 {font-size:18px; margin-top:10px;}
h5 {font-size:18px;}
a h5 {font-size:18px; color:#000!important; margin-top:3px;}

strong {font-weight:700;}
p, ul li {font-weight:300;font-size:18px;line-height:1.75em; margin-bottom:8px;}

a:link, a:active, a:visited {text-decoration:none;}

hr {border:1px solid #ccc;}

#sitewidth {width:90%; margin:0 auto;}
.wrapper {width:75%; margin:15px auto;}
/* inventory styles */

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data , .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#0a9043 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #0a9043 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

.dealer-btns-bottom a {background: #0a9043 !important;}
.page-nav {background-color:#0a9043!important}
.search-results {color:#0a9043!important}
.return-links span, .return-links i {color:#0a9043!important;}
.dealer-phone-call {background-color:#0a9043!important;}
.list-listings-count {color:#0a9043!important;}
.detail-additional-data h3 {color:black!important;}
.header-skew-content a {color:white!important;}


/* header styles */
header {overflow-x:hidden;}
#header-skew {width:100%; max-width:700px;
-webkit-transform: skewX(20deg) skewY(0deg);
-moz-transform: skewX(20deg) skewY(0deg);
-o-transform: skewX(20deg) skewY(0deg);
transform: skewX(20deg) skewY(0deg);
transform-origin:top left;
overflow: hidden;
position: relative;
height:40px;
background:#2c2c2c;
color:#fff;
float:right;
padding-top:15px;
margin-bottom:10px;
		
}
.header-skew-content {-webkit-transform: skewX(-20deg) skewY(0deg);
-moz-transform: skewX(-20deg) skewY(0deg);
-o-transform: skewX(-20deg) skewY(0deg);
transform: skewX(-20deg) skewY(0deg);
font-size:18px;
}
.header-skew-content a {color:#fff; font-size:18px;}
.logo {float:left; width:28%; margin-top:15px;}
.logo img {width:100%;height:auto; }
.headright {float:right; width:72%;}

.slides {overflow-x:hidden;;}
.slidebtn {position:absolute; bottom:0%; background-color:rgba(10, 144, 67, 0.85); width:40%; right:0%; color:#fff; padding:40px 20px;font-size:40px; text-transform: uppercase; line-height:1.3em;margin-right:-2%; padding-left:5%; -webkit-transform: skewX(20deg) skewY(0deg);
-moz-transform: skewX(20deg) skewY(0deg);
-o-transform: skewX(20deg) skewY(0deg);
transform: skewX(20deg) skewY(0deg);}

.slidebtntext {-webkit-transform: skewX(20deg) skewY(0deg);
-moz-transform: skewX(-20deg) skewY(0deg);
-o-transform: skewX(-20deg) skewY(0deg);
transform: skewX(-20deg) skewY(0deg)
}


#main {width:100%;}
#main img {width:100%;}
.pageleft {float:left; width:65%; margin:15px 0;}
.pageright {float:right; width:25%;}
.pageright a {color:#0a9043;}
.pageright img {width:75%; margin:0 auto;}

/* FORM */
#formpage {vertical-align:top;}
#formpage div {vertical-align:top; padding:5px 5px;}
#formpage input {padding:6px 5px; border:1px solid #8e8d8d; color:#000; font-size:12px;}
#formpage textarea {padding:6px 5px; border:1px solid #8e8d8d; color:#8e8d8d; font-size:12px;}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {border:1px solid #8e8d8d; color:#000; 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; color:#000!important;}

#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 {background:#FFF;  color:#000; border:1px solid #0a9043; outline-style:none;}
#formpage input.radio:focus,#formpage input.checkbox:focus {background:none;  border:0; outline-style:none;}
 
/*control the Captcha */
.captchawrap {width:50%; margin:0 auto;}
#captcha {width:100%; margin:0 auto; text-align:center;}
.CaptchaPanel {margin:0 auto !important; padding:0 0 0 0 !important; text-align: center !important; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 auto !important; font-weight:normal !important; font-size:12px; line-height:14px; color:#fff;}
.CaptchaAnswerPanel {margin:0 auto; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 0 0; padding:8px 0 8px 0 !important; font-size:12px;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}  
.CaptchaImage {width:30%; margin: 10px auto 0;}

input.button{width:80%; font-weight:bold; text-transform:uppercase; color:#fff!important; height:28px!important; line-height:0px!important; text-align:center; font-size:16px!important; background:#2c2c2c; border:0; margin:2px auto; font-family: 'Roboto Condensed', sans-serif;}
input.button:hover {background-position:bottom; height:28px; cursor:pointer; background:#0a9043;}

a.button-col-1 {width:100%; margin:0 auto; font-weight:bold; text-transform:uppercase; color:#fff; height:28px; line-height:28px; display:inline-block; text-align:center; background:#2c2c2c;margin-top:0; margin-bottom:10px!important;}
a.button-col-1:hover {background-position:bottom; text-decoration:none; background:#0a9043;}

/* ICON BUTTONS */
.homeinventory {width:23%; margin:1%; float:left; color:#fff;}
.homeinventory img {width:100%;}

.hovereffect {width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: left; cursor: default;}
.hovereffect .overlay {width: 100%; position: absolute; overflow: hidden; top: 35%; text-align:center;}

.hovereffect img {display: block; position: relative; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}


/* SCROLLING INVENTORY */
.scrolling-wrap {width:100%; height:90px; overflow:hidden;}
.scrolling{width:100%; height:92px;}

.manuskew {float:left; width:25%; height: auto; margin-left:-50px; padding:15px 0 10px 7%;
-webkit-transform: skewX(-20deg) skewY(0deg);
-moz-transform: skewX(-20deg) skewY(0deg);
-o-transform: skewX(-20deg) skewY(0deg);
transform: skewX(-20deg) skewY(0deg);
transform-origin:bottom right;
background:#0a9043;
color:#fff;
overflow: hidden;
position: relative;
}

.manu-skew-content {
display:inline-block; width:45%; vertical-align:middle; height:95px; 
-webkit-transform: skewX(20deg) skewY(0deg);
-moz-transform: skewX(20deg) skewY(0deg);
-o-transform: skewX(20deg) skewY(0deg);
transform: skewX(20deg) skewY(0deg)

}

.scrollright {float:right; width:70%; height: auto; margin-top:20px;}


/* FOOTER */
footer {background:#2c2c2c; color:#fff; margin-bottom:-5px;}
footer p {font-size:14px;line-height:1.6em;}
footer a:link, footer a:active, footer a:visited {text-decoration:none;color:#fff;}
footer a:hover {text-decoration:none;color:#98999a;}

.footleft {float:left; padding:35px 0 0; width:50%;}
.col-3 {display:inline-block; width:30%; margin-right:2%; vertical-align:top;}
.footright {float:right; width:50%; text-align:center; overflow-x:hidden;}

#bottom {background:#0a9043; color:#fff; padding:10px 0;}
#bottom a {color:#fff;}
.foot {float:left; width:50%;}
.footerright {float:right; width:50%; text-align:right;}



/************************************************ Responsive Styles **/

@media screen and (max-width: 1695px){
	h1 {font-size:32px;}
	
	#header-skew {margin-bottom:5px;}
}

@media screen and (max-width: 1395px){
	h1 {font-size:28px;}
	h2 {font-size:24px;}

	.slidebtntext {font-size:34px; line-height:1.2em;}
}

@media screen and (max-width: 1205px){
	h1 {font-size:28px;}
	h3 {font-size:20px;}

	.logo {width:32%;}	
	.headright {width:68%;}	
	.slidebtntext {font-size:32px; line-height:1.2em;}

}

@media screen and (max-width: 1045px){
	h1 {font-size:26px;}
	p {font-size:16px;}
	.wrapper {width:90%;}
	.header-skew-content {font-size:16px;}
	.header-skew-content a {font-size:16px;}
	.logo {width:40%;}
	.headright {width:60%;}
	.slidebtntext {font-size:28px;}
}

@media screen and (max-width: 915px){
	h3 {font-size:16px;}
	
	.header-skew-content {font-size:13px;}
	.header-skew-content a {font-size:13px;}
	
	.slidebtn {width:55%;}
	.slidebtntext {font-size:24px; line-height:1.2em;}
	
	.footleft {float:none; width:100%; padding-bottom:20px;}
	.footright {float:none; width:100%;}
}



@media screen and (max-width: 780px){
	h1 {font-size:24px;}
	h2 {font-size:18px;}
	h5 {font-size:16px;}
	
	.header-skew-content {font-size:12px;}
	.header-skew-content a {font-size:12px;}
	
	.homeinventory {width:48%;}
	
	.slidebtntext {font-size:20px;}
	
	.pageleft {float:none; width:100%; margin-bottom:0;}
	.pageright {float:none; width:50%; margin:0 auto;}
	

}

@media screen and (max-width: 560px){
	h1 {font-size:22px;}
	.logo {float:none; width:75%; margin:0 auto;}
	#header-skew {width:100%;
	-webkit-transform: skewX(0deg) skewY(0deg);
	-moz-transform: skewX(0deg) skewY(0deg);
	-o-transform: skewX(0deg) skewY(0deg);
	transform: skewX(0deg) skewY(0deg);
	transform-origin:top left;
	overflow: hidden;
	position: relative;
	height:auto;
	padding:10px 0;
	text-align:center;
	}
	.header-skew-content {-webkit-transform: skewX(0deg) skewY(0deg);
	-moz-transform: skewX(0deg) skewY(0deg);
	-o-transform: skewX(0deg) skewY(0deg);
	transform: skewX(0deg) skewY(0deg);
	}

	.headright {float:none; width:100%;}
	.slidebtn {position:relative;;  background-color:rgba(10, 144, 67, 1); width:100%; color:#fff; padding:20px 0px;font-size:40px; text-align:center; line-height:1.3em;margin:0 auto; padding-left:0; -webkit-transform: skewX(00deg) skewY(0deg);
	-moz-transform: skewX(0deg) skewY(0deg);
	-o-transform: skewX(0deg) skewY(0deg);
	transform: skewX(0deg) skewY(0deg);}

	.slidebtntext {-webkit-transform: skewX(0deg) skewY(0deg);
	-moz-transform: skewX(0deg) skewY(0deg);
	-o-transform: skewX(0deg) skewY(0deg);
	transform: skewX(0deg) skewY(0deg)
	}

	.manuskew {display:none;}
	.scrollright {float:none; width:100%; margin-bottom:15px;}
	
	.col-3 {width:47%; margin-bottom:10px;}
	.foot {float:none; width:100%;}
	.footerright {float:none; width:100%; text-align:left;}

}


@media screen and (max-width: 400px){
	h1 {font-size:18px;}
	.header-skew-content {font-size:11px;}
	.header-skew-content a {font-size:11px;}
	
	.homeinventory {width:100%; margin:1% auto;}
	
	.pageright {wdith:100%;}
	
	.col-3 {display:block; width:100%;}
}