#main #main-content #sb_content #sb_homepage_nav .column {
display: none
}



/*banner image height*/
#main #main-buttons {
min-height: 900px
}

div#sb-timeline {
margin-top: 180px
}

@media (min-width: 1920px) {
    #main-buttons .wrapper {
        height: 88vh;
    }
}


@media (min-width: 1600px) and (max-width: 1920px) {
    #main-buttons .wrapper {
        height: 70vh;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    #main-buttons .wrapper {
        height: 650px !important
    }
}

#main-buttons .wrapper .inner {
    display: flex;
    justify-content: center;
    margin: unset;
    margin-top: auto;
}

/*#main #main-buttons .bar .btn {
margin-top: 540px;
}*/



#main-buttons .wrapper .inner .bar .btn.book:after {
display: none
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot {
line-height: 1
}

#main #main-content #sb_content #sb-timeline #steps #sb_booking_content .item .cap {
margin-left: 15px;
margin-right: 15px
}

.service-item.item .preloader, #main #main-content #sb_content #sb-timeline #steps #sb_booking_content .item .txt {
    display: none;
}

.cap.short {
text-align: center
}

/*T&C remove */

#footer > div.container-fluid > div > div > div.text-center {
    display: none;
}

 /*.company-name.company-logo-and-name {
    position: relative;
    top: -135px;
    font-size: 36px !important; 
}*/


li.home-page-nav-link.active {
    font-size: 22px !important;
}
#about-us > div > div.title-main {
    display: none;
}



@media screen and (max-width: 1200px){
  #main-buttons .wrapper{
    min-height: unset;
  }
  #main #main-buttons{
    min-height: 250px;
    position: relative !important;
    aspect-ratio: 16 / 8;
    margin-bottom: 50px;
    background-position: top 40px center !important;
    background-color: #f5f5f5;
  }
  #main #main-buttons .bar {
    position: absolute;
    top: calc(100% + 10px);
    text-align: center;
    padding: 0;
    margin: 0 auto;
    width: 99%;
    left: 0;
    right: 0;
  }
  #main #main-buttons .bar .btn {
    margin-top: auto;
    position: relative !important;
  }
}
@media screen and (max-width: 800px){
  #main #main-buttons{
    aspect-ratio: 16 / 10;
    background-size: 125% !important;
  }
}

/*promotional checkmark */
#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{
   display: none;
}

/*hide time */
#sb_service_step_container > div:nth-child(n) > div.one-line.no-image > div.content > div > div > div.bar-flex-item.time {
 display: none!important;
}
#sb_booking_info > div > ul > li:nth-child(4) > a > div > div.title-sub {
    width: 80px!important;
    text-overflow: clip!important;
    margin: auto!important;
}
#sb_booking_info > div > div > div.booking-info.mg > div.booking-overview > table > tbody > tr:nth-child(1) > td.info > div > span{
    width: 104px!important;
    overflow: hidden;
    height: 26px;
    text-overflow: clip!important;
    margin: auto!important;
}

/*hide time */



/*hide service price*/
#sb_attribute_list_container > div > div.one-line > div.content > div > div > div.bar-service__item.bar-service__item-price.price{
 display: none!important;
}
#sb_attribute_totals{
 display: none!important;
}
#sb_booking_info > div > div > div.booking-price.mg{
 display: none!important;
}
/*hide service price*/

/*replace timeslot time with Book now*/
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot .cell{
visibility: hidden;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot .cell:hover:after{
    background-color: #427D31;
    color: #ffffff;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot .cell:after 
{
        min-height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 3px;
    padding: 18px 10px;
content: 'click to book' !important;
visibility: visible !important;
display: inline-block !important; 
font-size: 18px;
font-weight: 600;
position: relative;
background-color: #d3e0f1;
content: 'Click to book' !important;
visibility: visible !important;
}


/*replace timeslot time with Book now*/
*
	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 */
}