﻿/* font-family: "stratum-1-web", sans-serif; 400 500 700 font-family: "auger-mono", monospace; 400 700 font-family: 'Barlow', sans-serif; 400 500 600 700 */
/***** 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;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td {
    vertical-align: top;
}

input:not(.container.cf *) {
    border: none;
    outline: none;
}

/* Make HTML 5 elements display block-level for consistent styling */
header,
nav,
article,
footer,
address {
    display: block;
}

input[type="submit"] {
    cursor: pointer;
}

/* INVENTORY RESET  */
input[type="date"]:not(.cf *),
input[type="datetime"]:not(.cf *),
input[type="datetime-local"]:not(.cf *),
input[type="email"]:not(.cf *),
input[type="file"]:not(.cf *),
input[type="month"]:not(.cf *),
input[type="number"]:not(.cf *),
input[type="password"]:not([class*="Mui"]):not(.cf *),
input[type="reset"]:not(.cf *),
input[type="search"]:not([class*="Mui"]):not(.cf *),
input[type="tel"]:not([class^="Mui"]):not(.cf *),
input[type="text"]:not([class^="Mui"]):not(.cf *),
input[type="time"]:not(.cf *),
input[type="url"]:not(.cf *),
input[type="week"]:not(.cf *),
select:not(.cf *),
textarea {
    height: auto !important;
    overflow: visible !important;
    /* width: unset !important; */
}

.invpage header,
.invpage header *,
.invpage footer,
.invpage .notInventory input {
    border: none;
}

.ts-modal-container .ts-modal-content {
    color: #000 !important;
}

/* ABSOLUTE CENTER margin: 0 0 0 max(688px,50vw); transform: translateX(-50%); */
/*-------- COLORS --------*/
:root {
    --neutral1: #FFFFFF;
    /* Insurance/Financing buttons */
    --secondary1: #DBCDC6;
    /* Some titles, some buttons */
    --primary: #AF0000;
    --secondary2: #707070;
    --neutral2: #1D1D1D;
}

/***** END RESET *****/
::-moz-selection {
    background: var(--neutral2);
    text-shadow: none;
}

::selection {
    background: var(--neutral2);
    text-shadow: none;
}

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


.invpage  div.slick-dots {    top: unset !important;
    padding: 10px !Important;}

/*-------- BODY STYLES --------*/
/* START LOADER SECTION */
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999999999999;
    background: rgb(71 71 71);
}

/* END LOADER SECTION  */
.notInventory *:not(i):not(i *) {
    font-family: 'Barlow', sans-serif;
}

*:not(.container.cf *):not(header .mobile):not(.se-pre-con):not(.se-pre-con *) {
    transition-duration: .25s;
}

.twocolumns a {
    color: black;
    text-decoration: underline !important;
}

html,
BODY {
    OVERFLOW-X: HIDDEN;
}


h1:not(.container.cf *),
h2:not(.container.cf *),
h3:not(.container.cf *),
h4:not(.container.cf *),
h5:not(.container.cf *),
h6:not(.container.cf *) {
    font-family: "stratum-1-web", sans-serif;
    text-transform: uppercase;
}
li.breadcrumbs__list-item p{
    font-size: 13px !important;
}
h1:not(.container.cf *) ,h1:not(.list-redesign h1*) {
    font-weight: bold;
    /* font-size: 75px; */
    font-size: max(30px, 2.60625vw);
}

h2:not(.container.cf *) ,h2:not(.list-redesign h2*) {
    font-weight: normal;
    font-size: 54px;
    font-size: max(39px, 2.8125vw);
    letter-spacing: -0.03em;
}

h3:not(.container.cf *) {
    font-family: "stratum-1-web", sans-serif;
    font-weight: normal;
    font-size: 47px;
    font-size: max(28px, 1.74792vw);
    letter-spacing: -0.03em;
}

h3.auctiontitle {
    text-align: left;
    margin-left: -20px;
    margin-left: min(-14px, -1.04167vw);
    margin-top: 12px;
    margin-top: max(9px, 0.625vw);
    margin: 0 auto;
    /* MARGIN-LEFT: -24px; */
    MARGIN-TOP: 9px;
    MARGIN-TOP: max(6px, 0.46875vw);
}

h6:not(.container.cf *) {
    font-family: "auger-mono", monospace;
}

p:not(.container.cf *) {
    font-family: 'Barlow', sans-serif;
    margin-bottom: 30px;
    margin-bottom: max(21px, 1.5625vw);
}

a:link,
a:visited,
a:active {
    text-decoration: none;
}

a.redangle {
    padding: max(7px, 0.5208vw) max(21px, 1.5625vw) max(5px, 0.3646vw) max(32px, 2.3438vw);
    background: #C32931;
    position: absolute;
    top: 0;
    right: 0;
    clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);
}

a.redangle img {
    width: max(18px, 1.3021vw);
}

.row1 a,
.row2 a {
    filter: drop-shadow(0px 3px 36px rgba(0, 0, 0, 0.23));
    filter: drop-shadow(0px max(2px, 0.15625vw) max(26px, 1.875vw) rgba(0, 0, 0, 0.23));
    margin: 0 max(21px, 1.5625vw);
    margin-top: max(42px, 3.125vw);
}

.row1 a:nth-of-type(1) img {
    right: -27px !important;
    right: min(-19px, -1.40625vw) !important;
    top: -10px;
    top: min(-7px, -0.52083vw);
}

.row1 a img,
.row2 a img {
    top: -5px;
    top: min(-4px, -0.26042vw);
    right: -27px !important;
    right: min(-19px, -1.40625vw) !important;
    top: -10px;
    top: min(-7px, -0.52083vw);
}

.row2 a:nth-of-type(4) img {
    top: -18px;
    top: min(-13px, -0.9375vw);
    right: -50px !important;
    right: min(-36px, -2.60417vw) !important;
}

a:hover {
    text-decoration: none;
}

hr {
    border: var(--neutral2) 1px solid;
}

/* NEAT MOBILE SEARCH  */
/* http://chattdozer.com/ */
/* CUSTOM LIST BULLETS  */
footer ul li:not(.mobile *):not(.container.cf *) {
    display: flex;
    align-items: center;
}

ul.pointlist li:before {
    content: '';
    background: url('/siteart/arrow.png');
    position: relative;
    width: 15px;
    width: max(11px, 0.78125vw);
    height: 17px;
    height: max(12px, 0.88542vw);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 25px;
    padding-right: max(18px, 1.30208vw);
}

.wrapper:not(.formsurround *) {
    margin: 100px auto;
    margin: max(72px, 5.20833vw) auto;
    padding: 0 40px;
    padding: 0 max(29px, 2.08333vw);
    width: 100%;
    max-width: 1300px;
    max-width: max(931px, 67.70833vw);
    box-sizing: border-box;
}

.invpage .wrapper {
    padding-right: 0;
    padding-left: 0;
    /* margin-right: 0; */
    /* margin-left: 0; */
}

*:not(.container.cf *):not(p) {
    /* text-transform: uppercase; */
}

.termscond ol li {
    margin-bottom: 15px !important;
}

/* HIBU REVIEWS */

#fdnReviewsWidget img {
    max-width: 100%;
    width: auto;
    margin: 3px 0 3px 5px;
}

#fdnReviewsWidget p {
    line-height: unset !important;
    font-size: unset !important;
}

/* END OF REVIEWS */

a.logosurroundinterior img {
    width: max(123px, 11.8229vw);
}

