/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/** 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

		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**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%;}


/*===================== 
	THEME
=======================*/
button {font-weight:600 !important; overflow-x: hidden;}
#headz * {-webkit-box-sizing: border-box !important;box-sizing: border-box !important;}
.main-bg {background: #1c2b34;}
.accent-bg {background: #f4f5fb;}
.accent-bg2 {background: #febd11;}
.btn-primary {background: #0073b6 !important;}
.btn-secondary {background: #febd11; border-color: #d09700;}
.finance-bg {background-image:url("../siteart/financing - bg .png"); background-size:cover; background-position:center; background-repeat: no-repeat;}
.light-blue {color:#0073b6 !important; font-weight: 600;}
.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;}
.main-color {color: #1c2b34;}

html {
      font-family: "Roboto", sans-serif;
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    margin: 0;
	  font-family: "Roboto", sans-serif !important;
	background-image:url("../siteart/body-bg3.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 {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0;} 
	
.scrolling-wrap,iframe.scrolling {width:100%;}	
/*===================== 
	Video Styles
=======================*/


/*===================== 
	Button/ Link Styles
=======================*/
button#form-btn * {
    color: #fff !important;
    opacity: 1;
}
button#form-btn:hover {
    background: #febd11 !important;
    opacity: 1;
}
button#form-btn {border-top-left-radius: 0px; border-bottom-left-radius: 0px; width: auto !important;
    height: auto !important;}
.navbar-nav input.form-control.form-control-sm {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
	
}
#mobile-cont-group a:hover {background-color:#757575 !important;}

.dropdown-menu {
	min-width: 12rem !important;
}
/*===================== 
	typography 
=======================*/

h1 {
	font-family: 'Oswald', sans-serif;
	}

h2 {
	font-family: 'Oswald', sans-serif;
	}

h3 {
	font-family: 'Oswald', sans-serif;
	}

h4 {
	font-family: 'Oswald', sans-serif;
	}

h5 {
	font-family: 'Oswald', sans-serif;
	}

h6 {
	font-family: 'Oswald', sans-serif;
	}

p {
	margin: 0;
	  font-family: "Roboto", sans-serif;
	}

	
h1 {
}
		

h2 {
}

	
h3 {
}


h4 {
}


h5 {
}


h6 {
}

/*===================== 
	link styles 
=======================*/
.btn-block + .btn-block {
    margin-top: auto !important;
}
.btn-primary:hover {border-color: #d09700 !important;}
button i {
    padding: 3px;
    border-radius: 3px;
}
a:focus {outline: thin dotted;/*reset*/
	}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    color: #005b88; 
    text-decoration:none;
	font-weight: 600;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		}  

/*===================== 
	header styles 
=======================*/
nav.navbar input.form-control.form-control-sm.mr-sm-2 {
    max-width: 150px;
}

header {
	margin: 0 auto;
	width: 100%;
	}

.col-top {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.address-top {
	width: 100%;
    display: block;
	background: #f8f9fa !important;
	color: #febd11 !important;
	margin: 0 auto;
    text-align: center;
	padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.address-top a {
	color: #1c2b34 !important;
}

.desktop {
	display: flex;
	gap: 20px;
	padding: 15px 0;
}
.mobile-only {
	display: none !important;
}
/*===================== 
	nav styles 
=======================*/
.top-nav {background-color:#005b88; padding-top:15px;}

a.navbar-brand img {max-height:60px;}
.card-deck {text-transform: uppercase;}


/*===================== 
	content styles 
=======================*/
.top-bar a,.address-top a {color:#fff; margin-right:1.5em; opacity: .8; font-weight: 500;}

.top-bar a:hover,.address-top a:hover {color:#febd11 !important; opacity: 1;}
.top-bar {padding-top:10px; padding-bottom:10px;}
.top-bar p, .address-top {padding-left:25px; font-size:14px;}
.fin-box img {max-height:90px;}
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; -webkit-transition: .5s; -o-transition: .5s; 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;}
/*===================== 
	slideshow styles 
=======================*/



/*===================== 
	banner styles 
=======================*/



/*===================== 
	layout styles 
=======================*/
.faceted-search-content .selected-facets-container .selected-header,.faceted-search-content .faceted-section-box,.faceted-search-content .faceted-section-box,.faceted-search-content .selected-facets-container .selected-facets,.faceted-search-content .faceted-search__top-section,.detail__specs-label, .detail__specs-label_showroom,.list-redesign .list-container-flexrow .list-listing-card-wrapper{background:#fff !important;}

.inventory-bnr{margin: 0 auto; max-width: 1450px;}
.inventory-bnr .p-pad2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*===================== 
	footer styles 
=======================*/
.footer {
    max-width: 100%;
    box-sizing: border-box;
}
div.dropdown-toggle {padding: 0.5rem 1rem;}
a.nav-link, li.nav-item.dropdown {
    font-weight: 700;
	color: #1c2b34 !important;
}
a.nav-link:hover, li.nav-item.dropdown:hover {
    color: #0073b6  !important;
}
li.nav-item.active a {
    color: #0073b6  !important;
}
footer {
	margin: 0;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:13px;
	color: #222;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:13px;
		color: #fff;
		}

.footertext {
	font-size:13px; 
	color:#666;
	}

.smallfootertext {
	font-size:10px; 
	color:#666;
	}

.divfooter {
	max-width:1200px; 
	text-align:center; 
	margin:0 auto;
	}
.divfooter * {
    color: #fff !important;
}
.divfooter a {
    opacity: .5;
	font-weight: 500;
}
.divfooter a:hover {
    color:#febd11 !important;
	opacity: 1;
}
div#footz a:hover * {
    color:#febd11 !important;
	opacity: 1;
}
/*========================= 
	 Responsive styles 
===========================*/

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {
.navbar-expand-md .navbar-nav a.nav-link {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
}

@media only screen and (max-width : 1500px) {
		a.navbar-brand img {max-height:auto; max-width:200px;}
.navbar-expand-md .navbar-nav a.nav-link, li.nav-item.dropdown {
    font-size: 14px;
    padding-right: .75rem !important;
    padding-left: .75rem !important;
}
}
@media only screen and (max-width : 1400px) {
	.navbar-expand-md .navbar-nav a.nav-link, li.nav-item.dropdown {padding-left: 8px !important;padding-right: 8px !important;}
}

@media only screen and (max-width : 1290px) {
	a.navbar-brand img {max-height:auto; max-width:150px;}
.navbar-expand-md .navbar-nav a.nav-link, li.nav-item.dropdown {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
	font-size:12px;
}


}
@media only screen and (max-width : 1150px) {
	a.navbar-brand img {max-height:auto; max-width:150px;}
.navbar-expand-md .navbar-nav a.nav-link, li.nav-item.dropdown {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
	.form-inline .form-control {width: 110px;}


}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.video-block {padding: 1em 2em 2em;}
	.top-bar a {margin-right:auto;}
	.top-bar {
    padding: 0px;
}
	.card-deck {display: block;}
	.card-deck .card {margin-bottom:1em;}
	img.img-fluid.m-auto.z-hi.hero-png {
    width: 75%;
	}
	img.img-fluid.position-absolute.dash-left, img.img-fluid.position-absolute.dash-right {
    position: relative !important;
    margin: 0 auto;
    clear: both;
    width: 100%;
    height: 3px;
	}

}


@media only screen and (max-width : 934px) {
	.desktop {
		display: none;
	}
	
	.mobile-only {
    display: flex !important;
		text-transform: uppercase;
		justify-content: space-between;
		padding: 0 10px;
		flex-wrap: wrap;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {



}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.form-row .col {
    width: 100%;
    flex: none;
}
.row.manu-cta .col {
    flex: none;
    padding: 10px 0px;
    text-align: center;
    margin: 0 auto;
}
.bg-poly {
    background-size: 100%;
    min-height: 200px;
    bottom: -100px;
    background-repeat: no-repeat;
}
.w-100.footer.main-bg.p-pad2.mt-5.text-white {
    padding: 4em 1em !important;
    margin-top: 0px !important;
}
}

@media only screen and (max-width :721px) {
	.mobile-only {
		gap: 5px;
	}
	.locations {
		flex-basis: 100%;
	}
}

@media only screen and (max-width : 580px) {
 .manu-cta img {
    max-height: auto;
    position: relative;
    margin-bottom: 1em;
}
}

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

}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.p-pad2 {padding:1em;}
.col-sm-12.main-bg.top-bar button {
    font-size: 12px;
	padding: .5rem .15rem;
} 
	.card-deck{margin: 3rem auto !important;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {


}