/* Start:/local/templates/restopro/components/bitrix/menu/main_menu/style.min.css?1727088305490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/restopro/components/bitrix/menu/main_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/restopro/components/bitrix/breadcrumb/nav_chain/style.min.css?1727088305467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/restopro/components/bitrix/menu/bottom_menu/style.min.css?1727088305490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/restopro/components/bitrix/menu/bottom_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/restopro/template_styles.css?17284639543603*/
.mt-20 {
    margin-top: 20px;
}
header.header {
    position: fixed;
    top: 0;
}

div#bx-panel {
    position: fixed !important;
    width: 100% !important;
}

.gallery_tabs ul {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.gallery_tabs ul li {
    padding: 0 !important;
}
.gallery_tabs ul li a {
    border: 1px solid var(--clr-att);
    padding: 10px 20px;
    display: block;
    border-radius: 12px;
    cursor:pointer;
}

.gallery_tabs {
    margin-bottom: 50px;
}

.gallery_tabs ul li:before {
    display: none;
}

.gallery_tabs ul li a.active {
    color: #fff;
    background: var(--clr-att);
}



@media (max-width: 767px) {
    .header .menu-wrap {
        order: 0 !important;
        float: left;
        width: 20% !important;
    }

    .header .logo-wrap {
        width: 80% !important;
    }
}


.loading {
    cursor: wait;
    animation: pulse 1s linear infinite; // Указываем название анимации, время, тип, и нужно ли её повторять
}
@keyframes pulse {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.2;
    }
}

/*FORM BOOKING*/

.border-form {
    background: #e0e0e0;
    padding: 15px 3.2rem 20px 3.2rem;
}

.border-form input,.border-form textarea {
    border: 1px solid #eee;
    padding: 13px;
}

.form-group label {
    margin: 10px 0 5px;
    display: block;
}

.h4 {
    margin: 10px 0 5px;
    display: block;
}
label .btn {
    background: none;
    height: 30px;
    padding: 0 5px;
    min-width: 33px;
    color: var(--clr-att);
    font-size: 15px;
    margin: 10px 3px;
}

label.btn input {
    display: none;
}
.form-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.form-group.col-md-4 {
    width: 33%;
}

.tab_content {
    display: none;
}

.tab_content.active {
    display: block;
}

.tabs_heading.gallery_tabs {
    margin: 40px 0 10px;
}
.tabs.photo_tabs {
    max-width: 600px;
    margin: 10px auto;
}

input:checked + span {
    background: var(--clr-att);
    color:#fff;
}
.border-form label input {
    display: none;
}
div {
    padding: 10px 0;
}
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.btns {
    padding: 25px 0 10px;
}
.modal.show {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal .before {
    content: "";
    background: #000a;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.modal_wrap {
    z-index: 2;
    background: #fff;
    padding: 30px 50px;
    position: relative;
}

a.js-close {
    position: absolute;
    right: 15px;
    top: 10px;
}

.bron-wrap {
    order: 3;
}

a.btn.btn_white {
    background: #fff;
    color: #000 !important;
}
@media (min-width: 767px) {
    .footer-section-wrap .bron-wrap {
        display: inline-block;
        padding-right: 10px;
    }
    .header .bron-wrap {
        margin-right: 30px;
    }
    .footer .phone-wrap {width: initial;display: inline-block !important;}

    .popup-menu-wrap .menu {
        justify-content: right !important;
    }

}
@media (max-width: 767px) {

    .form-group.col-md-4 {
        width: 100%;
    }
    a.btn.btn_white {
        background: #fff;
        color: #000 !important;
        margin:10px 0;
    }
    .header .bron-wrap {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        text-align: center;
        background: #000;
    }
}
/* End */
/* /local/templates/restopro/components/bitrix/menu/main_menu/style.min.css?1727088305490 */
/* /local/templates/restopro/components/bitrix/breadcrumb/nav_chain/style.min.css?1727088305467 */
/* /local/templates/restopro/components/bitrix/menu/bottom_menu/style.min.css?1727088305490 */
/* /local/templates/restopro/template_styles.css?17284639543603 */