body {
    font-family: 'Lato', sans-serif !important;
    overflow-x: hidden !important;
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html {
    
    overflow-x: hidden !important;
   
}

@font-face {
    font-family: "Miedinger W01 Bold";
    src: url("../fonts/db8811fcaea2386d4f6e3bcf7e6d206b.eot");
    /* IE9*/
    src: url("../fonts/db8811fcaea2386d4f6e3bcf7e6d206b.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../fonts/db8811fcaea2386d4f6e3bcf7e6d206b.woff2") format("woff2"),
        /* chrome、firefox */
        url("../fonts/db8811fcaea2386d4f6e3bcf7e6d206b.woff") format("woff"),
        /* chrome、firefox */
        url("../fonts/db8811fcaea2386d4f6e3bcf7e6d206b.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("../fonts/db8811fcaea2386d4f6e3bcf7e6d206b.svg#Miedinger W01 Bold") format("svg");
    /* iOS 4.1- */
}

.btn-primary {
    color: #000 !important;
    background-color: #ffc70b;
    border: 0;
    padding: 10px 38px !important;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    transition: all .3s;
    padding: 10px 25px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: .25rem;
    text-align: center;
}

.btn-primary:hover {
    background-color: #000;
    text-decoration: none;
    color: #fff !important;
}

p {
    font-size: 16px;
    line-height: 25px;
    
}

h2 {
 
    font-size: 36px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 30px;
    
    
}




.header {
    background: url(../img/header-bg.png);
    background-position: center bottom;
}

.header .container {
    max-width: 1600px !important;
    position: relative;
}
.inv-page .header .container {
	padding:0 15px!important;	
}

.header .menu-row {
    background: #242331;
}

.logo {
    max-width: 384px;
	padding-top: 5px;
	padding-bottom: 22px;
}
.header .logo {
    position: absolute;
    left: 0px;
}

.header .logo {
	background: #d32a27;
}
.header .main-logo {
	clip-path: polygon(30.51% 0%, 79% 0%, 100% 100%, 0% 100%, 0% 0%);
	padding-left: 166px; 
	padding-right: 79px;
}

.header .btn-primary {
    float: right;
    margin-right: 35px;
}

#veteran-owned img {
	margin-top: 14px;
	z-index : 600;
	width: 145px;
	padding-right: 11px;
	margin-left: 20px;
}

#logo-flex {display: flex; gap: 2px; background: #d32a27;}

.header .nav-link {
    color: #fff !important;
    font-size: 15px;
    padding: 1.74rem 1rem !important;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 200ms linear;
    transform: skew(-24deg, 0deg);
}

.header .nav-item {
    transform: skew(24deg, 0deg) !important;
    transition: all 200ms linear;
}

.header .nav-item:hover {

    background-color: #504f5a;


}

 

.header .nav-link:hover {}

.header .active {
    background-color: #504f5a;
}



.header .contact-box {
    padding-top: 25px;
    padding-bottom: 25px;
    background: #fff;
}

.header .contact-box p:nth-child(1) {
    margin: 0 50px 0 90px;
}


.header p {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    margin: 0;
    font-size: 15px;
}

.header p a {

    color: #000;
    text-decoration: none;

}

.header .fa {
    display: inline-block;
    vertical-align: middle;
    color: #d32a27;
    font-size: 33px;
    margin-right: 5px;


}

.header ul li:hover .dropdown-menu {
    display: block !important;
}

.header .dropdown-menu {
    position: absolute;
    top: 97%;
    left: -30px;
    z-index: 5;
    float: left;
    min-width: 10rem;
    padding: 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #000;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, .15);
    border-radius: 0 0 .25rem .25rem;
    transform: skew(-24deg, 0deg) !important;
 
}
.dropdown, .dropleft, .dropright, .dropup {
    position: relative;
    z-index: 1;
}
.dropdown-item {
    width: auto !important;
}

.header .dropdown-item {
    color: #fff;
    padding: .4rem 1.5rem;
    font-size: 14px;
    border-top: 0px solid #000;
    text-transform: uppercase;
}

.header .dropdown-item:hover {
    background-color: #504f5a;
    min-width: 10rem;
}

.header .dropdown {
    cursor: pointer;
}




.banner {
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.56) 25.38%,rgba(0,0,0,0.00) 43.01%), url(../img/hero-d.jpg);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.56) 25.38%,rgba(0,0,0,0.00) 43.01%), url(../img/hero-d.jpg);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.56) 25.38%,rgba(0,0,0,0.00) 43.01%), url(../img/hero-d.jpg);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.56) 25.38%,rgba(0,0,0,0.00) 43.01%), url(../img/hero-d.jpg);
    background-size: cover;
    background-position: center;
    height: 95vh;
    min-height: 350px;
    border-bottom: 6px solid #fff;
}

