@charset "utf-8";
/***** BEGIN RESET *****/

* {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

ol,
ul {
	list-style: none;
}

.clear {
	clear: both;
	height: 0px;
	margin: 0;
}

/***** END RESET *****/

@font-face {
	font-family: 'museo_slab500';
	src: url('../fonts/museo_slab_500_2-webfont.eot');
	src: url('../fonts/museo_slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/museo_slab_500_2-webfont.woff2') format('woff2'),
		url('../fonts/museo_slab_500_2-webfont.woff') format('woff'),
		url('../fonts/museo_slab_500_2-webfont.ttf') format('truetype'),
		url('../fonts/museo_slab_500_2-webfont.svg#museo_slab500') format('svg');
	font-weight: normal;
	font-style: normal;

}

/***** 11/2020 INVENTORY STYLE UPDATES *****/
.faceted-search-content-container,
div#listContainer,
section.bottom-section,
.detail-content-mobile {
	background-color: #fff;
}

.detail-content {
	margin-top: 50px !important;
	background-color: #fff;
	padding: 24px;
	border-radius: 8px;
}

.container.cf {
	margin: 50px auto 0px !important;
	background-color: #fff;
	padding: 5px !important;
	border-radius: 8px;
}

.container.cf,
.container.cf .container {
	float: none !important;
}

.data-label,
.contact-options a {
	background-color: #f9e614 !important;
	color: #000 !important;
	font-weight: 700;
}

button.offer-btn,
a.view-listing-details-link.fa,
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile,
button#send-email-btn-mobile,
button.offer-btn-mobile,
a.field-value.js-phone-clicktotrack.dealer-phone-mobile,
.detail-content-mobile .detail-contact-bar .contact-bar-btn,
.ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button,
.compare-listings-container .compare-container .button {
	background-color: #000 !important;
	color: #f9e614 !important;
}

.contact-information a:hover,
.listing-top a:hover,
.dealer-info a:hover {
	color: #f9e614 !important;
}

span.currency-selector,
span.price {
	color: #10c647 !important;
	margin-bottom: 1em;
}

span.list-listings-count {
	color: #fff !important;
}

.legal-text-list * {
	color: #fff;
}

.mobile-breadcrumb {
	background-color: #e6e6e6 !important;
	color: #000 !important;
}

h3.listing-portion-title,
.listing-description,
span.list-listings-count,
.list-content .list-container .email-seller,
.list-content .list-container .video-chat,
.dealer-info {
	color: #000 !important;
}

h3.listing-portion-title:hover {
	color: #f9e614 !important;
}

.view-listing-details-link,
.faceted-search-content .selected-facets-container .selected-facet {
	background-color: #000 !important;
}

.dealer-info .phone-and-email .send-email-btn {
	color: #000 !important;
	border-color: #000 !important;
}

.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title h3,
.compare-listings-container .compare-container .compare-price,
.bread-crumbs-heading .return-links .return-links-link i,
.bread-crumbs-heading .return-links .return-links-link span,
.mobile-breadcrumb .breadcrumbs-element,
.list-content .list-title .list-title-text,
.list-content .listing-portion-title,
.compare-checked {
	color: #000 !important;
}

.list-content h3,
.faceted-search-content .selected-facets-container .facets-toggle a:hover {
	color: #000 !important;
}

.list-content .list-error-container .info span:hover,
.compare-checked a,
.list-content .list-listing .listing-top-right .listing-dealer-info .phone-link,
.dealer-info h3,
.ts-modal-header h2,
.detail-additional-data h3,
.title-media-buttons-heading h1,
.contact-info-heading h2 {
	color: #000 !important;
}

.listing-top a {
	color: #fff !important;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 25px;
	font-weight: normal;
}

a {
	color: #f9e614;
	text-decoration: none;
}

a:hover {
	color: #ccc;
}

body:not(.invpage) h1 {
	font-family: 'museo_slab500', Helvetica, Arial, sans-serif;
	font-size: 35px;
	font-weight: normal;
	color: #f9e614;
}


h2:not(.invpagecontain *) {
	font-family: 'museo_slab500', Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #f9e614;
}

h2:hover:not(.invpagecontain *) {
	color: #fff;
}

h3:not(.invpagecontain *) {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 25px;
	font-weight: normal;
}




body {
	-webkit-text-size-adjust: none;
	background: url(../siteart/Diamond-plate.jpg) repeat !important;
}

.wrap {
	max-width: 1250px;
	margin: 0 auto;
}

#topcontact {
	width: 100%;
	float: left;
	text-align: right;
	padding: 1% 0;
	color: #fff;
	font-family: 'museo_slab500', Helvetica, Arial, sans-serif;
	font-size: 17px;
	margin: 2% 0 0;
	text-shadow: 1.5px 1.5px 6px rgba(0, 0, 0, .95);
}

header {
	width: 100%;
	float: left;
	margin-bottom: 30px;

}

