:root { /** Black **/ /** Red **/
}
/** Example of use var(--primary) **/
/*
NOTE: Variables do not work in IE. Here is a workaround:

1.	Code using the variables as you normally would.
2.  When you are finished, save everything and make a backup copy of the file in a convenient location. This file will be useful in case you need to change any colors in the future, since we are going to be overwriting the variables in the main file.
3.	Paste your css into the left section here: https://madlittlemods.github.io/postcss-css-variables/playground/
4.	Copy the css to the right, and paste it over everything in this document.
*/
/*===================== 
	Color information

		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/
ol, ul, dl {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/**Correct `block` display not defined in IE 8/9.**/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}
pre {
  white-space: pre-wrap;
}
small {
  font-size: 80%;
}
/*===================== 
	THEME
=======================*/
#headz * {
  box-sizing: border-box !important;
}
.main-bg {
  background: #000000;
}
.accent-bg {
  background: #ec2028;
}
.pattern-bg {
  background-image: url("../siteart/honeycomb-bg-pattern.png");
  background-repeat: repeat;
  background-size: 180px;
  padding: 50px 0px;
}
.skid-bg {
/*  background-image: url('../siteart/skid steer background.png');*/
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: center right;
}
.btn-primary {
  background: #ec2028;
}
.btn-secondary {
  background: #000000;
}
/*===================== 
	base styles 
=======================*/
.pad25 {
  padding: calc(5vw * .25);
}
.pad50 {
  padding: calc(5vw * .5);
}
.pad100 {
  padding: 5vw;
}
.tb50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.pad-top-50 {
  padding-top: 50px;
}
.pad-bottom-50 {
  padding-bottom: 50px;
}
.p-pad {
  padding: 2em;
}
.p-pad2 {
  padding: calc(2em * 2);
}
.z-hi {
  position: relative;
  z-index: 1001;
}
.z-low {
  position: relative;
  z-index: 101;
}
.secondary {
  color: undefined;
}
html {
  font-family: 'Raleway', sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
svg:not(:root) {
  overflow: hidden; /*reset*/
}
/* clear floats */
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
}
.clear {
  clear: both;
}
/*image replacement*/
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-style: solid;
  height: 0;
}
img {
  border: 0;
}
.scrolling-wrap, iframe.scrolling {
  width: 100%;
}

.what-we-offer {    
	    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 8px 0 7px;
    text-align: center !important;}

.pad50 hr {    
	margin-top: 3rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 4px solid rgba(0, 0, 0, 0.1);}

.finance .col-sm-4 {max-width:24.333333%;}

.finance .col-sm-4 img{    
	width: 100%;
    max-width: 280px !important;}
/*===================== 
	Card Styles
=======================*/
.card-link + .card-link {
  margin-left: 0;
}
.ag-card, .at-card, .mac-card, .consign-card {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  position: relative;
}
.ag-card a, .at-card a, .mac-card a, .consign-card a {
  color: #fff !important;
}
.ag-card h3, .at-card h3, .mac-card h3, .consign-card h3 {
  position: absolute; bottom:-50px; left:20px; transition: ease-in-out .3s;
}
.ag-card a:hover h3, .at-card a:hover h3, .mac-card a:hover h3, .consign-card a:hover h3 {
  bottom:15px;
}
.ag-card {
  background-image: url("../siteart/zero-turn-bg.jpg");
}
.at-card {
  background-image: url("../siteart/auction-bg.jpg");
}
.mac-card {
  background-image: url("../siteart/pre-auction-bg.jpg");
}
.consign-card {
  background-image: url("../siteart/consignment-bg.jpg");
}
.card-deck .card .card-body {
  position: relative;
  min-height: 310px;
  overflow: hidden;
}
.card-deck .card .card-body p {
  position: absolute;
  bottom: 7%;
  width: 87%;
}
.card-deck .card .card-body p a {
  white-space: nowrap;
}
#auct-show {
  display: none;
}

/* BRANDS */
.brands {
	background: #e2282e;
	padding: 50px 0;
	text-align: center;
}

.brands h2 {
	color: #fff;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 34px;
	font-weight: 900;
}

