/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

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

@font-face {
	font-family:'OpenSans-ExtraBold-webfont';
	src: url('../fonts/OpenSans-ExtraBold-webfont');
	src: url('../fonts/OpenSans-ExtraBold-webfont?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
		url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
		url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSans-ExtraBold') format('svg');
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

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

}

h1 {font-size:30px; text-align:center; color:#fff; font-family:'OpenSans-ExtraBold-webfont', Arial, sans-serif; text-transform:uppercase; line-height:40px;}
h2 {font-size:30px; text-align:center; font-family:'OpenSans-ExtraBold-webfont', Arial, sans-serif; text-transform:uppercase; line-height:40px;}
h3 {font-size:14px; font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif; color:#fff;}
h3 a {color:#fff; text-decoration:underline;}
h3 a:hover{color:#ffac22; text-decoration:none;}
h4 {font-size:60px; text-align:center; color:#ffac22; font-family:'OpenSans-ExtraBold-webfont', Arial, sans-serif; text-transform:uppercase; line-height:40px;}

#blacktext {color:#111;}
p {font-size:16px; line-height:20px; text-align:center;}

/******** Basic Styles ********/
body {background:#fff;}
.show-menu-for-mobile {display:none;}  /* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */

#site-width {max-width:1100px; width:100%; margin:0 auto;}
#site-inv {margin:40px auto;}
#whiteblock {width:100%; margin:0 auto; color:#000;} 

#colorblock {
	background: #f4b245; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f4b245, #ffac22); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f4b245, #ffac22); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f4b245, #ffac22); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f4b245, #ffac22); /* Standard syntax */
	padding:50px 0;
	color:#fff;
}

#service {
	background: url(../siteart/10306089_771774069519914_3456496801586887967_n.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	color:#fff; 
	padding:30px 0;}

/******** Header Styles ********/
header {
	background: #000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000, #373737); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #373737); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #373737); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000, #373737); /* Standard syntax */
}

.logo {float:left;padding:20px 0 10px 0;}
.navwrap {float:right;}

#main {width:100%; height:auto; background:#ffac22;}
#main img {width:100%;}

.socialmedia {position:absolute; right:20px; top:10px; display:inline-block; text-align:right;}
.socialmedia img {float:right;}
.phone {font-size:18px; font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif; color:#fff;}

.partsbtn {max-width:500px; width:100%; text-align:center; margin:10px auto 60px auto;}
.partsbtn a {
	text-decoration:none;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:20px 30px;
	font-size:32px;
	color:#ffac22;
	background:#000;
}
.partsbtn a:hover {color:#fff; background:#ffac22;}

.auctionbtn {width:100%; max-width:600px; text-align:center; margin:50px auto 60px auto;}
.auctionbtn a {
	text-decoration:none;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:20px 30px;
	font-size:32px;
	color:#ffac22;
	background:#000;
}
.auctionbtn a:hover {color:#fff; background:#ffac22;}

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

#top-nav{
	float:right;
	position:relative;
	margin-top:15px;
	border-right:1px solid #000;

}
#top-nav ul{list-style: none; padding:0; margin:0;}
#top-nav li{list-style: none; padding:0; margin:0;}
#top-nav ul li {
    display: block;
    position: relative;
    float: left;
	border-left:1px solid #000;
	
}
#top-nav li ul {display: none;}
#top-nav ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	text-transform:uppercase;
	font-family:'OpenSans-ExtaBold-webfont', Arial, sans-serif;
	font-style: normal;
	font-weight:normal;	
	font-size:.8em;
	padding:7.2em 1.7em 2em 1.1em;
}
#top-nav ul li li a { /* appearance of the sub-level links */
	text-decoration: none;
	color: #fff;
	text-transform:uppercase;
	font-family:'OpenSans-ExtaBold-webfont', Arial, sans-serif;
	font-style: normal;
	font-weight:normal;	
	font-size:.875em;
	padding:1em 1em 1em 0.95em;
	background: #373737; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#373737, #000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#373737, #000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#373737, #000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#373737, #000); /* Standard syntax */
}
#top-nav ul li li a:hover { /* appearance of the sub-level links on hover */
    color: #fff;
	background:#ffac22;
}
 
/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#top-nav ul ul {
    display: none;
    position: absolute; 
    top:100%;
	left:0;
	width:14em;
}
 
#top-nav ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
 
#top-nav ul li:hover > ul {  
    display: inline-block;
    line-height: normal;
    z-index: 100;
}
 
#top-nav ul ul li {
    float: none; 
    position: relative;
}

/*styles applied navigation icons */
#navwrap {float:right;}
#top-nav ul li a.home{background: url(../siteart/navbtn/home.png) no-repeat center 32px;}
#top-nav ul li a.about{background: url(../siteart/navbtn/about.png) no-repeat center 32px;}
#top-nav ul li a.contact{background: url(../siteart/navbtn/contact.png) no-repeat center 32px;}
#top-nav ul li a.inventory{background: url(../siteart/navbtn/inv.png) no-repeat center 32px;}
#top-nav ul li a.service{background: url(../siteart/navbtn/service.png) no-repeat center 32px;}
#top-nav ul li a.gallery{background: url(../siteart/navbtn/gallery.png) no-repeat center 32px;}
#top-nav ul li a.financing{background: url(../siteart/navbtn/deal-white64x64.png) no-repeat center 32px; background-size: 47%;}

#top-nav ul li a.home,
#top-nav ul li a.about,
#top-nav ul li a.contact,
#top-nav ul li a.inventory,
#top-nav ul li a.service,
#top-nav ul li a.gallery,
#top-nav ul li a.financing {
	transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
#top-nav ul li a:hover {
	text-decoration:none;
	color:#ffac22;
}
#top-nav ul li a.home:hover{background: url(../siteart/navbtn/home_on.png) no-repeat center 32px;}
#top-nav ul li a.about:hover{background: url(../siteart/navbtn/about_on.png) no-repeat center 32px;}
#top-nav ul li a.contact:hover{background: url(../siteart/navbtn/contact_on.png) no-repeat center 32px;}
#top-nav ul li a.inventory:hover{background: url(../siteart/navbtn/inv_on.png) no-repeat center 32px;}
#top-nav ul li a.service:hover{background: url(../siteart/navbtn/service_on.png) no-repeat center 32px;}
#top-nav ul li a.gallery:hover{background: url(../siteart/navbtn/gallery_on.png) no-repeat center 32px;}
#top-nav ul li a.financing:hover{background:  url(../siteart/navbtn/deal_on.png) no-repeat center 32px; background-size: 47%;}
/******** Inventory Button Styles ********/
.secondinv {width:20%; float:left;}
.secondinv img {width:100%;}
.secondinv a {color:#fff; text-decoration:none;}


.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.hovereffect img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.hovereffect:hover img {
filter: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  filter: none;
}


.h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 22px;
  padding: 12px 10px;
  background: black;
  color:#fff;
  font-weight:bold;
  border-bottom:1px solid #ffac22;
  border-top:1px solid #ffac22;
  margin-top:-5px;
 }

