/***** BEGIN RESET *****/

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

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

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

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

@font-face {
    font-family: 'roboto_regular';
    src: url('../webfonts/Roboto-Regular-webfont.eot');
    src: url('../webfonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Regular-webfont.svg#roboto_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_medium';
    src: url('../webfonts/Roboto-Medium-webfont.eot');
    src: url('../webfonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Medium-webfont.svg#roboto_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_thin';
    src: url('../webfonts/Roboto-Thin-webfont.eot');
    src: url('../webfonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Thin-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Thin-webfont.svg#roboto_thin') format('svg');
    font-weight: normal;
    font-style: normal;
}  
header, nav, article, footer {display:block;}

body {
	font-size:16px;
	font-family: 'roboto_condensedregular';
	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: "roboto_condensedregular"; font-weight: 300;}
a:hover {color:#ed1c24; cursor: pointer;}



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

.red {color:#ed1c24;}
.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:#ed1c24;
	font-size:44px;
	font-weight:normal;
	font-family:'roboto_condensedregular';
	margin-bottom:0;
	text-transform:uppercase;
}
.heading-red {
	color:#ed1c24;
	font-size:42px;
	
	line-height: 38px;
	text-shadow: 1px 3px 8px #393939;
	font-weight:normal;
	font-family:'roboto_condensedregular';
	margin-bottom:0;
}
.heading-small {
	color:#363636;
	font-size:26px;
	line-height: 20px;
	font-weight:normal;
	font-family: 'roboto_condensedbold';
	margin-bottom:5px;
	text-transform:uppercase;
}

h4 {
	color:#363636;
	font-size:22px;
	font-weight:normal;
	font-family:'roboto_condensedregular';
	margin-bottom:7px;
}

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

h3.contact {
	color:#363636;
	font-size:22px;
	font-weight:normal;
	font-family:'roboto_regular';
	margin-bottom:10px;
}

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



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

.topbar {background: #363636; height: 35px; 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 {
	height: 160px;
	width:100%; 
 	background: url(../siteart/vintage-leaves.png);
	padding:0px 0 0 0;
	font-family:'roboto_condensedregular';
	}

	
.logo { float:none; margin: 0 auto; width: 100%;position: absolute; text-align: center;display:inline;}
.logo img {float: none;text-align: center;margin: 0 auto;}





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

nav.borderXwidth {
	width:100%;
	display: block;
	background:#ed1c24;
	margin-top: 95px;
}
nav.borderXwidth ul {width:100%; margin:0 auto;text-align: center;}
nav.borderXwidth li { display:inline-block; position:relative; color:#FFFFFF;}
nav.borderXwidth a:link, nav.borderXwidth a:active, nav.borderXwidth a:visited {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:light;
	font-family:'roboto_condensedregular';
	font-size:18px;
	line-height:30px;
	padding: 0px 16px 0px 16px;
	text-transform:uppercase;	
	text-align: center;
}

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

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

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

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

nav.borderXwidth ul ul li a:link, nav.borderXwidth ul ul li a:active, nav.borderXwidth 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: #FFFFFF;
	text-align: left;
}

nav.borderXwidth ul ul li a:hover {
	color:#FFFFFF;
	background: #ed1c24
}
/* 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, #ed1c24 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 0 auto;	
		width: 100%;
		max-width: 1500px;
		float: none;
		padding-top: 3%;
		padding-bottom: 5%;
	}
	.equipment-contain h1 {
		border-bottom: 2px solid #363636;
		text-align: center;
	}
.redleft {width: 10px;display: inline-block;background: #ed1c24;z-index: 9999999999999;height: 44px}



#ag img {max-width: 600px;float: none; margin: 0 auto; width: 100%;display: block;}
#trucks {display:none;}
#trucks img {max-width: 600px;float: none; margin: 0 auto; width: 100%;display: block;}
#trailers {display: none;}
#trailers img {max-width: 600px;float: none; margin: 0 auto; width: 100%;display: block;}
#construction {display: none;}
#construction img{max-width: 600px;float: none; margin: 0 auto; width: 100%;display: block;}



.map-area {
	width:75%;
	display:inline-block;
	text-align:center;
	float:right;
	z-index: 2;
}
.map-area iframe {width:100%; height:380px; display:inline-block;z-index: 2;}



.contactmap {
	background: rgba(0,0,0,.7)!important;
	float: left;
	width:25%;
	height:380px;
	color: #FFFFFF;
	text-align: left;
	z-index: 3;
}
.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: #ed1c24;} 

.loclow {padding-left: 20px;}
article {display:block; margin:0px auto 0px 0px; padding:20px 40px 20px 0px;}



.lowloc{padding-left: 18px;}
.orange {padding: 0;margin:0% auto;display: inline-block;background: url(../siteart/concrete-texture.png) fixed;width: 100%;border-bottom: 5px solid #ed1c24;}
.orangetextwrap {
	margin-top: 30px;
	max-width: 450px;
	width:100%;
	display:inline-block;
	text-align:left;
	float:left;
	padding:15px 40px 20px 20px;
	margin:0px 40px 20px 20px;
	}
.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: 40px 2% 0 2%;}
.half p {margin: 15px 30px 0 30px;}
/*.half h3 {margin: 0 30px;border-bottom: 2px solid #ffea00;}*/


.half2 {margin: 40px 0px 0px 0px;display: inline-block; width: 50%; float: right;}


.view {
	background: #ed1c24;
	border: 1px solid #ed1c24;
	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: #ed1c24;
	color: #ed1c24;
	float: none;
	background: #FFFFFF;
	border: 1px solid #ed1c24;
	
  
}
/***************************** 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 **/



.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: url(../siteart/trac.png)bottom;
	background-size:cover;
	padding:0;
	color:#fff;
	padding: 40px 0 0 0;
	margin-top: -5px;
	border-top: 5px solid #363636;
}
footer p {font-size:14px; margin-bottom:14px; font-family:'roboto_condensedregular';}
footer a {color:#363636; text-decoration:none;}
footer .go-right {font-family:'roboto_condensedregular';}


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


.quick-link {width:18.2%; width:calc(18.2% - 2px);  float:left; display:block; }
.quick-link ul {width:100%; display:block; padding-bottom:20px;}
.quick-link li {display:block; line-height:20px;}
.quick-link a {font-family:'roboto_condensedregular'; text-transform:uppercase; font-size:16px;}
.quick-link a:hover {color:#ed1c24;}
.quick-link h2 {color: #ed1c24;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:12px; color:#b3b3b3;font-family:'roboto_condensedregular'; line-height: 20px;}
a.footerlink:hover {text-decoration:none; color:#d7d7d7;font-family:'roboto_condensedregular';line-height: 20px;}

.footertext{font-size:12px; color:#a1a1a1;font-family:'roboto_condensedregular';line-height: 20px;}
.smallfootertext{font-size:12px; color:#a1a1a1;font-family:'roboto_condensedregular';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: left; padding: 160px 0 40px 0;width:300px; color:#363636 }
.hosted2 {text-align: right; padding: 90px 0 40px 0;width:300px; color:#363636;float: right; }

/***************************** form styles **/
form h4 {color: #ed1c24;}
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: 'roboto_condensedregular';
}
#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: 'roboto_condensedregular';
	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 #ed1c24;
	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 #ed1c24;
    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: 'roboto_condensedregular';
}

footer .captcha a{
	color:#ed1c24;
	font-family: 'roboto_condensedregular';
}

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

.captcha a{
	color:#ed1c24;
	font-family: 'roboto_condensedregular';
}

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


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

/*  INVENTORY
------------------------------------------------*/	

.compare-chkbox-container .compare-listings .fa-check{top:2px!important;left:2px!important;}
.detail-wrapper .details-fin-calc .detail-btn-calc p{margin-top:17px;}

#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:#ed1c24 !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:#ed1c24 !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 #ed1c24 !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: #ed1c24 !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;}


/* AUCTIONS BANNER */

.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.at-col-sm-12{width: 100%;}

.auction-banner{

    background: url(../siteart/vintage-leaves.png);
    border-top: #e1e1e1 5px solid;
	
	
	float: left;
	width: 100%;
}
.auction-banner .textwrap{
	min-height: unset;
	text-align: center;
}
.auction-content{
	background: #000;
	float: left;
	width: 100%;
}
.auction-banner p, .auction-content p, .auction-content ul li{
	margin: 0 !important;
	color: #fff;
	font-size: 20px;
}
.auction-content ul{
	list-style: disc;
	padding-left: 20px;
}
.auction-content .at-col-lg-6{
	border: solid 2px #000;
	display: flex;
	box-sizing: border-box;
}
.auction-content .heading-small{
	margin-bottom: 20px;
	line-height: 32px;
    font-size: 32px;
    text-transform: unset;
}
.auction-banner .heading-red{
	text-shadow: unset;
    font-size: 60px;
}

.auction-banner .heading-small, .auction-content .heading-red, .auction-content .heading-small{
	color: #fff;
	text-shadow: none;
}
.auction-content .at-col:nth-of-type(odd) .heading-small, .auction-content .at-col:nth-of-type(odd) p{
	color: #000;
	text-shadow: none;
}

.at-col{
	background: #fff;
	text-align: center;
    padding: 60px 40px;
    box-sizing: border-box;
	
	
}
.at-col:nth-of-type(even){
	background: #222;	
}
/***************************** responsive styles **/


@media screen and (max-width: 1550px) {
	.breakbutton {width: 80%; max-width: 800px; margin: 10px auto;}
	.breakbutton:hover {border: 1px solid #000000; width: 80%; }
	

}




@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%;}
	
	.auction-banner .heading-red{
		font-size: 48px;
	}
}

@media screen and (max-width: 1150px) {
	.inventory-contain {width: 98%; margin: 0 auto; float: none;}
.inventory-box {width: 31%;}

}


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


}

@media screen and (min-width: 1024px) {
	.at-col-lg-4{width: 33.33333%;}
.at-col-lg-6{width: 50%;}
}
@media screen and (max-width: 1024px) {
	.wrap {width:90%;}
	.contwrap {width:90%;}
	body {font-size:16px;}
	p {margin-bottom:14px;}

	.auction-banner .heading-red{
		font-size: 40px;
	}
	
	footer p {font-size:12px; margin-bottom:12px;}
	
	.quick-link {width:23.2%; width:calc(23.2% - 2px); padding-left:3%;}
	.divfooter {width:37.4%; padding-left:4%;}
	.hosted {margin-top: 65px; }
	.inventory-contain {width: 60%; margin: 0 auto; float: none;}
.inventory-box {width: 100%;}
}
@media screen and (max-width: 950px) {
	
h1 {font-size:36px;}
h2 {font-size:36px}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:20px;}
h6 {font-size:17px;}

.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;padding:30px 0;}
	.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;}
	
	
}
@media screen and (max-width: 930px) {

.half2 {margin: 60px 0px 0px 0px;display: inline-block; width: 50%; float: right;}
}
@media screen and (max-width: 910px) {

.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;}
}
@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;}
	
	
}

