* {
    transition: all 0.2s ease-in !important;
    font-family: open-sans, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: aktiv-grotesk-condensed, sans-serif;
}

/* Generated by less 2.5.1 */
/*-------- MENU STYLES --------*/
/*  NAVIGATION
------------------------------------------------*/

#topBar {
    background-color: #008349;
    color: white;
    font-family: aktiv-grotesk-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 32px calc(1.5625rem + ((1vw - 7.67px) * 7.8057)) 0;
    text-align: right;
    font-size: calc(0.75rem + ((1vw - 10.5px) * 0.4598));
}

.topBarMobile {
    background-color: #008349;
    color: white;
    font-family: aktiv-grotesk-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 32px calc(1.5625rem + ((1vw - 7.67px) * 7.8057)) 0;
    text-align: right;
    font-size: calc(0.75rem + ((1vw - 10.5px) * 0.4598));
}

.topBarMobile {
    display: none;
}

.scrolled-header #topBar {
    /* background: none; */
    display: none;
}

div#topBar a {
    color: white;
    padding: 5px 40px;
    transition: 0.3s ease-in;
    background: #000;
    color: #EDEBE8;
    font-family: aktiv-grotesk-condensed, sans-serif;
}

div.topBarMobile a {
    color: white;
    padding: 5px 40px;
    transition: 0.3s ease-in;
    background: #000;
    color: #EDEBE8;
    font-family: aktiv-grotesk-condensed, sans-serif;
}

div#topBar a:hover {
    background: #008349;
}

div.topBarMobile a:hover {
    background: #008349;
}

nav.mobile {
    display: none;
}

nav.primary {
    /* padding:0; */
    margin-top: -35px;
    /* width: 1440px; */
    z-index: 500;
    position: relative;
    /* border-top:solid 2px #c51230; */
    display: flex;
    /* position: absolute; */
    align-items: center;
    /* justify-content: space-between; */
    padding: 0 calc(1.5625rem + ((1vw - 7.67px) * 7.8057));
    transition: all 0.3s ease-in-out;
}

.scrolled-header .primary {
    /* position: static; */
    /* margin: 0; */
    width: 100vw;
    padding: 0px calc(1.5625rem + ((1vw - 7.67px) * 7.8057));
    margin-left: -10px;
    transition: all 0.3s ease-in-out;
}

nav.primary img {
    /* margin-top: 8px; */
    transition: all 0.3s ease-in-out;
    width: calc(10.9375rem + ((1vw - 7.67px) * 8.7917));
    max-width: 276px;
}

#right {
    width: 1240px;
}

.scrolled-header #right {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-end;
}

#right #topBar {
    display: none;
}

.scrolled-header #right #topBar {
    display: block;
    background: none;
    padding: 0 0 25px;
}

.scrolled-header img {
    margin: 30px 0 -90px !important;
    /* transform: scale(.5); */
    transform-origin: left;
    margin-top: calc(0.625rem + ((1vw - 10.2px) * 7.7778)) !important;
}

.change-scrolling-header img {
    margin: 30px 0 -90px !important;
    transform: scale(0.5);
    transform-origin: left;
    margin-top: -90px !important;
}

.change-scrolling-header {
    background-color: #EDEBE8 !important;
}

nav.primary ul {
    /* margin:0 auto; */
    padding: 0;
    max-width: 1240px;
    display: flex;
    flex-direction: row;
    flex: 1;
    padding-left: calc(1.4375rem + ((1vw - 7.68px) * 6.0764));
}

.scrolled-header #right ul {
    justify-content: space-between;
    max-width: calc(54.25rem + ((1vw - 10.2px) * 8.8889));
    padding-left: 0;
    width: 100%;
}

.scrolled-header #right ul li {
    flex: 0 auto;
}

nav.primary ul li {
    flex: 1 0 auto;
}

nav.primary ul li:hover,
nav.primary ul li:focus,
nav.primary ul li:active {
    color: #3d3d3d;
}

nav.primary ul li a {
    display: block;
    padding: 3px 5px !important;
    color: #000;
    font-weight: normal;
    font-size: calc(0.875rem + ((1vw - 10.2px) * 0.3333));
    /* line-height:40px; */
    text-decoration: none;
    padding: 1px;
    margin: 0;
    text-align: center;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    font-family: open-sans, sans-serif;
    font-weight: 600;
    font-style: normal;
}

nav.primary ul ul li a {
    text-align: left;
    color: #EDEBE8;
}

nav.primary ul ul li a:hover {
    background: #008349;
}