.hovereffect a.info {
  display: block;
  text-decoration: none;
  margin: 0 0 0 0;
  font-size:18px;
  background: rgba(0, 0, 0, 0.6);
  padding:10px 0;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
  color:#ffac22;
}

.hovereffect a.info {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  text-transform: uppercase;
  color:#fff;
}

.hovereffect h2 {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  text-transform: uppercase;
  color:#ffac22;
}

.hovereffect:hover a.info, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/******** Inventory Cat ********/
.invsecondinv {width:20%; float:left;}
.invsecondinv img {width:100%;}
.invsecondinv a {color:#fff; text-decoration:none;}

#mobilesecondaryinv {display:none;}



/******** Form Styles ********/
.contactinfo {text-align:center;}
.contactinfo a:hover {color:#000;}

#formpage {
vertical-align:top;
}

#formpage div {
vertical-align:top;
padding:3px 5px;
}

#formpage input {
	padding:6px 5px;
	border:1px solid #8e8d8d;
	font-family:'OpenSans-SemiBold-wesbfont', Arial, sans-serif;
	color:#000;
	font-size:12px;
	background:#fff;
}

#formpage textarea {
	padding:6px 5px;
	border:1px solid #8e8d8d;
	font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif;
	color:#000;
	font-size:12px;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #8e8d8d;
	font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif;
	color:#000;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
}
   
