/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

@import url("https://use.typekit.net/cal0poq.css");

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

body * {
font-family: expressway, hero-new, "Helvetica Neue", sans-serif;
}

.btn {
border-radius: 0;
}

.btn--link, .page-content.page-content--booking-result .back-to-services {
color: #292e33;
}

.btn--link:hover, .page-content.page-content--booking-result .back-to-services:hover {
color: #004c8e;
}

.item__tab {
border-radius: 0;
}

.section {
border-radius: 0;
background: #F4F5F6!important;
box-shadow: none!important;
}

#sb_content .index__item .section-pd .title, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .container-caption, .reviews-page__content .title {
font-size: 1.47059rem;
font-weight: 400;
color: #004c8e;
}

.item__description span font, .item__description.short p font, .item__description.short p span, .txt {
font-weight: 300;
line-height: 1.6;
}

.header__navigation-link {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.3px;
font-size: 14px;
padding: 0.5rem;
border-bottom: 1px solid transparent;
}

.header__navigation-item.active .header__navigation-link, .header__navigation-link:hover, .header__navigation-link:focus {
border-width: 1px;
}

#main-buttons .wrapper {
height: 460px;
}

#main-buttons .wrapper .company-name {
font-size: 40px;
}

#main-buttons .wrapper .bar .btn.book:after {
content: "\f078";
}

#sb_content #sb-timeline .steps-nav {
background: #F4F5F6;
box-shadow: none;
}

#sb_booking_info .booking-info .step_info_item.active .content .title-small {
font-family: expressway, hero-new, "Helvetica Neue", sans-serif;
color: #004c8e;
}

#sb-timeline #steps #steps-content #sb_booking_content .location-item .info-bar--item .ico {
font-weight: 400;
}

.item__tab .item__picture-wrapper {
background: #F4F5F6; 
border-radius: 0;
}

.wrapper-details .title--h2 {
font-size: 1.76471rem;
font-weight: 600;
color: #004c8e;
}

#sb-timeline  #steps-nav .booking-info .step_info_item.active::after {
border-top-color: #F4F5F6;
border-bottom-color: #F4F5F6;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {
background: #DFE7F4;
border-radius: 0;
}

.time-legend .available .circle {
background: #DFE7F4;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a:hover, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .day-on:hover {
color: #004c8e;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header #sb_next_month, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header #sb_prev_month {
border-color: #292e33;
color: #292e33;
border-radius: 0;
transition: 0.1s;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header #sb_next_month:hover, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header #sb_prev_month:hover, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header #sb_next_month:focus, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header #sb_prev_month:focus {
border-color: #004c8e;
color: #004c8e;
background: transparent;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header .txt-center {
font-weight: 600;
font-size: 18px;
color: #004c8e;
}

.form-control, .reviews-page .add-review .form .form-group input, .reviews-page .add-review .form .form-group textarea, textarea.form-control {
background: #dfe7f4;
color: #292e33;
font-weight: 500;
border: 2px solid #dfe7f4;
box-shadow: none;
}

.form-control:focus, .reviews-page .add-review .form .form-group input:focus, .reviews-page .add-review .form .form-group textarea:focus, textarea.form-control:focus {
box-shadow: none!important;
border-color: #dfe7f4!important;
}

.form-control::placeholder, .reviews-page .add-review .form .form-group input::placeholder, .reviews-page .add-review .form .form-group textarea::placeholder, textarea.form-control::placeholder {
color: #004c8e;
}

textarea.form-control {
padding: 10px;
}

.form-group select.form-control, select {
background-color: #dfe7f4;
border: 2px solid #dfe7f4;
}

#sb-timeline #steps #steps-content #sb_booking_content .wrapper-details .detail-step .left-side .control-label, .current-booking-info .label {
font-weight: 600;
}

.page-content.page-content--booking-result #sb_bookings_list>div .alert {
background: #f4f5f6;
border-radius: 0;
color:  #004c8e;
}

.booking-result-tabs .tabs-container .tab-link a {
border-bottom: 2px solid transparent;
}

.booking-result-tabs .tabs-container .tab-link.active a {
border-bottom: 2px solid #004c8e;
}

.booking-result-tabs .tabs-container .tab-link a:hover {
border-width: 2px;
}