@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

.navbar-toggler {
    font-size: 1.3rem;
    padding: 0.25rem 0.25rem;
}

.brands-holder .btn-lg, .brands-holder .btn-group-lg > .btn {
    padding: 0.2rem;
    font-size: 1rem;
    line-height: 1.5;
}

#dealer-nav .btn-lg, .btn-group-lg > .btn {
    padding: 0.2rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

#newsletter-sign-up {
    background-color: #000;
}

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

p a {
    color: #998866;
}


div#dealer-nav {
    border-bottom: none!important;
}


#dealer-nav .nobgsearch {
    background-color: transparent;
    border-radius: 0rem;
    border: 1px solid #4c4c4c;
    text-align: center;
    color: #4c4c4c;
    border-right: 0px;
}

.search-border {
    border-right: 1px solid #4c4c4c;
}



.bodycontent .btn-primary, .btn-primary {
    color: #FFF;
    background-color: #8b7c5c!important;
    border-color: transparent!important;
	font-weight: 700!important;
}


.bodycontent .btn-primary:hover {
color:#2c2c2c
}


.bodycontent .btn-secondary {
    color: #FFF;
    background-color: #998866!important;
    border-color: transparent!important;
	font-weight: 700!important;
}

.bodycontent .btn-secondary:hover {
    color: #FFF;
    background-color: #8c7d5e!important;
}

.bodycontent .btn-info {
    color: #fff;
    background-color: #000;
	border-color: #000;
font-weight: 700;
padding: 10px 20px}


.bodycontent .btn-info:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}


.btn-nav {
    background-color: transparent;
    padding: 0px;
	border:none;
	color:#FFF;
	    font-size: 1.8rem;
}


.btn-nav:focus {
	border:none;
}


.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}


.banner-text a.btn.cta {
background-color: #998866;
text-transform: uppercase;
font-size: 1rem;
color:#FFF}


.btn-primary:hover {
    color: #b5b5b5;
	    background-color: transparent;
    border-color: transparent;
}

.btn .btn-primary {
padding:0px;
}


/*Header*/


#dealer-nav .dropdown-menu {
    background-color: #f3f3f3;
    font-weight: 400;
    border: 1px solid #ccc;
    padding: 10px;
    /* color: inherit; */
    /* font-size: 0.85rem; */
}


#dealer-nav .dropdown-menu .nav-link {
    padding-right: .3rem!important;
    padding-left: .3rem!important;
    font-size: 0.85rem!important;
    font-weight: 400;
    text-transform: none!important;
}

.brands-holder{
background-color: #212121;
}

/*.brands-holder .col-1, .brands-holder .col-2, .brands-holder .col-3, .brands-holder .col-4, .brands-holder .col-5, .brands-holder .col-6, .brands-holder .col-7, .brands-holder .col-8, .brands-holder .col-9, .brands-holder .col-10, .brands-holder .col-11, .brands-holder .col-12, .brands-holder .col, .brands-holder .col-auto, .brands-holder .col-sm-1, .brands-holder .col-sm-2, .brands-holder .col-sm-3, .brands-holder .col-sm-4, .brands-holder .col-sm-5, .brands-holder .col-sm-6, .brands-holder .col-sm-7, .brands-holder .col-sm-8, .brands-holder .col-sm-9, .brands-holder .col-sm-10, .brands-holder .col-sm-11, .brands-holder .col-sm-12, .brands-holder .col-sm, .brands-holder .col-sm-auto, .brands-holder .col-md-1, .brands-holder .col-md-2, .brands-holder .col-md-3, .brands-holder .col-md-4, .brands-holder .col-md-5, .brands-holder .col-md-6, .brands-holder .col-md-7, .brands-holder .col-md-8, .brands-holder .col-md-9, .brands-holder .col-md-10, .brands-holder .col-md-11, .brands-holder .col-md-12, .brands-holder .col-md, .brands-holder .col-md-auto, .brands-holder .col-lg-1, .brands-holder .col-lg-2, .brands-holder .col-lg-3, .brands-holder .col-lg-4, .brands-holder .col-lg-5, .brands-holder .col-lg-6, .brands-holder .col-lg-7, .brands-holder .col-lg-8, .brands-holder .col-lg-9, .brands-holder .col-lg-10, .brands-holder .col-lg-11, .brands-holder .col-lg-12, .brands-holder .col-lg, .brands-holder .col-lg-auto, .brands-holder .col-xl-1, .brands-holder .col-xl-2, .brands-holder .col-xl-3, .brands-holder .col-xl-4, .brands-holder .col-xl-5, .brands-holder .col-xl-6, .brands-holder .col-xl-7, .brands-holder .col-xl-8, .brands-holder .col-xl-9, .brands-holder .col-xl-10, .brands-holder .col-xl-11, .brands-holder .col-xl-12, .brands-holder .col-xl, .brands-holder .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
}*/


