body {
    font-size: 100%;
    margin: 0;
    font-size: calc(1em + 9 * (100vw - 320px) / 1600) !important;
    font-size: -webkit-calc(100% + 9 * (100vw - 320px) / 1600) !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.header {
    position: static;
    top: 0;
    width: 100%;
    z-index: 9;
}


.call-us-now > a {color: white !important;}



.privacy-policy-ct {background:#f1f1f1;}
.sml-text{width:95%; max-width: 1300px; margin: 0 auto; padding:15px 0;}
.sml-text p, .sml-text h4 {font-size:13px; line-height: auto; margin:4px 0; }
.sml-text h4 {line-height: 13px;}


.body-wrapper > * {
	font-size: .75em !important;
	}


.faceted-search-content {min-width: auto !important;}

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

.lower-detail-data-right{ 
	font-size: 11px !important; 
} 

.option-name {
margin-top: 0px !important;	
}

.cs-btns a {background-color: #323EDC !important;}
.des-compare-button {background-color: #323EDC !important; color: white !important;}

.selected-facet {
	background-color: #323EDC !important;
}

.view-listing-details-link {
	background-color: #323EDC !important;
	color: white !important;
}

.contact-options a {
	background-color: #323EDC !important;
}

.listing-portion-title {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 500 !important;
	color: black !important;
}

.detail-title {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 500 !important;
}

.dealer-name {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 500 !important;
	color: black !important;
}

.price {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 700 !important;
	color: #323EDC !important;
}

.list-title-text {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: 500 !important;
}

.body-content {
    padding: 0!important;
   font-family: 'Roboto Condensed', sans-serif !important;
}

.lower-detail-data-right {
    left: 24.5em !important;
}

.mobile-done-button {
		background-color: #323EDC !important;
}

.detail-btn-calc {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.offer-btn {
		background-color: #323EDC !important;
}

.data-label {
	background-color: #323EDC !important;
}

.contact-bar-btn {
	background-color: #323EDC !important;
}

.offer-btn-mobile {
	background-color: #323EDC !important;
}

.dealer-phone-mobile {
		background-color: #323EDC !important;
}

.send-email-btn-mobile {
	background-color: #323EDC !important;
}

.fin-calc-btn-mobile {
		background-color: #323EDC !important;
}


.listing-option-bar {padding-top: 20px; padding-bottom: 20px;}


.consent-input {display:flex;    
	font-size: 16px !important;
    align-items: center;
    width: 60%;
    justify-content: center;
    margin: 0 auto;
    gap: 10px;
    margin-top: 30px;}


.dpdown-list{background-color: #002f5c;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1;
    width: 428px;
    display: flex;
    list-style: none;
    justify-content: space-around;
    padding: 2%;
    margin: 5px;}

.dpdown-list li a{text-decoration: none; color: #fff; list-style: none;}
.dpdown-list li{padding: 8px 0;}
.dpdown-list li a:hover{text-decoration: underline; cursor: pointer;}
.product-highlight-li a{cursor: pointer;}







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

.consent-input {display:flex;    
	font-size: 16px !important;
    align-items: center;
    width: 90%;
    justify-content: center;
    margin: 0 auto;
    gap: 10px;
    margin-top: 30px;}

}



@media screen and (min-width: 840px) {
    .header {
        position: fixed;
    }
}

.tops {
    background-color: black;
    display: none;
}

@media screen and (min-width: 610px) {
    .tops {
        display: block;
    }
}

.tops-in {
    position: relative;
}

.tops-left {
    background-color: #ffd200;
    padding: 0.33em 1em;
    display: inline-block;
    vertical-align: top;
    width: 85%;
    box-sizing: border-box;
}

.tops-left-ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tops-left-ul-li {
    display: inline-block;
    vertical-align: baseline;
    margin-right: 1em;
}

.tops-left-ul-li-anchor {
    font-size: 0.702em;
    color: black;
    text-decoration: none;
}

.tops-map-pin {}

.tops-phone {}

.tops-right {
    display: inline-block;
    background-color: black;
    vertical-align: top;
    width: 15%;
    box-sizing: border-box;
    padding: 0.27em 1em;
    text-align: right;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14em;
}

.tops-right-ul {
    color: white;
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.tops-right-ul-li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1em;
}

.tops-slant {
    display: none;
    vertical-align: middle;
    position: absolute;
    left: -1em;
    top: 0;
    width: 0;
    height: 0;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-bottom: 1.87em solid black;
}

.tops-youtube {
    font-size: 1em;
    color: white;
    text-decoration: none;
}

.tops-facebook {
    font-size: 1em;
    text-decoration: none;
    color: white;
}

.mids {
    background-color: #323edc;
    color: white;
    padding: 1em;
}

@media screen and (min-width: 710px) {
    .mids {
        padding: 0.1em 0.5em;
    }
}

.mids-in {}

.mids-h1 {
    margin: 0;
    display: inline-block;
    vertical-align: baseline;
    font-size: 1.24em;
    color: white;
    text-decoration: none;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 840px) {
    .mids-h1 {
        text-align: left;
        width: auto;
    }
}

.mids-h1-thick {
    font-size: 2.566em;
    font-weight: 700;
    margin-right: 0.27em;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
}

.mids-h1-thin {
    font-size: 1.602em;
    font-weight: 400;
    color: white;
    text-decoration: none;
}

.mids-h1-anchor {
    text-decoration: none;
}

.mids-search-form {
    display: none;
    vertical-align: baseline;
    float: right;
    margin-top: 0.95em;
    position: relative;
    color: #b7b7b7;
    width: calc(57% - 9em);
    max-width: 840px;
}

@media screen and (min-width: 750px) {
    .mids-search-form {
        display: inline-block;
    }
}

.mids-search-form:focus ~ .tops-search-icon {
    color: black;
}

.mids-search-field {
    width: 74% !important;
    margin-right: 1%;
    box-sizing: border-box;
    border: none;
    padding: 0.5em;
    font-size: 0.72em;
    text-indent: 1.7em;
}

.mids-search-select {
    width: 24% !important;
    margin-right: 1%;
    box-sizing: border-box;
    border: none;
    padding: 0.5em;
    font-size: 0.72em;
}

.mids-search-field::placeholder {
    color: #b7b7b7;
}

.mids-search-submit {
    display: none;
}

.mids-right {
    display: none;
    vertical-align: middle;
    float: right;
    margin-top: 1.65em;
}

@media screen and (min-width: 1450px) {
    .mids-right {
        display: inline-block;
    }
}

.mids-form-controller {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.72em !important;
    font-family: 'Roboto Condensed', sans-serif;
    height: 2em !important;
    -webkit-appearance: none;
    box-sizing: border-box;
    padding: 0 0.25em;
	width: auto !important;
}

.mids-input {
    font-size: 0.72em !important;
    font-family: 'Roboto Condensed', sans-serif;
    height: 2em !important;
    -webkit-appearance: none;
    border: none;
    box-sizing: border-box;
    padding: 0 0.25em;
    width: 13em !important;
}

.mids-search {
    font-size: 0.72em !important;
    font-family: 'Roboto Condensed', sans-serif;
    height: 2em !important;
    -webkit-appearance: none;
    border: none;
    box-sizing: border-box;
    padding: 0 0.25em !important;
    background-color: #0C2F5E !important;
    color: white;
}

.mids-form {
    display: none;
    vertical-align: middle;
    display: none;
}

.tops-search-icon {
    position: absolute;
    top: .35em;
    left: 0.5em;
    font-size: 0.9em;
}

.nav {}

.nav-ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #002f5c;
    text-align: center;
    position: relative;
    z-index: 3;
}

@media screen and (min-width: 500px) {
    .nav-ul {
        background-color: rgba(255, 255, 255, 0.75);
    }
}

.nav-ul-li {
    display: inline-block;
    vertical-align: middle;
    margin: 0.64em 0.39em;
}

.nav-ul-li-a {
    color: black;
    text-decoration: none;
    font-weight: 700;
}

.nav-ul-li-home,
.nav-ul-li-equipment,
.nav-ul-li-trucks,
.nav-ul-li-rental,
.nav-ul-li-parts,
.nav-ul-li-shop,
.nav-ul-li-about-us,
.nav-ul-li-contact,
.nav-ul-li-financing,
.nav-ul-li-employment {
    display: none;
}

.mobile-nav-ul-li-home,
.mobile-nav-ul-li-equipment,
.mobile-nav-ul-li-trucks,
.mobile-nav-ul-li-rental,
.mobile-nav-ul-li-parts,
.mobile-nav-ul-li-shop,
.mobile-nav-ul-li-about-us,
.mobile-nav-ul-li-contact,
.mobile-nav-ul-li-financing,
.mobile-nav-ul-li-employment {
    display: block;
}

.mobile-nav-label {
    display: inline-block;
    margin: 0;
}

.mobile-nav-toggle {
    display: inline-block;
    margin: 0;
    color: white;
    font-size: 1.802em;
    margin: 0.64em;
}

@media screen and (min-width: 500px) {
    .mobile-nav-toggle {
        color: black;
        font-size: 1em;
        margin: 0;
    }

    .mobile-nav-label {
        display: none;
    }
}

@media screen and (min-width:500px) {

    .nav-ul-li-home,
    .nav-ul-li-equipment,
    .nav-ul-li-trucks,
    .nav-ul-li-rental {
        display: inline-block;
    }

    .mobile-nav-ul-li-home,
    .mobile-nav-ul-li-equipment,
    .mobile-nav-ul-li-trucks,
    .mobile-nav-ul-li-rental {
        display: none;
    }

}

@media screen and (min-width:500px) {
    .nav-ul-li-parts {
        display: inline-block;
    }

    .mobile-nav-ul-li-parts {
        display: none;
    }
}

@media screen and (min-width:700px) {
    .nav-ul-li-shop {
        display: inline-block;
    }

    .mobile-nav-ul-li-shop {
        display: none;
    }
}

@media screen and (min-width:785px) {
    .nav-ul-li-about-us {
        display: inline-block;
    }
    
    .mobile-nav-ul-li-about-us {
        display: none;
    }
}

@media screen and (min-width:920px) {
    .nav-ul-li-contact {
        display: inline-block;
    }

    .mobile-nav-ul-li-contact {
        display: none;
    }
}

@media screen and (min-width:1060px) {
    .nav-ul-li-financing {
        display: inline-block;
    }

    .mobile-nav-ul-li-financing {
        display: none;
    }
}

@media screen and (min-width:1190px) {
    .nav-ul-li-employment {
        display: inline-block
    }

    .mobile-nav-ul-li-employment {
        display: none
    }

    .mobile-nav-toggle {
        display: none;
    }
}


.feature {
    position: relative;
    top: -2.5em;
    z-index: 0;
    margin-top: 2.5em;
}

@media screen and (min-width: 840px) {
    .feature {
        margin-top: 9em;
    }
}

@media screen and (min-width: 1050px) {
    .feature {
        margin-top: 6em;
    }
}

.feature-title {
    background-color: black;
    padding: 1em 0 1em 0.5em;
}

@media screen and (min-width: 700px) {
    .feature-title {
        z-index: 999;
        position: absolute;
        top: 33%;
        transform: translateY(-50%);
        left: 5em;
        background-color: transparent;
        padding: 0;
    }
}

.feature-title-h3 {
    color: white;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.75);
    font-weight: 400;
    margin: 0;
    font-size: 1.802em;
}

.feature-title-h1 {
    color: white;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.75);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    font-size: 3.247em;
    margin-bottom: 0.25em;
}

.feature-title-h2 {
    color: white;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.75);
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    font-size: 2.027em;
}

.feature-slides {}

.feature-slide {
    position: relative;
}

.feature-slide-h4 {
    position: absolute;
    top: 57% !important;
    font-size: 2.566em !important;
    color: #a32121;
    background-color: rgba(255, 255, 255, 0.5);
    font-family: 'Raleway', sans-serif;
    padding: 0.32em;
    left: 2em !important;
}

.feature-slide-img {
    width: 100%;
}

.slick-dots {
    bottom: 9%;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: white;
    font-size: 20px;
}

.slick-dots li button:before {
    font-size: 20px;
}

.shortcuts {
    background-color: #f2f2f2;
    position: relative;
    top: 0;
    background: url(../siteart/houndstooth-pattern.png);
    margin-bottom: 0;
}

@media screen and (min-width: 1050px) {
    .shortcuts {
        top: -2em;
        margin-bottom: -3em;
    }
}

.shortcuts-in {
    text-align: center;
    position: relative;
    width: 90%;
    margin: 0 auto;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .shortcuts-in {
        width: 80%;
    }
}

.shortcut {
    display: inline-block;
    position: relative;
    top: 0;
    width: 98%;
    margin: 1em 0;
    box-sizing: border-box;
}

.shortcut-h4 {}

@media screen and (min-width: 510px) {
    .shortcut {
        width: 48%;
        margin: 1em 1%;
    }
}

@media screen and (min-width: 800px) {
    .shortcut {
        width: 23%;
        /*margin: 0 1%;*/
    }
}

@media screen and (min-width: 1050px) {
    .shortcut {
        top: -2em;
        margin: 0 1%;
    }
}

.shortcut-h4 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.802em;
    color: #002f5c;
    z-index: 1;
    box-sizing: border-box;
}

