@import url('https://overpass-30e2.kxcdn.com/overpass.css');
:not(.fa):not(.fi) {
font-family: 'overpass' !important;    }
/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

/* sizes header correctly */
#header {
min-height: auto;
}

/* centre and scale lotus logo */
#header .col-md-3{
width: 100% !important
}
#header .brand.company-logo-and-name .company-name, #header .brand.company-logo-and-name .logo, #header .brand.company-name-only .company-name{
display: block;
margin: 0 auto;
}
#header .brand .logo {
max-width: 128px;
}


/* remove nav bar */
#header .col-md-9 {
display: none !important;
}

@media (max-width:767px){
#main #main-buttons{
min-height:300px;
height: 300px;
}
}
@media (max-width:767px){
#main-buttons .wrapper{
min-height:300px;
}
}

/* stops animations */
#main #main-buttons .company-name{
animation: none;
}
#main-buttons .wrapper .inner .bar .btn:first-of-type {
animation-delay: 0.5s;
}

#main-buttons .wrapper .inner .bar{
padding:0;
}
@media (min-width: 480px) {
#main-buttons .wrapper .inner .bar{
  text-align: center; /* This centers the content horizontally */
  margin-top: 750px;
}
#main #main-buttons .btn.book {
width: 100%;
max-width: 460px;
}
}

@media (max-width:767px){
#main-buttons .wrapper .inner .bar{
padding-top: 0;
margin-top: 170px;
scale: 0.7;
}
}

/* hide nav bar */
#header .nav-trigger {
display: none;
}

#header {
background: black;
}

#content-view #about-us, #content-view #contacts, #content-view #schedule {
background: #0D0D0D;
color: white;
}

#sb-timeline #steps #steps-content #sb_booking_content .item .tab {
background-color: black;
}

#sb-timeline #steps-nav {
background: black;
}

#sb_content #schedule .section {
display: none
}

#sb_main #main .wrapper .company-name {
display: none;
color: #ffffff
}
/*
#sb_main .main {
background-size: 150px;
}
*/
#header #sb_menu a {
color: #000000 !important;
}

#sb_menu {
display: none;
}

/*
#sb_sidebar_container {
display: none;
}
*/
/*
#sb_sidebar_container .txt.short {
display: none;
}
*/

#main #main-buttons .btn.book a {
color: #fff200 !important;
background: #000000;
}

#sb_terms_and_conditions .promotions-letter-flag {
display: none;

}
#sb_content #booking-result-view {
background: black;
}
#sb_content #sb_message_container {
background: #ffffff;
} 
#sb_message_container .alert {
visibility: hidden;
position: relative;
}
#sb_message_container .alert:after {
visibility: visible;
position: absolute;
top: auto;
left: 15px ;
content: 'You’ve successfully reserved your test drive. Please check your email to see your confirmation.';
}
#sb_bookings_list .sb-book {
display: none;
}
#sb_content #booking-result-view .booking-btns a{
color: #000000 !important;
}

#sb_content #booking-result-view .booking-btns a span{
color: #000000 !important;
}

#sb_content #booking-result-view .booking-btns .sb_add_to_cal span{
color: #000000 !important;
}

#sb_content #booking-result-view a{
color: #000000 !important;
}

#sb_bookings_list .alert{
background: #ffffff;
}

/* hides read more button */
#sb_booking_content .provider-item.item .read-more, .tab.tab-col .excerpt-info .tab-pd .content .read-more {
display: none;
}

.service-item .tab.tab-col .txt.short{
height: 50px;
margin-bottom: 0;
}

/* Vehicle spacing (desktop) */
#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content.service-step .item {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 30px;
}
#sb-timeline #steps #steps-content #sb_booking_content .step-content.service-step .item .tab .excerpt-info .preloader {
  min-height: 375px;
}

/* Media query for mobile devices (max-width: 768px) */
@media (max-width: 768px) {
  #main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content.service-step .item {
    width: 100%; /* Make the width 100% for full width on mobile */
    margin: 0; /* Remove the horizontal margin for full width */
  }

  #sb-timeline #steps #steps-content #sb_booking_content .item .tab .excerpt-info .preloader {
    min-height: 240px !important; /* Reset the min-height for mobile, or set a value suitable for mobile devices */
  }

  /* Ensure the image always fits within its container */
  #main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content.service-step .item img {
    max-width: 100%;
    height: auto; /* Automatically adjust the height based on the image's aspect ratio */
  }
}

/* scales vehicle image to fit on calendar page */
#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content .item .excerpt-info .preloader{
height: 175px;
}

/* resize location images - mobile*/
@media (max-width: 767px) {
#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content .item {
width: 50%;
}}
@media (max-width: 767px) {
#sb-timeline #steps #steps-content #sb_booking_content .provider-item a.provider-link {
min-height: 190px !important;
}}
@media (max-width: 767px) {
#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content .item.provider-item .caption .name{
margin-bottom: -25px !important;
}}

/* resize location images - desktop*/
#sb-timeline #steps #steps-content #sb_booking_content .provider-item a.provider-link {
min-height: 370px;
}

/* resize map on calendar page */
#sb-timeline #steps #steps-content #sb_booking_content .item .tab>span {
padding-top: 120px;
}

/* resize cars on calendar page */
.tab.tab-col .excerpt-info .preloader .img.user img {
height: fit-content;
}

/* GDPR page text */
#sb_gdpr_report_container {
color: black;
}

{
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}