/*!
 * Site designed by: Jordan Zoucha of Sandhills Global.
 */
a,
b,
body,
div,
form,
h1,
h3,
h4,
h5,
html,
i,
iframe,
img,
label,
li,
p,
pre,
span,
ul {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0
}

ul {
    list-style: none
}

/*!a
    * Site designed by: Jordan Zoucha of Sandhills Global.
    */
body.menu-open:after {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, .7);
    animation: fadeIn .5s
}

#topBar {
    background-color: #d91d44;
    color: #e7c5cb;
    font-weight: 400;
    font-style: normal;
    padding: calc(.25rem + ((1vw - 7.68px) * .434)) calc(1.25rem + ((1vw - 7.68px) * 9.1146));
    text-align: right
}

.scrolled-header #topBar {
    display: none
}

div#topBar a {
    color: #e7c5cb;
    padding: 1px;
    transition: .3s ease-in
}

div#topBar i {
    color: #e7c5cb
}

.scrolled-header div#topBar i {
    color: #000;
    transition: .3s ease-in
}

.scrolled-header div#topBar i:hover {
    color: #063
}

#topBar .fa-phone {
    padding-right: 3px
}

header a:hover {
    color: #fff !important;
    background: #000
}

a.menu-toggle.navbar-toggle:hover {
    background: 0 0;
    color: #000 !important
}

a.facebook:hover {
    color: #fff !important;
    background: #cb2326
}

a.facebook:hover i {
    color: #fff !important
}

#logo {
    padding-left: 240px;
    position: absolute;
    z-index: 9999
}

#menu-button {
    display: none
}

nav.mobile {
    display: none
}

nav.primary {
    margin-top: -20px;
    z-index: 500;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3.3854166666666665VW;
    transition: all .5s ease-in-out
}

.menu-toggle {
    display: none
}

scrolled-header nav.primary {
    margin: 0 258px
}

.scrolled-header .primary {
    width: 100%;
    transition: all .5s ease-in-out
}

nav.primary img {
    transition: all .5s ease-in-out;
    padding-bottom: 10px;
    padding-top: calc(.375rem + ((1vw - 7.68px) * -.5208));
    width: calc(14rem + ((1vw - 9.01px) * 16.5849))
}

#right img {
    width: calc(3.75rem + ((1vw - 9.01px) * 4.4161))
}

.noHover:hover {
    background: 0 0
}

#right {
    display: flex;
    justify-content: space-around
}

.scrolled-header #right {
    display: flex;
    flex-direction: row;
    width: 64.84375VW;
    justify-content: flex-end;
    align-items: center
}

div#right aside {
    padding-right: 30px;
    width: 100%
}

.scrolled-header nav.primary ul li a {
    font-size: calc(.7rem + ((1vw - 9.01px) * 1.5702));
}

#right #topBar {
    display: none
}

.scrolled-header #right #topBar {
    display: flex;
    background: 0 0;
    padding: 0;
    color: #000;
    font-weight: 600;
    align-items: center;
    justify-content: flex-end
}

.scrolled-header #right #topBar a {
    color: #000;
    font-weight: 100;
    font-size: calc(1.4375rem + ((1vw - 9.01px) * 1.8646))
}

.scrolled-header #right #topBar a.whiteColor {
    color: black !important
}

.scrolled-header #right #topBar a.whiteColor:hover {
    color: white !important
}

a.facebook {
    color: #fff !important;
    background: #000;
    font-family: industry, sans-serif;
    font-size: calc(.625rem + ((1vw - 9.01px) * .6869)) !important;
    padding: 8px 10px !important;
    font-weight: calc(25rem + ((1vw - 9.01px) * 29.4406)) !important;
    padding-bottom: 5px !important;
    margin-left: 1.8229166666666667VW
}

a.facebook i {
    color: #fff !important;
    font-weight: 100 !important;
    font-size: calc(.625rem + ((1vw - 9.01px) * .8832))
}

.scrolled-header #right #topBar ul li a {
    font-size: 30px
}

.scrolled-header img {
    transform-origin: left;
    margin-top: 0 !important;
    padding: 0 !important
}

nav.primary ul {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 35px
}

.scrolled-header #right ul {
    justify-content: space-between;
    padding-left: 0;
    /* align-self: flex-end; */
    width: 100%;
    align-items: center
}

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

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

nav.primary ul li a {
    display: block;
    color: #000;
    font-weight: 400;
    font-size: calc(1.025rem + ((1vw - 9.6px) * .5747));
    text-decoration: none;
    padding: 1px;
    margin: 0;
    text-align: center;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    font-weight: 300;
    font-style: normal;
    padding: 5px
}

nav.primary ul li a.facebook-nav {
    font-size: 24px
}

nav.primary ul li a.facebook-nav:hover {
    background: 0 0
}

nav.primary ul li li {
    width: 300px
}

nav.primary ul li li a:link,
nav.primary ul li li a:visited {
    font-size: 17px;
    line-height: 16px;
    padding: 10px 20px;
    color: #fff;
    background: #000;
    width: auto;
    text-align: left;
    border-right: none;
    border-left: none;
    font-weight: 300
}