.brands .wrap {width: 90%; margin: 0 auto;}

.brand-flex {
	display: flex;
	justify-content: space-around;
	gap: 30px;
	flex-wrap: wrap;
}

.brand-logo {
	padding: 20px;
	background: #fff;
	border-radius: 3px;
	transition: .2s ease all;
}

.brand-logo:hover {
	box-shadow: 0 3px 15px 2px rgba(0,0,0,0.4);
}

.brand-logo img {display: block; width: 100%; max-width: 200px;}


/*===================== 
	Button/ Link Styles
.brand-flex {
    display: flex
;
}*===================== 
	typography 
=======================*/
.primary-text {
  color: #ec2028;
}
h1 {
  font-family: 'Oswald', sans-serif;
}
h2 {
  font-family: 'Oswald', sans-serif;
}
h3 {
  font-family: 'Oswald', sans-serif;
}
h4 {
  font-family: 'Oswald', sans-serif;
}
h5 {
  font-family: 'Oswald', sans-serif;
}
h6 {
  font-family: 'Oswald', sans-serif;
}
p {
  margin: 0;
}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
/*===================== 
	link styles 
=======================*/
.contact-group a {color:#000;}
.contact-group i {font-size: 2.5em;}
.contact-group a:hover {    color: #ec2028;
    box-shadow: inset 0px 0px 15px -8px #000;
    border-radius: 5px;}

a:focus {
  outline: thin dotted; /*reset*/
}
a, a:link, a:visited, a:active {
  outline: 0; /*reset*/
  text-decoration: none;
  transition: ease-in-out .35s;
}
a:hover {
  outline: 0; /*reset*/
  text-decoration: none;
}
/*===================== 
	header styles 
=======================*/
#headz a {
  font-weight: 600;
  text-transform: uppercase;
}
#headz li.nav-item a:hover {
  color: #ec2028;
}
header {
  margin: 0 auto;
  width: 100%;
}
/*===================== 
	nav styles 
=======================*/
a#navbarDropdown:hover div#inventory-menu {
    display: block;
}


a.navbar-brand img {
    width: 250px !important;
	padding: 20px 0;
}
.top-nav {
  background-color: #000000;
  text-align: right;
}
.top-nav ul.list-inline li {
  border: solid 1px rgba(255, 255, 255, .5);
  margin-right: 0px;
  text-align: center;
  display: inline-block;
  min-width: 75px;
  line-height: 50px;
  transition: ease-in-out .35s;
}
.top-nav ul.list-inline li:first-child, .top-nav ul.list-inline li:nth-child(2) {
  margin-right: -5px;
  border-right: none;
}
.top-nav ul.list-inline li:hover {
  background: #ec2028;
}
.top-nav ul.list-inline li:hover a {
  color: #fff;
}
.top-nav ul.list-inline li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  transition: ease-in-out .35s;
  color: #fff;
  font-size:20px;
}
.bottom-nav {
  background: #ec2028;
  color: #fff;
  text-align: center;
  font-size:12px;
}

.dropdown:hover .dropdown-menu {
      display: block;
}

/*===================== 
	content styles 
=======================*/
ul.inline {
  list-style: none;
  width: 300px;
  text-align: right;
  padding-right: 15px;
}
ul.inline > li {
  display: inline;
}
a.soc-cont {
  background-color: #ffc63e;
  padding: 6px 9px;
  color: #005b88 !important;
  border-radius: 25px;
  margin-left: 1em;
  transition: .5s;
}
a.soc-cont:hover {
  background-color: #fff !important;
}
.dash-left {
  top: 49%;
  left: 0px;
}
.dash-right {
  top: 49%;
  right: 0px;
}
.manu-cta img {
  max-height: 80px;
  position: relative;
}
/*===================== 
	slideshow styles 
=======================*/
.carousel-caption {
	bottom: 25%;
    width: 500px;
    margin: 0 auto;
    background-color: rgba(0,0,0,.5);
    padding: 50px 25px;
    border-radius: 5px;
	text-transform: uppercase;
}
/*===================== 
	banner styles 
=======================*/
.hero-png {
  max-width: 760px;
}
/*===================== 
	layout styles 
=======================*/

