/*homepage book button and banner start*/
#main #main-buttons {
 position: relative;
 text-align: left;
 min-height: 200px;
 display: flex;
 padding: 0;
 background-repeat: no-repeat;
 width: 100%;
 padding-bottom: 41%;
 padding-top: 60px;
 background-position: top 75px center !important;
 background-size: contain !important;
 overflow: hidden;
}
#main #main-buttons .inner{
 position: relative;
 padding: 0;
 width: 100%;
}

@media (min-width: 1240px){
#main #main-buttons .wrapper {
    height: auto;
    position: absolute;
    top: 60%;
    left: 20%; 
}}
@media (min-width: 950px) and (max-width: 1240px){
#main #main-buttons .wrapper {
    height: auto;
    position: absolute;
    top: 60%;
    left: 15%;
}}

@media (max-width: 950px){
#main #main-buttons .wrapper {
    height: auto;
    position: absolute;
    top: 63%;
    left: 15%;
}
}
@media (max-width: 900px){
#main #main-buttons .wrapper .inner .bar .btn.btn-with-icon a {
    padding: 0;
    font-size: 15px;
    width: 15px;
    min-width: 57px;
    height: -10px;
}
#main #main-buttons .wrapper .inner .bar .btn {
    width: 100px;
    min-width: 57px;
    height: 25px;
}
}
@media (max-width: 767px){
#main #main-buttons .wrapper { 
    top: 75%; /*needs to be lower on smaller devices*/
}}

/*homepage book button and banner end*/


.fa-facebook:before {
    content: "";
    font-family: Font Awesome\ 5 Brands!important;
}
.fa-twitter:before {
    content: "";
    font-family: Font Awesome\ 5 Brands!important;
}
.fa-google:before {
    content: "";
    font-family: Font Awesome\ 5 Brands!important;
}

#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{
font-size: 14px;
}






/*full red more*/
#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd>* {
    width: 100%;
    display: flex;
    flex-direction: column;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.panel>.wrap-collapse-content {
    display: flex;
    flex-direction: column;
height: max-content !important;
}
.tab.tab-col .cap.short {
    height: auto;
order: 1;
}
.tab.tab-col .txt.short {
    height: fit-content;
order: 2;
}
.bar-service {
order: 1 !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more {
    display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .time {
    margin-top: 8px;
    margin-right: 15px;
    font-weight: bold;
}
.tab.tab-col .excerpt-info .tab-pd .content .read-more {
    display: none;
}
@media (max-width: 767px){
.tab.tab-col .txt.short {
    max-height: fit-content;
}}
/*-----------------------------------------------------*/





















#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd>* {
    width: 100%;
    display: flex;
    flex-direction: column;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.panel>.wrap-collapse-content {
    display: flex;
    flex-direction: column;
height: max-content !important;
}
.tab.tab-col .cap.short {
    height: auto;
order: 1;
}
.tab.tab-col .txt.short {
    height: fit-content;
order: 2;
}
.bar-service {
order: 1 !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more {
    display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .time {
    margin-top: 8px;
    margin-right: 15px;
    font-weight: bold;
}
.tab.tab-col .excerpt-info .tab-pd .content .read-more {
    display: none;
}








.tab.tab-col .excerpt-info .preloader{
  padding-top: 0;
}








.current-booking-info .booking-btns .sb_cancel_btn {
  display: none;
}




#main #main-buttons .wrapper .inner .main-descr .title-main {
display: none!important;
}
@media (max-width: 1024px){
.title-main {
  font-size: 09px;
}}
.title-main {
    font-size: 12px;
}

@import url('https://www.dropbox.com/sh/7l1vtq993goge1r/AABZW84duZEso9kV73bXVyqfa/Linotype%20-%20NHaasGroteskDSStd-45Lt.otf?dl=0');

:not(.fa):not(.fi) {
font-family: 'LinotypeNHaasGrotesk'!important;
}
.payment-system.active.payment-system-squareup{
background-image: url(https://hillcrestmall.secure.simplybook.plus/uploads/hillcrestmall/image_files/original/0ae6b0d53ba68158bf20d4c6c9c1a1d5.png)!important;
background-position: top!important;
   background-size: contain!important;
   background-repeat: no-repeat!important;
   width: 100%;
}
.payment-modal .payment-system-container .payment-system .img img { display: none;}
/*
	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 */