@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'robotoregular', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}
/***** END RESET *****/

@font-face {
    font-family:'robotoregular';
    src: url('../webfonts/Roboto-Regular-webfont.eot');
    src: url('../webfonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'robotobold';
    src: url('../webfonts/Roboto-Bold-webfont.eot');
    src: url('../webfonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {background:url('../siteart/layout/bg.jpg') repeat!important; font-weight:normal; font-size:16px; font-family:'robotoregular'; -webkit-text-size-adjust: none;}
.clear-it:after {content:""; display:block; clear:both;} 

.wrap {width:90%; margin:0 auto; max-width:1230px;}

.show-tablet, .show-1024 {display:none;}


/*** typography styles ***/
p {margin-bottom:16px;}
.no-margin {margin:0 !important;}
strong {font-family:'robotobold'; font-weight:normal;}

.green {color:#326d29;}
.yellow {color:#ffe030;}

a {color:#ffe030; text-decoration:none; }
a:hover {color:#326d29;}
a.call-it {color:#326d29; font-family:'robotobold';}
a.call-it:hover {color:#000;}

h1 {font-family:'robotobold'; font-size:32px; font-weight:normal; margin-bottom:14px; color:#326d29;}
h2 {font-family:'robotobold'; font-size:28px; font-weight:normal; margin-bottom:14px; color:#ffe030;}
h3 {font-family:'robotobold'; font-size:24px; font-weight:normal; margin-bottom:10px; color:#ffe030;}
h4 {font-family:'robotobold'; font-size:22px; font-weight:normal; margin-bottom:7px; color:#326d29;}
h5 {font-family:'robotobold'; font-size:20px; font-weight:normal; margin-bottom:5px; color:#ffe030;}
h6 {font-size:18px; font-weight:normal; color:#000; margin-bottom:0; font-family:'robotoregular';}

.rt-img {width:40%; float:right; margin:0 0 15px 3%;}
.rt-img img {width:100%; width:calc(100% - 8px); height:auto; max-width:350px; display:block; border:4px #fff solid;}

.listing-card-grid{background:#fff!important;}

/*** header styles ***/
.hero {width:100%; box-sizing:border-box; background:url('../siteart/hero.jpg') no-repeat center; background-size:cover;padding:20px 2.5% 35px 2.5%;}

header {width:100%; margin-bottom:280px;}
.logo {width:25%; float:left; margin-right:30%;}
.logo img {width:100%; height:auto; max-width:304px; display:block;}
.rt-header {width:45%; float:left; text-align:right;}

.inv-btns {width:100%; display:block;}
.inv-btns a {width:36%; width:calc(36% - 6px); float:left; margin:0 6%; color:#fff; background:#326d29; text-align:center; padding:10px 1%; font-size:24px; font-family:'robotobold';
			border-top:3px #799f73 solid; border-left:3px #578750 solid; border-right:3px #26521f solid; border-bottom:3px #1e4219 solid;}
.inv-btns a:hover {background:#1e4219; color:#ffe030;}


/*** nav styles ***/
nav {background:#ffe030; width:100%; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; text-align:center;}



/*** content styles ***/
article {width:100%; padding:30px 0;}
.lt-content {width:66%; float:left; padding:0 2.5%;}
.lt-content p{color:#fff;}
.photo-sidebar {width:29%; float:left; text-align:center;}
.photo-sidebar img {width:100%; height:auto; max-width:257px; display:block; margin:0 auto;}

.inv {width:95%; display:block; padding:0 2.5%;}
.inv iframe {width:100%; display:block; height:2100px;}

.content {width:95%; padding:0 2.5%;}
.content p{color:#fff;}
.contact-info {width:30%; margin:0 5% 0 0; float:left;}
.map {width:65%; float:left;}
.map iframe {width:100%; height:300px; display:block;}

.form-box {width:65%; float:left;}

.manu-logos {width:100%; display:block;}
.manu-logos a {width:23%; margin:0 1%; float:left; text-align:center; color:#ffe030; text-decoration:none; font-size:16px; font-family:'robotobold';}
.manu-logos a:hover {color:#fff;}
.manu-logos a img {width:90%; height:auto; max-width:282px; display:block; margin:0 auto 10px auto;}


/*** footer styles ***/
.foot {width:100%; background:url('../siteart/layout/lt-pattern.jpg') repeat; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
.scroll-frame {width:100%; overflow:hidden; padding:10px 0; display:block;}
.scroll-frame iframe {width:100%; height:90px; display:block;}

.int-links {width:50%; margin:0 auto; display:block; border-bottom:1px #666 dashed; color:#666; text-align:center; font-size:12px; padding:15px 0;}
.int-links a {color:#326d29; text-decoration:none;}
.int-links a:hover {color:#ffe030;}

footer {line-height:12px; color:#666; width:50%; margin:0 auto; padding:10px 0 25px 0;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:10px; color:#666;}
a.footerlink:hover {text-decoration:none; color:#666;}
.footertext{font-size:10px; color:#666;}
.smallfootertext{font-size:10px; color:#666;}
.divfooter {width:100%; text-align:center; margin:0 auto;}


/*** form styles ***/
#formpage {width:100%; display:block;}
#formpage .row {width:100%; display:block;}
#formpage .row:after {clear:both; content:"";}
#formpage .col2 {width:48%; float:left; margin-right:2%;}
#formpage .col-full {width:98%;}

#formpage input {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	font-size:12px;
	margin-bottom:7px;
	background:#fff;
}

#formpage textarea {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	font-size:12px;
	height:100px;
	margin-bottom:7px;
	background:#fff;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	width:100%;
	width:calc(100% - 2px);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	background:#fff;
	line-height:normal;
	padding:5px;
	margin-bottom:7px;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }


/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#8e8d8d; 
	color:#FFF;
	border:1px solid #16598d;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 

#formpage input.button,
#formpage input.button:focus {
    width:100%; 
    margin:0;
    padding:7px 0;
    background:#326d29;
    border:0;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
    font-size:14px;
	line-height:14px;
	font-family:'robotobold';
    color:#fff;
	-webkit-appearance:none;
}
#formpage input.button:hover {background:#ffe030; color:#000;}


/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align: center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaImagePanel img {width:100%; height:auto; max-width:160px;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 5px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}

/*---------inventory------------*/
/*---details breadcrumbs-----*/
.breadcrumbs__link, .dealer-contact h2{color:#000!important;}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container, .bold{color:#fff!important;}
.list-content h3{color:#578750!important;}

.list-top-section .list-title .list-listings-count{color:#ffe030!important;}

/*-----buttons--------*/
.view-listing-details-link, .list-content .media-buttons .print-this, .list-content .media-buttons .email-this{background-color:#326d29!important; color:#fff!important; border: none!important;}

.view-listing-details-link:hover, .list-content .media-buttons .print-this:hover, .list-content .media-buttons .email-this:hover{background-color:#26521f!important; color:#fff!important;}

/*** responsive styles ***/
@media screen and (max-width:1280px) {
	nav a:link, nav a:active, nav a:visited {font-size:14px;}
}

@media screen and (max-width:1210px) {
	.wrap {width:96%;}
	nav a:link, nav a:active, nav a:visited {padding:0 6px;}
}

@media screen and (max-width:1024px) {
	.show-1024 {display:block;}
	.hide-1024 {display:none;}
    
    header {margin-bottom:200px;}
	.logo {width:35%; margin-right:20%;}
	.inv-btns a {width:38%; width:calc(38% - 6px); margin:0 5%;}
	
	/*nav a:link, nav a:active, nav a:visited {font-size:12px; padding:0 3px;}*/
    #simple-menu {float:left; margin-left:2%; background:url('../siteart/layout/mobile-nav-icon.png') no-repeat center left; height:40px; width:55px; padding-left:28px; color:#000; font-family:'robotobold'; line-height:40px; display:block; cursor:pointer;}
	
	.int-links, footer {width:70%;}
}

@media screen and (max-width:768px) {
	body {font-size:14px;}
	p {margin-bottom:14px;}
	h1 {font-size:28px; margin-bottom:10px;}
	h6 {font-size:16px;}
	
	.show-tablet {display:block;}
	.hide-tablet {display:none;}
	
	.hero {padding:20px 2.5%;}
	header {margin-bottom:130px;}
	.logo {width:40%; margin-right:15%;}
	.inv-btns a {width:42%; width:calc(42% - 6px); margin:0 3%; font-size:20px; padding:5px 1%;}
	
	.contact-info {width:100%; margin:0;}
	.map, .form-box {width:100%;}
	.map iframe {height:250px;}
	
	.int-links, footer {width:95%;}
}

@media screen and (max-width:640px) {
	h2 {font-size:24px; margin-bottom:10px;}
	
	header {margin-bottom:70px;}
	.logo {width:45%; margin-right:10%;}
	.inv-btns a {width:45%; width:calc(45% - 6px); margin:0 1.5%; font-size:18px;}
	
	.lt-content {width:95%;}
	.photo-sidebar {width:100%;}
	
	.int-links {padding:5px 0 10px 0;}
	footer {padding:10px 0 15px 0;}
}

@media screen and (max-width:480px) {
	h1 {font-size:24px; margin-bottom:5px;}
	h6 {font-size:14px;}
	
	.rt-img {width:100%; float:none; margin:0 0 15px 0%;}
	
	header {margin-bottom:40px;}
	.logo {width:50%; margin-right:2%;}
	.rt-header {width:48%;}
	.inv-btns a {width:90%; width:calc(90% - 6px); margin:0 5% 10px 5%;}
	
	.map iframe {height:200px;}
	
	.smallfootertext {display:none;}
	
	#formpage .col2 {width:100%; margin-right:0%;}
	#formpage .col-full {width:100%;}
}

@media screen and (max-width:375px) {
	h1 {margin-top:10px;}
	h1 a.call-it {color:#fff;}
	h1 a.call-it:hover {color:#ffe030;}
	
	.hero {padding:20px 2.5% 5px 2.5%;}
	header {margin-bottom:10px;}
	.logo {width:60%; margin:0 20%;}
	.rt-header {width:100%; text-align:center;}
	.rt-header h6 {display:none;}
}

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