nav.primary ul li a:hover {
    color: #EDEBE8;
    background: #000;
}

/*  SUB NAV
------------------------------------------------*/
/*  NAV DROPDOWNS
------------------------------------------------*/

nav.primary ul ul {
    display: none;
    position: absolute;
    background: #000;
    width: 175px !important;
}

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

nav.primary ul li:hover > ul {
    display: block;
    line-height: 18px;
    z-index: 500;
    padding-left: 0;
}

nav.primary ul ul li {
    float: none;
    position: relative;
    margin: 0;
    /* width: 175px; */
    text-align: left;
    padding: 5px;
}

nav.primary ul ul li:hover {
    background: #008349;
}

nav.primary ul ul li:hover > * {
    background: #008349;
}

#mobile-container {
    display: none;
}

.slider-top .next img {
    width: calc(3.625rem + ((1vw - 7.68px) * 1.7361));
    padding-bottom: calc(2.5875rem + ((1vh - 5.48px) * 8.3507));
    cursor: pointer;
}

nav.mobile {
    display: none;
}

@media only screen and (min-width:768px) and (max-width: 1340px) {
    nav.primary ul li li {
        width: 100%;
        max-width: 300px;
    }
}

#mobile-container {
    display: none;
}

.container {
    max-width: 1570px;
    margin: 0px auto;
    padding: 140px 0 15px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
}

.parts .container.cf {
    padding: 0 !important;
}

.container.cf {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.inventoryPage .list-content {
    /* max-width: 1325px !important; */
}

.detail-content {
    padding: 3.145833VW 0;
}

.list-content {
    padding: 3.145833VW 0;
}

.page.list-content {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
    padding-top: 100px;
}

@media screen and (max-width: 767px) {
    .page.list-content {
        padding-top: 100px !important;
    }
}

.contactUs {
    /*! CSS Used from: https://www.jordantrucksales.com/themes/SandhillsTemplate/css/layout.css?m=1567784108 */
}

.contactUs div,
.contactUs iframe,
.contactUs h1,
.contactUs p,
.contactUs a,
.contactUs i {
    margin: 0 auto;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    -webkit-text-size-adjust: none;
}

.contactUs a {
    color: #fff;
    text-decoration: underline;
}

.contactUs a:hover {
    color: #dbac5e;
    text-decoration: none;
}

.contactUs p {
    padding: 20px 0;
    margin: 0 !important;
}

.contactUs * {
    box-sizing: border-box;
}

.contactUs .sub-wrapped {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    /* padding: 60px 20px; */
    position: relative;
}

.contactUs .sub-wrapped h1 {
    text-transform: uppercase;
}

.contactUs ::selection {
    color: #fff;
    background: #356088;
}

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

.contactUs *,
.contactUs *:after,
.contactUs *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.contactUs .contact-left {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    padding: 30px;
    margin: 0 auto;
    text-align: left;
}

.contactUs .contact-info {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 20px 0 0;
}

.contact-info:nth-of-type(1) {}

.contactUs .contact-left .fa {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 0 0;
    color: #008349;
}

.contactUs .contact-left p {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 0 !important;
}

.contactUs .contact-left a {
    color: #000;
    text-decoration: none;
    margin: 0;
}

a.email {
    margin: 0 0 0 20px !important;
}

.contactUs .contact-left a:hover {
    color: #008349;
    text-decoration: none;
}

.contactLinks a {
    color: #EDEBE8 !important;
}

.contactUs .contact-right {
    width: 59%;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 30px;
    border-left: 3px solid #008349;
    margin: 0 auto;
}

.contactUs .soc-links .fa {
    font-size: 24px;
}

@media screen and (max-width: 1150px) {
    .contactUs .contact-left {
        width: 100%;
        border-bottom: 2px solid #008349;
        padding: 30px 0;
    }

    .contactUs .contact-info {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

    .contactUs .contact-right {
        width: 100%;
        border-left: none;
        padding: 30px 0;
    }
}

@media screen and (max-width: 950px) {
    .contactUs .contact-info {
        width: 100%;
        display: block;
    }
}


.list-content {
    padding: 2.145833VW 0;
}

@media screen and (min-width: 768px) {
    .contact .list-content {
        padding: 12.145833VW 0 !important;
    }
}

.thankyou .list-content {
    padding: 35vh 0;
}

.form * {
    color: #EDEBE8;
}

nav.mobile {
    display: none;
}



@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .scrolled-header #right {
        margin-top: -20px;
    }
}