@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;}
	header {height: 170px;}
	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: 14px;}
	.rt-header img {max-width: 12px;}
	.lt-header {margin-top: 0px; font-size: 14px;}
	.lt-header img {max-width: 12px;}
	.lt-header h6 a {font-size: 14px;}
	
	
	.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%}
	.quick-link {width:100%; padding-left:0%; border-right:0; text-align: center;padding-top: 40px;}
	.quick-link ul {padding-bottom:20px ; padding-left: 0;}
	.divfooter {width:90%; padding-left:0%; margin:15px 5% 0 5%; text-align:center;}
	.hosted {width: 100%; text-align: center;margin-left:0; margin-bottom: 40px; padding: 0;margin-top: 25px}
	.hosted2 {width: 100%; text-align: center;margin-left:0; margin-bottom: 40px; padding: 0;margin-top: 25px}


	
	.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; text-align: center;}
	.half2 {margin: 0;display: inline-block; width: 100%; float: right;}

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

.contactmap {
	background: #363636;
	float: left;
	margin: -5px auto 0 auto;
	width:100%;
	color: #FFFFFF;
	text-align: center;
	border-top: 5px solid #000000;
}
	.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;}
	
	

}
@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;}

}

@media screen and (max-width:480px) {
	.rt-header h6 {padding-top: 0px;}
	header {height: 130px;}

.col2 {width:100%; margin-right:0%;}
	.inventory-contain {width: 90%; margin: 0 auto; float: none;}
	.inventory-box {width: 100%;}
	.head h4 {padding-top: 40px;}
	

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

	.heading-red, .heading-small{
		font-size: 24px;
	}

.contactmap .textwrap {width: 100%;}
.lt-header {visibility: hidden;display: none;}
.logo img {width: 90%; min-width: 280px;}
.rt-header {float: none; text-align: center; width: 100%; max-width: 410px;}
header {height: 100%;}
nav {margin-top: 23%;}
}