/***** BEGIN 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 {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

*:not(.mobile):not(.mobile *):not(.invPage main *):not(.parallax-window):not(.parallax-window *):not(.parallax-mirror):not(.parallax-mirror *):not(.brands *) {
    transition: .2s ease-in
}

.topStuff span {
    font-family: Interstate;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 32px;
    text-align: left;
    color: #6f7f56;
    text-transform: uppercase;
    padding-left: 19px;
}

.CaptchaMessagePanel {
    text-wrap: balance;
}

.slick-list.draggable {}

a.coolLink:not([class*="panel-heading"]):not([class*="panel-heading"] *) {
    background-image: linear-gradient(120deg, #9e7b40 0%, #9e7b40 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.2em;
    background-position: 0 116%;
    transition: background-size 0.25s ease-in;
    color: #9e7b40;
    transition: 0.25s ease-out;
    padding: 2px 2px 0;
}

a.coolLink:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *) {
    background-size: 100% 88%;
    color: white;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td {
    vertical-align: top;
}

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

/* Fonts */
/* font-family: double-pica, serif;font-family: double-pica-sc, serif;font-family: interstate, sans-serif;font-family: interstate-compressed, sans-serif;font-family: interstate-condensed, sans-serif; */
/*-------- COLORS --------*/
:root {
    /* All text that appears outside of the colored boxes, background for the colored boxes */
    --neutral1: #FFFFFF;
    /* Insurance/Financing buttons */
    --secondary1: #DBCDC6;
    /* Some titles, some buttons */
    --primary: #C3262D;
    /* Background color for hover states, text color for hover states */
    --secondary2: #707070;
    /* Background color, all text appearing within the colored boxes */
    --neutral2: #1D1D1D;
}

/***** END RESET *****/
::-moz-selection {
    background: var(--neutral2);
    color: var(--neutral1);
    text-shadow: none;
}

::selection {
    background: var(--neutral2);
    color: var(--neutral1);
    text-shadow: none;
}

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

body {
    font-family: 'Arial', san-serif;
    margin: 0;
    overflow-x: hidden;
}

html {
    overflow-x: hidden;
}

/*for demo purposes only*/
.clear {
    clear: both;
}

/***** Start of primary nav ******/
#menu-button {
    display: none;
}

nav.mobile {
    display: none;
}

nav.primary {
    padding: 0;
    display: inline-block;
    margin: 0;
    /* width:79%; */
    position: relative;
    /* background: #000; */
}

nav.primary ul {
    margin: 0;
    padding: 0;
}

nav.primary ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
}

nav.primary ul li a {
    color: #fff;
    font-size: 14px;
    font-size: max(9.4792px, 0.72917vw);
    line-height: 60px;
    line-height: max(40.625px, 3.125vw);
    text-decoration: none;
    display: block;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    font-weight: 500;
    padding: 0 12px;
    padding: 0 max(8.125px, 0.625vw);
}

nav.primary ul li a:hover {
    background: #ececec;
    color: #75674e !important;
}

nav.primary ul li.active a {
    color: #75674e !important;
}

/* Appearance of the sub-level links */
nav.primary ul li li a {
    font-size: 16px;
    font-size: max(10.8333px, 0.83333vw);
    line-height: 16px;
    line-height: max(10.8333px, 0.83333vw);
    padding: 10px;
    padding: max(6.7708px, 0.52083vw);
    color: #fff;
    background: #181818;
    text-align: left;
    border-right: none;
    border-left: none;
    border-bottom: #303030 solid 1px;
}

/* Appearance of the sub-level links on hover */
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
    display: none;
    position: absolute;
}

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

nav.primary ul li:hover>ul {
    display: block;
    line-height: 18px;
    line-height: max(12.1875px, 0.9375vw);
    z-index: 100;
}

nav.primary ul ul li {
    float: none;
    width: 270px;
    width: max(182.8125px, 14.0625vw);
    position: relative;
    margin: 0;
    display: block;
}

@media screen and (max-width: 1730px) {
    nav.primary ul li a {
        padding: 0 7px;
    }
}

@media screen and (max-width: 1575px) {
    nav.primary ul li a {
        font-size: 12px;
    }
}

.changeMobile {
    display: none;
}

.topOne {
    display: none
}

.widthMod {
    width: 182.891667VW !important;
}