header.sticky {
	position: fixed;
	max-width: 1150px;
	z-index: 999999;
	margin: 20px 50px;
	width: 96%;
}

header.sticky #topcontact {
	display: none;
}

#logo {
	width: 34%;
	float: left;
	position: relative;
	z-index: 999999;
}

header.sticky #logo {
	width: 28%;
}

#logo img {
	width: 100%;
}

/***** Slideshow *****/

#slideshow {
	width: 80%;
	float: left;
	border-top: solid #f9e614 1.5px;
	border-bottom: solid #f9e614 1.5px;
	padding: 0 10%;
	background: rgba(0, 0, 0, 0.6);
	background: #000\9;
}

.cycle-slideshow {
	width: 100%;
}

.cycle-slideshow img {
	width: 100%;
	float: left;
}

/* pager */
.pager {
	text-align: center;
	width: 100%;
	margin: -50px 0 -2px;
	position: relative;
	z-index: 999;
	float: left;
}

.pager span {
	font-family: arial;
	font-size: 50px;
	width: 16px;
	height: 16px;
	display: inline-block;
	color: #ddd\9;
	color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
}

.pager span.cycle-pager-active {
	color: #f9e614;
}

.pager>* {
	cursor: pointer;
}

/* ============================================================
  Parallax SECTION
============================================================ */

.container {
	width: 96%;
	float: left;
	padding: 3% 2%;
	text-align: center;
}

.invcontainer {
	width: 96%;
	float: left;
	padding: 0 2%;
	text-align: center;
}


section.module.parallax {
	height: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	float: left;
	width: 100%;
}

section.module.parallax-1 {
	background-image: url("/siteart/aerial.jpg");
}

section.module.parallax-2 {
	background-image: url("../img/demo/_small/2.jpg");
}

section.module.parallax-3 {
	background-image: url("../img/demo/_small/3.jpg");
}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
	width: 100%;
	height: 90px;
	overflow: hidden;
}

.scrolling {
	width: 100%;
	height: 92px;
}

/*--------INVENTORY--------*/
.hosted-content {
	background: #f9f9f9;
}

body .full .inner-wrap {
	background: #f9f9f9;
}

.hosted-content .listings-wrapper .border-bottom,
.hosted-content .listings-detail-wrapper .border-bottom,
.hosted-content .listings-drilldown-wrapper .border-bottom {
	text-align: left;
}

.hosted-content #listings-title {
	text-align: left;
}

.hosted-content p {
	color: #222;
}


/*--------Icons--------*/
.icons {
	width: 16%;
	float: left;
	text-align: center;
	padding: 0 2%;
	margin: 80px 0 50px;
	transition: all .2s ease-in-out;
	opacity: 0.85;
}

.icons:hover {
	transform: scale(1.1);
	opacity: 1;
}

.icons img {
	width: 100%;
}


/*--------Contact--------*/

.half,
.maphalf {
	width: 50%;
	float: left;
	text-align: left;
}

/*===================== 
	Main Form styles 
=======================*/

.form {
	text-align: left;
	padding: 0;
	width: 85%;
	float: right;
}

form.myform {
	margin: 0 0 0 0;
	padding: 0;
}

.myform label {
	padding: .5em;
	display: inline-block;
	width: 98%;
	margin-bottom: 10px;
	color: #231F20;
	cursor: pointer;
	line-height: 2;
	position: relative;
}

.myform label:hover,
.myform label:active,
.myform label:focus {
	background: #464646;
	 !important;
}

.myform input {
	padding: .5em;
	width: 70%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	color: #999;
	background: rgba(255, 255, 255, 0.8);
	background: #FFF\9;
}

.myform input:focus {
	background: #fff;
	color: #000;
	outline: none;
	border: 1px #bbb solid;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.myform input.small {
	width: 10%;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	color: #999;
	background: #FFF;
	margin-top: 10px;
}

.myform input:focus {
	background: #fff;
	color: #000;
	outline: none;
	border: 1px #bbb solid;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}



.myform textarea {
	padding: .5em;
	width: 96%;
	height: 100px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	color: #999;
	background: rgba(255, 255, 255, 0.8);
	background: #FFF\9;
}

.myform textarea:focus {
	background: #fff;
	color: #000;
	outline: none;
	border: 1px #bbb solid;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.myform select {
	padding: .5em;
	width: 78%;
	float: right;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}



label.required:before {
	content: "*";
	position: absolute;
	top: 6px;
	left: 2px;
	color: #E40307;
}



input.btn {
	background: #f9e614;
	color: #000;
	text-align: center;
	border: none;
	padding: 6px 12px;
	margin-right: 10px;
	display: inline-block;
	float: left;
	width: auto;
	-webkit-appearance: none;
}

input.btn:hover {
	background: #ccc;
}

.captcha-container {
	width: 50%;
	padding: 0;
	text-align: center;
	position: relative;
	float: left;
}

.CaptchaPanel {
	width: 100%;
}

.CaptchaImagePanel,
.CaptchaMessagePanel,
.CaptchaAnswerPanel,
.CaptchaWhatsThisPanel {
	margin: 0px 0px 0px !important;
	font-size: 13px;
	color: #fff;
	text-align: center !important;
}

.CaptchaWhatsThisPanel {
	line-height: 3;
}

.CaptchaWhatsThisPanel a {
	color: #fff;
}

.CaptchaWhatsThisPanel a:hover {
	color: #f9e614;
}

img#CaptchaImage {
	width: 85% !important;
	max-width: 200px;
}

