/*---colors
F7941D yellow
---*/

/* RESET 
------------------------------------------------*/
html, body, 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: 'Helvetica LT Std Condensed','Roboto Condensed', sans-serif;
}



a {

	text-decoration:underline;
	
}

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


h1{
	text-transform:uppercase;
	font-weight:500;
	font-size:32px;
	color:#F2CD18;
	padding-bottom:20px;
}


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



body {
	background:url(../siteart/metalbg.jpg) no-repeat;
	font-family: 'Helvetica LT Std Condensed','Roboto Condensed', sans-serif;
}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
	box-sizing: border-box;
}
.bg{
	position:relative;
	background:url(../siteart/concrete-texture.png) #5E5E5E;
}


::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}
.flex-cont-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}


/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	text-align:right;
	margin:0 auto;
	background:#5e5e5e;
}

.header-contact{
	display:inline-block;

	text-align:left;
	margin:0 auto;
}

.col-three{
	
	display:inline-block;
	margin:0 auto;
	padding:0 20px;
	vertical-align:middle;
	text-align:left;
	box-sizing: border-box;
}

.header-contact .col-three p{color:#fff;}
.header-contact .col-three a{color:#fff;}
.header-contact .col-three img{
	width:35px;
	vertical-align:middle;
	display:inline-block;
	margin:0 auto;
	padding:5px;
}

	



.sub-logo{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:20px;
	box-sizing: border-box;
}

.sub-logo img{
	display:block;
	width:30%;
	margin:0 auto;
}

/* HOME PAGE STYLES */

.hero{
	position:relative;
	margin:0 auto;
}
.hero img{
	width:100%;
	display:block;
	margin:0 auto;
}
.logo-row {
  position: absolute;
  top: 20px; 
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px 0;
  box-sizing: border-box;
  z-index: 2; 
}

.logo-item {
  flex: 1; 
  text-align: center;
  padding: 0 10px;
}

.logo-item img {
  max-width: 270px; 
  height: auto;
  display: inline-block;
}

.logo {
	position:absolute;
	width:100%;
	top:20px;
	left:0;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
}
.main-logo {
	width:30%;
	padding:0 10px;
	box-sizing: border-box;
}
.main-logo img {
	max-width: 300px;
	height: auto;
	display: block;
}
.bobcat-logo {
	width:70%;
	padding:0 10px;
	box-sizing: border-box;
}
.bobcat-logo img {
	max-width: 255px;
	height: auto;
	display: block;
	margin:0 auto;
}

.tigercat-logo {
	width:70%;
	padding:0 10px;
	box-sizing: border-box;
}
.tigercat-logo img {
	max-width: 255px;
	height: auto;
	display: block;
	margin:0 auto;
}

.logo-item img:hover,
.main-logo img:hover,
.bobcat-logo img:hover,
.tigercat-logo img:hover {
  transform: scale(1.05); 
  transition: transform 0.3s ease; 
}

.logo-item img,
.main-logo img,
.bobcat-logo img,
.tigercat-logo img {
  max-width: 270px; 
  height: auto;
  display: inline-block;
  transition: transform 0.3s ease; 
}

.button-bar{
	width:100%;
	text-align:left;
	border-top:10px solid #282828;
	border-bottom:10px solid #282828;
	display:inline-block;
	overflow-x:hidden;
	margin-bottom:-4px;
}

.inv-button{
	width:49.88%;
	position:relative;
	margin-bottom:-4px;
	display:inline-block;
	text-align:center;
}
.inv-button img{
	width:103%;
	display:block;
	margin:0 auto;
}


.inv-button a{
	position:absolute;
	top:40%;
	left:30%;
	text-align:center;
	padding:10px 20px;
	border-radius:10px;
	background:#fff;
	box-shadow:1px 1px 5px #333;
	color:#000;
	text-transform:uppercase;
	font-size:30px;
	text-decoration:none;
}

.inv-button a:hover{
	background:#333;
	color:#fff;
}

.yellow{
	background:#f0cb5a;
	color:#000;
	text-align:left;
	width:100%;
	margin:0 auto;
	box-shadow:1px 1px 8px #A1A1A1;
}

.yellow h2{
	width:100%;
	font-weight:100;
	font-size:42px;
	text-align:left;
	font-family: 'Helvetica LT Std','Roboto Condensed', sans-serif;
}

.yellow h1{
	width:100%;
	text-transform:uppercase;
	font-weight:800;
	font-size:63px;
	text-align:left;
	color:#000;
}

/*--contact page--*/

.contact-info{
	padding:15px;
	border:1px solid #F2CD18;
}
.contact-info p{
	color:#333;
	vertical-align:top;
	width:33%;
	height:100%;
	padding:10px 0;
	display:inline-block;
}

.contact-info a{color:#333;}

/*--footer--*/
.home-footer{
	background:url(../siteart/concrete-texture.png) #282828;
	color:#fff;
	width:100%;
	display:inline-block;
	padding:20px 0;
}

.home-footer .col-three{
	width:33%;
	display:inline-block;
	vertical-align:top;
	margin:0 auto;
	text-align:left;
}
.home-footer .col-three img{width:30px; padding-top:20px;}
.home-footer h3{
	color:#F2CD18;
	font-size:20px;
	font-weight:bold;
	padding: 0 0 10px 0;
	text-transform:uppercase;
}
.home-footer a{text-decoration:none;}

.yellowbox {
    background-color: #f0cb5a;
    font-size: 28px;
    font-weight: 700;
    color: black;
    padding:15px;
}

.inline {display: inline-block;}

.bar-top{
	width:100%;
	text-align:left;
	border-top:10px solid #282828;
	display:inline-block;
	overflow-x:hidden;
    margin-bottom: -4px;
}

/* INVENTORY
------------------------------------------------*/
.hosted-content .listings-wrapper .listings-list .listing-banner {

}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button-1{
	background:#F2CD18 !important;
}
.hosted-content h1{
	font-size:20px;
	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;
}


.fin-left{
	display:inline-block;
}
.financing{
	display:inline-block;
}

.financing p{
	text-align:right;
}
.financing img{
	max-width:200px;
}


.scrolling-wrap {
	padding:10px 0 3px;
    width:100%;
    height:auto;
    overflow:hidden;
	background:#000;
}
 
.scrolling{
    width:100%;
    height:92px;
}
.team-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:20px 0;
    padding-bottom:50px;
}
.team-cont h1 {
    width:100%;
    padding-bottom:20px;
}
.team-cont .col-1-2 {
    width:49%;
}
.team-cont ul {
    padding-left: 15px;
}
.team-cont ul li {
    padding:2px 0;
}
.team-cont ul li span {
    font-weight: bold;
}
.team-cont ul li a {
    color: #333!important;
}
.team-cont ul li a:hover {
    color: #333!important;
}

/* FOOTER
------------------------------*/

.home-footer a {
	color:#fff;
}
.footer{
	width:100%;
	color:#eaeaea;
	font-size:11px;
	background:#333;
	text-align:center;
}

.footer a{
	color:#eaeaea;
	text-decoration:underline;
}

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



@media screen and (max-width:1670px){
	.inv-button{width:49.80%;}
}

@media screen and (max-width:1580px){
	.col-three{width:49%;}
}

@media screen and (max-width:1450px){
	.inv-button a{left:26%;font-size:24px;}
}


@media screen and (max-width:1170px){
	.header-contact{width:100%;padding:10px 0;text-align: center;}
	.col-three{text-align:center;}
}

@media screen and (max-width:1060px){
	.inv-button{width:49.7%;}
	.inv-button a{font-size:20px;}
}


@media screen and (max-width:890px){
	.inv-button a{left:20%;font-size:18px;}
	.home-footer .col-three:nth-child(3){width:100%;padding-top:20px;}
	.home-footer .col-three{width:40%;}
}

@media screen and (max-width:860px){
	.contact-info p{
		width:100%;
		font-size:16px;
	}
    .team-cont .col-1-2 {
        width:100%;
    }
}

@media screen and (max-width:815px){
	.col-three{width:100%;}
	.hero-image{opacity:.6}
	.main-logo {
		width:50%;
	}
	.main-logo {
		max-width:300px;
	}
	.bobcat-logo {
		width:50%;
	}
	.bobcat-logo {
		max-width:300px;
	}
	
}

@media screen and (max-width:770px){
	.yellow h1{font-size:45px;}
	.yellow h2{font-size:32px;}
	.fin-left{width:100%;}
	.financing{width:100%;text-align:left;}
	.financing p{text-align:left;}
}

@media screen and (max-width:707px){
    .bobcat {display:none!important;}
}

@media screen and (max-width:705px){
	.inv-button{width:49.5%;}
	.inv-button a{left:17%;font-size:16px;}
	.home-footer .col-three{width:100%;padding-top: 20px;}
}

@media screen and (max-width:600px){
	.yellow h1{font-size:36px;}
	.yellow h2{font-size:24px;}
}
@media screen and (max-width:590px){
	.inv-button{width:100%;}
	.inv-button a{font-size:18px;left:26%;width:270px;}
}

@media screen and (max-width:500px){
	.sub-logo img{width:70%;}
}

@media screen and (max-width:430px){
	.yellow h1{font-size:30px;}
	.yellow h2{font-size:20px;}
}

@media screen and (max-width:480px){
	.inv-button a{left:20%;}
}

@media screen and (max-width:390px){
	.yellow h1{font-size:28px;}
	.inv-button a{left:14%;}

}