nav.primary ul li li a:active,
nav.primary ul li li a:hover {
    color: #fff;
    background: #cb2326
}

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;
    z-index: 500;
    padding-left: 0
}

nav.primary ul ul li {
    float: none;
    position: relative;
    margin: 0
}

#mobile-container {
    display: none
}

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

nav.mobile {
    display: none
}

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

@media screen and (max-width:900px) {
    header {
        position: absolute
    }

    .scrolled-header {
        flex-direction: column;
        height: auto
    }

    .right img {
        display: none
    }

    body,
    html {
        /* overflow-x: hidden */
    }

    #topBar {
        display: none;
        clip-path: none;
        padding: 10px 0;
        -webkit-clip-path: none
    }

    .menu-toggle {
        display: block;
        text-align: center;
        font-size: 20px !important;
        color: #000
    }

    nav.primary img {
        width: 275px
    }

    #right {
        display: none !important
    }

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

    #right #topBar {
        display: none !important;
        padding: 9px 0;
        text-align: center;
        margin-bottom: 10px
    }

    nav.primary ul {
        display: none
    }

    #menu-button {
        width: 100%;
        display: block;
        font-size: 20px;
        line-height: 60px;
        position: relative;
        z-index: 400;
        background: #1c426d
    }

    #menu-button a {
        color: #fff;
        text-decoration: none;
        padding: 0 0 0 .8em;
        font-weight: 100
    }

    nav.mobile {
        display: block;
        position: fixed;
        top: 0;
        left: -285px;
        width: 280px;
        height: 100%;
        z-index: 100001;
        overflow: auto;
        background: #d0d0d0
    }

    .mask.hero {
        height: calc(14.375rem + ((1vw - 3.2px) * 20.6897)) !important
    }

    .slider-top section {
        padding-right: 25px !important
    }

    .scrolled-header {
        height: 150px !important;
        position: static !important;
    }

    nav.mobile .social-media {
        position: absolute;
        text-decoration: none;
        vertical-align: top;
        z-index: 9999;
        display: inline-block;
        top: 15px;
        left: 15px;
        font-size: 16px;
        word-spacing: 13px;
        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:active,
    nav.mobile .social-media a:hover {
        color: #fff;
        text-decoration: underline
    }

    nav.mobile h3 {
        color: #ccc;
        padding: 15px 0;
        position: relative;
        font-size: 18px;
        background: #000;
        padding-left: 20px
    }

    nav.mobile .menu-title {
        vertical-align: top;
        text-transform: uppercase;
        font-size: 20px;
        color: #fff;
        font-weight: 700
    }

    nav.mobile .menu-toggle {
        position: absolute;
        top: 8px;
        right: 10px;
        padding: 6px 9px 5px;
        display: inline-block;
        font-weight: 700;
        font-size: 18px;
        line-height: 1;
        color: #fff;
        text-decoration: none;
        vertical-align: top;
        font-family: Arial, sans-serif;
        padding-top: 11px
    }

    nav.mobile .menu-toggle:hover {
        color: #fff
    }

    nav.mobile ul {
        list-style: none;
        font-weight: 300;
        margin: 0;
        padding: 0;
    }

nav.mobile ul ul {display: none;}

    nav.mobile ul li {
        color: #fff;
        font-size: 15px;
        width: 100%;
    }

    nav.mobile ul li a {
        color: #000;
        position: relative;
        display: block;
        font-size: 16px;
        text-align: left;
        text-decoration: none;
        padding: 10px 35px 10px 20px
    }

    nav.mobile ul li a:hover {
        background: #cb2326;
        color: #fff
    }

    nav.mobile ul li li:last-child {
        border: none
    }

    nav.mobile ul li li a {
        color: #fff;
        background: #000;
        padding: 15px 35px 15px 20px;
        !;
        !i;
        !;
        !u;
        !;
    }

    nav.mobile ul li li a:hover {
        background: #d91d44;
        color: #fff
    }

    nav.mobile ul li li li:last-child {
        border: none
    }

    nav.mobile ul li li li a {
        color: #ccc;
        background: #555;
        border-left: 4px #555 solid
    }

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

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

    #mobile-container {
        display: block;
        font-size: 15px;
        width: 90px;
        position: fixed;
        bottom: 0;
        z-index: 400;
        padding: 0 0 8px;
        border-top: solid 6px #d91d44;
        background: #000;
        width: 100%;
        color: #fff;
        z-index: 100009
    }

    li.mobile-button {
        width: 20%;
        float: left;
        text-align: center
    }

    li.mobile-button img {
        max-width: 100%;
        display: inline-block;
        width: 50px
    }

    li.mobile-button a {
        color: #fff;
        font-family: chaparral-pro, serif
    }
}

@media screen and (max-width:767px) {
    #mobile-container {
        font-size: 13px
    }

    .container {
        padding-top: 215px !important
    }
}

.footer,
header,
nav {
    display: block
}

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

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

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

.cf:after {
    clear: both
}

body,
html {
    /* height: 100% */
}

body {
    font-family: ropa-sans-pro, sans-serif !important;
    background: #000;
}

