@charset "utf-8";
/* CSS Document */



.row {
    margin: 0px;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #212121;
}

h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 36px;

}

h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;

}

h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;

}

h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

}

#facebook .fab {
    font-size: 28px;
    color: white;
}

#facebook .fab:hover {
    color: white;
}




.outer-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
}

.inner-grid {
    flex: 25%;
    max-width: 50%;
    padding: 0 4px;
}

.inner-grid img {
    margin-top: 8px;
    width: 100%;
    padding: 10px;
}

@media screen and (max-width: 800px) {
    .inner-grid {
        flex: 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .inner-grid {
        flex: 100%;
        max-width: 100%;
    }
}




/* HEADER & NAVIGATION */


.top-header {
    background: url(/../siteart/dark-grey-terrazzo.png);
    background-repeat: repeat;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    min-height: 180px;

}

.top-header a {
    color: #fff;
    text-transform: none;
}

.top-header a:hover {
    color: white;
    text-decoration: none;
}

.fa-map-marker-alt,
.fa-phone,
.fa-paper-plane {
    color: white;
    font-size: 16px;
}

.section {
    position: relative;
}

.section:not(:last-child)::after {
    position: absolute;
    width: 375px;
    height: 290px;
    bottom: -135px;
    left: calc(15% - 50px);
    background: url("../siteart/logo.png") no-repeat;
    background-size: contain;
    content: "";
    z-index: 1;
}

.navbar a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    font-style: normal;
    color: #fff;
    padding: 0px;
}

.navbar a:active {
    color: #fff;
}

/*
.navbar a:hover {
    color: #2f2f2f;
    background: white;
    border-radius: 1px;
}
*/

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: white;
    color: #2f2f2f;
    padding: 10px;
    border-radius: 1px;
}

.mobile-menu {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.25rem;
    text-align: left;
    color: #212121;
}

.dropdown-menu {
    background-color: #212121;
}

a.dropdown-item {
    padding: 10px;
    font-size: .8rem;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #212121;
}

.logo {
    max-width: 400px;
}


/* BODY */

.white {
    background: #fff;
}

.hero {
    background-image: url("/../siteart/rmhero-1067.jpg");
    background-position: bottom center;
    background-size: cover;
    position: relative;
    text-align: left;
    width: 100%;
}



.bottom-center {
    background: rgba(30, 30, 30, .8);
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 20px;
    width: 100%;
}

.bottom-center h1 {
    font-weight: 800;
    color: white;
    text-transform: uppercase;
    font-size: ;
}

.bottom-center h2 {
    font-weight: 400;
    color: #fff;
    font-size: ;
}

.sidebar {
    background: #cdcbce;
    font-family: 'Montserrat', sans-serif !important;
}

[data-toggle="collapse"] .fa:before {
    content: "\f146";
    font-size: 20px;
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f0fe";
}

#sidebar.btn-link {
    text-transform: uppercase !important;
    color: #000 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 18px !important;
    background: #f6be0e !important;
    text-align: left;
    font-family: 'Montserrat', sans-serif !important;
    padding: 0 !important;
    width: auto !important;
}

.sidebar .button {
    font-family: 'Montserrat', sans-serif !important;
    border-radius: 0 !important;
}

.card-body {
    background: #cdcbce;
    padding: .2rem 1rem;
}

.card {
    border: 0px;
    background: white;
}

.card-header {
    padding: 8px 5px;
}

.table {
    text-transform: uppercase;
    font-size: 14px;
}

.table th,
.table td {
    padding: .3rem;
}

.welcome {
    line-height: 2;
    border-top: 2px solid #cdcbce;
    border-bottom: 2px solid #cdcbce;
}

#yellowbtn.btn {
    width: 100%;
    margin: 10px auto;
    padding: 7px 0;
    background: #000;
    border: 2px #000 solid;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    text-transform: uppercase;
}

#formbutn.button {
    width: 100%;
    margin: 10px auto;
    padding: 7px 0;
    background: #000;
    border: 2px #000 solid;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    text-transform: uppercase;
}


/*--------Search Bar Styles--------*/
.searchfield {
    display: block;
    width: 100%;
    margin: 10px auto;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

#yr.searchfield {
    width: 47%;
}

#searchwrap {
    width: 100%;
    position: relative;
    color: #fff;
    padding-top: 10px;
    line-height: 20px;
    background: #cdcbce;
}

#searchform input {
    background: #fff;
    color: #000;
    padding: 6px 3px;
    margin: 5px auto;
    width: 99.5%;
}

#searchform select {
    background: #fff;
    color: #000;
    padding: 6px 3px;
    margin: 5px auto;
    width: 100%;
}

#searchform input.button,
#searchform input.button:focus {
    width: 100%;
    margin: 10px auto;
    padding: 7px 0;
    background: #000;
    border: 2px #000 solid;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    text-transform: uppercase;
}

#searchform input.button:hover {
    background: #000;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000, #1D1D1D);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #1D1D1D);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #1D1D1D);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000, #1D1D1D);
    /* Standard syntax */
    color: #fff;
    text-shadow: none;
    border: 2px #000 solid;
}


/* FOOTER */


.pre-footer {
    background-color: #1e1e1e;
    color: #ababaa;
    font-size: 12px;
}

.pre-footer a {
    color: #ababaa;
}

