/***** 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: 'Montserrat', 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 {font-weight:700;line-height:normal;margin-bottom:5px; font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
h1 {font-size:44px;}
h2 {font-size:28px;}
h3 {font-size:22px; color:#fa1d26; margin-top:8px;}
h4 {font-size:18px; margin-top:10px;}
h5 {font-size:18px;}

strong {font-weight:700;}
p, ul li {font-weight:300;font-size:16px;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:20px auto;}
.wrapper a {color:#274b17;}

/* HEADER STYLES */
header {border-bottom:1px solid #ccc!important;}
.headright {float:right; text-align:right; width:70%; font-size:16px; line-height:1.75em; padding-bottom:15px;}
.headright a {color:#000; font-size:16px;}
.navwrap {position: relative; width: 100%; background: #274b17; float:right; margin-bottom:15px;}
.navwrap:after {content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; right: 0; z-index:-1; background: #274b17; transform-origin: bottom left; -ms-transform: skew(40deg, 0deg); -webkit-transform: skew(40deg, 0deg); transform: skew(40deg, 0deg);}

.logo {float:left; width:26%; padding-top:.5%; font-size:38px; color:#000; font-weight: 600; text-align:center; margin-bottom:-20px; z-index:9999999999; position:relative;}
.logo img {width:50%; margin:0 auto;}
.headright img {display:inline-block; width:48%; vertical-align:middle;}

.headblock1 {display:inline-block; width:19%; margin-left:10px; float:right; padding-top:.25%;}
.headblock {display:inline-block; width:70%; float:right; padding-top:.25%;}

/* CONTENT STYLES */
.main {width:100%; position:relative; z-index:99;}
.main img {width:100%;}
.slidetext {position:absolute; top:45%; right:5%; color:#fff; font-size:38px; line-height:38px;}
.greybtn {background:linear-gradient(#5f6060, #505050); max-width:100%; width:300px; margin-top:10px; text-align:center; color:#fff; padding:5px 0; line-height:26px; font-size:18px; font-weight: 700;}
.greybtn:hover {background:linear-gradient(#505050, #5f6060);}

#homewrap {background:#000 url("../siteart/iStock-146785820.jpg") no-repeat; background-size:cover; padding:10px 0 25px; color:#000;}

.pageleft {float:left; width:65%; margin-bottom:10px;}
.pageright {float:right; width:30%;}
.pageright a {color:#fa1d26;}
.pageright img {width:75%; margin:0 auto;}
.col-2 {display:inline-block; width:48%; vertical-align:top;}

.map {background:#000 url("../siteart/map.jpg") no-repeat; background-size:cover; padding-top:12.5%; z-index:-2; border-top:3px solid #989898; border-bottom:3px solid #989898;}
.banner {position: relative; bottom:0; width: 50%; background: #274b17; color:#fff; padding:10px 0 5px; z-index:999999999999;}
.banner a {color:#fff; z-index:9999999999999999999999999;}
.banner:after {content: " "; position: absolute; display: block; width: 100%; height: 100%; bottom: 0; left: 0; z-index:-1; background: #274b17; transform-origin: bottom left; -ms-transform: skew(-40deg, 0deg); -webkit-transform: skew(-40deg, 0deg); transform: skew(-40deg, 0deg);}

#pagebar {background:#000 url("../siteart/bg.jpg") no-repeat; background-size:cover; padding:20px 0; color:#fff; font-size:28px; font-weight: 700;}


/* ICON BUTTONS */
.homeinventory {width:16%; float:left; margin:20px .25%;}
.homeinventory img {width:100%;}

.hovereffect {width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default;}
.hovereffect .overlay {width: 80%; height: 30px; position: absolute; overflow: hidden; bottom: 15px; left: 0; background:#274b17; transform-origin: top left; -ms-transform: skew(-40deg, 0deg); -webkit-transform: skew(-40deg, 0deg); transform: skew(-40deg, 0deg);}

.hovereffect img {display: block; position: relative; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; border:1px solid #fff;}
.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);
}

.hovereffect a.info {font-family: 'Montserrat', sans-serif;  display:inline-block; margin:0 auto; font-size:13px; width:100%; height:100%; color:#fff; line-height:30px; transform-origin: top left; -ms-transform: skew(40deg, 0deg); -webkit-transform: skew(40deg, 0deg); transform: skew(40deg, 0deg); z-index:99999999999999;}


/* INVENTORY */
.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 35px 0 0; box-sizing: border-box;}
.column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%;} .column5{width: 41.6666%;} .column4{width: 33.3333%;} .column3{width: 25%;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;}

a.active{background: #000; color: #fff;}
a.active:hover{background: #274b17; color: #fff;}

.inventory-search h5{font-size: 18px; margin: 5px 0 10px}
#filter-menu h3{background: #5f6060; display: block; font-size: 13px; color: #fff; cursor: pointer; padding: 10px 15px; box-sizing: border-box; border-bottom: 1px #777 solid}
#filter-menu h3 span{float: right; font-size: 18px; position: relative; top: -3px}
#filter-menu li{list-style-type: none; font-size: 13px}
#filter-menu ul ul{display: none; background: #fafafa; border: 1px solid #ccc; padding: 15px}
#filter-menu ul ul strong{display: block; margin: 0 0 6px;}
#filter-menu ul ul li{border: none; color: #333}
#filter-menu input[type="text"], #filter-menu select{display: block; width: 100%; padding: 7px; margin: 5px 0; box-sizing: border-box}
input[type="radio"]{position: relative; top: 2px; margin: 0 6px 0 0}
#filter-menu label{display: block; line-height: 28px}
#filter,.inventory-search button{width: 100%; box-sizing: border-box; font-family: 'Montserrat', sans-serif;font-weight: 700; text-transform: uppercase; color: #fff; cursor: pointer}
.inventory-search button{display: block; position: relative; padding: 12px; margin: 10px 0 0; background: #274b17; border: none}
#filter, .inventory-search .industry-buttons{display: none}
#filter:hover, .inventory-search button:hover{background:linear-gradient(#274b17, #2d5b19);}
#filter{padding: 14px 0; margin: 0 0 10px; background: #274b17; font-size: 14px; text-align: center}

.equipment-categories h2 a{display: block; font-size: 16px; text-transform: uppercase; text-decoration: underline; color: #c00;}
.equipment-categories ul{margin: 15px 0 0;}
.equipment-categories ul li a{font-weight: 700; font-size: 16px; line-height: 22px; text-decoration: underline;}
.equipment-categories ul li a:hover, .equipment-categories h2 a:hover{text-decoration: none;}
.equipment-categories ul ul{margin: 10px 0 0 15px;}
.equipment-categories ul ul li{list-style: circle}
.equipment-categories ul ul li a{font-weight: normal; font-size: 14px;}
.equipment-categories ul ul ul{margin: 0 0 0 15px;}
.equipment-categories ul ul ul ul{margin-left: 0 0 0 30px;}

@media screen and (max-width: 980px){
    .column3, .column9{display:block; width: 100%; padding: 0;}
    #filter{display: block;}
    .inventory-search, .inventory-search h5{display: none;}
    .inventory-search{margin-top: -10px;}
    .inventory-search .industry-buttons{display: block;}
    .industry-buttons a{width: 50%; margin: 0; padding: 15px; text-align: left; border: 1px #fff solid;}
    a.active, a.active:hover{background: #aaa;}
}
@media screen and (max-width: 580px){
    #filter{margin: 10px 0;}
}


/* FOOTER */
#colorblock {background:#274b17; color:#fff; font-size:14px; padding:10px 0;}
#colorblock a {font-size:14px; color:#fff;}
footer {background:#fff; color:#000; padding:40px 0;}
footer p {font-size:14px;line-height:1.6em;}
footer a:link, footer a:active, footer a:visited {text-decoration:none;color:#000;}
footer a:hover {text-decoration:none;color:#98999a;}
.col-4 {display:inline-block; width:24%; vertical-align:top;}

.footleft {float:left; width:60%;}
.footright {float:right; width:40%; text-align:right;}


/************************************************ Inventory Styles **/

.view-listing-details-link{color:#FFF!important;}
.view-listing-details-link:hover{color:#274b17!important;}
.detail-additional-data h3{color:#000!important;}

#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;
}


.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:#274b17 !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:#274b17 !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 #274b17 !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: #274b17 !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: 1540px){
	.logo {width:30%;}	
	.headblock1 {width:25%;}
	.hovereffect a.info {font-size:11px;}
}

@media screen and (max-width: 1280px){
	
	.hovereffect .overlay {width: 100%; height: auto; bottom: 0; -ms-transform: skew(0, 0deg); -webkit-transform: skew(0, 0deg); transform: skew(0, 0deg);}
	.hovereffect a.info {font-size:13px; transform-origin: top left; -ms-transform: skew(0, 0deg); -webkit-transform: skew(0, 0deg); transform: skew(0, 0deg);}
	
	.map {background-size:cover;}
	.banner {width:80%;}

	
}

@media screen and (max-width: 1180px){
	h1 {font-size:32px;}
	.wrapper {width:90%; margin:20px auto;}
	
	.logo {font-size:25px;}
	.logo img {padding-top:5px;}	
	
	.slidetext {font-size:28px;}
	
	.hovereffect a.info {font-size:11px;}
}

@media screen and (max-width: 1024px){
	.logo {width:35%; text-align:left; font-size:30px;}
	.headright {width:65%; font-size:13px;}
	.headright a {font-size:13px;}
	
	.homeinventory {width:32%;}
}


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

	.logo {width:45%; font-size:28px;}
	.headright {width:50%; font-size:11px;}
	.headright a {font-size:11px;}
	.headblock1 {display:block; width:40%;float:right;}
	.headblock {float:right; display:block; width:100%;}
	

	.slidetext {font-size:24px; line-height:28px;top:40%;}
	.greybtn {width:300px; margin-top:8px; padding:5px 0; line-height:20px; font-size:14px;}

	.pageleft {float:none; width:100%;}
	.pageright {float:none; width:100%;}
	
	#pagebar {font-size:20px; padding:5px 0;}

	footer {font-size:12px;}	
	.col-4 {width:49%; margin-bottom:10px;}	
}

 
@media screen and (max-width: 540px){
	h1 {font-size:18px;}
	h3 {font-size:13px;}
	p, ul li {font-size:12px;line-height:1.75em;}
	
	.logo {float:none; width:100%; text-align:center; font-size:32px; margin:10px auto;}
	.logo img {width:40%;}
	.headright {float:none; width:100%; font-size:14px;}
	.headblock1 {text-align:center; width:100%; margin:0 auto;}
	.headblock1 img {width:25%;}
	.headblock {text-align:center;}
	
	.slidetext {font-size:16px; line-height:20px;}
	.greybtn {width:200px; font-size:10px; padding:3px 0;}
	
	.homeinventory {width:49%;}
	
	.footleft {float:none; width:100%;}
	.footright {float:none; width:100%; text-align:left; margin-top:5px;}
}

@media screen and (max-width: 350px){
	h1 {font-size:16px;}
	.slidetext {top:25%; font-size:14px; line-height:16px;}
	.homeinventory {width:100%; margin:.25% auto;}
	
	.banner {width:100%;}
	
	.col-4 {width:100%;}
	
}