body {
    background-color: #fff;
    background-attachment: fixed;
    background-size: cover;
    overflow-x: hidden;
}

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

a:hover {
    text-decoration: none
}

hr {
    border: #000 1px solid
}

header {
    position: fixed;
    z-index: 99999;
    width: 100vw;
    transition: all .5s ease-in-out;
    background: #e7c5cb;
    background: #f3f3f3
}

.scrolled-header {
    background: rgba(243, 243, 243, .75);
    display: flex;
    transition: all .5s ease-in-out;
    position: absolute;
    width: 100vw;
    height: calc(5.34375rem + ((1vw - 9.01px) * 6.3297));
    justify-content: space-around
}

.otherPage .scrolled-header {
    position: static
}

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

.scroll {
    position: relative;
    font-size: 1.3em;
    margin-top: 6em;
    display: inline-block
}

.scroll:hover {
    text-decoration: none
}

.scroll:after {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40px;
    margin: auto;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: 3s arrow infinite ease;
    animation: 3s arrow infinite ease
}

.scroll:after {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

h1 {
    font-size: 90px;
    font-family: Arbutus, fantasy;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    padding-bottom: 23px
}

h3 {
    color: #fff;
    font-size: 3.1640625VW;
    font-weight: 100;
    text-transform: uppercase
}

.scrollToTop {
    display: none !important;
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: rgba(0, 0, 0, .6);
    padding: 12px 30px 12px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    z-index: 99999;
    -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
    clip-path: polygon(13% 0, 100% 0, 87% 100%, 0 100%);
    transition: all .25s ease-in
}

.scrollToTop:hover {
    background: #063
}

.mask {
    position: relative;
    height: 500px
}

.slider-top {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.slider-top section {
    display: flex;
    justify-content: center;
    flex-direction: column;
    line-height: 55px;
    padding-bottom: 1.250208VW;
    float: right;
    padding-right: 95px
}

.next {
    bottom: 0;
    display: flex;
    justify-content: center;
    height: 10vh
}

.slider-top h1,
.slider-top h3 {
    padding-left: calc(.9375rem + ((1vw - 7.68px) * 9.9826));
    font-weight: 700;
    line-height: 1
}

.slider-top h3 {
    font-size: 41px;
    font-style: italic;
    font-weight: 100
}

.slider-top h1 {
    font-size: calc(3.75rem + ((1vw - 7.68px) * 2.6042));
    font-family: industry, sans-serif
}

.slider-top p {
    padding-left: calc(.9375rem + ((1vw - 7.68px) * 34.7222));
    color: #fff;
    font-size: calc(1.1875rem + ((1vw - 7.68px) * .7813));
    text-align: right
}

.offset {
    top: 123px;
    position: relative
}

.offset {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#main {
    display: flex;
    align-items: center;
    flex-direction: column
}

#main section {
    display: flex;
    width: calc(56.25rem + ((1vw - 7.67px) * 26.0191));
    flex-direction: column;
    background: linear-gradient(to right, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .6) 100%), url(../siteart/longhorn.svg) no-repeat left 25%/98%;
    flex: 1;
    -webkit-clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(39.26206244087039vh 0, 100% 0, 100% 100%, 0 100%);
    background-position-x: -180px
}

#main section div {
    padding: 0 calc(2rem + ((1vw - 7.67px) * 10.4076)) 0 calc(26.5625rem + ((1vw - 7.67px) * 4.3365));
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#main section div p {
    font-size: 22px;
    padding-left: 13px;
    color: #fff
}

#main section div a {
    font-size: 28px;
    color: #fff;
    align-self: flex-end;
    background-color: #063;
    padding: 17.5px 50px;
    margin-top: 35px;
    -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
    position: relative;
    transition: all .25s ease-in
}

.icon:hover {
    background-color: #000 !important
}

#main {
    overflow-x: hidden
}

.mask.hero {
    height: 40VW;
    top: 0;
    overflow-y: hidden
}

#submit {
    border: none;
    background: #c1272d;
    padding: 9px;
    color: #fff;
    font-family: chaparral-pro, serif;
    font-size: 15px;
    transition: .3s ease-in;
    cursor: pointer
}

input#submit:hover {
    background: #000
}

.label {
    font-size: 17px
}

input {
    font-family: inherit;
    font-size: 16px
}

.forms {
    padding-bottom: 10px
}

hr {
    border: #fff 1px solid
}

#submit {
    height: 30px;
    color: #fff;
    border: none;
    background: #005fb3
}

#submit:hover {
    background: #000
}

@keyframes forceNoBorder {
    from {
        border: none
    }

    to {
        border: none
    }
}

@keyframes forceNoBorder {
    from {
        border: none
    }

    to {
        border: none
    }
}

.notInv input,
.notInv select,
.notInv textarea {
    background: #f3f3f3 !important;
    border-bottom: none;
    color: #000 !important;
    border-radius: inherit !important;
    -webkit-animation: 1s linear infinite forceNoBorder !important;
    animation: 1s linear infinite forceNoBorder !important;
    border-left: none;
    border-right: none;
    border-top: none
}