#formpage input  {
    width:100%;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:100%;
    height:85px;
	background:#fff;
}


#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;
 }
 
 .formfield {width:31%;margin-right:12px; display:inline-block;}

/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#fff; 
	color:#000;
	border:1px solid #8e8d8d;
	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:75%;
	max-width:250px; 
    margin:0;
    padding:7px 0;
    background:#373737 url('../siteart/submit_btn.jpg') repeat-x;
    border:2px #fff solid;
    font-size:14px;
	line-height:14px;
	font-weight:bold;
    color:#fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	margin-top:10px;
}
#formpage input.button:hover {
	background: #f4b245; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f4b245, #ffac22); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f4b245, #ffac22); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f4b245, #ffac22); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f4b245, #ffac22); /* Standard syntax */
	color:#000;
	text-shadow:none;
	border:2px #fff solid;
}
 
/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#fff;
    font-size:13px;
    text-align:left;
}
#formpage label.checkbox {
  /*  color:#212121;*/
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}
 

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

.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 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 

.captchaposition {text-align:center; width:75%; max-width:300px; margin:0 auto;}


/*--------Scrolling Inventory--------*/

.mobilecontainer { 
	overflow:hidden; /* must have this property for mobile phones and tablet display! */
	width:100%; 
	margin:0 auto;
	height:92px; 
	padding:10px 0;
	background:#ffac22;
}
iframe.banner {
	width:100%;
	height:92px;
	background:#ffac22;
}	
 
 #footer {
	background: #000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000, #373737); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #373737); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #373737); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000, #373737); /* Standard syntax */
	padding:20px 0;
	color:#fff;
}

