/* RESET 
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Poppins', sans-serif;
}

a {
	color:#000;
	text-decoration:none;
	font-weight: 500;
	 -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;	
}

a:hover{
	color:#444;
	text-decoration:none;	
}

p{
	padding:7px 0 0;
}



 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {text-align:right;}
.none{display:none;}
.center {text-align: center;}

*{
	box-sizing:border-box;
}

body { 
	overflow-x: hidden;
	line-height: 1.6;
	
}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}




::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}


h2{text-transform: uppercase; font-size: 2em;}
h3 span{ font-weight: bold; text-transform: none!important;}

.img-responsive {width:100%;}

.spacer {padding:50px 20px;}
.spacer-sm {padding:0px 10px 15px;}
.spacer-top {padding-top: 85px;}

/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:#c10413;
}

.icons {padding:7px; width:30px;}

.main-logo{
	text-align:center;
	width:100%;
	margin:0 auto;
	display:inline-block;
}
.main-logo img{
	width:200px;
	margin:0 auto;
}

img {display:inline-block!important;}


/* HOME PAGE STYLES
-----------------------------------------------*/
.top-bar {width:100%; text-align: right;}
ul.secondary {background: url(/siteart/top-bar.png) no-repeat; background-size: contain; background-position:100%; margin-bottom: 0em;}