#submit {
    background-color: #063 !important;
    width: 100% !important
}

#submit:hover {
    background-color: #000 !important
}

#submit {
    border: none;
    background: #c1272d;
    padding: 9px;
    color: #fff;
    font-family: ropa-sans-pro, sans-serif;
    font-size: 15px;
    transition: .3s ease-in;
    cursor: pointer
}

input#submit:hover {
    background: #000
}

.label {
    font-size: 17px
}

input {
    font-family: inherit;
    font-size: 16px
}

.forms {
    padding-bottom: 10px
}

@media only screen and (max-width:767px) {
    input {
        width: 75vw
    }

    .container.cf input {
        width: initial !important;
    }

    .forms {
        flex-direction: column
    }
}

@media only screen and (max-width:767px) {
    form {
        display: flex;
        justify-content: center
    }
}

/*! CSS Used from: https://www.davebellauctionsandequipment.com/css/style.css?v=1.0 */
footer {
    display: block
}

#footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(5.34375rem + ((1vw - 9.01px) * 6.3297));
    padding: 0 71px;
    background: #d0d0d0;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

a.footerlink:active,
a.footerlink:link,
a.footerlink:visited {
    color: #000
}

footer a:hover {
    color: #000 !important;
    text-decoration: underline !important
}

a.footerlink:hover {
    text-decoration: underline
}

.divfooter {
    font-size: 15px;
    line-height: 22px;
    width: 776px;
    color: #000
}

#footerImgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#footerImgs img:nth-of-type(1) {
    padding-right: calc(1.25rem + ((1vw - 13.5px) * 6.1404));
    width: calc(14rem + ((1vw - 9.01px) * 16.5849))
}

@media screen and (max-width:1575px) and (min-width:1021px) {
    #footer {
        padding: 0 20px
    }
}

@media screen and (max-width:900px) {
    .divfooter {
        font-size: 20px;
        line-height: 1.4;
        width: 85vw;
        text-align: center
    }

    #footer {
        height: auto;
        padding: 0;
        padding: 25px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        flex-direction: column
    }

    #footerImgs img:nth-of-type(1) {
        width: 275px;
        padding-top: 21px
    }

    #footerImgs img {
        width: 30vw
    }
}

@media only screen and (max-width:767px) {
    .divfooter {
        font-size: 15px
    }

    .smallfootertext {
        display: none
    }

    #footerImgs img {
        width: 40vw
    }
}

@media screen and (max-width:1575px) and (min-width:1021px) {
    .divfooter {
        -ms-flex: 1;
        flex: 1
    }
}

.scrolling-wrap {
    width: 100%;
    height: 90px;
    overflow: hidden
}

.scrolling {
    width: 100%;
    height: 92px
}

a,
div,
h1,
h3,
i,
img,
li,
p,
ul {
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    webkit-text-size-adjust: none;
    /*     -webkit-box-sizing: border-box;
       box-sizing: border-box */
}

@keyframes forceEsteban {
    from {
        font-family: ropa-sans-pro, sans-serif !important;
        font-weight: 100 !important
    }

    to {
        font-family: ropa-sans-pro, sans-serif !important;
        font-weight: 100 !important
    }
}

@keyframes forceEsteban {
    from {
        font-family: ropa-sans-pro, sans-serif !important;
        font-weight: 100 !important
    }

    to {
        font-family: ropa-sans-pro, sans-serif !important;
        font-weight: 100 !important
    }
}

.hosted-content .listings-wrapper .listings-list .category-banner h3 {
    font-weight: 700;
    color: #000
}

.hosted-content .listings-wrapper .sort-box {
    color: #fff
}

.mc-full {
    z-index: 99999 !important
}

ul {
    list-style: none
}

a text {
    color: #333 !important
}

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

h1,
h3 {
    line-height: normal;
    font-weight: 400;
    font-family: ropa-sans-pro, sans-serif
}

.notInv .container h1 {
    font-size: 1.8rem !important;
    align-self: center
}

a {
    text-decoration: none !important
}

a:hover {
    text-decoration: underline
}

.slider-top a.next {
    font-family: magallanes, sans-serif
}

.main {
    position: relative;
    width: 100%
}

#inventory:before {
    background: url(../siteart/slideshow/2.jpg);
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.contact #inventory:before {
    background: url(../siteart/slideshow/1.jpg);
    background-size: cover
}

input {
    font-size: 16px
}

/*! CSS Used from: https://www.earhartequipment.com/css/styles.css?v=1.3 */
a,
div,
h1,
img {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0
}

img {
    display: block
}

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

#slide1 {
    background: #cb2326;
    color: #fff;
    height: auto;
    margin: 0;
    background-size: cover
}

.wrapper-products {
    max-width: 100%;
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.wrapper-products img {
    max-width: 100%;
    width: 250px;
    height: auto;
    display: inline-block;
    float: none;
    padding: 10px
}

.container {
    border-top: 2px solid #cb2326;
    border-bottom: 2px solid #cb2326;
    padding: 40px 0;
    background: #000
}

.inventoryPage .container {
    border: none;
    max-width: 1332px;
}

/*! Forms */
a,
div,
font,
form,
h4,
img {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0
}

div#acs-catid {
    color: black;
}

