@charset "UTF-8";
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 19, 2025 */
@font-face {
    font-family: 'just_sansexbold';
    src: url('/webfonts/just_sans_exbold-webfont.woff2') format('woff2'),
         url('/webfonts/just_sans_exbold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'just_sansregular';
    src: url('/webfonts/just_sans_regular-webfont.woff2') format('woff2'),
         url('/webfonts/just_sans_regular-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}



body {font-size:100%; font-family: 'just_sansregular', sans-serif !important; background:#fff;}

/* SELECTION */	
::selection {color:#000; background: #44d62d;}
::-moz-selection {color:#000; background: #44d62d;}

.clear {clear: both;}

/* HEADERS */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:26px; font-weight:normal;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:20px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}

/* 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:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}



ul {list-style:none;}







/* HEADER
------------------------------------------------*/	
.site-header {}	



.head-top {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; background:#2952BF;}

.head-search {width: 29.612%; }

.search-form input[type="text"] {
	border-radius: 0 !important;
}

.head-top-right {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; width: 70%; }
.head-top-nav {/*width: 77.293%;*/ margin: 0 9% 0 auto;font-weight:500;}
.head-top-nav ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-end; margin:0; padding:0;}
.head-top-nav ul li {margin:0; padding:0; list-style-type:none; }
.head-top-nav ul li a {padding: 15px; color:#fff; }

.head-phone {width:22%; box-sizing:border-box; padding:10px;  text-align:center;}
.head-phone a {font-size:18px; color: #fff;}


.head-top-mobile {display:none; padding:28px; text-align: center; background:#2952BF;}
.head-top-mobile a {font-size:20px; transition:.4s ease-in-out;}
.head-top-mobile a strong {font-family: 'just_sansexbold', sans-serif;}
.head-top-mobile a:hover {color:#000; }
.head-top-mobile i {display:inline-block; vertical-align:bottom; margin-right:10px; font-size: 24px;}
.head-phone a:hover {filter: invert(100%);}



.head-lower {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;padding: 11px 10px;}


a.anchor-flex {display: flex;align-items: center;gap: 10px;justify-content: center;}

.anchor-flex img {width: 100%;max-width: 22px;}

/* LOGO
------------------------------------------------*/	
.head-logo {width:18%; box-sizing:border-box;  margin: 5px 0px; padding: 10px; /*width: 296px;*/}	
.head-logo img {width:93%;}

.head-logo-mobile {display:none; margin: 5px 0px 5px 10%; padding: 10px 10px 10px 10px; width: 190px;}
.head-logo-mobile img {width:100%;}


/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; z-index:500; position:relative; width:81%; margin:0 1% 0 0; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0 0 0 auto; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none; }
				
nav.primary ul li a {
	position: relative;
	display:block; padding:15px; font-weight: 600;
    font-size:17px; line-height:1; text-align:center; text-decoration:none; color:#000; transition:.3s ease-in;	
}	

nav.primary ul li a.active {color:#2952BF;}

nav.primary ul li a:hover{color:#2952BF;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width:auto; min-width: 220px; background: #fff;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	padding:15px; font-size:14px; font-weight: 400;text-align:left; color:#000; border:0; 
	
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {color:#000;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute; box-shadow: 0 10px 30px 0 rgba(45, 45, 45, .2);} 
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;transition:.5s ease-in;	 }
nav.primary ul ul li {float: none; position: relative; margin:0;}


.head-button {width:23%; box-sizing: border-box; padding:10px; text-align: right;}
a.block-button {display:inline-block; box-sizing:border-box;  width:85%; margin:0 0 0 auto; padding: 15px 30px; font-size: 15px;
     line-height:1; text-align:center; color:#000; border-radius:2px;  background:#44D62C;}

/*  TOP LOGOS 
------------------------------------------------*/	
.top-logos {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px; /* directly proportionate to gap between items in logo-row */
    width: 90%;
    margin: auto;
}
.logo-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.logo-row a {
    display: flex;
    justify-content: center;
    border: 1px solid #D3D3D3;
    width: 100%;
    height: 100px;
    box-shadow: 5px 5px 10px 0 rgb(0, 0, 0, 0.1);
}
.logo-row a p {
    font-family: 'just_sansregular', sans-serif;
    font-weight: 600;
}
.logo-row a:hover{
    scale: 1.05;
}
.logo-row a img{
    height: auto;
}
@media screen and (max-width: 470px) {
    .logo-row {
        flex-direction: column;
    }
    .logo-row a {
        width: 100%;
        max-width: none !important;
    }
    .logo-row a img{
        width: 180px;
        height: 148;
    }
}
@media screen and (max-width: 750px) {
    .logo-row a {
        max-width: 200px;
    }
}
@media screen and (min-width: 1100px) {
    .top-logos {
        flex-wrap: nowrap;
    }
}
/*  MAIN
------------------------------------------------*/	
.main {padding:20px 0;}




.list-top-section .list-listings-count,
.listing-prices__alternate-retail-price,
.listing-prices__discount-formatted-price,
.listing-prices__exclusive-wholesale-price,
.listing-prices__retail-price,
.thumb-container .thumb .thumb-details .title {
    color: #000 !important;
}
.faceted-search-content .mobile-done-button-container .mobile-done-button,
.faceted-search-content .selected-facets-container .selected-facet,
.list-container-flexrow .dealer-phone-call,
.list-container-flexrow .dealer-phone-text,
.list-container-flexrow .view-listing-details-link,
.show-all-modal .apply-button,
.list-content .list-error-container .info button:not(.login-button), a.view-listing-details-link.des-view-listingDetails.template-branded-button{
    color:#fff !important; background: #2952BF !important;
}
.faceted-search-content .mobile-done-button-container .mobile-done-button:hover {
    background: #515151 !important;
}
.show-all-modal .back-button {
    border: 1px solid #4b2324 !important;
    color: #4b2324 !important;
}
  
.dealer-contact__link{color:#2952bf!important;}

/*  FOOTER
------------------------------------------------*/
.site-footer {padding:90px 0 47px 0; color:#fff; background:#000;}
.foot-wrapper {width: 100%;max-width: 1194px;margin: 0 auto;}


.foot-upper {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between; margin:0 0 2.5rem 0;}
.foot-upper ul li{line-height: 34.5px;}
.foot-upper ul li a {padding:8px 0; font-size:16px;}

.foot-intro {width:28%;}
.foot-intro p {margin:1em 0 1.5em 0; font-size:16px; line-height: 23px;}
.foot-nav {}
.foot-contact {width:23%;}
.foot-contact a{position:relative; font-size:16px; line-height:23px; padding:8px 0; }

.foot-nav a, .foot-contact a, .foot-social a {transition: all .3s ease;}
.foot-nav a:hover, .foot-contact a:hover, .foot-social a:hover {color: #44D62C;}

.foot-logo {width:170px; padding:0 0 20px 0}
.foot-logo img {width:100%;}

.foot-header{font-size:23px; color:#2952bf; font-family: 'just_sansregular', sans-serif; font-weight: 600;margin-bottom: 15px;}

.foot-contact a.loc-icon::before {content:'\f3c5'; position:absolute; z-index:0; top:14px; left:-20px; font-size:13px; font-weight:bold;  color:#44D62D; font-family: "Font Awesome 6 Free"; }
.foot-contact a.phone-icon:before {content:'\f095'; position:absolute; z-index:0; top:4px; left:-20px; font-size:13px; font-weight:bold; color:#44D62D;  font-family: "Font Awesome 6 Free"; }
.foot-contact a.mail-icon:before {content:'\f0e0'; position:absolute; z-index:0; top:6px; left:-20px; font-size:13px; font-weight:bold; color:#44D62D; font-family: "Font Awesome 6 Free"; }

.foot-lower {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;
	width:100%;  padding:1rem 0; border-top:2px #fff solid;
}


.foot-social {font-size:17px; /*display:inline-block; vertical-align: sub; padding:12px; font-size:33px; color:#fff;*/}
.foot-social i {padding: 10px; background: #000; border-radius: 3px;}
.foot-social a {padding:0 5px;}
.foot-copyright {font-size:13px; text-align:right;}



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

@media screen and (max-width: 1202px) {
	nav.primary ul li a {padding: 12px;font-size: 16px;}
	.head-phone {width: 26%;}
}
/*
@media screen and (max-width: 1200px) {
	nav.primary ul li a {padding:15px 10px; font-size:16px;}	
}
*/

@media screen and (max-width: 1100px) {
	nav.primary ul li a {padding:15px 9px; font-size:15px;}	
}

@media screen and (max-width: 1024px) {
	.head-lower {padding:7px 0;}
	.head-logo {display:none;}	
	.head-logo-mobile {display:block;}
	

	
	nav.primary{display:none;}
	#menu-button{display: block; position: relative; z-index:400; width:30%; text-align:center; cursor:pointer;}
	#menu-button a{color:#494c4f; text-decoration: none; padding:0.35em;  font-size:28px; line-height:1;}
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		
		margin:0 0 0 5px;
		text-align:center;
		background:#fff;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:30px; margin:18px 0 0 0; font-size:15px; color:#000;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		background:#fff;
	}
	
	/* 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 .menu-header {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#fff;
	}			
	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: #000; text-decoration: none; vertical-align: top; cursor:pointer; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #000;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:30px;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 0 solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #000;
		position: relative;
		display: block;
		font-size:1.1rem;
		line-height: 1.2;
		font-weight:600; 
		text-align:left;
		text-decoration: none;
		padding: 15px 35px 15px 20px;
	}
	nav.mobile ul li a:hover { color:#2952BF;}
	
	/* SECOND LEVEL */
	nav.mobile ul ul {padding: 0;}
	nav.mobile ul li li{border-bottom:1px solid #ccc;padding:0 10px;}
	nav.mobile ul li li:last-child {border-bottom:none;}
	nav.mobile ul li li a {color: #000;padding: 15px 10px 15px 15px;}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; }
	
	.head-button {display:none;}
	
	.foot-wrapper {width:95%; max-width: 1133px; margin:0 auto;}
	.foot-upper ul li a {padding:6px 0; font-size:.9em;}
	
	
	.foot-intro {width:100%; text-align: center;}
	.foot-intro p {font-size:.9em; }
	.foot-logo {width:303px; margin: 0 auto; padding:0 0 25px 0}
	
	.foot-contact a {font-size:.9em;}
}

@media screen and (max-width: 1000px) {
	.head-phone {width: 36%;}
}
	
	
@media screen and (max-width: 768px) {
	.head-top {display:none; }
	.head-top-mobile {display:block;}
	
	.foot-upper {display:flex; flex-flow:column wrap; align-items:center; justify-content:center; text-align:center;}
	.foot-intro {margin: 0 auto 20px auto;}
	.foot-nav {margin: 0 auto 20px auto;}
	.foot-contact {}
	
	
	.foot-header {margin:10px 0 15px 0;}
	.foot-contact a.loc-icon::before {top:3px;}
	
	.foot-lower {display:flex; flex-flow:column wrap; align-items:center; justify-content:center;}
	.foot-social {margin:0 auto 1rem auto;font-size:17px;}
	.foot-social a {padding:0 5px;}
	.foot-copyright {font-size:13px; text-align:right;}
	.anchor-flex-mobile img {width:100%;max-width:30px;filter: invert(100%);}
	.head-top-mobile a {width: 100% !important;display: flex;justify-content: center;align-items: center;gap: 10px;}
}

@media screen and (max-width: 320px){

}