.banner h1 {
    color: #fff;
  font-family: "Miedinger W01 Bold";
  text-align: center;
  text-shadow: 0 0 20px rgba(0,0,0,1.0);
  font-size: calc(16px + .65vw);
  text-transform: uppercase;
  padding: 50px 50px 0 50px;
  display: block;
  box-sizing: border-box;
   
}

.banner h1 span {
    padding-top:15px;
    display: block;
    font-family: 'Lato', sans-serif !important;
}


.inventory-row{
  background: #242331; 
  border-top: 10px solid #d32a27;
  padding-top: 50px;
  padding-bottom: 50px;

}

.inventory-row .container{
   max-width: 1265px!important;

  
  }

.inventory-row img{
  border: 6px solid #fff;
  border-radius:2px;
  margin-bottom: 20px;
  transition: all .3s;
  width: 100%;
  
  }

  .inventory-row  h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-family: "Miedinger W01 Bold";
    text-transform: uppercase;
    transition: all .3s;
	  text-shadow: 0 0 10px #000;
}

.inventory-row a:hover{
    text-decoration: none;
}

.inventory-row a:hover h3 {
    color: #ffc70b;
}
.inventory-row a:hover img{
    border: 6px solid #ffc70b;
   
    
    }

    .inventory-row  .row {
      margin-top: -130px;
    }


.navbar-toggler {
    padding: 0;
    border: 0px solid transparent;
}

.navbar-toggler:focus {
    outline: 0;
}

.about-row{
    background-image: url(../img/about-bg.jpg);
	background-color: black;
    padding-top: 70px;
    padding-bottom: 50px;
    background-size: cover;
    background-position: center;
    text-align: center;
    margin-top: 25px;
	padding-right: 50px;
	padding-left: 50px;
	text-shadow: 0 0 10px #000;
  	color: #fff;
}

.about-row a{
   color: #fff;
   text-decoration: none;
}

.about-row p {
  color: #fff;
}

.about-row h1 {
    color: #fff;
    margin-bottom: 35px;

    
    
}

.home-map  {
    max-width: 1265px!important;
    margin-top: 50px;
    margin-bottom: 50px;
 
   
   }


.scrolling-wrap {
    width: 100%;
    height: 90px;
    overflow: hidden;
}

.scrolling {
    width: 100%;
    height: 92px;
}
/*
.sold-gallery-cont-1 {
    display: flex;
    flex-wrap: wrap;
    gap:20px 1%;
}
.sold-unit {
    width:24%;
    background:#fff;
    padding:20px;
    box-sizing: border-box;
}
.sold-unit img {
    max-width: 100%;
    width:100%;
    height: auto;
    display: block;
    margin:0 auto 20px auto;
}
.sold-unit p {
    text-align: center;
    color:#000;
    font-size: 18px;
}

*/

.sold-unit img {
    width: 100%;
    height: auto;
    border-radius: 8px; /* Optional: adds rounded corners to the images */
}

.sold-unit p {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    color: #333; /* Optional: change text color */
}


/*INVENTORY*/


