.sb-layout.page--index #main {
  display: flex;
  flex-direction: row-reverse;
}

#main #main-content #sb_content #content-view .index-data-wrapper{
  padding-top: 0;
}

@media screen and (max-width: 1100px){
  .sb-layout.page--index #main {
    flex-direction: column-reverse;
  }
}

.sb-layout:not(.page--index) #main  #main-buttons .company-name{
  font-size: 44px;
}
.sb-layout.page--index #main  #main-buttons .wrapper{
  min-height: 100vh;
}

#main #main-buttons .company-name {
  line-height: 1;
  max-width: 100%;
  margin-bottom: 0;
}
#main #main-buttons {
  min-height: unset;
}
#main-buttons .wrapper {
  height: auto;
  min-height: unset;
}
#main-buttons .wrapper .inner{
  height: auto;
  min-height: unset;
}






#steps-content #sb_booking_content .tab .full-info .txt.full > div{
  width: 100% !important;
}


.sb-layout.page--index #main-buttons .btn.book{
    position: fixed;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    max-width: 200px;
  }

.timeline-wrapper {
    color: #fff;
}

#sb_booking_info > div > div > div.booking-info.mg > div.booking-overview > table > tbody > tr:nth-child(4) {
 display : none;
}



#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .time span {
    display: none;


element.style {
}

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