.contact-page-phone {
    color: #000000;
    margin-bottom: 20px;
}

@media screen and (max-width: 550px) {
    main .rightStuff div.checkboxsurround img {
        display: inline-block !important;
        width: 60px !important;
    }

    .flex-form {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    main .rightStuff p:not(.invPage p),
    .flex-form {
        padding-left: 0 !important;
        margin-left: 0 !important;
        width: 100%;
    }

    .homePage main div.rightStuff p {
        margin-left: 10px !important;
    }

    body div.headerStuff {
        align-items: flex-end !important;
    }

    .headerStuff .leftStuff {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .headerStuff .rightStuff {
        width: 93%;
    }

    .hero:before {
        /* height: 250px !important; */
    }

    .secSurround .hero .topBusiness .olda {
        /* margin-right: -820px !important; */
        /* top: -103px !important; */
        /* left: -37px; */
    }

    .secSurround .hero .topBusiness img {
        width: 375px !important;
    }

    .secSurround .hero .heroImage {
        /* width: 980px; */
    }

    main,
    .invPage.otherPage main {
        display: block;
    }

    main div.rightStuff {
        padding: 20px !important;
        padding-bottom: 110px !important;
        padding-top: 170px !important;
        z-index: 1;
    }

    .otherPage main div.rightStuff {
        padding-top: 110px !important;
    }

    main .rightStuff h1 {
        margin-left: 10px !important;
    }

    .otherPage h1 {
        font-size: 35px !important;
    }

    main .rightStuff hr {
        margin-left: 10px !important;
    }

    main .rightStuff .imageRow img:nth-of-type(2) {
        display: none;
    }

    main div.rightStuff div.imageRow img:first-of-type:not(main div.rightStuff div.imageRow img:first-of-type) {
        width: 90% !important;
        margin-left: 10px !important;
        /* display: inline-block !important; */
        /* width: 60px !important; */
    }

    main .rightStuff .paddingLeft {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 767px) {
    main .wheatStuff {
        display: none;
    }

    .topOne {
        display: block;
    }

    .hero .tallHR {
        /* display: none; */
    }

    .secSurround {
        /* top: -23px; */
        /* z-index: 99; */
    }

    body .headerStuff {
        flex-direction: column;
        min-height: auto !important;
        margin: 0 0 0 0 !important;
        align-items: center !important;
        margin-left: 0 !important;
        height: 180px !important;
    }

    .secSurround .hero .topBusiness {
        /* bottom: -70px; */
        /* justify-content: space-between; */
    }

    .secSurround .hero .topBusiness .olda {
        /* top: -170px; */
        /* right: 0; */
        /* left: 320px; */
        /* position: relative; */
        /* margin-right: calc(-15.625rem + ((1vw - 5.5px) * -64.5161)); */
    }

    .secSurround .hero .topBusiness img {
        top: 30px;
        width: 590px;
    }

    .secSurround .hero .topBusiness hr {
        /* width: 300px; */
    }

    main .rightStuff {
        padding-bottom: 170px !important;
    }

    main .rightStuff div.imageRow img {
        width: 40% !important;
    }

    main .rightStuff .imageRow img:nth-of-type(3) {
        display: none;
    }

    .brands {
        display: none;
    }

    footer {
        flex-direction: column-reverse;
    }

    footer .rightStuff {
        padding: 40px 0;
    }

    footer .rightStuff ul li {
        text-align: center;
    }
}

@media screen and (max-width: 850px) {
    .changeMobile {
        display: block;
        padding: 16px 95px 16px 35px;
        display: flex;
        align-items: center;
    }

    .changeMobile a {
        padding-right: 17px;
        font-family: "Font Awesome 6 Brands";
        font-weight: normal;
        font-size: 19px;
        text-align: left;
    }

    .changeMobile a i {
        color: #6f7f56 !important;
    }

    .changeMobile a:last-of-type {
        padding-right: 0;
    }

    .headerStuff {
        height: 130px !important;
    }

    .headerStuff .leftStuff a img {
        width: 200px;
    }

    .headerStuff .rightStuff {
        /* display: flex !important; */
        flex-direction: row !important;
        border-top: 1px solid #8f9e77;
    }

    .headerStuff .rightStuff .topStuff {
        display: none !important;
    }

    .secSurround .hero .topBusiness img {
        margin-right: -110px;
    }

    main .rightStuff {
        padding-top: 160px !important;
    }

    main .rightStuff .imageRow img {
        width: 27% !important;
    }

    main .rightStuff .imageRow img:last-of-type {
        display: none;
    }

    main .rightStuff div.checkboxsurround img {
        display: inline-block !important;
        width: 60px !important;
    }

    main .rightStuff .paddingLeft {
        font-size: 14px;
    }

    .brands {
        width: 100% !important;
        height: 290px !important;
        margin-top: -190px !important;
    }

    .brands div h1 {
        font-size: 52.1355px !important;
    }

    .brands div hr {
        width: 350px !important;
    }

    .brands div .brandsBox .singBrand {
        width: 28vw !important;
        height: 160px !important;
    }

    .brands div .brandsBox img {
        width: 25vw !important;
    }

    .brands div .brandsBox .singBrand:first-of-type img {
        width: 49vw !important;
    }

    .tallHR.bottomOne,
    .tallHR.topOne {
        top: 0px !important;
        Z-INDEX: 100;
        display: none;
    }

    footer {
        margin-top: 0 !important;
        padding-top: 3.64583vw !important;
        align-items: center !important;
    }
}

@media screen and (max-width: 1130px) {
    main .leftStuff {
        display: none;
    }

    .widthMod {
        width: 100% !important
    }

    main .rightStuff .imageRow img:first-of-type {
        margin-left: 50px !important;
    }

    main .rightStuff .paddingLeft {
        margin-right: 0;
    }
}

@media screen and (max-width: 1300px) {
    .headerStuff {
        margin-left: 4.65625vw !important;
    }

    .headerStuff .rightStuff .bottomStuff ul a {
        padding: 0.83333vw 2.83333vw 1.30208vw 1.5625vw !important;
    }

    main .leftStuff img {
        width: 150% !important;
        margin-left: -50%;
    }
}

/******** End of primary Nav ***************/
@media screen and (max-width: 850px) {

    /*==============================Mobile Nav Styles================================*/
    nav.primary {
        display: none;
    }

    #menu-button {
        /* width: 74%; */
        display: inline-block;
        position: relative;
        line-height: 60px;
        z-index: 400;
        /* needs to be lower than nav.mobile, adjust as needed */
        /* background: #000; */
        line-height: 1;
        text-align: right;
        padding: 16px 95px 16px 35px;
        border-right: 1px solid #8f9e77;
        font-family: interstate, sans-serif;
        font-size: 16px;
        letter-spacing: 0.03em;
        line-height: 32px;
        text-align: left;
        color: #413f40;
        text-transform: uppercase;
        font-weight: bold;
    }

    #menu-button a {
        color: #000;
        text-decoration: none;
        /* padding: 0 0 0 .8em; */
    }

    nav.mobile {
        display: block;
        position: fixed;
        top: 0;
        top: -100%;
        width: 100%;
        height: 100%;
        background: #eaeaea;
        z-index: 99999;
        /* needs to be higher than #menu-button, adjust as needed */
        overflow: auto;
        /* display: flex;*/
        /* align-items: center;*/
        /* justify-content: center;*/
        /* flex-direction: column;*/
    }

    .flexSurround {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 90vh;
        overflow: hidden;
    }

    /* MENU HEADER SOCIAL MEDIA */
    nav.mobile .social-media {
        position: relative;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        word-spacing: 13px;
        padding: 0 0 0 15px;
        color: #ccc !important;
    }

    nav.mobile .social-media a:link,
    nav.mobile .social-media a:visited {
        color: #ccc;
        text-decoration: none;
    }

    nav.mobile .social-media a:hover,
    nav.mobile .social-media a:active {
        color: #fff;
        text-decoration: underline;
    }

    /* MENU HEADER STYLES */
    nav.mobile .mobile_top {
        position: relative;
        display: block;
        padding: 0;
        margin: 50px 0 10px 0;
        color: #999;
        font-size: 18px;
        font-weight: 400;
        top: 0;
        right: 0;
        width: 100%;
    }

    /* MENU CLOSE 'X' BUTTON */
    nav.mobile .menu-toggle {
        position: absolute;
        padding: 3px 8px 3px;
        font-family: Arial, sans-serif;
        font-size: 44px;
        font-weight: 100;
        line-height: 1;
        /* background: #222; */
        color: var(--neutral2);
        text-decoration: none;
        bottom: 0px;
        right: 13px;
    }

    nav.mobile .menu-toggle:hover {
        color: var(--secondary2);
    }


    /* MENU LIST STYLE */
    nav.mobile ul {
        list-style: none;
        font-weight: 300;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    nav.mobile ul * {
        transition: all 0.1s ease-out;
    }

    nav.mobile ul li {
        /* border-top: 1px solid #454545;*/
        /* border-bottom: 1px solid #151515;*/
        position: relative;
    }

    nav.mobile ul li:last-child a {
        font-weight: bold;
        font-size: 20px;
    }

    li {}

    /* FIRST LEVEL */
    nav.mobile ul li a {
        position: relative;
        display: block;
        font-size: 16px;
        padding: 16px;
        color: var(--neutral2);
        font-family: interstate, sans-serif;
        text-decoration: none;
        /* border-left: 4px #333 solid;*/
        /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);*/
        text-align: center;
        text-transform: uppercase;
    }

    nav.mobile ul li a:hover {
        background: rgba(45, 45, 45, 0.5);
        color: #f9f9f9;
        /* border-left: 4px #CB1C1C solid;*/
        /* border highlight - Change to fit match site colors */
    }

    /* 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: #ccc;
        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;
    }

    .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;
    }

    .hero .innerMenu {
        margin-right: 47px;
    }
}

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

/*-------- BODY STYLES --------*/

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

a:hover {
    text-decoration: none;
}

.hero hr {
    width: 330px;
    width: max(223.4375px, 17.1875vw);
    border: #868253 1px solid;
}

/*--- HEADER STYLES ---------------------*/
/*.notInventory{*/
.headerStuff {
    display: flex;
    justify-content: space-between;
    height: 180px;
    height: max(101.875px, 9.375vw);
    align-items: flex-end;
    margin-left: 147px;
    margin-left: 7.65625vw;
}

.headerStuff .leftStuff img {
    width: 247px;
    width: max(137.2398px, 12.8646vw);
}

.headerStuff .leftStuff {
    height: 100%;
    display: flex;
    align-items: center;
}

footer .leftStuff img {
    width: max(270.8329px, 20.8333vw);
}

.borderTop {
    background: linear-gradient(90deg, rgba(240, 240, 240, 1) 63%, rgba(240, 240, 240, 1) 63%, rgba(227, 227, 227, 1) 63%, rgba(227, 227, 227, 1) 100%);
    height: 11px;
    height: max(7.448px, 0.57292vw);
    width: 100%;
}

footer+.borderTop {
    background: linear-gradient(270deg, rgba(240, 240, 240, 1) 63%, rgba(240, 240, 240, 1) 63%, rgba(227, 227, 227, 1) 63%, rgba(227, 227, 227, 1) 100%);
}

.headerStuff .rightStuff {
    display: flex;
    flex-direction: column;
}

.headerStuff .rightStuff .topStuff {
    display: flex;
    justify-content: flex-end;
    margin-right: 113px;
    margin-right: 5.88542vw;
    align-items: center;
}

.headerStuff .rightStuff .topStuff a {
    font-size: 24px;
    font-size: max(16.25px, 1.25vw);
    color: #6f7f56 !important;
}

.headerStuff .rightStuff .topStuff a:hover {
    color: #626262;
}

.headerStuff .rightStuff .topStuff a:last-of-type {
    font-size: max(16.25px, 1.1vw);
}

.headerStuff .rightStuff .bottomStuff .primary {
    margin-top: 20px;
    margin-top: max(13.5417px, 1.04167vw);
}

.headerStuff .rightStuff .bottomStuff .primary,
.headerStuff .rightStuff .bottomStuff .primary * {
    box-sizing: content-box !important;
}

.headerStuff .rightStuff .bottomStuff ul {
    border-top: 1px solid #8f9e77;
}

.headerStuff .rightStuff .bottomStuff ul li {
    border-right: 1px solid #8f9e77;
}

.headerStuff .rightStuff .bottomStuff ul li:last-of-type {
    border-right: none;
}

.headerStuff .rightStuff .bottomStuff ul a {
    font-family: interstate, sans-serif;
    font-weight: bold;
    font-size: 16px;
    font-size: max(12px, 0.83333vw);
    letter-spacing: 0.03em;
    line-height: 32px;
    line-height: max(21.6667px, 1.66667vw);
    text-align: left;
    color: #413f40;
    padding: 16px 112px 25px 30px;
    padding: 0.83333vw 4.83333vw 1.30208vw 1.5625vw;
    margin-left: -4px;
}

.headerStuff .rightStuff .bottomStuff ul li:first-of-type a {
    margin-left: 0;
}

/*}*/
/*---BODY--------------------------------*/
/*.notInventory{*/
.hero {
    position: relative;
    /* bottom: -125px; */
    /* overflow-x: hidden; */
}

.secSurround {
    position: relative;
    margin-bottom: -125px;
    margin-bottom: min(-84.6355px, -6.51042vw);
}


.bottomrightstuff a {
    text-decoration: underline;
    color: white;
}

.hero .topBusiness {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    bottom: -100px;
    bottom: min(-67.7083px, -5.20833vw);
    align-items: center;
}

.hero .topBusiness img {
    width: 1015px;
    width: max(687.2395px, 52.86458vw);
    position: relative;
    right: 0;
    filter: drop-shadow(0px 3px 40px rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0px max(2.0313px, 0.15625vw) max(27.0833px, 2.08333vw) rgba(0, 0, 0, 0.16));
    pointer-events: none;
}

.hero .topBusiness .olda {
    position: relative;
    right: -420px;
    /* right: min(-494.2708px, -38.02083vw); */
    top: -20px;
    top: min(-13.5417px, -1.04167vw);
    margin-top: 125px;
    right: calc(-50.625rem + ((1vw - 12.5px) * 58.209));
}

.hero .topBusiness .olda:hover h1 {
    /* right: min(-64.7917px, -8.29167vw); */
    /* color: #f3f3f3; */
    /* filter: drop-shadow(0px max(2.0313px, 0.15625vw) max(27.0833px, 2.08333vw) rgba(0, 0, 0, 0.16)); */
}

.hero .topBusiness .olda h1 {
    font-family: interstate-compressed, sans-serif;
    font-weight: 300;
    font-size: 77px;
    font-size: max(52.1355px, 4.01042vw);
    letter-spacing: -0.01em;
    line-height: 159px;
    /* line-height: max(135.4167px, 10.41667vw); */
    text-align: left;
    color: #ebdbcb;
    text-transform: uppercase;
    right: -31px;
    /* right: min(-54.7917px, -7.29167vw); */
    position: relative;
    z-index: 9;
    text-wrap: balance;
}

.hero .topBusiness .olda hr {
    width: 1445px;
    /* width: max(577.9475px, 48.30365vw); */
    background: transparent;
    border: 2px solid #ddc6ae;
    opacity: 0.9;
    position: relative;
    top: -80px;
    top: min(-80.1667px, -3.16667vw);
}

.hero .heroImage {
    position: absolute;
    top: 0;
    width: max(1300px, 100vw);
    z-index: 1;
}

.tallHR {
    height: 34px;
    height: max(23.0208px, 1.77083vw);
    width: 100%;
    background: rgb(105, 96, 84);
    background: linear-gradient(270deg, rgba(105, 96, 84, 0.7483368347338936) 82%, rgba(105, 96, 84, 0.7511379551820728) 82%, rgba(90, 90, 92, 0.5074404761904762) 82%, rgba(90, 90, 92, 0.5074404761904762) 100%);
    z-index: 3;
    position: relative;
    top: -125px;
    top: min(-84.6355px, -6.51042vw);
}

.tallHR.bottomOne {
    background: linear-gradient(90deg, #c5c5c5 82%, #c5c5c5 82%, #d8d8d8 82%, #d8d8d8 100%);
    top: -10.31042vw;
    z-index: 0;
}

.hero:before {
    width: max(1300px, 100vw);
    height: 487px;
    height: max(329.7395px, 25.36458vw);
    background: linear-gradient(rgb(162 122 70 / 0%) 0%, rgb(162 123 68 / 74%) 62%);
    content: '';
    z-index: 3;
    position: absolute;
    height: 100% !important;
}

main {
    display: flex;
    position: relative;
}

.invPage.otherPage main {
    display: block;
}

main .leftStuff {
    width: max(686.1px, 48.7vw);
    align-items: baseline;
}

main .leftStuff img {
    width: 100%;
    opacity: .15;
}

.parallax-mirror {
    opacity: 0.15;
}

main .rightStuff {
    padding: 145px 80px 425px;
    padding: max(98.177px, 6.55208vw) max(54.1667px, 4.16667vw) max(287.7605px, 22.13542vw);
    background: #ECECEC;
}

.invPage main .rightStuff {
    background: #f3f3f3;
}

main .wheatStuff {
    position: absolute;
    bottom: 0px;
    right: -60px;
    z-index: 0;
    width: max(304.6875px, 24.375VW);
}

main .rightStuff h3 {
    font-family: "IM FELL Double Pica";
    font-weight: normal;
    font-size: 28px;
    font-size: max(18.9583px, 1.45833vw);
    letter-spacing: 0.03em;
    line-height: 32px;
    line-height: max(21.6667px, 1.66667vw);
    text-align: left;
    color: #a27b44;
}

main .rightStuff h1:not(.invPage h1),
.homePage main .rightStuff h2:not(.invPage h1) {
    font-family: interstate-compressed, sans-serif;
    font-weight: normal;
    font-size: 66px;
    font-size: max(44.6875px, 3.4375vw);
    letter-spacing: 0.03em;
    line-height: 68px;
    line-height: max(46.0417px, 3.54167vw);
    text-align: left;
    color: #3c3a3c;
    text-transform: uppercase;
    opacity: 0.75;
    margin-left: 25px;
    margin-left: max(16.927px, 1.30208vw);
}

main .rightStuff hr {
    margin: 15px 0 35px 75px;
    margin: max(10.1563px, 0.78125vw) 0 max(23.698px, 1.82292vw) max(50.7813px, 3.90625vw);
    max-width: 330px;
}

main .rightStuff .imageRow img {
    width: 307px;
    width: max(137.8645px, 15.98958vw);
    margin: 0 25px;
    margin: 0 max(6.927px, 1.30208vw);
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* MARGIN: 0 !IMPORTANT; */
}

main .rightStuff .imageRow img:first-of-type {
    margin-left: -155px;
    margin-left: min(-104.948px, -8.07292vw);
}

main .rightStuff p:not(.invPage p),
.flex-form {
    font-family: interstate, sans-serif;
    font-weight: 300;
    font-size: 18px;
    font-size: max(13.1875px, 0.9375vw);
    letter-spacing: 0.03em;
    line-height: 32px;
    line-height: max(21.6667px, 1.66667vw);
    text-align: left;
    color: #413f40;
    margin-left: 75px;
    margin-left: max(50.7813px, 3.90625vw);
    margin-right: 200px;
    margin-right: max(135.4167px, 10.41667vw);
}

.rightStuff h4 {
    font-family: interstate, sans-serif;
    font-weight: 300;
    font-size: 18px;
    font-size: max(13.1875px, 0.9375vw);
    letter-spacing: 0.03em;
    line-height: 32px;
    line-height: max(21.6667px, 1.66667vw);
    text-align: left;
    color: #413f40;
    text-align: center;
    font-weight: 600;
}

main .rightStuff p {
    font-family: 'interstate, sans-serif';
    /* font-size: max(13.1875px, 0.9375vw); */
}

.brands {
    width: 1334px;
    width: 72.47917vw;
    height: 483px;
    height: 25.15625vw;
    background: #a27b44;
    box-shadow: 0px 3px 76px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0.15625vw 3.95833vw rgba(0, 0, 0, 0.16);
    position: relative;
    margin-top: -320px;
    margin-top: -16.66667vw;
    z-index: 1;
    position: relative;
    overflow: hidden;
}

section.brands hr {
    width: 588px;
    width: 40.625vw;
    border: 1px solid #e4cfba;
    opacity: 0.9;
    margin-right: 0;
    margin-top: -18px;
    margin-top: -0.9375vw;
}

.brands div h3 {
    font-family: interstate-compressed, sans-serif;
    font-weight: 300;
    font-size: 77px;
    font-size: 4.01042vw;
    letter-spacing: -0.01em;
    text-align: right;
    color: #ebdbcb;
    text-transform: uppercase;
    padding: 75px 45px 0;
    padding: 3.90625vw 2.34375vw 0;
}

.brands div .brandsBox {
    /* position: absolute; */
    bottom: 0;
    display: flex;
    /* right: 140px; */
    /* right: 7.29167vw; */
}

.brandscontain {
    position: absolute;
    bottom: 0;
    /* right: 7.29167vw; */
    width: 100%;
    right: 0;
}

.brands div .brandsBox .singBrand {
    position: relative;
    display: flex;
    width: 355px;
    width: 18.48958vw;
    height: 275px;
    height: 14.32292vw;
    overflow: hidden;
    align-items: flex-end;
    justify-content: space-between;
    border-top: 1px solid #ebdbcb;
    border-right: 1px solid #ebdbcb;
}

.brands div .brandsBox .singBrand:hover img {
    transform: scale(1.2);
    opacity: 0.15;
}

.brands div .brandsBox .singBrand:hover h2 {
    transform: translateX(12px);
}

.brands div .brandsBox .singBrand:hover {
    cursor: pointer;
}

.brands div .brandsBox img:not(button img) {
    position: absolute;
    opacity: .07;
    right: -50px;
    right: -2.60417vw;
    bottom: 20px;
    bottom: 1.04167vw;
    width: 14.4271vw;
    transition: .2s ease-in;
}

.brands button img {
    width: 18px;
    height: 50px;
}

.brands button:last-of-type {
    top: 45px !important;
}

.brands div .brandsBox .singBrand:first-of-type img {
    right: -500px;
    right: -26.04167vw;
    bottom: 55px;
    bottom: 2.86458vw;
    width: 44.6354vw;
}

.brands div .brandsBox h2 {
    font-family: interstate-compressed, sans-serif;
    font-weight: 300;
    font-size: 67px;
    font-size: 3.48958vw;
    letter-spacing: -0.01em;
    text-align: right;
    color: #f7f7f7;
    text-transform: uppercase;
    z-index: 1;
    left: 45px;
    left: 2.34375vw;
    position: relative;
    bottom: -17px;
    bottom: -0.88542vw;
    transition: .2s ease-in;
}

/*}*/
/*--------FORM STYLES--------------------*/
/*.notInventory{*/
/*}*/
/*-------- FOOTER STYLES ----------------*/
/*.notInventory{*/
a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    text-decoration: underline;
    font-size: 13px;
    font-size: max(8.802px, 0.67708vw);
}

a.footerlink:hover {
    text-decoration: none;
    font-size: 13px;
    font-size: max(8.802px, 0.67708vw);
}

.footertext {
    font-size: 13px;
    font-size: max(8.802px, 0.67708vw);
    color: #999999;
}

.smallfootertext {
    font-size: 10px;
    font-size: max(6.7708px, 0.52083vw);
    color: #999999;
}

.divfooter {
    max-width: 450px;
    max-width: max(304.6875px, 23.4375vw);
    text-align: center;
    margin: 0 auto;
}

footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: -55px;
    margin-top: min(-37.2395px, -2.86458vw);
    align-items: flex-end;
    padding: 0px 180px 70px;
    padding: 0px 9.375vw 3.64583vw;
    box-sizing: border-box;
}

footer .rightStuff ul {
    width: 338px;
    width: max(228.8542px, 17.60417vw);
    /* height: 203px; */
    /* height: max(137.448px, 10.57292vw); */
    font-family: interstate, sans-serif;
    font-weight: 300;
    font-size: 18px;
    font-size: max(12.1875px, 0.9375vw);
    letter-spacing: 0.03em;
    line-height: 42px;
    line-height: max(28.4375px, 2.1875vw);
    text-align: right;
    text-transform: uppercase;
}

footer .rightStuff ul li a {
    color: #4b3621;
}

footer .rightStuff ul li a:hover {
    color: #9e7b40;
}

.loaderContain {
    /*! CSS Used from: http://sublettemachinery.com.hstg/css/style.css?v=1 */
    z-index: 999999999;
    position: relative;
}

.loaderContain #loader {
    z-index: 1001;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loaderContain #loader img {
    top: 50%;
    left: 50%;
    width: 100%;
    animation-name: grow;
    animation-duration: 1s;
}

