@media(max-width:768px){

#sb_menu_list_items_container .menu-item a{
    width:100% !important;
    min-width:300px !important;
    max-width:300px !important;

    height:72px !important;
    min-height:72px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    white-space:nowrap !important;
    overflow:hidden !important;

    font-size:24px !important;
    line-height:1 !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
}

#sb_menu_list_items_container{
    max-width:300px !important;
}

}

@media(max-width:768px){

#sb_menu_list_items_container .menu-item{
    margin-bottom:10px !important;
}

#sb_menu_list_items_container .menu-item a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:58px !important;
    min-height:58px !important;
    line-height:58px !important;

    font-size:24px !important;
    font-weight:800 !important;

    padding:0 20px !important;
    border-radius:18px !important;
    box-sizing:border-box !important;

    background:#f8fafc !important;
    color:#111827 !important;
}

#sb_menu_list_items_container .menu-item.active a{
    background:#10b9b1 !important;
    color:#ffffff !important;
}

}

/* MOBILE MENU FIX ONLY */
@media(max-width:768px){

.wrap-sb-main-menu.active .nav-wrapper{
    padding-top:95px !important;
}

#sb_menu_list_items_container{
    width:100% !important;
    max-width:320px !important;
    margin:0 auto !important;
    padding:0 22px !important;
}

#sb_menu_list_items_container .menu-item{
    margin-bottom:12px !important;
}

#sb_menu_list_items_container .menu-item a{
    font-size:24px !important;
    line-height:1.2 !important;
    padding:14px 18px !important;
    min-height:auto !important;
    border-radius:18px !important;
    text-align:center !important;
    background:#f8fafc !important;
}

/* Active menu item */
#sb_menu_list_items_container .menu-item.active a{
    background:#10b9b1 !important;
    color:#ffffff !important;
}

/* Close X */
.wrap-sb-main-menu.active .close,
.wrap-sb-main-menu.active .close-menu,
.wrap-sb-main-menu.active .fa-times{
    font-size:36px !important;
}
}

/* MODERN MAIN MENU - SIMPLYBOOK */

.wrap-sb-main-menu.active{
    background:#ffffff !important;
}

.wrap-sb-main-menu.active .nav-wrapper{
    background:#ffffff !important;
    padding-top:90px !important;
}

#sb_menu_list_items_container{
    list-style:none !important;
    padding:0 35px !important;
    margin:0 !important;
    text-align:left !important;
}

#sb_menu_list_items_container .menu-item{
    margin:0 0 14px 0 !important;
    padding:0 !important;
}

#sb_menu_list_items_container .menu-item a{
    display:block !important;
    padding:16px 20px !important;
    border-radius:16px !important;
    background:#f8fafc !important;

    color:#111827 !important;
    font-size:22px !important;
    font-weight:700 !important;
    text-decoration:none !important;

    transition:all .25s ease !important;
}

#sb_menu_list_items_container .menu-item a:hover,
#sb_menu_list_items_container .menu-item.active a{
    background:#10b9b1 !important;
    color:#ffffff !important;
    transform:translateX(5px);
}

/* Mobile */
@media(max-width:768px){

#sb_menu_list_items_container{
    padding:0 28px !important;
}

#sb_menu_list_items_container .menu-item a{
    font-size:24px !important;
    padding:18px 22px !important;
}

}

/* FIX OPENING HOURS UNDERLINE */

#schedule .title-main{
    position:relative;
    padding-bottom:14px !important;
    margin-bottom:28px !important;
    text-align:center !important;
}

/* Replace old line */
#schedule .title-main:after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;

    width:55px;
    height:3px;

    background:#10b9b1;
    border-radius:20px;
}


#contacts .title-main{
    position:relative;
    padding-bottom:14px;
}

#contacts .title-main:after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;

    width:55px;
    height:3px;

    background:#10b9b1;
    border-radius:20px;

    display:block;
}

/* CONTACT US - MODERN STYLE */

#contacts .section-pd{
    background:#ffffff !important;
    border-radius:24px !important;
    padding:35px !important;
    box-shadow:0 12px 35px rgba(0,0,0,0.08) !important;
    border:1px solid #eef2f7 !important;
}

/* Title */
#contacts .title-main{
    font-size:34px !important;
    font-weight:700 !important;
    color:#111827 !important;
    margin-bottom:30px !important;
    position:relative !important;
}

