﻿@charset "UTF-8";

@import url('https://rsms.me/interface/interface.css');

/* RESET 
------------------------------------------------*/
* { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 
	box-sizing: border-box!important;
}

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';} 
.ts-disclaimer span a {color:#2A83FC!important;}
.list-listing-title-link {color:#004AB0!important;}
.price {color:#004AB0!important;}
.seller a{color:#004AB0!important;}
.phone-link {color:#004AB0!important;}
.CaptchaWhatsThisPanel a {color:#2A83FC!important;}
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {/*margin:0; line-height:12px;*/ font-size:100%; font-family: 'montserratregular', sans-serif; color:#fff; background:#101010 !important;}

/* SELECTION */	
::selection {color:#fff; background: #016dff;}
::-moz-selection {color:#fff; background: #016dff;}


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:30px; font-weight:normal; text-transform: uppercase; font-family: 'montserratregular', sans-serif; color:#016dff;}
h2 {font-size:28px; font-weight:normal;}
h3 {font-size:25px; font-weight:normal; text-transform: uppercase; font-family: 'montserratregular', sans-serif;}
h4 {font-size:24px; font-weight:normal; font-family: 'montserratregular', sans-serif;}
h5 {font-size:24px; font-weight:normal; text-transform: uppercase; font-family: 'montserratbold', sans-serif;}
h6 {font-size:22px; font-weight:normal; text-transform: uppercase; font-family: 'montserratbold', sans-serif; color:#016dff;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
a:link, a:visited {color:#016dff; text-decoration:none; font-family: 'montserratbold', sans-serif;}
a:hover, a:active {color:#fbf18c; text-decoration:none;}

a[href^="tel:"] {color:#016dff;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */


/* TEXT COLORS */
.blue {color:#016dff;}
.yellow {color:#f6e61a;}
.red {color:#e21212;}
.dark {color:#131313;}
.grey {color:#d7d7d7;}

/* TEXT STYLINGS */

em {font-family: 'montserratitalic', sans-serif;}
strong {font-family: 'montserratbold', sans-serif;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}




.icon {}



img.placeholder {width:100%;}



.blue-button {
	border:3px #a7a7a7 solid;
	color:#fff;
	background: rgb(9,86,191);
	background: linear-gradient(0deg, rgba(9,86,191,1) 0%, rgba(1,109,255,1) 46%, rgba(54,138,253,1) 100%);
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;
}

.blue-button:hover {background: rgb(6,55,121); background: linear-gradient(0deg, rgba(6,55,121,1) 0%, rgba(6,62,136,1) 46%, rgba(28,94,184,1) 100%);}

.yellow-button {
	border:3px #a7a7a7 solid;
	color:#111;
	background: rgb(195,181,3);
	background: linear-gradient(0deg, rgba(195,181,3,1) 0%, rgba(243,226,11,1) 46%, rgba(248,240,133,1) 100%);
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;
}

.yellow-button:hover {background: rgb(167,156,16); background: linear-gradient(0deg, rgba(167,156,16,1) 0%, rgba(185,173,16,1) 46%, rgba(176,170,95,1) 100%);}





/* FORM
------------------------------------------------*/
.site-form {width:100%;}
.site-form h3 {margin:0 0 12px 0; text-align:center; color:#fff;}
.site-form h6 {margin:0 0 2px 0; font-size:18px;}

.site-form .two-cells {width:49%; *width:49%; margin:0 2% 0 0;}
.site-form .two-cells:nth-of-type(even) {margin-right:0 !important;}

.site-form .three-cells {width:32.3%; *width: 32%; box-sizing: border-box;}
.site-form .four-cells {width:23%; *width: 24%; box-sizing: border-box;}

.site-form .full-cell {width:100% !important;}

.site-form .last {margin-right:0 !important;}

.site-form .instructions {font-size:14px; color:#777; margin:6px 0 6px 0;}
.site-form .note {font-size:12px; font-style:italic; color:#777; text-align:center; margin:8px 0 0 0;}

.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form select, input  {
	margin:6px .8% 9px 0;
    padding:12px 0;
    font-size: 15px;
    background-color: #F4F4F4;
	text-indent:12px;
	box-sizing: border-box; 
	border:none;
}

.site-form input[type="text"]:focus, .site-form input[type="email"]:focus, .site-form input[type="number"]:focus, .site-form input[type="time"]:focus, .site-form input[type="date"]:focus, .site-form select:focus {background-color:#fcfcfc;}

.site-form textarea {width:100%; height:100px; margin:6px 0 9px 0; padding: 4px 8px; font-size: 15px;
    background-color: #f9f9f9;
	box-sizing: border-box; -webkit-border-radius:0; border-radius:0;}

.site-form textarea:focus {background-color:#FCFCFC; border: 1px #5A5A5A solid;}

.site-form .check-field {display:flex; flex-flow:row wrap; justify-content:space-around;}
.site-form .check-field .checkbox {margin:0 8px 8px 8px; padding:0; color:#4D4D4D;}

.site-form input[type="submit"] {
	height: 41px; padding:0 20px; margin:10px auto 0 auto; font-size: 16px; text-indent:0; text-transform: uppercase; color: #fff; background: #016dff;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	-webkit-appearance: none;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

.site-form input[type="submit"]:hover {color:#fff; background:#4a4a4a; letter-spacing:.5px; transform:scale(1.01,1.01); cursor:pointer; -webkit-appearance: none;}










/* HEADER
------------------------------------------------*/	
.site-header {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; position:relative; z-index:200; border-bottom:5px #016dff solid; margin:0; padding:35px 3%; background:#000;width:100%;
	-webkit-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.3);
}


/* LOGO
------------------------------------------------*/	
.logo {margin:0 20px; padding:0;}
.logo img {width:100%; max-width:390px;}


.brand-logo {width:175px; margin:0; padding:0;}
.brand-logo img {width:100%;}


/* CONTACT DETAILS / NAVIGATION
------------------------------------------------*/	
.header-right {margin:0; padding:0;}

.header-phone {margin:0 17px 0 0; text-align:right; font-size:18px;}
.header-phone .header-icon {color:#f3e20b;}
.header-phone a {color:#fff; font-family: 'montserratregular', sans-serif;}

/*  NAVIGATION
------------------------------------------------*/
#menu-button{display: none;}
nav.mobile {display:none;}

nav.primary {width:100%; z-index: 500; position:relative; margin:25px 0 0 0; padding:0;}

nav.primary ul {margin:0 auto; padding:0;}
nav.primary ul li {margin:0; padding:0; float:left; list-style-type:none;}
nav.primary ul li:hover, nav.primary ul li:focus, nav.primary ul li:active {color:#202020;}
				
nav.primary ul li a {
	display:block; margin:0 7px; padding:0 10px; font-size:1.25em; line-height:45px; font-weight:normal; text-align:center; text-decoration:none; text-transform:uppercase; color:#f3f3f3;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
	font-family: 'montserratregular', sans-serif;
}

nav.primary ul li a:hover {color:#fff; background: #016dff;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 240px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 240px;
	font-size:.94em;
    line-height:16px;
	padding:15px 0;
	text-indent:20px;
	color:#fff;
	background: #212121;
	text-align:left;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {color:#060606; background:#eee;}


/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}








/*  HERO INVENTORY BUTTONS
------------------------------------------------*/
.hero-action-buttons {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;}

.inventory-category {position:relative; width:33%;}
.inventory-category:nth-of-type(2) {borde-left:0; border-right:0;}
.inventory-category img {width:100%;}

.large-button {position:absolute; top:70%; left:15%; width:70%; margin:0 auto;}
.large-button h4{font-size:30px; line-height:40px; padding:20px 5%;}
.large-button a {
	display:block; color:#fff; font-family: 'montserratregular', sans-serif;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
}

.large-button:hover {transform:scale(1.07,1.07); cursor:pointer; -webkit-appearance: none;}

.button-icon {float:right; font-size:40px;}
.large-icon {float:left; font-size:55px; margin:0 15px 0 0;}

.large-button a:hover {
	-webkit-animation: slide-fwd-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-fwd-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.dealer-logo {width:50%; position:absolute; bottom:8%; left:0; right:0;}
.dealer-logo img {width:100%; max-width:250px;}

.parts-carousel {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.carousel-images {
    display: flex;
    width: 100%;
    height: 100%;
    animation: scroll 12s infinite;
}

.carousel-images img {
    min-width: 100%;
    height: 100%;
    object-fit: cover;
}

@keyframes scroll {
    0%, 30% {
        transform: translateX(0);
    }
    33%, 63% {
        transform: translateX(-100%);
    }
    66%, 96% {
        transform: translateX(-200%);
    }
    100% {
        transform: translateX(0);
    }
}

/* Pause animation on hover */
.parts-carousel:hover .carousel-images {
    animation-play-state: paused;
}

/*  HERO SLIDESHOWS / IMAGES
------------------------------------------------*/
.site-hero {width:100%;}
.site-hero iframe{width:100%; height:445px; border:0}

.side-show {float:right; width:40%; max-width:500px; margin:0 0 20px 20px;} 

.cycle-slideshow {width:100%; line-height:0; z-index:10; position:relative;}
.cycle-slideshow img{width:100%;}


/*  FEATURED SHOWROOM
------------------------------------------------*/
.featured-showroom {width:60%; height:580px;margin:0 auto;}
.featured-showroom iframe {width:100%; height:580px; overflow:hidden;}


/*  MAIN SECTION
------------------------------------------------*/
.main-section {margin:0; padding:55px 0;}


/*  MAIN BODY LINK / BUTTONS
------------------------------------------------*/
.main-links {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:45px 0 65px 0;}


/*  SMALL BUTTONS
------------------------------------------------*/
.small-button {width:40%; margin:0 auto;}
.small-button h4{font-size:18px; line-height:40px; margin:0; padding:20px 5%; text-transform: uppercase;}
.small-button a {
	display:block; color:#fff; font-family: 'montserratregular', sans-serif;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
}

.small-button:hover {transform:scale(1.02,1.02); cursor:pointer; -webkit-appearance: none;}


/*  LONG BUTTONS
------------------------------------------------*/
.long-button {width:92%; margin:30px auto 0 auto; padding:20px 5%;}
.long-button h4 {font-size:33px; line-height:55px; margin:0; padding:0; text-transform: uppercase; text-align:center;}
.long-button a {
	display:block; color:#fff; font-family: 'montserratregular', sans-serif;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
}
.long-button p {width:100%; font-size:15px; line-height:19px; text-align:center;}
.long-button:hover {transform:scale(1.03,1.03); cursor:pointer; -webkit-appearance: none;}


/*  CONTACT FORM
------------------------------------------------*/
.contact-form {width:80%; max-width:1230px; margin:40px auto 55px auto; padding:0 10%;}


/*  ARTICLE
------------------------------------------------*/
article {width:80%; max-width:1030px; margin:0 auto; padding:0; color:#fff;}
article h4 {margin:0 0 8px 4px;} 
article h1 {margin:0 0 18px 0;}
article p {font-size:17px; line-height:28px;}


/*  CONTACT DETAILS
------------------------------------------------*/
.contact-details-wrap {display:flex; flex-flow:row wrap; align-items:stretch; align-content:stretch; justify-content: space-around; margin:35px 0 0 0; padding:0;}
.contact-details {margin:15px; padding:20px 25px; border:1px #3a3a3a solid; background:#181818;}
.contact-details p {font-size:18px; line-height:24px;}


/*  INVENTORY LAYOUT
------------------------------------------------*/
.container { margin:55px auto; padding:0 2%; /*color:#222; background:#fff;*/}

.list-redesign .bottom-section .side-container {
	background-color: transparent!important;
}

.list-redesign .specs-container {
	color:#000;
}

.list-content .retail-price-container,
.section-title h2 span.section-title-text{
	color: #0770FF !important;
}

.ts-modal-title,
.form-main-content .form-el label span,
.consent-text span,
.consent-text span a,
.ts-modal-header .close i{color: #000 !important}

.list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .list-listing-title .listing-category {color:#004AB0!important;}
.list-content .list-listing-title-link,
.list-redesign .specs-container .specs-button,
.show-closest-first-container .sort-button-spoof,
.list-redesign .page-type-toggle .sort {color:#004AB0!important}

.hosted-content h1 {font-size:26px; text-transform:none;}
.hosted-content h5 {font-size:16px !important;}
.listings-wrapper, .listings-detail-wrapper a {line-height:18px;}
.hosted-content .btn.listings-button .fa, .hosted-content .listings-button .fa {border:0 !important;}
.listings-wrapper, .listings-detail-wrapper a{font-size:13px; line-height:20px; font-family: 'montserratregular', sans-serif;}

.hosted-content input[type=button], .hosted-content input[type=color], .hosted-content input[type=date], .hosted-content input[type=datetime], .hosted-content input[type=datetime-local], .hosted-content input[type=email], .hosted-content input[type=file], .hosted-content input[type=hidden], .hosted-content input[type=image], .hosted-content input[type=month], .hosted-content input[type=number], .hosted-content input[type=password], .hosted-content input[type=range], .hosted-content input[type=reset], .hosted-content input[type=search], .hosted-content input[type=submit], .hosted-content input[type=tel], .hosted-content input[type=text], .hosted-content input[type=time], .hosted-content input[type=url], .hosted-content input[type=week], .hosted-content select, .hosted-content textarea {margin:0 0 0 8px !important;}

.hosted-content .red, .hosted-content .redtext, .hosted-content .field-validation-error {font-size:18px; line-height:24px;}

.list-content .list-listing .listing-top-right .listing-dealer-info .phone-link,
.hosted-content a[href^="tel:"] {color:#fff !important;}

.list-content .list-listing {background:transparent !important;}
.list-content .spec-icon {color:#000 !important;}
.faceted-search-content .faceted-section-head {background:transparent !important;}

.list-content .listing-portion-title {color:#fff !important;}


.media-buttons a {color:#fff !important;}
/*#no-compare-listings {color:#000 !important;}*/

.contact-options a {background:#fba825 !important;}

.compare-listings-container .compare-container .cs-btns a{background:#fba825 !important;}
.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title {color:#fba825 !important;}

.selected-facet {padding: 8px 12px !important; color:#fff !important; background:#fba825 !important;}
.list-content .list-error-container .info button {background:#fba825 !important;}


.compare-chkbox-container .compare-listings .fa-check {top:3px !important; left:2px !important;}
.compare-checked span,
.compare-checked a{color:#f75a0e !important; text-decoration:none !important;}


/*.faceted-search-content {color:#000 !important; background:#fcfcfc !important;}*/
.list-top-section .list-bcrumbs-and-title .ground-bcrumbs .media-buttons a,
.list-top-section .list-bcrumbs-and-title .ground-bcrumbs .media-buttons button{color:#000 !important;}

.detail-wrapper .breadcrumbs a {color:#fff !important;}

/*  BANNER
------------------------------------------------*/
.banner {
	margin:0; padding:50px 8%; text-align:center; font-size:16px; color:#171717; border-top:5px #f1f1f1 solid;
	background: rgb(251,251,251); background: linear-gradient(10deg, rgba(251,251,251,1) 0%, rgba(255,255,255,1) 100%);
}
.banner span {margin:0 0 25px 0; font-size:36px; text-transform:uppercase; color:#016dff; font-family: 'montserratbold';}
.banner .icon {margin:0 0 0 6px; font-size:44px; color:#d7d7d7;}


/*  QUICK SEARCH
------------------------------------------------*/
.quick-search {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-around; margin:0; padding:25px 7%;}

.form-title {width:30%; margin:0; padding:0; font-size:26px; font-weight:normal; text-transform: uppercase; font-family: 'montserratbold', sans-serif;}
.search-form {width:70%; margin:0; padding:0;}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {overflow:hidden; width:100%; height:140px; margin:0; padding:25px 0; background:#fff;}
.scrolling{width:100%; height:90px;}

/*  FOOTER
------------------------------------------------*/
.site-footer {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content: space-around; padding:5px 0; background:#000; border-top:6px #016dff solid;}

/*  FOOTER CATEGORY
------------------------------------------------*/
.footer-category {min-width:225px; margin:25px 40px; padding:0; font-size:17px; line-height:23px;}
.footer-category h6 {margin:0 0 8px 0;}
.footer-category ul {list-style:none;}
.footer-category li a:link, .footer-category li a:visited {color:#fff; font-family: 'montserratregular', sans-serif;}
.footer-category li a:hover, .footer-category li a:active {color:#fbf18c;}
.footer-category a, .footer-category a[href^="tel:"] {color:#fff; text-decoration: none; font-family: 'montserratsemibold', sans-serif;}

/* FOOTER LOGO
------------------------------------------------*/	
.footer-logo {}
.footer-logo img {width:100%; max-width:285px;}

/* FOOTER COPYRIGHT
------------------------------------------------*/	
.footer-copyright {margin:10px 0 0 0; font-size:14px; line-height:19px;}
.footer-copyright a:link, .footer-copyright a:visited {color:#fff; font-family: 'montserratregular';}
.footer-copyright a:hover, .footer-copyright a:active {color:#fbf18c;}


/* INVENTORY
------------------------------------------------*/	
.list-redesign .specs-container {
	color: 
}

.list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid .list-listing-title .listing-category

.list-redesign .price-contain

.faceted-search-content .faceted-search__main-section


.view-listing-details-link{color:#FFF!important;}
.compare-chkbox-container .compare-listings .compare-chkbox{float:left;padding:0!important;margin:0!important;}
.compare-chkbox-container .compare-listings .fa-check{top:-2px!important;left:-14px!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:#0770ff !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:#004AB0 !important;}
.range-input .prefix-input {color:#000!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 #0770ff !important; transition: ease all 0.2s !important;}
.prefix{color:#fff!important;}
.prefix 
.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: #0770ff !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 #4c4c4c !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, #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, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
.detail-content .search-results {color:#fff !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: #4c4c4c 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;}

.detail-additional-data .data-row .data-value {color:#000 !important;}

.detail-wrapper .main-detail-data {background:transparent !important;}
.currency-selector {color:#fff !important;}
.ts-modal-container .ts-modal-content {color:#000 !important;}
.list-content .list-listing-mobile {background:transparent !important;}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {color:#fff !important;}
.list-content .list-listing-mobile .dealer-phone-container a {color:#fff !important; border-color:#fff !important;}

.dealer-info a[href^="tel:"] {color:#fff !important;}



/************************************************ Responsive Styles **/

@media screen and (max-width:1685px) {
	nav.primary ul li a {margin:0 5px; padding:0 5px; font-size:.9em;}
}

@media screen and (max-width:1550px) {
	.button-logo {top:30% !important;}
	.dealer-logo {width:50%; bottom:8%; margin:8% auto 0 auto;}	
}

@media screen and (max-width:1400px) {
	.site-header {padding: 35px 3%;}
	.logo img {max-width:300px;}
	.brand-logo {width:135px;}
}

@media screen and (max-width:1280px) {
	.featured-showroom {width:85%; height:580px;}

	.header-phone {margin:0 10px 0 0;}
	.large-button {left:20%; width:60%;}
	.large-button h4{font-size:20px; line-height:20px;}
	.small-button h4{line-height:20px;}
	.button-icon {font-size:20px;}	
	.quick-search {flex-flow:column wrap;}
	.form-title {width:100%; margin:0 0 10px 0; text-align:center;}
	.search-form {width:100%;}
}

@media screen and (max-width:1200px) {
.header-phone {margin:0;}
		
	nav.primary{display:none;}
	#menu-button{display: block; position: relative; z-index: 400; margin:25px 0 0 0; font-size: 1.25em; line-height:45px; text-align:right;}
	#menu-button a{color:#fff; text-decoration: none; padding:0 0 0 .8em; font-weight:normal; text-transform:uppercase; font-family: 'montserratregular';}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:17px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 20px 15px 30px;
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #016dff solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 35px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.nav-footer {color:#636363; position:relative; text-align:center; font-size:14px; line-height:20px; padding:15px 0;}
}

@media screen and (max-width:1150px) {
	.contact-details {flex:1; min-width:300px;  text-align:center;}
	.long-button h4{text-align:center;} 
	.long-button h4 span {width:100%; float:left; margin:0; padding:0 0 25px 0;}
	.large-icon {display:none !important;}
	
}

@media screen and (max-width:1024px) {	
	.featured-showroom {width:100%; height:580px;}
	.small-button {width:70%; margin:0 auto 25px auto;}
	.large-button h4, .small-button h4 {text-align:center;}
	.long-button h4 {font-size:25px; line-height:30px;}
	.button-icon {display:none !important;}
}

@media screen and (max-width: 890px) {
	.button-logo {top:20% !important;}
	.featured-showroom {height:65px;}
	.featured-showroom iframe{display:none;}
}
	
@media screen and (max-width: 768px) {
	.site-form .three-cells {width:100%; *width: 100%;}
	.site-form .four-cells {width:100%; *width: 100%;}
	.site-form .full-cell {width:100% !important;}
	
	.large-button {top:70%; left:10%; width:80%;}
	.button-logo {top:15% !important;}
	article h1 {font-size:23px;}
	.banner .icon {display:none;}
	.contact-details {min-width: 100%; margin:15px 0; padding:20px 15px;}
	.contact-details p {font-size:16px; line-height:22px;}
}

@media screen and (max-width: 620px) {
	.site-header {flex-flow:column wrap;}
	.logo {width:100%; margin: 0 auto 10px auto;}
	.logo img {margin:0 auto;}
	.header-right {margin:18px 0 0 0; padding:0;}
	.header-phone {margin:0 0 25px 0; font-size:1.4em;}
	#menu-button {margin:15px 0 0 0; line-height:25px; text-align:center;}
	#menu-button a{padding:0;}
	
	.hero-action-buttons {flex-flow:column wrap;}
	.button-logo {top:30% !important;}
	
	.inventory-category {position:relative; width:98%; margin:0 0 6px 0;}
	.large-button {top:75%; left:15%; width:70%;}
	.large-button h4{font-size:25px; line-height:25px;}
	
	.side-show {display:none;}
	.footer-category {min-width:225px; margin:25px 40px; text-align:center;}
}

@media screen and (max-width:400px){
	.button-logo {top:18% !important;}
	.long-button h4 {font-size:20px; line-height:25px;}
}