/** Example of use var(--primary) **/
/*
NOTE: Variables do not work in IE. Here is a workaround:

1.	Code using the variables as you normally would.
2.  When you are finished, save everything and make a backup copy of the file in a convenient location. This file will be useful in case you need to change any colors in the future, since we are going to be overwriting the variables in the main file.
3.	Paste your css into the left section here: https://madlittlemods.github.io/postcss-css-variables/playground/
4.	Copy the css to the right, and paste it over everything in this document.
*/
/*===================== 
	Color information

		 
=======================*/
@font-face {
  font-family: "INTL HEADLINE Medium";
  font-display: swap;
  src: url("/webfonts/INTLHeadline-Medium.woff") format("woff")
}
@font-face {
  font-family: "INTL Text Regular";
  font-display: swap;
  src: url("/webfonts/INTLText-Regular.woff") format("woff")
}
@font-face {
  font-family: "INTL Text Medium";
  font-display: swap;
  src: url("/webfonts/INTLText-Medium.woff") format("woff")
}
@font-face {
  font-family: "INTL Text Light";
  font-display: swap;
  src: url("/webfonts/INTLText-Light.woff") format("woff")
}
@font-face {
  font-family: "INTL HEADLINE REGULAR";
  font-display: swap;
  src: url("/webfonts/INTLHeadline-Regular.woff") format("woff")
}
@font-face {
  font-family: "INTL Headline Light";
  font-display: swap;
  src: url("/webfonts/INTLHeadline-Light.woff") format("woff")
}
/*===================== 
	CSS reset/normalize 
=======================*/
ol, ul, dl {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}
/**Correct `block` display not defined in IE 8/9.**/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}
pre {
  white-space: pre-wrap;
}
small {
  font-size: 80%;
}

