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


.row {margin:0px;}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1rem;
    line-height: 1.5;
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 36px;
    text-transform: uppercase;
    line-height: 1;
}

h1.darkred {
    font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 36px;
    color: #7c0000;
    text-transform: uppercase;
}

h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 22px;
}

h2.darkred {
    font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 22px;
    color: #7c0000;
    text-transform: uppercase;
}

h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 24px;

}

h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;

}

/* HEADER & NAVIGATION */

.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, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#7c0000 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #7c0000 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

.dealer-btns-bottom a {background: #7c0000 !important;}
.page-nav{background-color:#7c0000!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#7c0000!important}
.return-links span, .return-links i {color:#7c0000!important;}
.contact-options span, .contact-options i {color:white!important;}
.fin-calc-mobile span, .fin-calc-mobile i, .fin-calc-mobile a {color:white!important;}

/* HEADER & NAVIGATION */


.top-header {
    background-color: #e6e6e6;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}

.top-header a {
    color:#000;
    text-decoration: none;
}

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

.navbar a {
	font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}

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

.navbar-nav .nav-link {
    padding-left:14px;
}

.nav-link:hover {
    border-radius: 0.25rem;
    color: #fff;
    background-color: #7c0000;
}

.mobile-menu {
    text-transform: uppercase;
    font-size: 1.25rem;
    text-align: left;
    color: #000;
}

.fa-map-marker-alt, .fa-phone, .fa-paper-plane {
    color:#7c0000;
/*    font-size: 20px;*/
}

.top-contact {
    float: left;
    clear: right;
}

.overlay {
    background: rgba(255,255,255,.85);
}

/* HERO */

.hero {
    background-image: url(/../siteart/dumptruck.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    min-height:700px;
}


/* WELCOME */

.logos {
    max-width: 125px;
}

.quicklink img{
    max-width: 300px;
    display: block;
}

.quicklink {
    box-shadow: 2px 4px 10px 1px #ccc;
    -moz-box-shadow: 2px 4px 10px 1px #ccc;
    -webkit-box-shadow: 2px 4px 10px 1px #ccc;
}

.quicklink:hover{
    box-shadow: 2px 4px 10px 3px #999;
    -moz-box-shadow: 2px 4px 10px 3px #999;
    -webkit-box-shadow: 2px 4px 10px 3px #999;
}

.quicklinkbox {
    position: relative;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #7c0000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 28px;
}

/* LOCATION */

.location {
    background-image: url(/../siteart/diamondplate.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.location a {
    text-decoration: none;
}

.map {
    border-top: 5px solid #7c0000;
}

/* FOOTER */


.pre-footer{
    background-color: #7c0000;
	color: #fff;
    font-size: 12px;
}

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

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


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

/* LISTINGS */

.cf {
    max-width: 1200px;
    background-color: #fff;
}

.overlistings {
    box-shadow: 2px 4px 10px 1px #ccc;
    -moz-box-shadow: 2px 4px 10px 1px #ccc;
    -webkit-box-shadow: 2px 4px 10px 1px #ccc;
}


/* MEDIA QUERIES */

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { 
    
    .top-header {
        font-size: 12px;
    }
    
    h1, h1.darkred {
	   font-size: 26px;
    }


    h2, h2.darkred {
       font-size: 18px;
    }
    
    .centered {
        font-size: 20px;
    }
    
    .hero {
        background-position: center center;
        background-size: cover;
        min-height:400px;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 576px) and (max-width: 767px) {
    
    .hero {
        background-position: center center;
        background-size: cover;
        min-height:450px;
        }
 
}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 768px) and (max-width: 991px) {
    
    .hero {
        background-position: center center;
        background-size: cover;
        min-height:500px;
        }
 
}

/*Large devices (desktops, less than 1200px)*/
@media (min-width: 992px) and (max-width: 1199px) {
 
}

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

    
}

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

   
}

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