#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .day-on {
  color: #292de1;
  font-weight: bold;
}


/* Custom CSS To Remove Local Time*/

#sb-timeline #steps #time-settings #sb_booking_company_time {
    display: none; 
}

/* Custom CSS For Booking Images*/

.item__picture--fit-mode img:hover {
    opacity: 75%;
}

.item__picture--fit-mode img {
    object-fit: fill;
    background: #ffffff;
}

/* Custom CSS For Responsive*/

@media screen and (max-width: 768px) {
    header.header {
    position: sticky !important;
}
#main-buttons .wrapper .bar .btn {
   margin: 5px !important;
}
.company-name {
    font-size: 45px !important;
}
}

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

#main-buttons .wrapper .bar .btn {
    width: 100% !important;
}
.company-name {
font-size: 25px !important;
    line-height: 35px !important;
}
}



/* Custom CSS For Checkout Buttons*/

#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .buttons-container #sb_multiple_booking_btn:after {
margin: 3%; 
}

.btn {
    background: #8dc64c !important;
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 26px;
}

.btn:hover {
    background: #223240 !important;
}

/* Custom CSS For Mobile Menu*/
.header__menu-trigger {
    background: #8dc64c;
    color: #ffffff;
}

.header__menu-container.active {
    background: #172836;
}

.header__menu-trigger .fa {
    color: white;
}
/* Custom CSS For Booking Steps*/
#sb-timeline .steps-nav li .content .title-small {
    color: white;
    font-size: 28px;
}

/* Custom CSS For Booking Buttons*/
.item__footer .select {
    color: white;
    border-radius: 1px;
}

.item__footer .select:hover {
    background: #223240!important;
    color: #ffffff;
    font-weight: 700;
}

/* Custom CSS For Site Titles*/
div.title-main {
    font-size: 30px;
    color: #172836;
    line-height: 45px;
    margin-bottom: 16px
}

/* Custom CSS For Site Header*/

header.header {
    background: rgba(23,40,54,0.9);
    position: fixed;
    z-index: 999;
    top: 0px;
    width: 100%;
    padding: 18px 0px 12px 0px;
}

a.header__navigation-link {
    color: white;
    font-weight: bold;
    font-size: 16px;
}

a.header__navigation-link:hover {
    color: #8dc64c !important;
    font-weight: bold;
    font-size: 16px;
}

.header__navigation-item.active .header__navigation-link {
    border-color: #8dc64c !important;
}

/* Custom CSS For Buttons*/
#main-buttons .wrapper .bar .btn {
    background: #8dc64c !important;
    color: #ffffff;
    border: 1px solid #ffffff;
    background: #8dc64c;
    width: 280px;
    height: 49px;
    margin: 15px 15px 0 auto;
    font-weight: 700;
    border-radius: 26px;
}

#main-buttons .wrapper .bar .btn:hover {
    background: #223240 !important;
}

/*Custom CSS For Site Banner*/
#main-buttons .wrapper .company-name {
    font-size: 74px;
    font-weight: 600;
    line-height: 72px;
    padding-bottom: 10px;
    font-family: 'Overpass', sans-serif;
}

/*Custom CSS For Links*/
a {
    text-decoration: none;
    color: #8dc64c;
    line-height: 30px;
}

a:hover {
    color: #172836;
    text-decoration: underline;
}

/*Custom CSS For Text*/

.title--h3 {
    font-size: 30px;
    color: #172836;
    line-height: 45px;
    margin-bottom: 16px;
    font-weight: 500;
}

body {
   color: #363636;
    font-size: 16px;
    font-weight: 400;
}

/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* 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 */
}