.shortcut-img {
    border: 6px solid #002f5c;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
}

.shortcut-overlay {
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% - 16px);
    width: calc(100% - 12px);
    background-color: rgba(255, 255, 255, 0.5);
}

.space {
    display: none;
}

.break-space {
    display: inline;
}

@media screen and (min-width: 1370px) {
    .space {
        display: inline;
    }

    .break-space {
        display: none;
    }
}

.inv-search {
    position: relative;
    background-color: #FAD100;
    margin-bottom: 1em;
}

.inv-search-title {
    background-color: #002f5c;
    color: white;
    margin: 0;
    padding: 0.25em 0;
    font-size: 1.802em;
    text-align: center;
    text-transform: uppercase;
}

.form-select {}

.form-select-title {
    margin: 0;
    text-align: center;
    width: 49%;
    display: inline-block;
    vertical-align: top;
    background-color: black;
    color: white;
    width: 50%;
    text-transform: uppercase;
    font-size: 1.424em;
    padding: 0.25em;
    box-sizing: border-box;
}

.form-select-title:hover {
    cursor: pointer;
}

.form-select-title-selected {
    background-color: #ffd200;
    color: black;
}

.inv-search-form {
    display: none;
    text-align: center;
    padding-bottom: 1em;
}

@media screen and (min-width: 1000px) {
    .inv-search-form {
        padding: 0;
    }
}