.loaderContain #loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.loaderContain #loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    bottom: 0;
    background: #ffffff;
    z-index: 1000;
}

.loaderContain #loader-wrapper .loader-section.section-left {
    left: 0;
}

.loaderContain #loader-wrapper .loader-section.section-right {
    right: 0;
}

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.loaded #loader {
    opacity: 0;
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
    /*! CSS Used keyframes */
}

@keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-moz-keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-webkit-keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-o-keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

/*---------- FORM CSS ----------*/

.flex-form {
    width: 100%;
    text-align: left;
    margin: 0 auto;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 15px;
    padding-left: max(50.7813px, 3.90625vw);
    box-sizing: border-box;
}

.flex-form h3 {
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #eee;
    padding: 20px 0 20px 0;
    margin-top: 40px;
}

.flex-form h4 {
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 40px;
    padding: 10px 0;
    font-size: 16px;
}

.flex-form label {
    font-weight: normal;
}

.flex-form span {
    text-align: left;
    margin: 0;
    font-size: 12px;
}

.flex-form #formpage input,
select {
    margin-top: 5px;
}

.flex-form .flex-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.flex-border {
    border: 2px solid #eee;
    padding: 20px;
}

.flex-input {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 10px 5px 5px 5px;
    text-align: left;
}

