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

ol, ul {list-style: none;}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

header, nav, article, footer, address, img {display: block;}

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

body {-webkit-text-size-adjust:none;font-family:'Roboto Condensed', sans-serif !important;font-weight:400;font-size:22px;line-height:28px;}
h1, h2, h3, h4 {font-family:'Roboto Condensed', sans-serif !important;font-weight:700;line-height:normal;margin-bottom:5px;}
strong {font-family:'Roboto Condensed', sans-serif;font-weight:700;}
a:link, a:visited, a:active {text-decoration:none;color:#317d3c;}
a:hover {text-decoration:underline;color:#317d3c;}

header {background:url("../siteart/gray.png") repeat !important;overflow:hidden !important;}
.wrapper {width:100%;max-width:80%;margin:0 auto;padding:3% 0;}
.mainwrapper {width:100%;max-width:50%;margin-left:4%;padding:3% 0;}

.logo {width:100%;max-width:50%;display:inline-block;float:left;padding-top:10px;padding-left:20px;}
.logo img {max-width:100%;height:auto;float:left;}
.logowrapper {width:100%;max-width:80%;margin:0 auto;}

#contactinfo-skew {max-width:50%;width:100%;height:auto;transform-origin:top left;overflow:hidden;position:relative;float:right;background:#fbd904;margin-right:-50px;
    -webkit-transform: skewX(-20deg) skewY(0deg);
    -moz-transform: skewX(-20deg) skewY(0deg);
    -o-transform: skewX(-20deg) skewY(0deg);
    transform: skewX(-20deg) skewY(0deg);}
.contactinfo {padding:4% 10%;max-width:100%;height:auto;text-align:right;background:#fbd904;display:inline-block;float:right;box-sizing:border-box;
    -webkit-transform: skewX(20deg) skewY(0deg); font-size:22px !important;
    -moz-transform: skewX(20deg) skewY(0deg);
    -o-transform: skewX(20deg) skewY(0deg);
    transform: skewX(20deg) skewY(0deg);}

.mainimage {background:url("../siteart/home.png");margin:0px auto;height:auto;width:100%;background-repeat:no-repeat;background-position:left;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:5% 0px;}

.fieldbg {background:url("../siteart/field.png") !important;margin:0px auto !important;height:auto !important;width:100% !important;background-repeat:no-repeat !important;background-position:center !important;background-attachment: fixed !important;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;}

.scrolling-wrap {width:100%;height:90px;overflow:hidden;background:#fbd904;padding:10px 0px;}
.scrolling{width:100%;height:90px;}

footer {background:#317d3c !important;max-width:100%;height:auto;color:#fff;}
.three-cols {max-width:100%;width:33%;height:auto;vertical-align:top;display:inline-block;box-sizing:border-box;font-size:18px;}
.three-cols a:link, .three-cols a:visited, .three-cols a:active {text-decoration:none;color:#fff;}
.three-cols a:hover {text-decoration:underline;color:#fff;}

.two-cols {max-width:100%;width:50%;height:auto;vertical-align:top;display:inline-block;box-sizing:border-box;}
.rightt {text-align:right;}

.mainimagebtn {color:#fff !important;background:#595959;border:2px solid #fbd904;font-weight:700;text-align:center;text-decoration:none;padding:12px 25px;display:inline-block;transform: skew(-21deg);box-sizing:border-box;margin:5px;font-size:17px;}
.mainimagebtn span {display: inline-block; transform: skew(21deg);}
a.mainimagebtn:link, a.btn:active {color:#fff;}
a.mainimagebtn:hover {color:#555 !important;background:#fbd904;}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {background:#317d3c !important;}
.hosted-content .listings-wrapper .listings-list {font-size: inherit!important;}
.hosted-content .listings-wrapper .listings-list .col {line-height:inherit!important;}
.currency-capital-price-container img {display:inline-block !important;vertical-align:middle;padding:5px;}

.accordian-wrapper {text-align:center;width:25%;display:inline-block;box-sizing:border-box;vertical-align:top;padding-right:10px;}
/*.inventorywrap {width:75%;display:inline-block;box-sizing:border-box;vertical-align:top;}
/* .filter-listings {width: 20%; float: left; display: inline-block; box-sizing: border-box;} */
.filter-accordion-panel {width:100%; display: inline-block; text-align: left;}
.filter-accordion-panel .accordion {background: #fbd904; border: 1px solid #fff; margin-bottom: 0px;}
.filter-accordion-panel .accordion dt {display: block; padding: 15px; font-size: 16px; line-height: normal; color: #333; cursor: pointer; position: relative; user-select: none;}
.filter-accordion-panel .accordion dd {height: 0; overflow: hidden; transition: height .35s ease-out; margin-left: 0; background: #ddd; font-size: 16px; line-height: normal;}
.filter-accordion-panel .accordion dd p:hover {background: #272727; cursor: pointer;color:#fff;}
.filter-accordion-panel .accordion dd p {border-bottom: 1px solid #fff; padding: 20px 10px;}
.filter-accordion-panel .accordion .content {padding: 0; overflow: auto;}
.filter-accordion-panel .plus-icon {display: inline-block; width: 15px; height: 15px; position: relative; transition: transform 0.35s ease-out; position: absolute; right: 25px; top: 50%; margin-top: -10px;}
.filter-accordion-panel .plus-icon:before, .filter-accordion-panel .plus-icon:after {content: ''; background: #333; position: absolute;}
.filter-accordion-panel .plus-icon:before {width: 2px; height: 15px; margin-left: -0.5px; left: 50%;}
.filter-accordion-panel .plus-icon:after {width: 15px; height: 2px; margin-top: -0.5px; top: 50%; opacity: 1; transition: opacity 0.35s ease-out;}
.filter-accordion-panel .is-open .plus-icon {transform: rotate(90deg);}
.filter-accordion-panel .is-open .plus-icon:after {opacity: 0;}
.filter-accordion-panel .hidden {display: none;}
.filter-accordion-panel .open-btn, .filter-accordion-panel .close-btn {cursor: pointer; position: absolute; right: 0; width: 90px;}
.filter-accordion-panel .buttons-wrapper {position: relative;}
.filter-accordion-panel .buttons-wrapper .plus-icon {position: absolute; right: 10px; top: 12px;}


.faceted-section-head {background-color: #fbd904 !important; font-family: 'Roboto Condensed', sans-serif !important; font-weight: 700 !important;}
.faceted-section-box {background-color: white !important;}
.view-listing-details-link {background-color: #317d3c !important; color: white !important;}
.faceted-search-content {margin-right: 0% !important; min-width: auto !important;}
.option-name {margin-top: -2px !important;}
.list-listings-count {color: #317d3c !important;}
.mobile-done-button {
		background-color: #317d3c !important;}

.detail-btn-calc {padding-top: 20px !important; padding-bottom: 20px !important;}

.offer-btn {background-color: #317d3c !important;}

.data-label {background-color: #317d3c !important;}
.contact-bar-btn {background-color: #317d3c !important;}


.offer-btn-mobile {
	background-color: #317d3c !important;
}

.dealer-phone-mobile {
		background-color: #317d3c !important;
}

.send-email-btn-mobile {
	background-color: #317d3c !important;
}

.fin-calc-btn-mobile {
		background-color: #317d3c !important;
}

.price {color: #317d3c !important;}
.detail-price {color: #317d3c !important;}
.contact-options a {background-color: #317d3c !important;}
.mobile-breadcrumb {background-color: #317d3c !important;}
.selected-facet {background-color: #317d3c !important;}
.ts-modal-container button {background-color: #317d3c !important; font-family: 'Roboto Condensed', sans-serif !important;}
.search-results {color: #317d3c !important;}

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

@media screen and (max-width: 1280px){

}



@media screen and (max-width: 1024px){
    body {font-size:18px;line-height:26px;}
    .mainwrapper {max-width:80%;margin:0 auto;}
    
    .logo {max-width:35%;}
    #contactinfo-skew {max-width:65%;}
}



@media screen and (max-width: 768px){
    .logo {max-width:100%;float:none;padding:20px 0;text-align:center;}
    .logo img {float:none;display:inline-block;}
    #contactinfo-skew {max-width:100%;transform-origin:top left;float:none;margin-right:0px;
        -webkit-transform: skewX(0deg) skewY(0deg);
        -moz-transform: skewX(0deg) skewY(0deg);
        -o-transform: skewX(0deg) skewY(0deg);
        transform: skewX(0deg) skewY(0deg);}
    .contactinfo {padding:2%;text-align:center;float:none;width:100%;font-size:16px !important;
        -webkit-transform: skewX(0deg) skewY(0deg);
        -moz-transform: skewX(0deg) skewY(0deg);
        -o-transform: skewX(0deg) skewY(0deg);
        transform: skewX(0deg) skewY(0deg);}

    
    .three-cols {width:50%;font-size:16px;}
    .mainimage {padding:5% 0px;background: #fff;}
    
    .mainimagebtn {padding:12px 35px;transform:skew(0deg);width:100%;}
    .mainimagebtn span {transform:skew(0deg);}
    
    .two-cols {width:100%;}
    .rightt {text-align:left;}
    
.accordian-wrapper {padding-right:0;width:100%;padding-bottom:10px;}
.inventorywrap {width:100%;}
}
 
 

@media screen and (max-width: 320px){
    .three-cols {width:100%;font-size:16px;}
}