@media (min-width: 1601px) {
.container {
    max-width: 1560px;
}
}
@media (max-width: 1600px) {
.container {
    max-width: 1460px;
}
}
@media (max-width: 1400px) {
.container {
    max-width: 1460px;
}
	
}
@media (max-width: 1200px) {
.container {
    max-width: 1140px;
}
}
@media (max-width: 992px) {
.container {
    max-width: 960px;
}
}
@media (max-width: 1000px) {
.finance .col-sm-4 .p-pad {
   padding: 1em;
}
	
.finance .col-sm-4 {max-width:100%;}
	
.finance .text-center {    
	text-align: center !important;
    display: flex;
    flex-direction: column;}
}
@media (max-width: 768px) {
.container {
    max-width: 720px;
}
	a.btn {
		font-size: 12px;
		line-height: 10px;
	}
}
@media (max-width: 576px) {
.container {
    max-width: 540px;
}
}

/*===================== 
	footer styles 
=======================*/
#foot-subnav a {
  color: #000 !important;
  font-weight: 600;
}
#foot-subnav a:hover {
  color: #ec2028 !important;
}
#foot-subnav2 a:hover {
  color: #ec2028 !important;
}
#foot-subnav2 a {
  color: #fff !important;
  font-weight: 600;
  line-height: 10px;
}
#foot-disc a {
  color: #fff;
  opacity: .5;
}
#foot-disc a:hover {
  color: #ec2028;
  opacity: 1;
}
footer {
  margin: 0;
  width: 100%;
}
a.footerlink:link, a.footerlink:visited, a.footerlink:active {
  text-decoration: none;
  font-size: 13px;
  color: #222;
}
a.footerlink:hover {
  text-decoration: none;
  font-size: 13px;
  color: #fff;
}
.footertext {
  font-size: 13px;
  color: #666;
}
.smallfootertext {
  font-size: 10px;
  color: #666;
}
.divfooter {
  max-width: 1200px;
  text-align: center;
  margin: 0 auto;
padding:1em;
}
/*========================= 
	 Responsive styles 
===========================*/
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) and (min-width: 993px){
	div#headz .container {max-width: 100% !important;}
	a.nav-link {font-size: 14px;}
	a.navbar-brand img {width: 230px !important;}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.carousel-caption {bottom:20px;}
  .card-deck .card {
    width: 46%;
    float: left;
    margin-bottom: 20px;
    margin-left: 2%;
    margin-right: 2%;}
  .card-deck {display: block;}
  a.logo img {width: 290px;margin-left: 15px;}
  .has-search-bar {
  width: calc(65% - .75%) !important;}
  div#headz .container {max-width: 100% !important;padding:0px !important;}
  #auct-show {display: block;}
  #auct-hide {display: none;}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  #headz nav.navbar.navbar-expand-md.navbar-light {padding-right: 0px !important;}
  #headz nav.navbar.navbar-expand-md.navbar-light .nav-item:last-child a {padding-right: 0px !important;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 785px) {
.has-search-bar {
    width: 100% !important;
}
	.list-content .list-listing-mobile .spec-icon {max-width:100% !important;}
}

.carousel-caption d-md-block {
	width: 40%;
}

.mobile-caption-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 500px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px 20px;
  border-radius: 5px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  z-index: 10;
}

.mobile-caption-overlay h1 {
	font-size: 20px;
	
}
 
@media only screen and (max-width : 768px) {
  a.logo img {width: 300px;}
  .skid-bg {background-image: none;}
  nav#foot-subnav {display: none;}
  h2.card-title.mb-0 {font-size: 1.5rem;}
  div#auct-show {padding-top: 20px !important;}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .card-deck .card {
    width: 96%;
}
  li.list-inline-item {width: 33.33%;}
  .p-pad2 {padding: 1em;}
  a.logo img {width: 225px;}
  div#cf-pad {padding: 2em !important;}
  div#foot-subnav2 nav {display: none;}
  div#foot-subnav2 img {padding-top: 1em;}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	div#cf-pad {padding: 1em !important;}
}