.check-container {
    display: inline-block;
    text-align: left;
    margin: 0;
}

.check-container input[type=] {
    display: inline-block;
    width: 20px !important;
}

.parts-request {
    width: 100%;
    padding: 40px 0;
    text-align: left;
    margin-top: 40px;
    border-top: 1px solid #eaeaea;
}

.parts-request h3 {
    text-transform: uppercase;
}

#formpage {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    text-align: left;
    /* margin-left: max(50.7813px, 3.90625vw); */
    margin-top: max(20.7813px, 1.90625vw);
}

#formpage p {
    text-align: left;
}

#formpage h4 {
    margin-top: 30px;
}

.form-half {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}

.add-part {
    padding: 30px;
    border: 1px solid #f1f1f1;
    margin: 20px 0 0 0
}

.add-part h4 {
    margin: 0 0 10px 10px !important;
}

.formfield {
    width: 100%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    min-width: 175px;
    text-align: left;
}

#formpage input,
select {
    padding: 8px;
    border: none;
    font-family: 'interstate', sans-serif;
    color: #000;
    font-size: 16px;
    margin-top: 5px;
    border-radius: 2px;
    background: #fbfbfb;
}

#formpage input:focus {
    border: 1px solid #eaeaea;
    border-radius: 2px
}

#formpage option {
    color: #333;
    background: #fff;
}