/***** BEGIN RESET *****/
html,
body,
div,
span,
h1,
h3,
p,
a,
img,
i,
ul,
li {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

i.fas.fa-caret-down {}

html {
    background: #ededed;
}

ul {
    list-style: none;
}

/* Make HTML 5 elements display block-level for consistent styling */
header,
nav {
    display: block;
}

/*-------- COLORS --------

*/
/***** END RESET *****/
::-moz-selection {
    background: #000;
    color: #EDEBE8;
    text-shadow: none;
}

::selection {
    background: #000;
    color: #EDEBE8;
    text-shadow: none;
}

/* Clearfix */
/*-------- BODY STYLES --------*/
body {
    overflow-x: hidden;
}

body.menu-open:after {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.7);
    animation: fadeIn 0.5s;
}

#inventory:before {
    background: url(../siteart/hero.png);
    background-image: url(../siteart/hero.png);
    background-position-x: initial;
    background-position-y: initial;
    background-size: cover;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a:link,
a:visited,
a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

hr {
    border: #EDEBE8 calc(0.3125rem + ((1vw - 7.68px) * 0.1736)) solid;
    width: 100%;
    padding: 0 !important;
    margin: -7px 0 28px !important;
    background: #EDEBE8;
}

/*--- HEADER STYLES ---------------------*/
header {
    position: fixed;
    z-index: 99999;
    width: 100vw;
    transition: all 0.3s ease-in-out;
}

.scrolled-header {
    background: rgba(237, 237, 237, 0.5);
    display: flex;
    transition: all 0.3s ease-in-out;
    position: fixed;
    /* top: 0; */
    width: 100vw;
    height: 140px;
    justify-content: space-around;
    border-bottom: 4.5px solid #000;
}

.otherPages header#scrollTop {
    position: static;
}

.scrolled-header .primary {
    margin-top: 0;
}

/*---BODY--------------------------------*/
h1 {
    font-size: 50px;
    font-family: aktiv-grotesk-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #008349;
}

.scrollToTop {
    display: none !important;
    position: fixed;
    bottom: 26px;
    right: 25px;
    background: #008349;
    padding: 12px 15px 12px;
    font-size: 18px;
    color: #EDEBE8;
    border-radius: 30px;
    cursor: pointer;
    z-index: 99999;
}

a.scrollToTop.vert-move.appear {
    display: block !important;
}

.mask {
    /* height: calc(100vh - 144.5px) !important; */
    overflow: hidden;
    min-height: 1057px;
    top: 144.5px;
    height: 500px;
}

section.mask.auctions {
    min-height: auto;
}

.slide-captions {
    font-size: calc(1.5rem + ((1vw - 7.67px) * 0.8673));
}

.quickLinks {
    width: calc(39.0625rem + ((1vw - 10.2px) * 21.7778));
    padding-top: 24px;
    padding-bottom: 40px;
}

.quickLinks .center {
    margin: calc(0rem + ((1vw - 10.2px) * 3.4444));
    display: flex;
    justify-content: space-between;
}

.heroButtons {
    max-width: calc(12.0625rem + ((1vw - 10.2px) * 2.2222));
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 218px;
    justify-content: space-between;
}

.heroButtons h4 {
    align-self: flex-start;
    font-size: 25px;
    font-family: open-sans, sans-serif;
    margin: 0;
    font-weight: 100;
    padding-bottom: 10px;
}

.heroButtons hr {
    border: 1px solid #008349;
    margin-bottom: 20px !important;
}

.heroButtons img {
    margin: 0 auto;
}

.heroButtons img[src="/siteart/trailer.png"] {
    width: 153px !important;
}

.heroButtons img[src="/siteart/truck.png"] {
    width: 141px !important;
}

.heroButtons img[src="/siteart/parts.png"] {
    width: 81px !important;
}


.heroButtons a {
    display: flex;
    padding: 9px 14px;
    background: #008349;
    color: #EDEBE8;
    font-size: 12px;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
    margin-top: 20px;
}

.heroButtons a:hover {
    background: #000;
}

.heroButtons a hr {
    width: 100%;
    border: #EDEBE8 1px solid !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 50px;
    height: 0;
    display: none;
}

.slide-captions h1 {
    font-size: calc(7rem + ((1vw - 7.67px) * 4.1631));
    letter-spacing: 1.8229166666666667VW;
}

.offset {
    /* height: calc(100vh - 144.5px) !important; */
    top: 144.5px;
    position: relative;
}

.offset {
    display: flex;
    flex-direction: column;
    height: calc(100% - 144.5px);
    min-height: calc(100% - 144.5px);
}

