@media (max-width: 767px) {
  .header .ada-compliance__wrapper {
    width: 100%;
    margin: 0px 0 10px;
    text-align: center;
  }
}

@media (max-width: 767px) {
.header__logo-wrapper {
  margin-right: auto;
  margin-left: auto;
}}

body {
  font-family: "Mulish",sans-serif;
  
}

.title-main, .title-section {
  font-family: Noto Serif Display;
  text-transform: none;
  padding: 0;
  margin: 10px 0 15px;
line-height: 32px;
font-size: 28px;
}

div.cap.short {
font-family: Noto Serif Display;
}

.tab.tab-col .cap.short, .tab_provider-col .cap.short {
  height: 30px;}

#sb-timeline .steps-nav li .content .title-small {
  cursor: pointer;
  width: 100%;
  font-size: 13px;
  font-family: "Mulish",sans-serif;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 2px;
}

div.badge.price {
  font-size: 16px !important;
}

a.btn.select {
font-family: "Mulish",sans-serif;
  font-weight: 400;
line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 2px;
font-size: 16px !important;}

.item__description.short {
  display: block !important;
  max-height: 125px;
  line-height: 25px;
  overflow: hidden;
  height: 100px;
}

.item__read-more {
  display: inline;
  padding: 5px 8px 8px 8px;
  margin: 0;
  border: none;
  position: absolute;
  bottom: -1px;
  line-height: 1.2;
  right: 0;
  background-color: #efefef;
font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

span.read-more {
padding: 2px 8px 5px 8px;
background-color: #efefef !important;
font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .flex-row .paid-attr__description {
  position: relative;
  display: block;
  width: 100%;
  height: 110px;
  line-height: 25px;
  font-size: 16px;
  word-break: normal;
  overflow: hidden;
  margin-bottom: 22px;
}

a {
  color: #c7b3b3;
}

button#sb_prev_date, button#sb_next_date {
border: 0px solid !important;
  border-radius: 0px !important;
  background-color: #222 !important;
  color: #fff !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-size: 14px !important;
}

@media (max-width: 767px) {
#sb-timeline .steps-nav li .content .title-small {
  cursor: pointer;
  width: 100%;
  font-size: 16px;
  font-family: "Mulish",sans-serif;
  font-weight: 400;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 2px;
}}


@media (max-width: 767px) {
#sb-timeline #steps #steps-content #sb_booking_content .item {
  margin-bottom: 20px;
  padding: 5px 25px;
  width: 100%;
}}

@media (max-width: 767px) {
  .datepicker-button .btn {
    white-space: normal;
    width: 245px;
padding: 10px 0px;
  }
}

@media (max-width: 767px) {
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 44px;
  padding: 10px 15px 13px 15px;}}


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