@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
body{
	font-family: 'Roboto', sans-serif !important;
	 font-size: 18px;
	 line-height: 150%;
}
#sb_menu a {
	 color: grey !important;
	 font-weight: 500;
	 letter-spacing: .5px;
	 font-size: 16px;
}
#header .column .row {
	display: flex;
}
#main #main-buttons {
	background-position-y: 37% !important;
}
#main #main-buttons .btn {
	background-color: #44bab2;
	border-radius: 30px;
	padding: 7px 30px;
	margin: 10px 30px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	opacity: 1;
}
#main #main-buttons .btn a {
	color: #fff;
	font-weight: 600;
}
#main #main-buttons .btn.book:hover, #main #main-buttons .btn.map:hover {
	background-color: #fff;
	box-shadow: 0 0 25px rgba(0, 0, 0, .6);
	opacity: 1 !important;
}
#main #main-buttons .btn.book:hover a, #main #main-buttons .btn.map:hover  a {
	color: #44bab2;
}
#main-buttons .wrapper .inner .bar .btn.book:after, #main-buttons .wrapper .inner .bar .btn.map:after {
	right: 40px ;
}
#main-buttons .wrapper .inner .bar .btn.book:hover:after, #main-buttons .wrapper .inner .bar .btn.map:hover:after {
	color: #44bab2;
}
#main-buttons .wrapper .inner .company-name {
	font-size: 56px;
	font-weight: 300;
	margin-bottom: 50px;
	margin-top: 100px;
	line-height: 120%;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.45);
}
.title-main {
	 font-size: 23px;
	 font-weight: 400;
	 padding-bottom: 28px;
	 color: #44bab2;
	 letter-spacing: .5px;
}

#sb_booking_content .tab .btn.select, #sb_time_classes_service_container .btn.select, .package-content .btn.select {
	border-radius: 30px;
}
.tab.tab-col .txt.short {
	height: auto;
}

.section {
box-shadow: 0 1px 10px 0 rgba(0,0,0,.15);
}
#header .nav-trigger {
background: #44bab2;
}
@media (max-width: 1366px) {
#main-buttons .wrapper {
height: auto;
}
}
@media (max-width: 1024px) {
#main-buttons .wrapper .inner .bar {
margin-bottom: 100px;
}
}
@media (max-width: 767px) {
#main-buttons .wrapper .inner .company-name {
font-size: 42px;
}
}
@media (max-width: 1024px) {
#header .nav-wrapper {
top: 50%;
margin: 0px auto;
box-shadow: 0 0 20px  rgba(0,0,0,.15);
transform: translateY(-50%);
}
}
/*
	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 */
}