.mask.hero {
    height: 100vh !important;
    min-height: 100vh !important;
    top: 0;
    position: static;
    overflow-y: hidden;
}

section.mask.hero {}

.hero {
    /* height: 100vh !important; */
}

#auctions {
    /* height: 51.90823084200567vh; */
    /* min-height: 548.67px; */
}

.fill {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* img[src="../siteart/about/robertMcDowell.jpg"] {
    width: 216px;
}

img[src="../siteart/about/cindyBarnes.jpg"] {
    width: 410px;

} */

.fill .about {
    flex: 1;
    overflow: hidden;
}

.about {
    /* height: 31.1%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: -2px;
    background-size: cover;
    /* min-height: 294.2px; */
    /* height: 27.83349101229896vh; */
}

.flexSec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flexSec img {
    /*    padding-right: 120px;*/
    padding-right: calc(3.125rem + ((1vw - 10.2px) * 7.7778));
    width: calc(15rem + ((1vw - 7.68px) * 17.6215));
}

.about aside {
    padding: 25px 75px;
    /* width: 1530px; */
    /* position: relative; */
    right: 0px;
    /* overflow-y: hidden; */
}

.about aside h2 {
    /*    font-size: 54px;*/
    font-size: 2.8125VW;
    font-family: aktiv-grotesk-condensed, sans-serif;
    margin-top: 0 !important;
}

.about aside hr {
    border-color: #008349;
    background: #008349;
}

.about aside .textWrap {
    /*    padding-left: 120px;*/
    padding-left: calc(3.125rem + ((1vw - 10.2px) * 7.7778));
}

.about aside hr {
    max-width: 1300px;
    /*    margin: 43px 0 43px 0 !important;*/
    margin: 2.2395833333333335VW 0 2.2395833333333335VW 0 !important;
}

.about aside h2,
.about aside p {
    max-width: 1158px;
}

.about p {
    font-family: open-sans, sans-serif;
    font-size: 24px;
    color: #000;
    margin-left: 30px;
    margin-left: calc(1.875rem + ((1vw - 7.68px) * 1.7361));
}

/*--------FORM STYLES--------------------*/
.form {
    /*! CSS Used from: http://utahtrackandwelding.com/css/styles.css?v=2 */
}

.form * {
    /* background: transparent; */
    border: 0;
    margin: 0;
    padding: 0;
    font-style: normal;
    line-height: normal;
    -webkit-text-size-adjust: none;
    font-size: 18px;
}

.contactUs section {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



.form h2 {
    font-size: 36px;
    text-transform: uppercase;
}

.form h4 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.form p {
    font-size: 18px;
    line-height: 28px;
}

.form a {
    text-decoration: none;
}

.form #contentwrap {
    width: 90%;
    margin: 0px auto;
}

.thankyou .form #contentwrap {
    text-align: center;
}

.form .formfield {
    display: inline-block;
    width: 48%;
    margin-right: 1%;
    font-size: 18px;
}

.form .column_7 {
    display: inline-block;
    width: 12%;
    text-align: center;
}

.form #formpage {
    vertical-align: top;
}

.form #formpage div {
    vertical-align: top;
    padding: 5px 5px;
}

.column_7 {
    text-align: center !important;
}

/*! CSS Used from: https://www.holsttruck.net/css/styles.css?v=1.4 */
div {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

#formpage div {
    vertical-align: top;
    padding: 5px 5px;
    text-align: left;
}

#formpage textarea {
    padding: 6px 0px;
    border: 1px solid #8e8d8d;
    /* font-weight: 700; */
    color: #000;
    font-size: 12px;
    /* background: #fff; */
    margin-top: 5px;
    -webkit-appearance: none;
    resize: none;
}

#formpage textarea {
    width: 99%;
    height: 85px;
}

#formpage textarea:focus {
    /* background: #abacac; */
    /* color: #FFF; */
    /* border: 1px solid #abacac; */
    /* outline-style: none; */
}

.form #formpage input,
.form #formpage textarea {
    padding: 6px 5px;
    border: 1px solid #8e8d8d;
    color: #8e8d8d;
    font-size: 16px;
}

.form #formpage select {
    border: 1px solid #8e8d8d;
    color: #8e8d8d;
    vertical-align: middle;
    font-size: 12px;
    line-height: normal;
    padding: 5px;
    width: 100%;
}

select > option {
    color: #000 !important;
}

.form #formpage input {
    width: 100%;
}

input {}

input#fileupload {
    border: none !important;
}

input#fileupload + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}

.form #formpage input:focus,
.form #formpage select:focus {
    background: #FFF;
    color: #000;
    border: 1px solid #014a82;
    outline-style: none;
}

