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

img {
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}

/* TYPOGRAPHY */

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

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

h1 {
    font-weight: 700;
    font-size: 32px;
    margin: 10px 0 15px;
    text-transform: uppercase;
}

h2 {
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
}

h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 2rem;
}

h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5rem;
}

h5 {
    font-weight: 700;
    font-size: 18px;
}

p {
    font-size: 16px;
    line-height: 1.85rem;
    margin-bottom: 3%;
}

.small {
    font-size: 12px;
    font-style: italic;
}

ul.bullet-list {
    list-style: disc;
    margin-left: 15px;
    font-size: 14px;
    line-height: 24px;
}

strong {
    font-weight: 700;
}

a {
    color: inherit;
    transition: all .2s ease-in-out;
    text-decoration: none !important;
}

a:hover {
    color: #bf0e0e;
}


/* SITE FRAMEWORK */
html,
body {
    background: #fff;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14px;
    line-height: 28px;
    overflow-x: hidden;
}

.main {
    padding: 50px 0;
    background: #fff;
}

#colorblock {
    background: #cb0017;
    color: #fff;
    padding: 10px 0;
}



.notInv {
    width: 75%;
    margin: 0 auto;
}

.small_container {
    width: 100%;
    max-width: 1000px;
    margin: 13% auto 0;
}

.column2,
.column3,
.column4,
.column5,
.column6 {
    float: left;
    box-sizing: border-box;
}

.column2 {
    width: 48%;
    margin-right: 2%;
}

.column3 {
    width: 31%;
    padding: 1%;
    margin: 1% 1% 1%;
    position: relative;
}

.column4 {
    width: 23%;
    margin: 2% 1%;
}

.column5 {
    width: 20%;
}

.column6 {
    width: 16.66666%;
}

.last {
    padding-right: 0;
}

.column3 img {
    position: relative;
    width: 100%;
}

.blurb_overlay {
    position: absolute;
    bottom: 7%;
    width: 75%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    z-index: 9999999;
    padding: 3%;
}

.blurb_overlay p {
    font-size: 14px;
}

.hosted-content .column3 {
    border: none !important;
}

/* HEADER */
.header {
    background: #fff;
    padding: 20px 0 15px;
    width: 100%;
}

.head_col_1 {
    float: left;
    width: 55%;
    margin-top: 15px;
}

.logo {
    display: inline-block;
    vertical-align: middle;
    width: 55%;
    margin-top: 15px;
}

.logo img {
    width: 100%;
    vertical-align: middle;
}

.logos {
    display: inline-block;
    margin-left: 3%;
    width: 32%;
}

.logos img {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
}

.head_col_2 {
    float: right;
    text-align: right;
    line-height: 1.5rem;
    margin-top: 5px;
    width: 40%;
}

.head_col_2 p {
    font-size: 18px;
    color: #cb0017;
    margin-top: 7px;
}

.headerlogo {
    display: inline-block;
    width: 21%;
    vertical-align: middle;
}

/* STYLES */
.cycle-slideshow {
    position: relative;
    z-index: 0 !important;
}

.cycle-slideshow img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
}

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

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

#sandhillsContentFrame {
    border: 1px #ccc solid !important;
    padding: 15px 0;
}

.column_left {
    float: left;
    width: 60%;
    padding: 10px 0;
}

.column_right {
    float: right;
    width: 35%;
    padding: 0 0 20px;
}

.column_right img {
    width: 100%;
}

.img_col_2 {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 200px;
    margin-bottom: 10px;
}


.button2 {
    background: #000;
    color: #fff;
    border: none;
    padding: 10px 0;
    width: 100%;
    max-width: 400px;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
    cursor: pointer;
    text-align: center;
    appearance: auto;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    align-items: flex-start;
}

.button2:hover {
    background: rgba(0, 0, 0, 0.7);
}

#socialmediawrap {
    position: absolute;
    top: 30%;
    right: 0;
    color: #fff !important;
    font-size: 20px;
    z-index: 9999999;
}

.fb {
    background: #45619d;
    height: 35px;
    width: 35px;
    text-align: center;
}

.twitter {
    background: #1da1f2;
    height: 35px;
    width: 35px;
    text-align: center;
}

.linkedin {
    background: #0077b5;
    height: 35px;
    width: 35px;
    text-align: center;
}

.google {
    background: #dd5044;
    height: 35px;
    width: 35px;
    text-align: center;
}

.instagram {
    background: #cc4c80;
    height: 35px;
    width: 35px;
    text-align: center;
}

.messenger {
    background: #0084ff;
    height: 35px;
    width: 35px;
    text-align: center;
}

#socialmediawrap a {
    color: #fff;
}

#socialmediawrap a:hover {
    color: #dfdfdf;
}

.manu {
    display: inline-block;
    vertical-align: middle;
    height: 150px;
    margin: .5%;
    border: 1px solid #ccc;
    padding: 10px;
}

.before_after {
    display: inline-block;
    margin: .25%;
    height: 225px;
}

/* --------------------------------

Popup style

-------------------------------- */
.img-replace {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
}