.pre-footer a:hover {
    color: #ababaa;
}

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

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


.contactinfo a {
    color: firebrick;
}

/*control the Captcha */
.CaptchaMessagePanel {
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 14px;
}

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

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

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

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

/* TIMED AUCTIONS */

.auctionTimeLogo {
    width: 250px;
    float: right;
    position: relative;
    margin-bottom: 30px;
    margin-top: -5px;
}

/* FACETED INVENTORY */
.border-box,
.border-box * {
    box-sizing: border-box !important;
}

div[class^="col"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.col-lg-4.col-xl-3.section.px-0.d-none.d-lg-block.logoarea {
    margin-bottom: -30px;
}

#inv .container {
    max-width: 100% !important;
}

#inv {
    padding: 5% 20px;
}

#inv *:not(.loading-spinner):not(.loader) {
    border-radius: 0 !important;
}

#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons) {
    font-family: 'Montserrat', sans-serif !important;
}

/* Reset font, ignore icons */


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {
    margin: 2px 3px 3px 4px !important;
}

.faceted-text-input-searchType .search-type input[type=checkbox],
.faceted-text-input-searchType .search-type input[type=radio] {
    margin: 0px 3px 0px 6px !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {
    margin-top: 0 !important;
}

span.compare-label {
    padding-left: 4px !important;
}

.compare-chkbox-container .compare-listings .fa-check {
    top: 5px !important;
    left: 1px !important;
}

.hosted-content .attachment-search .search-checkboxes label .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0px !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link,
.faceted-search-content .selected-facets-container .selected-facet,
.list-content .list-listing-mobile .view-listing-details-link,
.list-content .list-listing-mobile .buy-now-link,
.list-content .list-listing-mobile .check-availability-link,
.list-content .list-listing-mobile .email-seller-link,
.detail-content .detail-main-body .main-detail-data .offer-btn,
.detail-content .detail-main-body .main-detail-data .buy-btn,
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile,
.mobile-breadcrumb,
.mobile-breadcrumb a,
.main-detail-data .contact-options a,
button.g-recaptcha.button {
    background: white !important;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: 600;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link,
.faceted-search,
.faceted-show-all-btn {
    background: #000 !important;
    color: #fff !important;
    text-transform: uppercase;
}

.list-content .list-title .list-listings-count,
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price,
#parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
#inv .error-message,
#inv .info,
.detail-content .detail-main-body .main-detail-data .detail-price,
.detail-content .search-results,
.list-content .list-top-section .listing-option-bar .list-listings-count,
.detail-price,
.compare-price,
.compare-title {
    color: #000 !important;
}

/* heading */
.list-content .list-title .list-title-text,
.detail-content-mobile .detail-main-body .detail-mobile-top .detail-title,
.main-detail-data .detail-title,
.parts-title-text {
    padding-left: 4px;
}

.detail-content .detail-additional-data .data-row .data-label,
.detail-content-mobile .detail-additional-data .data-row .data-label,
.part-detail-additional-data .data-label,
.part-detail-content .detail-contact-bar {
    background: #000 !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn,
.faceted-search-content .mobile-done-button-container .mobile-done-button,
.list-page-nav,
.contact-options a {
    background: #000 !important;
    color: #fff !important;
    text-transform: uppercase;
}

.detail-content .dealer-info .phone-and-email .send-email-btn {
    border-color: #000 !important;
    color: #000 !important;
}

.material-icons,
.collapsible-content a {
    color: #fff !important;
}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details,
.cs-btns a {
    background-color: #000 !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
    margin-right: 0 !important;
}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc {
    height: 48px;
    box-sizing: border-box;
}




/* MEDIA QUERIES */

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
    .hero {
        height: 800px;
    }

    .logo {
        max-width: 275px;
    }

    .top-header {
        font-size: 14px;
        line-height: 1;
    }

}

/*Small devices (landscape phones, less than 768px)*/


@media (min-width: 576px) and (max-width: 767px) {
    .hero {
        height: 400px;
    }

    .logo {
        max-width: 275px;
    }

    .top-header {
        font-size: 14px;
        line-height: 1;
    }

}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 767px) and (max-width: 992px) {
    .hero {
        height: 450px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .section:not(:last-child)::after {
        position: absolute;
        width: 375px;
        height: 290px;
        bottom: -98px;
        left: calc(15% - 60px);
        background: url("../siteart/logo.png") no-repeat;
        background-size: contain;
        content: "";
        z-index: 1;
    }

    .navbar a {
        font-size: 11px;
    }

    .hero {
        height: 830px;
    }

}

/*Extra large devices (large desktops)*/
@media (min-width: 1200px) {

    .section:not(:last-child)::after {
        position: absolute;
        width: 325px;
        height: 290px;
        bottom: -98px;
        left: calc(15% - 30px);
        background: url("../siteart/logo.png") no-repeat;
        background-size: contain;
        content: "";
        z-index: 1;
    }

    .hero {
        height: 830px;
    }

}

/*Extra EXTRA large devices (Extra large desktops)*/
@media (min-width: 1400px) {}

/*Extra EXTRA large devices (Extra large desktops)*/
@media (max-width: 1460px) {.navbar a {font-size: 16px;}}

@media (max-width: 1325px) {.navbar a {font-size: 14px;}}

@media (max-width: 1170px) {.navbar a {font-size: 11px;}}