.inv-search-form-selected {
    display: block;
}

.inv-search-form-select {
    display: inline-block;
    vertical-align: middle;
    width: 98%;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: none;
    box-shadow: none;
    font-size: 1.125em;
    color: #c8c8c8;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    height: 1.5em;
    margin: 1em 0 0 0;
    padding: 0 0.25em;
    background-color: white;
}

.inv-search-form-select:focus {
    color: black;
}

.inv-search-form-input {
    display: inline-block;
    vertical-align: middle;
    width: 98%;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: none;
    box-shadow: none;
    font-size: 1.125em;
    color: #c8c8c8;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    height: 1.5em;
    margin: 1em 0 0 0;
    padding: 0 0.25em;
}

@media screen and (min-width:500px) {

    .inv-search-form-select,
    .inv-search-form-input {
        width: 49%;
        margin: 1em 0 0 0;
    }
}

@media screen and (min-width:1000px) {

    .inv-search-form-select,
    .inv-search-form-input {
        width: 23%;
        margin: 1em 0 2em 0;
    }
}

.inv-search-form-input:focus {
    color: black;
}

.inv-search-form-input::placeholder {
    color: #c8c8c8;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

.inv-search-form-submit {
    color: white;
    background-color: #a32121;
}

.product-highlights {}

.product-highlights-in {
    width: 99%;
    margin: 0 auto;
}

.product-highlight {
    display: inline-block;
    vertical-align: top;
    width: 99%;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    height: auto;
    padding: 1em;
    margin: 0 0.5%;
    margin-bottom: 1em;
    position: relative;
}

.product-highlight-mobile-anchor {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media screen and (min-width: 620px) {
    .product-highlight {
        height: 16em;
    }

    .product-highlight-mobile-anchor {
        display: none;
    }
}

@media screen and (min-width:1130px) {
    .product-highlight {
        margin: 0 0.5%;
        width: 49%;
    }
}

.product-highlight-col-for-img,
.product-highlight-col-for-list {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

@media screen and (min-width: 620px) {

    .product-highlight-col-for-img,
    .product-highlight-col-for-list {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        margin-top: 2em;
        text-align: left;
    }
}

.product-highlight-col-for-img {
    width: 100%;
    margin: 0 auto;
}

.product-highlight-col-for-list {
    width: 100%;
    margin-bottom: 1em;
}

.product-highlight-col-no-marg {
    width: 100%;
    margin: 0 auto;
}

@media screen and (min-width: 620px) {
    .product-highlight-col-for-img {
        width: 49%;
        margin-left: 0;
        margin-top: 2em;
    }

    .product-highlight-col-no-marg {
        width: 49%;
        margin: 0;
    }

    .product-highlight-col-for-list {
        width: 51%;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1340px) {
    .product-highlight-col-for-img {
        width: 51%;
        margin-left: 9%;
        vertical-align: top;
        margin-top: 2em;
    }

    .product-highlight-col-for-list {
        width: 40%;
    }

    .product-highlight-col-no-marg {
        margin: 0;
        width: 57%;
    }
}

.product-highlight-h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.424em;
    margin: 0;
}

.product-highlight-p {
    font-size: 0.79em;
    margin: 0;
    padding: 0.5em 0;
    display: none;
}

.product-highlight-ul {
    font-size: 0.79em;
    margin: 0;
    padding: 0;
    padding-left: 1em;
    display: none;
}

@media screen and (min-width: 620px) {
    .product-highlight-p {
        display: block;
    }

    .product-highlight-ul {
        display: block;
    }
}

.product-highlight-li {}

.product-highlight-a {
    color: #0C2F5E;
    font-weight: 600;
    text-decoration: underline;
}

.product-highlight-a:hover {
    color: #b7b7b7;
}

.product-highlight-img {
    width: 75%;
    max-width: 515px;
}

@media screen and (min-width: 620px) {
    .product-highlight-img {
        float: right;
    }
}

@media screen and (min-width: 1000px) {
    .product-highlight-img {
        width: 60%;
    }
}

@media screen and (min-width: 1130px) {
    .product-highlight-img {
        float: none;
        width: 100%;
    }
}

.brands {
    background-color: #002f5c;
    color: white;
    padding: 1em 0 2em 0;
    margin: 1em 0 0 0;
}

.brands-h3 {
    font-size: 2.027em;
    margin: 0 0 0.5em 0;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Raleway', sans-serif;
}

.brand-slides {}

.brand-slide {}

.brand-slide-a {}

.brand-slide-img {
    height: 4em;
    margin: 0 auto;
    max-width: 11em;
}

.brands .slick-slide,
.brands .slick-slide .slick-active {
    width: auto !important;
    margin: 0 2em;
}

.financing {
    background-color: #f2f2f2;
    padding: 1.5em 0;
    text-align: center;
}

.financing-h3 {
    font-size: 2.027em;
    margin: 0;
    margin-bottom: 1em;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    color: #002f5c;
}

@media screen and (min-width: 710px) {
    .financing-h3 {
        margin: 0;
    }
}

.financing-anchor {}

.financing-logo {
    width: 13em;
    margin: 0 auto;
    display: inline-block;
    margin: 1em;
}

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

.our-location {
    color: white;
}

.our-location-in {}

.our-location-h3 {
    font-size: 2.027em;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    background-color: #002f5c;
    margin: 0;
    padding: 0.5em 0;
}

.our-location-arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #002f5c;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    top: -0.32em;
}

.our-location-map {
    overflow: hidden;
    padding-bottom: 37.25%;
    position: relative;
    height: 0;
    top: -1em;
    z-index: 1;
    margin-bottom: -1em;
}

@media screen and (min-width: 1000px) {
    .our-location-map {
        padding-bottom: 17.25%;
    }
}

.our-location-map iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.consignment-form-section {
    background-color: #002f5c;
}

.consignment-form-section-h3 {
    font-size: 2.027em;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    background-color: #002f5c;
    margin: 0;
    padding: 0.5em 0;
    color: white;
}

.consignment-form {
    background-color: #f2f2f2;
    width: 98%;
    margin: 0 auto;
    box-shadow: 5px 10px;
    text-align: center;
    display: none;
}

.consignment-toggle:hover {
    cursor: pointer;
}

.consignment-form-h6 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.424em;
    text-align: center;
    margin: 0;
    padding: 1em;
}

.consignment-caret {
    -webkit-transition: width 2s;
    /* Safari */
    transition: transform 0.5s;
}

.consignment-form-field-one-third,
.consignment-form-field-one,
#CaptchaAnswer,
.form-page-form-submit {
    display: inline-block;
    vertical-align: middle;
    width: 97%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-size: 0.79em;
    color: black;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0.25em 1em;
    box-sizing: border-box;
    margin: 0.5em 0.5%;
    background-color: white;
}

@media screen and (min-width: 700px) {

    .consignment-form-field-one-third,
    .consignment-form-field-one,
    #CaptchaAnswer,
    .form-page-form-submit {
        width: 32.333333%;
    }
}

#CaptchaAnswer {
    text-align: center;
}