img {
    display: block
}

.button {
    background: #224286;
    color: #fff;
    font-family: ralewaybold;
    font-size: 16px;
    max-width: 100%;
    margin: 0 auto;
    /*     box-sizing: border-box; */
    margin: 0 10px;
    margin-top: 10px;
    padding: 20px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center
}

.form-left {
    float: left;
    display: inline-block;
    width: 45%;
    max-width: 100%
}

.parts-left {
    float: left;
    display: inline-block;
    width: 35%;
    max-width: 100%
}

.quan-left {
    float: left;
    display: inline-block;
    width: 25%;
    max-width: 100%
}

#formpage {
    vertical-align: top;
    margin: 0 auto
}

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

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

#formpage input {
    padding: 6px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #8e8d8d;
    font-family: ropa-sans-pro, sans-serif;
    color: #8e8d8d;
    font-size: 12px
}

#formpage input {
    width: 100%
}

#formpage input:focus {
    background: #8e8d8d;
    color: #fff;
    border: 1px solid #16598d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    outline-style: none
}

#formpage input.radio:focus {
    background: 0 0;
    border: 0;
    outline-style: none
}

#formpage input.radio {
    padding: 0;
    border: 0;
    margin: 0 5px 0 0;
    width: 15px;
    height: 15px;
    display: inline
}

@media screen and (max-width:550px) {
    #formpage div {
        padding: 3px 0
    }
}

#formpage input {
    padding: 6px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #8e8d8d;
    font-family: ropa-sans-pro, sans-serif;
    color: #8e8d8d;
    font-size: 12px
}

#formpage textarea {
    padding: 6px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #8e8d8d;
    font-family: ropa-sans-pro, sans-serif;
    color: #8e8d8d;
    font-size: 12px
}

#formpage select {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #8e8d8d;
    font-family: ropa-sans-pro, sans-serif;
    color: #8e8d8d;
    vertical-align: middle;
    font-size: 12px;
    line-height: normal;
    padding: 5px;
    width: 100%
}

#formpage input {
    width: 100%
}

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

#formpage input:focus,
#formpage select:focus,
#formpage textarea:focus {
    background: #8e8d8d;
    color: #fff;
    border: 1px solid #16598d;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    outline-style: none
}

#formpage input.button,
#formpage input.button:focus {
    width: 250px;
    max-width: 100%;
    margin: 0 auto;
    padding: 7px 0;
    background: #f5d449;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase
}

#formpage input.button:hover {
    background: #224286;
    color: #fff;
    text-shadow: none;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

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

.CaptchaPanel img {
    margin: 0 auto
}

.CaptchaImagePanel {
    margin: 0;
    padding: 0
}

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

.CaptchaAnswerPanel {
    margin: 0;
    padding: 2px 0 2px 0 !important;
    max-width: 100%;
    width: 300px;
    margin: 0 auto
}

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

.CaptchaWhatsThisPanel a {
    color: #fff
}

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

@media screen and (max-width:550px) {
    .form-left {
        width: 100%
    }

    .parts-left {
        width: 100%
    }

    .quan-left {
        width: 100%
    }

    #formpage div {
        padding: 3px 0
    }

    .button {
        width: 100%;
        margin: 10px 0
    }
}

@media screen and (max-width:321px) {
    .button {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        height: auto
    }
}

/*! CSS Used from: Embedded */
.CaptchaPanel {
    margin: 10px 0 10px 0;
    text-align: center;
    padding: 10px
}

.CaptchaImagePanel {
    padding: 5px 5px 10px 5px
}

.CaptchaImage {
    border: 1px solid #333
}

.CaptchaMessagePanel {
    padding: 5px 5px 10px 5px;
    font-weight: 700
}

.CaptchaAnswerPanel {
    padding: 5px 5px 10px 5px
}

.CaptchaWhatsThisPanel {
    padding: 5px 5px 10px 5px
}

/*! CSS Used from: https://fleettrailerleasing.net.hdev/css/styles.css?v=1.2 */
.container {
    text-align: left
}

.notInv .container h1 {
    font-size: 1.8rem !important
}

.container {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #000;
    padding: 40px 0
}

.auctions .container.cf {
    background: 0 0;
    padding: 0
}

.hosted-content .listings-detail-wrapper .information-box {
    border: none !important
}

.container.cf p {
    align-self: center;
    font-size: initial
}

.hosted-content .listings-wrapper,
.hosted-content .options li a,
.hosted-content h1,
.hosted-content h2,
.hosted-content h3 {
    color: #fff !important
}

.hosted-content .listings-wrapper .bold,
.hosted-content .listings-wrapper h2 {
    font-family: Esteban, serif !important
}

.hosted-content a {
    color: #fff;
    font-weight: 100
}

.hosted-content .options li a:hover {
    -webkit-animation: 1s linear infinite forceTan;
    animation: 1s linear infinite forceTan
}

.hosted-content a:hover {
    color: #e7c5cb
}

