/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'Heebo', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear:both; height:0px; margin:0;}
/***** END RESET *****/

header, nav, article, footer, img {display:block;}

body {font-family:'Heebo', sans-serif; color:#000; font-size:16px; line-height:normal; font-weight:400; background:#333; -webkit-text-size-adjust:none;}
.clear-it:after {content:""; display:block; clear:both;}

.wrap {width:92%; margin:0 auto; max-width:1230px;}

.show-1024, .show-tablet {display:none;}

.full-img img {width:100%; height:auto; margin-bottom:20px;}

.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left;}
.column1 {width:8.33333%;}
.column2 {width:16.66666%;}
.column3 {width:25%;}
.column4 {width:33.33333%;}
.column5 {width:41.66666%;}
.column6 {width:50%;}
.column7 {width:58.33333%;}
.column8 {width:66.66666%;}
.column9 {width:75%;}
.column10 {width:83.33333%;}
.column11 {width:91.66666%;}
.column12 {width:100%;}

.col-pad-lt {padding:0 0 0 2%;}
.col-pad-rt {padding:0 2% 0 0;}
.col-pad-center {padding:0 1%;}


/******** typography styles **/
/* font-family:'Heebo', sans-serif; */
p {margin-bottom:16px;}
.no-margin {margin:0!important;}

h1, h2, h3, h4, h5, h6 {font-family:'Heebo', sans-serif; font-weight:700; line-height:135%;}
h1 {font-size:32px; margin-bottom:16px;}
h2 {font-size:28px; margin-bottom:14px;}
h3 {font-size:24px; margin-bottom:12px;}
h4 {font-size:20px; margin-bottom:10px;}
h5 {font-size:18px; margin-bottom:8px;}
h6 {font-size:16px; margin-bottom:5px;}