.footerleft {float:left; color:#ccc;}
.footerright {float:right; text-align:right;}
.footerright a {color:#ffac22; font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif; text-decoration:none;}
.footerright a:hover {color:#fff;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif;font-size:13px; color:#fff;}
a.footerlink:hover {text-decoration:none; font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif;font-size:13px; color:#ffac22;}

.footertext{font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif;font-size:13px; color:#fff;}

.smallfootertext{font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif;font-size:10px; color:#fff;}

.divfooter {max-width:550px; text-align:left;}

.bottomnav {width:100%; text-align:center; margin:20px auto 60px auto;}
.bottomnav a {font-size:10px; color:#ffac22; text-decoration:none; font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif;}
.bottomnav a:hover {color:#fff;}
   
 .top {position:fixed; right:20px; bottom:20px;}
       
/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

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

@media screen and (max-width: 1375px) and (min-width:1205px) {
	.show-menu-for-mobile {display:none;}
	#scroll {top:540px;}
	h4 {font-size:30px;}
	.hovereffect a.info {margin: 150px 0 0 0;}
	.socialmedia {position:absolute; text-align:right;}
	.socialmedia img {width:8%;}
	.phone {font-size:16px; font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif; color:#fff;}
	#top-nav{margin-top:30px;border-right:1px solid #000;}
}

@media screen and (max-width: 1204px) and (min-width:1024px) {
	.show-menu-for-mobile {display: none;}
	#site-width {width:95%; margin:0 auto;}
	#scroll {display:none;}
	#colorblock {margin:30px 0;}
	h4 {font-size:24px;}
	.hovereffect a.info {margin: 100px 0 0 0;}
	.formfield {width:99%; display:block;}

	.socialmedia {position:absolute; text-align:right;}
	.socialmedia img {width:8%;}
	.phone {font-size:16px; font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif; color:#fff;}
	#top-nav{margin-top:40px;border-right:1px solid #000;}
}

@media screen and (max-width: 1023px){
	.partsbtn {margin:60px auto;}
	
	/******************styles for the main site navigation during mobile display*************/
	nav.primary{display:none;}
	
	#menu-button{display: block;
		/*width:100%; */ /*font-size: 1.25em; line-height:60px; */ z-index:400;
	
		float: right;
		font-size: 32px;
		font-size: 2em;
		text-decoration: none;
		position: relative;
		/*z-index: 99999999999999999;*/
		margin: 0.5rem 0 0 0.5rem;
		color:#fff;
	}
	#menu-button a{color:#fff; text-decoration: none; padding:0 0 0 .8em; font-weight:100;}
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		background:#333;
	}
	
	/* 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:#313131;
	}			
	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: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #ffac22 solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}	
}

@media screen and (max-width: 1023px) and (min-width:688px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
#site-width {width:95%; margin:0 auto;}
#scroll {display:none;}
#colorblock {margin:30px 0;}
h1 {font-size:24px;}
h4 {font-size:24px;}
.hovereffect a.info {margin: 100px 0 0 0; font-size:14px;} 
.formfield {width:93%; display:block;}
#map {width:95%; margin:0 auto;}

.socialmedia {position:absolute; text-align:right;}
.socialmedia img {width:8%;}
.phone {font-size:16px; font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif; color:#fff;}
#top-nav{margin-top:40px;border-right:1px solid #000;}

.partsbtn a {font-size:24px;}

.secondinv {width:33%;}
	
.invsecondinv {display:none;}	
#mobilesecondaryinv {display:block;}
.mobilesecondinv {width:33%; float:left; border-right:1px solid #ffac22;}
.mobilesecondinv img {width:100%;}
.mobilesecondinv a {color:#fff; text-decoration:none;}	

.footerright {width:50%;}
.footerleft {width:50%;}


}



 .list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#333 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #333 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}
.detail-content h4, detail-content h2 {font-size:18px !important; text-align: left !important}




@media screen and (max-width: 687px) and (min-width:450px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

#site-width {width:95%; margin:0 auto;}
#scroll {display:none;}
#colorblock {margin:30px 0;}
h1 {font-size:20px;}
.h2 {font-size:16px;}
h4 {font-size:18px;}
p {font-size:13px; line-height:18px;}
.hovereffect a.info {margin: 50px 0 0 0; font-size:14px;} 
#map {width:95%; margin:0 auto;}

.formfield {width:93%; display:block;}

.partsbtn {width:100%;}
.partsbtn a {font-size:18px;}

.socialmedia {position:absolute; text-align:right;}
.socialmedia img {width:8%;}
.phone {font-size:14px; font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif; color:#fff;}
#top-nav{margin-top:40px;border-right:1px solid #000;}
.logo {margin-top:15px;}

.auctionbtn {width:100%; margin:40px auto;}
.auctionbtn a {font-size:18px;}

.secondinv {width:33%;}
	
.invsecondinv {display:none;}	
#mobilesecondaryinv {display:block;}
.mobilesecondinv {width:49.75%; float:left; border-right:1px solid #ffac22;}
.mobilesecondinv img {width:100%;}
.mobilesecondinv a {color:#fff; text-decoration:none;}

.footerright {float:none; width:100%; text-align:center;}
.footerleft {float:none; width:100%; text-align:center;}
.divfooter {text-align:center; width:90%; margin:0 auto;}


}



@media screen and (max-width: 449px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

#site-width {width:95%; margin:0 auto;}
.logo {float:none; width:100%; margin:0 auto; text-align:center;}
.logo img {width:85%;}
#scroll {display:none;}
#colorblock {margin:20px 0;}
h1 {font-size:15px; line-height:20px;}
h3 {font-size:10px;}
h4 {font-size:18px;}
p {font-size:12px; line-height:18px;}
.construction {float:none; width:100%;}
.ag {float:none; width:100%; margin:0 auto;}
.secondinv {float:none; width:100%;}
.hovereffect a.info {font-size:13px; padding:0;}
#map {width:95%; margin:0 auto;}

.formfield {width:92%; display:block;}
#formpage textarea {width:90%; margin:0 auto;}
.captchaposition {width:90%;}

.partsbtn {width:100%;}
.partsbtn a {font-size:14px;}

.socialmedia {position:absolute; text-align:right;}
.socialmedia img {width:8%;}
.phone {font-size:14px; font-family:'OpenSans-SemiBold-webfont', Arial, sans-serif; color:#fff;}
#top-nav{margin-top:40px;border-right:1px solid #000;}
.logo img {margin-top:60px;}

.auctionbtn {width:100%; margin:40px auto;}
.auctionbtn a {font-size:10px;}

.invsecondinv {display:none;}	
#mobilesecondaryinv {display:block;}	

.footerright {float:none; width:100%; text-align:center;}
.footerleft {float:none; width:100%; text-align:center;}
.divfooter {text-align:center; width:90%; margin:0 auto;}
}