@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Regular.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Bold.ttf') format('truetype');
    font-weight: 800;
}
@font-face {
    font-family: 'Impact';
    src: url('fonts/Impact.ttf') format('truetype');
    font-weight: 900;
}
@font-face {
    font-family: 'cocogoose';
    src: url('fonts/CocogooseNarrow-Letterpress.ttf') format('truetype');
    font-weight: 500;
}





html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Roboto', sans-serif;
    font-size: 17px; 
    color: #333333;
    font-weight: 400;
    padding-top: 100px;
}



a{-webkit-transition: all 0.32s ease-out; -moz-transition: all 0.32s ease-out; -o-transition: all 0.32s ease-out; -ms-transition:  all 0.32s ease-out; transition: all 0.32s ease-out; text-decoration:none;}
a:hover{color: #BC141A; text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

/*COMMOM STYLES*/

.ff-os{font-family: 'Oswald', serif; font-weight: 800;}
.ff-cg{font-family: 'cocogoose', sans-serif; font-weight: 500;}

.fw-bo{font-weight: 600;}
.fw-sb{font-weight: 700;}
.fw-me{font-weight: 500;}
.fw-re{font-weight: 400;}
.fw-li{font-weight: 300;}

.fs-74{font-size: 74px;}
.fs-65{font-size: 65px;}
.fs-54{font-size: 54px;}
.fs-48{font-size: 48px;}
.fs-42{font-size: 42px;}
.fs-38{font-size: 38px;}
.fs-30{font-size: 30px;}
.fs-28{font-size: 28px;}
.fs-24{font-size: 24px;}
.fs-20{font-size: 20px;}
.fs-19{font-size: 19px;}
.fs-17{font-size: 17px;}
.fs-15{font-size: 15px;}
.fs-14{font-size: 14px;}


.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}

.lh-2{line-height: 2;}
.lh-13{line-height: 1.3;}
.lh-15{line-height: 1.5;}

.customList{margin-left: -15px;}
.customList li{margin-bottom: 8px;}