p.nav-icon-text{
    margin: 3px;
    font-size: 0.9rem;
}

#dealer-nav .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .3rem!important;
    padding-left: .3rem!important;
    font-size: 0.85rem!important;
    font-weight: 700;
    text-transform: none!important;
}

.location-gold {
    background-color: #998866;
    padding: 23px;
    color: #FFF;
    font-size: 1.7rem;
    text-align: center;
}

.location-gold p{
	font-size: 0.8rem;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.dealerlogowrap {
    max-width: none;

}

.header-brands {
max-width: 120px!important;
}

.brands-holder .themecolor, a.themecolor {
    color: white;
}


.header-brands {
max-width: 120px!important;
}

.fca p {
    font-size: 0.5rem!important;
    line-height: 1.7em;
}

#dealer-nav img {
    max-width: 100%;
}


/*HOMEPAGE*/

.hide-on-desktop{
display: none;
}

.used-search-bg {
    background-image: url("/./templates/dwmaster/custom/images/bikefinder-bg.jpg");
	background-size: cover;
	background-position: center;
    padding: 100px 40px;
    margin: 0 auto;
    text-align: center;
    border-radius: 40px 0px 0px 0px;
	color:#FFF
}

.used-search-bg h3 {
    color: #FFF;
}


.btn-used-bike-search {
    background: 0 0;
    background-color: #998866;
    background-image: none;
    border: 2px solid #998866;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 0;
    min-height: 40px;
    padding: 0 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    position: relative;
    transition: background 250ms,border-color 250ms;
	width: 100%
}



.bodycontent .btn-primary::after, #newsletter-sign-up .btn-primary:after, .btn-used-bike-search:after, .banner-text a.btn.cta:after, .whitebox .btn-primary:after, .whitebox-auto .btn-primary:after {
    font-family: "Font Awesome 5 Pro","Font Awesome 6 Pro";
    display: inline-block;
    font-weight: 700;
    content: "\f0a9";
    margin-left: 10px;
    font-size: 1rem;
	color:#FFF
}

.formstrap button#frm_button:after {
 display:none
}

.vehicle-thumb-wrapper:hover .vehicle-title-wrapper, .btn-primary.cta:hover {
    background-color: #121212;
	color: #FFF

}


.home-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0,0,0);
    background: transparent;
    z-index: 1;
	padding-left: 15px;
    padding-right: 15px;
}


.img-hover-zoom:hover img {
    transform: scale(1.1);
}

.img-hover-zoom img {
    transition: transform .3s ease;
}

.img-hover-zoom {
    overflow: hidden;
}


.bg-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    overflow: hidden;
}


.bg-img-l {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: left;
    overflow: hidden;
}



.bg-img-r {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: right;
    overflow: hidden;
}



.whitebox {
    background-color: #FFF;
    max-width: 370px;
    font-size: 0.rem;
	padding:20px 40px
}


.whitebox h3 {
color:#998866;
font-size: 1.5rem;
}

.whitebox p {
font-size: 0.8rem;
}


.whitebox .btn-primary, .whitebox-auto .btn-primary {
    background-color: transparent!important;
    border-color: transparent!important;
    color: #000;
    font-weight: 700;
    padding: 0px;
    margin: 0px;
}

.whitebox .btn-primary:after, .whitebox-auto .btn-primary:after {
    color: #000;

}


.homepage-feature {
    height: 480px;
}


.home-blackbg{
background-color: #0b0b0b;
padding-bottom: 140px;
padding-top: 140px;	
color: #FFF
}


.home-blackbg .btn-primary, .blog-card .btn-primary {
    background-color: transparent!important;
    border-color: transparent!important;
    color: #FFF!important;
    font-weight: 700;
    padding: 0px;
    margin: 0px;
}

.home-blackbg .btn-primary:after {
    color: #FFF;

}


.brand-shape {
    background-color: #161616;
    border-radius: 51px 0px 0px 0px;
	padding: 20px 0px
}


