/* 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 auto;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    -webkit-text-size-adjust: none;
}
a {
    color: #fff;
    text-shadow: 1px 1px 5px #000;
}
a:hover {
    color: #fff;
    text-shadow: none;
}
p {
    padding: 10px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold
}
h1, h2, h3, h4 {
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
}
h1 {
    color: #fff !important;
    font-size: 4em;
}
.spacer {
    padding: 25px 0;
}
.spacer-lg {
    padding: 100px 0;
}
.spacer-md {
    padding: 25px
}
.bg {
    background: #666;
    overflow: auto;
}
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}
.none {
    display: none;
}
.center {
    text-align: center;
}
* {
    box-sizing: border-box;
}
body {
    font-family: 'Muli', sans-serif;
}
.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;
}
.img-responsive {
    width: 100%;
}
/* HEADER 
----------------------------------------------*/
.header {
    width: 100%;
    display: inline-block;
    text-align: right;
    margin: 0 auto;
    padding: 30px 0;
    background: linear-gradient(to right, #000, #333);
}
.logo {
    text-align: left;
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    padding: 20px 0 0 30px;
}
.logo img {
    max-width: 100%;
    margin: 0 auto;
}
.top-bar {
    padding: 10px 20px;
    text-align: right;
}
.top-bar a {
    color: #29471d;
    text-transform: uppercase;
    font-size: 1.3em;
    font-family: 'Anton', sans-serif;
    text-shadow: none;
	text-decoration: none;
}
.top-bar span {
    color: #29471d!important;
}
/* HOME PAGE STYLES
-----------------------------------------------*/

.no-reserve{
    font-family: 'Anton', sans-serif;
    font-size: 36px;
    text-align: center;
    color: #29471d !important;
    padding: 50px;
    box-sizing: border-box;
    border-top: 10px #555 solid;
    border-bottom: 10px #555 solid;
}
.about {
    background: url(/siteart/about-us.jpg);
    background-size: cover;
    overflow: auto;
    padding: 30px;
}
.underline {
    color: #fff;
    border-bottom: 2px solid #5f954a;
    width: 270px;
}
.underline-white:hover {
    text-shadow: none;
    border-bottom: 5px solid #fff;
}
.underline-black {
    color: #fff;
    border-bottom: 3px solid #000;
    width: 200px;
}
.underline-black:hover {
    text-shadow: none;
    border-bottom: 5px solid #000;
}
.underline-black img {
    width: 20px;
    padding-left: 5px;
}
.field {
    background: url(/siteart/field.jpg);
    background-size: cover;
    padding: 200px 0 200px 20%;
    max-height: 500px;
}
.tractor {
    background: url(/siteart/kubota-tractor.jpg);
    background-size: cover;
    padding: 250px 0;
    max-height: 500px;
}
.white h1 {
    color: #fff!important;
    text-shadow: 1px 1px 5px #000;
}
.white p {
    color: #fff!important;
    text-shadow: 1px 1px 5px #000;
    font-size: 18px!important;
    font-weight: bold;
}
.white a {
    border-bottom: 3px solid #fff;
    color: #fff!important;
    text-shadow: 1px 1px 5px #000;
}
.white img {
    width: 20px;
    padding-left: 5px;
}
.map {
    background: #fff url(/siteart/map-2.jpg) no-repeat;
    background-size: cover;
    overflow: auto;
    padding: 7% 0;
}
.location-box {
    background: #29471d;
    width: 550px;
    text-align: center;
    padding: 50px;
    color: #fff;
    margin-right: 100px;
}
.location-box h1 {
    color: #fff !important;
    font-size: 3em!important;
}
ul.tertiary li {
    display: inline-block;
    font-size: 30px;
    background: #d43333;
    padding: 15px 30px;
    border: 3px #fff solid;
}
ul.tertiary li a {
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Anton', sans-serif;
    text-shadow: none;
}
ul.tertiary li:hover {
    background: #000;
}
/* 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: #5f954a !important;
}
.listings-wrapper .listing-boxed .listing-boxed-details h2 a {
    text-shadow: none;
}
.hosted-content a {
    text-shadow: none;
}
.hosted-content .hosted-content .svg-inline--fa.fa-w-10 {
    width: auto !important;
}
.hosted-content h1 {
    font-size: 20px;
    color: #000!important;
    text-transform: none;
    padding-bottom: 0 !important;
    font-weight: bold;
    font-family: "Muli", sans-serif;
}
.hosted-content h3 {
    text-transform: none !important;
    font-family: "Muli", sans-serif;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2 {
    text-transform: none !important;
    font-family: "Muli", sans-serif;
}
/* =============================================================================
     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;
    margin: 0px;
}
.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: 350px;
    z-index: 999;
}
.cta a span {
    text-align: center;
    display: table-cell;
    vertical-align: bottom;
}
.cta a h2 {
    color: #fff;
    font-weight: normal;
    line-height: 1;
    text-transform: uppercase;
    font-size: 25px;
    vertical-align: bottom;
    width: 100%;
    padding: 20px 10px;
    background: #000;
    margin-bottom: -10px;
    text-shadow: none!important;
}
.cta a h2 strong {
    display: block;
    font-weight: 800;
}
.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/farm.png);
    margin: 10px;
}
.cta ul li .cta2 {
    background-image: url(/siteart/construction.png);
    margin: 10px;
}
.cta ul li .cta3 {
    background-image: url(/siteart/trucks.png);
    margin: 10px;
}
.cta ul li .cta4 {
    background-image: url(/siteart/motorsports.png);
    margin: 10px;
}
.cta a:hover .overlay {
    background: rgba(0,0,0,.7);
}
/* Interior */
#interior .cta ul li div:first-child {
    height: 135px;
}
/* AUCTION 
-----------------------------------------------*/
.auction-wrap {
    width: 80%;
    margin: 0 auto;
    padding: 20px 0;
}
/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width: 100%;
    height: 90px;
    overflow: hidden;
    border-top: 10px solid #29471d;
}
.scrolling {
    width: 100%;
    height: 92px;
}
/* FOOTER
------------------------------*/
.footer {
    width: 100%;
    color: #eaeaea;
    font-size: 11px;
    text-align: center;
    background: linear-gradient(to right, #333333, #555555);
    padding: 30px 0 30px 0;
    overflow: auto;
}
.footer ul li {
    display: inline-block;
}
.footer ul li a {
    color: #fff;
    font-family: 'Anton', sans-serif;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 15px;
    display: block;
    margin: 0;
}
.footer p {
    padding: 15px;
}
.flex {
    display: flex;
    flex-direction: column;
}
.bottom {
    vertical-align: bottom;
    padding: 70px 10px 0 10px;
}
.footer h4 {
    font-family: "Muli", sans-serif;
    color: #60954a;
}
ul.secondary li {
    display: block;
    text-align: left;
}
.footer a {
    color: #eaeaea;
    font-weight: bold;
    line-height: 16px;
    text-shadow: none;
}
.footer a:hover {
    color: #eaeaea;
    text-decoration: none;
}
.divfooter {
    width: 60%;
    margin: 20px auto;
}

@media screen and (max-width:1300px) {
.field {
    padding: 200px 0 220px 20%;
}
.white h1 {
    font-size: 2em;
}
}

@media screen and (max-width:992px) {
.map .left{
    float: none;
}
ul.tertiary li {
    font-size: 20px;
}
}

@media screen and (max-width:768px) {
.tractor {
    background-position: -70px;
}
.right {
    float: none;
}
.location-box {
    width: 90%;
    margin: 0 auto;
}
.footer p {
    font-size: 10px;
    text-align: center;
}
.footer ul li {
    text-align: center;
}
.footer h4 {
    text-align: center;
}
}

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

@media screen and (max-width:300px) {
.field {
    padding: 200px 0 220px 10%;
    ;
}
}