.bg-light{background-color: #F4F4F4!important; }
.bg-light2{background-color: #e5e3e3!important; }
.bg-grey{background-color: #666666!important; }
.bg-dark{background-color: #333333!important; }
.bg-brand{background-color: #BC141A;}

.text-brand{color:#BC141A!important;}
.text-black{color:#000!important;}
.text-grey{color:#666666!important;}
.text-grey-li{color:#656565!important;}

.btn-brand{background-color: #BC141A; border:none; border-radius: 0; display: inline-block;  transition: all 0.32s ease-out; color: #FFF; font-size: 21px; padding: 10px 20px; letter-spacing: 1.5px; }
.btn-brand:hover{background-color: #484c4c; color: #FFF!important;}

.btn-back{background-color: #484c4c;}
.btn-back:hover{background-color: #BC141A;}


.has-bg{background-position: center; background-size: cover; }


.img-linked{
    -webkit-transition: all 0.32s ease-out;
    -moz-transition: all 0.32s ease-out;
    -o-transition: all 0.32s ease-out;
    -ms-transition:  all 0.32s ease-out;
    transition: all 0.32s ease-out;
}
.img-linked:hover{
    transform: scale(1.1);
    cursor: pointer;
}

.text-linked{color: inherit;}
.text-linked:hover{color: inherit; text-decoration: underline;}

#customCarousel .carousel-indicators{position: relative; margin: 20px 0;}
#customCarousel .carousel-indicators [data-bs-target]{height: auto; width: auto;}
#customCarousel .carousel-control-next-icon{background-image: url('../images/misc/next.png');}
#customCarousel .carousel-control-prev-icon{background-image: url('../images/misc/prev.png');}
.container-sm{max-width: 1170px!important;}

@media screen and (max-width: 992px){
    body{padding-top: 70px;}
}

@media screen and (min-width:768px){
    .mt-md-lg{margin-top: 60px!important;}
    .mb-md-lg{margin-bottom: 60px!important;}

    .mt-md-xl{margin-top: 100px!important;}
    .mb-md-xl{margin-bottom: 100px!important;}

    .pb-md-lg{padding-bottom: 60px!important;}
    .pb-md-xl{padding-bottom: 100px!important;}
  
}


@media screen and (max-width: 992px){
    .fs-74{font-size: 54px;}
    .fs-54{font-size: 44px;}
    .fs-48{font-size: 40px;}
    .fs-42{font-size: 36px;}
    .fs-38{font-size: 32px;}
    .fs-30{font-size: 28px;}
    .fs-28{font-size: 24px;}
    .fs-24{font-size: 22px;}
    .fs-20{font-size: 19px;}
    .fs-19{font-size: 18px;}
    .fs-17{font-size: 16px;}
    .fs-15{font-size: 14px;}
    .fs-14{font-size: 13px;}
}

/* Navigation */
#topNavigation {background-color: #000; height: 100px;}
#topNavigation .img-logo{margin-bottom: 20px; width: 250px;}
#topNavigation  .nav-item{display: flex; align-items: center; margin-top: 25px;}
#topNavigation .nav-link{color: #FFF; font-weight: 500; font-size: 13px; text-align: center;}
#topNavigation .nav-link:hover, .activeNav{color: #BC141A!important;}
#social-right{position: fixed; right: 0; top: 200px; width: 50px; text-align: center; padding: 0px;} 
#social-right a{display: block; padding: 8px 5px;}
#social-right .nav-register a{display: block; padding: 3px 0px;}

footer{background-color: #000;}
footer .img-logo{width: 145px;}

@media screen and (max-width: 992px){
    #topNavigation{height: 70px;}
    #topNavigation .container{padding: 0; max-width: 100%;}
    #topNavigation .img-logo{width: 150px; margin-bottom: 0; padding-left: 15px;}
    
    #topNavigation .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    #topNavigation .navbar-toggler {border-color: rgba(255,255,255,0);} 
    #topNavigation  .navbar-toggler:focus, .navbar-toggler:active { outline: none; box-shadow: none;  }
    #topNavigation .navbar-collapse{background-color: #000; padding: 10px 18px 25px; }
    #topNavigation .nav-item{margin-top: 0;}
    #topNavigation .nav-item br{display: none;}

    #social-right{right: 38px; top: 10px; width: 175px; z-index: 1111; } 
    #social-right a{display: inline-block; padding: 9px 9px;}

}

#bike-for-sale .img-harley-davidson{width: 175px;}

@media screen and (max-width:1299px){
    #bike-for-sale #SalesContents .fs-74{font-size: 54px; line-height: 1;}
}
@media screen and (max-width:992px){
    #bike-for-sale #SalesContents .fs-74{font-size: 44px; line-height: 1;}
}

@media screen and (max-width:576px){
    .titleText{font-size: 43px;}

    #bike-for-sale .img-harley-davidson{width: 75px;}
    #bike-for-sale .fs-74{font-size: 38px;}
    #bike-for-sale .fs-42{font-size: 25px;}
    #bike-for-sale .fs-28 {font-size: 16px;}
    #bike-for-sale #SalesContents .fs-28 {font-size: 30px;}

    #demons-garage #SalesContents .fs-34{font-size: 40px;}
    #demons-garage #SalesContents .fs-74{font-size: 64px; line-height: 1;}
    #demons-garage #SalesContents .fs-42{font-size: 53px;}
}
  
.modal-backdrop.show{opacity: .7;}
#popup .modal-content{border: none; background-color: transparent;}
#popup .modal-header{border: none; background-color: transparent;}
#popup .btn-close{filter: invert(1); border: 2px solid #000; opacity: 1;}











#heroCarousel{position: relative;}



#heroCarousel .menu-list{position: absolute; top: 0; z-index: 99; display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; width: 230px;}
#heroCarousel .menu-list a{display: block; text-align: center;}
#heroCarousel .img-ico{width: 130px; display: block; padding: 15px 5px;}
#heroCarousel .menu-right{right: 0;}
#heroCarousel .menu-left{left: 0;}
.notification-box{background-color: #BC141A; padding: 20px 15px; position: absolute; left: 0; top: 0; z-index: 50; width: 230px; text-align: left!important;}

.welcome-img{margin-bottom: -25px;}


.bg-block{
    background-image: url('../images/misc/bg-block.png'); 
    background-position: center; 
    background-size: 100%; 
    text-align: center; 
    background-repeat: no-repeat; 
    font-family: Impact, sans-serif; 
    font-size: 24px; 
    color: #FFF; 
    display: inline-block; 
    width: 260px; 
    height: 90px; 
    padding: 22px 15px; 
    margin: 10px 20px;
    line-height: 24px; 
    transition: all 0.15s linear;
} 
.bg-block:hover{background-size: 90%; color: #FFF; text-shadow: #484c4c;}
.seasonal-services-list{column-count: 2;}
.seasonal-services-list li{margin-bottom: 8px;}
.contact-wrapper{border-top: 1px solid #000;}

.border-y{border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}






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

@media screen and (max-width: 767px){
    #heroCarousel .menu-list{position: relative; width: 100%;}
   .notification-box{width: 100%; position: relative; display: block; margin-top: 0; text-align: center!important;}
    .notification-box .fs-28{max-width: 250px; margin: 0 auto;}
   .seasonal-services-list{column-count: 1;}

}

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


@media(min-width:768px) and (max-width: 991px){
}

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

.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/images/misc/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/images/misc/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/images/misc/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/images/misc/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

.showMore{
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 49%;
    z-index: 15;
     -webkit-animation: bounce 2s infinite ease-in-out;
    -o-animation: bounce 2s infinite ease-in-out;
    -ms-animation: bounce 2s infinite ease-in-out; 
    -moz-animation: bounce 2s infinite ease-in-out; 
    animation: bounce 2s infinite ease-in-out;
}



@-webkit-keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

@keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

#contactForm .form-control{border-radius: 0; border:none; border-bottom: 1px solid #666666; margin-bottom: 27px;}
#contactForm textarea{border: 1px solid #666666!important; margin-top: 25px!important;}
#contactForm .form-control::placeholder { color: #333333; opacity: 1; }
#contactForm .form-control:-ms-input-placeholder { color: #333333;}
#contactForm .form-control::-ms-input-placeholder { color: #333333;}
#contactForm  select {
    display: block;
   line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236D470F%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

.img-appointment{bottom: -70px; position: relative;}

.img-custom-bikes-thumb{border: 1px solid #BC141A; transition: all .40s linear;}
.img-custom-bikes-thumb:hover{border: 1px solid #000; transform: scale(.98);}

#registrationForm .form-control{border-radius: 0; border:none; border-bottom: 1px solid #999999; margin-bottom: 20px;}
.border-grey{border-color: #999999!important;}
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
#serviceRequestForm .form-control::placeholder { color: #000; opacity: 1; }