.btn{
	font-family: 'INTL Text Regular',Helvetica,Arial,Lucida,sans-serif !important;
}
/*===================== 
	THEME
=======================*/
a.contact-bar-btn.js-phone-clicktotrack.des-retail-phone, a.contact-bar-btn.des-email-seller {
  background: #000 !important;
}
.google-maps-link a {
  color: #000 !important;
}
.google-maps-link a:hover {
  color: #FF7144 !important;
}
.data-row:hover {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, .35);
}
.data-row {
  padding-top: 0px !important;
  margin-top: 5px !important;
}
.data-label {
  background-color: #000 !important;
  color: #fff !important;
  border-left: solid 5px #FF7144 !important;
}
a.view-listing-details-link:hover, a.dealer-phone-call.js-phone-clicktotrack:hover, button.offer-btn.des-make-offer:hover, button.send-email-btn.des-email-seller:hover, .contact-options a:hover {
  background-color: #FF7144 !important;
  color: #000 !important;
}
span.price, span.detail-price {
  color: #FF7144 !important;
}
a.view-listing-details-link, a.dealer-phone-call.js-phone-clicktotrack, button.offer-btn.des-make-offer, button.send-email-btn.des-email-seller, .contact-options a {
  background-color: transparent !important;
  border: solid 2px #FF7144 !important;
  color: #FF7144 !important;
}
.nav-link.my-active, .nav-link.my-active {
  border: solid 2px #FF7144;
  border-radius: 5px;
  color: #FF7144 !important;
  background: rgba(255, 255, 255, .2);
}
.dropdown-menu {
  width: 250px !important;
  display: none;
}
.dropdown-menu.active {
  display: block;
}
.dropdown-item {
  white-space: normal !important;
}
.subcaret::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
  width: 100%;
  height: 90px;
  overflow: hidden;
}
.scrolling {
  width: 100%;
  height: 92px;
}
@media only screen and (min-width : 768px) {
  .navbar-nav li:hover .dropdown-menu.top-level {
    transform-origin: top;
    display: block;
    -webkit-animation: scale-in-center 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2021-3-12 11:50:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
  }
}
li.nav-item {
  padding-right: 20px;
  font-size: 14px;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link {
  color: #bab9b5;  font-family: 'INTL Text Medium', Helvetica, Arial, Lucida, sans-serif; font-weight: bolder;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #fff !important;
}
.logo {
    max-height: 87px;
  margin: 15px auto 0;
}
nav.navbar.top-navbar li {
  float: left;
  display: inline;
  padding: 0px 10px;
  font-size: 14px;
}
.top-navbar ul.navbar-nav {
  display: inline;
  margin-bottom: 0px !important;
  font-weight: 600;
}
.top-navbar a.nav-link {
  color: #fff;
    font-family: 'INTL Text Light', Helvetica, Arial, Lucida, sans-serif;
}
.top-navbar.navbar {
  padding: 0px !important;
}
.top-navbar .navbar-nav .dropdown-menu {
  position: absolute !important;
  float: none;
  background-color: #82817d !important;
	right: 0;
    left: unset;
}
.top-navbar .navbar-nav .dropdown-menu .dropdown-item{
  text-align: right;
	text-transform: unset !important;
}
#top-bar {
  background-color: #82817d !important;
}
.top-navbar .dropdown-menu > li {
  width: 100%;
}
.top-navbar .dropdown-item:hover, .top-navbar .dropdown-item:focus, .top-navbar .dropdown-menu > li:hover {
  background-color: transparent !important;
}
.top-navbar .dropdown-item, .top-navbar .dropdown-item, .top-navbar .dropdown-menu > li {
  font-weight: 600 !important;
  color: #fff;
  font-size: 14px !important;
}
.top-navbar * {
  border-radius: 0px !important;
  border: none !important;
}
ul.submenu.dropdown-menu {
  box-shadow: 0px 0px 5px #00000073;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #fff;
  text-decoration: none;
  background-color: transparent !important;
  opacity: .7;
}
.dropdown-item {
  font-size: 14px;
  color: #dad9d8 !important;font-family: 'INTL Text Medium', Helvetica, Arial, Lucida, sans-serif; font-weight: bolder;
}
.top-navbar .dropdown-item {
  color: #fff !important;font-weight: 400 !important;
}
.navbar-nav .dropdown-menu {
    background-color: #000;
    border-top: 3px solid #edb059;
    padding: 20px 0;
}
#headz * {
  box-sizing: border-box !important;  
}
.main-bg {
  background: #1c2b34;
}
.accent-bg {
  background: #f4f5fb;
}
.accent-bg2 {
  background: #febd11;
}
.btn-primary {
  background: #0073b6;
}
.btn-secondary {
  background: #febd11;
}
.finance-bg {
  background-image: url("../siteart/financing - bg .png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bg-poly {
  background-image: url(../siteart/polygon.png);
  background-position: center;
  background-size: cover;
  width: 100%;
  min-height: 125px;
  position: absolute;
  z-index: 10;
  bottom: 0;
}
/*===================== 
	base styles 
=======================*/
.pad25 {
  padding: calc(5vw * .25);
}
.pad50 {
  padding: calc(5vw * .5);
}
.pad100 {
  padding: 5vw;
}
.tb50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.pad-top-50 {
  padding-top: 50px;
}
.pad-bottom-50 {
  padding-bottom: 50px;
}
.p-pad {
  padding: 2em;
}
.p-pad2 {
  padding: calc(2em * 2);
}
.z-hi {
  position: relative;
  z-index: 1001;
}
.z-low {
  position: relative;
  z-index: 101;
}
.secondary {
  color: #febd11;
}
html {
  font-family: 'INTL Text Medium', Helvetica, Arial, Lucida, sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
  background-image: url("../siteart/body-bg2.jpg");
  background-position: center;
}
svg:not(:root) {
  overflow: hidden; /*reset*/
}
/* clear floats */
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
}
.clear {
  clear: both;
}
/*image replacement*/
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-style: solid;
  height: 0;
}
img {
  border: 0;
}
.scrolling-wrap, iframe.scrolling {
  width: 100%;
}
/*===================== 
	Card Styles
=======================*/
/*===================== 
	Button/ Link Styles
=======================*/
/*===================== 
	typography 
=======================*/
h1 {
  font-family: 'INTL HEADLINE REGULAR', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700 !important;
}
h2 {
  font-family: 'INTL HEADLINE REGULAR', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700 !important;
}
h3 {
  font-family: 'INTL HEADLINE REGULAR', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700 !important;
}
h4 {
  font-family: 'INTL HEADLINE REGULAR', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700 !important;
}
h5 {
  font-family: 'INTL HEADLINE REGULAR', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700 !important;
}
h6 {
  font-family: 'INTL HEADLINE REGULAR', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700 !important;
}
p {
  margin: 0;
}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
/*===================== 
	link styles 
=======================*/
a:focus {
  outline: thin dotted; /*reset*/
}
a, a:link, a:visited, a:active {
  outline: 0; /*reset*/
  color: #005b88;
  text-decoration: none;
}
a:hover {
  outline: 0; /*reset*/
  text-decoration: none;
}
/*===================== 
	header styles 
=======================*/
header {
  margin: 0 auto;
  width: 100%;
}
/*===================== 
	nav styles 
=======================*/
.top-nav {
  background-color: #005b88;
  padding-top: 15px;
}
/*===================== 
	content styles 
=======================*/
ul.inline {
  list-style: none;
  width: 300px;
  text-align: right;
  padding-right: 15px;
}
ul.inline > li {
  display: inline;
}
a.soc-cont {
  background-color: #ffc63e;
  padding: 6px 9px;
  color: #005b88 !important;
  border-radius: 25px;
  margin-left: 1em;
  transition: .5s;
}
a.soc-cont:hover {
  background-color: #fff !important;
}
.dash-left {
  top: 49%;
  left: 0px;
}
.dash-right {
  top: 49%;
  right: 0px;
}
.manu-cta img {
  max-height: 80px;
  position: relative;
}
.dropdown-menu .dropdown-toggle:after {
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
}
.dropdown-menu .dropdown-menu {
  margin-left: 0;
  margin-right: 0;
}
.dropdown-menu li {
  position: relative;
}
.nav-item .submenu {
  display: none;
  position: absolute;
  left: 99.9%;
  top: -11px;
  border-radius: 0px;
}
.nav-item.dropdown-left .submenu {

  right: 99.9%;
	left: unset;
}
.nav-item .submenu-left {
  right: 100%;
  left: auto;
}
.dropdown-menu > li:hover > .submenu {
  display: block;
}
ul.submenu.dropdown-menu.top-nav-sub {
  right: 99.99%;
  left: auto;
}
/*===================== 
	slideshow styles 
=======================*/
/*===================== 
	banner styles 
=======================*/
.hero-png {
  max-width: 760px;
}
/*===================== 
	Inventorye styles 
=======================*/
.faceted-search-content h5 {
  font-weight: normal !important;
  font-size: 16px !important;
}
span.list-title-text {
  font-size: 20px !important;
}
.orange {
  color: #FF7144 !important;
}
.list-content .list-title .list-listings-count {
  color: #000 !important;
  opacity: .5;
}
.box-size, .box-size * {
  box-sizing: border-box;
}
.btn-primary {
  color: #fff !important;
  background-color: #FF7144 !important;
  font-weight: 600 !important;
  padding: 0.5rem 0.75rem !important;
  font-size: 1rem !important;
  height: auto !important;
  border: 2px solid #ff6000c7 !important;
}
.btn-primary:hover {
  background: #fff !important;
  color: #FF7144 !important;
  border-color: #FF7144 !important;
}
/*===================== 
	footer styles 
=======================*/
#footz {
  background-color: #272623!important;
}
#footz h5 {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
}
div#footz, div#footz * {
  box-sizing: border-box !important;
}
.foot-col-inner {
  margin-bottom: 30px;
}
.row.foot-row {    font-family: 'INTL Text Regular', Helvetica, Arial, Lucida, sans-serif;
  width: 90%;
  margin: 0 auto;
  padding: 50px 0px;
  text-align: center;
  line-height: normal;
}
.row.foot-row .foot-link {
  font-size: 14px !important;
  color: #FF7144 !important;
  font-weight: 700 !important;
}
.row.foot-row a:hover {
  opacity: .75;
}
.row.foot-row p {
  font-size: 14px !important;
  color: #fff !important;
  margin-bottom: 1em;
}
.ideal-col {    font-family: 'INTL Text Regular', Helvetica, Arial, Lucida, sans-serif;
  background-color: #0039A6;
  padding: 10px !important;
  border-radius: 5px;
}
.ideal-col p {
  margin-bottom: 0px !important;
  font-weight: 400 !important;
}
.ideal-col a {
  padding-bottom: 10px !important;
    color: #FF7144 !important;
  font-size: 14px;
  display: block;
  font-weight: 700 !important;
}
.disc * {font-family: 'INTL Text Regular', Helvetica, Arial, Lucida, sans-serif;
  font-size: 12px !important;
  color: #7f7f7f;
  text-align: center;
}
.disc a {
  font-size: 12px !important;
  color: #FF7144 !important;
  text-align: center;
}
.disc a.footerlink:hover {
  opacity: .75 !important;
}