.bts-popup {
    position: fixed;
    left: 0;
    top: 25%;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 999999999999999999;
}

.bts-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    z-index: 999999999;
}

.bts-popup-container {
    position: relative;
    width: 720px;
    max-width: 100%;
    margin: 0 auto;
    background: #000;
    text-align: center;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    z-index: 999999999;
    box-sizing: border-box;
    padding: 2% 5%;
    border: 1px solid #4a4a4a;
}

.bts-popup-container h2 {
    font-size: 20px;
    color: #cb0017;
}

.bts-popup-container p {
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    line-height: normal;
}

.bts-popup-container .bts-popup-button {
    padding: 5px 25px;
    border: 2px solid white;
    display: inline-block;
    margin-bottom: 10px;
}

.bts-popup-container a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

.bts-popup-container .bts-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 9999;
    background: #000;
}

.bts-popup-container .bts-popup-close::before,
.bts-popup-container .bts-popup-close::after {
    content: '';
    position: absolute;
    top: 13px;
    width: 16px;
    height: 3px;
    background-color: white;
    z-index: 9999;
}

.bts-popup-container .bts-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
    z-index: 9999;
}

.bts-popup-container .bts-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 6px;
    top: 13px;
    z-index: 9999;
}

.is-visible .bts-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/* Scrolling Inventory */

.scrolling-wrap {
    height: 90px;
}

iframe.scrolling {
    width: 100%;
}

.py-sm {
    padding: 30px 0;
}

.pt-sm {
    padding-top: 30px;
}

.pb-sm {
    padding-bottom: 30px;
}

/* FORM */
#form {
    background: #fafafa;
    border: 1px #ccc solid;
    padding: 25px;
    box-sizing: border-box;
}

#form input[type="text"],
#form input#CaptchaAnswer,
#form input[type="submit"],
#form select,
#form textarea {
    width: 100%;
    padding: 10px 5px;
    border: 1px solid #ccc;
    margin: 5px 0 15px;
    box-sizing: border-box;
}

#form input[type="radio"] {
    display: inline;
    margin: 0 5px 0 0;
}

#form textarea {
    height: 90px;
}

#form label {
    cursor: pointer;
}

#form input.button {
    padding: 10px 0;
    max-width: 250px;
    background: #bf0e0e;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

#form input.button:hover {
    background: #9B0909;
}

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

.CaptchaAnswerPanel input {
    width: 200px !important;
}

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

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

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

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

.CaptchaWhatsThisPanel a {
    color: #000;
}

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

/* FOOTER STYLES */
.footer {
    background: url(../siteart/bg.jpg) no-repeat;
    background-size: cover;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    width: 100%;
    padding: 10px 0;
}

.footer a {
    color: #fff !important;
}
.foot-flex-cont {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.footerleft {
    width: 70%;
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
}


.footerright {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.footerright .img-cont {
      width:100%;  
}
.footerright img {
    width: 100%;
    display: block;
    height: auto;
	max-width: 200px;
	margin: 0 auto;
}

#bottom {
    background: #c1351c;
    padding: 5px 0;
    color: #fff;
}

.bottomleft {
    float: left;
    width: 50%;
    color: #fff;
    padding-top: 4px;
}

.bottomright {
    float: right;
    width: 50%;
    color: #fff;
    text-align: right;
}

.clear {
    clear: both;
}

/* INVENTORY STYLES */
#inv {
    padding: 5% 0;
}

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

/* Reset font, ignore icons */