/* Accent line */
#contacts .title-main:after{
    content:"";
    display:block;
    width:60px;
    height:4px;
    background:#10b9b1;
    border-radius:20px;
    margin-top:12px;
}

/* Contact links */
#contacts .info a{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    
    background:#f8fafc !important;
    padding:16px 18px !important;
    margin-bottom:14px !important;
    
    border-radius:16px !important;
    text-decoration:none !important;
    
    color:#111827 !important;
    font-size:16px !important;
    font-weight:500 !important;

    transition:all .25s ease !important;
    border:1px solid transparent !important;
}

/* Hover */
#contacts .info a:hover{
    background:#ffffff !important;
    border-color:#10b9b1 !important;
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(0,0,0,0.08);
}

/* Icons */
#contacts .info a i,
#contacts .info a svg{
    color:#10b9b1 !important;
    font-size:18px !important;
    min-width:20px;
}

/* Social icons */
#contacts .social a{
    width:46px !important;
    height:46px !important;
    
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;
    background:#f8fafc !important;

    margin-right:10px !important;

    transition:all .25s ease !important;
}

/* Social hover */
#contacts .social a:hover{
    background:#10b9b1 !important;
    color:#ffffff !important;
    transform:translateY(-3px);
}

/* Mobile */
@media(max-width:768px){

#contacts .section-pd{
    padding:25px !important;
}

#contacts .title-main{
    font-size:28px !important;
}

#contacts .info a{
    font-size:15px !important;
    padding:14px 16px !important;
}

}
/* Opening Hours - modern box */
#schedule .section-pd {
    background: #ffffff !important;
    border-radius: 22px !important;
    padding: 35px !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.10) !important;
    max-width: 520px !important;
    margin: 30px auto !important;
}

/* Title */
#schedule .title-main {
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 25px !important;
    text-align: left !important;
}

/* Underline */
#schedule .title-main:after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: #10b9b1;
    border-radius: 20px;
    margin-top: 12px;
}

/* Table */
#schedule table.overview {
    width: 100% !important;
    border-collapse: collapse !important;
}

/* Rows */
#schedule table.overview tr {
    border-bottom: 1px solid #edf2f7 !important;
}

/* Cells */
#schedule table.overview td {
    padding: 14px 10px !important;
    font-size: 15px !important;
    color: #111827 !important;
}

/* First column - day */
#schedule table.overview td:first-child {
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* Last column - time */
#schedule table.overview td:last-child {
    text-align: right !important;
    font-weight: 600 !important;
    color: #374151 !important;
}

/* Hover */
#schedule table.overview tr:hover {
    background: #f8fafc !important;
}
/* PAYMENT BOX - selected full background */
.payment-system-container .payment-system.active,
.payment-system-container .payment-system.selected,
.payment-system-container .payment-system.v2.active,
.payment-system-container .payment-system:has(input:checked) {
    background: linear-gradient(180deg, #e9fffd 0%, #dffaf7 100%) !important;
    border-color: #14b8b0 !important;
    box-shadow: 0 0 0 3px rgba(20,184,176,0.18) !important;
}

/* PAY LATER - center, money icon, clearer text */
.payment-system-container .payment-system-delay {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.payment-system-container .payment-system-delay .img {
    display: none !important;
}

.payment-system-container .payment-system-delay::before {
    content: "💷 PAY LATER";
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #14b8b0 !important;
    letter-spacing: 1px !important;
    margin-bottom: 6px !important;
}

.payment-system-container .payment-system-delay::after {
    content: "Cash payment on the day";
    display: block !important;
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #374151 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .payment-system-container .payment-system-delay::before {
        font-size: 24px !important;
    }

    .payment-system-container .payment-system-delay::after {
        font-size: 13px !important;
    }
}
.payment-system-container .payment-system {
    border: 2px solid #dfe7ea !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    padding: 12px !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    min-height: 120px !important;
}

.payment-system-container .payment-system:hover {
    transform: translateY(-2px) !important;
    border-color: #14b8b0 !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
}

.payment-system-container .payment-system.active {
    border-color: #14b8b0 !important;
    box-shadow: 0 0 0 3px rgba(20,184,176,0.15) !important;
}

.payment-system-container .payment-system .title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #222 !important;
    margin-top: 10px !important;
}
/*
	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 */
}