/* Fonts
----------------------------------------------------------------------------------------------------*/

body{ font-size: 16px; color: #3e454c; line-height: 1.8; font-family: 'Lato', sans-serif; }
*:focus{outline: none!important}
a{color: #1b75bc;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
a:hover, a:focus, .btn-link.focus, .btn-link:focus{text-decoration: none;}
.text-body { color: #3e454c!important; }
img{max-width: 100%; height: inherit;}
p:empty{display: none;}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5{font-family: baker-signet-web,serif; letter-spacing: 2px; text-transform: uppercase;}
h1, .h1{font-size: 50px;}
.sub-title{ font-family: "din-2014", sans-serif; font-size: 14px; letter-spacing: 5px; margin-bottom: 3rem; font-weight: bold; line-height: 1.8;}

hr{border-top: 3px solid #4fbf5e; margin: 3rem 0; }
.btn{font-family: "din-2014", sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;}
.btn-more{border-bottom: 3px solid #4fbf5e; border-radius: 0px; padding: 6px 0; position: relative; -webkit-transition: all 0.3s;transition: all 0.3s;}
.btn-more:focus{box-shadow: none;}
.btn-more:after{content: "\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: -20px; color: #4fbf5e; -webkit-transition: all 0.3s;transition: all 0.3s;}
.btn-more.back:after{display: none;}
.btn-more.back:before{content: "\f053"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: -20px; color: #4fbf5e; -webkit-transition: all 0.3s;transition: all 0.3s;}
.btn-more:not(.back):hover{padding-right: 10px;}
.btn-more:not(.back):hover:after{right: -30px;}
.btn-more.back:hover{padding-left: 10px;}
.btn-more.back:hover:after{left: -30px;}

.form-control{border-radius: 0px;}
.custom-control-input:checked~.custom-control-label::before{border-radius: 100%;}
.custom-control-input:checked~.custom-control-label::before{background-color: #4fbf5e; border-color: #4fbf5e;}
label{font-family: "din-2014", sans-serif; text-transform: uppercase; font-weight: bold; font-size: 14px;}
.custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(79, 191, 94, 0.25); }

ol{list-style: none; counter-reset: li}
ol li::before {content: counter(li)'.'; color: #4fbf5e; display: inline-block; width: 1em; margin-left: -1em}
ol li {counter-increment: li}

.small-wrapper{max-width: 860px;}
  

/* header */
#header{padding-top: 2rem; background-image: linear-gradient(to bottom, #00001e, #000024, #010025); border-bottom: 5px solid #4fbf5e; text-align: center; }
#header .logo{margin-bottom: 10px; display: block;}
#header .logo img{max-width: 290px;}
#header a{color: #fff; font-family: "din-2014", sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;}
#header a:hover, #header a:focus{color: #4fbe5e; background-color: inherit;}
#header .dropdown .dropdown-menu a{font-weight: normal;}
#header .dropdown .dropdown-menu{margin: 0; background: #010025; border-bottom: 5px solid #4fbf5e; padding: 2rem 1rem;}
#header .navbar-nav li:hover > .dropdown-menu{display: block;}
.dropdown-toggle::after{    content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; border: none; margin: 0; vertical-align: inherit;}
.navbar-toggler{color: #4fbf5e;}

/* hero */
section.hero{background: url(../img/bg-hero.jpg) center; background-size: cover; text-align: center; color: #fff; padding: 4rem 0;}
section.hero h1{margin-bottom: 3rem;}
section.hero li{margin: 0 2rem;}
section.hero li img{max-width: 220px;}

/* honesty-team */
section.honesty-team{text-align: center; padding: 4rem 0;}
section.honesty-team .h1{color: #000024}
section.honesty-team .container{max-width: 640px;}
section.honesty-team h2{margin-bottom: 2rem; font-size: 50px;}
section.honesty-team p{margin-bottom: 2rem; }

/* automotive */
section.automotive{text-align: center;}
section.automotive h2{margin-bottom: 2rem; font-family: "din-2014", sans-serif; font-weight: bold; font-size: 26px; letter-spacing: 3px;}
section.automotive .automotive{background: url(../img/bg-automotive.jpg) center; margin-bottom: 1px;}
section.automotive .motorcycle{background: url(../img/bg-motorcycle.jpg) center;}
section.automotive .commercial-truck{background: url(../img/bg-commercial.jpg) center;}
section.automotive .element{padding: 7rem 0; background-size: cover;}

/* dealerships */
.faq-bg section.dealerships{background:  #000 url(../img/bg-faq-widget.jpg) center; background-size: cover; text-align: center; color: #fff; padding: 4rem 0;}
.faq-bg section.dealerships a{color: #fff;}
section.dealerships{text-align: center; padding: 4rem 0; text-transform: uppercase;}
section.dealerships h4{font-size: 20px; margin-top: 1rem;}
section.dealerships h5{font-weight: bold; font-size: 14px; font-family: "din-2014", sans-serif;}
section.dealerships p{font-size: 14px; padding: 0 40px;}
section.dealerships-harley{padding: 0 0 4rem;}

/* OWL carousel */
.owl-carousel .owl-item img{display: inline; width: inherit; margin-bottom: 1rem; height: 100px; text-transform: uppercase;}
.owl-prev{ position: absolute; left: 0; top: 24px; }
.owl-next{ position: absolute; right: 0; top: 24px; }
.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
   display: none;
}

.owl-vertical{ transform: rotate(90deg); width: 270px; margin-top:100px; } 
.owl-vertical  .item{ transform: rotate(-90deg); }
.owl-vertical .owl-nav{ display: flex; justify-content: space-between; position: absolute; width: 100%; top: calc(50% - 33px); }
div.owl-vertical .owl-nav .owl-prev, div.owl-vertical .owl-nav .owl-next{ font-size:36px; top:unset; bottom: 15px; }

/* testimonials */
section.testimonials{background-color: #000025; overflow: hidden;}
section.testimonials .wrapper{padding: 5rem 4rem 1rem 4rem; color: #fff; text-align: left!important;}
section.testimonials blockquote{position: relative;}
section.testimonials blockquote:before{content: "\f10d"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: -50px; font-size: 30px; top: -10px;}
section.testimonials h3{font-family: "din-2014", sans-serif; font-weight: 30; margin-bottom: 2rem; letter-spacing: 8px;}
section.testimonials p.author{font-size: 13px; margin: 2rem 0;}
section.testimonials a{color: #fff;}
section.testimonials a:hover{color: #fff;}
section.testimonials-harley{background-color: #000;}
section.testimonials-harley h3{color: #e57a1d;}

/* get-started */
section.get-started .toggle-div{display: none;}
section.get-started .wrapper{padding: 4rem 0; border-top: 4px solid #4fbf5e;}
section.get-started .form-group{text-align: left;}
section.get-started textarea{height: 62px;}
section.get-started textarea.message{height: 218px;}
section.get-started.extended .wrapper{border: none;}

/* footer */
#footer{font-size: 12px; background-image: linear-gradient(to bottom, #00001e, #010025); border-top: 3px solid #4fbf5e; padding: 4rem 0; color: #fff;}
#footer h2{font-size: 25px; margin: 2rem 0; }
#footer .logo{max-width: 240px;}
#footer address{margin: 1rem 0; }
#footer .social a{color: #b5b5c0; font-size: 25px;}
#footer .social a:hover{color: #fff;}
#footer .form-control{background-color: #2e2e4a; border: none;}
#footer form button{float: right; color: #fff; margin-right: 15px;}
#footer .form-check-input{position: relative; top: -1px;}
#footer .form-check-label{margin-right: 10px;}

/* banner */
section.banner{ text-align: center; padding: 10rem 1rem; background: url(../img/bg-banner.jpg) center; background-size: cover;}
section.banner-blog{ background-image: url(../img/bg-banner-blog.jpg) }
section.banner-contact{background-image: url(../img/bg-banner-contact.jpg) }
section.banner-buyer{background-image: url(../img/bg-banner-buyer.jpg) }
section.banner-faq{background-image: url(../img/bg-banner-faq.jpg) }
section.banner-team{background-image: url(../img/bg-banner-team.jpg) }
section.banner-seller{background-image: url(../img/bg-banner-seller.jpg) }
section.banner-testimonials{background-image: url(../img/bg-banner-testimonials.jpg) }
section.banner-commercial{background-image: url(../img/bg-banner-commercial.jpg) }
section.banner-sale{background-image: url(../img/bg-banner-sale.jpg) }
section.banner-sold{background-image: url(../img/bg-banner-sold.jpg) }
section.banner-valuations{background-image: url(../img/bg-banner-valuations.jpg) }
section.banner-harley{background-image: url(../img/bg-banner-harley.jpg); color: #fff }
section.banner-harley-sold{background-image: url(../img/bg-harley-sold.jpg); color: #fff }
section.banner-harley-testimonials{background-image: url(../img/bg-harley-testimonials.jpg); color: #fff }
section.banner-harley-sale{background-image: url(../img/bg-harley-sale.jpg); color: #fff }
section.banner-harley-about{background-image: url(../img/bg-harley-about.jpg); color: #fff }

/* main */
main{margin: 4rem 0;}
main h1, main .h1{margin-bottom: 2rem;}
main p{margin-bottom: 1.8rem;}

/* default-page */
main.default-page .wrapper{text-align: center; max-width: 700px; margin: auto;}
main.default-page .wrapper ul, main.default-page .wrapper ol{text-align: left;}
main.default-page .wrapper ul li{padding-left: 30px; background: url(../img/bg-li.jpg) left 6px no-repeat; line-height: 1.8; margin-bottom: .5rem;}

/* brochure */
.brochure{background: url(../img/bg-brochure.jpg) center no-repeat; background-size: cover; text-align: center; color: #fff; padding: 8rem 0;}
.brochure .h1{color: #fff;}
.brochure a, .brochure a:hover{color: #fff;}
.brochure-harley{background-image: url(../img/bg-brochure-harley.jpg)}

/* brochure */
.know-more{background: url(../img/bg-know-more.jpg) center no-repeat; background-size: cover; text-align: center; color: #fff; padding: 8rem 0;}
.know-more-harley{background-image: url(../img/bg-know-more-harley.jpg) }
.know-more h1{color: #fff;}
.know-more a, .know-more a:hover{color: #fff;}

/* blog */
main.blog-page .container{max-width: 800px;}
main.blog-page h1{margin-bottom: 0;}
main.blog-page article{margin-bottom: 3rem;}
main.blog-page article .featured-image{max-height: 200px; overflow: hidden;}
main.blog-page article h3{text-transform: uppercase; margin-top: 2rem; font-size: 20px; margin-bottom: 0;}
main.blog-page article .date{font-size: 12px; margin-bottom: 1rem;}

/* pagination */
.pagination{justify-content: center;}
.pagination a, .pagination .current{color: #000025;  display: inline-block; padding: 0 10px;}
.pagination a i{color: #4fbf5e; margin: 0 15px;}
.pagination .current, .pagination a:hover{background-color: #4fbf5e; color: #fff;}

.harley .pagination a i{color: #e57a1d;}
.harley .pagination .current, .harley .pagination a:hover{background-color: #e57a1d;}


/* contact-page */
.contact-page .container{max-width: 880px;}
.contact-page article{margin-bottom: 3rem;}
.contact-page h3, .contact-page h4{font-family: 'Lato', sans-serif; font-size: 16px; margin-bottom: 0; font-weight: bold;}
.contact-page h4{margin-top: 1rem;}
.contact-page p{margin-bottom: 0;}
.contact-page a{color: #132d3d;}
.contact-page .number{background-color: #808285; color: #fff; display: inline-block; width: 36px; height: 36px; border-radius: 100%; text-align: center; line-height: 2.3;}
.contact-page .number-2{background-color: #132c3b;}
.contact-page .number-3{background-color: #00b74f;}
.contact-page .number-4, .contact-page .number-8, .contact-page .number-9{background-color: #395f74;}
.contact-page .number-5{background-color: #15462b;}
.contact-page .number-6{background-color: #57585b;}
.contact-page .number-7{background-color: #a7a9ac;}

/* faq-widget */
section.faq-widget{background:  #000 url(../img/bg-faq-widget.jpg) center; background-size: cover; text-align: center; color: #fff; padding: 4rem 0;}
section.faq-widget h1{color: #fff; margin-bottom: 4rem;}
section.faq-widget h4{color: #fff; font-size: 20px;}
section.faq-widget h5{color: #fff; font-size: 14px;}
section.faq-widget a, section.faq-widget a:hover{color: #fff; }

/* section */
section.for-sale{text-align: center;}
section.for-sale article.item{position: relative; background-image: linear-gradient(#151515, #272727);padding: 2rem 1rem 5rem;color: #fff;margin-bottom: 2rem; -webkit-transition: all 0.3s;transition: all 0.3s;}
section.for-sale article.item > img{max-height: 100px; width: inherit;}
section.for-sale article.item:after{content:''; opacity: 0;}
section.for-sale article.item:hover:after{position: absolute; opacity: 1; background-color: #00001f; left: 0; right: 0; bottom: 0; top: 0;}
section.for-sale article.item header{position: relative; z-index: 999;}
section.for-sale article.item header p{ font-size: 18px; }
section.for-sale article.item:hover footer{visibility: visible; opacity: 1;}
section.for-sale article.item footer{visibility: hidden; opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; padding: 1rem; z-index: 999;}
section.for-sale article.item footer p{margin-bottom: .5rem;}
section.for-sale article.item footer a, section.for-sale article.item footer a:hover{color: #fff;}
section.for-sale article.item-vertical{text-align: left;background-image: linear-gradient(#151515, #272727);padding: 2rem;color: #fff;margin-bottom: 2rem;}
section.for-sale article.item-vertical h4{ font-size: 22px; height: 54px;}
section.for-sale article.item-vertical address{color: #4fbe5e;}
.harley section.for-sale article.item-vertical address{color: #e57a1d;}
section.for-sale article.item-vertical p{ margin: 0; min-height: 90px; font-size: 16px; letter-spacing: 1px;}
section.for-sale article.item-vertical img{height: 110px; width: auto;}
section.for-sale article.item footer address{margin-bottom: 0;}

/* accordion-faq */
#accordion-faq{ text-align: left; max-width: 600px; margin: auto;}
#accordion-faq .card{ border: none; border-bottom: 1px solid #b0b0b0; }
#accordion-faq .card-header{ background: inherit; border: none; padding: 0; border-radius: 0; }
#accordion-faq .card-header a{color: #132d3d;padding: 1rem 0;display: block;text-align: left; position: relative;}
#accordion-faq .card-header a:hover{text-decoration: none;}
#accordion-faq .card-header a:after{content:'-'; font-size: 30px; position: absolute; right: 0; top: 5px; color: #4fbf5e;}
#accordion-faq .card-header a.collapsed:after{content:'+'; }
#accordion-faq .card-body{ padding: 1rem 0; }
.accordion>.card:not(:first-of-type) {border-radius: 0px; }

/* menu-harley */
.menu-harley{background-color: #e57a1d; border-top: 1px solid #fff;}
.menu-harley a{color: #fff; border-right: 1px solid #fff; font-family: "din-2014", sans-serif; font-size: 15px;}
.menu-harley a:last-child{border: none;}
.menu-harley .nav-link:hover, .menu-harley .nav-link.active{background-color: #000000; color: #e57a1d;}
.menu-harley .nav-link{border-radius: 0px; padding: 1rem;}

.honesty-team-harley{text-align: center; padding: 4rem 0 0;}

/* header.harley */
main.harley{margin-top: 0;}
main.harley > header{text-align: center; padding: 4rem 0 1rem; }
main.harley > header .container{max-width: 910px;}

/* testimonial-list */
section.testimonial-list{padding: 3rem 0;}
section.testimonial-list .container{max-width: 800px;}
section.testimonial-list article{text-align: center; padding: 1rem;}
section.testimonial-list p.author{margin: 0; font-weight: bold;}
section.testimonial-list p.company{font-style: italic;}
section.testimonial-list nav{margin-top: 3rem;}

/* team-item */
article.team-item{text-align: center; margin-bottom: 1.4rem;}
article.team-item .image{width: 130px; height: 130px; margin: 1rem auto; overflow: hidden; border-radius: 100%; }
article.team-item .image img{width: 100%; height: inherit;}
article.team-item p{margin: 0!important;}

/* modal-content */
.modal-content{padding: 2rem 0;}
.modal-content button.close{position: absolute; right: 20px; top: 12px; font-size: 36px;}
.modal-content{border-radius: 0; border: 3px solid #4fbf5e;}
.modal-header{ border: none;}
.modal-for-sale .wrapper{border-right: 1px solid #b0b0b0;}
.modal-for-sale .wrapper img{height: 140px; width: inherit;}

@media screen and (max-width: 1400px){
    section.testimonials .wrapper{padding-top: 2rem;}
    blockquote p{ height: 54px; overflow: hidden; text-overflow: ellipsis; }
}
@media screen and (max-width: 991px){
    #header{text-align: left; padding: 1rem;}
    #header .logo{display: inline-block;}
    #header .logo img{max-width: 200px;}
    .navbar-collapse{text-align: center;}
    .navbar-toggler{position: absolute; top: -45px; right: 0;}
    #header .dropdown .dropdown-menu{text-align: center; display: block; border: none; padding: 0 0 1.4rem;}
    section.hero li{margin: 0;}
    section.for-sale article.item-vertical{text-align: center;}
    section.for-sale article.item-vertical h4{margin-top: 2rem;}
    section.testimonials .wrapper{padding: 3rem 4rem;}
    blockquote p{ height: inherit; overflow: hidden; text-overflow: ellipsis; }
}
@media screen and (max-width: 767px){
    h1{font-size: 40px;}
    .menu-harley{display: block;}
    .menu-harley a{border: none; border-bottom: 1px solid #fff;}
}
@media screen and (max-width: 575px){
    section.automotive .element{ padding: 3rem 0;}
    .hero li{width: 100%;}
    .hero img{ margin: 1rem 0;}
    section.testimonials .wrapper{padding: 3rem 1rem;}
    h1{font-size: 30px;}
    #footer .form-check-input{top: 3px;}
    .navbar-collapse{padding-top: 1rem;}
    .contact-page .number{margin: 1rem 0;}
    .contact-page article{text-align: center;}
    #footer form button{float: none; margin-top: 2rem!important;}
}
@media screen and (max-width: 480px){

}