.form-page-form-submit {
    background-color: #001b35;
    color: white;
    padding: 1em;
}

.note {
    padding: 1em 0;
    margin-top: -2em;
}

.consignment-form-field-one-third::placeholder,
.consignment-form-field-one::placeholder {
    color: #b7b7b7;
}

.consignment-form-field-one {
    width: 99%;
    margin: 0.5em 0;
}

.consignment-form-field-one-third:focus {
    color: black;
}

.consignment-form-field-one {}

.CaptchaWhatsThisPanel a {
    color: #393939;
}

.CaptchaWhatsThisPanel a:hover {
    color: black;
}


.footer {
    background-color: #001b35;
    color: #ffd200;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 1em 0 4em 0;
}

.footer-in {
    width: 98%;
    margin: 0 auto;
}

.footer-left {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

@media screen and (min-width: 1500px) {
    .footer-left {
        width: auto;
    }
}

.footer-inventory {
    padding: 0;
    margin: 0;
    list-style: none;
    vertical-align: top;
    width: 100%;
    display: block;
    margin-bottom: 2em;
}


@media screen and (min-width: 640px) {
    .footer-inventory {
        margin: 0;
        display: inline-block;
        width: 25%;
    }
}

@media screen and (min-width: 1500px) {
    .footer-inventory {
        width: auto;
        margin: 0;
        margin-right: 2em;
    }
}

.footer-inventory-li {
    margin-bottom: 0.25em;
}

.footer-h4 {
    margin: 0;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.footer-anchor {
    color: #ffd200 !important;
    text-decoration: none;
}

.footer-anchor:hover {
    color: white !important;
}

.footer-pages {
    padding: 0;
    margin: 0;
    list-style: none;
    vertical-align: top;
    width: 100%;
    display: block;
    margin-bottom: 2em;
}

@media screen and (min-width: 640px) {
    .footer-pages {
        margin: 0;
        display: inline-block;
        width: 25%;
    }
}

@media screen and (min-width: 1500px) {
    .footer-pages {
        width: auto;
        margin: 0;
        margin-right: 2em;
    }
}

.footer-pages-li {
    margin-bottom: 0.25em;
}

.footer-logo {
    vertical-align: top;
    margin-top: 0;
    width: 100%;
    margin: 0;
    text-align: left;
    display: block;
    margin-bottom: 2em;
}

@media screen and (min-width: 500px) {
    .footer-logo {
        margin: 0;
        display: inline-block;
        width: 25%;
        text-align: right;
    }
}

@media screen and (min-width: 1500px) {
    .footer-logo {
        width: 14em;
        margin-top: 1em;
        margin-right: 2em;
        text-align: left;
    }
}

.footer-logo-img {
    margin-top: 2em;
    max-width: 273px;
}

.payment-logos {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    float: none;
    padding: 2em 0 0em 0;
    width: 100%;
}

@media screen and (min-width: 640px) {
    .payment-logos {
        text-align: center;
        width: 100%;
    }
}

@media screen and (min-width: 1500px) {
    .payment-logos {
        text-align: left;
        float: right;
        padding: 4em 0;
        width: auto;
    }
}

.payment-logo {
    height: 2em;
    display: inline-block;
}

.payment-logo-img {
    display: inline;
    width: auto;
    height: 4em;
}

@media screen and (min-width: 640px) {
    .payment-logo-img {
        height: 100%;
    }
}

.copyright {
    background-color: black;
    color: white;
    font-size: 0.55em;
    text-align: center;
}

.divfooter {
    width: 32em;
    margin: 0 auto;
    padding: 2em 0;
}

.footertext {}

.footerlink {
    color: white;
}

.smallfootertext {}

.rotateClockwiseFast {
    transform: rotate(90deg);
}

.slick-prev {
    left: 1%;
    width: 4%;
    height: auto;
    transform: rotate(180deg);
}

.feature .slick-prev {
    top: 46%;
}

.slick-next {
    right: 1%;
    height: auto;
    z-index: 2;
    width: 4%;
}

.brand-slides .slick-prev {
    top: 16%;
}

.bottom-padding-two-em {
    padding-bottom: 2em;
}

.feature .sp-slides-container {
    max-height: none;
}

.feature-slider {
    display: none;
}

.mobile-feature-slider {
    display: block;
}

.sp-caption-container {
    text-align: center;
    margin-top: 10px;
    font-family: 'Raleway', sans-serif;
    font-size: 1.266em;
    color: #a32121;
    background-color: #f2f2f2;
    margin: 0;
    padding: 1em 0;
}

@media screen and (min-width: 870px) {
    .feature-slider {
        display: block;
    }
}

@media screen and (min-width: 870px) {
    .mobile-feature-slider {
        display: none;
    }
}

.dropdown-parent {
    position: relative;
}

.dropdown {
    display: none;
    position: absolute;
    padding: 0;
    background-color: transparent;
}

.dropdown-parent:hover .dropdown {
    display: block;
}

.dropdown-ul {
    background-color: white;
    padding: 1em 0 1em 0.5em;
    position: relative;
    width: 10em;
    top: 0.6em;
    list-style: none;
    text-align: left;
}

.dropdown-li {
    text-decoration: none;
    color: #333;
}

.dropdown-a {
    font-family: 'Roboto Condensed', sans-serif;
    color: black;
    text-decoration: none;
}

.dropdown-a:hover {
    text-decoration: underline;
}

.MAT-feature {
    text-align: center;
    background: black url("/siteart/construction-bg.jpeg") no-repeat center center;
    background-size: cover;
    padding: 6em 0 4em 0;
    position: relative;
    top: -2.5em;
}

.TRK-feature {
    text-align: center;
    background: black url("/siteart/truck-bg.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
    padding: 6em 0 4em 0;
    top: -2.5em;
}

.inv-feature {
    text-align: center;
    background: black url("/siteart/inv-bg.jpeg") no-repeat center center;
    background-size: cover;
    top: -2.5em;
    position: relative;
    padding: 6em 0 4em 0;
    top: -2.5em;
}

.MAT-feature,
.TRK-feature,
.inv-feature,
.content {
    margin-top: 2.5em;
}

@media screen and (min-width: 840px) {

    .MAT-feature,
    .TRK-feature,
    .inv-feature,
    .content {
        margin-top: 9em;
    }
}

@media screen and (min-width: 1050px) {

    .MAT-feature,
    .TRK-feature,
    .inv-feature,
    .content {
        margin-top: 6em;
    }
}

.inv-h1 {
    color: white;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.75);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    font-size: 3.247em;
    margin-bottom: 0.25em;
}

.container {
    width: 90%;
    margin: 0 auto;
    background-color: white;
}

.inventory-layout-skin {
    background: url(../siteart/houndstooth-pattern.png);
}

.nav-ul-li-active {
    color: #a32121 !important;
}

/* FORM
------------------------------------------------*/
/*.site-form {
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #f2f2f2;
    background-color: #f2f2f2;
    width: 98%;
    margin: 0 auto;
    box-shadow: 5px 10px;
    text-align: center;
}

.site-form .two-cells {
    width: 49%;
    *width: 49%;
    margin: 0 2% 0 0;
}

.site-form .two-cells:nth-of-type(even) {
    margin-right: 0 !important;
}

.site-form .three-cells {
    width: 32%;
    *width: 32%;
    box-sizing: border-box;
}

.site-form .four-cells {
    width: 23%;
    *width: 24%;
    box-sizing: border-box;
}

.site-form .full-cell {
    width: 98.5% !important;
    margin-right: 0 !important;
}

.site-form .last {
    margin-right: 0 !important;
}

.site-form .instructions {
    font-size: 14px;
    color: #777;
    margin: 6px 0 6px 0;
}

.site-form .note {
    font-size: 12px;
    font-style: italic;
    color: #777;
    text-align: center;
    margin: 8px 0 0 0;
}

.site-form input[type="text"],
.site-form input[type="email"],
.site-form input[type="number"],
.site-form input[type="time"],
.site-form input[type="date"],
.site-form select {
    margin: 6px 1% 9px 0;
    padding: 12px 0;
    font-size: 15px;
    background-color: white;
    text-indent: 12px;
    box-sizing: border-box;
    border: none;
}

.site-form input[type="text"]:focus,
.site-form input[type="email"]:focus,
.site-form input[type="number"]:focus,
.site-form input[type="time"]:focus,
.site-form input[type="date"]:focus,
.site-form select:focus {
    background-color: #fcfcfc;
}

.site-form textarea {
    width: 100%;
    height: 100px;
    margin: 6px 0 9px 0;
    padding: 4px 8px;
    font-size: 15px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.site-form textarea:focus {
    background-color: #FCFCFC;
    border: 1px #5A5A5A solid;
}

.site-form .check-field {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

.site-form .check-field .checkbox {
    margin: 0 8px 8px 8px;
    padding: 0;
    color: #4D4D4D;
}

.site-form input[type="submit"] {
    height: 41px;
    padding: 0 20px;
    margin: 10px auto 0 auto;
    font-size: 16px;
    text-indent: 0;
    text-transform: uppercase;
    color: #fff;
    background: #110D87;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: 'luiss_sansregular', sans-serif;
}

.site-form input[type="submit"]:hover {
    color: #fff;
    background: #4a4a4a;
    letter-spacing: .5px;
    transform: scale(1.01, 1.01);
    cursor: pointer;
    -webkit-appearance: none;
}*/

.content {
    text-align: center;
    background: black url("/siteart/inv-bg.jpeg") no-repeat center center;
    background-size: cover;
    position: relative;
    padding: 6em 0 4em 0;
    top: -2.5em;
    margin-bottom: -2.5em;
}

.content-in {}

.content-h1 {
    color: white;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.75);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    font-size: 3.247em;
    margin-bottom: 0.25em;
}

.content-p {
    color: white;
    text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.75);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1em;
    margin-bottom: 0.25em;
    width: 95%;
    margin: 0 auto;
}

