/***** 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;font-family: 'Lato', sans-serif;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

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

body {font-size:20px;line-height:26px;-webkit-text-size-adjust:none;background:url("../siteart/white.png") repeat!important;background-attachment:fixed;}
h1, h2, h3, h4 {font-weight:700;line-height:normal;margin-bottom:5px;}
strong {font-weight:700;}
a:link, a:visited, a:active {text-decoration:none; color:#337137;}
a:hover {text-decoration:underline; color:#337137;}
.headerinfo a[href^="tel:"] {text-decoration:none; color:#337137;}

header {background:url("../siteart/yellow.png") repeat;overflow:hidden;}
.logo {display:inline-block;max-width:30%;width:100%;height:auto;text-align:center;}
.logo img {display:inline-block;max-width:100%;height:auto;}
.headerinfo {float:right;padding:10px 20px 10px 0; font-size: 20px !important;}
.headerinfo span {padding:10px 5px;}

#nav-skew {max-width:70%;width:100%;height:auto;transform-origin:top left;overflow:hidden;position:relative;float:right;background:#337137;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);}
.primary {padding:4% 10%;max-width:100%;height:auto;text-align:center;background:#337137;display:inline-block;float:right;box-sizing:border-box;
    -webkit-transform: skewX(20deg) skewY(0deg);
    -moz-transform: skewX(20deg) skewY(0deg);
    -o-transform: skewX(20deg) skewY(0deg);
    transform: skewX(20deg) skewY(0deg);}

.mainsection {background:url("../siteart/main.png");margin:0px auto;height:auto;width:100%;background-repeat:no-repeat;color:#fff;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;}
.mainsection a:link, .mainsection a:visited, .mainsection a:active {text-decoration:none;font-weight:700;color:#fff;}
.mainsection a:hover {text-decoration:underline; color:#fff;}

.wrapper {width:100%;max-width:80%;margin:0 auto;height:auto;padding:5% 0px;}


.scrolling-wrap {width:100%;height:90px;overflow:hidden;padding:3% 0;}
.scrolling {width:100%;height:92px;}

/* Search Buttons */
.searchbg {background:url("../siteart/white.png") repeat;padding:3% 0px;}
.accordian-wrapper {text-align: center;}
.accordion-panel { width:32%; display: inline-block;}
.accordion-panel .accordion {background: #337137; border: 1px solid #fff; margin-bottom: 20px;}
.accordion-panel .accordion dt {display: block; padding: 15px; color: #fff; cursor: pointer; position: relative; user-select: none;}
.accordion-panel .accordion dd {height: 0; overflow: hidden; transition: height .35s ease-out; margin-left: 0; background: #F4F4F4;}
.accordion-panel .accordion .content {padding: 25px; overflow: auto;}
.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;}
.accordion-panel .plus-icon:before, .accordion-panel .plus-icon:after {content: ''; background: #fff; position: absolute;}
.accordion-panel .plus-icon:before {width: 2px; height: 15px; margin-left: -0.5px; left: 50%;}
.accordion-panel .plus-icon:after {width: 15px; height: 2px; margin-top: -0.5px; top: 50%; opacity: 1; transition: opacity 0.35s ease-out;}
.accordion-panel .is-open .plus-icon {transform: rotate(90deg);}
.accordion-panel .is-open .plus-icon:after {opacity: 0;}
.accordion-panel .hidden {display: none;}
.accordion-panel .open-btn, .accordion-panel .close-btn {cursor: pointer; position: absolute; right: 0; width: 90px;}
.accordion-panel .buttons-wrapper {position: relative;}
.accordion-panel .buttons-wrapper .plus-icon {position: absolute; right: 10px; top: 12px;}

.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: #337137; border: 1px solid #fff; margin-bottom: 0px;}
.filter-accordion-panel .accordion dt {display: block; padding: 15px; font-size: 12px; line-height: normal; color: #fff; 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: #232f47; font-size: 12px; line-height: normal;}
.filter-accordion-panel .accordion dd p:hover {background: #272727; cursor: pointer;}
.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: #fff; 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;}

.equipment-search {padding: 25px; box-sizing: border-box;}
.equipment-search input, .detailed-search select { width: 100%; padding: 8px 10px; font-size: 12px; background-color: #fff; box-sizing: border-box; color: #555; margin-top: 8px; box-sizing: border-box; outline: none; border-radius: 0; border:1px solid #afafaf; -webkit-appearance: none; border-radius: 0;line-height: initial;}
.equipment-search input[type='submit'] {display:inline-block; border:none; background: #fed107; font-size: 18px; color: #fff; width: 100%; outline: none; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; cursor: pointer; position: relative; padding: 10px; vertical-align:top; margin-bottom: 8px; text-align:left;}
.detailed-search input[type='submit']:hover {color:#fff; background:#337137; text-shadow:none; box-shadow:1px 1px 5px #AFAFAF;}


div.searchatt {
    display: inline-block;
    border: none;
    background: #337137;
    font-size: 18px;
    color: #fff;
    width: 100%;
    outline: none;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    cursor: pointer;
    position: relative;
    padding: 10px;
    vertical-align: top;
    margin-bottom: 8px;
    text-align: left;box-sizing:border-box;
}

/* home page inventory styles */
.grid {position:relative;margin:0 auto;padding:0 0 0 0;max-width:100%;list-style:none;text-align:center;}
.grid figure {position:relative;float:left;overflow:hidden;margin:0;width:12.5%;height:auto;background:#3085a3;text-align:center;cursor:pointer;}
.grid figure img {position:relative;display:block;min-height:100%;max-width:100%;opacity:0.8;}
/* font size */
.grid figure figcaption {padding:2em;color:#fff;text-transform:uppercase;font-size:10px;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::before, .grid figure figcaption::after {pointer-events:none;}
.grid figure figcaption, .grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing:border-box;}
/* Anchor will cover the whole item by default */
.grid figure figcaption > a {z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.grid figure h2 {font-weight:700;}
.grid figure h2, .grid figure p {margin:0;}
.grid figure p {}
figure.effect-oscar {background:-webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);background:linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);}
figure.effect-oscar img {opacity:0.9;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-oscar figcaption {padding:2em;background-color:rgba(58,52,42,0.7);-webkit-transition:background-color 0.35s;transition:background-color 0.35s;}
figure.effect-oscar figcaption::before {position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';}
figure.effect-oscar h2 {margin:20% 0 10px 0;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
figure.effect-oscar figcaption::before, figure.effect-oscar p {opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(0);transform:scale(0);}
figure.effect-oscar:hover h2 {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {opacity:1;-webkit-transform:scale(1);transform:scale(1);}
figure.effect-oscar:hover figcaption {background-color:rgba(58,52,42,0);}
figure.effect-oscar:hover img {opacity:0.4;}


.divfooter {background:#337137;font-size:14px;}
.divfooter .wrapper {padding:2% 0px;}
.divfooter a:link, .divfooter a:visited, .divfooter a:active {text-decoration:none;font-weight:700;color:#fff;}
.divfooter a:hover {text-decoration:underline; color:#fff;}

footer {background:url("../siteart/yellow.png") repeat;font-size:16px;}
footer .wrapper {width:100%;max-width:80%;margin:0 auto;height:auto;padding:3% 0px;}

.fourcols {box-sizing:border-box;width:100%;max-width:25%;height:auto;vertical-align:top;display:inline-block;}

/* font size/line height */
.hosted-content .listings-wrapper .listings-list {font-size:inherit !important;}
.hosted-content .listings-wrapper .listings-list .col {line-height:26px !important;}
.currency-capital-price-container img {display:inline!important;padding:5px!important;vertical-align:middle!important;}

/* listings background color */
.hosted-content .listings-wrapper .listings-list .listing-banner {background:#fed107 !important;}
.hosted-content .listings-wrapper .sort-box {background:#fed107 !important;}

/* listings buttons and hover color */
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {background:#337137 !important;}
.hosted-content input:hover[type='submit'], .hosted-content button:hover [type='submit'], .hosted-content .btn:hover, .hosted-content .button:hover {background:#18381a !important;}

/* font family */
.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2 {font-family:'Lato', sans-serif !important;font-weight:700 !important;}


/* FACETED INVENTORY */
.search-pad{padding:3% 0px;}

.view-listing-details-link, .buy-now-link{color:#FFF!important;}

.option-name, .option-count{margin-top:-4px!important;}

.detail-content-mobile .contact-options a{background-color:#337137;}

#inv{padding: 0 0 3% 0;}
#inv *:not(.loading-spinner):not(.loader){border-radius: 0!important;}
#inv *:not(.fa):not(.far):not(.fas):not(.material-icons){font-family: 'Lato', sans-serif!important;} /* Reset font, ignore icons */


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

.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.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 .dealer-phone-mobile-container .dealer-phone-mobile, .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, .mobile-breadcrumb {background:#337137 !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link {background: #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 {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 {text-transform: uppercase!important; 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, .faceted-search-content .mobile-done-button-container .mobile-done-button, .list-page-nav, .faceted-search {background: #000 !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn {border-color: #000!important; color: #000!important;}

.material-icons {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;}





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

@media screen and (max-width: 1280px){
    .grid figure {width:25%;}
    .headerinfo {font-size:16px !important;}

}



@media screen and (max-width: 1024px){
    .logo {max-width:100%;}
    #nav-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);}

    #menu-button{-webkit-transform: skewX(0deg) skewY(0deg);
        -moz-transform: skewX(0deg) skewY(0deg);
        -o-transform: skewX(0deg) skewY(0deg);
        transform: skewX(0deg) skewY(0deg);}
    .headerinfo {float:none;padding:20px 0px;text-align:center;font-size:14px !important;}

}



@media screen and (max-width: 767px){
    .grid figure {width:50%;}
    .fourcols {max-width:50%;}
    
    .accordion-panel {width:90%;margin:0 auto;}
}
 
 

@media screen and (max-width: 400px){
    .grid figure {width:100%;}
    .fourcols {max-width:100%;}

}