/*
	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 */
}

/****** CUSTOM CSS START *******/

:root {
    --black: #17181a;
    --white: white;
    --light-grey: #a8acb3;
    --dim-grey: #575c66;
    --green: #2e7362;
    --off-white: #f1f4f5;
    --error-red: #9e1f17;
    --blue: #4d7f99
}


@font-face {
    font-family: 'Formular';
    src: url('https://uploads-ssl.webflow.com/6252b666423176f4956cbfd6/6252b7af8387b9ec5bab7dab_Formular-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Formular';
    src: url('https://uploads-ssl.webflow.com/6252b666423176f4956cbfd6/6252b7af31da3215e73c1739_Formular-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Formular';
    src: url('https://uploads-ssl.webflow.com/6252b666423176f4956cbfd6/6252b7af381f51f078f95228_Formular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Drukcyr';
    src: url('https://uploads-ssl.webflow.com/6252b666423176f4956cbfd6/627a901191166cc36bc59343_DrukCyr-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('https://uploads-ssl.webflow.com/6252b666423176f4956cbfd6/627a9d8c5adf31e844755d34_Akrobatblack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akrobat';
    src: url('https://uploads-ssl.webflow.com/6252b666423176f4956cbfd6/627a9c4658f343e602d07dee_Akrobatextrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: Formular,sans-serif;
}

#sb-timeline #steps-nav li .content .title-small {
	font-family: Formular,sans-serif
}

.rest-details .services-rest {
	display: none;
}

.company-name.company-name-only {
	font-family: Drukcyr,Impact,sans-serif
}

.btn {
    border: .5px solid #000!important;
    border-radius: 0!important;
    color: #fff!important;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    cursor: pointer;
    background-color: var(--black)!important;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: 15px 20px !important;
    font-family: Akrobat,sans-serif;
    font-size: 18px !important;
    line-height: 18px !important;
    text-decoration: none;
}

.btn:hover {
    background-color: var(--green)!important
}

/** PACKAGES **/
.package-content-page .preloader {
    height: 608px !important
}

.package-content-page .package-service,
.package-content-page .read-more {
    display: none !important;
}

.package-content-page .selected-package-list {
    height: 30px !important
}

.package-content-page .tab {
    border: 0 !important;
}

.package-content>div .package-item .selected-package-list .package-list-item:before {
    width: 20px !important;
    min-width: 20px !important;
    margin-right: 10px !important
}

.package-content>div .package-item .date-bar .icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 24px !important;
    font-size: 24px !important;
    margin-right: 10px !important;
}
/** PACKAGES **/
#sb_package_list_container .selected-package-list,
#sb_package_list_container .item__read-more,
#sb_package_list_container .item__description
{
    display: none !important;
}

#sb_package_list_container .info-bar--item
{
    line-height: 24px;
    height: 24px
}
/** CLIENT PACKAGES **/
#sb_package_client_instance_list_container .txt.short ,
#sb_package_client_instance_list_container .package-service,
#sb_package_client_instance_list_container .item__description,
#sb_package_client_instance_list_container .item__read-more
{
    display: none !important;
}

#sb_package_client_instance_list_container .selected-package-list,
#sb_package_client_instance_list_container .info-bar--item
{
    line-height: 24px;
    height: 24px
}

/** CLIENT BOOKINGS **/
.booking-cancelled {
    text-decoration: line-through;
}

#sb-timeline #steps #steps-content .paid-attribute-footer {
    padding: 15px 40px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-footer .btn.next,
.tab.tab-col .excerpt-info .btn-bar .btn.select {
    min-width: 170px !important;
}

.tab.tab-col .excerpt-info .btn-bar .btn.select a {
    padding: 0 !important;
}

#main-buttons .wrapper .company-name {
 font-size: 36px !important;
}

/****** CUSTOM CSS END *******/

