/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family: "oswald regular";
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

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


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

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

@font-face {
    font-family: 'oswald bold';
    src: url('../fonts/oswald-bold-webfont.eot');
    src: url('../fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-bold-webfont.woff') format('woff'),
         url('../fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('../fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
article, footer {display:block;}

body {
	font-size:16px;
	font-family:"oswald regular";
	font-weight:normal;
	color:#252525;
	-webkit-text-size-adjust: none;
	overflow-x: hidden!important;
	min-width: 280px;
}
.invwrap {
	-webkit-text-size-adjust: none;
	width: 100%;
	
}
.headwrap {width:90%; margin:0 auto; max-width:2000px; }
.wrap {width:95%; margin:0 auto; max-width:1600px;}


.go-right {float:right;}

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

.col2 {width:48%; margin-right:2%; float:left;}

/* INVENTORY STYLES
------------------------------------------------*/
/*ALL INVENTORY SYTLES GO HERE FOR SAFEKEEPING*/
.container{width:90%;max-width:1230px;margin:30px auto; }
.invmain{padding:0px 0 60px 0; width: 100%;overflow: hidden; background: url(../siteart/concrete-texture.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:#252525; text-decoration:none;font-family: "oswald regular"; font-weight: 300;}
a:hover {color:#dc1a21; cursor: pointer;}



strong {font-weight:normal; font-family: 'oswald bold';}
em {font-style:italic;}

.red {color:#dc1a21;}
.dk-red {color:#f5d73b;}
.white {color:#fff;}
.black {color:#000;}

.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

h1 {
	color:#dc1a21;
	font-size:38px;
	font-weight:normal;
	font-family:'oswald regular';
	margin-bottom:0;
	text-transform:uppercase;
}
h2 {
	color:#000000;
	font-size:30px;
	line-height: 28px;
	font-weight:normal;
	font-family:'oswald light';
	margin-bottom:0;
}
h3 {
	color:#363636;
	font-size:26px;
	line-height: 20px;
	font-weight:normal;
	font-family: 'oswald bold';
	margin-bottom:5px;
	text-transform:uppercase;
}

h4 {
	color:#FFFFFF;
	font-size:22px;
	font-weight:normal;
	font-family:'oswald regular';
	margin-bottom:7px;
	text-align: center;
}

h5 {
	color:#363636;
	font-size:22px;
	font-weight:normal;
	font-family:'oswald regular';
	margin-bottom:10px;
}

h6 {
	color:#363636;
	font-size:20px;
	font-weight:normal;
	font-family:'oswald regular';
}
h6 a {color: #FFFFFF; text-decoration:none;font-family:'oswald regular';}
h6 a:hover {color:#363636}
p {margin-bottom:20px; font-family:'oswald regular'; color:#363636;}
span {font-family: "oswald regular"; font-weight: 300;}



/***************************** header styles **/

.topbar {background: #252525; height: 40px; width: 100%; }
.rt-header { float:right;  text-align:left;padding-top: 5px; display: inline-block}
.rt-header img {display:inline;}
.rt-header a {display: inline;color: #FFFFFF !important;}
.rt-header a:hover {color: #C9C9C9;}
.rt-header h6 {}
.lt-header {display: inline-block;padding-top: 5px;}
.lt-header a:hover {color: #C9C9C9;}
.lt-header img {display:inline;}
header {
	width:100%; 
	padding:0px 0 0 0;
	font-family:'oswald regular';
	-moz-box-shadow:    8px 1px 12px 1px #000000;
    -webkit-box-shadow: 8px 1px 12px  1px #000000;
    box-shadow:  8px 1px 12px 1px #000000;
	display: inline-block !important;
	position: relative;
	z-index: 11
	}

	
.logo { float:none; margin: 0 auto; width: 100%; text-align: center;display:inline-block;}
.logo img {float: none;text-align: center;margin: 0 auto;padding-top: 8px; max-width: 320px; display: inline-block; vertical-align: middle}


.showme{position: absolute; margin-top:100px; left: 5%; text-transform: none; font-size: 35px;}


/***************************** nav styles **/

nav {
	width:100%;
	display: inline-block;
	background:#ccc;
	margin-top: 25px;
}
nav ul {width:100%; margin:0 auto;text-align: center;}
nav li { display:inline-block; position:relative;}
nav li a {
	display:block;
	text-decoration:none;
	color:#000;
	font-weight:light;
	font-family:'oswald regular';
	font-size:20px;
	line-height:30px;
	padding: 5px 16px 5px 16px;
	text-transform:uppercase;	
	text-align: center;
}

nav ul ul {
	display: none;
	position: absolute; 
	z-index:99999;
	top: 30px;
	left:0;
	width:220px;
	background:#363636;
	
}

nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
}

nav ul li:hover > ul {
	display: block;
	z-index:99999;
	
}

nav ul ul li {
	float: none; 
	position: relative;
	display:block;
	text-align: center;
}

nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited{
	font-size:14px;
	line-height:24px;
	padding:0 0 0 8px;
	border-right:0;
	border-bottom: 1px solid #888;
	color: #fff;
	text-align: left;
}

nav ul ul li a:hover {
	color:#FFFFFF;
	background: #dc1a21
}

.facebook a{color: #fff}
.facebook{background: #000;  padding: 0 10px;} .facebook:hover{}
.facebook .fa, .facebook .fab{margin-right: 15px; color: #fff !important;}

/* Border X get width  */
.borderXwidth a:before, .borderXwidth a:after
{
    position: absolute;
    opacity: 0;
    width: 0%;
    height: 2px;
    content: '';
    background: #000000;
    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%;
}


.head {background: url(../siteart/mount.png) center; background-size: cover; padding-bottom: 20px; height: 400px;}
.headtext {float: none; text-align: center;}

.head h4 {font-weight: bold; text-transform: uppercase;  padding-top: 140px;color: #D5D5D5; font-size: 30px;text-shadow:1px 3px 15px #000000;}
.head h5 {font-weight: bold; text-transform: uppercase;color: #FFFFFF;padding-left: 30px;text-shadow:2px 5px 8px #000000;}




/************************************************************************ .breakbutton**/
.break {width: 100%; float: none;margin:30px auto; position: relative;}
.breakbutton {
	background: #FFFFFF; 
	width: 50%; max-width: 800px; margin: 10px auto;
	border: 1px solid #000000; 
	float: none; 
	text-align: left; 
	height: 44px;
	background-size: 200% 100%; 
	background-image: linear-gradient(to right, #dc1a21 50%, #fff 50%);
	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 {
	border: 1px solid #000000;
	width: 50%; 
	margin: 10px auto; 
	color:#FFFFFF;
	/** 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 h4 { display: inline-block;vertical-align: top; line-height: 44px;}
.breakbutton:hover h4 {color:#FFFFFF;}
.breakbutton img {width: 25px; float: right; padding-right: 5px;margin-top: -3px;}
.breakbutton a:hover img {opacity: .5}
.breakbutton h4:hover {color: #FFFFFF}

.equipment-contain {margin: 0 auto;	width: 95%;	display: flex; align-items: center; padding: 100px 0}
.equipment-contain .left{justify-content: flex-start; width: 30%;}	
.equipment-contain .left img{width: 100%; max-width: 450px; margin-bottom: 20px;}	
.equipment-contain .right{justify-content: flex-start; width: 80%;}	
.equipment-contain .right img{width: 95%; float: right}

.redleft {width: 10px;display: inline-block;background: #dc1a21;z-index: 9999999999999;height: 44px}



.map-area {
	width:100%;
	display:inline-block;
	text-align:center;
	float:left;
	z-index: 2;
	border-top: 1px solid #000000
}
.map-area iframe {width:100%; height:360px; display:inline-block;z-index: 2;}



.contactmap {
	background: rgba(0,0,0,.7)!important;
	width:400px;
	color: #FFFFFF;
	text-align: left;
	z-index: 111;
	position: absolute;
	right: 100px;
	margin-top: 20px;
}
.contactmap h4 {
	color: #FFFFFF!important;
	text-align: center;
}
.contactmap a {
	color: #FFFFFF
}
.contactmap p {
	padding-top: 15px;
	color: #FFFFFF!important;
}
.contactmap .textwrap {
	margin: 30px auto;
	width:80%;
	position: relative;
	display:block;
	float:none;
	min-height: 250px;
}
.textwrap {
	margin: 50px auto;
	width:80%;
	position: relative;
	display:block;
	float:none;
	min-height: 250px;
}
.textwrap p {
	margin:0px 40px 20px 20px;
}
.textwrap a {color: #FFFFFF;}
.textwrap a:hover {color: #dc1a21;} 

.loclow {padding-left: 20px;}
article {display:block; margin:0px auto 0px 0px; padding:20px 40px 20px 0px; background: url(../siteart/concrete-texture.png) fixed}



.lowloc{padding-left: 18px;}
.orange {padding: 0;margin:0% auto;display: inline-block;background: url(../siteart/hay.png); background-size: cover;width: 100%;margin-top:-5px; }

.cat-wrapper{width: 100%; margin: 0 auto; display: flex;}
.circle {width: 33.3%; justify-content: flex-start; text-align: center;padding: 80px 0; background: rgba(0,0,0,.5)}
.circle img {width: 200px;}
.circle a:hover {color: #dc1a21;}

.circle.const{background: url(/siteart/const-bg.jpg) no-repeat; background-size: cover;}
.circle.ag{background: url(/siteart/ag-bg.jpg) no-repeat; background-size: cover; margin: 0 5px;}
.circle.trk{background: url(/siteart/trk-bg.jpg) no-repeat; background-size: cover}

/* Float Shadow */
.hvr-float-shadow 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);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before img {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover img, .hvr-float-shadow:focus img, .hvr-float-shadow:active img{
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before img, .hvr-float-shadow:focus:before img, .hvr-float-shadow:active:before img {
  opacity: 1;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Underline From Center */
.hvr-underline-from-center {
  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);
  position: relative;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #dc1a21;
  height: 2px;
  -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;
}




.hours {margin-top: -20px;}


.textwrap2 {
	max-width: 250px;
	min-width: 245px;
	width:20%;
	display:inline-block;
	text-align:left;
	float:left;
	margin-left: 40px;
	border: 1px solid #000000;
	background: #FFFFFF;
	height: 200px;
}
.textwrap2 p {
	margin-left: 20px;
	margin-top: 20px;
	
}


.map-area3 {
	width:50%;
	display:inline-block;
	text-align:center;
	float:right;
	border-left: 5px solid #000000;
	
}
.map-area3 iframe {width:100%; height:380px; display:inline-block;border-left: 5px solid #000000;}



.half {width: 44%; display: inline-block; margin:20px 0 40px 30px;float: left;}
.half a  img {float: none;text-align: center; margin: 0 auto 30px 70px;}
.half p {margin: 0px 30px 0 0px;}
.half h3 {margin: 0 30px;border-bottom: 2px solid #ffea00;}


.half2 {margin: 20px 0px 0px 0px;display: inline-block; width: 50%; float: left;}
.half2 img {max-width: 800px;width: 100%;min-width: 600px}
.contact-wrap .half2 img {width: 100%;max-width: 200px; min-width: 150px;}

.view {
	background: #dc1a21;
	border: 1px solid #dc1a21;
	box-shadow: 5px 7px 10px #888888;
	width: 200px;
	float: none;
	margin: 30px auto;
	color: #FFFFFF;
	text-align: center;
	height: 30px;
	font-size: 20px;
	
}

.view:hover {
	background: #dc1a21;
	color: #dc1a21;
	float: none;
	background: #FFFFFF;
	border: 1px solid #dc1a21;
	
  
}
/*-- about ------*/

.about{display: flex; width: 100%; align-items: center}
.about .small{width: 12%; justify-content: flex-start} .about .small img{width: 100%; display: block}
.about .center{width: 76%; justify-content: flex-start}

/***************************** brand styles **/
.mid {background: url(../siteart/concrete-texture.png) fixed;   }
.contwrap {padding: 35px 0 75px 0; width:95%; margin:0 auto;max-width:1600px;float: none;}


.contact-info {width:28%; float:left; margin:0 2% 15px 0;}

.contact-contain {
	width: 100%;
	margin: 0 auto;
	float: none;
}

.contact-wrap {
	width:80%; 
	max-width:1500px; 
	float: none;
	margin:0 auto;  
	position: relative;
	display: block;
	padding:55px 20px; 
}
.contact-wrap h3{
border-bottom: 3px solid #ffea00}


.team-wrap {margin: 170px 0 100px 0;}
.brands-wrap {
	padding: 0px; 
	margin: 10px auto; }
.brands-wrap img {
	padding:20px;max-width: 150px;text-align: center;}
	.brands-wrap a:hover img {
	padding:20px 25px;max-width: 140px;text-align: center; opacity: .5}
.brands-container {
	width:90%;
	max-width:1530px;
	
}



/***************************** contactstyles **/


/***************************** Terms of Purchases **/

.terms{
	margin: 75px 0px;
}



.map-area2 {
	width:100%;
	display:block;
	text-align:center;
}
.map-area2 iframe {width:100%; height:350px; display:block;border-top: 1px solid #000000;border-bottom: 3px solid #000000}
/***************************** footer styles **/

footer {
	width:100%;
	background: #ccc;
	padding:0;
	color:#fff;
	padding: 15px 0 0 0;
	margin-top: -5px;
	border-top: 1px solid #363636;
}
footer p {font-size:14px; margin-bottom:14px; font-family:'oswald regular';}
footer a {color:#363636; text-decoration:none;}
footer .go-right {font-family:'oswald regular';}


.contactform {width: 40%; float: right; display: inline;}


.quick-link {width:98.2%; width:calc(98.2% - 2px);  float:none; display:inline-block; text-align: center; }
.quick-link ul {width:100%; display:inline-block; padding-bottom:15px;}
.quick-link li {display:inline-block; line-height:20px; padding: 0 20px; border-right: 1px solid #000;}
.quick-link a {font-family:'oswald regular'; text-transform:uppercase; font-size:16px; color: #000}
.quick-link li.last  {border-right: none;}
.quick-link a:hover {color:#DC1A21;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:12px; color:#FFFFFF;font-family:'oswald regular'; line-height: 20px;}
a.footerlink:hover {text-decoration:none; color:#000000;font-family:'oswald regular';line-height: 20px;}


.divfooter {width:50.4%; padding-left:10%; line-height:12px; text-align:right; margin:30px 0 0 0; color:#b3b3b3; float:right;}

.hosted {text-align: center; padding: 20px 0; color:#b9b9b9;background: #000000;font-family: 'oswald light'; margin: 0}
.hosted a {color:#b9b9b9;font-family: 'oswald light'}
.hosted a:hover {color:#dc1a21;}

/***************************** form styles **/
form h4 {color: #dc1a21;}
form a:hover {cursor: pointer}
#formpage label {display:block;}
/*** form styles ***/
.col2 {Max-width: 750px; width:50%; float:left; color: #000000;border-radius: 0; margin-right: 0;padding-right: 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;
	margin-right: 0;
	padding-right: 0;}
#formpage input {
	width:100%;
	width:calc(100% - 12px);
	padding:5.5px 5px;
	border:1px solid #8e8d8d;
	color:#fff;
	background:#000000;
	font-size:14px;
	font-family: 'oswald regular';
}
#formpage .column3 input{
	background: #000000;
	color: #FFFFFF
}

#formpage input::-webkit-input-placeholder {
   color: #BFBFBF;
   font-weight: 200;
}

#formpage input:-moz-placeholder { /* Firefox 18- */
   color:#BFBFBF;
   font-weight: 200;
}
 
#formpage input::-moz-placeholder {  /* Firefox 19+ */
  color: #BFBFBF; 
  font-weight: 200;
}
 
#formpage input:-ms-input-placeholder {  
   color: #BFBFBF;
   font-weight: 200;
}

#formpage textarea::-webkit-input-placeholder {
   color: #BFBFBF;
   font-weight: 200;
}

#formpage textarea:-moz-placeholder { /* Firefox 18- */
   color:#BFBFBF;
   font-weight: 200;
}
 
#formpage textarea::-moz-placeholder {  /* Firefox 19+ */
  color: #BFBFBF; 
  font-weight: 200;
}
 
#formpage textarea:-ms-input-placeholder {  
   color: #BFBFBF;
   font-weight: 200;
}
#formpage .column3 input:hover{
	cursor: pointer;
	background: #FFFFFF;
	color: #000000;
}
#formpage textarea {
	padding:6px 5px;
	width:100%;
	font-family: 'oswald regular';
	width:calc(100% - 7px);
	border:1px solid #8e8d8d;
	color:#fff;
	font-size:14px;
	background:#000000;
	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 */
#formpage select {
	width:100%;
	border:1px solid #8e8d8d;
	color:#fff;
	vertical-align:middle;
	font-size:12px;
	margin-bottom:5px;
	background:#000000;
	line-height:normal;
	padding:5px;
}

#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 {
	color: #E4E4E4;
	border:1px solid #dc1a21;
	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%; 
	border:1px solid #dc1a21;
    margin:0;
    padding:7px 0;
    background:#000000;
    border:0;
    font-size:14px;
	margin-top:10px;
	line-height:14px;
	font-weight:bold;
    color:#E4E4E4;
}
#formpage input.button:hover {
	background:#FF8B1E;
	color:#E4E4E4;
}
 
.column3 {
	margin-bottom: 30px;
	width:100%;
}


/*  EXPANDER
------------------------------------------------*/	

.toggle.expander.expanded {
	display: none;
	float: none;
	margin:0;
}

a.expander.toggle.column3.submit-button.collapsed {
    width:100%;
	max-width: 1502px;
    display: inline-block;
    text-align: center;
    padding: 5px 5px;
    color: #fff;
    font-size: 13px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
	float: none;
	margin:0;
}

a.expander.toggle.column3.submit-button.collapsed {
    width:100%;
	width:calc(100% - 12px);
    background: #000000;
	border:1px solid #8e8d8d;
    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;
}
a.expander.toggle.column3.submit-button.collapsed:hover {
    width:100%;
	width:calc(100% - 12px);
    background: #FFFFFF;
    display: inline-block;
	padding: 5.5px 5px;
    text-align: center;
    color: #000000;
    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;
}
.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;
	background: #000000
}
	
.text-link.expander.expanded {
	color: #fff;
	max-width:300px;
	float: none;
	margin:0;
}

	
.toggle.expander.expanded:hover {
	text-decoration:none;
	color:#767475;
	background:#f9f8f3;	
	outline-style:none;
	border:1px #0f355b solid;
	max-width:300px;
	float: none;
	margin:0;
}
	
.toggle.expander.collapsed:hover {
	text-decoration:none;
}

footer .captcha {
	width:100%;
	margin:0 auto;
	color:#363636;
	line-height:19px;
	text-align:center;
	font-family: 'oswald regular';
}

footer .captcha a{
	color:#dc1a21;
	font-family: 'oswald regular';
}

 .captcha {
	width:100%;
	margin:0 auto;
	color:#363636;
	line-height:19px;
	text-align:center;
	font-family: 'oswald regular';
}

.captcha a{
	color:#dc1a21;
	font-family: 'oswald regular';
}

.captcha input{
	margin:0;
	float:none;
	max-width:300px;
	font-family: 'oswald regular';
}


.CaptchaImage {
	margin: 0 auto;
	text-align: center;
	float: none;
	display: block;
}


/***************************** responsive styles **/


@media screen and (max-width: 1500px) {
	.contact-wrap .half2 {margin: 20px 0px 0px 0px;display: inline-block; width: 50%; float: left;}
	
	.half2 {display: inline-block; width: 50%; float: left;}
	.half2 img {width: 100%;min-width: 600px}
	.contact-wrap .half2 img {width: 100%;max-width: 200px;}
}

@media screen and (max-width: 1300px) {
	.half2 {display: inline-block; width: 50%; float: left;}
	.half2 img {width: 100%;min-width: 600px}
}


@media screen and (max-width: 1260px) {
	.headtext {width: 100%; float: none;text-align: center;}

	.head h4 {font-weight: bold; text-transform: uppercase;  padding-top: 140px; font-size: 30px;}
	.head h5 {font-weight: bold; text-transform: uppercase;color: #FFFFFF;padding-left: 0px;text-shadow:2px 5px 8px #000000;text-align: center;width: 100%;}
	
}

@media screen and (max-width: 1150px) {
	.inventory-contain {width: 98%; margin: 0 auto; float: none;}
	.inventory-box {width: 31%;}
	
	
	.half {width: 100%;float: none; text-align: center;}
	.half a  img {margin-left: 30px;}
	.half2 {margin:0px;display: inline-block; width: 100%; float: none; text-align: center}
	.half2 img {width: 100%;min-width: 100px;max-width: 600px; }
	
	.contact-wrap .half2 img {width: 100%;max-width: 200px;}
	.contact-wrap .half2 {margin:20px 0 0 0;display: inline-block; width: 100%; float: none; text-align: center}
}


@media screen and (max-width: 1080px) {	
.hours {margin-bottom: 60px;}


.equipment-contain {width: 95%;	display: block; padding: 50px 0}
.equipment-contain .left{justify-content: flex-end; width: 100%;}	
.equipment-contain .right{justify-content: flex-end; width: 100%;}	
.equipment-contain .right img{width: 100%; float: none}
	

}

@media screen and (max-width: 1024px) {
	.showme{position: relative; left:0; right: 0; margin: 20px auto 40px auto; text-transform: none}

	
	.wrap {width:90%;}
	.contwrap {width:90%;}
	body {font-size:16px;}
	p {margin-bottom:14px;}
	
	footer p {font-size:12px; margin-bottom:12px;}
	
	
	.inventory-contain {width: 60%; margin: 0 auto; float: none;}
.inventory-box {width: 100%;}
}
@media screen and (max-width: 950px) {
	
h1 {font-size:30px;}
h2 {font-size:26px}
h3 {font-size:24px; line-height: 30px;}
h4 {font-size:20px;}
h5 {font-size:20px;}
h6 {font-size:19px;}

	.half p {margin-left:0; margin-right: 0;}
	.contact-wrap .half2 {margin-top: 40px;}
	.contact-wrap {width: 88%;max-width: 900px;margin: 0 auto;overflow: hidden;}
	.contact-contain {overflow: hidden;}

	.new-used h2 img {width: 5%}
	.manu-logos a{margin:15px 2%;}
	
	
	.textwrap2 {margin-left: auto; margin-right: auto;position: relative; float: none;width: 20%;vertical-align:center;height: 180px; }
	.hoursbox {width: 100%; float: none; position: relative;margin: 0 auto;text-align: center;}
	
	.cat-wrapper{display: block}
	.circle{justify-content: flex-end; width: 100%; margin: 0 auto;}
	.circle.ag{margin: 5px auto}
	
}

@media screen and (max-width: 916px) {
	nav li a {
		font-size: 17px;
		padding: 5px 14px;
	}
}

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

	.terms{
		margin: 0px 0px;
	}
	
.orangetextwrap {
	margin-top: 30px;
	max-width: none;
	width:100%;
	max-width: 1600px;
	display:inline-block;
	text-align:left;
	float:none;
	padding:10px 0px 20px 0px;
	margin:10px 0px 20px 0px;
	}
	.orangetextwrap p {
	padding-left: 20px;
	}
	
	article {margin-left: 0; padding-right: 20px;}
	
	
	/*-- about ------*/

.about{display: block; width: 100%; align-items: center}
.about .small{display: none}
.about .center{width: 90%; justify-content: flex-end; padding: 60px 0; margin: 0 auto}

	
}
@media screen and (max-width: 880px) {
.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;}
	
.map-area {display:block;z-index: 2;}
.map-area iframe {display:block;}


.contactmap {width:100%; position: relative; right: 0; margin-top: 0; display: block; background: #3a3a3a; margin: 0; text-align: left!important}
	
	.contactmap .textwrap {
	margin: 0 auto;
	width:90%;
	display:block;
	min-height: auto;
		padding: 15px 0
}
.contactmap h4 {text-align: left;}
	
	.mobileclear{clear: both}
	
}

@media screen and (max-width: 793px) {
	nav li a {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	
	
.show-tablet {display:block; }
	.hide-tablet {display:none;}
	
	#simple-menu {
		float:right;
		padding-right: 20px;
		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 {border-bottom: 0;float: right; max-width: 1080px;border: none; }
	nav a:hover{cursor: pointer}
	.rt-header {margin-top: 0px;text-align: right; font-size: 14px;}
	.rt-header h6 a {font-size: 17px;}
	.rt-header img {max-width: 16px;}
	.lt-header {margin-top: 0px; font-size: 14px;}
	.lt-header img {max-width: 16px;}
	.lt-header h6 a {font-size: 17px;}
	
	
	.show-768 {display:block;}
	
	.loc-list {font-size:12px;}
	
	
	
	
	.border-box {margin-top:15px;}
	.border-box h6 {width:26%;}
	
	
	.contact-info {width:40%; margin:0 0% 15px 0;}
	.map {width:100%;}
	
	.contactform {float: none; margin: 20px auto; width: 90%}
	
	.textwrap p {padding: 20px 0;margin: 0;}
	
	.head {height: 200px;}
	.head h4 {padding-top: 60px;color:#252525; text-shadow:none;}
	.head h5 {font-weight: bold; text-transform: uppercase;color: #FFFFFF;padding: 0;text-shadow:2px 5px 8px #000000;text-align: center;width: 95%;font-size: 30px;margin: 0 auto;}
	
	.half {width: 100%; margin: 30px auto; }
	.half2 {margin: 0;display: inline-block; width: 100%; float: right;}

.map-area iframe{
		height: 305px;
}


	.map-area3 {
		height: 300px;
	width:100%;
	margin-top:0px;
	display:block;
	text-align:center;
	float:left;
	padding-right: 0;
	border-left: 0;	
	border-top: 1px solid #000000;
}
.map-area3 iframe{
		height: 300px;
}

}
@media screen and (max-width:660px) {
	
	.no-break {display:block;}
	
	
	
	.contact-info {width:60%;}
	.innernav {float: right; margin-right: 20px;}
	
	.brands a {width:31.33333%;}
	
	.locations div {width:48%; margin:0 2% 15px 0;}
	
	.whole{
	display: inline-block;width: 40%; margin: 10px 20px; position: relative; float: none; flex-wrap:no-wrap;}

	.orange h1 {margin-top: 30px;}
	
	.orange {float: none;text-align: center;}

}

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

.orangetextwrap p {margin-left: 15px;}
.orangetextwrap h6 {margin-left: -10px;}
.orangetextwrap img {display: none; visibility:hidden;}
.lowloc{padding-left: 0px;}

.quick-link a {font-size: 14px;} 

}

@media screen and (max-width:480px) {
	.rt-header h6 {padding-top: 0px;}
	
.col2 {width:100%; margin-right:0%;}
	.inventory-contain {width: 90%; margin: 0 auto; float: none;}
	.inventory-box {width: 100%;}
	.head h4 {padding-top: 40px;}
	
	.lt-header {visibility: hidden;display: none;}
	.rt-header {float: none; text-align: center; width: 100%; max-width: 410px;}

}
@media screen and (max-width:410px) {
	h4 {font-size: 16px}

	.contactmap .textwrap {width: 100%;}
}
@media screen and (max-width:380px) {
	.showme{line-height: 50px;}
	
	.half a img {margin-left: 15px; max-width: 300px; width: 90%; margin: 0 2% 40px 8%;}
}
@media screen and (max-width:310px) {

	.logo img {width: 90%; min-width: 280px;}
	
	header {height: 100%;}
	nav {margin-top: 58%;}
}