a.brand-link.d-block {
    text-align: center;
    font-size: 0.79rem;
    color: #86775a;
    font-weight: 700;
}


a.brand-link:hover {
text-decoration: none;
}



a.brand-link.d-block:after {
    font-family: "Font Awesome 5 Pro","Font Awesome 6 Pro";
    display: inline-block;
    font-weight: 700;
    content: "\f0a9";
    margin-left: 10px;
    font-size: 0.79rem;
	color:#86775a
}


.store-top-row{
height: 544px;
}


.modal .store-top-row {
    height: 344px;
}

.store-top-row .whitebox {
max-width: auto!important
}


.instagram-bg {
    background-image: url(/./templates/dwmaster/custom/images/instagrambg.jpg);
    background-position: top 50px;
    background-size: cover;
    padding: 40px 20px 0px 20px;
    color: #FFF;
    background-position: right 0px bottom 80px;
    background-repeat: no-repeat;
}


.facebook-bg {
    background-image: url(/./templates/dwmaster/custom/images/facebookbg.jpg);
    background-position: top 50px;
    background-size: cover;
    padding: 40px 20px 0px 20px;
    color: #FFF;
    background-position: right 0px bottom 80px;
    background-repeat: no-repeat;
}

.platform-holder{
max-width: 475px;
margin: 0 auto;
	padding-top: 50px;
}






/*Footer*/

#dealer-footer h4 {
    font-size: 1.6rem;
    text-transform: none;
    font-weight: 700;
        margin-bottom: 0px;
	padding-bottom: 0px;
	color:#8b7c5c
	
}



#newsletter-sign-up p {
    color: #FFF;
    font-size: 1rem;
    margin-bottom: 0px;
	padding-bottom: 0px;
}



div#dealer-footer {
background-color: #0b0b0b;
color:#FFF;
}

.footer-title{
color:#FFF;
font-size: 1.1rem;
}



#dealer-footer .btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #FFF;
    padding-right: 10px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}


a.footerbrandlink {
    color: #FFF;
	font-weight: 300;
    font-size: 14px;
    display: inline-block;
    padding: 0px 5px;
}



#dealer-lowertext {
    border-top: none;
	    background-color: #0b0b0b;
}



.bottomlinkscontent {
border-top: 1px #8b7c5c solid!important;
}


#dealer-lowertext .website-terms, #dealer-lowertext .bottom-footer-text, #dealer-lowertext .fca {
    color: #8b7c5c;
    font-size: 0.75rem;
}


.fca a {
    color: #8b7c5c;
	text-decoration: underline;
}


a.dw-strap {
    font-size: 10px;
    color: #8b7c5c;
    float: left;
    margin: 0px auto 5px 0px;
}


.card.blog-card {
    border: 0px;
    padding: 0.rem;
    background-color: transparent;
    color: #FFF;
}


.blog-card .card-block {
    height: auto;
    overflow: hidden;
    border-radius: 0px;
}


.blogback {
    padding-top: 20px;
}

.feature-news-section h1::before {
    content: " ";
    border-top: 4px solid #998866;
    display: block;
    width: 110px;
    margin-bottom: 5px;
    padding-top: 10px;
}

.card-img-overlay a.btn.btn-primary { 
color:#FFF
}





.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}
	
	
	.img-gradient-news:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.7959384437368697) 0%, rgba(0,0,0,0.4429972672662815) 36%, rgba(0,0,0,0) 77%);
}
	
	
.img-gradient-news {
    width: 100%;
    height: 100%;
    overflow: hidden;
}	
	
	
	.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}
	
	

.card-img-overlay:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
    filter: brightness(1.2);
    -webkit-filter: brightness(1.2);
    overflow: hidden;
}


.card-img-overlay img {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


.img-gradient-news {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.img-gradient-news:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
 background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.7959384437368697) 0%, rgba(0,0,0,0.4429972672662815) 36%, rgba(0,0,0,0) 77%); 
}

a.feature-cta {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 300;
    text-shadow: 0px 0px 18px #000000;
}



a.feature-cta:hover {
    color: #FFF;
    font-weight: 500;
}

.card.blog-card {
    border: 0px;
    padding: 0rem;
}	
	
	
	
.blog-card p.card-text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.35em;
    text-align: left;
    margin-top: 0px;
    font-size: 0.85rem;
}	



