/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap');

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;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

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

td {
    vertical-align: top;
}

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


.gray-home-links a:hover {
    color: #fff;
}


/***** END RESET *****/
::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

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


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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


h1 {
    font-size: 36px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

.semi-bold {
    font-weight: 500;
}

.bold {
    font-weight: 700;
}

.red {
    color: #d1192b;
}

.white {
    color: #fff;
}

.uppercase {
    text-transform: uppercase;
}

.align-right {
    text-align: right;
}

.small-font,
.small-text {
    font-size: 12px;
}

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

body {
    font-family: 'Montserrat', sans-serif;
}


.flex-container {
    display: flex;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 10px;
}

.site-width {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 10px;
}


.flex-1 {
    flex: 1 0;
}

.flex-3 {
    flex: 3 0;
}

header {
    background-image: url("/siteart/bg-hatch.jpg");
    padding: 10px;
    box-shadow: 2px 2px 2px #000;
    position: relative;
    z-index: 3;
}

.header-right {
    flex: 3 0;
}

.logo {
    position: relative;
    flex: 1 0;
    margin-right: 1%;
}

.logo img {
    display: inline-block;
    max-width: 100%;
}

.logo a {
    position: absolute;
}

.header-locations {
    display: flex;
    justify-content: flex-end;
}

.location-1 {
    margin-left: 50px;
    text-align: left;
}

.location-1 h4 {
    font-size: 18px;
}

.location-1 i {
    color: #000;
    font-size: 28px;

    margin-top: 5px;
}


.hero-image {
    background-image: url("/siteart/hero-bg1.jpg");
    padding: 13% 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-bottom: solid 10px #d1192b;
}

.hero-image-small {
    background-image: url("/siteart/hero-bg1.jpg");
    padding: 5% 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-bottom: solid 10px #d1192b;
}

.hero-container {
    max-width: 1020px;
    margin: 0 auto;
    text-align: center;
}

.hero-text {
    color: #fff;
}

.hero-text h3 {
    font-size: 40px;
    margin-bottom: 5px;
    text-shadow: 2px 2px 2px #000;
}

.hero-text h2 {
    font-size: 69px;
    text-shadow: 2px 2px 2px #000;
}






/*-------- HOVER ICON STYLES --------*/
.hi-icon-wrap {
    text-align: center;
    margin: 0 auto;
    flex: 1 0;
    justify-content: center;
    align-items: center;
}

.hi-icon {
    display: flex;
    font-size: 0px;
    cursor: pointer;
    margin: 15px auto;
    width: 105px !important;
    height: 105px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    color: #FFFFFF;
    behavior: url(/css/pie.htc);
}



.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.hi-icon:before {
    speak: none;
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

/* Effect 1 */

.hi-icon-effect-1 .hi-icon {
    background: #CCCCCC;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

/* Effect 1a */

.hi-icon-effect-1a .hi-icon:hover {
    color: #FFFFFF;
}

.hi-icon-effect-1a .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.icon-tractors:before {
    content: url("/siteart/icons/tractor-icon.png");
}

.icon-harvest:before {
    content: url("/siteart/icons/harvest-icon.png");
}

.icon-planting:before {
    content: url("/siteart/icons/planting-icon.png");
}

.icon-tillage:before {
    content: url("/siteart/icons/tillage-icon.png");
}

.icon-hay:before {
    content: url("/siteart/icons/hay-icon.png");
}

.icon-chemical:before {
    content: url("/siteart/icons/chem-icon.png");
}

.icon-ag:before {
    content: url("/siteart/icons/ag-trailer-icon.png");
}

.icon-attachments:before {
    content: url("/siteart/icons/attach-icon.png");
}

.icon-const:before {
    content: url("/siteart/icons/const-icon.png");
}

.icon-trucks:before {
    content: url("/siteart/icons/trailer-icon.png");
}


.hi-icon-effect-1 .hi-icon:after {
    box-shadow: 0 0 0 4px #d1192b;
}

.hi-icon-effect-1 .hi-icon:hover {
    background: #d1192b;
}

.hi-icon-wrap h2 {
    font-size: 20px;
    font-weight: 700;
}

.cta-link {
    flex: 1 0 24%;
    text-align: center;
    position: relative;
    overflow: hidden;
    max-width: 310px;
}

.cta-link.showroom {
    flex-basis: 24%;
    max-width: 480px;
}

.show-center {
    justify-content: space-evenly;
}

.cta-link a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1%;
    z-index: 99;
    overflow: hidden;
    font-size: 14px;
}

.tractor-image {
    position: absolute;
    top: 0;
    opacity: 0.2;
}

.cta-caption {
    background: rgba(0, 0, 0, 0.67);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 0 20px;
}

.cta-link img {
    width: 100%;
    transition: all .5s ease;
}

.cta-caption h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.cta-link:hover .cta-caption {
    background: none;
}

.tile-border {
    position: absolute;
    top: 10px;
    right: 10px;
    left: 10px;
    bottom: 10px;
    z-index: 100;
    border: 2px solid #fff;
}

.finance-logo {
    max-width: 300px;
}

.finance-logo {
    max-width: 300px;
}

.finance-logo img {
    width: 100%;
}

.finance-logo:hover {
    opacity: .7;
}

#space {
    width: 60px;
}

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

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










.product-links .flex-container {
    margin: 15px auto;
    flex-wrap: wrap;
}

.product-links {
    background-image: url("/siteart/bg-hatch.jpg");
    padding: 10px;
    position: relative;
    z-index: 1;
}



.red-banner {
    background: #d1192b;
    padding: 20px;
}


.flex-1.north {
    /* background: url(../siteart/north.png); */
    position: relative;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    display: flex;
    align-items: center;
    padding: 2% 0;
}

.north.flex-1 {
    text-align: right;
}

.flex-1.north .flex-1 {
    text-align: center;
}

.flex-1.south {
    background: url(../siteart/south.png);
    position: relative;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    display: flex;
    align-items: center;
    padding: 2% 0;
}

.south.flex-1 {
    text-align: left;
}

.flex-1.home-logos {
    margin-right: 8%;
    text-align: center;
    position: relative;
    z-index: 5;
}

#main-content {
    padding: 3% 0;
    background: url("/siteart/cloud-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.home-logos img {
    margin: 10px 0;
}

.markets {
    background-image: url("/siteart/bg-hatch.jpg");
    padding: 10px 10px 5% 10px;
    position: relative;
    z-index: 1;
}

.markets .flex-1 {
    margin: 0 1%;
}

.markets-widget {
    padding-bottom: 70%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.markets iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.light-gray {
    background: #555555;
    padding: 10px;
}

footer {
    background: #222222;
    padding: 40px 10px;
    line-height: 23px
}

footer a,
.light-gray a {
    text-decoration: none
}

.underline-spaced {
    text-decoration: underline;
    margin-bottom: 5px;
}


.google-map {
    position: relative;
    padding-bottom: 50%;
    overflow: hidden;
    width: 100%;
}

.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
}


/*---------- 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 input {
    margin: 2px 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: #d1192b !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: #d1192b !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 #d1192b !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: #d1192b !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;
}




/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .line-up .cta-link {
        max-width: none;
    }
}



/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (min-width: 768px) {}



@media only screen and (min-width:768px) and (max-width: 1200px) {


    .cta-link {
        flex-basis: auto;
    }

    .product-links .flex-container {
        justify-content: space-evenly;
    }



}


@media only screen and (max-width: 867px) {
    .cta-link {
        flex-basis: auto;
    }

    .product-links .flex-container {
        justify-content: space-evenly;
    }

    .hi-icon-wrap {
        flex-basis: 51%;
        margin: 10px 0;
    }

    .flex-container {
        flex-wrap: wrap;
    }

    .logo {
        margin: 0 auto;
        flex-basis: 100%;
        position: relative;
        justify-content: center;
        text-align: center;
    }

    .logo a {
        position: relative;
    }

    .header-right {
        flex-basis: 100%;
    }

    .header-locations {
        justify-content: space-around;
    }

    .location-1 {
        margin: 0 auto;
        text-align: center;
    }

    .flex-1.north,
    .flex-1.south {
        flex-basis: 100%;
        text-align: center;
        justify-content: center;
        background-position: center;
        margin: 10px auto;
        flex-wrap: wrap;
    }

    .south.flex-1 {
        text-align: center;
    }

    .flex-1.home-logos {
        margin: 0 auto;
        flex-basis: 100%;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .home-logos img {
        margin: 0 auto;
    }

    .flex-3,
    .flex-1 {
        flex-basis: 100%;
        margin: 10px 0;
        justify-content: center;
        text-align: center;
    }

    .align-right {
        text-align: center;
    }

    footer {
        padding-bottom: 30%;
    }

    .tractor-image img {
        width: 100%;
    }
}