.form #formpage input.button {
    width: 340px;
    margin: 0;
    padding: 10px 0;
    background: #008349;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    border: none;
}

.form #formpage input.button:focus {
    width: 340px;
    margin: 0;
    padding: 10px 0;
    background: #008349;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    border: none;
}

.form #formpage input.button:hover {
    bbackground: -webkit-linear-gradient(#545454, #484848);
    background: -o-linear-gradient(#545454, #484848);
    background: -moz-linear-gradient(#545454, #484848);
    background: #000;
    color: #fff;
    text-shadow: none;
    cursor: pointer;
    border: none;
}

.form .captcha {
    width: 330px;
    margin: 0;
}

.form .CaptchaPanel {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    text-align: left !important;
    line-height: normal !important;
}

.form .CaptchaImagePanel {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.form .CaptchaMessagePanel {
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 14px;
}

.form .CaptchaAnswerPanel {
    margin: 0 0 0 0;
    padding: 2px 0px 2px 0px !important;
}

.form .CaptchaWhatsThisPanel {
    line-height: 0;
    margin: 0 0 0 0;
    padding: 8px 0 8px 0 !important;
}

.form .CaptchaWhatsThisPanel a {
    color: #000;
    font-size: 12px;
}

.form .CaptchaWhatsThisPanel a:hover {
    text-decoration: none;
}

@media screen and (max-width: 1750px) {
    .contactUs section {
        flex-direction: column !important;
    }
}

@media screen and (max-width: 1480px) {
    .form .formfield {
        width: 47%;
    }
}

@media screen and (max-width: 1280px) {
    .form ::-webkit-input-placeholder {
        font-size: 10px;
    }

    .form ::-moz-placeholder {
        font-size: 10px;
    }

    .form :-ms-input-placeholder {
        font-size: 10px;
    }

    .form :-moz-placeholder {
        font-size: 10px;
    }
}

@media screen and (max-width: 900px) {
    .form .column_7 {
        width: 30%;
    }
}

@media screen and (max-width: 780px) {
    .form h2 {
        font-size: 22px;
    }

    .form p,
    .contactUs a {
        font-size: 16px;
        line-height: 24px;
    }

    .contactUs a {}

    .form .formfield {
        display: block;
        width: 90%;
        margin: 0 auto;
    }

    .form #formpage input.button,
    .form #formpage input.button:focus {
        width: 100%;
    }

    .form .captcha {
        width: 95%;
    }
}

@media screen and (max-width: 400px) {
    .form h2 {
        font-size: 16px;
    }

    .form h4 {
        font-size: 14px;
    }

    .form p,
    .form p,
    .contactUs a {
        font-size: 12px;
        line-height: 18px;
    }

    .form .column_7 {
        width: 43%;
    }
}

/*-------- .footer STYLES ----------------*/
.footerStyles {
    /*! CSS Used from: https://www.authorizedequipment.com/css/style.css?v=1.0 */
    /*! CSS Used fontfaces */
    z-index: 99999;
    position: relative;
}

.footerStyles a,
.footerStyles div,
.footerStyles span {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
}

.footerStyles ::-moz-selection {
    background: #000;
    color: #EDEBE8;
    text-shadow: none;
}

.footerStyles ::selection {
    background: #000;
    color: #EDEBE8;
    text-shadow: none;
}

.footerStyles a:active,
.footerStyles a:link,
.footerStyles a:visited {
    text-decoration: none;
}

.footerStyles a:hover {
    text-decoration: none;
}

.footerStyles a,
.footerStyles div,
.footerStyles span {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
}

.footerStyles footer {
    display: block;
}

.footerStyles ::-moz-selection {
    background: #000;
    color: #EDEBE8;
    text-shadow: none;
}

.footerStyles ::selection {
    background: #000;
    color: #EDEBE8;
    text-shadow: none;
}

.footerStyles a:active,
.footerStyles a:link,
.footerStyles a:visited {
    text-decoration: none;
}

.footerStyles a:hover {
    text-decoration: none;
}

.footerStyles footer {
    background: #000;
}

.footerStyles a.footerlink:active {
    font-family: open-sans, sans-serif;
    font-size: 15px;
    color: #EDEBE8;
    line-height: 2.5;
}

.footerStyles a.footerlink:link {
    font-family: open-sans, sans-serif;
    font-size: 15px;
    color: #EDEBE8;
    line-height: 2.5;
}

.footerStyles a.footerlink:visited {
    font-family: open-sans, sans-serif;
    font-size: 15px;
    color: #EDEBE8;
    line-height: 2.5;
}

.footerStyles a.footerlink:hover {
    text-decoration: underline;
    font-family: open-sans, sans-serif;
    font-size: 15px;
}

.footerStyles .footertext {
    font-family: open-sans, sans-serif;
    font-size: 15px;
    color: #EDEBE8;
}

.footerStyles .divfooter {
    max-width: 992px;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
    width: calc(17.6875rem + ((1vw - 3.2px) * 44.3125));
}

.footerStyles .divfooter > * {
    font-family: open-sans, sans-serif;
    font-size: calc(0.625rem + ((1vw - 3.2px) * 0.25));
    font-weight: 200;
    color: #EDEBE8;
}

.footerStyles a.footerlink:link {
    font-family: open-sans, sans-serif;
    font-size: calc(0.625rem + ((1vw - 3.2px) * 0.25));
    font-weight: 200;
    color: #EDEBE8;
}

.footerStyles a,
.footerStyles div {
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    webkit-text-size-adjust: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footerStyles ::selection {
    background: #000;
    color: #EDEBE8;
    text-shadow: none;
}

.footerStyles a {
    text-decoration: none !important;
}

.footerStyles a:hover {
    text-decoration: underline;
}

.footerStyles ::-moz-selection {
    background: #000;
    color: #EDEBE8;
    text-shadow: none;
}

.footerStyles ::selection {
    background: #000;
    color: #EDEBE8;
    text-shadow: none;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
/*---------- RESPONSIVE STYLES ----------*/

/************************************************ Responsive Styles **/

#menu-button,
.filler {
    display: none;
}

@media only screen and (max-width: 1450px) {
    .body-wrapper {
        padding: 100px 25px 60px;
    }
}


.body-wrapper {
    padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    a.scrollToTop.vert-move.appear {
        display: none !important;
    }



    .scrolled-header {
        position: absolute;
        height: 70px;
    }

    section.mask.hero {
        /* height: 113vh !important; */
    }

    #right {
        display: none !important;
    }

    #menu-button,
    .filler {
        flex: 33%;
        display: flex;
        /* align-items: center; */
        justify-content: center;
        font-size: 24px;
    }

    #menu-button a {
        color: #000 !important;

    }

    .quickLinks {
        /* display: none; */
    }

    .heroButtons h4 {
        font-size: calc(1.3125rem + ((1vw - 3.75px) * 1.0204));
    }

    .heroButtons {
        padding-left: calc(5rem + ((1vw - 3.75px) * 33.1633));
        padding-top: 6.666667VW;
    }

    nav.primary img {
        width: 150px !important;
        margin-top: -15px !important;
    }

    .flexHead {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 45px;
    }

    .change-scrolling-header img {
        transform: none;
    }

    .flexSec {
        flex-direction: column;
    }

    .about aside h2 {
        font-size: 16px !important;
        padding-left: 18px;
    }

    .about aside {
        padding-right: 12px !important;
    }

    #home .fill .about p {
        font-size: 14px !important;
    }

    .flexSec img {
        width: 140px;
    }


    .primary {
        flex-direction: column-reverse;
        margin-top: 0 !important;
        padding: 0 0 !important;
    }

    .offset {
        top: 0;
        height: 100vh;
    }

    .footerStyles .divfooter > *,
    .footerStyles a.footerlink:link {
        font-size: 9px;
        line-height: 1;
    }

    .slide-captions h1 {
        font-size: 55px;
        font-size: 14.666666666666666VW;
        letter-spacing: 10px !important;
    }

    h1 {}

    hr {
        /* margin: 4px 0 14px !important; */
        margin: 1.0666666666666667VW 0 3.733333333333334VW !important;
        border: #EDEBE8 2.5px solid;
        border: #EDEBE8 0.6666666666666667VW solid;
    }

    .slide-captions {
        font-size: 12px;
        font-size: 3.2VW;
        margin-right: 25px;
    }

    .sp-padding {
        /* width: 330px !important; */
        width: 88VW !important;
    }

    .slide-captions {
        /* max-width: 330px !important; */
        /* width: 330px !important; */
        /* margin-right: -42px; */
        margin-right: -11.200000000000001VW;
        max-width: 88VW !important;
        width: 88VW !important;
    }

    nav.mobile {
        display: block;
        position: fixed;
        top: 0;
        left: -285px;
        width: 280px;
        height: 100%;
        z-index: 100000;
        overflow: auto;
        background: #008349;
        font-family: open-sans, sans-serif;
    }

    /* MENU HEADER SOCIAL MEDIA */
    /* MENU HEADER STYLES */
    nav.mobile h3 {
        color: #EDEBE8;
        padding: 15px 20px;
        position: relative;
        font-size: 18px;
        background: #000;
        /* padding-left: 20px; */
        display: flex;
        justify-content: space-between;
    }

    nav.mobile .menu-title {
        /* position: absolute; */
        vertical-align: top;
        /* top: 16px; */
        /* right: 47px; */
        text-transform: uppercase;
        font-size: 20px;
        color: #EDEBE8;
        font-family: aktiv-grotesk-condensed, sans-serif;
        font-weight: 600;
    }

    .mobile h3 a {
        color: #EDEBE8;
    }

    /* MENU CLOSE 'X' BUTTON */
    /* MENU LIST STYLE */
    nav.mobile ul {
        Q list-style: none;
        font-weight: 300;
        margin: 0;
        padding: 0;
    }

    QD nav.mobile ul li {
        color: white;
        font-size: 15px;
    }

    /* FIRST LEVEL */
    nav.mobile ul li a {
        color: white;
        position: relative;
        display: block;
        font-size: 19px;
        text-align: left;
        text-decoration: none;
        padding: 10px 35px 10px 20px;
    }

    a.service {
        /* float: left; */
        width: 50%;
        display: inline-block !important;
    }

    nav.mobile ul li a:hover {
        background: #000;
        color: #EDEBE8;
        /* border-left:4px #c51230 solid; */
    }

    .service {
        display: inline-block;
        width: 56%;
    }

    /* SECOND LEVEL */
    nav.mobile ul li li:last-child {
        border: none;
    }

    nav.mobile ul li li a {
        background: #444;
        position: relative;
        display: block;
        padding: 10px 10px 10px 15px;
        border-left: 4px #444 solid;
        color: #EDEBE8;
        text-decoration: none;
    }

    nav.mobile ul li li a:hover {
        background: rgba(65, 65, 65, 0.5);
    }

    /* THIRD LEVEL */
    nav.mobile ul li li li:last-child {
        border: none;
    }

    nav.mobile ul li li li a {
        background: #555;
        position: relative;
        display: block;
        padding: 10px 10px 10px 25px;
        color: #ccc;
        text-decoration: none;
        border-left: 4px #555 solid;
    }

    nav.mobile ul li li li a:hover {
        background: rgba(85, 85, 85, 0.5);
    }

    nav.mobile ul li .click {
        /* dropdown menu idicator arrow be sure to include this image with your image files */
        /* position: absolute; */
        /* display: block; */
        /* cursor: pointer; */
        /* z-index: 12399994; */
        /* top: 0; */
        /* right: 0; */
        /* width: auto; */
        /* height: auto; */
        /* padding: 17px 20px; */
        /* color: #fff; */
        display: inline-block;
        float: right;
    }

    .nav-footer {
        color: #1B1B1B;
        position: relative;
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        padding: 15px 0;
    }

    /* FONT AWESOME ICONS */
    nav.mobile ul li a .fa {
        width: 25px;
        font-weight: 100;
        padding: 8px 3px;
        margin: 0 6px 0 0;
        text-align: center;
        background: #292929;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }


    nav.mobile ul li .fa-chevron-down {
        color: #999;
    }
}


@media screen and (max-width: 1020px) {
    #menu-button {
        width: 34%;
    }
}

@media screen and (max-width:450px) {
    #menu-button {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1020px) {
    nav.primary ul li a {
        /* font-weight: 100; */
    }
}


@media only screen and (min-width: 1921px) {
    nav.primary ul li a {
        font-size: 17.64px;
    }

    nav.primary img {
        margin-top: 80px !important;
    }

    #topBar,
    .topBarMobile {
        font-size: 16px;
    }

    .change-scrolling-header img {
        margin: 30px 0 80px !important;
    }

    .slide-captions {
        max-width: calc(63.75rem + ((1vw - 19.2px) * 38.5053));
    }

    .sp-padding {
        width: 100vw !important;
    }

    .quickLinks .center {
        margin: 31px;
    }

    .heroButtons {
        max-width: 8.787142VW;
        height: 10.827693909422177VW;
    }

    .heroButtons h4 {
        font-size: 1.3014055179593962VW;
    }

    .heroButtons img[src="/siteart/trailer.png"] {
        width: 6.664602VW !important;
    }

    .heroButtons img[src="/siteart/truck.png"] {
        width: 6.039927VW !important;
    }

    .heroButtons a hr {
        display: none;
    }

    .heroButtons a {
        font-size: 0.6246746486205101VW;
        padding: 0.4685059864653826VW 0.7287870900572618VW;
    }

    .heroButtons img[src="/siteart/parts.png"] {
        width: 2.916554VW !important;
    }

    .about aside h2,
    .about aside p {
        max-width: 60.28110359187922VW;
    }

    .about aside hr {
        max-width: 67.6730869338886VW;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1020px) {
    .scrolled-header img {
        margin: 30px 0 calc(-4.375rem + ((1vw - 7.68px) * -7.9365)) !important;
    }

    .change-scrolling-header img {
        margin: 30px 0 15px !important;
    }
}

@media only screen and (max-width: 1020px) {
    nav.primary img {
        width: calc(11.5625rem + ((1vw - 7.68px) * 4.7619));
    }




    .scrolled-header #right ul {
        max-width: 95%;
    }

    .slide-captions {
        max-width: 841px;
    }

    .slide-captions h1 {
        letter-spacing: 20px
    }

    .quickLinks {
        padding-bottom: 50px;
        width: 600px;
    }

    .about aside .textWrap {
        /*        padding-left: 50px;*/
    }

    .about aside h2 {
        font-size: 29px;
    }

    #home .fill .about p {
        font-size: 11px !important;
    }
}


