/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .day-off {
   opacity: .2;
}

#header{
background: rgba(255,255,255,0.8);
padding: 12px 0;
}


#header .brand.company-logo-only .logo {
    display: block;
    max-width: 200px;
}

#main #main-buttons .bar .btn {
background-color: #fff;
color: #000;
}
#main-buttons .wrapper .inner .bar .btn.book:after {
border-right: 3px solid #000;
    border-bottom: 3px solid #000;
}
.alert.alert-info {
background-color: #fff !important;
border-radius: 4px;
    border: 1px solid #e6e7ec;
}

#main #main-buttons .bar .btn {
    max-width: 360px;
    margin: 10px;
    padding: 0 40px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-weight: 600;
    font-size: 20px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 35px;
    height: 3px;
    background-color: #000 !important;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease;
}

#sb_content {
background-color: #f4f4f4 !important;
}

 #content-view #schedule, #main #main-content #sb_content #about-us, #main #main-content #sb_content #contacts {
    padding: 40px;
/*border-radius: 4px;
    border: 1px solid #e6e7ec; */
}
#main #main-content #sb_content #home-about-us {
    padding-top: 55px;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

#home-about-us .default-mode-flex .block {
background-color: #fff !important;
border-radius: 4px;
    border: 1px solid #e6e7ec;
margin: 15px;
}

#content-view #contacts li .links {
    font-size: 14px;
    padding-left: 10px;
    overflow: hidden;
}

.tab.tab-col .excerpt-info {
    display: flex;
    flex-direction: column;
    padding: 20px;
    height: 100%;
}

#main #main-content #sb_content #sb-timeline #steps-nav ul .step_info_item .title-sub {
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0;
    white-space: normal;
    background: #000;
    padding: 10px;
    line-height: 0px;
    color: #fff;
    border-radius: 50px;
}

#details{
border-radius: 4px;
    border: 1px solid #e6e7ec;
background-color: #fff;
}

#main #main-content #sb_content #sb-timeline #steps #sb_booking_content .detail-step-wrap .section-pd {
    padding-left: 0;
    padding-right: 0;
    padding: 40px;
}

#sb_timeview_container .slots-view {
background-color:#fff !important; 
border-radius: 4px;
    border: 1px solid #e6e7ec;
}

#sb_timeview_container .slots-view #sb_time_slots_container {
display: flex !important;
flex-direction: row !important;
}

.location-item.item .tab.tab-col.tab-with-popup, .service-item.item .tab.tab-col.tab-with-popup {
transition: all 0.7s;
}

.location-item.item .tab.tab-col.tab-with-popup:hover, .service-item.item .tab.tab-col.tab-with-popup:hover {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#sb-main-container #footer {
    margin-top: auto;
    background: #000 !important;
}

.footer-menu {
    padding-bottom: 0px !important;
    border-bottom: 0px solid #999 !important;
}

#footer a, .copyright {
    padding-top: 0px !important;
    color: #fff !important;
}

#sb_scroll_top_button:after, #sb_scroll_top_button {
    color: #000 !important;
    background: #fff !important;
    border-radius: 4px !important;
}

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_book_btn {
    background-color: #000000;
    padding: 25px 50px;
}

#sb_timeview_container .slots-view #sb_time_slots_container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
}

@media (max-width: 1024px) {
.default-mode-flex .block-1, .default-mode-flex .block-2, .default-mode-flex .block-3 {
    order: 2;
    min-width: 100px;
    max-width: 100%;
}
}

 #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 */
}