/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

  
header, article, footer {display: block;}

body {
	font-size:16px;
    font-family:Arial, sans-serif;
	font-weight:normal;
	color:#000;
	-webkit-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	overflow-x: hidden!important;
	min-width: 290px;
}
.invwrap {
	-webkit-text-size-adjust: none;
	width: 100%;
	
}
.wrap {width:95%; margin:0 auto; max-width:1500px;}


.go-right {float:right;}

.show-tablet, .show-768 {display:none;}


/* INVENTORY STYLES
------------------------------------------------*/
/*ALL INVENTORY SYTLES GO HERE FOR SAFEKEEPING*/
.container{width:96%;max-width:1500px;margin:50px auto 20px auto;}
.invmain{padding:0px 0 60px 0; width: 100%;overflow: hidden; background: url(../siteart/old_moon.png) fixed;}
.cf{background:none; }
.container .cf a {color: #454545;}
.container .cf a:hover {color: #000000;}
.container .cf h1{color: #000000;}
.container .cf h5{color: #000000;}

.hosted-content .p-tb-10 { margin:0% auto; }
/***************************** typography styles **/


.no-margin {margin:0 !important;}

a {color:#2B2B2B; text-decoration:none;font-family: Arial, sans-serif;}
a:hover {color:#CBCBCB; cursor: pointer;}



strong {font-weight:normal; font-family: Arial, sans-serif; color:#00994c; text-transform:uppercase }
em {font-style:italic;}

.red {color:#ff7a00;}
.dk-red {color:#f5d73b;}
.white {color:#fff;}
.black {color:#000;}
.green {color:#9bad97;font-size: 48px}


.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

h1 {
	color:#2a934a;
	font-size:28px;
	font-weight:normal;
	font-family: Arial, sans-serif;
	margin-bottom:0;
	text-transform:uppercase;
	line-height: 36px;
}
h2 {
	color:#000000;
	font-size:26px;
	font-weight:normal;
	font-family: Arial, sans-serif;
	margin-bottom:0;
	line-height: 28px;
}
h3 {
	color:#00994c;
	font-size:24px;
	font-weight:normal;
	font-family: Arial, sans-serif;
	font-weight: lighter;
	margin-bottom:5px;
	text-transform:uppercase;
	text-decoration: underline;
}

h4 {
	color:#000000;
	font-size:20px;
	font-weight:normal;
	font-family: Arial, sans-serif; 
	margin-bottom:7px;
}

h5 {
	color:#2a934a;
	font-size:18px;
	font-weight:bold;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	margin-bottom:10px;
}

h6 {
	color:#fff;
	font-size:16px;
	font-weight:normal;
	font-family: Arial, sans-serif;
}
h6 a {color:#2a934a; text-decoration:none;font-family: Arial, sans-serif;}
h6 a:hover {color:#252525}
p {margin-bottom:20px; font-family: Arial, sans-serif; color: #FFFFFF; font-size: 16px;}




.headwrap {width:90%; margin:0 auto; max-width:2000px; text-align:center;}
.top-bar {
	width:100%;
	background:#2a934a;
	text-align:center;
}
.top-bar .last {border:none;}
.top-bar { line-height: 24px;}
.top-bar h6 a {padding: 2px 6px 2px 2px; border-right: .5px solid #dbdbdb;height: 100%; font-size: 12px}
.top-bar a {color: #FFFFFF; }
.top-bar a:link, .top-bar a:active, .top-bar a:visited{color: #FFFFFF;}
.top-bar a:hover {color: #000000;}



.icon-bar {padding-top: 15px;}
.icon-bar img {display:inline-block}
.icon-bar a:hover img {opacity: .7;}	

.rt-header {float:right; text-align:right; width: 50%; }
.rt-header h6 a img {padding-right: 3px; margin-bottom: -2px; display:inline-block}
	
header {
	width:100%; 
	padding:10px 0 0px 0;
	border-bottom: 10px solid #2a934a;
}

.logo { float:left; position: relative;}
.logo img {width:100%; height:auto; display:inline-block; max-width:400px;}


.main-lines {width:100%; display:block;}
.main-lines img {
	height:auto;
	margin:30px 0 0 0;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.main-lines img.sm {width:12%; max-width:111px;}
.main-lines img.med {width:16%; max-width:146px;}
.main-lines img.lg {width:22%; max-width:202px;}



/***************************** nav styles **/
nav.primary {
	width:100%;
	display: inline-block!important;
	float:right;
	max-width: 930px;
	text-align:right;
	margin-top: 30px;
}

nav.primary ul {width:100%; margin:0 auto;}
nav.primary li {display:inline-block; position:relative; color:#FFFFFF;margin-right: 0%;}
nav.primary a:link, nav a:active, nav a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	font-weight:light;
	font-family: Arial, sans-serif;
	font-size:17px;
	line-height:28px;
	padding:5px 8px;
	text-transform:uppercase;
	
}
nav.primary ul li a:hover {color:#2a934a;}

nav.primary ul ul {
	display: none;
	position: absolute; 
	z-index:99999;
	top: 38px;
	left:0;
	width:180px;
	background:#fff;
	
}

nav.primary ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
}

nav.primary ul li:hover > ul {
	display: block;
	z-index:99999;
	
}

nav.primary ul ul li {
	float: none; 
	position: relative;
	display:block;
}

nav.primary ul ul li a:link, nav.primary ul ul li a:active, nav.primary ul ul li a:visited{
	font-size:14px;
	line-height:24px;
	padding:0 0 0 15px;
	border-right:0;
	border-bottom: 1px solid #888;
	color: #000;
	text-align: left;
}

nav.primary ul ul li a:hover {
	background: #FFFFFF;
	color:#2a934a;
}



/* Border X get width  */
.borderXwidth a:before, .borderXwidth a:after
{
    position: absolute;
    opacity: 0;
    width: 0%;
    height: 2px;
    content: '';
    background: #2a934a;
    transition: all 0.3s;
}

.borderXwidth a:before
{
    left: 0px;
    top: 0px;
}

.borderXwidth a:after
{
    right: 0px;
    bottom: 0px;
}

.borderXwidth a:hover:before, .borderXwidth a:hover:after
{
    opacity: 1;
    width: 100%;
}

.nocursor:hover { cursor: default;}


.main {background: url(../siteart/main.png) center fixed; background-size: cover;}






/************************************************** Equipment Images *****************/	
	


.cat {margin: 2px auto;}
.zoom-container h4 {margin-bottom: 0px;}
.zoom-container {
	float:left;
	width: 25%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	border: 2.5px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .45);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease
}
.zoom-container .zoom-caption h4 {
	display: block;
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 1);
	width:65%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	padding: 40px;
	border: 1px solid #fff;
	background: linear-gradient(to left,transparent 50%,rgba(255,255,255,.5) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: .5s ease;

}
.zoom-container:hover .zoom-caption h4 {
	color: #000;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0);
	border: 0px;
/** START THE TRANSITION RULES **/
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  /** START THE FINAL STATE STYLING **/
  background-position: bottom left;
}	  
.zoom-container:hover img {
	-webkit-transform:scale(1.25); 
	-moz-transform:scale(1.25); 
	-ms-transform:scale(1.25); 
	-o-transform:scale(1.25); 
	transform:scale(1.25); 
	display: block;
}










/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: bottom;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #00994c;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

.quick-link  .hvr-underline-from-center:before {
  background: #CBCBCB;
}

/* Forward */ 

.hvr-forward img { 
	display: inline-block; 
	vertical-align: middle; 
	-webkit-transform: perspective(1px) translateZ(0); 
	transform: perspective(1px) translateZ(0); 
	box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
	 -webkit-transition-duration: 0.3s; 
	transition-duration: 0.3s; 
	-webkit-transition-property: transform; 
	transition-property: transform; 
} 
.hvr-forward:hover img, .hvr-forward:focus img, .hvr-forward:active img { 
	-webkit-transform: translateX(8px); 
	transform: translateX(8px); 
} 







.middle {
	background: #FFFFFF;
	position: relative;
	z-index: 10;
}

.logo-mid {
	width: 100%;
	margin: 0 auto 20px auto;
	text-align: center;
}

.logo-mid img {
	width: 90%;
	max-width: 400px;
}

.abt {
	width: 88%;
	margin: 0 auto;
	float: none;
	padding: 30px 0;
	text-align: center;
}

.abt p { padding: 13px 0;}







/***map***/
.main {width: 95%; margin: 0 auto;}
.map {position:relative;margin-top:-0px;float:left; z-index:1; width:50%;display: inline-block; margin-bottom: 40px;}

.map img {
	width:100%;
	float:left;	
	border: 2px #2a934a solid;
	box-sizing: border-box
}
.marker:hover #dynamicContent {
	text-align: left;
	background: #fff;
	border: 2px #111111 solid;
	border-radius: 5px;
	padding: 15px 15px;
	line-height: 24px;
	position: relative!important;
	margin-top: -245px;
	width: 45%;
	display:inline!important;
}

#dynamicContent {
	display:block;
	margin-top:0px;
		-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
	
}




#dynamicContent {
	display:inline-block;
	margin-top:0px;
		-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
	border: 2px solid #2a934a;
	width:100%;
	background: url("../siteart/Regions.png") no-repeat center;
	background-size: contain;
	float:right;
	color:#fff;
	position:absolute;
	z-index:2;
	height: 100%;
	overflow-x:hidden;
	box-sizing: border-box
}

.blue {
width:98%;
float:none;
display: block;
margin: 0 auto;
padding: 15% 0px 0 0;
	text-align: center;
}

.blue h4 a {
	color:#000;
}
.blue h4 a:hover {
	color:#7B7B7B;
}

.blue p a {
	color:#2a934a;
	text-decoration: underline;
}
.blue p a:hover  {
	color:#000;
	text-decoration: underline;
}

.locations h2 {
	font-size:24px;
	margin-top:20px;
	font-weight:bold;
	color:#FFF!important;
}


.locations a {
background:#D0D0D0;
padding:5px 37px;
margin-top:20px;
color:#00264b;
font-size:18px;	
float:left;
font-weight:bold;
border-radius:3px;
}

.locations a:hover {
background:#ADADAD;
	
}






.minboxex {
	text-align: center;
	background: none;
	border: 20px  solid rgba(0,0,0,.7);
	display: inline-block;
	margin: 0 20px 60px 20px;
	width: 40%;}

.minbox {
	border: 20px  solid rgba(0,0,0,0);
	background: rgba(0,0,0,.7);
	text-align: left;
	width: 100%;
	border: 1px solid #fff;
}
.minbox:hover {
	border: 1px solid #00994c;
}
.minbox img {padding-left: 15px;}
.minbox h3 {line-height: 20px; }
.minbox a { margin: 30px }
.minbox a:hover .og{color: #DCDCDC!important; text-decoration: underline}

/***************************** head pic wording **/

.break {margin-top: 30px;}
.breakbutton {
	border: 1px solid #00994c; 
	width: 100%;  margin:0px auto 10px auto; 
	float: none; 
	text-align: left; 
	height: 32px;
	background-size: 200% 100%;
 background-image: none;
  background-repeat: no-repeat;
  background-position: bottom right;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.breakbutton:hover {
	color: #00994c;
	width: 100%; 
	margin:0px auto 10px auto;
	border: 1px solid #00994c; 
	background-size: 200% 100%;
	background-image: linear-gradient(to right, #000000 50%, rgba(255,255,255,0) 50%);
	/** START THE TRANSITION RULES **/
 -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  /** START THE FINAL STATE STYLING **/
  background-position: bottom left;
 }
 .breakbutton:hover h6 {color: #00994c;}
 .breakbutton h6 {
	margin-top: 4px;
 }
.breakbutton span {color:#FFFFFF;
	font-size:22px;
	font-weight:normal;
	margin-bottom:7px;}
.breakbutton img {float: right; padding-right: 8px;margin-top: 2px;}
.breakbutton a h6:hover {color: #00994c}


/***************************** grey/yellow styles **/
article {display:block; margin:0px auto 0px auto; padding: 120px 0 90px 0;}


.emp {padding: 25px 0 55px 0;}
.emp h6 {margin-bottom: 40px;}
/***************************** organge styles **/

.inner-contain {margin-top: 60px;}
.front {margin: 0 auto ;text-align: center;}
.front h6 {background: #363636; padding: 40px; color: #FFFFFF;margin-top: 20px;}



/***************************** contactstyles **/
.mainimage {width: 100%;margin: 0; padding: 0}
.mainimage img {width: 100%; margin: 0; padding: 0}


.mid {background: url("../siteart/crossword.png") fixed repeat; padding-bottom: 80px;}
.grey {background: #ebebeb; margin: 0 auto; padding-top: 40px; border-top: 1px solid #2a934a;}

.top-half {
	width: 40%;
	max-width:500px;
	min-width: 250px;
	float: left; 
	text-align: left;
	display: inline-block;
}
.top-half2 {width: 55%; float: right;margin: 0px auto 0 auto; display: inline-block;}

.top-half h3 {color: #00994c; padding-bottom: 10px;}

.top-half h6 {padding: 20px 0; color: #000; text-align: left;}
.top-half h5 a {color:#FFFFFF; color: #000}
.top-half a:hover {color: #00994c; }

.top-half2 {margin-bottom: 90px;}
.top-half2 #formpage {margin-top: 0px;}



.gal-wrap {
	background: #101010;
	margin: 0 auto;
	float: none;
	text-align: center;
}

.featured-showroom {
	width:85%; 
	height:580px;
	margin: 0 auto;
	float: none;
}
.featured-showroom iframe {width:100%; height:580px; overflow:hidden;}


.parts-wrap {
	width: 90%;
	text-align:left;
	max-width: 1600px;
	margin: 0px auto;
	padding: 60px 0 40px 0;
	position: relative;
}
.parts-wrap h1 {
	margin-bottom: 20px;
}

.parts-wrap iframe  {
	width: 100%;
}


.locwrap {
	text-align:center;
	max-width: 1600px;
	margin: 0px auto;
	padding: 60px 0 0 0;
	position: relative;
}
.contact-wrap {
	width:48%;  
	display:inline-block;
	margin:0 auto;  
	padding: 20px 20px 50px 20px; 
	text-align: left;
	box-sizing: border-box
}

.contact-wrap h3 {
	text-decoration: none;
	border-bottom: 1px dashed #00994c;
}
.contact-wrap h6,p {
	color: #000000
}
.contloc {padding-left: 27px;}


.map-area {
	width:100%;
	display:block;
	text-align:center;
}
.map-area iframe {width:100%; height:246px; display:block;border: 1px solid #00994c}

.half {
	width: 35%;
	float: left; 
	text-align: left;
	margin-top: 15px;
	padding-top: 15px;
}

.half p {padding: 0px 15px 15px 0px;}



.continfo {;width: 100%; display: inline-block;}
.continfo img {margin-right: 3px;}
.continfo a:hover {color: #00994c;}

.half2 {width: 65%; float: right;margin-top: 35px;padding-bottom: 15px;}
.half2 h4 {color: #000000}

	.steffen2 {display: none;visibility:hidden;}
	.steffen1 {display: block; visibility: visible;}

.hours {padding: 20px 0;margin: 0 auto; float: none; text-align: center;background: rgba(0,0,0,.2);border-top: 1px solid #00994c}
.hoursbox {min-width: 300px;width: 16%;display: inline-block; border: 1px solid #00994c; margin: 20px 8px;padding: 20px 20px 0px 20px;height: 150px;vertical-align: top;background: #FFFFFF;text-align: left;}
.hoursbox h4 {border-bottom: 1px solid #00994c;padding-bottom: 10px;}



.greentextwrap {
	background: #9bad97;
	width: 30%;
	margin-top: 15px;
	display:block;
	text-align:left;
	float:left;
	height: 300px;
}
.greentextwrap h2 {
	color: #000000;
	font-size: 30px;
	margin-left: 20px;
	margin-top: 20px;
}
.greentextwrap p {
	margin-left: 25px;
	margin-top: 20px;
}
.greentextwrap a:hover {color: #fff; }
.orangetextwrap {
	width:30%;
	
	display:block;
	text-align:left;
	float:left;
}
.orangetextwrap p {
	margin-left: 20px;
	margin-top: 40px;
}


.text-wrap { 
		padding: 55px 0px; 
	}



.application {
	background: #000000;
	border: 1px solid #00994c;
	padding: 5px 10px;
	margin: 20px 0;
}
.application:hover {
	background: #00994c;
	border: 1px solid #000000;
	padding: 5px 10px;
	color: #000000
}	

/***************************** footer styles **/
.footwrap {width: 95%; margin: 0 auto;}
footer {
	width:100%;
	background: #00994c;
	padding:0;
	color:#fff;
	padding: 15px 0 0 0;
}
footer p {font-size:14px; margin-bottom:14px; }
footer a {color:#fff; text-decoration:none;}


.contactform {width: 40%; float: right; display: inline;}


.quick-link {width:25%;  display:inline-block;padding-bottom: 30px; padding-top: 20px; margin:0 3% 0 auto;text-align: left; float: left }
.quick-link h4 {color: #fff; border-bottom: 2px solid #fff; font-size: 18px; text-transform: uppercase;font-weight:bold; font-size: 16px;}
.quick-link ul {width:47%; display:inline-block!important; padding-bottom:20px; padding-right: 10px; box-sizing: border-box;vertical-align: top }
.quick-link li {display:block; line-height:20px;}
.quick-link a { text-transform:uppercase; font-size:14px;}
.quick-link a:hover {color:#CBCBCB;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:12px; color:#d7d7d7; line-height: 20px;}
a.footerlink:hover {text-decoration:none; color:#CBCBCB; line-height: 20px;}

.footertext{font-size:12px; color:#d7d7d7;line-height: 20px;}
.smallfootertext{font-size:12px; color:#d7d7d7;line-height: 20px;}

.divfooter {width:50.4%; padding-left:10%; line-height:12px; text-align:right; margin:30px 0 0 0; color:#d7d7d7; float:right;}

.hosted {text-align: right;  padding: 20px 0;width: 350px; float: right;font-size: 14px;}
#formpage {width: 100%; margin: 0px auto 25px auto; float: right;display: inline-block; padding-bottom: 85px;}
.form-box h2 {
	text-align: left;
}


/*** form styles ***/
.col2 {Max-width: 750px; width:50%; float:left; color: #000000;border-radius: 0; margin: 0;}
.col3 {Max-width: 500px; width:33%; float:left; color: #000000;border-radius: 0; }
.col4 {Max-width: 375px; width:25%; float:left; color: #000000;border-radius: 0; }
.col-full {Max-width: 1500px; width:100%; float: left;color: #000000;border-radius: 0;}

#formpage2 {float: none; padding: 0 ; width: 100%;}
#formpage2 h2 {text-align: left; padding: 8px 0; color: #000000; margin: 10px auto; text-transform:uppercase; border-bottom: 2px solid #000000;padding-bottom: 0;margin-bottom: 18px;}
#formpage2 h3 {color: #FFFFFF; text-align: left;}
#formpage2 p {color: #a1a1a1; padding-top: 5px;}
form a:hover {cursor: pointer}
#formpage2 label {display:block;}
.col2 {width:calc(50% - 4px); margin: 0  auto;display: inline-block; float: none;}
#formpage2 option {color: #000000; }
/*** form styles ***/
#formpage2 .row p {margin-bottom: 0px; margin-top: 5px;}
#formpage2 .col-full {padding-bottom: 8px;}
#formpage2 .col2 {padding-bottom: 8px;}
#formpage2 input {
	width:100%;
	width:calc(100% - 12px);
	padding:5.5px 5px;
	border:1px solid #00994c;
	color:#000000;
	background:#FFFFFF;
	font-size:14px;
}
#formpage2 .column3 input{
	background:#00994c;
	color: #fff;
	width:100%;
	font-size:14px;
}


#formpage2 .column3 input:hover{
	cursor: pointer;
	background: #000;
	color: #fff;
}
#formpage2 textarea {
	padding:6px 5px;
	width:100%;
	width:calc(100% - 7px);
	border:1px solid #00994c;
	color:#000000;
	font-size:14px;
	background:#FFFFFF;
	height:120px;
	margin-right: 0;
	padding-right: 0;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage2 select {
	width:100%;
	border:1px solid #C8C8C8;
	color:#000000;
	vertical-align:middle;
	font-size:12px;
	margin-bottom:5px;
	background:#FFFFFF;
	line-height:normal;
	padding:5px;
	margin-top: 1px;
}

#formpage2 input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage2 input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }

.check { height: 100%;  margin-bottom: 20px; align-content:center }
.check input {margin-top: 10px!important; margin-left: 10px!important;padding: 0 10px;}

/* focus states of various types of fields */

#formpage2 input:focus,
#formpage2 textarea:focus,
#formpage2 select:focus {
	color: #000000;
	border:1px solid #000000;
	outline-style:none;
}
#formpage2 input.radio:focus,
#formpage2 input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
	width: 10px;
}
 


#formpage2 input.button,
#formpage2 input.button:focus {
	width:100%;
	width:calc(100% - 12px);
	border:1px solid #00994c;
    margin:0;
    padding:7px 0;
    background:#000000;
    border:0;
    font-size:14px;
	margin-top:10px;
	line-height:14px;
	font-weight:bold;
    color:#fff;
}
#formpage2 input.button:hover {
	background:#898989;
	color:#FFFFFF;
}
 
.column3 {
	margin-bottom: 30px;
}
#formpage2 input.sub:hover {background:#000000; color:#FFFFFF;  cursor: pointer;border:1px solid #00994c;margin:0;
	float:none;}

/*  EXPANDER
------------------------------------------------*/	

#formpage2 .toggle.expander.expanded {
	display: none;
	float: none;
	margin:0;
}



#formpage2 a.expander.toggle.column3.submit-button.collapsed {
    width:100%;
	width:calc(100% - 12px);
    background: #00994c;
	border:1px solid #00994c;
    display: inline-block;
	padding: 5.5px 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
	text-decoration:none;
	float: none;
	margin:0;
}
#formpage2 a.expander.toggle.column3.submit-button.collapsed:hover {
    width:100%;
	width:calc(100% - 12px);
    background:#000000;
    display: inline-block;
	padding: 5.5px 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
	text-decoration:none;
	float: none;
	margin:0;
}
#formpage2 .text-link.expander.collapsed {
	visibility: visible;
	-webkit-transition:.5s ease-in;  
	-moz-transition:.5s ease-in;  
	-o-transition:.5s ease-in;  
	transition:.5s ease-in;
	float: none;
	color: #fff;
	background: #00994c;
}
	
#formpage2 .text-link.expander.expanded {
	color: #fff;
	max-width:300px;
	float: none;
	margin:0;
}

	
#formpage2 .toggle.expander.expanded:hover {
	text-decoration:none;
	color:#FFFFFF;
	background:#898989;	
	outline-style:none;
	border:1px solid #ab8913;
	max-width:300px;
	float: none;
	margin:0;
}
	
#formpage2 .toggle.expander.collapsed:hover {
	text-decoration:none;
}



#formpage2  .captcha {
	width:100%;
	margin:0 auto;
	color:#000;
	line-height:19px;
	text-align:center;
}

#formpage2 .captcha a{
	color:#000;
}
#formpage2 .captcha a:hover {
	color:#00994c;
}
#formpage2 .captcha input{
	margin:0;
	float:none;
	max-width:300px;
}

#formpage2 .CaptchaImage {
	margin: 0 auto;
	text-align: center;
	float: none;
	display: block;
} 

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* 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 {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#2a934a !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#2a934a !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #2a934a !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #2a934a !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}







@media screen and (max-width: 1800px) {
.manu-logos {
	width:100%;
	display:block;
	background:#818181;
	margin: 7px 0;
}
.manu-logos a {zoom:1; *display:inline; margin:30px 3% 30px 3%;}
.manu-logos a.sm {width:6.7%; max-width:83px;}
.manu-logos a.med-sm {width:20%; max-width:145px;}
.manu-logos a.med-lg {width:20%; max-width:237px}
.manu-logos a.lg {width:20%; max-width:237px; max-height: 50px;}
.manu-logos img {height:auto; width:100%; }


}

@media screen and (max-width: 1690px) {
.headwrap {width:96%; margin:0 auto; max-width:2000px;}
.manu {
	float: right;
	text-align: center;
	margin: -35px 250px 0px auto;
	padding-bottom: 20px;
}
.manu a { 
	float: none;
	text-align: center;
}
.manu a:hover img { 
	opacity: .7;
}
.manu img {max-height: 40px;}

	
	.zoom-container .zoom-caption h4 {
		width: 50%;
		padding: 20px;
	}
	
}

@media screen and (max-width: 1600px) {
	.wrap {width:90%;}
	.contact-wrap {width: 90%;}
	.box-contain {width: 95%;max-width: 1600px;}
	.box-buttons a {
	width: 24%;
	padding:10px 0;
	}
}

@media screen and (max-width: 1550px) {
	.team-wrap {margin-top: 200px; padding: 1px 0;}
	
	
}


@media screen and (max-width: 1430px) {
	nav.primary {max-width:860px;}
	nav.primary a:link, nav.primary a:active, nav.primary a:visited {
		display:block;
		text-decoration:none;
		color:#000;
		font-weight:light;
		font-family: Arial, sans-serif;
		font-size:16px;
		line-height:28px;
		padding:5px 6px;
		text-transform:uppercase;

	}
}
/***************************** responsive styles **/
@media screen and (max-width: 1400px) {
	.box-contain {margin-top: 500px;}
	.box-buttons a {
	width: 30%;
	padding:10px 0;
	
	}

	.whole{display: inline-block;width: 25%; margin: 10px 20px; position: relative; float: none; flex-wrap:no-wrap;}
	
}

@media screen and (max-width: 1340px) {
	nav.primary {max-width:860px; margin-top: 15px;}
	.logo img {max-width: 350px;}
}

@media screen and (max-width: 1280px) {

	header {
		width:100%; 
		padding:5px 0 0px 0;
		border-bottom: 10px solid #2a934a;
	}
	
	nav.primary {max-width:800px;}
	nav.primary a:link, nav.primary a:active, nav.primary a:visited {
		display:block;
		text-decoration:none;
		color:#000;
		font-weight:light;
		font-family: Arial, sans-serif;
		font-size:15px;
		line-height:28px;
		padding:2.5px 5px 0 5px;
		text-transform:uppercase;

	}
	nav.primary ul ul li a:link, nav.primary ul ul li a:active, nav.primary ul ul li a:visited {font-size: 12px;}
	nav.primary ul ul {
		top: 31px;

	}
	
	h1 {
		font-size:26px;
		line-height: 34px;
	}
}
@media screen and (max-width: 1220px) {
	
	nav.primary { margin-top: 0px;}
	.logo img {max-width: 300px;}
	
	.locationboxes {
		width: 96%;
		margin: 0 auto;
		padding: 80px 0;
		float: none;
	}
	.loc {
		text-align:left;
		width: 18%;
		min-width: 200px;
		display: inline-block;
		background:#707070;
		border: 1px solid #000000;
		margin: 10px 3px;
	}
}

@media screen and (max-width: 1155px) {
	.logo img {max-width: 270px;}
	nav.primary {max-width:750px;}
	nav.primary a:link, nav.primary a:active, nav.primary a:visited {
		display:block;
		text-decoration:none;
		color:#000;
		font-weight:light;
		font-family: Arial, sans-serif;
		font-size:14px;
		line-height: 26px;
		padding:2.5px 5px;
		text-transform:uppercase;

	}
	.icon-bar {padding-top: 10px;}
}

@media screen and (max-width: 1140px) {
	h3 {font-size:20px;}
	.front h6 {font-size: 18px;}
	.greentextwrap h2 {font-size: 24px;}
	
	.categorywrap {padding-top: 90px;width: 100%;}
	.categorywrap h1 {text-align: center; padding-bottom: 20px;}

	.zoom-container {float:left; width:24.88%; position:relative; overflow:hidden; display:inline-block; font-size:16px; font-size:1rem; border: .5px solid #fff; }
	.zoom-container .zoom-caption h4 { font-size:20px; }
	.box-buttons h3 {font-size: 24px; line-height: 34px;}
	
	
}
@media screen and (max-width: 1100px) {
.locationboxes {
	width: 96%;
	margin: 0 auto;
	padding: 80px 0;
	float: none;
}
.loc {
	text-align:left;
	width: 25%;
	min-width: 200px;
	display: inline-block;
	background:#707070;
	border: 1px solid #000000;
	margin: 10px 3px;
}
}

@media screen and (max-width: 1080px) {

	.manu { display: none; visibility:hidden;}


	.manu2 {
		display: block;
		visibility:visible;
		float: left;
		text-align: center;
		margin: 10px 250px 0px auto;
		padding-bottom: 20px; display: block;
	}
	.manu2 a { 
		float: none;
		text-align: center;
	}
	.manu2 a:hover img { 
		opacity: .7;
	}
	.manu2 img {max-height: 50px;}

	
	nav.primary {max-width:700px;}
	nav.primary a:link, nav.primary a:active, nav.primary a:visited {
		display:block;
		text-decoration:none;
		color:#000;
		font-weight:light;
		font-family: Arial, sans-serif;
		font-size:13px;
		line-height: 26px;
		padding:2.5px 5px;
		text-transform:uppercase;

	}

}
@media screen and (max-width: 1024px) {
	
	nav.primary {max-width:670px;}
	nav.primary a:link, nav.primary a:active, nav.primary a:visited {
		display:block;
		text-decoration:none;
		color:#000;
		font-weight:light;
		font-family: Arial, sans-serif;
		font-size:13px;
		line-height: 26px;
		padding:5px 3px 0 3px;
		text-transform:uppercase;

	}
	
	
	.map-area iframe {width:100%; height:220px; display:block;border: 1px solid #000000}
	
	
	.wrap {width:90%;}
	body {font-size:14px;}
	p {margin-bottom:14px;}
	h1 {
		font-size:24px;
		line-height: 32px;
	}
	.greentextwrap h2 {font-size: 20px;}
	h2 {font-size: 22px}
	h3 {font-size:20px;}
	h4 {font-size:16px;}
	h5 {font-size:16px;}
	.quick-link a {text-transform:uppercase; font-size:14px;}
	.hosted {width: 280px;}
	footer p {font-size:12px; margin-bottom:12px;}
	

	.hoursbox {min-width: 265px;}


	.orangetextwrap p {
	margin-left: 0px;
	margin-top: 40px;
}
	.orangetextwrap {padding-left: 0;}
	
	.box-buttons a {
	padding:10px 0;
	height:195px;
	width: 28%;
		}	

	.box-buttons h3 {margin-top: 85px; margin-left: 4%; }
	.box-buttons h2 { margin-left: 4%; line-height: 0; }
	
	
}


@media screen and (max-width: 1000px) {
	#gal {display:none; visibility: hidden}
	.logo { float:left; position: relative; }
	.logo img {width:100%; height:auto; display:inline-block; max-width:320px;}
	
	
	.show-tablet {display:block;}
	.hide-tablet {display:none;}
	.cont-4 {display: none; visibility:hidden;}
	
	#simple-menu {
		float:right;
		background:url(../siteart/mobile-nav-icon.png) no-repeat center center;
		height:38px;
		width:38px;
		display:block;
		cursor:pointer;
	}
	#simple-menu:hover {background:url(../siteart/mobile-nav-icon-hover.png) no-repeat center center;}
	
	
	nav.primary {margin-top: 8px;border-bottom: 0; width: 30%; max-width:500px;}
	nav.primary a:hover{cursor: pointer}
}


@media screen and (max-width: 975px) {
	#location {display: none; visibility:hidden;}
	.lt-header {width: 40%;}
}
@media screen and (max-width: 950px) {
	h2{font-size:20px;} 
	
	h5 {font-size:14px;}
	.new-used h2 img {width: 5%}
	
}
@media screen and (max-width: 910px) {
	
	
	
	
	.minboxex {
		background: none;
		border: 20px  solid rgba(0,0,0,.7);
		display: inline-block;
		margin: 0 0px 10px 0px;
		width: 90%;}

	.minbox {
		border: 20px  solid rgba(0,0,0,0);
		background: rgba(0,0,0,.7);
		text-align: left;
		width: 100%;
		border: 1px solid #fff;
	}
	.minbox:hover {
		border: 1px solid #00994c;
	}
	.minbox img {padding-left: 15px;}
	.minbox h3 {line-height: 20px; }
	.minbox a { margin: 30px }
	.inner-contain {
		margin-bottom: 40px;
	}
	.manu a img {max-height: 60px; padding-top: 20px;}
	
	
	
}
@media screen and (max-width: 880px) {
	.box-contain {margin-top: 400px;}
	.whole{
		display: inline-block;width: 35%; margin: 10px 20px; position: relative; float: none; flex-wrap:no-wrap;}
	
	.brands-wrap {
	text-align: center;
	position: relative;
	float: none;}
	.brands-wrap img {max-width: 120px;}
	
	#formpage {width: 98%; float: none;}
	.contact-wrap {
		width:95%;  
	}
	.locwrap {padding-top:30px;}

	.front h6 {font-size: 16px;padding: 30px 20px;margin-top: 10px;}
	.greentextwrap {width: 100%;text-align: center;height: 240px; }
	.greentextwrap h2 {
	color: #000000;
	font-size: 24px;
	font-family: 'roboto_regular';
	margin-left: 0px;
	margin-top: 20px;
	}
	.greentextwrap p {
		font-family: 'roboto_regular';
		margin-left: 0px;
		margin-top: 20px;
	}
	
	
	.zoom-container {float:left;  position:relative; overflow:hidden; display:inline-block;  font-size:1rem; border: .5px solid #fff; }
	.zoom-container .zoom-caption h4 { font-size:16px; }


	.map{position:relative;margin-top:-0px;float:left; z-index:1; width:100%;display: block;}

	#dynamicContent {
		display:block;
		margin-top:0px;
			-webkit-transition: all 1s ease; /* Safari and Chrome */
		-moz-transition: all 1s ease; /* Firefox */
		-ms-transition: all 1s ease; /* IE 9 */
		-o-transition: all 1s ease; /* Opera */
		transition: all 1s ease;
		background: url(../siteart/connectwork2.png) ;
		width:100%;
		float:left;
		color:#fff;
		position:relative;
		z-index:2;
		height: 100%;
		overflow-x:hidden;
	}

		.blue {
		width:96%;
		padding: 5% 0px 5% 0;
		}
	
	
	
	.quick-link {width:47%; }
	
	.hosted {float: none; text-align: center;padding-bottom: 40px;padding-top:40px;  margin-top: 40px;clear:both; width: 100%;}
}

@media screen and (max-width: 800px) {
		.contact-wrap .loc { 
		text-align: center;
		float: none; 
		}
		
}
@media screen and (max-width: 790px) {
	.box-buttons a {
		padding:10px 0;
		margin: 5px;
		height:150px;
	}	

	.box-buttons h3 {margin-top: 45px; margin-left: 4%; }
	.box-buttons h2 { margin-left: 4%; line-height: 0; }

}
@media screen and (max-width: 768px) {
	.top-bar {display:none;}
	
	.loc {text-align: center;}
	
	.show-768 {display:block;}
	
	.loc-list {font-size:12px;}
	
	.categorybox h1 {visibility:hidden;display: none;}
	
	
	.invlinkbox::before{
		top:0px;
		background:rgba(0,0,0,.4);
	}
	.invlinkbox:hover::before{
		background:rgba(0,0,0,.4);
		top:0;
	}
	.caption__overlay{
		-webkit-transform:translateY(0px);
		transform:translateY(0px);
	}
	#no-show {display: none; visibility:hidden;}
	
	
	.top-half {width: 98%;}
	.top-half2 {width: 100%; float: left; padding-top: 30px;}
	
	
	.lt-header {width: 42%;}
	
	.border-box {margin-top:15px;}
	.border-box h6 {width:26%;}
	article {width:100%; display:block; margin:0px auto 0px auto;padding: 115px 0 60px 0;}
	
	
	.contact-info {width:40%; margin:0 0% 15px 0;}
	.map {width:100%;}
	
	.contactform {float: none; margin: 20px auto; width: 90%}
	.divfooter {width:90%; padding-left:0%; margin:15px 5% 0 5%; text-align:center;}
	
	.footleft { float:left; margin-bottom: 0px; position: relative; opacity: .99;display:inline-block; width: 50%;}
	.footleft img {width:100%; height:auto; display:inline-block; max-width:290px;text-align: center;float:none; margin: 0 auto;}
	.footright {float: right; position: relative;display:inline-block;width: 50%;}
	.footright img {width:100%; height:auto; display:inline-block;  max-width:290px;text-align: center;float:none; margin: 0 auto; } 
}
@media screen and (max-width: 750px) {

	.manu { display: none; visibility:hidden;}


	.manu2 {
		float: left;
		text-align: center;
		margin: 10px 0px 0px auto;
		padding-bottom: 20px; display: block;
	}
	.manu2 a { 
		float: none;
		text-align: center;
	}
	.manu2 a:hover img { 
		opacity: .7;
	}
	.manu2 img {max-height: 50px;}
}

@media screen and (max-width:700px) {
	.locationboxes {
		width: 96%;
		margin: 0 auto;
		padding: 60px 0;
		float: none;
	}
	.loc {
		text-align:left;
		width: 30%;
		min-width: 180px;
		display: inline-block;
		background:#707070;
		border: 1px solid #000000;
		margin: 10px 3px;
	}
	
		.box-buttons a {
	padding:10px 0;
	margin: 5px;
	height:130px;
	}	
	.rt-header {width: 25%;}
	
	.box-buttons h3 {margin-top: 35px; margin-left: 4%; }
	.box-buttons h2 { margin-left: 4%; line-height: 0; }
}
@media screen and (max-width:660px) {
	
	.rt-header {width: 140px;}
	
	.box-contain {margin-top: 255px; padding-bottom: 10px;}
	.middle {margin-top: 0;}
	.abt {padding-top: 40px;}
	
	.hide6 {display: none; visibility: hidden;}
	
	.no-break {display:block;}
	
	h1 {
		font-size:22px;
		line-height: 30px;
	}
	
	.inner-contain {margin-top: 30px;}
	.front {margin: 0 auto ;text-align: center;}
	.front h6 { padding:20px 10px; color: #000000;margin-top: 0px;}
	
	.new-used h2 img {width:3%;}
	

	
	.contact-info {width:60%;}
	
	
	
	.brands a {width:31.33333%;}
	
	
	.whole{
	display: inline-block;width: 40%; margin: 10px 20px; position: relative; float: none; flex-wrap:no-wrap;}

	
}

@media screen and (max-width:605px) {
	.half {width: 98%;}
	.half2 {width: 100%; float: left;margin-top: 5px;}
	.breakbutton {width: 100%;}
	.breakbutton:hover {width: 100%;}
	
	.head .cont {padding-top: 66%;}
	.head .cont .inner .wrap {width: 95%;}
	.head h5{width: 100%;}
	

	.loc {
		text-align:left;
		width: 40%;
		min-width: 180px;
		display: inline-block;
		background:#707070;
		border: 1px solid #000000;
		margin: 10px 3px;
	}
	
	.footwrap {margin: 0 auto; float: none;text-align:center;}
	.quick-link {width:100%; padding-left:0%; border-right:0; text-align: center;padding-top: 20px;max-width: 300px; margin: 0 auto;float: none;}
	.quick-link ul { padding-left: 0; padding-right:0px; width: 100%; display: block!important; padding-bottom: 0px;}
	.hosted {padding-top: 0px;}
}

@media screen and (max-width:580px) {
	
	
	.manu2 {
		float: left;
		text-align: center;
		margin: 10px 0px 0px auto;
		padding-bottom: 20px; display: block;
	}
	.manu2 a { 
		float: none;
		text-align: center;
	}
	.manu2 a:hover img { 
		opacity: .7;
	}
	.manu2 img {max-height: 40px;}



	.zoom-container {float:left; width:49.7%; position:relative; overflow:hidden; display:inline-block; font-size:16px; font-size:1rem; border: .5px solid #fff; }

}

@media screen and (max-width:550px) {
	.box-contain {margin-top: 155px; padding-bottom: 10px;}
	.box-buttons a {
		padding:10px 0;
		margin: 5px;
		height:130px;
		width: 46%;
	}	
	
.box-buttons h3 {margin-top: 35px; margin-left: 4%; }
.box-buttons h2 { margin-left: 4%; line-height: 0; }
	
	
}

@media screen and (max-width:520px) {
	.whole{
	display: inline-block;width: 80%; margin: 5px 20px; position: relative; float: none; flex-wrap:no-wrap;}
	

	.lt-header {width: 100%;}
	.right {visibility: hidden; display: none;}
	
	
	
}


@media screen and (max-width:500px) {
	.rt-header {width: 100%; display:block; text-align: center;vertical-align: top; padding: 5px 0 20px 0;}
	.rt-header h6 {width: 140px; display:inline-block;}
	.rt-header .icon-bar {width: 60px; display:inline-block; padding-top: 0px;}
	.rt-header .icon-bar img {vertical-align: text-bottom; margin-bottom: -2px!important}
	
	nav.primary {margin-top: 65px;width: 30px;}

}

@media screen and (max-width:480px) {
	.col2 {width:100%; margin-right:0%;}
	

	
	.new-used h2 img {width:4.5%;}
	
	.box-contain {margin-top: 70px; padding-bottom: 60px;}
	.box-buttons a {width:94%;}
	.box-buttons a.service {margin-left:0%;}
	
	
	.border-box h6 {width:35%;}
	
	.emp {width:100%; margin-right:0%;}
	.emp:nth-of-type(odd) {clear:none;}
	
	.event {width:100%; margin-right:0%;}
	.event:nth-of-type(odd) {clear:none;}
	
	
	.brands-wrap {
	padding: 0px; 
	margin: 0 auto;text-align: center; float: none; }
	.brands-wrap img { width: 100%; margin: 0 auto;text-align: center; float: none;}
	
}
@media screen and (max-width: 430px) {
	.minboxex {border: 0; float: none;width: 98% }
	
	.contimg {float: none; display: block; max-width: 200px; padding-right: 00px; padding-bottom: 10px; text-align: center; margin: 0 auto;}

	.emp {padding: 25px 0 55px 0;}
	.emp h6 {margin-bottom: 40px; text-align: center;}

}

@media screen and (max-width: 400px) {
	.logo {width: 80%;  margin-right: 5%;}
	nav.primary {width: 15%;margin-top: 16%;}
	
	.manu2 {
		float: left;
		text-align: center;
		margin: 10px 0px 0px auto;
		padding-bottom: 20px; display: block;
	}
	.manu2 a { 
		float: none;
		text-align: center;
	}
	.manu2 a:hover img { 
		opacity: .7;
	}
	.manu2 img {max-height: 30px;}
	.loc {width:98%; margin:0 0% 20px 0;}
}

@media screen and (max-width:375px) {
	nav.primary {width: 15%;margin-top: 15%;}
	
	.border-box .strikethrough {display:none;}
	.border-box h6 {width:45%;}
	
	.hours .go-right {float:none;}
	
	.contact-info {width:100%;}
	
	.brands a {width:48%;}
	
	
}
@media screen and (max-width:335px) {
	nav.primary {width: 15%;margin-top: 13%;}
	
	.manu2 {
		float: left;
		text-align: center;
		margin: 10px 0px 0px auto;
		padding-bottom: 20px; display: block;
	}
	.manu2 a { 
		float: none;
		text-align: center;
	}
	.manu2 a:hover img { 
		opacity: .7;
	}
	.manu2 img {max-height: 30px;}
	
	
	.hoursbox {min-width: 200px;width: 80%;}

}