h2.parallax-heading {
    color: #FFF;
    font-weight: 700;
    font-size: 3.4rem;
}


h3.parallax-subheading {
    color: #FFF;
    font-weight: 300;
    font-size: 1.4rem;
}


.alt-bg, .gold-bg, .gold-container {
background-color: #8b7c5c;
padding: 40px 0px;
color:#FFF
}


.black-bg, .black-container {
background-color: #0b0b0b;
padding: 40px 0px;
color:#FFF
}


.grey-bg, .grey-container {
background-color: #ededed;
padding: 40px 0px;
}

.alt-bg .btn-primary, .gold-bg .btn-primary, .gold-container .btn-primary, .grey-bg .btn-primary, .grey-container .btn-primary, .black-bg .btn-primary, .black-container .btn-primary {
    color: #FFF!important;
    background-color: #000!important;
    border-color: transparent;
}



.location1{
background-image: url("/./templates/dwmaster/custom/images/location-1-background.jpg");
background-position: center;
background-size:cover;
padding: 0px 0px 80px;
color:#FFF;
border-bottom: 20px solid #998866;
}

.location2{
background-image: url("/./templates/dwmaster/custom/images/location-2-background.jpg");
background-position: center;
background-size:cover;
padding: 0px 0px 80px;
	color:#FFF;
border-bottom: 20px solid #998866;

}


.location3{
background-image: url("/./templates/dwmaster/custom/images/location-3-background.jpg");
background-position: center;
background-size:cover;
padding: 0px 0px 80px;
	color:#FFF;
border-bottom: 20px solid #998866;
}


.location5{
background-image: url("/./templates/dwmaster/custom/images/location-5-background.jpg");
background-position: center;
background-size:cover;
padding: 0px 0px 80px;
	color:#FFF;
border-bottom: 20px solid #998866;
}
	
	

.location4{
background-image: url("/./templates/dwmaster/custom/images/location-4-background.jpg");
background-position: center;
background-size:cover;
padding: 80px 0px;
	color:#FFF;
border-bottom: 20px solid #998866;
}


a.btn.btn-secondary.m-2.scroll {
    font-size: 0.7rem;
	padding: 10px;
}


.whitebox-auto {
    background-color: #FFF;
    max-width: auto;
    font-size: 0.rem;
	padding:20px 40px
}


.whitebox-auto h3 {
color:#998866;
font-size: 1.3rem;
}

.whitebox-auto p {
font-size: 0.8rem;
}

.ubv2 div#used_vehicle_page #used_filters.sticktop {
	top: 108px;	
}

.ubv2 div#used_vehicle_page .topelements.sticktop {
    top: 90px;
}



@media (min-width: 1600px) {
.location-gold{
background-color: #998866;
padding: 23px 50px;
color: #FFF;
font-size: 1.7rem;
	text-align:center
}	
	
}




@media (min-width: 991px) {
section#usedbikestopsearch {
    display: block !important;
}	
	
}


@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1400px;
  }
}


@media (max-width: 991.98px) {
.hide-on-desktop{
display: block;
}
	
.hide-on-mobile{
display: none;
}
	
	
.home-blackbg {
    background-color: #0b0b0b;
    padding-bottom: 65px;
    padding-top: 65px;
    color: #FFF;
}	
	
	.carousel-caption h3{
	font-size:2.75rem	
	}	
	
/*NEWS FIX*/
a.card.blog-card {
    color: #000;
    text-align: left!important;
}
	
	
#blog_carousel .card-title {
    line-height: 1.15em;
    font-size: 1.3rem;
}	
	
.blog-card .card-block {
    height: auto;
    overflow: hidden;
}	
}






@media (max-width: 575px) {
.location-gold {
    padding: 18px 15px;
    font-size: 1rem;
}
	
.location-gold p {
    font-size: 0.65rem;
}	
	
.btn-nav {
    font-size: 1.4rem;
}	
	
.whitebox {
    max-width: none;
}	
	
	
.homepage-feature {
    height: 365px;
}	
	
	
.whitebox-auto h3 {
    color: #998866;
    font-size: 1.1rem;
}	
	
.whitebox-auto {
    background-color: #FFF;
    max-width: auto;
    font-size: 0.rem;
    padding: 20px 20px;
}
	
.store-top-row {
    height: 344px;
}	
	
		
}	
	



@media (max-width: 360px){
#dealer-nav img {
    max-width: 100%;
}
}