/*
	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 */
}


#main-buttons .wrapper .inner .bar .btn.map {
    display: none;
    min-width: 196px;
    font-size: 22px;
    font-weight: 300;
}


#header .company-name {
    padding: 0;
    font-weight: 400;
    font-size: 32px;
    font-family: Montserrat, sans-serif;
    /* font-family: Kaushan Script, cursive; */
    margin: 0 12px 0 0;
}


#content-view #contacts .title-main, #content-view #schedule .title-main {
    font-weight: 400;
    letter-spacing: 1.5px;
    font-size: 24px;
    font-family: Montserrat, sans-serif;
    margin-top: -125px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 90px;
    color: #fff;
    text-align: center;
    transition: all 1.2s cubic-bezier(1,0,.24,.93);
}


#content-view #contacts .title-main, #content-view #schedule .title-main {
    font-weight: 400;
    letter-spacing: 1.5px;
    font-size: 24px;
    font-family: Montserrat, sans-serif;
    margin-top: -125px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 90px;
    color: #fff;
    text-align: center;
    transition: all 1.2s cubic-bezier(1,0,.24,.93);
}


.map-view-module {
    display: none;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    overflow: hidden;
}


#content-view .card-header {
    background: rgb(47 37 70 / 91%);
    border-bottom: 3px solid rgba(0, 0, 0, .35);
    min-height: 170px;
    height: 400px;
    width: 150%;
    margin-left: -25%;
    margin-top: -280px;
    border-radius: 0 0 50% 50%;
    transition: all 1.2s cubic-bezier(1,0,.24,.93);
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}

#sb-timeline .steps-nav li .content .title-small {
     font-weight: 800;
}

#sb-timeline .steps-nav li:first-child .content .title-small {
    font-weight: 800;
}

#sb-timeline .steps-nav li.passed+li:not(.passed) .content .title-small {
    font-weight: 800;
}

#sb-timeline .steps-nav li.filled .content .title-small, #sb-timeline .steps-nav li.passed .content .title-small {
    font-weight: 800;
}

 #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 */
}

.item__picture--fit-mode {
    height: 0;
    min-height: 150px;
    padding-bottom: 250px;
}

.item__picture--fit-mode img {
    position: absolute;
    top: 0;
    left: 13%;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    font-family: "object-fit: cover; object-position: top center";
}

.item__picture--user img {
    max-height: 500px;
}

.wrapper-details .client-login-bar {
    display: none;

}