ul.secondary li {display:inline-block; margin: 15px 10px 10px 0; }
ul.secondary li a {color:#fff; font-weight: bold; text-transform: uppercase; padding:0 10px; font-size: 14px; text-decoration: none;}
ul.secondary li a:hover {color:#c10413; text-decoration: none;}

ul.tertiary li {list-style: none; padding-bottom: 7px;}
ul.tertiary li a {text-transform: uppercase; font-weight: bold;}

.carousel-caption h5 {font-size: 35px!important; font-weight: bold; text-transform: uppercase;}
.carousel-caption h6 {font-size: 35px!important;  text-transform: uppercase;}

.border-red {
	border-bottom: 3px solid #c10413;    
	width: 87%;
    margin-left: -20px;}

.videos {background:#716e6f; overflow: auto; padding: 25px; color:#fff;}

.red-border {background:#c10413; padding:10px 0px;}

.finance {width:100%; max-width: 250px; height: auto; padding: 10px;}
/*.currency-capital-price-container img {padding:10px;}*/

.text-home {overflow-y: auto; width: 100%;}
.col-lg-7 {
    with: 90%;
}

/* Search -------------*/

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 35px 0 0; box-sizing: border-box;}
.column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%;} .column5{width: 41.6666%;} .column4{width: 33.3333%;} .column3{width: 25%;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;}

.industry-buttons{margin: 0 0 10px;}
.industry-buttons a{display: block; float: left; width: calc(25% - 2px); background: #716e6f; padding: 15px 10px; margin: 0 1px 5px; box-sizing: border-box; border: 1px #ccc solid; font-size: 12px; font-weight: 700; line-height: none; text-transform: uppercase; text-align: center; color: #fff;}
.industry-buttons a:hover{background: #cc0000; color: #fff;}


a.active{background: #cc0000; color: #fff;}
a.active:hover{background: #B40000; color: #fff;}

.inventory-search h5{font-size: 18px; margin: 5px 0 10px}
#filter-menu h3{background: #000; display: block; font-size: 13px; color: #fff; cursor: pointer; padding: 15px; box-sizing: border-box; border-bottom: 1px #777 solid}
#filter-menu h3 span{float: right; font-size: 18px; position: relative; top: -3px}
#filter-menu li{list-style-type: none; font-size: 13px}
#filter-menu ul ul{display: none; background: #fafafa; border: 1px solid #ccc; padding: 15px}
#filter-menu ul ul strong{display: block; margin: 0 0 6px;}
#filter-menu ul ul li{border: none; color: #333}
#filter-menu input[type="text"], #filter-menu select{display: block; width: 100%; padding: 7px; margin: 5px 0; box-sizing: border-box; border:1px solid #000!important;}
input[type="radio"]{position: relative; top: 2px; margin: 0 6px 0 0}
#filter-menu label{display: block; line-height: 28px}
#filter,.inventory-search button{width: 100%; box-sizing: border-box; font-family: 'Poppins', sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; cursor: pointer}
.inventory-search button{display: block; position: relative; padding: 12px; margin: 10px 0 0; background: #c00; border: none}
#filter, .inventory-search .industry-buttons{display: none}
#filter:hover, .inventory-search button:hover{background:linear-gradient(#ce0927, #c10a27);}
#filter{padding: 14px 0; margin: 0 0 10px; background:linear-gradient(#c10a27, #ce0927);  font-size: 14px; text-align: center}

.equipment-categories h2 a{display: block; font-size: 16px; text-transform: uppercase; text-decoration: underline; color: #c00;}
.equipment-categories ul{margin: 15px 0 0;}
.equipment-categories ul li a{font-weight: 700; font-size: 16px; line-height: 22px; text-decoration: underline;}
.equipment-categories ul li a:hover, .equipment-categories h2 a:hover{text-decoration: none;}
.equipment-categories ul ul{margin: 10px 0 0 15px;}
.equipment-categories ul ul li{list-style: circle}
.equipment-categories ul ul li a{font-weight: normal; font-size: 14px;}
.equipment-categories ul ul ul{margin: 0 0 0 15px;}
.equipment-categories ul ul ul ul{margin-left: 0 0 0 30px;}

@media screen and (max-width: 980px){
    .inventory .column3, .inventory .column9{width: 100%; padding: 0;}
    .industry-buttons{display: none;}
    #filter{display: block;}
    .inventory-search, .inventory-search h5{display: none;}
    .inventory-search{margin-top: -10px;}
    .inventory-search .industry-buttons{display: block;}
    .industry-buttons a{width: 100%; margin: 0; padding: 15px; text-align: left; border: 1px #fff solid;}
    a.active, a.active:hover{background: #aaa;}
}
@media screen and (max-width: 580px){
    #filter{margin: 10px 0;}
    .industry-buttons a{width: 100%;}
}


.inventory-search h5{font-size: 18px; margin: 5px 0 10px}
#filter-menu h3{background: #000; display: block; font-size: 13px; color: #fff; cursor: pointer; padding: 15px; box-sizing: border-box; border-bottom: 1px #777 solid}
#filter-menu h3 span{float: right; font-size: 18px; position: relative; top: -3px}
#filter-menu li{list-style-type: none; font-size: 13px}
#filter-menu ul ul{display: none; background: #fafafa; border: 1px solid #ccc; padding: 15px}
#filter-menu ul ul strong{display: block; margin: 0 0 6px;}
#filter-menu ul ul li{border: none; color: #333}
#filter-menu input[type="text"], #filter-menu select{display: block; width: 100%; padding: 7px; margin: 5px 0; box-sizing: border-box; border:1px solid #000!important;}
input[type="radio"]{position: relative; top: 2px; margin: 0 6px 0 0}
#filter-menu label{display: block; line-height: 28px}
#filter,.inventory-search button{width: 100%; box-sizing: border-box; font-family: 'Poppins', sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; cursor: pointer}
.inventory-search button{display: block; position: relative; padding: 12px; margin: 10px 0 0; background: #c00; border: none}
#filter, .inventory-search .industry-buttons{display: none}
#filter:hover, .inventory-search button:hover{background:linear-gradient(#ce0927, #c10a27);}
#filter{padding: 14px 0; margin: 0 0 10px; background:linear-gradient(#c10a27, #ce0927);  font-size: 14px; text-align: center}

.equipment-categories h2 a{display: block; font-size: 16px; text-transform: uppercase; text-decoration: underline; color: #c00;}
.equipment-categories ul{margin: 15px 0 0;}
.equipment-categories ul li a{font-weight: 700; font-size: 16px; line-height: 22px; text-decoration: underline;}
.equipment-categories ul li a:hover, .equipment-categories h2 a:hover{text-decoration: none;}
.equipment-categories ul ul{margin: 10px 0 0 15px;}
.equipment-categories ul ul li{list-style: circle}
.equipment-categories ul ul li a{font-weight: normal; font-size: 14px;}
.equipment-categories ul ul ul{margin: 0 0 0 15px;}
.equipment-categories ul ul ul ul{margin-left: 0 0 0 30px;}

@media screen and (max-width: 980px){
    .inventory .column3, .inventory .column9{width: 100%; padding: 0;}
    .industry-buttons{display: none;}
    #filter{display: block;}
    .inventory-search, .inventory-search h5{display: none;}
    .inventory-search{margin-top: -10px;}
    .inventory-search .industry-buttons{display: block;}
    .industry-buttons a{width: 100%; margin: 0; padding: 15px; text-align: left; border: 1px #fff solid;}
    a.active, a.active:hover{background: #aaa;}
}
@media screen and (max-width: 580px){
    #filter{margin: 10px 0;}
    .industry-buttons a{width: 100%;}
}

/* =============================================================================
     CTA                                                             
============================================================================= */

			.cta {
			    overflow: auto;
				padding:10px 10px 30px;
				position: relative;
				z-index: 1;
				
			}
			.cta ul { 
				margin:0; 
				list-style:none; 
				width: 100%;
				display: table;
				position: relative;
			}
			
			.cta ul li { 
				padding: 0;
				
				
			}
			.cta ul li:first-child { margin-left:0px; }
			
			.cta ul li div:first-child {
				list-style:none;
				position: relative;
				background-repeat:no-repeat;
				background-size: cover;
				background-position: 50% 50%;
				padding: 0;
				height: 200px;
				z-index:999;
				margin-bottom: 10px;
				
			}
			.cta a span {
				text-align: center;
				display: table-cell; 
				vertical-align:bottom;
				background: rgba(0,0,0,.5); 
				-webkit-transition: .4s ease-in;
				-moz-transition: .2s ease-in;
				-o-transition: .2s ease-in;
				transition: .2s ease-in;
			}
			.cta a h2 { color: #fff;  line-height: 1; text-transform:uppercase; font-size:25px;  vertical-align: bottom; width:100%; padding:20px 10px;  text-shadow: 1px 1px 5px #000;}
			.cta a h2 strong {  font-weight: 800!important; }
			.cta a:hover { opacity: 1; }
			.cta a .overlay {
				position:absolute;
				top:0;
				bottom: 0;
				display: table;
				padding: 0;
				width: 100.2%;
				height: 100%;
				
			}
			.cta ul li .cta1 { background-image:url(/siteart/used.png); margin:10px;  }
			.cta ul li .cta2 { background-image:url(/siteart/new.png); margin:10px;}
			.cta ul li .cta3 { background-image:url(/siteart/ourbrands.png); margin:10px;}
			.cta ul li .cta4 { background-image:url(/siteart/financing.png); margin:10px;}

			.cta a span:hover { background: rgba(0,0,0,.0);  }
			
				/* Interior */
				#interior .cta ul li div:first-child { height: 135px; }


/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}
.hosted-content .listings-wrapper .listings-list .listing-banner {

}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#c10413 !important;
}



.hosted-content .hosted-content .svg-inline--fa.fa-w-10{width:auto !important;}

.hosted-content h2{
	font-size:20px!important;
}
.hosted-content h1{
	font-size:20px!important;
	color:#000;
	text-transform:none;
	padding-bottom:0 !important;
	font-weight:bold;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}

.auctiontime {width:100%;}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}



/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#fff;
	font-size:14px;
	text-align:center;
	background:#242424;
	padding: 30px 0 30px 0;
	overflow: auto;
}

.footer a{
	color:#eaeaea!important;
	text-decoration:none;
}

.footer a:hover{
	color:#ddd!important;
	text-decoration:none;
}
.divfooter{
	width:60%;
	margin:20px auto;
}

.footer h3 {text-transform: none; font-size: 1.7em;}




@media screen and (max-width:1230px){
	.main-logo{
	text-align:left;
	width:80%;
	margin:0 auto;
	padding:10px 0px;
	display:inline-block;

}
.main-logo img{
	width:150px;
	margin:0 auto;
}

}
@media screen and (max-width:992px){
	.carousel-caption {
	  bottom: 40%!important;
	}
	
	ul.secondary {background: #716e6f; }
	
	h2{font-size: 1.3em;}
	
	.column3{width: 100%; margin: 5px 0; padding:0px;}
	.column9{width: 100%; margin: 5px 0;}

}

@media screen and (max-width:768px){
	.text-left {text-align: center!important;}
	.top-bar {text-align: center;}
}

@media screen and (max-width:560px){
	ul.secondary li  {margin:5px 3px;}
	ul.secondary li a {text-align: center!important;  font-size: 12px; padding:0px;}
}