.listing-top-right a,
.lower-detail-data-left button,
.send-email-btn,
.media-buttons a,
.media-buttons button,
.faceted-search,
.listing-dealer-info a,
.view-listing-details-link,
.main-detail-data .contact-options a,
.fin-calc-btn-mobile,
.selected-facet,
.page-nav,
.apply-button,
.back-button,
.calculator-btn,
.mobile-done-button {
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label {
    margin-bottom: 0px !important;
}

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

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


.bread-crumbs-heading .return-links .return-links-link span,
#no-compare-listings,
.bread-crumbs-heading .return-links .return-links-link i {
    color: #cb0017 !important;
}

.detail-watchlist-lnk-wrapper {
    margin-left: 60px !important;
}

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

.view-listing-details-link,
.selected-facet,
.view-listing-details-link,
.buy-now-link,
.check-availability-link,
.email-seller-link,
.offer-btn,
.buy-btn,
.dealer-phone-mobile,
.offer-btn-mobile,
.send-email-btn-mobile,
.send-wholesale-email-btn-mobile,
.fin-calc-btn-mobile,
.mobile-breadcrumb,
.main-detail-data .contact-options a,
button.g-recaptcha.button,
.page-nav,
.apply-button,
.mobile-done-button,
.dealer-btns-bottom a {
    background: #cb0017 !important;
}

.selected-facet,
.dealer-phone-mobile,
.offer-btn,
.offer-btn-mobile,
.fin-calc-btn-mobile,
.send-wholesale-email-btn-mobile,
.send-email-btn-mobile,
.buy-now-link,
.view-listing-details-link,
.main-detail-data .contact-options a,
button.g-recaptcha.button,
.page-nav,
.apply-button,
.mobile-done-button {
    border: solid 1px #cb0017 !important;
    transition: ease all 0.2s !important;
}

.selected-facet:hover,
.dealer-phone-mobile:hover,
.offer-btn:hover,
.offer-btn-mobile:hover,
.fin-calc-btn-mobile:hover,
.send-wholesale-email-btn-mobile:hover,
.send-email-btn-mobile:hover,
.buy-now-link:hover,
.view-listing-details-link:hover,
.main-detail-data .contact-options a:hover,
button.g-recaptcha.button:hover,
.page-nav:hover,
.apply-button:hover,
.mobile-done-button:hover,
.dealer-btns-bottom a:hover {
    background: #fff !important;
    color: #cb0017 !important;
}

.check-availability-link,
.email-seller-link,
.video-chat-link,
.faceted-search,
.faceted-show-all-btn,
.cs-btns a,
.calculator-btn {
    background: #000 !important;
    border: solid 1px #000 !important;
    transition: ease all 0.2s !important;
}

.check-availability-link:hover,
.email-seller-link:hover,
.video-chat-link:hover,
.faceted-search:hover,
.faceted-show-all-btn:hover,
.cs-btns a:hover,
.calculator-btn:hover {
    background: #fff !important;
    color: #000 !important;
}

.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,
.list-page-nav,
.contact-options a {
    background: #000 !important;
}

.list-main-section .contact-options a {
    border: #000 solid 1px !important;
    transition: ease all 0.2s !important;
}

.list-main-section .contact-options a:hover {
    background: transparent !important;
    color: #000 !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn,
.list-content .list-listing-mobile .dealer-phone-container a,
.back-button {
    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 {
    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 !important;
    box-sizing: border-box;
}




/* RESPONSIVE STYLES */
@media screen and (max-width: 1520px) {
    .head_col_1 {
        margin-top: 50px;
    }

    .img_col_2 {
        width: 49% !important;
        max-width: 100%;
    }
}

@media screen and (max-width: 1400px) {
    .notInv {
        width: 90%;
    }

    .container {
        width: 99%;
    }

    .small_container {
        margin-top: 15%;
    }

}

@media screen and (max-width: 1200px) {
    .hosted-content #listings-title {
        font-size: 1.5rem !important;
    }

    .blurb_overlay {
        width: 90%;
    }
}

@media screen and (max-width: 1085px) {
    h1 {
        font-size: 28px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 16px;
    }

    p {
        font-size: 14px;
    }

    .small_container {
        margin-top: 15%;
        width: 90%;
        max-width: 90%;
    }

    .head_col_1 {
        width: 65%;
        margin-top: 30px;
    }

    .head_col_2 {
        width: 34%;
    }

    .head_col_2 p {
        font-size: 16px;
    }

    .headerlogo {
        width: 30%;
    }

}


@media screen and (max-width: 950px) {
    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 18px;
    }

    .head_col_1 {
        float: none;
        width: 100%;
        text-align: center !important;
    }

    .head_col_2 {
        float: none;
        width: 100%;
        text-align: center !important;
    }

    .column3 {
        width: 48%
    }
}

@media screen and (max-width: 768px) {
    p {
        font-size: 12px;
    }

    .head_col_2 p {
        font-size: 14px;
        line-height: 1.5rem;
    }

    .headerlogo {
        width: 21%;
    }

    body .full #wide_col {
        width: 100% !important;
    }

    .column_left {
        float: none;
        width: 100%;
    }

    .column_right {
        float: none;
        width: 100%;
    }

    .cutout {
        display: none;
    }

    .button2 {
        font-size: 14px;
    }
    


    .footerleft {
        float: none;
        width: 100%;
    }

    .footerright {
        float: none;
        width: 75%;
        margin: 20px auto 0;
    }
}

@media screen and (max-width: 650px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 16px;
    }

    .head_col_2 p {
        font-size: 12px;
        line-height: 1.5rem;
    }

    .column4 {
        width: 48%;
    }

    .hosted-content #listings-title {
        font-size: 1.2rem !important;
    }
}

@media screen and (max-width: 530px) {
    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 18px;
    }

    .logo {
        display: block;
        width: 100%;
    }

    .logos {
        display: block;
        width: 75%;
        margin: 15px auto 0;
    }

    .column4 {
        float: none;
        width: 100%;
        padding-right: 0px;
        margin: 10px auto;
    }

    .footerleft {
        text-align: center;
    }

    .hosted-content #listings-title {
        font-size: 1rem !important;
    }

    .headerlogo {
        width: 40%;
    }
}


@media screen and (max-width: 475px) {
    .column2 {
        float: none;
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .column3 {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    #socialmediawrap {
        top: 80%;
    }

    .bottomleft {
        float: none;
        width: 100%;
        text-align: center;
    }

    .bottomright {
        float: none;
        width: 100%;
        text-align: center;
    }
}