.compare-chkbox-container .compare-listings .compare-chkbox {
     margin:inherit!important;
    line-height: normal!important;
}
.compare-chkbox-container .compare-listings .fa-check {
    top: 3px!important;
    left: 1px!important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .contact-options a, .mobile-breadcrumb {
    background: #d32a27 !important;
    color:#fff!important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover, .contact-options a:hover {
    background: #504f5a !important;
    
}
.faceted-search-content .selected-facets-container .selected-facet {
    background: #d32a27 !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link {
    background: #504f5a !important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name{
    color: #d32a27 !important;
}
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {
    color: #504f5a !important;
}
.list-content .list-title .list-listings-count {
    color: #d32a27 !important;
}
.list-content .list-listing-mobile .view-listing-details-link {
    background: #d32a27 !important;
}
.list-content .list-listing-mobile .listing-dealer-info .spec-value {
    color: #d32a27 !important;
}
.detail-wrapper .main-detail-pricing .detail-price, .detail-wrapper .main-detail-pricing .alternate-retail-price {
    color: #d32a27 !important;
}

.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call {
    color: #d32a27 !important;
    border-color: #d32a27 !important;
}
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{
    background: #d32a27 !important;
}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {
    background: #d32a27 !important;
    border-color: transparent !important;
}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile {
    background: #d32a27 !important;
    border-color: transparent !important;
}
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile{
    background: #d32a27 !important;
    border-color: #fff !important;
}
.detail-content-mobile .detail-additional-data .data-row .data-label {
    background: #504f5a !important;
}
.detail-content-mobile .detail-contact-bar .contact-bar-btn {
     background: #d32a27 !important;
    color:#fff!important;
}
.modal-content .form-main-content .modal-left-col .calculator-btns .calculator-btn:hover {
     background: #d32a27 !important;
}

.button {
     background: #d32a27 !important;
}
.detail-content-mobile .accordion-container .form-bottom .captcha-and-submit .mobile-close {
    border-color: #504f5a !important;
    color: #504f5a !important;
}
.detail-content-mobile .accordion-container .form-bottom .captcha-and-submit .mobile-close:hover {
    background: #504f5a !important;
    color: white !important;
}
.btn-primary {
    color: #fff;
}
.detail-content-mobile .dealer-info .dealer-title-link h3 {
    color: #000 !important;
}
.detail-content-mobile .dealer-info .address-and-contact .address{
    color: #000 !important;
}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name{margin-left: 5px !important;}
.detail-content .detail-main-body .main-detail-data .offer-btn{ background: #d32a27 !important;}
.detail-content .detail-main-body .main-detail-data .detail-price{color: #000 !important; }
.detail-content .dealer-info .phone-and-email .send-email-btn {color:#d32a27 !important; border-color:#d32a27 !important; }
.detail-content .dealer-info .dealer-company-header {color:#d32a27 !important; }
.detail-content .detail-additional-data .data-row .data-label{background: #504f5a !important;}
.detail-content .dealer-info .google-maps-link{color:#d32a27 !important;}
.detail-content .dealer-info .contact-information .address{color:#d32a27 !important;}
.detail-content .search-results{color:#d32a27 !important;}
.list-content .list-listing-mobile .price-container .price{color: #000 !important;}
/*FOOTER*/
.footer {
    background: #242331;
}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ffffff
}

a.footerlink:hover {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.footertext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
}

.smallfootertext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
}

.divfooter {
    max-width: 1000px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}


@media (max-width: 1440px) {
    .header .nav-link {
        font-size: 13px;
    }
}

@media (max-width: 1300px) {
/*
    .header .container {
        width: 90% !important;
    }
*/
   
    .header .btn-primary {
        margin-right: 70px;
    }
    .header .dropdown-item {
        font-size: 13px;
        padding: .4rem 5px;}
    .header .nav-link {
        font-size: 13.5px;
    }
    .navbar-nav {
        padding: 0 75px !important;
    }
	.ml-auto, .mx-auto {
		margin-left: auto !important;
	}
}


@media (max-width: 1300px) {


    .header .dropdown-menu {
        position: relative;
        top:36px;
        left: 0;
        width: auto;
        transform: skew(0, 0deg) !important;
    }

    .header .dropdown-item {
       
        font-size: 13px;
        
    }
	#veteran-owned img {
		width: 89px; 
		margin-top: 9px;
	}

	.header .contact-box {padding-top: 43px;}
	#veteran-owned img {padding-right: 0px;}


    .navbar-nav {
        
        margin-top: 16px;
    }

    .header .logo {
        
        width: 347px;
    }
    .header .contact-box p:nth-child(1) {
        margin: 0 10px 0 250px;
    }
	.logo {padding-bottom: 8px;}

    .header .nav-item {
        transform: skew(0deg, 0deg) !important;
    }
    .header .nav-link {
        color: #fff !important;
        font-size: 14px;
        padding: .5rem 1.2rem !important;
       
        transform: skew(0deg, 0deg);
        border-bottom: 1px solid #504f5a;
    }
	.header .contact-box {
		padding-bottom: 36px;
	}
	.menu-row {margin-top: 0px !important;}
	.ml-auto, .mx-auto {
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}
}

@media (max-width: 1199px) {
.header .dropdown-menu {
        position: static;
    width:100%;
        top:0;
        left: 0;
    }
}

@media (max-width: 991px) {
.inventory-row .col-lg-3{
    margin-bottom: 35px;
}
}
@media (max-width: 970px) {
.header p span{
    display: none;
    
}
.header .contact-box p:nth-child(1) {
    margin: 0 10px 0 60%;
}
}

@media (max-width:767px){
    
.banner {
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.56) 25.38%,rgba(0,0,0,0.56) 43.01%), url(../img/hero-d.jpg);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.56) 25.38%,rgba(0,0,0,0.56) 43.01%), url(../img/hero-d.jpg);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.56) 25.38%,rgba(0,0,0,0.56) 43.01%), url(../img/hero-d.jpg);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.56) 25.38%,rgba(0,0,0,0.56) 43.01%), url(../img/hero-d.jpg);
    height: auto;
    padding:20px 0 60px 0;
}
	.banner h1 {
		font-size: calc(16px + 1.1vw);
	}
    .inventory-row .row {
        margin-top: 0;
    }
    .about-row h2 {
       
        line-height: 46px;
    }
    
    }
    

