/*
    box-sizing: border-box; *behavior: url(themes/SandhillsTemplate/css/boxsizing.htc);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
*/

/***** 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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {line-height: 1; font-family: 'Montserrat', sans-serif;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

.clear {clear: both; height:0px; margin:0;}

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

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


h1 {font-size:36px; margin-bottom:15px;}
h2 {font-size:30px;}
h3 {font-size:28px; font-weight:bold; margin-bottom:10px;}
h4 {font-size:20px;}

h1.bold.heading-home {padding-bottom: 10px;}
.bold {font-weight:700;}

p {line-height:1.5; font-size:17px; margin-bottom:5px;}
.home-content-container p {font-size: 20px;}
.clear{clear: both;}
.container {background:rgba(255,255,255,0.8);}

/* SEARCH */

/***** FRAMEWORK *****/
.site-width {width:100%; max-width:1200px; margin:0 auto;}
.flex-contain {width:75%; padding:0 10px; margin:0 auto!important; *behavior: url(/css/boxsizing.htc);-webkit-box-sizing: border-box;	-moz-box-sizing:border-box; display:flex; vertical-align:top; flex-direction:row; box-sizing: border-box;}
.link-flex-contain {max-width:1040px; padding:0 10px; margin:0 auto; *behavior: url(/css/boxsizing.htc); -webkit-box-sizing: border-box;	-moz-box-sizing:border-box; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; box-sizing: border-box;}
.flex-1 {flex:1 0;}
.flex-2 {flex:2 0;}
.header-container {/*display: flex; flex-direction: row; justify-content: center; align-items: center;*/ max-width: 100%; width:100%; box-sizing: border-box; margin: 0 auto; position:absolute; background-color: rgba(255, 255, 255, 0.8); z-index:999999; padding:.5% 3%; border-bottom:1px solid #ccc;}

#main-content {padding: 40px 0; text-align:center;}
.header-wrap {width:90%; margin:0 auto;}
.logo {float:left; width:25%; vertical-align:top; margin-top:5px;}
.logo img {width:100%;}
.logo a {color:#000; font-weight:bold; font-size:22px;}
.right-header {float:right; width:60%; vertical-align:top; margin-top:10px; text-align:right;}

.flex-container {display: flex; justify-content: space-between; max-width: 1040px; padding: 0 10px; margin: 0 auto; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}


.brands-home {display: block; position: relative; width: 100%; background-position: top; background-repeat: no-repeat; background-size: cover; behavior: url(/css/boxsizing.htc); padding: 5px 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.brand-container {display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 15px; text-align:center;}
a.brand-logo {flex: 1 0 auto; width: 20%; text-align: center; margin-bottom: 10px;}
.brand-logo img {width:75%;}

#colorblock {background:url(../siteart/bg.jpg) no-repeat; margin-bottom:5px;}
.col_one {display:inline-block; width:39%; vertical-align:middle; text-align:left;}
.col_one img {width:100%;}

.col_two {display:inline-block; width:60%; vertical-align:middle;} 

.equiplink {display:inline-block; width:42%; border:2px solid #fff; text-align:center; margin:1%; padding:8px;}
.equiplink:hover {border:2px solid #ed1c24;}
.equiplink a {color:#fff; font-size:18px; font-weight:bold;}
.equiplinknew {display:inline-block; width:42%; border:2px solid #000; text-align:center; margin:1%; padding:8px;}
.equiplinknew:hover {border:2px solid #ed1c24;}
.equiplinknew a {color:#000; font-size:18px; font-weight:bold;}

.pagewrap {position:relative; width:75%; margin:0 auto 30px; padding-top:7%;}

.pageleft {float:left; width:65%;}
.pageright {float:right; width:28%; margin-bottom:5px;}
.pageright img {width:100%;}


footer {background: #282828; color:#fff!important; margin-top:5px;}
.line {width:100%; border-top:1px solid #fff;}
.col_three {display:inline-block; width:32%; color:#fff; vertical-align:top; margin-bottom:30px;}
.col_three a:hover {color:#ed1c24;}
.fa-facebook-f::before, .fa-facebook::before {color:#fff;}
.leftwrap {display:inline-block; width:49.5%; color:#fff!important; background:url(../siteart/footerbg.jpg) no-repeat; vertical-align:top; height:215px; padding:25px 0 60px; font-size:14px; line-height:20px;}
.rightwrap {display:inline-block; width:50%; vertical-align:top;}


.footer-contact {flex: 1 0; box-sizing: border-box; margin-right: 5px;}

footer a, footer span {color: #fff;}

footer h4 {flex-basis: 100%; margin-bottom: 5px; font-size:16px; color:#fff; font-weight:bold;}

footer .flex-contain {}


/* INVENTORY */




#inv{padding: 2% 0;}
#inv *:not(.loading-spinner):not(.loader){border-radius: 0!important;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: montserrat, 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;}

.view-listing-details-link, .selected-facet, .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, button.g-recaptcha.button {background:transparent !important; border: solid 2px #000 !important; color: #000 !important;}

.view-listing-details-link:hover, .selected-facet:hover, .buy-now-link:hover, .check-availability-link:hover, .email-seller-link:hover, .offer-btn:hover, .buy-btn:hover, .dealer-phone-mobile:hover, .offer-btn-mobile:hover, .send-email-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .fin-calc-btn-mobile:hover, button.g-recaptcha.button:hover {border: solid 2px #ed1c24 !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, .faceted-search, .faceted-show-all-btn, .cs-btns a {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, .detail-price, .compare-title, .compare-price {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, .title-media-buttons-heading h1 {padding-left: 4px; text-transform: uppercase; font-weight: 700 !important;}

.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, .page-nav, .contact-options a {background: #000 !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn {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;box-sizing: border-box;}


/* END OF INVENTORY */


@media screen and (max-width: 1400px) {
.logo {width:30%;}
.right-header {width:65%;}
	
.site-width {width:90%; max-width:100%;}	
}

@media screen and (max-width: 1024px) {
h1 {font-size:28px; margin-bottom:5px;}	
h3 {font-size:22px;}
p {font-size:16px;}
.logo {width:50%; margin:0 auto;float:none; padding:10px 0;}
.equiplink a {font-size:14px;}
.equiplinknew a {font-size:14px;}
	
.leftwrap {display:block; width:100%; height:auto;}
.rightwrap {display:block; width:100%; margin-bottom:100px;}

.pagewrap {width:90%; padding-top:10%;}	
	
}

@media screen and (max-width: 767px) {
h1 {font-size:20px; margin-bottom:5px;}	
h3 {font-size:18px;}
p {font-size:14px;}
	
.right-header {flex-basis: 33%;}
.header-container {flex-wrap: wrap;}
	
.header-container {position:relative;}	
	
.logo {flex-basis: 100%; text-align: center;}

.right-header p {font-size: 14px;}
	
#colorblock {padding:20px 0;}	
.equiplink {width:40%;}
.equiplink a {font-size:12px;}
.equiplinknew {width:40%;}	
.equiplinknew a {font-size:14px;}
	
.rightwrap {margin-bottom:0;}

.col_three {width:50%;}	
	
footer {padding-bottom: 16%;}	
	
#home-box-container {flex-wrap: wrap;}	
	
#main-content {text-align: center;}	
	
.brands-home {text-align: center;}
.brand-container {justify-content: center;}	
	
.flex-contain {flex-wrap: wrap;}
.flex-1 {flex-basis: 100%; text-align: center;}
	
.hosted-content #listings-title {font-size:1.1rem!important;}	
	
	
}

@media screen and (max-width: 600px) {
h1 {font-size:18px;}	
.pagewrap {padding-top:15%;}
	
.logo {width:75%; padding:10px 0 0;}
	
#colorblock {padding:20px 0; margin-bottom:20px;}	
.col_one {display:none;}
.col_two {display:block; width:100%;}	
.equiplink {display:block; width:93%; margin:1% auto;}	
.equiplinknew {display:block; width:93%; margin:1% auto;}	
	
.pageleft {float:none; width:100%;}
.pageright {float:none; width:100%;}

	
footer {margin-top:20px; padding-bottom:30%;}
}

@media screen and (max-width: 375px) {
.pagewrap {padding-top:8%;}
.logo a {font-size:16px;}
h1 {font-size:16px;}
h3 {font-size:14px;}
p {font-size:12px;}
#main-content {padding:20px 0;}	
leftwrap {font-size:12px;}
	
.flex-contain {width:90%;}	
.hosted-content .fluid {width:75%!important;}
	
footer {font-size:12px;}	
.leftwrap {padding:15px 0 20px; font-size:12px; line-height:16px;}
.col_three {display:block; width:100%; font-size:12px; margin-bottom:5px; line-height:16px;}
	
a.brand-logo {width:50%;}	

}

@media screen and (max-width: 280px) {
.hosted-content .fluid {width:58%!important;}
}