@charset "UTF-8";
.lrmob-header { position: relative; background: #0B64C0; padding: 30px 20px 14px; }

.lrmob-header__logo { margin-bottom: 10px; text-align: center; }

.lrmob-header__city { /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 700; font-size: 17px; line-height: 140%; /* identical to box height, or 24px */ letter-spacing: -0.03em; margin-bottom: 10px; color: #FFFFFF; }
.lrmob-header__city a { display: inline-block; color: inherit; border-bottom: 1px dashed #FFFFFF; }

.lrmob-header__btns { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px; }

.lrmob-header__btn { margin-bottom: 10px; display: flex; align-items: center; justify-content: center; height: 40px; width: calc(50% - 5px); /* font-family: 'DIN Pro'; */ font-weight: 700; font-size: 17px; line-height: 140%; letter-spacing: 0.03em; color: #FFFFFF; background: #4DB4FF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); border-radius: 4px; }
.lrmob-header__btn::before { content: ''; width: 20px; height: 20px; margin-right: 10px; background-position: 50% 50%; background-repeat: no-repeat; }

.lrmob-header__btn_tg::before { background-image: url(../images/ico__header-tg.svg); }

.lrmob-header__btn_wt { background: #54CC61; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); }
.lrmob-header__btn_wt::before { background-image: url(../images/ico__header-wt.svg); }

.lrmob-header__tel { display: flex; flex-direction: column; align-items: center; align-content: flex-start; justify-content: center; height: 53px; background: #2BD5B6; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); border-radius: 4px; width: calc(50% - 5px); /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 700; font-size: 17px; line-height: 125%; /* identical to box height, or 24px */ letter-spacing: -0.03em; color: #FFFFFF; }

.lrmob-header__tel-notice { font-weight: 400; font-size: 12px; line-height: 120%; letter-spacing: -0.02em; color: #FFFFFF; }

.lrmob-fake-search { width: 100%; cursor: pointer; /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 400; font-size: 15px; line-height: 20px; padding: 10px 44px; background: url(../images/ico__search.svg) 14px 10px no-repeat #FFFFFF; border-radius: 4px; box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.5); }

.lrmob-menu { padding: 5px 18px 9px; gap: 10px; background: #145EAD; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); }
.lrmob-menu ul { list-style: none; display: flex; margin: 0; padding: 0; flex-wrap: wrap; justify-content: space-between; }
.lrmob-menu ul li { margin: 0; padding: 5px 2px; }
.lrmob-menu ul li a { /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 400; font-size: 14px; line-height: 140%; text-decoration-line: underline; color: #FFFFFF; }

.lrmob-nav { position: fixed; z-index: 500; left: 0; bottom: 0; right: 0; display: flex; justify-content: space-between; height: 44px; filter: drop-shadow(0px -4px 10px rgba(0, 0, 0, 0.2)); }

.lrmob-nav__link { width: calc(50% - 42px); position: relative; display: flex; height: 44px; padding-right: 5px; padding-left: 5px; align-items: center; background: #4A8CF7 !important; /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 400; font-size: 14px; line-height: 140%; color: #FFFFFF; }
.lrmob-nav__link::before { width: 37px; top: 0; bottom: 0; content: ''; position: absolute; }
.lrmob-nav__link.lr-active{
    background: url(../images/ico__nav-link-back.svg) 60% 50% no-repeat #FF3055 !important;
}
.lrmob-nav__link{
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.lrmob-nav__link.lr-active span{
    opacity: 0;
}
.lrmob-nav__link_first { justify-content: flex-end; }
.lrmob-nav__link_first::before { left: 100%; background: url(../images/nav-left-bg.svg) 100% 100% no-repeat; }
.lrmob-nav__link_first.lr-active::before{
    background-image: url(../images/nav-left-bg-active.svg);
}
.lrmob-nav__icon { margin-right: 8px; width: 22px; height: 22px; background-position: 50% 50%; background-repeat: no-repeat; }

.lrmob-nav__icon_chat { background-image: url(../images/ico__chat.svg); }
.lrmob-nav__icon_tg_bt { background-image: url(../images/ico__btn-tg3.svg); background-size: 18px 20px; width: 23px; margin-right: 5px; }
.lrmob-nav__icon_wt_bt { background-image: url(../images/ico_whatsapp_bt.svg); margin-right: 5px; background-size: 18px; }

.lrmob-nav__link_last { background: #5FCB71 !important; justify-content: flex-start; }
.lrmob-nav__link_last::before { right: 100%; background: url(../images/nav-right-bg.svg) 0 100% no-repeat; }
.lrmob-nav__link_last.lr-active::before{
    background-image: url(../images/nav-right-bg-active.svg);
}
.lrmob-nav__link_last.lr-active{
    background-position: 40% 50% !important;
}
.lrmob-nav__icon_phone { background-image: url(../images/ico__phone.svg); }

.lrmob-nav__menu-link-wrap { position: absolute; width: 52px; height: 52px; z-index: 2; border-radius: 50%; left: 50%; bottom: 19px; margin-left: -26px; }

.lrmob-nav__menu-link { position: relative; width: 52px; display: block; height: 52px; perspective: 100px; }
.lrmob-nav__menu-link.lr-active .lrmob-nav__menu-front { transform: rotateY(180deg); }
.lrmob-nav__menu-link.lr-active .lrmob-nav__menu-back { transform: rotateY(0deg); }

.lrmob-nav__menu-front { position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; transition: all 0.3s ease-in; backface-visibility: hidden; transform: rotateY(0deg); border-radius: 50%; background: url(../images/ico__menu-link-front.svg) 50% 50% no-repeat #0B64C0; }

.lrmob-nav__menu-back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; transition: all 0.3s ease-in; backface-visibility: hidden; transform: rotateY(-180deg); border-radius: 50%; background: url(../images/ico__menu-link-back.svg) 50% 50% no-repeat #FF3055; }

.lrmob-box, .lrmob-box-search { position: fixed; z-index: 200; bottom: 0; left: 0; right: 0; background: #0B64C0; transition: all 0.3s; padding: 50px 20px 80px; border-radius: 20px 20px 0px 0px; transform: translateY(100%) scale(0); transform-origin: 50% 100%; }
.lrmob-box.lr-active, .lr-active.lrmob-box-search { transform: translateY(0) scale(1); }

.lrmob-box_chat { background: transparent !important; left: 50%; right: auto; width: 300px; margin-left: -150px; padding: 0; bottom: 60px; }

.lrmob-box__new { position: absolute; left: 0; top: 0; right: 0; z-index: 2; padding: 13px 15px; }

.lrmob-box__svg-bg { display: block; color: #fff; }

.lrmob-box__svg-bg svg { filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25)); }

.lrmob-box__chat-close { position: absolute; right: -10px; top: -11px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); width: 30px; height: 30px; border-radius: 50%; font-size: 0; display: flex; align-items: center; justify-content: center; color: #333439; z-index: 3; }

.lrmob-box__new-title { color: #333439; text-align: center; leading-trim: both; text-edge: cap; /*font-family: "DIN Pro";*/ font-size: 18px; font-style: normal; font-weight: 400; line-height: 110%; margin-bottom: 10px; }

.lrmob-box__text { color: #333439; leading-trim: both; text-edge: cap; /*font-family: "DIN Pro";*/ font-size: 18px; font-style: normal; font-weight: 400; line-height: 110%; /* 19.8px */ margin-bottom: 15px; margin-left: 5px; }

.lrmob-box__new-link { margin-left: 5px; font-size: 0; }

.lrmob-box__logo { width: 204px; height: 31px; margin-bottom: 20px; background: url(../images/logo.svg) 0 0 no-repeat; }

.lrmob-box__close { position: absolute; right: 26px; top: 27px; width: 32px; height: 32px; background: url(../images/ico__close.svg) 0 0 no-repeat; cursor: pointer; }

.lrmob-box__search { position: relative; margin-bottom: 30px; display: flex; }

.lrmob-box__search-input { height: 40px !important; border: 0 !important; width: calc(100% - 100px) !important; background: url(../images/ico__search.svg) 14px 10px no-repeat #FFFFFF !important; box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.25) !important; border-radius: 4px 0px 0px 4px !important; /* font-family: 'DIN Pro'; */ font-style: normal !important; font-weight: 700 !important; font-size: 15px !important; color: #000000 !important; padding-left: 44px !important; }

.lrmob-box__search-submit { /* font-family: 'DIN Pro'; */ font-style: normal !important; font-weight: 700 !important; font-size: 17px !important; border: 0 !important; box-shadow: none !important; color: #FFFFFF !important; width: 100px !important; height: 40px !important; background: #4DA1FF !important; border-radius: 0px 4px 4px 0px !important; }

.lrmob-box__queries { position: absolute; left: 0; right: 0; top: 150px; bottom: 0; padding-bottom: 80px; background: #fff; padding: 20px; }

.lrmob-box__query { margin-bottom: 20px; /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 400; font-size: 17px; line-height: 140%; color: #000000; }

.lrmob-box_nav { overflow-y: auto; height: 100vh; padding-top: 30px; border-radius: 0; }

.lrmob-box__city { margin-bottom: 20px; /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 700; font-size: 17px; line-height: 140%; text-decoration-line: underline; color: #FFFFFF; }
.lrmob-box__city a { text-decoration: underline; color: #fff; display: inline-block; padding-left: 24px; background: url(../images/ico__location.svg) 0 50% no-repeat; }

.lrmob-box__fake-search-wrap { margin-bottom: 20px; }

.lrmob-box__menu ul { list-style: none; margin: 0; padding: 0; display: block; }
.lrmob-box__menu ul li { display: block; margin-bottom: 20px; }
.lrmob-box__menu ul li a { /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 700; font-size: 20px; line-height: 140%; color: #FFFFFF; text-decoration: none; }

.lrmob-box__order-before { /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 700; font-size: 17px; line-height: 140%; /* identical to box height, or 24px */ letter-spacing: -0.03em; color: #FFFFFF; margin-bottom: 10px; }
.lrmob-box__order-before a { color: #fff; text-decoration: none; display: inline-block; border-bottom: 1px dashed #fff; }

.lrmob-box__order { display: flex; justify-content: space-between; margin-bottom: 20px; }

.lrmob-box__switcher-wrap { display: flex; align-items: center; }

.lrmob-box__switcher-title { /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 700; font-size: 17px; line-height: 140%; color: #FFFFFF; margin-right: 20px; }
.lrmob-box__switcher-title::after { content: 'дневная'; font-weight: 400; }

.lrmob-box__switcher { background: #FFFFFF; border-radius: 1000px; width: 75px; height: 35px; display: flex; align-items: center; justify-content: space-around; }

.lrmob-box__switcher-icon { width: 24px; height: 24px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; color: #4DA1FF; }
.lrmob-box__switcher-icon[data-light] { background: #4DA1FF; color: #fff; box-shadow: 0px 6px 10px -1px rgba(6, 25, 56, 0.07); }

.lrmob-box__title { /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 700; font-size: 20px; line-height: 140%; /* identical to box height, or 28px */ color: #FFFFFF; margin-bottom: 20px; }

.lrmob-box__msg-btn { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 700; font-size: 17px; line-height: 140%; color: #FFFFFF; background: #2BD5B6; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); border-radius: 4px; margin-bottom: 10px; }
.lrmob-box__msg-btn:focus { box-shadow: none; }
.lrmob-box__msg-btn:not([href]):not([tabindex]) { color: #fff; }
.lrmob-box__msg-btn::before { width: 22px; height: 23px; margin-right: 10px; content: ''; background-position: 50% 50%; background-repeat: no-repeat; }

.lrmob-box__msg-btn_chat::before { background-image: url(../images/ico__btn-chat.svg); }

.lrmob-box__msg-btn_vk { background: #4A8CF7; }
.lrmob-box__msg-btn_vk::before { background-image: url(../images/ico__btn-vk2.svg); }

.lrmob-box__msg-btn_tg { background: #4DA1FF; }
.lrmob-box__msg-btn_tg::before { background-image: url(../images/ico__btn-tg3.svg); }

.lrmob-box__msg-btn_wt { background: #54CC61; }
.lrmob-box__msg-btn_wt::before { background-image: url(../images/ico__btn-wt2.svg); }

.lrmob-box__msg-btn_vb { background: #9747FF; }
.lrmob-box__msg-btn_vb::before { background-image: url(../images/ico__btn-vb2.svg); }

.lrmob-box__city-btn, .lrmob-box__tel-btn { height: 44px; background: #2BD5B6; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 700; font-size: 17px; line-height: 140%; color: #FFFFFF; }
.lrmob-box__city-btn:focus, .lrmob-box__tel-btn:focus { box-shadow: none; }

.lrmob-box__subtitle { /* font-family: 'DIN Pro'; */ font-style: normal; font-weight: 400; font-size: 17px; line-height: 140%; color: #FFFFFF; margin-bottom: 20px; }

.lrmob-box__tel-btn::before { width: 20px; height: 20px; content: ''; background: url(../images/ico__tel.svg) 50% 50% no-repeat; margin-right: 10px; }

.lrmob-overlay { background-color: rgba(0, 0, 0, 0.5); position: fixed; z-index: 100; left: 0; right: 0; top: 0; bottom: 0; transform: translateY(100%) scale(0); transform-origin: 50% 100%; transition: all 0.4s; }
.lrmob-overlay.lr-active { transform: translateY(0) scale(1); }

.lrmob-box-search {
    z-index: 1000;
    height: 100%; /* height: 100vh;*/
    padding-top: 30px;
    border-radius: 0;
    height: 100dvh;     /* современные Chrome/Android, Safari 16+ */
    height: 100svh;     /* “small viewport height” как доп. вариант */
}

.wp-dark-mode-active .lrmob-box__switcher-title::after { content: 'ночная'; }
.wp-dark-mode-active .lrmob-box__switcher-icon[data-dark] { background: #4DA1FF; color: #fff; box-shadow: 0px 6px 10px -1px rgba(6, 25, 56, 0.07); }
.wp-dark-mode-active .lrmob-box__switcher-icon[data-light] { color: #4DA1FF; background-color: #fff; box-shadow: none; }
.wp-dark-mode-active .lrmob-header { background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), #0B64C0; }
.wp-dark-mode-active .lrmob-menu { background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), #145EAD; }
.wp-dark-mode-active .lrmob-fake-search { background-color: rgba(255, 255, 255, 0.1) !important; box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.25); color: #FFFFFF; }
.wp-dark-mode-active .lrmob-box__queries { background: #242525; }
.wp-dark-mode-active .lrmob-box__query { color: #fff; }
.wp-dark-mode-active .lrmob-box, .wp-dark-mode-active .lrmob-box-search { background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), #0B64C0; }

.lrmob-boxes .wp-dark-mode-switcher label {
    display: flex!important;
    width: 75px!important;
    height: 35px!important;
    background: #fff!important;
}

/*
.wp-dark-mode-switcher.wp-dark-mode-ignore.style-1.floating.right_bottom{
    display: none;
}
*/
.wp-dark-mode-active .lrmob-nav__link.lr-active{
    background-color: rgb(162, 19, 42) !important;
}
.wp-dark-mode-active .lrmob-nav__link_first::before{
    background-image: url(../images/nav-left-bg_dark.svg)
}
.wp-dark-mode-active .lrmob-nav__link_last::before{
    background-image: url(../images/nav-right-bg_dark.svg)
}
.wp-dark-mode-active .lrmob-nav__link_last.lr-active::before{
    background-image: url(../images/nav-right-bg_dark-active.svg);
}
.wp-dark-mode-active .lrmob-nav__link_first.lr-active::before{
    background-image: url(../images/nav-left-bg_dark-active.svg);
}

.lrmob-box__new .lrmob-box__msg-btn_close {
    justify-content: center!important;
    padding: 0;
    border-radius: 66px;
    background: #FF3157;
    color: #fff;
}
.lrmob-box__new .lrmob-box__msg-btn {
    height: 38px;
    margin-bottom: 12px;
    gap: 11px;
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    /*font-family: "DIN Pro";*/
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0.54px;
    justify-content: flex-start;
    padding-left: 66px;
    border-radius: 10px;
    box-shadow: none;
}
.lrmob-box__new .lrmob-box__msg-btn_close { justify-content: center; padding: 0; border-radius: 66px; background: #FF3157; color: #fff; }

.lrmob-box__new .lrmob-box__msg-btn_chat { padding-left: 67px; }

.lrmob-box__new .lrmob-box__msg-btn::before { display: none; }
.lrmob-box_chat-avatar{
    position: absolute;
    bottom: 21px;
    right: 100%;
    margin-right: 3px;
    font-size: 0;
    width: 50px;
}
.lrmob-box_chat-avatar img{
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
    width: 50px;
    height: 50px;
    object-fit: cover;
}
@media(max-width: 400px){
    .lrmob-box_chat_withava{
        left: 60px;
        margin-left: 0;
    }
}