.mainsurround {
    margin-left: 100px;
    margin-left: max(72px, 5.20833vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-right: 170px;
    margin-right: max(122px, 8.85417vw);
}

.imgwrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.imgwrap:before {
    content: '';
    background: red;
    height: 175px;
    height: max(125px, 9.11458vw);
    z-index: -1;
    clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
    position: absolute;
    width: 255px;
    width: max(183px, 13.28125vw);
    background: transparent linear-gradient(136deg, #E01C1C 30%, #700E0E 100%) 0% 0% no-repeat padding-box;
    filter: grayscale(1) drop-shadow(0px 3px 36px rgba(0, 0, 0, 0.23)) brightness(1.4);
    filter: grayscale(1) drop-shadow(0px max(2px, 0.15625vw) max(26px, 1.875vw) rgba(0, 0, 0, 0.23)) brightness(1.4);
    right: 0;
    top: -20px;
    top: min(-14px, -1.04167vw);
}

.mainparent {
    clip-path: polygon(0px 0px, 100% 0%, 89% 100%, 0% 100%);
    background: black;
}

/*--- HEADER STYLES ---------------------*/
/* Contact Info  */
.contactInfo {
    display: flex;
    /* padding-right: 90px; */
    /* padding-right: max(64px,4.6875vw); */
    justify-content: flex-start;
    align-items: center;
    overflow: visible;
	gap: 10px;
}
.contactInfo a{
    font-size: 10px !important;
}

.contactInfo span {
    overflow: visible;
}
header .contactInfo,
header .contactInfo * {
    color: black !important;
}

.contactsnip {
    /* padding-left: 20px; */
    display: flex;
    flex-direction: row;
/*    gap: 10px;*/
}

.contactInfo .contactsnip.hours {gap: 10px; flex-wrap: wrap;}
.contactInfo > div:first-child {gap: 10px;}

.bg-video {
    object-fit: cover !important;
}

nav.mobile {
    display: none;
}

@media only screen and (max-width: 925px) {
    .contactInfo {
        display: flex !important;
    }

    .contactInfo a {
        padding-left: 0 !important;
    }
}

.surroundheader #menu-button {
    display: none
}

/******** End of primary Nav ***************/
@media screen and (max-width: 1100px) {
    .mainright {
        transform: translateZ(0) !important;
        opacity: 1 !important;
    }

    /*============================== Mobile Nav Styles ================================*/
    nav.primary {
        display: none;
    }

    #menu-button {
        display: inline-block;
        position: relative;
        z-index: 400;
        text-align: right;
        padding-right: 20px;
        display: flex;
        align-items: center;
    }

    #menu-button a {
        text-decoration: none;
        padding: 0 0 0 .8em;
    }

    nav.mobile {
        display: block;
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background: #333;
        z-index: 500;
        /* needs to be higher than #menu-button, adjust as needed */
        overflow: auto;
    }

  /* Add this for smooth slide */
  transition: left 1s ease;
}

/* Open state (slides in) */
nav.mobile.open {
  left: 0;
}

    /* MENU HEADER SOCIAL MEDIA */
    nav.mobile .social-media {
        position: relative;
        text-decoration: none;
        display: inline-block;
        word-spacing: 13px;
        padding: 0 0 0 15px;
    }

    nav.mobile .social-media a:link,
    nav.mobile .social-media a:visited {
        text-decoration: none;
    }

    nav.mobile .social-media a:hover,
    nav.mobile .social-media a:active {
        text-decoration: underline;
    }

    /* MENU HEADER STYLES */
    nav.mobile .mobile_top {
        position: relative;
        display: block;
        padding: 0;
        margin: 50px 0 10px 0;
    }

    /* MENU CLOSE 'X' BUTTON */
    nav.mobile .menu-toggle {
        position: absolute;
        padding: 3px 8px 3px;
        font-family: Arial, sans-serif;
        background: #222;
        text-decoration: none;
        top: -38px;
        right: 13px;
        color: white;
    }

    nav.mobile .menu-toggle:hover {
        /* Menu close button on hoveer */
    }

    /* MENU LIST STYLE */
    nav.mobile ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    nav.mobile ul li {
        /* border-top: 1px solid #454545; */
        /* border-bottom: 1px solid #151515; */
        position: relative;
    }

    /* FIRST LEVEL */
    nav.mobile ul li a {
        position: relative;
        display: block;
        padding: 10px;
        text-decoration: none;
        border-left: 4px #333 solid;
        /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); */
        text-align: left;
        color: white;
        width: 100%;
    }

    nav.mobile ul li a:hover {
        background: rgba(45, 45, 45, 0.5);
        border-left: 4px #d66c2b solid;
    }

    /* 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;
        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;
        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: 10px 20px;
        color: white;
    }

    .nav-footer {
        position: relative;
        text-align: center;
        padding: 15px 0;
    }

    /* FONT AWESOME ICONS */
    nav.mobile ul li a .fa {
        width: 25px;
        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);
    }

    /* SLIDE DOWN NAV STYLES */
}

.surroundheader nav.primary {
    padding: 0;
    display: inline-block;
    margin: 0;
    position: relative;
    width: 100%
}

.surroundheader nav.primary ul {
    margin: 0;
    padding: 0
}

.surroundheader nav.primary>ul {
    display: flex;
    justify-content: space-between
}

.surroundheader nav.primary ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
    padding: 60px 30px;
    padding: max(43px, 3.125vw) max(11px, 0.7625vw);
}

.surroundheader nav.primary ul>li {
    POSITION: RELATIVE;
    BOTTOM: -10px;
    BOTTOM: min(-7px, -0.52083vw);
}

.surroundheader nav.primary ul li:hover {
    /* background: black; */
}

.surroundheader nav.primary ul li a :hover {
    background: #000
}

.surroundheader nav.primary ul li a {
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 19px;
    font-size: max(12px, 0.98958vw);
    line-height: 20px;
    line-height: max(14px, 1.04167vw);
    color: #fff;
    font-family: "stratum-1-web", sans-serif;
}

.surroundheader nav.primary>ul>li>a:hover {
    /* background: #565656; */
    color: #dbdbdb;
}

.surroundheader nav.primary>ul>li>a {
    BOTTOM: 10px;
    BOTTOM: max(7px, 0.52083vw);
    POSITION: RELATIVE;
}

.surroundheader nav.primary ul li li a {
    /* padding: 10px; */
    text-align: left;
    border-right: none;
    border-left: none;
    max-width: 100% !important;
    width: 100% !important;
    display: block;
}

.surroundheader nav.primary ul ul {
    display: none;
    position: absolute;
}

.surroundheader nav.primary ul ul ul {
    position: absolute;
    left: 100%;
    top: 0
}

.surroundheader nav.primary ul li:hover>ul {
    display: block;
    z-index: 100;
}

.surroundheader nav.primary ul ul li {
    float: none;
    width: 270px;
    width: max(193px, 14.0625vw);
    position: relative;
    margin: 0;
    display: block;
    padding: 15px 20px;
    padding: max(11px, 0.78125vw) max(14px, 1.04167vw);
    BACKGROUND: #2e2e2e
}

.surroundheader nav.primary ul ul li:hover {
    background: #000
}

@media screen and (max-width:1730px) {
    .surroundheader nav.primary ul li a {
        padding: 0 7px
    }
}

@media screen and (max-width:1400px) {
    .surroundheader nav.primary {
        width: 82%
    }
}

@media screen and (max-width:1100px) {
    .surroundheader nav.primary {
        display: none
    }

    .surroundheader #menu-button {
        width: 100%;
        display: inline-block;
        position: relative;
        z-index: 400;
        background: black;
        text-align: right;
        padding-right: 10px;
        z-index: -1;
        position: relative;
        height: 100px;
        display: flex;
        align-items: center;
        color: white !important;
        justify-content: center;
    }

    .surroundheader #menu-button *,
    .surroundheader #menu-button {
        width: 100%;
        margin-right: 50px;
    }

    .surroundheader #menu-button a {
        text-decoration: none;
        padding: 0 0 0 .8em;
		color: white !important;
        font-size: 30px;
        z-index: 1;
		cursor: pointer;
    }
}

@media screen and (max-width:450px) {
    .surroundheader #menu-button {
        width: 100%
    }
}

.surroundheader header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    z-index: 10;
    position: relative
}

.surroundheader header .headerleft {
    display: flex;
    align-items: center;
    position: relative;
    /* width: 200px; */
}

.surroundheader header .headerleft img {
    /* width: 100%; */
    /* margin: 0 !important; */
    /* padding: 0 !important; */
}

.surroundheader header .headerleft a {
    width: 200px;
    width: max(143px, 10.41667vw);
    margin: 10px 90px 25px 80px;
    margin: max(7px, 0.52083vw) max(64px, 4.6875vw) max(18px, 1.30208vw) max(57px, 4.16667vw);
}

.surroundheader header .headerleft a img {
    width: 100%
}

.surroundheader header .headeright {
    width: 100%;
}

.surroundheader header .headeright .headerrighttop {
    width: 100%;
    text-align: right;
    /* padding: 0px 140px; */
    box-sizing: border-box;
    background: #EAEAEA;
    OVERFLOW: HIDDEN;
}