.yellow {color:#f5cc53;}
.black {color:#000;}
.white {color:#fff;}

.caps {text-transform:uppercase;}
.text-center {text-align:center;}
.text-right {text-align:right;}

a, a:hover {color:inherit; text-decoration:none;}


/******** header/nav styles **/
header {width:100%; padding:20px 0; background:#000;}
.logo {width:33%; float:left; margin-right:2%;}
.logo img {width:100%; height:auto; max-width:352px;}

.rt-header {width:65%; float:left;}
.head-contact {text-align:right; color:#f5cc53; font-size:24px; font-weight:700;}
.head-contact i {margin-right:5px;}

nav {width:100%; margin-top:20px;}
nav ul {width:100%; margin:0 auto; text-align:right;}
nav li {position:relative; display:inline-block;}
nav a:link, nav a:active, nav a:visited {display:block; text-decoration:none; color:#fff; font-weight:700; font-size:16px; text-transform:uppercase; line-height:18px; padding:7px 11px;}
nav a:hover, nav li.active a {border-bottom:3px #f5cc53 solid; padding-bottom-width:4px;}

nav ul ul {display:none; position: absolute; z-index:99999; top:35px; left:0; width:200px; background:#333; text-align:left;}
nav ul ul ul {position:absolute; left:100%; top:0;}
nav ul li:hover > ul {display:block; z-index:99999;}
nav ul ul li {float:none; position:relative; display:block;}
nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited {font-size:14px; line-height:16px; padding:10px 0px 10px 10px; border-bottom:1px solid #666;}
nav ul ul li a:hover {background:#000; color:#fff;}

/* mobile nav styles */
#mobile-nav .close-nav {width:100%; display:block; text-align:right; line-height:45px; height:45px; border-bottom:1px #444 solid;}
#mobile-nav .close-nav i {font-size:18px; color:#fff; margin-right:15px;}

#mobile-nav {display:none; position:fixed; top:0; height:100%; z-index:9999; width:260px; overflow-x:none; overflow-y:auto; font-size:15px; background:#000; color:#fff; margin:0 !important; -moz-box-shadow:2px 0px 3px rgba(0,0,0,.4); -webkit-box-shadow:2px 0px 3px rgba(0,0,0,.4); box-shadow:2px 0px 3px rgba(0,0,0,.4);}
#mobile-nav ul {clear:both; display:block; padding:0;}
#mobile-nav ul li {display:block; margin:0; line-height:40px; position:relative; border-bottom:1px solid #444;}
#mobile-nav ul li a, #mobile-nav ul li span {padding:0 15px; display:block; font-weight:700; text-decoration:none; color:#fff; border-left:3px #000 solid; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#mobile-nav ul li a:hover {background:#000; color:#fff; border-left-color:#f5cc53;}
#mobile-nav ul li.current a {border-left-color:#f5cc53;}

#mobile-nav ul li.expandable .end {position:absolute; top:0px; right:0px; width:40px; height:40px; line-height:40px; text-align:center; display:block;}
#mobile-nav ul li.expandable .end i {font-size:18px; color:#fff; text-align:center;}
#mobile-nav ul li.expandable .end.rotate {-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
#mobile-nav ul ul.collapsed {display:none;}
#mobile-nav ul ul.expanded {display:block;}

#mobile-nav ul li ul {border-bottom:none; margin:0; background:#333;}
#mobile-nav ul li ul li {line-height:40px; font-size:14px;}
#mobile-nav ul li ul li:last-child {border-bottom:none;}
#mobile-nav ul li ul li a, #mobile-nav ul li ul li span {color:#fff; padding-left:30px; border-left-color:#333;}
#mobile-nav ul li.current ul li a {border-left-color:#333;}
#mobile-nav ul li ul li a:hover {background:#333; color:#fff; border-left-color:#f5cc53;}


/******** content styles **/
.inv-links {width:100%; display:block; padding:40px 0; background:url('../siteart/pattern.jpg') repeat center;}
.inv-links a {display:block; width:15.66666%; margin:0 0.5%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-position:center; background-size:cover; background-repeat:no-repeat; position:relative; border:2px #000 solid;}
.inv-links span {display:block; padding:32% 0; width:100%; text-align:center; color:#fff; font-weight:700; text-transform:uppercase; font-size:20px; line-height:125%; position:relative; z-index:3; text-shadow:2px 2px 2px rgba(0,0,0,.75);}
.inv-links .shaded {width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:1; background:rgba(0,0,0,0.4);}
.inv-links a:hover .shaded {background:rgba(0,0,0,0);}

.scroll-frame {width:100%; display:block; position:relative; background:#f5cc53; overflow:hidden; padding:12px 0;}
.scroll-frame iframe {width:100%; display:block; height:90px; position:relative;}
.scroll-caption {width:30%; position:absolute; top:0; left:-15px; z-index:9; background:#f5cc53; text-align:center; font-size:24px; font-weight:700; text-transform:uppercase; height:114px; padding:25px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transform:skewX(-15deg) skewY(0deg); -moz-transform:skewX(-15deg) skewY(0deg); -webkit-transform:skewX(-15deg) skewY(0deg); -moz-box-shadow:2px 0px 5px rgba(0,0,0,.4); -webkit-box-shadow:2px 0px 5px rgba(0,0,0,.4); box-shadow:2px 0px 5px rgba(0,0,0,.4);}
.scroll-caption span {transform:skewX(15deg) skewY(0deg); -moz-transform:skewX(15deg) skewY(0deg); -webkit-transform:skewX(15deg) skewY(0deg); display:block;}

article {width:100%; background:#fff; padding:40px 0;}
article.home {padding:0;}

.inner-content {padding:40px 7%;}

.cycle-slideshow {width:50%; height:100%; float:left; display:block; overflow:hidden; background:#fff;}
.cycle-slideshow .slide {width:100%; top:0; left:0; display:block; background-repeat:no-repeat; background-position:center; background-size:contain;}

.cycle-pager {text-align:center; width:100%; z-index:500; position:absolute; bottom:10px; overflow:hidden;}
.cycle-pager span {font-family: arial; font-size:50px; width:16px; height:16px; margin:0 2px; line-height:16px; display:inline-block; color:#000; cursor:pointer; }
.cycle-pager span.cycle-pager-active {color:#f5cc53;}
.cycle-pager > * {cursor:pointer;}


/******** footer styles **/
footer {width:100%; padding:25px 0; color:#fff; font-size:14px;}
.foot-contact i {font-size:16px!important; vertical-align:middle; margin-right:5px;}
.foot-nav li {display:block; padding:2px 0;}

.foot-logo {width:100%; display:block; margin-bottom:15px;}
.foot-logo img {width:100%; height:auto; max-width:150px; float:right;}
.copyright {font-size:12px; text-align:right;}


/******** form styles **/
#formpage label {display:block; margin-bottom:3px;}
#formpage input {width:calc(100% - 12px); padding:6px 5px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #ddd; color:#000; font-size:14px; margin-bottom:12px;}
#formpage textarea {width:calc(100% - 12px); height:120px; padding:6px 5px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #ddd; color:#000; font-size:14px; margin-bottom:12px;}
#formpage select {width:calc(100% - 2px); border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:1px solid #ddd; color:#000; vertical-align:middle; font-size:14px; line-height:normal; padding:5px; margin-bottom:12px;}

#formpage input.checkbox {padding:0; border:0; margin:0 5px 0 0; width:13px; height:13px; display:inline; background-color:#fff;}
#formpage input.radio {padding:0; border:0; margin:0 5px 0 0; width:15px; height:15px; display:inline;}

/* focus states of various types of fields */
#formpage input:focus, #formpage textarea:focus, #formpage select:focus {background:#efefef; color:#333; border:1px solid red; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; outline-style:none;}
#formpage input.radio:focus, #formpage input.checkbox:focus {background:none; border:0; outline-style:none;}

#formpage input.button, #formpage input.button:focus {width:100%; margin:0; padding:10px 0; background:#000; border:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; font-size:14px; line-height:14px; font-weight:700; text-transform:uppercase; color:#fff; -webkit-appearance:none;}
#formpage input.button:hover {background:#f5cc53; color:#000;}

/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align:center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaImagePanel img {width:100%; height:auto; max-width:160px; margin:0 auto;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 7px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}

/* Inventory Styles */

.view-listing-details-link, .buy-now-link{color: #000 !important;}

.offer-btn{color: #000 !important;}

a.fin-calc-btn-mobile{color: #000 !important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc p{margin-bottom: 0;}

.head-phone{color:#f5cc53 !important;}

.fa-phone-head{color:#f5cc53 !important;}

.foot-phone a{color: #FFF !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:#f5cc53 !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:#f5cc53 !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 #f5cc53 !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: #f5cc53 !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:1220px) {
    nav a:link, nav a:active, nav a:visited {font-size:14px; padding:7px;}
}
@media screen and (max-width:1180px) {
	.inv-links span {font-size:18px;}
	.inner-content {padding:40px 4%;}
}
@media screen and (min-width:1025px) {
	#mobile-nav {display:none!important;}
}
@media screen and (max-width:1024px) {
	.show-1024 {display:block;}
	.hide-1024 {display:none!important;}
	
	.column1-ht {width:8.33333%;}
	.column2-ht {width:16.66666%;}
	.column3-ht {width:25%;}
	.column4-ht {width:33.33333%;}
	.column5-ht {width:41.66666%;}
	.column6-ht {width:50%;}
	.column7-ht {width:58.33333%;}
	.column8-ht {width:66.66666%;}
	.column9-ht {width:75%;}
	.column10-ht {width:83.33333%;}
	.column11-ht {width:91.66666%;}
	.column12-ht {width:100%;}
	
	.col-pad-lt-ht {padding:0 0 0 2%;}
	.col-pad-rt-ht {padding:0 2% 0 0;}
	.col-pad-center-ht {padding:0 1%;}
	.col-pad-clear-ht {padding:0;}
	
	.head-contact {font-size:22px;}
	#simple-menu {height:30px; width:80px; line-height:30px; margin-top:20px; text-align:right; display:block; cursor:pointer; color:#fff; text-transform:uppercase; font-size:18px; font-weight:700; float:right;}
	
	.inv-links {padding:40px 0 25px 0;}
	.inv-links a {width:32.33333%; margin:0 0.5% 15px 0.5%;}
	.inv-links span {padding:25% 0;}
	
	.scroll-caption {width:33%; font-size:20px;}
	
	.cycle-slideshow {width:100%;}
	.cycle-slideshow .slide {height:400px;}
}
@media screen and (max-width:768px) {
	.show-tablet {display:block;}
	.hide-tablet {display:none!important;}
	
	.column1-vt {width:8.33333%;}
	.column2-vt {width:16.66666%;}
	.column3-vt {width:25%;}
	.column4-vt {width:33.33333%;}
	.column5-vt {width:41.66666%;}
	.column6-vt {width:50%;}
	.column7-vt {width:58.33333%;}
	.column8-vt {width:66.66666%;}
	.column9-vt {width:75%;}
	.column10-vt {width:83.33333%;}
	.column11-vt {width:91.66666%;}
	.column12-vt {width:100%;}
	
	.col-pad-lt-vt {padding:0 0 0 2%;}
	.col-pad-rt-vt {padding:0 2% 0 0;}
	.col-pad-center-vt {padding:0 1%;}
	.col-pad-clear-vt {padding:0;}
	
	body {font-size:14px;}
	p {margin-bottom:14px;}
	h1 {font-size:28px; margin-bottom:14px;}
	h2 {font-size:26px; margin-bottom:12px;}
	h3 {font-size:22px; margin-bottom:10px;}
	h4 {font-size:18px; margin-bottom:8px;}
	h5 {font-size:16px;}
	h6 {font-size:14px;}
	
	.logo {width:43%;}
	.logo img {max-width:300px;}
	.rt-header {width:55%;}
	.head-contact {font-size:20px;}
	#simple-menu {margin-top:7px;}
	
	.scroll-caption {width:40%;}
	
	footer {font-size:12px;}
	.foot-contact i {font-size:14px!important;}
	.foot-nav {margin-bottom:15px;}
	.foot-logo img {float:none; margin:0 auto;}
	.copyright {text-align:center;}
}
@media screen and (max-width:640px) {
	.column1-hp {width:8.33333%;}
	.column2-hp {width:16.66666%;}
	.column3-hp {width:25%;}
	.column4-hp {width:33.33333%;}
	.column5-hp {width:41.66666%;}
	.column6-hp {width:50%;}
	.column7-hp {width:58.33333%;}
	.column8-hp {width:66.66666%;}
	.column9-hp {width:75%;}
	.column10-hp {width:83.33333%;}
	.column11-hp {width:91.66666%;}
	.column12-hp {width:100%;}
	
	.col-pad-lt-hp {padding:0 0 0 2%;}
	.col-pad-rt-hp {padding:0 2% 0 0;}
	.col-pad-center-hp {padding:0 1%;}
	.col-pad-clear-hp {padding:0;}
	
	header {padding:15px 0;}
	
	.inv-links {padding:25px 0 10px 0;}
	.inv-links a {width:48%; margin:0 1% 15px 1%;}
	.inv-links span {padding:20% 0;}
	
	.scroll-frame {padding:0 0 10px 0;}
	.scroll-caption {width:100%; position:relative; left:0; height:auto; padding:7px 0; font-size:16px; transform:skewX(0deg) skewY(0deg); -moz-transform:skewX(0deg) skewY(0deg); -webkit-transform:skewX(0deg) skewY(0deg); -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
	.scroll-caption span {transform:skewX(0deg) skewY(0deg); -moz-transform:skewX(0deg) skewY(0deg); -webkit-transform:skewX(0deg) skewY(0deg);}
	
	article {padding:25px 0;}
	.inner-content {padding:25px 4%;}
	.cycle-slideshow .slide {height:300px;}
	.cycle-pager {bottom:0;}
	
	footer {padding:20px 0;}
	.copyright {font-size:10px;}
}
@media screen and (max-width:480px) {
	.column1-vp {width:8.33333%;}
	.column2-vp {width:16.66666%;}
	.column3-vp {width:25%;}
	.column4-vp {width:33.33333%;}
	.column5-vp {width:41.66666%;}
	.column6-vp {width:50%;}
	.column7-vp {width:58.33333%;}
	.column8-vp {width:66.66666%;}
	.column9-vp {width:75%;}
	.column10-vp {width:83.33333%;}
	.column11-vp {width:91.66666%;}
	.column12-vp {width:100%;}
	
	.col-pad-lt-vp {padding:0 0 0 2%;}
	.col-pad-rt-vp {padding:0 2% 0 0;}
	.col-pad-center-vp {padding:0 1%;}
	.col-pad-clear-vp {padding:0;}
	
	header {padding:15px 0 10px 0;}
	.logo {width:100%; margin-right:0;}
	.logo img {max-width:200px; margin:0 auto;}
	.rt-header {width:100%; margin-top:8px;}
	.head-contact {font-size:18px; float:left; text-transform:uppercase; line-height:30px;}
	#simple-menu {margin-top:0;}
	
	.inv-links span {font-size:18px;}
	
	.foot-contact {margin-bottom:5px;}
	.foot-logo img {max-width:100px;}
}
@media screen and (max-width:375px) {
	.cycle-slideshow .slide {height:220px;}
}
@media screen and (max-width:320px) {
	.inv-links a {width:100%; margin:0 0 15px 0;}
	.inv-links span {padding:15% 0;}
}