#CaptchaAnswer {
	width: 100%;
}

.form-btns {
	width: 155px;
	position: absolute;
	left: 400px;
	top: 50px;
	border: none;
}

/*===================== 
	END form styles 
=======================*/

/***** Footer *****/

footer {
	width: 100%;
	float: left;
	padding: 2% 0;
	background: rgba(0, 0, 0, 0.6);
	background: #000\9;
	border-top: solid #f9e614 1.5px;
}

#footlogo {
	width: 20%;
	float: right;
	text-align: center;
}

#footlogo img {
	width: 52%;
}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ccc;
}

a.footerlink:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #f9e614;
}

.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ccc;
}

.smallfootertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ccc;
}

.divfooter {
	width: 75%;
	margin-right: 5%;
	text-align: left;
	float: right;
	color: #ccc;
}



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

	#slideshow {
		width: 90%;
		padding: 0 5%;
	}

}

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

	.form-btns {
		left: 300px;
		top: 50px;
	}

}

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

	#logo {
		width: 25%;
	}

	header.sticky {
		margin: 1% 2%;
	}

	header {
		margin: 0 2% 1%;
		width: 96%;
	}

	footer {
		width: 96%;
		padding: 2%;
	}

	#topcontact {
		width: 96%;
		padding: 1% 2%;
	}

}

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

	#logo {
		width: 30%;
	}

}


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

	.form-btns {
		left: 240px;
		top: 50px;
	}

}


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

	header {
		margin: 0;
		width: 100%;
		background: rgba(249, 230, 20, 0.9);
		background: #f9e614\9;
	}

	header.sticky {
		margin: 0;
		width: 100%;
		background: rgba(249, 230, 20, 0.9);
		background: #f9e614\9;
		padding: 1% 0 0;
	}

	#logo {
		width: 40%;
		float: none;
		margin: 0 auto;
	}

	#topcontact {
		text-align: center;
		padding: 2% 0;
		margin: 0;
		width: 100%;
		text-shadow: none;
		color: #000;
	}

	#slideshow {
		width: 100%;
		padding: 0;
		border-top: solid #000 1.5px;
	}

	#footlogo img {
		width: 65%;
	}

}

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

	.half,
	.maphalf {
		width: 100%;
		margin: 0 0 3%;
	}

	.form {
		width: 100%;
		float: left;
	}

	.half iframe {
		width: 50%;
		float: right;
		height: 300px;
	}

	#contact {
		width: 50%;
		float: left;
	}

	.form-btns {
		left: 450px;
		top: 50px;
	}

}


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

	h1 {
		font-size: 28px;
	}

}

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

	#logo {
		width: 55%;
	}

	header.sticky #logo {
		width: 40%;
	}

	#footlogo img {
		width: 90%;
	}

	h1 {
		font-size: 25px;
	}

	h2 {
		font-size: 20px;
	}

	h3 {
		font-size: 16px;
		line-height: 20px;
	}


}

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

	.icons {
		width: 29%;
		margin: 30px 0;
	}

	.centerfix {
		padding-left: 20%;
	}

	#footlogo {
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}

	#footlogo img {
		width: 25%;
	}

	.divfooter {
		width: 96%;
		margin: 2%;
		text-align: center;
		float: left;
	}

	header.sticky #logo {
		width: 50%;
	}

	.form-btns {
		left: 320px;
		top: 50px;
	}

}


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

	.half iframe {
		width: 100%;
		float: left;
		height: 350px;
		margin: 20px 0;
	}

	#contact {
		width: 100%;
	}

	.captcha-container {
		width: 90%;
		float: none;
		margin: 0 auto;
	}

	.form-btns {
		left: 20px;
		top: 250px;
	}

	.myform label {
		width: 96%;
	}

	.form {
		margin-bottom: 30px;
	}

}


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

	.icons {
		width: 46%;
		margin: 20px 0;
	}

	.centerfix {
		padding-left: 0;
	}

	#footlogo img {
		width: 35%;
	}

	#logo {
		width: 85%;
	}

	header.sticky #logo {
		width: 60%;
	}

	#topcontact {
		font-size: 15px;
	}

}

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

	.icons {
		width: 88%;
		padding: 6%;
		margin: 10px 0;
	}

	#footlogo img {
		width: 50%;
	}

	#logo {
		width: 96%;
	}

}