@media only screen and (max-width: 1050px) and (min-height: 900px) {
    .flexSec {
        flex-direction: column;
        /* height: 70vh; */
    }

    .about aside {
        padding-right: 40px !important;
    }

    .flexSec img {}
}

@media only screen and (min-width: 900px) and (max-height: 900px) {
    .slide-captions h1 {
        font-size: 17.77777777777778vh;
    }

    hr {
        margin-bottom: 3.111111111111111vh !important;
    }

    .slide-captions {
        font-size: 3.7777777777777777vh;
        max-width: calc(47.125rem + ((1vh - 5.57px) * 77.551));
    }

    .quickLinks {
        padding: 2.6666666666666665vh 0;
        width: 91.22222222222223vh;
    }

    .quickLinks .center {
        margin: 0;
    }

    .heroButtons {
        width: 23.555555555555557vh;
        min-width: calc(8.125rem + ((1vh - 4.67px) * 4.6189));
        height: calc(10.625rem + ((1vh - 5.78px) * 11.8012));
    }

    .heroButtons img[src="/siteart/trailer.png"] {
        width: 17vh !important;
    }

    .heroButtons img[src="/siteart/truck.png"] {
        width: 15.666666666666666vh !important;
    }

    .heroButtons img[src="/siteart/parts.png"] {
        width: 9vh !important;
    }

    .heroButtons a {
        font-size: calc(0.625rem + ((1vh - 4.67px) * 0.4619));
        padding: 1vh 1.5555555555555556vh;
    }

    .heroButtons h4 {
        font-size: calc(1.125rem + ((1vh - 5.78px) * 2.1739));
    }

    .heroButtons a hr {
        display: none;
    }
}