.hosted-content .widget-express-container,
.hosted-content .widget-nah-container,
.hosted-content .widget-unico-container {
    background: #e7c5cb !important
}

.hosted-content .widget-express-container:hover,
.hosted-content .widget-nah-container:hover,
.hosted-content .widget-unico-container:hover {
    background: #fff !important
}

.hosted-content {
    width: 100% !important;
    padding: 0 calc(1.375rem + ((1vw - 7.68px) * 3.4722))
}

.hosted-content .listings-wrapper .sort-box {
    background: #cb2326 !important
}

.hosted-content .btn,
.hosted-content input[type=submit] {
    background: #cb2326 !important;
    font-family: Esteban, serif !important
}

.hosted-content .btn:hover,
.hosted-content .listings-wrapper .listings-list .listing-banner,
.hosted-content input[type=submit]:hover {
    background: #000 !important
}

.hosted-content .listings-wrapper .border-bottom:not(.listing) {
    border-bottom: 2px solid #cb2326 !important
}

.listing {
    border-bottom: 2px solid #fff !important
}

.container span,
.container ul li,
div {
    /* color: #fff; */
}

.cf {}

.container h3 {
    font-size: 22px
}

.widgets a span {
    color: #000
}




@media screen and (max-width:767px) {
    .border li {
        font-size: 19px
    }

    input,
    select {
        padding: 5px 15px !important
    }
}

@media screen and (max-width:767px) {
    .container {
        padding-top: 20px !important
    }
}

.space-filler {
    height: 17px
}



.scrolling {
    width: 100%;
    height: 92px
}

@media only screen and (max-width:767px) {
    .forms {
        flex-direction: column
    }
}

@media only screen and (min-width:767px) {
    #main section img {
        width: calc(26.875rem + ((1vw - 7.67px) * 12.4892));
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    form {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    .wrapper {
        padding: 0 !important
    }

    .homePage .wrapper {
        padding: 0 calc(.9375rem + ((1vw - 3.2px) * 10)) !important
    }

    #main section img {
        width: 100% !important;
        display: none
    }

    #main section p {
        font-size: calc(.65rem + ((1vw - 3.1px) * 4.0179)) !important
    }

    #main section div a {
        font-size: calc(.75rem + ((1vw - 3.2px) * 4.0179)) !important;
        padding: 10px 40px;
        margin-top: 15px
    }
}

@media only screen and (max-width:900px) {

    .slider-top h1,
    .slider-top h3,
    .slider-top p {
        margin-left: 14px
    }

    .slider-top h3 {
        font-size: 20px
    }

    .slider-top h1 {
        font-size: 50px
    }
}

.down-animated {
    -webkit-animation: fadeIn 1s infinite alternate;
    animation: fadeIn 1s infinite alternate
}

.down-animated {
    -webkit-animation: fadeIn 1s infinite alternate;
    animation: fadeIn 1s infinite alternate
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    #main section img {
        max-height: 110px;
        height: 100%
    }
}

@media all and (max-width:1020px) {

    _:-ms-lang(x),
    #footer {
        display: block
    }
}

/*! CSS Used from: https://ryanauctionsales.com.dev/css/style.css?v=1.0 */
hr {
    border: #063 1.5px solid
}

.hr1 {
    margin-left: 0
}

.hr2 {
    margin-right: 0
}

main section {
    margin: 0 auto
}

.wrapper section,
.wrapper-products section {
    background: #000;
    padding: 40px
}

.inventoryPage .wrapper section,
.inventoryPage .wrapper-products section {
    padding: 40px 0
}

.wrapper-products section {
    padding: 30px 0
}

/*! CSS Used from: /css/style.css?v=1.0 */
h5,
h6 {
    font-weight: 400;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0
}

a:hover {
    transition: all .2s
}

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

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

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

a:hover {
    text-decoration: none;
    color: #fff !important;
    text-decoration: none !important
}

.QLcurve {
    font-size: 1.75vw;
    font-weight: 100;
    color: #fff
}

.quickLinks {
    display: flex;
    overflow: hidden;
    margin: 2.083333333333333VW 0;
    justify-content: space-between
}

.quickLinks a {
    display: flex;
    flex-direction: column;
    width: 16.667vw;
    height: 12.83359vw;
    justify-content: center;

    align-items: center
}

.quickLinks a:nth-of-type(1) {
    margin: 0 .6510416666666667VW 0 2.604166666666667VW
}

.quickLinks a:last-of-type {
    margin: 0 2.604166666666667VW 0 .6510416666666667VW !important
}

.quickLinks a:nth-child(n+2):nth-child(-n+5) {
    margin: 0 .6510416666666667VW
}

.quickLinks a:nth-of-type(6) {
    margin: 0 0 0 3px
}

.QuickLink1 {
    transition: all .2s;
    background: linear-gradient(rgba(203, 35, 38, .75), rgba(203, 35, 38, .75)), url(/siteart/QuickLinks/Tractors.png);
    background-position: center;
    background-size: cover
}

.QuickLink1:hover {
    transition: all .2s;
    transform: scale(1.02);
    opacity: background-position:;
    text-shadow: 0 0 15px #000
}