.headerrighttop {
    display: flex !important;
    justify-content: flex-end;
}

.surroundheader .contactInfo {
    display: inline-flex;
}

.surroundheader .contactInfo .contactsnip {
    margin: 0 17px;
    margin: 0 max(12px, 0.88542vw);
}

.contactInfo .contactsnip a,
.surroundheader .contactInfo .contactsnip a span {
    text-align: left;
    text-transform: uppercase;
}

.surroundheader .contactInfo .contactsnip a i {
    margin-right: 10px;
/*    margin-right: max(14px, 1.04167vw);*/
}

.hours p {
    font-size: 18px !important;
    margin-bottom: 0px !important;
    line-height: 32px !important;
}

.surroundheader header .headeright .headerrighttop .rightsearch {
    display: inline-block;
    /* margin-left: 55px; */
    /* margin-left: max(39px, 2.86458vw); */
    height: 30px;
    height: max(21px, 1.5625vw);
    height: 100% !important;
}

.surroundheader header .headeright .headerrighttop .rightsearch *:not(i) {
    height: 100%;
}

.surroundheader header .headeright .headerrighttop .rightsearch form {
    display: flex;
    height: 100%;
}

.surroundheader header .headeright .headerrighttop .rightsearch form button {
    padding: 0 33px;
    padding: 0 max(24px, 1.71875vw);
    background: #565656;
    border: none;
    display: flex;
    align-items: center;
    color: white;
    font-size: 24px;
    font-size: max(17px, 1.25vw);
    cursor: pointer;
}

.surroundheader input[name~=Keywords]:not(.container.cf*) {
    background: #434343;
    text-align: left;
    text-transform: uppercase;
    padding: 9px 25px 5px;
    padding: max(6px, 0.46875vw) max(18px, 1.30208vw) max(4px, 0.26042vw);
    border: none
}

.surroundheader input:not(.container.cf*) {
    border: none;
    outline: 0
}

.surroundheader header .headeright .headerrightbottom {
    width: 100%;
    /* background: #000000; */
    /* clip-path: polygon(4% 0, 100% 0, 100% 100%, 0% 100%); */
}

.headerleft:after {
    content: '';
    background: #EAEAEA;
    WIDTH: 70px;
    WIDTH: max(50px, 3.64583vw);
    HEIGHT: 100%;
    POSITION: ABSOLUTE;
    right: -60px;
    right: min(-43px, -3.125vw);
    clip-path: polygon(0 0, 130% 0%, 15% 100%, 0% 100%);
}

.surroundheader header .headeright .headerrightbottom .primary {
    padding: 0 140px;
    padding: 0 max(80px, 7.29167vw);
    box-sizing: border-box;
    width: 100%
}

.surroundheader header .headeright .headerrightbottom .primary ul {
    width: 100%
}

.surroundheader .parts-request {
    width: 100%;
    padding: 40px 0;
    padding: max(29px, 2.08333vw) 0;
    text-align: left;
    margin-top: 40px;
    margin-top: max(29px, 2.08333vw);
    border-top: 1px solid #eaeaea
}

input[type=button],
.surroundheader input[type=submit] {
    -webkit-appearance: none
}

.surroundheader .submit-button {
    padding: 10px 0 10px 0;
    padding: max(7px, 0.52083vw) 0 max(7px, 0.52083vw) 0;
    position: relative;
    width: 100%;
    text-align: center
}

@media only screen and (max-width:1100px) {
    .surroundheader .hideplease {
        display: none !important
    }
}

@media only screen and (max-width:900px) {
    .surroundheader header .headerleft a {
        display: flex;
        width: 120px
    }

    .surroundheader header .headeright .headerrighttop .rightsearch {
        /* display: none; */
    }

    .surroundheader header #menu-button {
        box-sizing: border-box
    }
}

/*! CSS Used from: https://www.agwestimp.com/css/style.css?v=5.1 */
/*.notInventory {*/
/*}*/
/*---BODY--------------------------------*/
.surroundheader header .headerleft {
    background: #EAEAEA;
    /* clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%); */
}

.surroundheader header .headeright .headerrighttop .rightsearch form input {
    background: #565656;
    padding-left: 80px;
    padding-left: max(57px, 4.16667vw);
    border: none;
    border-radius: 0;
    box-sizing: content-box;
}

.hero {
    /* background: #242424; */
    height: 425px;
    height: max(300px, 22.13542vw);
    overflow: hidden;
    position: relative;
	background-color: #000000;
}

.hero:before {
    width: 100%;
    height: 159px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.67) 100%);
    position: absolute;
    bottom: 0;
    content: '';
}

.hero .herosurround {
    position: absolute;
    bottom: 0;
    left: 60px;
    left: max(43px, 3.125vw);
    z-index: 1;
    right: max(43px, 3.125vw);
}

.hero .herosurround .herohead {
    font-family: "stratum-1-web", sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-size: 75px;
    /*    font-size: max(42px, 3.90625vw) !important;*/
    font-size: max(42px, 3.40625vw) !important;
    font-family: "stratum-1-web", sans-serif;
    font-weight: bold;
    font-size: 75px;
    text-align: left;
    color: #faf9f9;
    text-shadow: 0px 0px 14px #000;
}

.hero h1 {
    color: #faf9f9;
}

img.bgimg {
    /* opacity: 0.35; */
}

img:not(.container.cf *):not(footer *) {
    width: 100%;
}

noscript+img {
    display: none;
}

img.c77 {
    opacity: 0.7;
}

.ctas .imgwrap img:last-of-type {
    order: 1;
    object-fit: contain;
    /* height: 230px; */
    width: 240px;
    width: max(172px, 12.5vw);
    height: 220px;
    height: max(158px, 11.45833vw);
    position: relative;
    right: -80px;
    right: min(-57px, -4.16667vw);
}

.btn-yellow {
    text-align: center;
    display: block;
    max-width: 200px;
    max-width: max(143px, 10.41667vw);
    padding: 16px 20px;
    padding: max(11px, 0.83333vw) max(14px, 1.04167vw);
    box-sizing: border-box;
    border: none;
    outline: 0;
    cursor: pointer;
    background: #791e18;
    -moz-transition: ease .2s all;
    -o-transition: ease .2s all;
    -webkit-transition: ease .2s all;
    transition: ease .2s all
}

.btn-yellow:hover {
    /* background: #fff; */
}

.btn-yellow i {
    padding-left: 16px;
    padding-left: max(11px, 0.83333vw)
}