@media only screen and (max-width: 767px) and (max-height: 549px) {
    #home .mask.hero {
        height: auto !important;
        min-height: auto !important;
        position: relative;
        overflow-y: hidden;
        top: 0;
    }

    #home .sp-slides-container {
        height: calc(100vh + 84px) !important;
    }

    #home .slide-captions {
        /* display: none; */
        margin-top: 70px;
    }

    #home .mask {
        top: 0;
    }

    #home .fill {
        flex: initial;
    }

    #home section.mask.auctions {
        min-height: 600px;
        height: 600px !important;
    }

    #home .fill .about {
        flex: initial;
    }

    a.scrollToTop.vert-move.appear {
        display: none !important;
    }

    #home header {
        position: absolute;
    }

    #home .slide-captions h1 {
        font-size: 30px !important;
        margin-top: -70px;
    }
}

@media screen and (max-height: 750px) and (max-width: 500px) {
    .slide-captions {
        height: 100vh;
        /* margin-top: 35px; */
    }

}

@media only screen and (max-height: 2880px) {

    #home .fill .about p {
        font-size: calc(0.875rem + ((1vw - 10.2px) * 1.1111));
    }

    .about aside {
        padding: calc(0.9375rem + ((1vh - 5.68px) * 2.0747)) 0;
        margin-right: 10px;
    }
}

/*---------- ANIMATION STYLES ----------*/
.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

/*
@supports (-webkit-overflow-scrolling: touch) {
    .mask.hero {
        top: -153px;
        position: relative;
    }

    .slide-captions {
        height: calc(100vh + 60px) !important;
    }
}
*/