body {margin:0;padding:0;background-color:#f0f0f0;line-height:1.6;font-family: 'Poppins', Roboto , sans-serif; font-size: 16px; overflow-y:scroll; }
a { text-decoration: none; transition: all 0.4s ease 0s; display: contents;color:#006ec6; }
a:hover { text-decoration: none; color: red !important; cursor: pointer; }
::-webkit-scrollbar { width: 0; height: 0; display: none; } 

html.modal-open {overflow: hidden;width: 100%;}
.subbudy {overflow: scroll; width: 100%; height: 100vh;}

.wall {background: url(bg2.png); width: 100%; height: 100%; position: fixed; z-index: -1; pointer-events: none; opacity: 0.2;}

.yes_mobile{display:none}
@media screen and (max-width:660px){ .no_mobile{display:none !important;} }
@media screen and (max-width:660px){ .yes_mobile{display:inline-block} }

.anim {position:relative;cursor:pointer;}
.anim:hover{opacity: 0.7;}
.anim:active {transform: translateY(1px);}

select{background: transparent; outline:none;border: none;height: 30px;cursor:pointer;width:100% !important;font-size:16px;line-height:1;}
label {cursor:pointer;}

.action_hint {display:none;}

.live_message {position: fixed;cursor:pointer;z-index:9999999; margin: 10px; transition: all 0.4s; bottom: 50px; color: #fff; padding: 20px; right: -400px; border-radius: 10px; width: 80%; max-width:300px; background-color: #000000b0; border: 1px solid #fff; box-shadow: 0 0 16px rgba(0,0,0,0.2);}
.live_message_title {font-weight: 500; color: #c6edff;font-size: 16px;}
.live_message_content {font-size: 14px;}

.button {transition: all 0.2s ease 0s;font-weight: 500;    min-width: 150px;  width:max-content; height: fit-content;text-wrap: nowrap; box-sizing: border-box;text-align: center; position: relative; background: linear-gradient(to right, #5a0098, #330256);display: inline-flex;   align-items: center; justify-content: space-around; cursor: pointer; padding: 6px 13px; border-radius: 7px; color:#fff;  }
.button:active {top:1px;}
.button:hover {background-color:#61447e;color:#fff;}
.button_selected {background-color:#d1aaaa !important;color:#fff !important;}
.button_loading {display: inline-flex;pointer-events: none; transition: none !important; background-color:#bababa !important;  background-image:url(loading.gif)  !important; background-position:center  !important;background-size:3vh  !important; background-repeat: no-repeat  !important; color: transparent !important;}
.button_loading img {visibility: hidden;}
.button_loading svg {visibility: hidden;}

@media (max-width: 960px) {.button{width:100%;height: 40px;}}

.button_loading_line {pointer-events: none; transition: none !important; background-image: url(loading_line.gif); background-position: left; background-size: 5vh; background-repeat: no-repeat; color: transparent !important;}
.button_loading_line img {display: none;}

.list {background-color: #f3f3f3; align-items: center; padding: 10px 20px; margin-bottom: 5px; border-radius: 5px; display: flex; justify-content: space-between; font-weight: 500;}
.list img {width: 30px; height: 30px; border-radius:50%; object-fit: cover; object-position: center;border: 2px solid #fff; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);}


.bg_gray {background-color: #848484a1;background: #848484a1;}
.bg_green {background-color: #409d55;background: #409d55;}
.bg_red {background-color: #9d4040; background: #9d4040;}
.bg_red_light {background: #ffe9e9;}
.bg_green_light {background: #e6ffeca1; border-left: 2px solid #369736 !important;}
.tx_red {color: red !important;}
.tx_blue_light {color: #006593;}
.tx_white {color:#fff;}
.tx_small {font-size:12px !important;}
.tx_normal {font-size:14px !important;}
.tx_500 {font-weight:500 !important;}
.tx_b {font-weight:bold !important;}
.tx_big {font-size:24px !important;}
.tx_upp {text-transform: uppercase;}
.tx_center {text-align:center;}
.max_width {width:100%  !important; box-sizing: border-box;}
.tx_li::before {content: "• "; color: #913cff; font-size:15px;vertical-align: middle;margin-right: 3px;}
.li_red::before {color: red;content: '*';margin-right: 6px;}
.item_selected::before {color: #fff !important;}
    
.button_small {border-radius:58px; width: 58px !important;min-width: 58px !important;max-width: 58px !important;}
 

.mg_t {margin-top:20px !important; }
.mg_b {margin-bottom:10px !important;}

.header {width:100%;  padding:5px 20px;     box-sizing: border-box; background: linear-gradient(to right, #000000, #85007b); border-bottom-right-radius:10px; border-bottom-left-radius: 10px;max-width:1000px;position:fixed;top:0;display:flex;align-items: center;justify-content: space-between; z-index: 99999;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);}
 @media (max-width: 660px) {.header{border-radius:unset;}}
.header img {height:25px;filter:invert(1);}
.header_flex {display: flex; align-items: center;gap: 20px;}
.header_inline {padding: 10px 0;vertical-align: middle; display: flex; align-items: center;}
.header_label {height:79px;}
.header_logo img {height: 40px;filter:unset;}
@media (max-width: 960px) {.header_label {height: 65px;}}
@media (max-width: 960px) {.header_logo img {height: 33px;}}

.item {border-radius: 10px; padding:4px 25px 4px 15px;display: flex; align-items: center; gap: 10px;color:#000;text-wrap-mode: nowrap;white-space: nowrap; overflow-wrap: normal; word-break: normal;}
.item:hover {background-color: #f7ebff;}
.item_selected {background-color: #5a0098 !important;color:#fff;}

.main {width:100%;max-width:1000px;margin:auto;}

.block {padding:20px;box-sizing: border-box;background: #fff;border-radius:10px;box-sizing: border-box;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);}
 @media (max-width: 660px) {.block{padding:10px;border-radius:unset;}}
.block_mini {padding:10px;}


.center {min-height: 70vh;border-radius: 10px;padding-bottom: 10px;}
@media (max-width: 660px) {.center {min-height:unset;}}

.horizontal_block {display:flex;gap:10px;flex-wrap: wrap;align-items: center;justify-content: center;}


.horizontal_scroll {flex-flow: nowrap; user-select: none; overflow-x: auto; overflow-y: hidden; scrollbar-width: none;-ms-overflow-style: none;justify-content: unset;}
.horizontal_scroll::-webkit-scrollbar { display: none; /* Chrome, Safari, iOS, Android */ }
.horizontal_scroll.active { cursor: grabbing; cursor: -webkit-grabbing; }
.horizontal_scroll { cursor: grab; }

.vertical_block {display:flex;flex-direction: column;gap:10px;position: relative;}
.input_block {padding: 10px;     margin-top: 5px; background-color: #f4f4f4; border-radius: 10px; width: fit-content;     border: 1px solid #e5e5e5;}

input {border: none; text-indent: 5px; outline: none; background: transparent; color: #000; line-height: 1; width: 100%; font-size: 16px; padding-top: 2px; }
input[type="checkbox"] {width:unset;min-width:unset;vertical-align: middle;}

.titlebox_block {width: 100%;box-sizing: border-box;}
.titlebox_title {font-size:26px;font-weight:bold;text-align: center;}
.titlebox_description {color:#7809a1;font-size: 14px;text-align: center;}

.disable_link { pointer-events: none;opacity:0.5;}

.places {display:flex;gap:20px;flex-wrap: wrap;}
@media (max-width: 660px) {.places{ flex-direction: column;}}

.place {overflow: hidden; transition:all 0.4s ease; cursor: pointer; background-color: #f9f9f9; border-radius: 10px; width: 33%; height: 255px;width: calc((100% - 40px) / 3); box-sizing: border-box;}
@media (max-width: 660px) {.place{width: auto;}}
.place:hover {background-color:#fff;box-shadow: rgb(55 23 76 / 8%) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
.place_avatar {position: absolute; top: 10px; left: 10px; background-size: cover !important;border:3px solid #fff; background-position: center !important; border-radius: 50%; width: 70px; height: 70px; background-repeat: no-repeat !important; z-index: 2;}
.place_cover {position:relative; background-position: center !important; width: 100%; height: 100px; background-repeat: no-repeat !important; z-index: 1;background-size: cover !important;}
.place_content { padding: 14px 20px; display: flex; flex-direction: column; gap: 4px;}
.place_title {font-weight: 500; color: #000000;}
.place_description { color: #868686;font-size: 14px;}



.home_block {flex-wrap: unset;text-align: left; align-items: flex-start; max-width: 1000px; gap: 30px; display: flex;}
.home_block img {width:240px;}
@media (max-width: 960px) {.home_block{flex-direction: column; align-items: center;gap:0;}}

.home_block_title {font-size: 30px !important;font-weight:bold;}
.home_block_description {font-size: 20px !important;}


.slide_button {padding: 10px 30px 7px 30px; border-radius: 10px; text-align: left;}
.slide_button:hover {filter: hue-rotate(45deg);}
.slide_button:active {transform: translateY(1px);}

.slide_red {background: linear-gradient(to right, #ff0000, #910d0d); color: #fff;}
.slide_white {background: linear-gradient(to right, #71b400, #518100); color: #ffffff; font-weight: 600;}
.slide_description {margin-bottom: -5px; font-size: 14px;}
.slide_title {display: flex; align-items: center;gap:10px;}
.slide_title img{width:12px;filter:invert(1);}
.slide_red .slide_title img{filter:invert(1);}
.slide_wall {position: absolute; left: 0; top: 0; width: 100%; z-index: 1; object-fit: cover; height: 100%; background-size:cover  !important;background-repeat: no-repeat !important;background-position:center  !important;width:100%;height:100%;}
.slide_content {background: #0000003d; position:absolute;left:0;top:0;position: relative; z-index: 2;}
.slide_content_top {display:flex;gap:20px;padding: 20px;align-items: center;position: relative; left: 70px;}
.slide_content_center {display:flex;justify-content: space-between;padding: 0 70px;align-items: center;}
.slide_content_bottom {justify-content: flex-start;gap:20px;position: relative; left: 70px;}
.slide_content_list {display:flex;gap:20px;max-width:650px;padding:5px 20px;align-items: center;}
.slide_content_list img {width:20px;height:20px;filter:invert(1);}

@media (max-width: 660px) {.slide_content_top {left: unset; flex-direction: column;}}
@media (max-width: 660px) {.slide_content_center {padding: 0 10px; flex-direction: column;gap: 23px;}}
@media (max-width: 660px) {.slide_content_bottom {left:unset; justify-content: center !important;}}
@media (max-width: 660px) {.slide_head_title {text-align: center;}}
@media (max-width: 660px) {.slide_head_description {text-align: center;}}

.slide_head_title {color: #fff; text-transform: uppercase; font-size: 40px; line-height: 1.2; font-weight: bold;}
.slide_head_description {text-transform: uppercase; font-size: 30px; color: #ebff9c; font-weight: bold;}


.slid_screen {display:flex;justify-content: center;z-index:1;}
.slid_screen_item img {width: 150px;margin-left: -40px;}
@media (max-width: 660px) {.slid_screen_item img{margin-left: unset;}}

.slid_screen .slid_screen_item:nth-child(1) {transform: rotate(-17deg);}
.slid_screen .slid_screen_item:nth-child(2) {transform: rotate(6deg);}
.slid_screen .slid_screen_item:nth-child(3) {transform: rotate(-5deg);}

.slide_head_blok {border-radius:10px;   overflow: hidden; background: linear-gradient(to right, #000000, #858000);position:relative;top: -2px;}
@media (max-width: 660px) {.slide_head_blok {border-radius:unset;}}

	


.table_list {display: flex; gap:20px;align-items: center;padding:8px 0;}
.table_list_title {font-weight:500;font-size:16px;}
.table_list_description {font-size:14px;color:#454545;display:flex;gap:5px;align-items: center;flex-flow: wrap;}
.table_list_description span + span::before { content: ' | '; }
.block > a:not(:last-child) .table_list {   border-bottom: 1px solid #eaeaea; }

.duble_block {display:flex;gap:10px;}
.duble_block > div:nth-of-type(1) {width: -webkit-fill-available;}
.duble_block > div:nth-of-type(2) {min-width: 300px;}
@media screen and (max-width:660px){ .duble_block{flex-direction: column; box-sizing: border-box;} }


.fixed_button {position: fixed; opacity:0.7;bottom: 50px; right: 50px; background-color: red; color: #fff; border-radius: 50%; font-size: 40px; width: 50px; height: 50px; display: flex; cursor:pointer; align-items: center; justify-content: center; font-weight: bold;}
.fixed_button:hover {opacity:1;}
@media screen and (max-width:660px){.fixed_button{bottom: 20px; right: 20px;}}

.border_progress::after { content: ''; position: absolute; bottom: 0; left: 0%; width: 0%; border-bottom: 4px solid red; animation: border_progress_animation 2s linear infinite; }
@keyframes border_progress_animation { 0% { width: 0%; } 100% { width: 100%; } }


.edit_resource_image_after::after { content: ""; position: absolute; top: 2px; left: 2px; width: 84%; height: 84%; border-radius: 50%; border: 7px solid #5a5a5a70; border-top-color: #ffffff; animation: spin_t 0.5s linear infinite; }

@keyframes spin_t {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.uploading_new_post_image {display: flex ; flex-wrap: wrap; gap: 10px;}
.uploading_new_post_image * {width:100px;border-radius:5px;cursor:pointer;display:inline-block;max-width: 100%;}

.post_image_edit {position: relative; overflow: hidden;background-color:#eaeaea;cursor:pointer;background-size: cover; width: 100%; padding-bottom: 67%; background-position: center;      border: 5px dotted #8d8d8d;  box-sizing: border-box; }
.circle_file {margin: auto; border:4px dotted #002d60; border-radius: 50%; overflow: hidden; width: 130px !important; height: 130px !important; min-width: 130px !important; padding-bottom:unset;}

.cyrcle_avatar {border: 2px solid #fff;box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); background-size: cover !important; background-position: center !important; width: 35px; min-width: 35px;height: 35px; border-radius: 50%;}

.tag {display: inline-block; cursor: pointer; color: #015064; transition: all 0.2s ease; font-weight: 500; border: 1px solid #008f84; border-radius:10px; padding: 3px 12px; line-height: 24px; margin: 10px 10px 0 0;}
.tag:hover {border:1px solid #000;}


.datalist {display: flex; flex-wrap: wrap; padding: 5px; background-color: #fff;}
@media screen and (max-width:660px){.datalist{flex-direction: column;}}


.float {transition:all 0.4s ease; display:flex;flex-wrap:wrap;background-color: #f6faff;flex: 1 0 27%; max-width: 31.3%;margin: 10px;border-radius: 10px; overflow: hidden;}
@media screen and (max-width:660px){.float{max-width: 100%;}}
.float:hover {background: #f6f2ff;}	

.float_title {font-weight:600;color: #002e64;}
.float_time {font-size: 12px; color: #607D8B;}
.float_description {font-size: 14px;color:#696969;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.float_category {font-size: 12px; color: #607d8b; font-weight: 500; text-transform: uppercase;}
.float_image {background-size:cover !important;background-position:center !important;width:100%;height:200px;}
.float_content {padding:10px 20px;width: 100%; box-sizing: border-box;}
.float_header {display:flex;justify-content: space-between; align-items: center;}


.blog_body {line-height: 1.8;padding: 0 20px;}
@media screen and (max-width:660px){.blog_body {padding:unset;}}

.blog p {margin: 0;}
.blog h2 {margin: 10px 0;font-size: 22px;}
.blog h3 {margin: 10px 0;}
.blog h4 {margin: 10px 0;}
.blog h1 {font-size:40px;line-height: 1.4;}
@media screen and (max-width:660px){.blog h1{font-size:26px;}}
.blog {width: 100%; max-width: 700px; margin: auto;}
.blog_title {margin-top:0;margin-bottom: 10px;}
.blog_time {font-size: 14px;color:#888888;}


.inline_img {display:flex;gap:10px;align-items: center;}
.inline_img img {width:12px;height: 12px;}

.blog_image {background-size: cover; margin-bottom:20px;border-radius:10px; width: 100%; overflow:hidden; background-position: center; border: 1px solid #fff;}

.blog_image img { display: block;  width: 100%; height: 450px; object-fit: cover; overflow: hidden; }
@media (max-width: 660px) {.blog_image img{height: 350px !important;}}
@media (max-width: 430px) {.blog_image img{height: 250px !important;}}

@media (max-width: 660px) {.footer .horizontal_block {align-items: flex-start !important; flex-direction: column !important;}}


.modalview {cursor:pointer;}
.modal_content.no-transition {transition: none !important;overflow: hidden !important;}
.modal {position: fixed;left: 50%;  transform: translateX(-50%); touch-action: none; visibility: hidden; opacity:0; pointer-events: none; height: 100vh; background-color: #00000073; z-index: 999999; top: 0;  width: 100%;transition: all 0.4s ease;}
.modal_content {scrollbar-width: none;-ms-overflow-style: none;bottom: 0; max-width: 600px; left: 50%; transform: translate(-50%, 100%); overflow-y: auto;  touch-action: pan-y;    padding:20px; background-color: #fff;  position: absolute; width:97%; border-top-right-radius: 20px; border-top-left-radius: 20px; box-sizing: border-box; min-height: 91vh;    max-height: 91vh;  transition:all 0.4s ease; overscroll-behavior: contain;  -webkit-overflow-scrolling: auto; will-change: transform; backface-visibility: hidden;} 


@media (max-width: 660px) {.modal_content {padding:10px;}}

.modal_show {opacity: 1;visibility: visible;pointer-events: auto;}
.modal_show .modal_content {  transform: translate(-50%, 0); }
.modal_loading {width: 40px;height: 40px;border: 4px solid #ddd;border-top-color: #3498db;border-radius: 50% !important;animation: spin 0.8s linear infinite;margin: 20px auto;}
.modal_body {border-radius: 10px; overflow: hidden;margin-bottom: 100px;}
.modal_content::-webkit-scrollbar { width: 0; height: 0; display: none; } 
@keyframes spin { to { transform: rotate(360deg); } }

.modal_close {position: relative; left: 50%; transform: translate(-50%, -50%); max-width: 600px; width: 100%; top: 0; box-sizing: border-box; text-align: right;}
.modal_close_button {position: absolute; background-color: #fff;background-size: 51%; background-position: center; background-repeat: no-repeat; cursor: pointer; padding: 20px; width: fit-content; right: 20px; top: 20px; border-radius: 10px;  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTI3Ljg2NiA3Mi41MTQgMzcuNjY5IDQxLjA2NGE4LjUyMiA4LjUyMiAwIDAgMS0xMi45OTUgMTEuMDI1TDIuNDQ3IDY5Ljk5NWE4LjUgOC41IDAgMCAxLTEuNzIzLTIuNTAzIDguNSA4LjUgMCAwIDEtLjc0Ny0zLjY4NnYtLjAwOGE4LjU0IDguNTQgMCAwIDEgLjkwOC0zLjY0MiA5IDkgMCAwIDEgLjE3My0uMzI1IDguNSA4LjUgMCAwIDEgMS4yNjMtMS43MTFMNTMuNzQ2IDIuNjM5YTguNTIgOC41MiAwIDAgMSAxMi40OTggMTEuNTg0bC0zOC4yMzMgNDEuMjVoOTEuMzA4YTguNTIxIDguNTIxIDAgMCAxIDAgMTcuMDQyeiIvPjwvc3ZnPg==");}

.place_view_datalist_item_image {position:relative;background-size:cover !important;background-position:center !important;width:100%;  padding-bottom: 67%;}
.place_view_datalist_item_content {}
.place_view_datalist_item_title {font-weight:600; font-size:20px;padding:10px 20px 5px 20px;margin-bottom: -10px;}
.place_view_datalist_item_description {}


.place_view_datalist_item_description {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.place_view_datalist_item_price {font-weight: 600; font-size: 22px; display: flex; align-items: flex-start; gap: 3px;color:red;}
.place_view_datalist_item_plus {transition: all 0.4s ease; background-color: #050a30;color:#fff; border-radius: 50%; width: 30px; height: 30px; font-size: 25px; display: flex; align-items: center; justify-content: center;}
.place_view_datalist_item_minus {transition: all 0.4s ease; background-color: #fff;color:#050a30; border-radius: 50%; width: 30px; height: 30px; font-size: 25px; display: flex; align-items: center; justify-content: center; font-weight: bold;}

.place_view_datalist_item_count	{transition: all 0.4s ease; font-size:22px;font-weight:600;}
.place_view_datalist_item_count_block {display: flex; gap: 18px; align-items: center;}

.place_view_datalist_head {display:flex;padding-left: 7px;margin-top: 10px;align-items: center; gap:15px; width: fit-content; border-radius: 12px; margin-bottom: 10px;}
.place_view_datalist_head_title {font-size: 20px; font-weight: 600; color: #000000; text-transform: uppercase;}
.place_view_datalist_head_plus {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 10px;}


.place_view {max-width:600px;width:100%;margin:auto;position:relative; background-color:#fff;}
.place_view_edit {position: absolute !important; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);  background-color: red !important; bottom: 10px; display: flex; right: 10px; padding: 12px; border-radius: 15px; align-items: center; justify-content: center;}
.place_view_qr {position: absolute !important; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); background-color: #ffffff !important; bottom: 62px; display: flex; right: 10px; padding: 7px; border-radius: 15px; align-items: center; justify-content: center;}
.place_view_call {position: absolute !important;  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); background-color: #ffe400 !important; top: 10px; display: flex; left: 10px; padding: 7px; border-radius: 15px; align-items: center; justify-content: center;}
.place_view_share {position: absolute !important; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); background-color: #00000069 !important; bottom: 10px; display: flex; left: 10px; padding: 7px; border-radius: 15px; align-items: center; justify-content: center;}

.place_view_language {position: absolute !important; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); background-color: #00000069 !important; top: 10px; display: flex; right: 10px; padding: 10px; border-radius: 15px; align-items: center; justify-content: center;}
.place_view_language img {filter: unset; border-radius:50% !important; object-fit: fill; width: 25px; min-width: 25px; height: 25px;object-position: center;}
.place_view_cover {position:relative;overflow: hidden;background-size:cover !important;background-position:center !important;width:100%;  padding-bottom: 67%;}
.place_view_image {position:absolute;background-color: #000000 !important; border: 2px solid #fff; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); border-radius:50%;width:150px;min-width:150px;height:150px;background-size:cover !important;background-position:center !important;left: 50%; top: 50%;transform: translate(-50%, -50%);}
.place_view_content {padding:0 20px 20px 20px;background-color:#fff;margin-top:-10px;display: flex; flex-direction: column; gap: 10px;border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}
.place_view_description {overflow-wrap: break-word;line-height: 1.8;}

.slide_right {margin-right: -40px;opacity:0;pointer-events: none; }

.ripple-block {position: relative;cursor:pointer;z-index: 2;}
.ripple-block::after {content: '';position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;background: #000;border-radius: 50%;transform: translate(-50%, -50%) scale(0);opacity: 0;pointer-events: none;z-index: 1; }
.ripple-anim::after { animation: rippleCenter 0.2s ease-out forwards; }

@keyframes rippleCenter {
	0% { opacity: 0.55; transform: translate(-50%, -50%) scale(0); }
	60% { opacity: 0.25; transform: translate(-50%, -50%) scale(2.2); }
	100% { opacity: 0; transform: translate(-50%, -50%) scale(3.2); }
}


.search_block {padding: 0 10px 20px 10px;}
.search_action {padding: 10px; display: flex; align-items: center;}

.place_view_between {justify-content: space-between;margin-top: -5px;}

.tx_start {font-size:16px;margin-top: 3px;}
.tx_standart {font-size:20px;}
.p_20 {padding:20px;}
.p_10 {padding:10px;}

.qrcode_block {max-width: 250px; margin: auto; min-height: 282px;padding: 20px 20px 0 20px;}
#qrcode img {width:250px;height:250px;}
.qrurl {overflow-wrap: anywhere; text-align: left;}
#zone_name {text-align: center; padding:0px 0px 8px 0;font-weight: bold; text-transform: uppercase;overflow-wrap: anywhere;}
.zone_delete {padding: 10px; display: flex; align-items: center;}
 


.place_view_inline {display:flex;gap:15px;align-items: center;top:-200px;}
.place_view_content .place_view_inline {}


.list_blue {background: #f1f7ff; border-radius: 10px; padding: 5px 10px;}

.place_view_inline img{width:12px;}
.place_view_inline svg{min-width:20px;width:20px;height:20px;color: #ff4a4a;}
.place_view_inline_avatar {position:relative;left:-500px;margin-left: -18px; background-color: #000000 !important; border: 2px solid #fff; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); border-radius:50%;width:0;min-width:0;height:50px;background-size:cover !important;background-position:center !important;}
.sticky .place_view_inline_avatar {left :0; width:40px;min-width:40px;height:40px;margin-left:unset;transition:all 0.4s ease; }  

.bg_red_sky {background-color:#ff0000 !important;color:#fff !important;}
 
 .place_view_item { padding:10px 20px;display: flex; gap: 5px; flex-direction: column;}


.modal .place_view_datalist_item_content .place_view_item:nth-child(odd) {
    background: #f0f0f0;
}

.place_view_menu {display:flex;gap:10px;  height: 40px;  z-index: 3; position: sticky; top:70px;padding: 10px;background-color:#fff;}
.place_view_menu_item {display: flex; justify-content: center;background-color: #000000; color: #fff; font-weight: 500; border-radius: 15px; padding: 5px 15px 5px 15px; align-items: center; text-wrap-mode: nowrap;white-space: nowrap; overflow-wrap: normal; word-break: normal;}
.place_view_menu_item.active {  background: #ffe400; color: #000; }

.place_view_title {width:100%; max-width: 600px; box-sizing: border-box; overflow:hidden;   z-index: 2; background-color:#fff;padding:20px;}
.place_view_title svg {display:none; margin-left: auto;}

.sticky svg {display:block;}


.place_view_title h1{margin:0;font-size:24px; text-align: center; margin: auto; font-weight:600; }
.place_view_title.sticky h1 { font-size:15px; font-weight:500; text-align: unset; margin: unset;}  

.sticky {position:fixed;top:0;cursor:pointer;z-index: 4;background: linear-gradient(to right, #000000, #85007b); color: #fff;padding: 10px 20px;height:70px; transition: all 0.4s ease; }
	
.place_view_datalist {padding:0 10px 10px 10px;}
.place_view_datalist_item {background-color: #f9f9f9; margin-bottom:20px; border-radius: 10px;overflow:hidden;  position:relative; transition:all 0.4s ease;}
.place_view_datalist_item_selected { background-color: #eaffe1bd;}
 
.social_icon {margin-top:10px;}
.social_icon img{width:30px !important;border-radius: 20%;}
.social_delete {padding:10px;}


.basket {position: fixed; cursor:pointer; z-index: 9999999; bottom: -200px; left: 50%; transform: translateX(-50%); width: 100%; max-width:600px; box-sizing: border-box; transition: all 0.4s ease; }
.basket_content {padding: 5px 12px; display: flex; color: #000000; box-sizing: border-box; width: 100%; font-size: 26px; font-weight: bold; align-items: center; justify-content: center; gap: 10px;background: #ffe8e8;}
.basket_total {display: flex; gap: 5px; align-items: flex-start;}
.basket_show {bottom:0 !important;}
.basket_empty {display:none;padding:0px 10px 10px 10px; font-size: 20px; font-weight: 500;}

.order_box .place_view_datalist_item_image {display:none;}
 
.place_textarea {border: none;   resize:none;  line-height: 1.4; outline: none; width: 100%; background: transparent;min-height:100px;font-size: 16px; font-family: Roboto;}


.category_block {position:relative;}

.hint_a {  --shift: 0px; position: absolute; bottom: 15px; right: calc(75px + var(--shift)); font-size: 14px; background: #e9eb29; font-weight: 500; color: #000000; border-radius: 6px; display: flex; align-items: center; padding: 3px 13px 3px 18px; justify-content: center; z-index: 2; animation: swing 0.4s infinite alternate ease-in-out; border-top-right-radius: 20px; border-bottom-left-radius: 20px; width: max-content; }
.hint_a::before { content: ""; position: absolute; right: -11px; top: 50%; width: 13px; height: 3px; background: #e9eb29;}
.hint_a span { position: absolute; bottom: 8px; right: -17px; width: 0; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #e9eb29; }

.hint_b {--shift: 0px; position: absolute; bottom: 3px; left: calc(38px + var(--shift)); font-size: 14px; background: #e9eb29; font-weight: 500; color: #000000; border-radius: 6px; display: flex; align-items: center; padding: 3px 13px 3px 18px; justify-content: center; z-index: 2; animation: swing 0.4s infinite alternate ease-in-out; border-top-right-radius: 20px; border-bottom-left-radius: 20px;}
.hint_b::after { content: ""; position: absolute; left: -7px; top: -4%; width: 13px; height: 2px; background: #e9eb29; transform: rotate(45deg); }
.hint_b span { position: absolute; left: -11px; top: -8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #e9eb29; transform: rotate(-48deg); }

.hint_с { --shift: 0px; position: absolute; bottom: 15px; left: calc(80px + var(--shift)); font-size: 14px; background: #e9eb29; font-weight: 500; color: #000000; border-radius: 6px; display: flex; align-items: center; padding: 3px 13px 3px 18px; justify-content: center; z-index: 2; animation: swing 0.4s infinite alternate ease-in-out; border-top-right-radius: 20px; border-bottom-left-radius: 20px; width: max-content; }
.hint_с::before { content: ""; position: absolute; left: -11px; top: 50%; width: 13px; height: 3px; background: #e9eb29;}
.hint_с span { position: absolute; bottom: 8px; left: -16px; width: 0; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 7px solid #e9eb29; }

@keyframes swing {0% { --shift: -4px; } 50% { --shift: 0px; } 100% { --shift: 4px; } }

 


.sortable-placeholder { background-color: #ecf0ff !important;     border-radius: 10px; }
#sortable-container img { touch-action: none; -webkit-touch-callout: none; user-select: none; }
.item_move {padding: 10px; display: flex; align-items: center;cursor:pointer;}
.options_delete {padding: 10px; display: flex; align-items: center;}
.product_delete {padding: 10px; display: flex; align-items: center;}

.options_price {width: 60px; border-left: 1px dotted #c2c2c2; padding-left: 10px !important;}
.options_description {padding-right: 10px !important;}

.input_block_2 {border-radius: 10px; display: flex; align-items: center; border:2px dotted #d2d2d2;padding: 3px 0px;margin-top:5px;transition:all 0.4s ease;}
.input_block_2 input {padding: 10px 0;}
.input_block_2_selected {background-color: #ffe7e7;}


.indent {text-indent:15px !important;}

.dbl_block {display:flex;gap:10px;justify-content: center;align-items: center;}
.dbl_block div {flex:1;width: 100%; box-sizing: border-box;}
/* .dbl_block div:first-child {
    flex: unset;
} */

.order_head { border-top: 1px solid #ff6060; padding: 10px 10px 0 10px;}
.order_total {font-size:20px;font-weight:500;}
.order_count {font-size:24px;font-weight:bold;}

#product_edit {display:none;}
.empty_product {display:none;padding: 0 10px;}

.swiper {position:relative !important;width: 100%;background-color:#f9f9f9;height:0;padding-bottom:67% !important;}
.item_edit .swiper {border-top-left-radius: 20px; border-top-right-radius: 20px;}
.swiper-wrapper {background-color: #f0f0f0;background-size: 10%; padding-bottom:67%;background-repeat: no-repeat; background-position: center;    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAzLjc1IDMuNzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjYyNSAwLjI1aDIuNUEwLjM3NSAwLjM3NSAwIDAgMSAzLjUgMC42MjV2Mi41YTAuMzc1IDAuMzc1IDAgMCAxIC0wLjM3NSAwLjM3NWgtMi41QTAuMzc1IDAuMzc1IDAgMCAxIDAuMjUgMy4xMjV2LTIuNUEwLjM3NSAwLjM3NSAwIDAgMSAwLjYyNSAwLjI1bTAgMC4yNWEwLjEyNSAwLjEyNSAwIDAgMCAtMC4xMjUgMC4xMjV2MS40NjZsMC40MiAtMC40MmEwLjExMyAwLjExMyAwIDAgMSAwLjE2MiAwLjAwM2wwLjg4NiAwLjk1IDAuNzAyIC0wLjcwMmEwLjExMyAwLjExMyAwIDAgMSAwLjE1OSAwTDMuMjUgMi4zNDFWMC42MjVhMC4xMjUgMC4xMjUgMCAwIDAgLTAuMTI1IC0wLjEyNXpNMC41IDMuMTI1VjIuNDA5bDAuNDk3IC0wLjQ5NyAwLjg4NSAwLjk0OUwyLjIzNSAzLjI1SDAuNjI1YTAuMTI1IDAuMTI1IDAgMCAxIC0wLjEyNSAtMC4xMjVtMi42MjUgMC4xMjVoLTAuNTg2bC0wLjQxOCAtMC40NjJMMi43NSAyLjE1OWwwLjUgMC41VjMuMTI1YTAuMTI1IDAuMTI1IDAgMCAxIC0wLjEyNSAwLjEyNU0xLjY2MyAxLjM3NWEwLjIxMiAwLjIxMiAwIDEgMSAwLjQyNSAwIDAuMjEyIDAuMjEyIDAgMCAxIC0wLjQyNSAwbTAuMjEyIC0wLjQzOGEwLjQzOCAwLjQzOCAwIDEgMCAwIDAuODc1IDAuNDM4IDAuNDM4IDAgMCAwIDAgLTAuODc1IiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+");}
.swiper-slide {background-color: #000000;background-position:center !important;background-size:cover !important;width:100%;height:100%; padding-bottom: 67%;}
.swiper-pagination {top: 10px !important; bottom: unset !important;}
.swiper-pagination-bullet {width:10px !important;height:10px !important;border-radius:20%;}
.swiper-pagination-bullet-active {background:#FFEB3B  !important;}
.swiper-upload {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0iI2ZmZiIgdmlld0JveD0iMCAwIDMgMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMS4wODkuOTY0LjI4Ni0uMjg4djEuMTk5YS4xMjUuMTI1IDAgMCAwIC4yNSAwVi42NzZsLjI4Ni4yODdhLjEyNS4xMjUgMCAwIDAgLjE3NyAwIC4xMjUuMTI1IDAgMCAwIDAtLjE3N2wtLjUtLjVBLjEuMSAwIDAgMCAxLjU0Ny4yNmEuMTMuMTMgMCAwIDAtLjA5NSAwIC4xLjEgMCAwIDAtLjA0MS4wMjZsLS41LjVhLjEyNS4xMjUgMCAxIDAgLjE3Ny4xNzdtMS41MzcuNTM3YS4xMjUuMTI1IDAgMCAwLS4xMjUuMTI1di43NWEuMTI1LjEyNSAwIDAgMS0uMTI1LjEyNUguNjI1QS4xMjUuMTI1IDAgMCAxIC41IDIuMzc1di0uNzVhLjEyNS4xMjUgMCAwIDAtLjI1IDB2Ljc1YS4zNzUuMzc1IDAgMCAwIC4zNzUuMzc1aDEuNzVhLjM3NS4zNzUgMCAwIDAgLjM3NS0uMzc1di0uNzVhLjEyNS4xMjUgMCAwIDAtLjEyNS0uMTI1Ii8+PC9zdmc+");; }
.swiper-delete {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIGNsYXNzPSJpY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMCAzMmgtOGE0IDQgMCAwIDEgMC04aDMyVjExLjk5MmE0IDQgMCAwIDEgNC00aDMyYTQgNCAwIDAgMSA0IDRWMjRoMzJhNCA0IDAgMSAxIDAgOGgtOHY4NGE0IDQgMCAwIDEtNCA0SDI0YTQgNCAwIDAgMS00LTR6bTU2LTh2LThINTJ2OHptLTQ4IDg4aDcyVjMySDI4em0yNC0xNmE0IDQgMCAwIDEtNC00VjUyYTQgNCAwIDAgMSA4IDB2NDBhNCA0IDAgMCAxLTQgNG0yNCAwYTQgNCAwIDAgMS00LTRWNTJhNCA0IDAgMCAxIDggMHY0MGE0IDQgMCAwIDEtNCA0Ii8+PC9zdmc+");}
.swiper-loading {background: unset;border: 4px solid rgb(255 255 255 / 30%); border-top-color: #69b4ff; border-radius: 50%; animation: swiperSpin 0.6s linear infinite;width:20px !important;height:20px !important;}
@keyframes swiperSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.swiper-button {width: 30px; height: 30px; z-index: 2; cursor: pointer;transition: all 0.1s ease; background-size: 77% !important; background-position: center; background-repeat: no-repeat !important;}
.swiper-button:active {transform:translateY(1px);}

.swiper-actions {position:absolute;bottom:0;z-index: 2;color:#fff;font-size:20px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(58 58 58) 100%);display:flex;width:100%;align-items: center; justify-content: space-between; box-sizing: border-box;gap: 20px;padding:14px 20px;}
.swiper-actions label{width:35px; max-width:35px;}
.swiper-text {color: #fff; font-size: 15px; margin-right: auto; display: flex; flex-direction: column;}
.swiper-text > div:first-child { font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
@media (max-width: 660px) { .swiper-text > div:nth-child(2) { display: none; } }

.place_footer_logo {width:100%;text-align:center;}
.place_footer_logo img {width: 60%;max-width:100px;filter: invert(1); margin: auto; text-align: center;}

.speed_test {position: fixed; bottom: 20px; display: block; left: 10px; padding: 5px; border-radius: 6px; border: 1px solid #fff; text-align: center; background:#000000b0; color: #fff; font-weight: bold; font-size: 12px;}

.anred_green {font-size: 12px;background: #c7ffc7; color: green; padding: 1px 9px; border-radius: 5px; border: 1px solid green;}
.anred_red {font-size: 12px;background: #ffe4e4; color: #ff3030; padding: 1px 9px; border-radius: 5px; border: 1px solid #ff3030;}
	
.messenger_id {background: #eaeaea; padding: 7px; border-radius: 10px; text-align: center;}
.messenger_delete {padding:10px;}

.pagination {display: flex;gap: 10px;justify-content: center;padding:10px 0 20px 0;width:100%;}
.pagination_item {background: #fff; padding: 3px 15px; border-radius: 4px;font-weight: 500;}
.pagination_item:hover{background-color: #0282f1; color: #fff;}
.pagination_select {background-color: #0282f1; color: #fff;}
.rotate190 {transform: rotate(180deg);}