.QuickLink2 {
    transition: all .2s;
    background: linear-gradient(rgba(203, 35, 38, .75), rgba(203, 35, 38, .75)), url(/siteart/QuickLinks/agEquip.png);
    background-position: center
}

.QuickLink2:hover {
    transition: all .2s;
    transform: scale(1.02);
    opacity: background-position:;
    text-shadow: 0 0 15px #000
}

.QuickLink3 {
    transition: all .2s;
    background: linear-gradient(rgba(203, 35, 38, .75), rgba(203, 35, 38, .75)), url(/siteart/QuickLinks/hayEquip.png);
    background-position: center;
    background-size: cover
}

.QuickLink3:hover {
    transition: all .2s;
    transform: scale(1.02);
    opacity: background-position:;
    text-shadow: 0 0 15px #000
}

.QuickLink4 {
    transition: all .2s;
    background: linear-gradient(rgba(203, 35, 38, .75), rgba(203, 35, 38, .75)), url(/siteart/QuickLinks/equipLines.png);
    background-position: center;
    background-size: cover
}

.QuickLink4:hover {
    transition: all .2s;
    transform: scale(1.02);
    opacity: background-position:;
    text-shadow: 0 0 15px #000
}

.QuickLink5 {
    transition: all .2s;
    background: linear-gradient(rgba(203, 35, 38, .75), rgba(203, 35, 38, .75)), url(/siteart/QuickLinks/requestEquip.png);
    background-position: center;
    background-size: cover
}

.QuickLink5:hover {
    transition: all .2s;
    transition: all .2s;
    transform: scale(1.02);
    opacity: background-position:;
    text-shadow: 0 0 15px #000
}

.QuickLink6 {
    margin-right: 0 !important;
    transition: all .2s;
    background: linear-gradient(rgba(203, 35, 38, .75), rgba(203, 35, 38, .75)), url(/siteart/QuickLinks/AllAg.png);
    background-position: center;
    background-size: cover
}

.QuickLink6:hover {
    transition: all .2s;
    transform: scale(1.02);
    opacity: background-position:;
    text-shadow: 0 0 15px #000
}

.quickLinks a {
    font-size: 21px;
    color: #fff
}

@media only screen and (max-width:768px) {
    a {
        font-size: calc(.8125rem + ((1vw - 3.2px) * .6711)) !important
    }

    a {
        font-size: calc(.8125rem + ((1vw - 3.2px) * .6711)) !important
    }
}

@media only screen and (max-width:900px) {
    .quickLinks a {
        width: 45%;
        height: 130px;
        margin: 10px !important
    }

    .quickLinks a:nth-of-type(1) {
        margin: 6px 0
    }

    .quickLinks a:last-of-type {
        margin: 6px 0 !important
    }

    .quickLinks a:nth-child(6) {
        margin: 6px 0
    }

    .quickLinks a h5.QLcurve {
        font-size: 16px
    }

    .quickLinks a h6 {
        font-size: 6vw
    }
}

/*! CSS Used from: https://aatkc.com.hdev/css/style.css?v=2.1 */
.group:after,
.group:before {
    display: table
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

.group img {
    border: 0;
    max-width: 100%
}

.group p {
    padding: 0;
    font-size: calc(.9375rem + ((1vw - 9.01px) * 1.0795));
    line-height: 1.5em;
    margin: 0;
    color: #fff
}

.notInv h2 {
    font-size: calc(2.3125rem + ((1vw - 9.01px) * 2.8459));
    font-family: industry, sans-serif;
    margin: 0
}

h2.m-1 {
    font-size: initial
}

.welcome h2 {
    color: #fff
}

.wrapper {
    width: 80%;
    margin: 0 auto;
}

.inventoryPage .wrapper {
    padding: 0;
}

.welcome {
    text-align: left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.padit {
    padding: 4.5% 0;
    background: #cb2326
}

.flexLogos {
    background: #000;
    display: flex;
    padding: 0 calc(.9375rem + ((1vw - 3.2px) * 10));
    justify-content: space-between;
    align-items: center;
    height: calc(5rem + ((1vw - 9.01px) * 5.8881))
}

section.flexLogos h1,
section.flexLogos h3 {
    font-family: industry, sans-serif;
    line-height: 1
}

section.flexLogos h1 {
    font-size: calc(1.4375rem + ((1vw - 9.01px) * 1.6683))
}

section.flexLogos h3 {
    font-size: calc(.961875rem + ((1vw - 9.01px) * 1.1394))
}

.contentFull {
    width: 64.84375VW
}

.section {
    clear: both;
    padding: 0;
    margin: 0
}

.col {
    display: block
}

.col:first-child {
    margin-left: 0
}

.group:after {
    clear: both
}

.group {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between
}

.span_7_of_12 {
    width: 31.1325VW
}

.history .span_7_of_12 {
    width: 100%
}

.span_5_of_12 {
    width: calc(31rem + ((1vw - 9.01px) * 36.8008));
    padding-left: 20px
}

.span_5_of_12 iframe {
    height: calc(12.5rem + ((1vw - 9.01px) * 4.9068))
}

@media screen and (max-width:900px) {
    .quickLinks {
        flex-wrap: wrap;
        margin: 2.083333333333333VW;
        justify-content: center
    }

    #welcomeleft,
    #welcomeright {
        display: block;
        margin: 1% auto;
        text-align: left;
        width: 100%
    }

    #welcomeright {
        padding-top: 0;
        padding-left: 0
    }

    #welcomeleft p {
        margin: 0 auto;
        font-size: 15px !important
    }

    .span_5_of_12 iframe {
        height: 225px !important
    }

    .flexLogos,
    .group {
        flex-direction: column
    }

    h2 {
        font-size: 42px
    }

    .flexLogos {
        height: auto !important;
        padding: 30px 0
    }

    .flexLogos aside {
        display: flex
    }

    section.flexLogos h3 {
        padding-right: 10px
    }

    section.flexLogos h1,
    section.flexLogos h3 {
        font-size: 30px !important;
        text-transform: uppercase;
        font-weight: 600
    }

    .contentFull {
        width: 90vw;
        padding-top: 25px
    }

    .nbs-flexisel-item img {
        max-width: 130px
    }



    .scrolling {
        width: 100%;
        height: 92px;
    }

    .space-filler {
        height: 0
    }

    p {
        font-size: 16px
    }
}