.btn-yellow:hover i {
    -webkit-animation: arrowBounce .3s;
    animation: arrowBounce .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.btn-yellow i {
    -webkit-animation: arrowBounceBack .3s;
    animation: arrowBounceBack .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.inventory-search button.btn-yellow i {
    padding-left: 0;
    animation: none
}

form.inventory-search {
    display: flex;
    /* width: 75%; */
    margin: 0;
    z-index: 1;
    /* position: absolute; */
    /* top: -280px; */
    /* max-width: 1550px; */
    /* left: 50%; */
    /* transform: translate(-50%, 0); */
    height: 90px;
    height: max(64px, 4.6875vw);
}

form.inventory-search input {
    /* width: calc(100% - 130px); */
    border: unset !important;
    outline: unset !important;
    background: #161616;
    padding-top: unset !important;
    padding-bottom: unset !important;
    padding-left: 40px;
    padding-left: max(29px, 2.08333vw);
}

form.inventory-search input::placeholder {
    font-weight: normal;
    font-size: 22px;
    font-size: max(16px, 1.14583vw);
    letter-spacing: 0.06em;
    color: #fff;
}

form.inventory-search input::placeholder {
    text-transform: uppercase;
}

form.inventory-search button {
    width: 130px;
    width: max(93px, 6.77083vw);
    text-align: center;
    padding-top: unset !important;
    padding-bottom: unset !important;
    /* height: 105px; */
    background: #565656;
    color: white;
    font-size: 30px;
    font-size: max(21px, 1.5625vw);
}

form button.btn-yellow {
    width: 100%;
    cursor: pointer
}

@media only screen and (max-width:1170px) {
    form.inventory-search {
        width: 100%
    }

    form.inventory-search button {
        width: 85px
    }
}

.surroundheader header {
    /* background: #EAEAEA; */
}

.surroundheader header .headeright {
    background: black;
}

.surroundheader header .headeright .headerrighttop {
    height: 58px;
    height: max(42px, 3.02083vw);
}

.surroundheader header .headeright .headerrighttop .contactInfo {
    /* padding: 20px 0; */
}

.surroundheader header .headeright .headerrighttop .contactInfo .contactsnip {
    color: #000;
}

.surroundheader header .headeright .headerrighttop .contactInfo .contactsnip * {
    color: #000;
}

.surroundheader header .headeright .headerrighttop .contactInfo .contactsnip a span {
    font-weight: 500;
    font-size: 16px;
    font-size: max(11px, 0.83333vw);
    line-height: 20px;
    line-height: max(14px, 1.04167vw);
    color: #000;
}

.surroundheader header .headeright .headerrighttop .rightsearch form input {
    font-weight: normal;
    font-size: 17px;
    font-size: max(12px, 0.88542vw);
    line-height: 20px;
    line-height: max(14px, 1.04167vw);
    color: #fff;
    height: 100% !important;
    width: 330px;
    width: max(236px, 17.1875vw);
    clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0% 100%);
}

.surroundheader header .headeright .headerrighttop .rightsearch form input::placeholder {
    color: white;
}

.hero .bgimg {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}

.ctas {
    display: flex;
    /* justify-content: space-between; */
    /* flex-wrap: wrap; */
    margin-bottom: 160px;
    margin-bottom: max(115px, 8.33333vw);
    /* margin-top: 120px; */
    /* margin-top: max(86px, 6.25vw); */
    flex-direction: column;
    align-items: center;
    POSITION: RELATIVE;
}

.ctas:before {
    content: '';
    POSITION: ABSOLUTE;
    WIDTH: 180px;
    WIDTH: max(129px, 9.375vw);
    HEIGHT: 430px;
    HEIGHT: max(308px, 22.39583vw);
    BACKGROUND: #EAEAEA;
    LEFT: 0;
    TRANSFORM: skew(-11deg, 0deg);
    BOTTOM: -200px;
    BOTTOM: min(-143px, -10.41667vw);
    LEFT: -150px;
    LEFT: min(-107px, -7.8125vw);
}

.row1,
.row2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
}

.row1 {
    width: max(1141px, 83vw);
    /* margin: 0 auto; */
    margin-bottom: 80px;
    margin-bottom: max(57px, 4.16667vw);
}

.row1 a:hover img:first-of-type {
    /* left: -10px; */
    /* position: relative; */
}

.row2 {
    width: max(1141px, 83vw);
    margin-right: -150px;
    margin-right: min(-107px, -7.8125vw);
}

.ctas>a {
    width: 303px !important;
    width: max(217px, 15.78125vw) !important;
    margin: 30px 20px;
    margin: max(21px, 1.5625vw) max(14px, 1.04167vw);
}

.ctas a img:first-of-type {
    /* position: absolute; */
    /* float: left; */
    display: inline-block;
    width: max(138px, 10vw);
    background: #232323;
    height: 23px;
    height: max(16px, 1.19792vw);
    object-fit: contain;
    object-position: left;
    padding: 12px 22px;
    padding: max(9px, 0.625vw) max(16px, 1.14583vw);
    box-sizing: content-box;
    order: 2;
    margin-top: -100px;
    margin-top: min(-72px, -5.20833vw);
    z-index: -1;
    margin-left: -37px;
    margin-left: min(-26px, -1.92708vw);
}

.ctas h3 {
    font-weight: 500;
    font-size: 30px;
    font-size: max(21px, 1.5625vw);
    letter-spacing: -0.02em;
    line-height: 30px;
    line-height: max(21px, 1.5625vw);
    color: #000;
    text-transform: uppercase;
    MARGIN-LEFT: -44px;
    MARGIN-LEFT: min(-32px, -2.29167vw);
    MARGIN-TOP: 5px;
    MARGIN-TOP: max(4px, 0.26042vw);
}

.ctas span {
    font-weight: normal;
    font-size: 16px;
    font-size: max(11px, 0.83333vw);
    letter-spacing: -0.05em;
    color: #434343;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "auger-mono", monospace !important;
    margin-bottom: -2px;
    margin-bottom: min(-1px, -0.10417vw);
}

.ctas>a {
    width: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    /* flex-wrap: wrap; */
    /* align-items: end; */
    flex-direction: column;
}

.ctas h3 {
    display: flex;
    flex-direction: column;
    font-size: 30px !important;
    font-size: max(21px, 1.5625vw) !important;
    font-weight: 500 !important;
    max-width: 215px;
    max-width: max(154px, 11.19792vw);
    order: 3;
}

.mainstuff {
    display: flex;
    justify-content: space-between;
    width: 110%;
    background: black;
}

.mainstuff .inventory-search input {
    background: #565656;
    width: 100% !important;
    color: white;
    font-size: 22px;
    font-size: max(16px, 1.14583vw);
}

.mainstuff .inventory-search input::placeholder {
    text-transform: unset !important;
}

.mainstuff .mainsurround {
    background: black;
    /* clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%); */
    /* width: 215%; */
}

.mainstuff .mainsurround .mainhead {
    color: #dfdfdf;
    text-transform: uppercase;
    /* margin-left: 100px; */
    margin-bottom: 13px;
    margin-bottom: max(9px, 0.67708vw);
}

p:not(.container.cf *) {
    font-weight: normal;
    font-size: 21px;
    font-size: max(15px, 1.09375vw);
    line-height: 43px;
    line-height: max(31px, 2.23958vw);
    /* margin-left: 100px; */
    text-transform: none;
}

p.mainp {
    color: #dedede;
    width: 90%;
}

.mainstuff .mainsurround .threelinks {
    padding-bottom: 115px;
    padding-bottom: max(82px, 5.98958vw);
    display: flex;
    justify-content: space-between;
    width: max(619px, 45vw);
    /* margin-left: 100px; */
}

.mainstuff .mainsurround .threelinks a {
    width: 33%;
    height: 55px;
    height: max(39px, 2.86458vw);
    background: transparent;
    border: 4px solid #fff;
    border: max(3px, 0.20833vw) solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: skew(-11deg, 0deg);
}

.mainstuff .mainsurround .threelinks a {
    font-weight: 500;
    font-size: 18px;
    font-size: max(13px, 0.9375vw);
    letter-spacing: 0.16em;
    color: #fff;
}

.mainstuff .mainsurround .threelinks a:hover {
    background: white !important;
    color: black !important;
}

.mainstuff .c77 {
    clip-path: polygon(22% 0, 100% 0%, 100% 100%, 0% 100%);
    margin-left: -150px;
    margin-left: min(-107px, -7.8125vw);
}

.auctionsstuff {
    background: linear-gradient(0deg, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 70%, rgba(255, 255, 255, 1) 70%);
    padding: 140px 0 160px;
    padding: max(100px, 7.29167vw) 0 max(115px, 8.33333vw);
    /* max-width: 1225px; */
    /* width: 100%; */
    /* margin: 0 auto; */
}

.auctionsstuff .auctiontitle {
    color: #af0000;
    max-width: 1225px;
    max-width: max(877px, 63.80208vw);
    width: 100%;
    margin: 0 auto;
    font-size: 47px;
}

h3.auctiontitle {
    font-size: max(34px, 2.44792vw) !important;
}