#formpage :-webkit-input-placeholder {
    color: #767676;
}

#formpage :-moz-placeholder {
    color: #767676;
}

#formpage :-ms-input-placeholder {
    color: #767676;
}

#formpage :-moz-placeholder {
    color: #767676;
}

#formpage input.submit-button,
#formpage input.submit-button:focus {
    background: #9e7b40;
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    border-radius: 0;
    transition: ease-in .3s;
    width: 150px;
    border: none;
    height: auto;
    font-family: interstate, sans-serif;
    font-size: 22px;
    /* text-align: left; */
    margin-left: 4px;
}

#formpage input.submit-button:hover {
    background: #9e7b40;
    /* box-shadow: 1px 1px 2px #848484; */
    transition: ease-out .3s;
}

input[type=],
input[type=] {
    -webkit-appearance: none;
}

#formpage textarea {
    padding: 8px;
    border: none;
    color: #000;
    font-size: 16px;
    background: #fbfbfb;
    width: 100%;
    height: 85px;
    border-radius: 0;
    font-family: 'interstate', sans-serif;
    box-sizing: border-box;
    margin-top: 10px;
    resize: vertical;
}

#formpage textarea:focus {
    border: 1px solid #eaeaea;
    border-radius: 2px
}

.CaptchaPanel {
    width: 100%;
    text-align: left !important;
    padding: 0 !important;
}

.CaptchaImagePanel img {
    width: 200px;
}

.CaptchaAnswerPanel {
    width: 250px;
}

.CaptchaWhatsThisPanel a {
    color: #333;
}

.submit-button {
    padding: 10px 0px 10px 0px;
    position: relative;
    width: 100%;
    /* text-align: center; */
    cursor: pointer;
}

@media screen and (max-width: 1170px) {
    .form-half {
        width: 46%;
    }
}

@media screen and (max-width: 900px) {
    .flex-form .flex-row {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 700px) {
    .form-half {
        width: 98%;
    }
}

@media screen and (max-width: 450px) {
    .add-part {
        padding: 20px;
    }
}

/*}*/
/*---------- RESPONSIVE STYLES ----------*/
/*.notInventory{*/
/*}*/