/* INVENTORY */

#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.fa-solid):not(.material-icons){font-family: 'INTL Text Regular',Helvetica,Arial,Lucida,sans-serif;} /* 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, .faceted-show-all-btn {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}
*/


#inv h1, #inv h2, #inv h3, #inv h4, #inv h5, #inv h6, #inv h1 span, #inv h2 span, #inv h3 span, #inv h4 span, #inv h5 span, #inv h6 span{
	text-transform: uppercase!important;
  font-family: 'INTL HEADLINE REGULAR', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 700 !important;
}



/*========================= 
	 Responsive styles 
===========================*/
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  li.nav-item {
    padding-right: 0px;
  }
  .row.disc {
    width: 100%;
    display: inline;
  }
  .row.foot-row {
    display: block;
  }
  .row.foot-row > .col-sm.foot-col {
    width: 33.33%;
    float: left;
  }
}
@media (min-width: 992px) {}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .nav-item .submenu {
    position: initial;
  }
  ul.dropdown-menu.top-level li {
    padding-left: 0px !important;
  }
  .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-top: none;
  }
  .nav-link.my-active, .nav-link.my-active {
    border: none;
    border-radius: 0px;
    color: #fff;
    background: transparent;
  }
  ul.navbar-nav.m-auto.text-white a {
    color: #fff;
    font-size: 12px;    font-family: 'INTL Text Medium', Helvetica, Arial, Lucida, sans-serif;
    font-weight: bolder;
  }
	.slideout-sidebar ul.dropdown-menu{
		margin-bottom: 0 !important;
		height: auto !important;
		padding-bottom: 0 !important;
	}ul.submenu.dropdown-menu.active {
    padding-left: 20px;
}
  .logo {
    max-height: 44px;
    margin: 5px;
  }
  .container.cf .p-pad2 {
    padding: 2em !important;
  }
  .container.cf {
    max-width: 100% !important;
  }
  li.nav-item, nav.navbar.top-navbar li {
    font-size: 12px;
  }
  #headz .container {
    max-width: 100% !important;
  }
}
@media only screen and (max-width : 876px) and (min-width : 768px) {
  .has-search-bar {
    width: calc(68% - .75%) !important;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .container.cf .p-pad2 {
    padding: 2em 1em !important;
  }
  .row.foot-row > .col-sm.foot-col {
    width: 50%;
    float: left;
  }
  .row.disc {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    border-bottom: solid 115px #000;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .row.foot-row > .col-sm.foot-col {
    width: 100%;
    float: left;
  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}