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

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

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


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

/*-------- BODY STYLES --------*/

body {
	background: #222;
}

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


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {}

.header { width: 100%; display: flex; flex-direction: column; align-items: center; }
.topheader { width: 100%; background: #131313; display: flex; justify-content: center; }
.topheader > .max-widther { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 4px 15px; box-sizing: border-box; }
.topheader a.logo {  }
.topheader a.logo img { max-width: 275px; }

.searchbar { max-width: 736px; height: 35px; width: 50%; }
.searchbar form { width: 100%!important; height: 100%!important; display: flex; justify-content: space-between; align-items: center; }
.searchbar form input { width: calc(100% - 40px)!important; height: 100%!important; color: #eee!important; background: #202020!important; font-family: 'Noto Sans', sans-serif; font-size: 14px; padding: 0 10px 0 10px!important; box-sizing: border-box; border-top: none!important; border-left: none!important; border-right: none!important; border-bottom: 1px solid #a559bd!important; /* PURPLE */ border-radius: 0!important; }
.searchbar ::placeholder { color: #95ea00; /* GREEN */ font-weight: 500; }
.searchbar form button { width: 40px; height: 100%; background: #a559bd; /* PURPLE */ color: #fff; text-shadow: 1px 2px 0 #000; border: none; font-size: 16px; text-align: center; line-height: 30px; }
.searchbar form button:hover { background: #914ea6; /* HOVER PURPLE */ }

.topheader .soc a { display: flex; justify-content: center; align-items: center; }
.topheader .soc a div.phone-circle { display: flex; justify-content: center; align-items: center; border-radius: 100px; border: 2.5px solid #a559bd; /* PURPLE */ width: 36px; height: 36px; }
.topheader .soc a div.phone-circle i { font-size: 20px; color: #95ea00; /* GREEN */ }
.topheader .soc a span.phone-big { text-align: left; font-family: 'Noto Sans', sans-serif; font-size: 22px; font-weight: 900; line-height: .6; color: #95ea00; /* GREEN */ margin: 0 0 0 8px; }
.topheader .soc a span span.phone-sm { text-align: left; font-family: 'Noto Sans', sans-serif; font-size: 12px; font-weight: 400; color: #aeaeae; }
.topheader .soc a:hover div.phone-circle { border-color: #fff; }
.topheader .soc a:hover div.phone-circle i { color: #a559bd; /* PURPLE */ }
.topheader .soc a:hover span.phone-big { color: #a559bd; /* PURPLE */ }

.midheader { width: 100%; background: #121212; display: flex; justify-content: center; }
.midheader > .max-widther { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 8px 24px; box-sizing: border-box; }
.midheader a { position: relative; z-index: 2; color: #fff; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: .3px; transition: .3s ease all; padding: 0 27px; line-height: 20px; display: flex; align-items: center; }
.midheader a:hover { background: #131313; color: #a559bd; transition: .3s ease all; }
.midheader a:hover i { color: #ff0000; }
.midheader a i.fa-youtube { color: #ff0000; margin: 0 5px 0 0; font-size: 27px; }
.midheader div.white-triangle { position: absolute; content: ""; top: 6px; bottom: 7px; left: 33px; right: 107px; background: #fff; z-index: -1; }
.midheader a span.youtube-text {  }
.midheader .nav-div {  }

.yellow-banner { width: 100%; }
.yellow-banner a { width: 100%; height: 100%; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: 900; color: #000; transition: .3s ease all; background: #feca01; /* YELLOW */ display: flex; justify-content: center; align-items: center; padding: 15px; box-sizing: border-box; }
.yellow-banner a i { font-size: 24px; margin: 0 10px 0 0; }
.yellow-banner a:hover { background: #e5bb1a; transition: .3s ease all; }
.yellow-banner a div.yellow-stay { width: 262px!important; display: flex; justify-content: space-between; }
.yellow-banner a div.yellow-stay > span { width: 226px; display: flex; align-items: center; }
.yellow-banner a div.vert-divider { margin: 0 12px; height: 35px; width: 1px; background: #000; }
.yellow-banner a span.banner-sm { font-size: 18px; font-weight: 700; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }

/*---BODY--------------------------------*/
.max-widther { max-width: 1450px; }
.green { color: #95ea00!important; /* GREEN */ }


/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
footer{}

.footer { display: flex; flex-direction: column; align-items: center; width: 100%; }
.foot-nav { width: 100%; background: #171717; display: flex; justify-content: center; }
.foot-nav > .max-widther { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; padding: 30px 15px; box-sizing: border-box; }
.foot-nav-col { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.foot-nav-col a { font-family: 'Noto Sans', sans-serif; font-size: 13px; font-weight: 400; line-height: 33px; color: #aeaeae; transition: .3s ease all; }
.foot-nav-col a:hover { color: #a559bd; /* PURPLE */ transition: .3s ease all; }
.foot-nav-col a i { width: 16px; margin: 0 5px 0 0; font-size: 13px; text-align: center; }
.foot-nav-col .bold-nav { font-family: 'Noto Sans', sans-serif; font-size: 13px; font-weight: 600; text-transform: uppercase; color: #fff; transition: .3s ease all; }
.foot-nav-col a.bold-nav:hover { color: #a559bd; /* PURPLE */ transition: .3s ease all; cursor: pointer; }
.foot-nav-col h5 { font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 33px; color: #fff; text-transform: uppercase; }

.mid-foot { width: 100%; background: #131313; display: flex; justify-content: center; }
.mid-foot > .max-widther { display: flex; justify-content: space-between; align-items: flex-end; width: 100%; padding: 15px 15px 0 15px; box-sizing: border-box; }
.mid-foot p { font-family: 'Noto Sans', sans-serif; font-size: 12px; font-weight: 300; color: #fff; }
.mid-foot p i { font-size: 9px; }
.mid-foot a { font-size: 21px; color: #fff; transition: .3s ease all; }
.mid-foot a:hover { color: #a559bd; /* PURPLE */ transition: .3s ease all; }

.sticky-foot { width: 100%; background: #131313; display: flex; justify-content: center; }
.sticky-foot > .max-widther { display: flex; justify-content: space-between; align-items: center; padding: 15px; box-sizing: border-box; width: 100%; }
.sticky-right { display: flex; justify-content: space-between; align-items: center; }
.sticky-foot a { font-family: 'Noto Sans', sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; color: #95ea00; /* GREEN */ transition: .3s ease all; }
.sticky-foot a i { color: #a559bd; /* PURPLE */ transition: .3s ease all; text-align: right; margin: 1px 5px 0 0; font-size: 19px;}
.sticky-foot a:hover { color: #a559bd; /* PURPLE */ transition: .3s ease all; }
.sticky-foot a:hover i { color: #fff; transition: .3s ease all; }
.sticky-spacer { margin: 0 60px; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

#inv .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text { border: 1px solid #95ea00!important; color: #95ea00!important; border-radius: 5px!important; }
#inv .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text:hover { background: #95ea00!important; color: #000!important; }
#inv .list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .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 { background: #95ea00!important; color: #000!important; border-radius: 5px!important; }
#inv .list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link:hover { background: #914ea6!important; color: #fff!important; }
#inv a.collapsible-contact-list-item { background: #a559bd!important; color: #fff!important; border-radius: 5px!important; }
#inv a.collapsible-contact-list-item:hover { background: #914ea6!important; color: #fff!important; }
#inv a.view-listing-details-link { background: #95ea00!important; color: #000!important; border-radius: 5px!important; }
#inv a.view-listing-details-link:hover { background: #914ea6!important; color: #fff!important; }
#inv button.faceted-search { background: #a559bd!important; color: #fff!important; border-radius: 5px!important; }
#inv button.faceted-search:hover { background: #914ea6!important; color: #fff!important; }
#inv button.selected-facet { background: #a559bd!important; color: #fff!important; border-radius: 5px!important; }
#inv button.selected-facet:hover { background: #914ea6!important; color: #fff!important; }
#inv button.faceted-show-all-btn { background: #a559bd!important; color: #fff!important; border-radius: 5px!important; }
#inv button.faceted-show-all-btn:hover { background: #914ea6!important; color: #fff!important; }
#inv p.fin-calc { color: #a559bd!important; }
#inv p.fin-calc:hover { color: #914ea6!important; }
#inv .list-content .listing-portion-title {text-decoration: underline; text-decoration-color: #a559bd; }
#inv a.dealer-name-link h4.dealer-name { color: #95ea00!important; text-decoration: underline; text-decoration-color: #fff!important; }
#inv span.option-name {  }
#inv h1.list-title { color: #a559bd!important; }
#inv label.bold { color: #fff!important; }
#inv .faceted-search-content .faceted-section-head { background: #131313!important; color: #fff!important; }
#inv .faceted-search-content .faceted-section-head:hover { background: #131313!important; color: #fff!important; }
#inv span.option-count { color: #fff!important; }
#inv .list-content .list-main-section .list-container .list-listing { background: #333!important; border: none!important; }
#inv button.spec-icon { background: #222!important; color: #fff!important; border-radius: 5px!important; }
#inv span.listing-description { color: #fff!important; }
#inv span.add-update-time { color: #fff!important; }
#inv div.faceted-option-checkbox-container.faceted-header { color: #fff!important; }
#inv span.price { color: #fff!important; }
#inv span.compare-listings__label-text { color: #fff!important; }
#inv div.dealer-data { }
#inv div.ts-modal-content.show-all-modal-content-container { background: #000!important; }
#inv div.listing-category { color: #fff!important; }
#inv h1.list-title span.list-listings-count { color: #fff!important; }
#inv h1.list-title span.list-title-text { color: #95ea00!important; }
#inv button.close { background: #000!important; }
#inv div.selected-header { color: #fff!important; }
#inv a.fin-calc { color: #fff!important; }
#inv a.list-listing-title-link h3.listing-portion-title { color: #fff!important; text-decoration-color: #a559bd!important; }
#inv div.machine-location {  }
#inv div.spec-container { color: #fff!important; }
#inv div.retail-price-container span.spec-label { color: #fff!important; }
#inv div.selected-facets button.selected-facet { background: #a559bd!important; border-radius: 5px!important; }
#inv h3.listing-portion-title { color: #fff!important; text-decoration-color: #a559bd!important; }
#inv p.disclaimer { color: #fff!important; }
#inv div.listing-description { color: #fff!important; }
#inv div.list-listing-mobile { background: #333!important; }
.legal-text-container{
	color: white;
}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1320px) {
	.searchbar form input { width: calc(100% - 50px)!important; }
	.searchbar form button { width: 50px; }
	.midheader a { padding: 0 18px; }
	.midheader div.white-triangle { bottom: 5px; left: 25px; right: 100px; }
}

@media only screen and (max-width: 1150px) {
	.hide1150 { display: none!important; }
	.header { flex-direction: row; flex-wrap: wrap; background: #131313; }
	.topheader { width: calc(100% - 60px); }
	.topheader .searchbar { width: 40%; }
	.midheader { width: 44px; height: 44px; }
	.midheader > .max-widther { padding: 0; justify-content: center; }
	.midheader a { padding: 0; }
	
	.foot-nav > .max-widther { flex-wrap: wrap; }
	.foot-nav-col { width: 33.333%; }
}

@media only screen and (min-width: 961px) {
	.show960 { display: none!important; }
}

@media only screen and (max-width: 960px) {
	.hide960 { display: none!important; }
	.topheader > .max-widther { flex-wrap: wrap; }
	.searchbar { width: calc(100% - 40px)!important; max-width: 920px!important; margin: 6px auto; }
	.searchbar.show960 { width: 100%; }
}

@media only screen and (max-width: 670px) {
	.hide670 { display: none!important; }
	.yellow-banner a { flex-direction: column; align-items: flex-start; }
	
	.foot-nav-col { width: 50%; margin: 0 0 30px 0; }
	.sticky-foot > a { display: none; }
	.sticky-right { width: 100%; }
	.sticky-spacer { margin: 0; }
}

@media only screen and (max-width: 500px) {
	.foot-nav > .max-widther { flex-direction: column; align-items: center; }
}

@media only screen and (max-width: 375px) {
	.foot-nav-col { width: 100%; }
}