.auctionsstuff .auction-cntn {
    max-width: 1225px;
    max-width: max(877px, 63.80208vw);
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.auctionsstuff .auction-cntn .auction-surround {
    display: flex;
    justify-content: space-between;
    WIDTH: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.auctionsstuff .auction-cntn .auction-surround .auctioncard {
    margin: 0 8px;
    margin: 0 max(6px, 0.41667vw);
    margin-top: 40px;
    margin-top: max(29px, 2.08333vw);
    width: 32% !important;
}

.auctioncard>img {
    height: 26vw;
    object-fit: cover;
}

.auctionsstuff .auction-cntn .auction-surround .auctioncard .bottomstuff {
    display: flex;
    /* justify-content: space-between; */
    background: #2A2A2A;
    margin-top: -3px;
    margin-top: min(-2px, -0.15625vw);
}

.auctionsstuff .auction-cntn .auction-surround .auctioncard .bottomstuff .date {
    background: white;
    padding: 20px 60px 25px 30px;
    padding: max(14px, 1.04167vw) max(43px, 3.125vw) max(18px, 1.30208vw) max(21px, 1.5625vw);
    text-align: center;
    clip-path: polygon(0 0, 100% 0%, 70% 100%, 0% 100%);
}

.auctionsstuff .auction-cntn .auction-surround .auctioncard .bottomstuff .date h6 {
    font-weight: normal;
    font-size: 54px;
    font-size: max(39px, 2.8125vw);
    line-height: 67px;
    line-height: max(48px, 3.48958vw);
    color: #000;
    font-family: 'Barlow', sans-serif;
}

.auctionsstuff .auction-cntn .auction-surround .auctioncard .bottomstuff .date h5 {
    font-weight: 600;
    font-size: 15px;
    font-size: max(11px, 0.78125vw);
    color: #000;
    margin-top: -5px;
    margin-top: min(-4px, -0.26042vw);
    font-family: 'Barlow', sans-serif;
}

.auctionsstuff .auction-cntn .auction-surround .auctioncard .bottomstuff .rightstuff {
    display: flex;
    align-items: flex-end;
    width: 100%;
    position: relative;
}

.auctionsstuff .auction-cntn .auction-surround .auctioncard .bottomstuff .rightstuff .auctionrightinfo .auctiontype {
    font-weight: normal;
    font-size: 15px;
    font-size: max(11px, 0.78125vw);
    letter-spacing: -0.05em;
    color: #fff;
    margin-left: 13px;
    margin-left: max(9px, 0.67708vw);
}

.auctionsstuff .auction-cntn .auction-surround .auctioncard .bottomstuff .rightstuff .auctionrightinfo .auctiontitle {
    font-weight: 500;
    font-size: 28px;
    font-size: max(20px, 1.45833vw);
    letter-spacing: -0.02em;
    color: #fff;
    margin-bottom: 15px;
    margin-bottom: max(11px, 0.78125vw);
    margin-left: 13px;
    margin-left: max(9px, 0.67708vw);
}

.auction-surround+a {
    font-weight: 500;
    font-size: 18px;
    font-size: max(13px, 0.9375vw);
    letter-spacing: 0.16em;
    color: #000;
    border: 4px solid #AF0000;
    border: max(3px, 0.20833vw) solid #AF0000;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: skew(-11deg, 0deg);
    padding: 14px 0;
    padding: max(10px, 0.72917vw) 0;
    width: 310px;
    width: max(222px, 16.14583vw);
    margin-top: 42px;
    margin-top: max(30px, 2.1875vw);
}

.auction-surround+a:hover {
    background: #AF0000;
    color: white;
}

.logosurround {
    display: flex;
    justify-content: space-between;
    background: #2A2A2A;
    padding: 100px 140px 85px;
    padding: max(72px, 5.20833vw) max(100px, 7.29167vw) max(61px, 4.42708vw);
    align-items: center;
}

.logosurround .logosurround img {
    width: 185px;
    width: max(132px, 9.63542vw);
}

.logosurround .bottomcatsurround {
    display: flex;
    padding-left: 150px;
    padding-left: max(107px, 7.8125vw);
    flex-wrap: wrap;
    height: 80px;
    height: max(57px, 4.16667vw);
}

ul.bottomcatsurround li a {
    font-weight: normal;
    font-size: 18px;
    font-size: max(13px, 0.9375vw);
    letter-spacing: -0.01em;
    line-height: 36px;
    line-height: max(26px, 1.875vw);
    color: #fff;
    font-family: "stratum-1-web", sans-serif;
}

.logosurround .bottomcatsurround li {
    width: 20%;
}

.logosurround .bottomcatsurround li a {
    line-height: 0.4 !important;
}

.surroundfooter footer .footertop .ftleft {
    background: #363636;
}

.surroundfooter footer .footertop .ftleft .leftleftstuff {
    width: 100%;
}

.surroundfooter footer .footertop .ftleft .leftleftstuff ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.surroundfooter footer .footertop .ftleft .leftleftstuff ul li {
    padding-right: 120px;
    padding-right: 4.25vw;
}

.surroundfooter footer .footertop .ftleft .leftleftstuff ul li a {
    font-weight: normal;
    font-size: 17px;
    font-size: max(13px, 0.88542vw);
    color: #fff;
    text-transform: none;
    width: max-content;
}

.surroundfooter footer .footertop .ftright .contactInfo {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.surroundfooter footer .footertop .ftright .contactInfo .contactsnip {
    font-weight: normal;
    font-size: 18px;
    font-size: max(12px, 0.9375vw);
    line-height: 38px;
    line-height: max(27px, 1.97917vw);
    width: 50%;
}

.surroundfooter footer .footertop .ftright .contactInfo .contactsnip:first-of-type {
    margin-top: 8px;
    margin-top: max(6px, 0.41667vw);
}

footer .contactsnip * {
    color: #fff;
    text-transform: none !important;
}

.surroundfooter footer .footertop .ftright .contactInfo .contactsnip .active {
    display: flex;
}

.surroundfooter footer .footertop .ftright .contactInfo .contactsnip span {
    margin-top: -12px;
    margin-top: min(-9px, -0.625vw);
    margin-left: 12px;
    margin-left: max(9px, 0.625vw);
}

/*--------FORM STYLES--------------------*/
/*.notInventory {*/
/*}*/
/*-------- FOOTER STYLES ----------------*/
.surroundfooter footer h6:not(.container.cf*) {
    margin: 0;
    padding-bottom: 20px;
    padding-bottom: max(14px, 1.04167vw);
}

h1:not(.container.cf*),
.surroundfooter h2:not(.container.cf*) {
    font-style: normal;
    text-transform: uppercase
}

.surroundfooter h1:not(.container.cf*) {
    text-align: left;
    padding-left: 30px;
    padding-left: max(21px, 1.5625vw);
}

a:active:not(maina),
a:link:not(maina),
.surroundfooter a:visited:not(maina) {
    text-decoration: none
}

.surroundfooter a:hover {
    text-decoration: none
}

/*! CSS Used from: https://www.newageequip.com/css/style.css?v=5.1 */
.surroundfooter footer {
    display: block
}

.surroundfooter img.footerbottom {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: -520px;
    right: min(-372px, -27.08333vw);
    right: min(-208px, min(-372px, -27.08333vw));
    right: min(min(-149px, -10.83333vw), min(-372px, -27.08333vw));
    transform: scaleX(-1);
    width: 1450px;
    width: max(1038px, 75.52083vw);
}

.surroundfooter .footertop {
    display: flex;
    justify-content: space-between
}

.surroundfooter footer .ftleft {
    display: flex;
    padding: 80px 30px 80px 120px;
    padding: 4.16667vw 1.5625vw 4.16667vw 3.25vw;
    background: #2e2e2e;
    /* width: 100%; */
    clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
}

.surroundfooter .ftright {
    display: flex;
    align-items: center;
    /* width: 470px; */
    /* display: flex; */
    /* justify-content: flex-end; */
    /* padding-right: 190px; */
    width: 100%;
    margin: 0px 45px;
    margin: 0px 2.34375vw;
}

.surroundfooter footer .ftleft .leftleftstuff {
    /* padding-right: 160px; */
}

footer ul li,
.surroundfooter footer ul li a {
    text-decoration: none
}

.surroundfooter footer {
    position: relative;
    background: #484848;
}

@media only screen and (max-width:767px) {
    .surroundfooter img.footerbottom {
        transform: rotate(-80deg) scale(1.5);
        margin-bottom: -240px;
        left: 0
    }

    .surroundfooter .footertop {
        flex-direction: column
    }

    .surroundfooter footer {
        padding: 80px 50px;
        overflow: hidden
    }

    .surroundfooter footer .ftleft {
        flex-direction: column;
        width: 100%;
        padding: 50px 0;
    }

    .surroundfooter footer .ftleft .leftleftstuff {
        padding-right: 0
    }

    .surroundfooter footer .ftleft .leftrightstuff {
        margin-top: 50px
    }

    .surroundfooter footer .ftright {
        margin-top: 10px;
        width: 100%;
        display: flex;
        justify-content: center;
        padding-right: 0
    }

    footer,
    .surroundfooter footer * {
        text-align: center;
        box-sizing: content-box !important
    }
}

@media only screen and (max-width:767px) {
    .surroundfooter body * {
        order: 2
    }
}

@media only screen and (max-width:767px) {
    .surroundfooter .leftrightstuff ul {
        column-count: 1
    }

    footer ul li,
    .ftright img,
    .surroundfooter footer {
        width: 110px
    }

    .surroundfooter footer {
        padding: 0
    }

    footer,
    .surroundfooter footer * {
        box-sizing: border-box !important;
        clip-path: none !important
    }
}

/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 767px) {
    .invpage footer {
        margin-bottom: 85px !important;
    }
}

@media only screen and (max-width: 1400px) {
    .surroundfooter footer .footertop .ftleft .leftleftstuff ul li {
        padding-right: 40px;
    }

    .row1 a {
        width: 19%;
    }

    .row1 {
        justify-content: center;
        flex-wrap: wrap;
    }

    .imgwrap {
        align-items: center;
    }

    .mainparent {
        clip-path: none;
    }

    .surroundheader header .headeright .headerrighttop .rightsearch {
        margin-left: 0;
    }

    /*.notInventory { */
    /* } */
    .surroundheader header .headeright .headerrighttop .rightsearch form input {
/*        width: 134px;*/
    }

    .row1 a img {
        margin-right: -20px;
    }

    .ctas h3 {
        right: -40px;
        position: relative;
    }

    .mainstuff {
        flex-direction: column;
        width: 100%;
    }

    .mainstuff .mainsurround {
        padding: 50px !important;
        margin: 0;
        width: 100%;
    }

    .mainstuff .mainsurround .threelinks {
        margin-bottom: 0 !important;
        padding-bottom: 30px;
    }

    .mainstuff .c77 {
        height: 180px;
        clip-path: none;
        object-fit: cover;
        width: 100%;
        /* position: static; */
        /* right: 0 !important; */
        margin: 0;
    }

    /*.notInventory { */
    /* } */
    /*.notInventory { */
    /*.notInventory { */
    /* } */
}

@media only screen and (max-width: 1570px) {
    .hours p {
        font-size: 14px !important;
        line-height: 26px !important;
    }
}

@media only screen and (max-width: 1250px) {
    .auction-cntn {
        padding: 0 40px;
        box-sizing: border-box;
    }

    .headerleft:after {
        content: none
    }

    .paddingright {
        padding-right: 10px;
    }

    h3.auctiontitle {
        text-align: center;
    }

    .surroundheader header .headeright .headerrightbottom .primary {
        padding: 0 35px;
    }

    /*.notInventory { */
    /* } */
    .surroundheader header .headeright .headerrighttop .contactInfo .contactsnip * {
        margin: 0;
    }

    .surroundheader header .headeright .headerrighttop .contactInfo .contactsnip span {
        display: none;
    }

    .mainstuff {
        /* flex-direction: column; */
    }

    .logosurround {
        padding: 40px;
    }

    /*.notInventory { */
    /* } */
    /*.notInventory { */
    /*.notInventory { */
    /* } */
}

@media only screen and (max-width: 1100px) {
    .row1 a.active {
        width: 30%;
    }

    footer .contactsnip:first-of-type {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .row1 h3 {
        right: -114px;
    }

    .row1 a {
        width: 32% !important;
    }

    .logosurround {
        padding: 15px 35px;
    }

    .imgwrap:before {
        width: 190px;
        /* position: relative; */
        margin-right: 74px;
    }

    .surroundheader #menu-button {
        z-index: 1;
    }

    /*.notInventory { */
    /* } */
    .surroundheader header .headeright .headerrighttop {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .hero {
        /* min-height: 300px !important; */
    }

    ul.bottomcatsurround li a {
        margin: 7px 0;
    }

    .logosurround .bottomcatsurround li {
        width: 32%;
    }

    .surroundfooter footer .footertop .ftright {
        margin-left: 0 !important;
    }

    .surroundfooter footer .footertop .ftright .contactInfo {
        padding: 30px 10px;
    }

    .surroundfooter footer .footertop .ftright .contactInfo .contactsnip {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    /*.notInventory { */
    /* } */
    .surroundfooter .footertop {
        flex-direction: column;
    }

    .surroundfooter footer .ftleft {
        clip-path: none;
    }

    /*.notInventory { */
    /*.notInventory { */
    /* } */
}

@media only screen and (max-width: 767px) {
    .ftright {
        left: -30px !important;
        position: relative;
    }

    .footertop a {
        text-align: center !important;
    }

    .ftright {
        padding-left: 50px;
    }

    .logosurround {
        flex-direction: column;
    }

    .row1 h3 {
        margin-left: 82px;
    }

    .row1 a {
        /* width: 100% !important; */
    }

    .imgwrap:before {
        margin-right: 170px;
    }

    .row1 a {
        width: 50% !important;
    }

    h1.herohead {
        margin-bottom: 20px;
        /* text-align: center !important; */
        line-height: 1;
    }

    .logosurround .bottomcatsurround li {
        margin: 10px 0;
        width: 100%;
    }

    .logosurround .bottomcatsurround li a {
        text-align: center;
    }

    footer .contactInfo {
        flex-direction: column;
    }

    /*.notInventory { */
    /* } */
    .surroundheader header .headerleft a {
        margin: 20px;
    }

    .surroundheader header .headeright .headerrighttop .contactInfo {
        margin-right: 20px;
    }

    .surroundheader header .headeright .headerrighttop .rightsearch {
        display: none;
    }

    .hero .bgimg {
        object-fit: contain;
    }

    .row1 {
        margin-left: -25px;
    }

    .mainstuff .mainsurround {
        box-sizing: border-box;
    }

    .mainstuff .mainsurround .threelinks {
        flex-direction: column;
        width: 100%;
    }

    .mainstuff .mainsurround .threelinks a {
        width: 100%;
        transform: none;
    }

    .auctionsstuff {
        justify-content: center !important;
        align-items: center !important;
    }

    .auctionsstuff h3.auctiontitle {
        text-align: center;
    }

    .auctionsstuff .auction-cntn {
        justify-content: center;
        align-items: center;
    }

    .auctionsstuff .auction-cntn .auction-surround {
        flex-direction: column;
    }

    .auctionsstuff .auction-cntn .auction-surround .auctioncard {
        width: 290px;
        width: 100% !important;
    }

    .auctioncard img:not(.redangle img) {
        height: 210px;
        margin-bottom: -2px;
        object-fit: cover;
    }

    .logosurround {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .logosurround .bottomcatsurround {
        padding: 0;
        flex-direction: column;
        height: auto;
    }

    .logosurround .bottomcatsurround * {
        text-align: center;
        justify-content: center;
    }

    ul.bottomcatsurround li a {
        padding: 7px 0;
    }

    .surroundfooter footer .footertop .ftright .contactInfo {
        text-align: center !important;
    }

    .surroundfooter footer .footertop .ftright .contactInfo .contactsnip:first-of-type {
        text-align: center !important;
    }

    .surroundfooter footer {
        width: 100%;
    }

    .surroundfooter footer .ftright {
        margin: 30px !important;
    }

    .surroundfooter footer ul li a {
        margin: 12px 0;
    }

    .surroundfooter footer * {
        justify-content: center;
    }

    footer .contactsnip {
        margin-bottom: 20px;
    }

    .surroundfooter ul {
        flex-direction: column;
        align-items: center;
    }

    .surroundfooter ul li,
    .surroundfooter ul li * {
        padding: 0 !important;
    }

    /*.notInventory { */
    /*.notInventory { */
    /* } */
}

/*.notInventory {*/
/*}*/
/* ACCORDION */
.accordion {
    display: block;
    position: relative;
    margin-bottom: 10px;
    margin-bottom: max(7px, 0.52083vw);
    border: 1px #eee solid;
    border-radius: 5px;
    border-radius: max(4px, 0.26042vw);
    transition: all .2s ease-in-out;
}

.accordion:hover {
    border: 1px #ccc solid;
}

.accordion .accordion-header {
    display: flex;
    align-items: center;
    padding: 15px 20px 15px 25px;
    padding: max(11px, 0.78125vw) max(14px, 1.04167vw) max(11px, 0.78125vw) max(18px, 1.30208vw);
    border-radius: 5px;
    border-radius: max(4px, 0.26042vw);
    cursor: pointer;
}

.accordion .accordion-header:after {
    content: "\f067";
    margin-left: auto;
}

.accordion .accordion-content {
    display: none;
    padding: 25px;
    padding: max(18px, 1.30208vw);
}

.accordion.active:hover {
    border: 1px #eee solid;
}

.accordion.active .accordion-header:after {
    content: "\f068";
}

/* FORM  */
.family .aboutArea {
    right: 0
}

.contactUsPage .family .aboutArea {
    width: 100%
}

.family p {
    width: 893px;
    width: 46.51042vw;
    width: 720px;
    width: 37.5vw;
    text-align: center;
    margin: 0 auto
}

/*! CSS Used from: http://mayerfarmequipment.com.hdev/css/style.css?v=5.1 */
@media only screen and (max-width:767px) {
    .contactUsPage footer {
        padding-top: 65px !important
    }
}

/*! CSS Used from: http://southerniowawholesale.com.hstg/css/style.css?v=5.1 */
.btn-yellow {
    text-align: center;
    display: block;
    max-width: 200px;
    max-width: 10.41667vw;
    padding: 16px 20px;
    padding: .83333vw 1.04167vw;
    box-sizing: border-box;
    border: none;
    outline: 0;
    cursor: pointer;
    background: #791e18;
    -moz-transition: ease .2s all;
    -o-transition: ease .2s all;
    -webkit-transition: ease .2s all;
    transition: ease .2s all
}

.btn-yellow:hover {
    background: #fff;
    color: #000
}

.btn-yellow i {
    padding-left: 16px;
    padding-left: .83333vw
}

.btn-yellow:hover i {
    -webkit-animation: arrowBounce .3s;
    animation: arrowBounce .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.btn-yellow i {
    -webkit-animation: arrowBounceBack .3s;
    animation: arrowBounceBack .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

form button.btn-yellow {
    width: 100%;
    cursor: pointer;
    width: 175px;
    width: 9.11458vw;
    font-size: 21px;
    /* font-size: max(15px, 1.30208vw); */
    color: #fff
}

.footer footer {
    height: 100%;
    position: relative;
    padding: 115px 0 40px;
    padding: 5.98958vw 0 2.08333vw;
    overflow: hidden
}

@media only screen and (max-width:1000px) {
    .family p {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    #trigger1 {
        top: 60vw
    }

    #trigger6 {
        top: 50vw
    }

    .contactUsPage .family .aboutArea {
        top: -20px
    }
}

@media screen and (max-width:475px) {
    .border {
        animation: none !important;
        opacity: 1 !important
    }

    .footer p {
        margin: 4.16667vw 4.16667vw !important
    }
}

/*! CSS Used from: http://southerniowawholesale.com.hstg/css/style.css?v=5.1 */
.formsurround hr {
    border: #000 1px solid
}

@media screen and (max-width:1530px) {
    .formsurround .panel {
        padding-left: 135px !important;
        padding-right: 135px !important
    }

    .formsurround .bg-dark {
        padding-top: 50px !important
    }
}

@media screen and (max-width:1200px) {
    .formsurround .panel {
        padding: 50px !important
    }
}

.formsurround .relative {
    position: relative
}

.formsurround .flex {
    display: flex
}

.formsurround .flex-wrap {
    flex-wrap: wrap
}

.formsurround .col50 {
    width: 50%
}

.formsurround .bg-offwhite .wrapper {
    padding-top: 200px;
    padding-top: 10.41667vw
}

.formsurround .nopad-bottom {
    padding-bottom: 0 !important
}

.formsurround .wrapper {
    padding-left: 8%;
    padding-right: 8%;
    position: relative
}

.formsurround .wrapper-sm {
    padding-left: 9%;
    padding-right: 9%
}

.formsurround .panel {
    position: relative;
    padding: 120px 170px;
    padding: 6.25vw 8.85417vw;
    background: #fff;
    /* box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2); */
    /* box-shadow: 0 0 .52083vw 0 rgba(0, 0, 0, .2); */
    box-sizing: border-box
}

.formsurround .hr-sm-left {
    max-width: 80%;
    margin: 50px 0 !important;
    margin: 2.60417vw 0 !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #dbdbdb;
    display: block
}

.formsurround .bg-dark .hr-sm-left {
    max-width: 80%;
    margin: 50px 0 !important;
    margin: 2.60417vw 0 !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #555;
    display: block
}

.formsurround .darkred {
    color: #791e18
}

.formsurround .bg-offwhite {
    color: #333;
    z-index: 1;
    position: relative
}

.formsurround .btn-yellow {
    text-align: center;
    display: block;
    max-width: 200px;
    padding: 16px 20px;
    box-sizing: border-box;
    border: none;
    outline: 0;
    cursor: pointer;
    background: #004ce2;
    color: #fff;
    -moz-transition: ease .2s all;
    -o-transition: ease .2s all;
    -webkit-transition: ease .2s all;
    transition: ease .2s all
}

.formsurround .btn-yellow:hover {
    background: #fff;
    color: #791e18
}

.formsurround .btn-yellow:hover i {
    -webkit-text-stroke-color: #791e18 !important
}

.formsurround .btn-yellow i {
    padding-left: 16px;
    padding-left: .83333vw
}

.formsurround .btn-yellow:hover i {
    -webkit-animation: arrowBounce .3s;
    animation: arrowBounce .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.formsurround .btn-yellow i {
    -webkit-animation: arrowBounceBack .3s;
    animation: arrowBounceBack .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.formsurround .heading {
    margin-bottom: 20px
}

.formsurround .heading-sm {
    margin-bottom: 30px;
    margin-bottom: 1.5625vw
}

.formsurround .bg-offwhite a:not(.btn-yellow) {
    display: inline-block;
    padding: 10px;
    padding: .52083vw;
    color: #333
}

.formsurround .hero-img-parallax {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -moz-background-position: 90% 50% !important;
    -o-background-position: 90% 50% !important;
    -webkit-background-position: 90% 50% !important;
    background-position: 90% 50% !important
}

.formsurround .hero-img-parallax .parallax-content {
    -moz-background-position: 90% 50% !important;
    -o-background-position: 90% 50% !important;
    -webkit-background-position: 90% 50% !important;
    background-position: 90% 50% !important
}

.formsurround .section-parallax {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.formsurround .parallax-content {
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    width: 100%;
    height: 120%;
    background-position: center center !important;
    opacity: .6
}

.formsurround #search-section .copy {
    max-width: 550px;
    max-width: 28.64583vw;
    margin-bottom: 45px;
    margin-bottom: 2.34375vw;
    display: block
}

.formsurround .contact-info a {
    color: #000;
    display: block;
    margin-bottom: 0;
    padding: 10px 0 10px 44px;
    padding: .52083vw 0 .52083vw 2.29167vw;
    position: relative
}

.formsurround .contact-info a i {
    position: absolute;
    left: 0
}

.formsurround .custom-form input:not(.check-container*) {
    padding: 20px;
    color: #454a49;
    resize: none;
    outline: 0;
    border: none;
    background: #f9f9f9;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px
}

.formsurround .custom-form .flex {
    gap: 10px;
    gap: .52083vw
}

.formsurround .custom-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    color: #000;
    resize: none;
    margin-bottom: 10px;
    margin-bottom: .52083vw;
    outline: 0;
    border: none;
    /* background: #f9f9f9; */
}

.formsurround .CaptchaPanel {
    text-align: left !important
}

.formsurround .CaptchaAnswerPanel,
.formsurround .CaptchaImagePanel,
.formsurround .CaptchaMessagePanel,
.formsurround .CaptchaPanel {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.formsurround .CaptchaWhatsThisPanel a {
    color: #000 !important
}

.formsurround form button.btn-yellow {
    width: 100%;
    cursor: pointer
}

@media only screen and (max-width:1170px) {
    .formsurround .contact-info a {
        padding: 10px 0 10px 0
    }

    .formsurround .contact-info a i {
        position: relative;
        padding-right: 20px
    }

    .formsurround .col50 {
        width: 100%
    }

    .formsurround .copy {
        max-width: unset !important
    }
}

@media only screen and (max-width:767px) {
    .formsurround .copy {
        text-align: left
    }

    .formsurround .flex-wrap {
        display: flex;
        justify-content: center
    }

    .formsurround .wrapper {
        width: 100%;
        padding: 0
    }

    .formsurround .panel {
        padding: 80px 40px
    }

    .formsurround .custom-form .flex {
        flex-wrap: wrap;
        gap: 0
    }

    .formsurround .bg-offwhite a:not(.btn-yellow) {
        width: 100%;
        margin-bottom: 10px
    }

    .formsurround .bg-dark .hr-sm-left {
        margin: 50px auto !important
    }
}

@media only screen and (max-width:480px) {
    .formsurround .panel {
        padding: 80px 30px
    }
}

/*! CSS Used from: http://southerniowawholesale.com.hstg/css/style.css?v=5.1 */
.formsurround hr {
    border: #000 1px solid;
}

@media screen and (max-width: 1530px) {
    .formsurround .panel {
        padding-left: 135px !important;
        padding-right: 135px !important;
    }

    .formsurround .bg-dark {
        padding-top: 50px !important;
        /* padding-bottom: 370px !important; */
    }
}

@media screen and (max-width: 1200px) {
    .formsurround .panel {
        padding: 50px !important;
    }
}

.formsurround .relative {
    position: relative;
}

.formsurround .flex {
    display: flex;
}

.formsurround .flex-wrap {
    flex-wrap: wrap;
}

.formsurround .col50 {
    width: 50%;
}

.formsurround .bg-offwhite .wrapper {
    padding-top: 200px;
    padding-top: 8.41667vw;
    padding-bottom: 8.41667vw;
}

.formsurround .nopad-bottom {
    padding-bottom: 0 !important;
}

.formsurround .wrapper {
    padding-left: 8%;
    padding-right: 8%;
    position: relative;
}

.formsurround .wrapper-sm {
    padding-left: 9%;
    padding-right: 9%;
}

.formsurround .panel-offset {
    /* padding-bottom: 400px; */
}

.formsurround .panel-offset-margin {
    /* margin-top: -400px; */
}

.formsurround .panel {
    position: relative;
    padding: 120px 170px;
    padding: 0;
    background: #fff;
    /* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); */
    /* box-shadow: 0 0 0.52083vw 0 rgba(0, 0, 0, 0.2); */
    box-sizing: border-box;
}

.formsurround .hr-sm-left {
    max-width: 80%;
    margin: 50px 0 !important;
    margin: 2.60417vw 0 !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #dbdbdb;
    display: block;
}

.formsurround .bg-dark .hr-sm-left {
    max-width: 80%;
    margin: 50px 0 !important;
    margin: 2.60417vw 0 !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #555;
    display: block;
}

.formsurround .darkred {
    color: #791e18;
}

.formsurround .bg-offwhite {
    color: #333333;
    z-index: 1;
    position: relative;
}

.formsurround .bg-dark {
    /* color: #fff; */
    /* background: black; */
    /* padding-top: 500px; */
    margin-top: 8.41667vw;
}

.formsurround .btn-yellow {
    text-align: center;
    display: block;
    max-width: 200px;
    /* max-width: 10.41667vw; */
    padding: 16px 20px;
    /* padding: 0.83333vw 1.04167vw; */
    box-sizing: border-box;
    border: none;
    outline: none;
    cursor: pointer;
    background: var(--primary);
    color: white;
    -moz-transition: ease 0.2s all;
    -o-transition: ease 0.2s all;
    -webkit-transition: ease 0.2s all;
    transition: ease 0.2s all;
}

.formsurround .btn-yellow:hover {
    background: #fff;
    color: #791e18;
}

.formsurround .btn-yellow:hover i {
    -webkit-text-stroke-color: #791e18 !important;
}

.formsurround .btn-yellow i {
    padding-left: 16px;
    padding-left: 0.83333vw;
}

.formsurround .btn-yellow:hover i {
    -webkit-animation: arrowBounce 0.3s;
    animation: arrowBounce 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.formsurround .btn-yellow i {
    -webkit-animation: arrowBounceBack 0.3s;
    animation: arrowBounceBack 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.formsurround .heading {
    margin-bottom: 20px;
    /* margin-bottom: 1.04167vw; */
}

.formsurround .heading-sm {
    margin-bottom: 30px;
    margin-bottom: 1.5625vw;
}

.formsurround .bg-offwhite a:not(.btn-yellow) {
    display: inline-block;
    padding: 10px;
    padding: 0.52083vw;
    color: #333;
}

.formsurround .hero-img-parallax {
    /* position: absolute; */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -moz-background-position: 90% 50% !important;
    -o-background-position: 90% 50% !important;
    -webkit-background-position: 90% 50% !important;
    background-position: 90% 50% !important;
}

.formsurround .hero-img-parallax .parallax-content {
    -moz-background-position: 90% 50% !important;
    -o-background-position: 90% 50% !important;
    -webkit-background-position: 90% 50% !important;
    background-position: 90% 50% !important;
}

.formsurround .section-parallax {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.formsurround .parallax-content {
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    width: 100%;
    height: 120%;
    background-position: center center !important;
    opacity: 0.6;
}

.formsurround #search-section .copy {
    max-width: 550px;
    max-width: 28.64583vw;
    margin-bottom: 45px;
    margin-bottom: 2.34375vw;
    display: block;
}

.formsurround .contact-info a {
    color: black;
    display: block;
    margin-bottom: 0;
    padding: 10px 0 10px 44px;
    padding: 0.52083vw 0 0.52083vw 2.29167vw;
    position: relative;
}

.financepage a.cta {
    padding: 0.52083vw 2.29167vw 0.52083vw 2.29167vw;
}

.formsurround .contact-info a i {
    position: absolute;
    left: 0;
}

.formsurround .custom-form input:not(.check-container *) {
    padding: 20px;
    /* padding: 1.04167vw; */
    color: #454a49;
    resize: none;
    outline: none;
    border: none;
    /* background: #f9f9f9; */
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    /* margin-bottom: 0.52083vw; */
    border: 1px solid #787878;
    font-size: 17px;
}

.formsurround .custom-form .flex {
    gap: 10px;
    gap: 0.52083vw;
}

.formsurround .custom-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    /* padding: 1.04167vw; */
    color: #000;
    resize: none;
    margin-bottom: 10px;
    margin-bottom: 0.52083vw;
    outline: none;
    border: none;
    /* background: #f9f9f9; */
    border: 1px solid #787878;
}

.formsurround .CaptchaPanel {
    text-align: left !important;
}

.formsurround .CaptchaPanel,
.formsurround .CaptchaAnswerPanel,
.formsurround .CaptchaImagePanel,
.formsurround .CaptchaMessagePanel {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.formsurround .CaptchaPanel {
    margin-left: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.formsurround .CaptchaWhatsThisPanel a {
    color: #000 !important;
}

.formsurround form button.btn-yellow {
    width: 100%;
    cursor: pointer;
}

@media only screen and (max-width: 1170px) {
    .formsurround h1:not(.container.cf *) {
        /* font-size: 55px; */
    }

    .formsurround .contact-info a {
        padding: 10px 0 10px 0;
    }

    .formsurround .contact-info a i {
        position: relative;
        padding-right: 20px;
    }

    .formsurround .col50 {
        width: 100%;
    }

    .formsurround .copy {
        /* text-align: center; */
        max-width: unset !important;
    }
}

@media only screen and (max-width: 835px) {
    .twocolumns {

        flex-direction: column;
    }
}

@media only screen and (max-width: 767px) {
    .formsurround .copy {
        text-align: left;
    }

    .formsurround .flex-wrap {
        display: flex;
        justify-content: center;
    }

    .formsurround .wrapper {
        width: 100%;
        padding: 0;
    }

    .formsurround .panel {
        padding: 80px 40px;
    }

    .formsurround .custom-form .flex {
        flex-wrap: wrap;
        gap: 0;
    }

    .formsurround .bg-offwhite a:not(.btn-yellow) {
        width: 100%;
        margin-bottom: 10px;
    }

    .formsurround .bg-dark .hr-sm-left {
        margin: 50px auto !important;
    }
}

@media only screen and (max-width: 480px) {
    .formsurround .panel {
        padding: 80px 30px;
    }
}

/*}*/

.onlinebidding .main {}

.onlinebidding .main h1 {}

.onlinebidding .main br {}

.onlinebidding .main p {}

.onlinebidding .main .twocolumns {
    display: flex;
    justify-content: space-between;
}

.onlinebidding .main .twocolumns .columnone {}

.onlinebidding .main .twocolumns .columnone p {}

.onlinebidding .main .twocolumns p img {
    max-width: 350px;
}

.onlinebidding .main .twocolumns .columntwo {}

.onlinebidding .main .twocolumns .columntwo p {}

.onlinebidding .main .twocolumns .columntwo p img {}