@media screen and (max-width:800px) {
    #welcomeleft p {
        max-width: 100%;
        margin: 0 auto
    }
}

@media only screen and (max-width:480px) {
    .col {
        margin: 4% 0 4% 0
    }

    .span_5_of_12,
    .span_7_of_12 {
        width: 100%
    }
}

/*! CSS Used from: https://midlandtractor.com/wp-content/plugins/sandhills-editor/public/css/combined/bs-combined.css ; media=all */

@media all {
    a {
        background-color: transparent
    }

    a:active,
    a:hover {
        outline: 0
    }

    #home .row h1 {
        margin: .67em 0;
        font-size: 2em
    }

    img {
        border: 0
    }

    @media print {

        *,
        :after,
        :before {
            color: #000 !important;
            text-shadow: none !important;
            background: 0 0 !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

        a,
        a:visited {
            text-decoration: underline
        }

        a[href]:after {
            content: " (" attr(href) ")"
        }

        img {
            page-break-inside: avoid
        }

        img {
            max-width: 100% !important
        }

        #home .row h3 {
            orphans: 3;
            widows: 3
        }

        #home .row h3 {
            page-break-after: avoid
        }
    }

    * {
        /*         -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
           box-sizing: border-box */
    }

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

    a {
        color: #337ab7;
        text-decoration: none
    }

    a:focus,
    a:hover {
        color: #23527c;
        text-decoration: underline
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    img {
        vertical-align: middle
    }

    #home .row h1,
    #home .row h3 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit
    }

    #home .row h1,
    #home .row h3 {
        margin-top: 20px;
        margin-bottom: 10px
    }

    #home .row h1 {
        font-size: 36px;
        color: #fff
    }

    #home .row h3 {
        font-size: 24px;
        color: #fff
    }

    ul {
        margin-top: 0;
        margin-bottom: 10px
    }

    .row {
        margin-right: -15px;
        margin-left: -15px
    }

    .row:after,
    .row:before {
        display: table;
        content: " "
    }

    .row:after {
        clear: both
    }

    a {
        text-decoration: none;
        color: #fff;
        outline: 0
    }

    a:focus,
    a:hover {
        text-decoration: none;
        color: #6e7a81;
        outline: 0 !important
    }

    .row {
        margin: 0 -15px;
        background-color: #ffffff00 !important
    }

    [class^=col-]:not(.pad-no) {
        padding-left: 15px;
        padding-right: 15px
    }
}

/*! CSS Used from: Embedded */
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative;
    clear: both;
    color: black;
}

/*! CSS Used from: Embedded */
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative;
    clear: both
}

.notInv main section h1,
.notInv main section h2 {
    font-family: ropa-sans-pro, sans-serif;
    text-transform: uppercase;
    margin-bottom: calc(-.3125rem + ((1vw - 3.2px) * -1.0625))
}

.notInv main section h2 {
    font-size: calc(1.1875rem + ((1vw - 3.2px) * 1.25));
    font-weight: 700
}

main section h1 {
    font-size: calc(1.75rem + ((1vw - 3.2px) * 4.375));
    font-weight: 800
}

main section p {
    font-size: calc(.75rem + ((1vw - 3.2px) * .4375));
    text-transform: uppercase;
    color: #fff;
    padding: 12px 0;
    animation: .4s ease-out 0s 1 fadeIn
}

.notInv main section h1 {
    font-size: calc(1.8125rem + ((1vw - 3.5px) * 4.2038));
    color: #000;
}

.wrapper-products section h1 {
    color: #fff
}

.wrapper section h1 {
    color: #fff
}

/*! CSS Used from: https://agwestimp.com.dev/css/style.css?v=1.0 */

@media only screen and (max-width:450px) {

    .quickLinks a,
    .quickLinks a:nth-child(n+2):nth-child(-n+5) {
        width: 100%;
        margin: 10px !important
    }
}