@media screen and (min-width:535px) {
    .content-p {
        width: 27em;
    }
}

.content-form {
    display: block;
}

.content-form-section {
    padding: 1em 0;
}

.form-h1 {
    padding: 0.64em 0 0.32em 0;
    font-size: 1em;
}

.form-h2 {
    font-size: 0.79em;
    margin: 0 0 0.15em 0;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
}

.form-p {
    font-size: 0.7em;
    margin: 0 0 0.15em 0;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
}

.form-textarea {
    height: 8em;
    width: 66%;
}

input:focus,
textarea:focus {
    color: black;
}

#CaptchaAnswer:focus {
    color: black;
}

.mobile-nav-ul-li-a {
    color: black;
    text-decoration: none;
}

.optional-br {
    display: inline;
}

@media screen and (min-width: 500px) {
    .optional-br {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    body {
        overflow-x: hidden;
    }
}

@media screen and (max-width: 900px) {
.body-wrapper > * {
	font-size: 1em !important;
	}
}



.contact-bg {
    background: black url("/siteart/contact-bg.jpg") no-repeat center center;
    background-size: cover;
}

.financing-bg {
    background: black url("/siteart/financing-bg.jpeg") no-repeat center center;
    background-size: cover;
}

input[type="text"] {
    min-height: 1.7em;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

select,
select option {
    color: #000000;
}

select:invalid,
select option[value=""] {
    color: #000 !important;
}

.form-p-small {
    font-size: 0.702em;
    font-style: italic;
    width: 90%;
    margin: 0 auto;
}

@media screen and (min-width: 370px) {
    .form-p-small {
        width: 30em;
    }
}

.brands .sp-horizontal .sp-arrows {
    margin-top: -2em;
}

.brands-slider-pro .sp-slides {
    transition-timing-function: linear !important;
}

.footer-address-indent {
    display: none;
}

@media screen and (min-width: 915px) {
    .footer-address-indent {
        display: inline;
    }
}

.call-us-now {
    display: block;
    font-size: 1em;
    margin-left: 0em;
    text-align: center;
}

@media screen and (min-width: 840px) {
    .call-us-now {
        display: inline;
        margin-left: 1.5em;
        text-align: left;
    }
}

.call-us-now a {
    color: white;
    text-decoration: none;
    margin: 0.5em 0;
}




@media screen and (min-width: 710px) {
    .call-us-now a {
        margin: 0;
    }
}

.parts-and-service {
    background: black url("/siteart/parts-and-service.jpg") no-repeat center center;
    background-size: cover;
}

.employment {
    background: black url("/siteart/employment.jpg") no-repeat center center;
    background-size: cover;
}

.financing-btn {
    text-transform: uppercase;
    background-color: #0C2F5E;
    color: white;
    border-radius: 5px;
    padding: 0.5em;
    display: block;
    width: 8em;
    margin: 1em auto 0 auto;
    text-decoration: none;
}

.about-p {
    margin: 1em auto;
    width: 90%;
}

@media screen and (min-width: 675px) {
    .about-p {
        width: 35em;
    }
}

.about-h2 {}

.about-ul {
    margin: 1em auto;
    width: 90%;
    list-style-type: none;
    padding-inline-start: 1em;
}

@media screen and (min-width: 400px) {
    .about-ul {
        list-style-type: disc;
        padding-inline-start: 1em;
    }
}

@media screen and (min-width: 675px) {
    .about-ul {
        width: 35em;
    }
}

.about-h3 {}

.about-li {
    text-align: left
}