@media (max-width:1199px){

    .about-row h2 {
        line-height: 36px;
        margin-bottom: 15px;
        font-size: 28px;
    }
    .header .logo {
        width: 171px;
        left: 35px;
    }
.navbar-dark .navbar-toggler {
    
    position: absolute;
    top: -69px;
    padding: 0;
}
.header {
   
    background-position: -390px top;
    
}
.header .contact-box {
    
    background: none;
}
.header .fa {
    
    font-size: 21px;
    margin-right: 8px;
}
.header .contact-box {
    padding-top: 10px;
    padding-bottom: 73px;
   
}
.header .btn-primary {
    margin-right: 34px;
    margin-top: 2px;
    padding: 7px 19px !important;
     
    font-size: 10px;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(../img/toggler-icon.png);
    width: 30px;
    height: 22px;

}
.navbar-nav {
        
    margin-top: 7px;
}
.navbar {
     
    padding: .3rem 1rem;
}
.banner {
    background-size: cover;
    background-position: center;
    height: 75vh;
    border-bottom: 6px solid #fff;
}

@media (max-width:1199px) {
	.header .container {
		width: 100% !important;
		max-width: 100% !important;}
	}
	.header .contact-box {
		display: flex !important;
		justify-content: flex-end;
		gap: 30px;
	}
	.ml-auto, .mx-auto {
		justify-content: flex-start;
	}
	.navbar-dark .navbar-toggler-icon {
		font-size: 20px !important;
		position: relative;
		z-index: 600;
	}
	.header .logo {
		width: 300px;;
		left: 0px;
	}
	.header {
		background: none;
	}
	.header .main-logo {
		padding-left: 140px;
	}
	.header .contact-box p:nth-child(1) {
		margin: 0 10px 0 0px;
	}
	#veteran-owned img {width: 76px; margin-left: 60px;}
	.logo {padding-top: 14px; padding-bottom: 22px;}
}
@media (max-width: 590px) {
	.header .contact-box {
		gap: 0px;
	}
	.header .btn-primary {
		margin-right: 0px;
	}
}
@media (max-width: 428px) {
	.header .btn-primary {display: none;}
	.logo {padding-bottom: 16px;}
}
@media (max-width: 324px) {
	.header .main-logo {
		clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
	}
	.header .fa {
		display: none;
	}
	.header .contact-box {
		padding-bottom:99px;
	}
	.header .container {
		background: #d32a27;
	}
	.navbar-dark .navbar-toggler {
		top: -67px;
	}
}