/* ------------------------- MODAL DIALOG -------------------------- */

.modal_dialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 99999; box-shadow: unset !important;}
.modal_dialog > div { max-width: 980px; position: relative; margin: 5% auto auto; padding: 30px; border-radius: 8px; background: #fff; min-height: 80vh; }
.modal_tabs { display: flex; flex-direction: row; }
.modal_tabs > div { color: #E1E4EB; font-weight: 600; font-size: 18px;  margin-right: 40px; height: 25px; cursor: pointer; }
.modal_tabs > div.active { color: #082167; position: relative; }
.modal_tabs > div.active::after { background: #082167; height: 2px; width: 50%; content: ""; position: absolute; bottom: 0; left: 0}
.modal_content { margin-top: 15px; }
.modal_content > h4 { font-weight: 600; font-size: 14px; color: #11131F; margin-bottom: 8px; }
.modal_close { color: #86868B; line-height: 25px; position: absolute; right: 16px; text-align: center; top: 19px; width: 24px; text-decoration: none; font-weight: bold; z-index: 100;}
.modal_close:hover { color: #082167; border-radius: 50%; }

@media only screen and (max-width: 800px) {
    .modal_dialog { overflow-y: auto; }
    .modal_tabs  { border-bottom: 1px solid #E1E4EB; }
    .modal_tabs > div { font-size: 16px; margin-right: 20px; }
}

@media only screen and (max-width: 600px) {
    .modal_dialog > div { padding: 60px 12px 12px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
    .modal_order_status > div {max-width: 100%; max-height: 100%; min-height: 100%; margin: 0; padding: 50px 35px; }
}

/* ------------------------- STORE MODAL -------------------------- */

.store_items { margin-top: 10px; }
.store_items > div { background: #F8F8F8; border: 1px solid #F8F8F8; box-sizing: border-box; border-radius: 8px; padding: 0px 12px; margin-bottom: 8px; }
.store_items > div > div:nth-child(1) { display: flex; flex-direction: row; justify-content: space-between; align-items: center; min-height: 46px;  color: #111418; font-weight: 600; font-size: 14px; }
.store_items > div > div:nth-child(2) { border-top: 1px solid #E1E4EB; padding: 19px 0; display: none; }
.store_items > div.active > div:nth-child(2) { display: flex; }
.store_items > div > div > .open_close { background-color: #fff; }
.store_items > div > div > .open_close > i { transform: rotate(-180deg) !important; }
.store_items > div.active > div > .open_close > i { color: #082167; transform: rotate(0deg) !important; }
.store_items > div.active > div:nth-child(2) { display: flex; flex-direction: row; }
.store_items > div > div:nth-child(2) > div:nth-child(1) { display: flex; flex-direction: row; flex-wrap: wrap; width: 80%; position: relative; }
.store_items > div > div:nth-child(2) > div.store_gallery { display: flex; flex-direction: column; width: 20%; position: relative; }
.store_items > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(3n-2) { width: 40%; }
.store_items > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(3n-1) { width: 40%; }
.store_items > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(3n) { width: 20%; padding-right: 8px}
.store_items > div > div:nth-child(2) > div:nth-child(1) > div { display: flex; flex-direction: row; align-self: start; ; flex-wrap: wrap; font-size: 14px; line-height: 130%; margin-bottom: 15px; }
.store_items > div > div:nth-child(2) > div:nth-child(1) > div > strong { width: 100%; height: 25px; }
.store_items > div > div:nth-child(2) > div:nth-child(1) > div > span { background: #ECEEF3; border-radius: 12px; font-size: 12px; padding: 2px 7px; margin: 0px 4px 4px 0; }
.store_items > div > div:nth-child(2) > div.store_gallery { display: flex; flex-direction: column; width: 20%; position: relative; }
.store_gallery > img { max-width: 100%; height:auto ; display: block; object-fit: inherit; }
.store_gallery > ul { overflow: hidden; width: 100%; position: relative; display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 6px; }
.store_gallery > ul > li { max-height: 100%; margin-right: 6px; }
.store_gallery > ul > li > img { max-height: 28px; margin-bottom: 6px;}

.order_installment_info {width: 100%; padding: 12px 16px; background-color: #EBF5FF; border-radius: 8px; margin-bottom: 10px;}
.order_installment_info > h6 {font-size: 16px; font-weight: 600; color: #082167;}
.order_installment_info > p {font-size: 14px; color: #082167;}
.order_producer_requisites p {width: 100%;}
.store_items.order_producer_requisites > div > div:nth-child(2) {border-top: unset;}

@media only screen and (max-width: 800px) {
    .store_items > div > div:nth-child(2) > div:nth-child(1) { flex-direction: column; }
    .store_items > div.active > div:nth-child(2) { flex-direction: column; }
    .store_items > div > div:nth-child(2) > div:nth-child(1) > div { width: 100% !important; }
    .store_items > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(3n-1) {order: -1;}
    .store_items > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(3n-1) {order: 0;}
    .store_items > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(3n) {order: 1;}
    .store_items > div > div:nth-child(2) > div.store_gallery { width: 100%; }
    .store_gallery { height: 104px; position: relative; }
    .store_gallery > ul { position: absolute; height: 100%; }
    .store_gallery > img { display: none; }
    .store_gallery > ul > li > img { max-height: 100%; }
    .store_items.order_producer_requisites > div > div:nth-child(2) > div:nth-child(1) {margin-bottom: 8px;}
}

/* ------------------------- DELIVERY MODAL -------------------------- */

.delivery_modal_content > div:nth-child(1) { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.delivery_modal_content > div:nth-child(1) > div { font-size: 13px; color: #53565E; flex-basis: 49.5%; padding: 16px 0px; }
.delivery_modal_content > div:nth-child(1) > div > strong { display: block; color: #11131F;  margin-bottom: 12px; font-weight: 600; font-size: 16px; }
.delivery_modal_content > div > div > ul { position: relative}
.delivery_modal_content > div > div > ul > li { padding-left: 10px; font-size: 13px; line-height: 130%; color: #53565E; position: relative; margin-bottom: 12px}
.delivery_modal_content > div > div > ul > li:before { background: #082167; content: ''; height: 4px; width: 4px; border-radius: 50%; position: absolute; left: 0; top: 5px}
.delivery_modal_content > div > div > ul > li > span { text-decoration: none; color: #46A6FF; }
.delivery_modal_content > div > div > ul > li > span:hover {cursor:pointer}
.delivery_modal_content > div:nth-child(2) { background: #FFF6F7; border-radius: 4px; margin-top: 16px; padding: 16px 20px; font-size: 14px; }
.delivery_modal_content > div:nth-child(2) > ul { margin-top: 5px; }
.delivery_modal_content > div:nth-child(2) > ul > li { font-size: 13px; line-height: 160%; }
.delivery_modal_content .mulct { background: #FFF6F7; border-radius: 4px; padding: 12px 14px; margin-top: 16px; }
.delivery_modal_content .mulct > strong { color: #EF3A5A; font-weight: 500; font-size: 13px; }
.delivery_modal_content .mulct > ul { margin-top: 12px; }
.delivery_modal_content .mulct > ul > li { margin-bottom: 12px; font-weight: normal; font-size: 13px; }
.delivery_modal_content .mulct > ul > li > b { font-weight: 600; }
.delivery_docs > strong { color: #11131F; font-weight: 600; display: block; width: 100%; margin-bottom: 8px}
.delivery_docs > a { display: inline-block; background: #EDF6FF; height: 30px; line-height: 30px; padding: 0 12px; color: #082167; margin-right: 3px; text-decoration: none; border-radius: 4px; }
.delivery_docs > a > i { margin-right: 5px; }

@media only screen and (max-width: 800px) {
    .delivery_modal_content > div:nth-child(1) { flex-direction: column; }
    .delivery_modal_content > div:nth-child(1) > div { margin-top: 8px; }
}

/* ------------------------- WALLET MODAL -------------------------- */

.pay_method { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-self: center; }
.pay_method > div { width: 49.3%; background: #F8F8F8; border-radius: 8px; color: #002033; font-weight: 600; font-size: 14px; min-height: 74px;  padding: 27px 16px; margin-bottom: 12px; }
.wallet_modal_content > .order_attention { margin: 3px 0 10px 0; display: block;}

@media only screen and (max-width: 600px) {
    .pay_method > div {width: 100%; padding: 17px 16px; min-height: unset}
}

/*AUTHORIZATION MODAL*/

.sms_input_active {border-color: #082167 !important;}
.sms_text_active {display: block !important}
#sms_replay_text {font-style: normal;font-weight: normal;font-size: 14px;line-height: 120%;color:#46A6FF; text-decoration: none; margin: 18px 0 21px 0; display: none}
#sms_info_text {color: #86868B;font-style: normal;font-weight: normal;font-size: 14px;line-height: 120%; margin: 18px 0 21px 0; display: none}
.authorization_modal_layout {background: #FFFFFF; width: 100%; height: 100%; padding:22px 32px 20px 32px; border-radius: 8px; text-align: center; position: relative; max-width: 384px;}
.authorization_modal_layout > button#modal_close {position: absolute; right: 15px;top:15px; cursor: pointer}
.authorization_modal_layout > button#modal_close > i {color:#86868B; font-size: 10px;}
.authorization_modal_layout > h1 {color: #082167;font-weight: 600;font-style: normal;font-size: 24px;line-height: 120%; margin-bottom: 20px;}
.authorization_modal_layout > .authorization_types_block {display: flex;}
.authorization_modal_layout > .authorization_types_block > button {width: 50%; font-size: 14px; font-weight: 600; padding-bottom: 13px; cursor:pointer}
.authorization_modal_layout > .authorization_types_block > button:not(.authorization_types_btn_active) {color:#E1E4EB; border-bottom: 2px solid #E1E4EB;}
.authorization_modal_layout > .authorization_types_block > button.authorization_types_btn_active {color:#082167; border-bottom: 2px solid #082167;}
.authorization_modal_layout > section {padding:20px 0;}
.authorization_modal_layout > section.section_sms_inputs {display: none;}
.authorization_modal_layout > section.section_login_inputs > input,.authorization_modal_layout > section.section_sms_inputs > input {border: 1px solid #E1E4EB;border-radius: 4px;height: 48px; width: 100%; padding: 10px 8px;}
.authorization_modal_layout > section.section_login_inputs > input:nth-of-type(1) {margin-bottom: 20px;}
#authorization_login_continue {width: 100%;background: #082167;border-radius: 4px; color: #ffffff; font-size: 14px; height: 48px; margin-bottom: 18px; cursor: pointer}
#authorization_register_a {color: #082167; font-style: normal;font-weight: normal;font-size: 14px;line-height: 120%; text-decoration: none;}

/*AUTHORIZATION_SMS MODAL*/

.authorization_modal_sms_layout {background: #FFFFFF; width: 100%; height: 100%; padding:22px 32px 31px 32px; border-radius: 8px; text-align: center; position: relative; max-width: 384px;}
.authorization_modal_sms_layout > button#modal_close {position: absolute; right: 15px;top:15px; cursor: pointer}
.authorization_modal_sms_layout > button#modal_close > i {color:#86868B; font-size: 10px;}
.authorization_modal_sms_layout > h1 {color: #082167;font-weight: 600;font-style: normal;font-size: 24px;line-height: 120%; margin-bottom: 14px;}
.authorization_modal_sms_layout > h1 + p {margin-bottom: 20px; font-style: normal;font-weight: normal;font-size: 14px;line-height: 120%;color:#86868B;}
.authorization_modal_sms_layout section.section_login_sms_inputs {display: flex; justify-content: center}
.authorization_modal_sms_layout section.section_login_sms_inputs > input {border: 1px solid #E1E4EB;border-radius: 4px;height: 48px; width: 45px; padding: 10px 8px; text-align: center; font-size: 16px; color: #082167;line-height: 120%; font-weight: normal}
.authorization_modal_sms_layout section.section_login_sms_inputs > input:not(:first-child) {margin-left: 8px;}
#authorization_sms_login_enter {width: 100%;border-radius: 4px; color: #ffffff; font-size: 14px; height: 48px; cursor: pointer; background:#C4C9D7;}
.auth_input_error:not(.sms_input_active) {border-color: #ff92b2 !important; -webkit-animation: sms_code_error .82s cubic-bezier(.36,.07,.19,.97) both;animation: sms_code_error .82s cubic-bezier(.36,.07,.19,.97) both;}
.auth_input_error > input {border-color: #ff92b2 !important}
@keyframes sms_code_error {
    10%, 90% {transform: translate3d(-1px,0,0);}
    20%, 80% {transform: translate3d(2px,0,0);}
    30%, 50%, 70% {transform: translate3d(-4px,0,0);}
    40%, 60% {transform: translate3d(4px,0,0);}
}

/*REGISTRATION_MODAL*/

.registration_modal_layout {background: #FFFFFF; width: 100%; height: 100%; padding:22px 32px 21px 32px; border-radius: 8px; text-align: center; position: relative; max-width: 384px;}
.registration_modal_layout > button#modal_close {position: absolute; right: 15px;top:15px; cursor: pointer}
.registration_modal_layout > button#modal_close > i {color:#86868B; font-size: 10px;}
.registration_modal_layout > h1 {color: #082167;font-weight: 600;font-style: normal;font-size: 24px;line-height: 120%; margin-bottom: 14px;}
.registration_modal_layout > input {border: 1px solid #E1E4EB;border-radius: 4px;height: 48px; width: 100%; padding: 10px 8px; margin-bottom: 18px;}
#authorization_continue_a {color: #082167; font-style: normal;font-weight: normal;font-size: 14px;line-height: 120%; text-decoration: none;}
#registration_next {width: 100%;border-radius: 4px; color: #ffffff; font-size: 14px; height: 48px; cursor: pointer; background:#C4C9D7; margin-bottom: 14px;}
#auth_msg_error, #auth_phone_msg_error {max-height: 0; transition: all .35s ease;font-style: normal;font-weight: normal;font-size: 13px;line-height: 120%; margin-bottom: 8px; color:#ff92b2}
#auth_msg_error.error, #auth_phone_msg_error.error {max-height: 26px;}

/*REGISTRATION_SMS_MODAL*/

#registration_sms_next {width: 100%;border-radius: 4px; color: #ffffff; font-size: 14px; height: 48px; cursor: pointer; background:#C4C9D7;}

/*CITY_MODAL*/

.modal_head_mobile_city {background: #ffffff; display: flex; align-items: center; justify-content: space-between;margin-bottom: 20px; min-height: 35px;}
.modal_head_mobile_city > .modal_title {font-style: normal;font-weight: 500;font-size: 24px;line-height: 29px;color: #171E29;}
.modal_head_mobile_city > .icon_close {padding: 8px 4px 4px 4px;; color:#555E70; font-size: 12px;}
.section_mobile_city_range > .range_container { height: 48px}
.modal_mobile_city_inner {background: #ffffff; padding:21px 24px 4px 24px; height: 95%; display: flex; flex-direction: column;border-top-right-radius: 20px; border-top-left-radius: 20px; width: 100%; position: fixed; bottom: 0;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);}
.section_mobile_city_range {margin-top: 16px;}
.section_mobile_city_range > .range_container > .distance_range[type=range] {margin: 0 !important}
.section_mobile_city_range > p {color: #000000; font-style: normal;font-weight: normal;font-size: 14px;line-height: 130%;}
.section_mobile_city-ul {overflow-y: scroll; overflow-x: hidden; padding-bottom: 35px;}
.mobile_city_item-ul > li > h3 {color: #11131F; font-style: normal;font-weight: 600;font-size: 16px; margin-bottom: 6px;}
.mobile_city_item-ul {margin-right: 8%;width: 100%;}
.mobile_city_item-ul:not(:last-child) {margin-bottom:12px;}
.mobile_city_item-ul > li:not(:first-child) {border-bottom: 1px solid #ECEEF3; padding: 8px 0;}
.mobile_city_item-ul > li > a {color:#082167; font-weight: normal;font-size: 16px;line-height: 130%; text-decoration: none}
.mobile_city_save-btn {width: 100%; height: 48px;text-align: center;color: #FFFFFF; display: block; background: #082167;border-radius: 4px; margin-top:16px; line-height: 48px;}

/* ------------------------- MOBILE ITEM MODAL ------------------------ */

@media only screen and (max-width: 1000px) {
    .modal_product_info {position:fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0 !important; min-height: 100vh; height: 100%; overflow-y: hidden;}
    .modal_product_info > div {padding: 40px 0 67px 0 !important; margin: 0 !important; border-radius: 0; min-height: 100vh; height: 95%; background: #fff; position: fixed; overflow-y: hidden; width: 100%;}
    .modal_product_info > div > .modal_scroll {overflow-y: scroll; height: 100%; padding: 0 16px; position: relative;}
    .mobile_item_modal { background: unset !important; border-radius: 0 !important; border-bottom: 1px solid #ECEEF3; }
    .mobile_modal_tab { border-bottom: 1px solid #ECEEF3; min-height: 48px; }
    .mobile_modal_tab > div:nth-child(1) { display: flex; color: #002033; font-size: 15px; font-weight: 600; justify-content: space-between; height: 48px; align-items: center; }
    .mobile_modal_tab > div:nth-child(1) > i { transform: rotate(180deg);color: #082167;font-size: 5px;height: 30px;width: 30px;min-width: 30px;background: #F8F8F8;border-radius: 4px;cursor: pointer;display: flex;justify-content: center;align-items: center;}
    .mobile_modal_tab > div:nth-last-child(1){ display: none; }
    .mobile_modal_tab.active > div:nth-last-child(1) { display: flex; }
    .mobile_modal_tab.active > div:nth-child(1) > i {background: #F4FAFF; transform: rotate(0deg); color: #082167;}
    .mobile_modal_tab > div > ol { margin-bottom: 8px; }
    .mobile_modal_tab > div > ol > li { margin-bottom: 12px; color: #002033; }
    .mobile_modal_tab > div > ol > li > span { color: #8F97A6; }
    .mobile_modal_tab > div > ol > li > span:after {content: ":";}
    .mobile_modal_tab.mobile_price > div:nth-last-child(1) {  flex-direction: column; }
    .mobile_modal_tab.mobile_price > div:nth-last-child(1) > div { display: flex; flex-direction: row; justify-content: space-between; font-size: 14px; border-bottom: 1px solid #E1E4EB; padding: 6px 0; }
    .mobile_modal_tab.mobile_price > div:nth-last-child(1) > div:nth-last-child(1) { border: none; }
    .mobile_modal_tab.mobile_price > div:nth-last-child(1) > div > strong { font-weight: 600 }
    .product_mobile_info_include > div:nth-child(2) > a,
    .product_mobile_info_include > div:nth-child(2) > div.modal_tabs { display: none !important; }
    .product_mobile_info_include > div:nth-child(2) > div.modal_content { margin-top: 0; width: 100%; }
    .modal_in_cart { position: fixed; bottom: 0; left: 0; right: 0; height: 67px; background: #fff; z-index: 12; padding: 16px;}
    .modal_in_cart > button { width: 100%; }
    .modal_mobile_head { display: flex; justify-content: space-between; background: #fff; height: 50px; width: 100%; position: absolute; top: 0; right: 0; left: 0; padding: 0 20px; align-items: center; z-index: 13; }
    .modal_mobile_head > a > i { font-size: 16px; }
    .modal_mobile_head > a.active > i.icon_like { color: #46A6FF; }
    .modal_mobile_head > a.active > i.icon_like:before { content: '\e811'; }
    .modal_mobile_head > a > i.icon_right_arrow { transform: rotate(180deg); color: #53565E; }
    .mobile_item_modal > .catalog_item_table { flex-direction: row; display: flex; flex-wrap: wrap; }
    .mobile_item_modal > .catalog_item_table > div:nth-child(1) { max-width: 25%; align-items: center; }
    .mobile_item_modal > .catalog_item_table > div:nth-child(1) > img { max-width: 76px }
    .mobile_item_modal > .catalog_item_table > .catalog_flex_tb { max-width: 75%; }
    .mobile_item_modal > .catalog_item_table > .catalog_item_info {display: flex !important; width: 100%;}
    .mobile_item_modal > .catalog_item_table > .catalog_item_info > div {display: flex!important; width: 100%; max-width: 100%; padding: 0;}
    .mobile_modal_tab.product_mobile_info_include.active > div:nth-child(2) > div.modal_content > div > iframe { height: 133px; }
    .mobile_modal_tab.delivery_inc.active > div:nth-child(2) > div.modal_content > div > div > div { padding: 0; }
    .mobile_modal_tab.pay_inc.active > div:nth-child(2) > div.modal_content > div > div.pay_method { flex-direction: column; }
    .mobile_modal_tab.pay_inc.active > div:nth-child(2) > div.modal_content > div > div.pay_method > div { width: 100%; min-height: 56px; display: flex; justify-content: flex-start; align-items: center; padding: 0 16px; margin-bottom: 6px; }
    .wallet_modal_content > .order_attention { margin: 0; margin-bottom: 6px;}
}

/*ERRORS*/

#profile_msg_error {max-height: 0; transition: all .35s ease;font-style: normal;font-weight: normal;font-size: 13px;line-height: 120%; margin-bottom: 8px; color:#ff92b2; margin-top: -8px;}
#profile_msg_error.error {max-height: 16px;}

/*STORES PHOTO MODAL*/
.stores_photos_detail_modal {min-height: unset !important;}
.stores_photos_detail_modal > .title_block {margin-bottom: 12px;}
.stores_photos_detail_modal > .title_block > h1 {font-style: normal;font-weight: 600;font-size: 24px;line-height: 130%;color: #082167;}
.stores_photos_detail_modal > .title_block > p {font-style: normal;font-weight: 400;font-size: 14px;line-height: 21px;color: #545A68;}
.stores_photos_detail_modal > .full_photo_block > img { width: 100%;}
.stores_photos_detail_modal > .full_photo_block {margin-bottom:  16px;}
.stores_photos_detail_modal > .prev_photos_block { height: 104px;}
.stores_photos_detail_modal > .prev_photos_block > img {width: 20%}
.stores_photos_detail_modal > .prev_photos_block > img:not(:last-child) { margin-right: 16px;}
.stores_photos_detail_modal > .bottom_block { display: flex; justify-content: flex-end}
.stores_photos_detail_modal > .bottom_block > button {background: #082167; border-radius: 4px; width: 222px; height: 54px; color: #ffffff}
/*.prev_photos_block .current-img {border: 2px solid #082167}*/


/* ------------------ REQUEST MINI --------------------- */

.modal_request_mini{width: 688px !important;}
.modal_request_mini .catalog_item_mini_logo {width: 18px; height: 18px; min-width: 18px; margin-right: 7px;}
.modal_request_mini .quantity_area .search_quantity_area {border: 1px solid #E1E4EB;box-sizing: border-box;border-radius: 4px;}
.modal_request_mini .quantity_area .search_quantity_area > input {flex: 1 0 60%; padding-left: 12px; font-size: 14px;}
.modal_request_mini .quantity_area .search_quantity_area > input::-webkit-input-placeholder {font-size: 14px; color: #555E70;}
.modal_request_mini .quantity_area .search_quantity_area > input:-moz-placeholder {font-size: 14px; color: #555E70;}
.modal_request_mini .quantity_area .search_quantity_area > input::-moz-placeholder {font-size: 14px; color: #555E70;}
.modal_request_mini .quantity_area .search_quantity_area > input:-ms-input-placeholder {font-size: 14px; color: #555E70;}
.modal_request_mini .quantity_area .search_quantity_area > .search_quantity_selector {border-left: none;}
.request_mini_form > h1 {font-weight: 600;font-size: 24px;line-height: 130%;color: #082167;}
.request_mini_form > p {font-size: 14px;line-height: 150%;color: #11131F; margin-bottom: 18px; margin-top: 10px;}
#request_mini_title {margin-top:10px;font-weight: 600;font-size: 16px;letter-spacing: 0.15px;}
.request_mini_form > div.request_mini_product {display: flex; flex-direction:column; background: #F8F8F8;border-radius: 8px;padding: 12px;}
.request_mini_form > div.request_mini_product > div:nth-child(1) {display: flex;align-items: center;}
.request_mini_form > div.request_mini_product > div:nth-child(1) > div:nth-child(1) {width: 72px; height: 72px;}
.request_mini_form > div.request_mini_product > div:nth-child(1) > div:nth-child(1) > img {max-width: 72px; max-height: 72px;}
.request_mini_form > div.request_mini_product > div:nth-child(1) > div:nth-child(2) {flex-grow: 1; padding-left: 20px; display: flex; flex-direction: column; justify-content: space-around}
.request_mini_form > div.request_mini_product > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){display: flex;align-items: center;font-weight: 500;font-size: 12px;color: #002033;}
.request_mini_form > div.request_mini_product > div:nth-child(1) > div:nth-child(3) {width: 200px}
.request_mini_form > div.request_mini_product > div:nth-child(2) {border-top: 1px solid #EAEAEA; margin-top: 12px; padding: 20px 0 8px; display: flex; justify-content: flex-end;}
.request_mini_form > div.request_mini_product > div:nth-child(2) > div{font-size: 14px;letter-spacing: 0.5px;}
.request_mini_form > div.request_mini_product > div:nth-child(2) > div:nth-last-child(1) {margin-left: 24px;}
.request_mini_form > div.request_mini_product > div:nth-child(2) > div > span {color: #8F97A6;}
.request_mini_form > div.request_mini_product > div:nth-child(2) > div > span::after {color: #8F97A6; content: ": "}
.request_mini_form > div.request_mini_product > div:nth-child(2) > div > strong {color: #002033;}
.request_mini_form > div.request_mini_product > div:nth-child(1) > div.label_block.quantity_area > div > div::after {opacity: 0.5}
.request_mini_form > div.order_personal_data > div {border: none; border-radius: unset; padding: 0;}
.request_mini_form > div.order_personal_data {display: flex; flex-direction: row; flex-wrap: wrap}
.request_mini_form > div.order_personal_data .label_block {min-width: unset; width: 33.33%}
.request_mini_form > div.order_personal_data h4 {width: 100%; letter-spacing: 0.5px;color: #000000; margin-top: 10px; margin-bottom: 16px;font-weight: 600;font-size: 14px;}
.request_mini_form > div.order_personal_data .label_block label {font-style: normal;font-weight: normal;font-size: 12px;color: #929BAD;position: absolute;top: 20px;left: 8px;-webkit-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;}
.request_mini_form > div.order_personal_data .label_block label.label_top {top: 7px; -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}
.request_mini_form > div.order_personal_data > div > div:nth-child(1) {margin: 11px 11px 24px 0;}
.request_mini_form > div.order_personal_data .order_legal_person_inputs {font-size: 14px;color: #11131F;}
.request_mini_form > div.order_personal_data .order_legal_person_inputs a {color: #46A6FF; text-decoration: none}
.request_mini_form .catalog_block_buttons {margin-top: 24px;}
.btn_big_blue_light {display: inline-block;background: #46A6FF;border-radius: 4px;padding: 17px 25px;font-size: 16px;font-weight: 600;letter-spacing: 0.5px;color: #FFFFFF; cursor: pointer;}
.btn_no_background {display: inline-block;padding: 17px 25px;letter-spacing: 0.5px;font-size: 16px;font-weight: 600;color: #46A6FF;cursor: pointer;}
.no_required .text_red {display: none}

@media only screen and (max-width: 800px) {
    .modal_request_mini {width: 100% !important;}
    .modal_request_mini > div { padding: 16px 24px 12px 24px;}
    .modal_request_mini .quantity_area .search_quantity_area > input {flex: 1 0 75%;}
    .request_mini_form > div.order_personal_data > div > div:nth-child(1) {display: flex; flex-direction: column;margin: 11px 11px 11px 0;}
    .request_mini_form > div.request_mini_product > div:nth-child(1) {flex-wrap: wrap;}
    .request_mini_form > div.request_mini_product > div:nth-child(1) {flex-wrap: wrap;}
    .request_mini_form > div.request_mini_product > div:nth-child(1) > div:nth-child(3) {width: 100%; margin-top: 12px;}
    .request_mini_form > div.request_mini_product > div:nth-child(2) {justify-content: space-between; padding-top: 16px; margin-top: 0;}
    .request_mini_form > div.request_mini_product > div:nth-child(2) > div {display: flex; flex-direction: column; text-transform: uppercase;}
    .request_mini_form > div.request_mini_product > div:nth-child(2) > div > span {font-size: 10px;}
    .request_mini_form > div.request_mini_product > div:nth-child(2) > div > span::after {content: ""}
    .request_mini_form > div.request_mini_product > div:nth-child(2) > div > strong {font-weight: normal; font-size: 14px;}
    .request_mini_form > div.order_personal_data {margin-top: 8px; margin-bottom: 130px;}
    .request_mini_form > div.order_personal_data .label_block {width: 100%;}
    .request_mini_form > div.order_personal_data > div > div:nth-child(2) input {max-width: 100%; width: 100%;}
    .request_mini_form > div.order_personal_data > div > #legal_person_radio label {margin-bottom: 10px;}
    .request_mini_form > .catalog_block_buttons {position: fixed;bottom: 0;right: 0;left: 0;background: white;display: flex;flex-direction: column-reverse; padding: 8px 24px 12px; height: 126px;}
    .request_mini_form > .catalog_block_buttons button:first-child {margin-right: 0}
    .request_mini_form > div.request_mini_product > div:nth-child(1) > div:nth-child(2) { max-width: 75%; }
}

/* ----------------- COMPLAINT FORM -----------------*/

.complaint_product_form {max-width: 480px;}
.complaint_product_form > h1 {font-weight: 600;font-size: 24px;line-height: 130%;color: #082167;}
.complaint_product_form > h1 > br {display: none}
.complaint_product_form > p {font-size: 14px;line-height: 150%;color: #11131F; margin-top: 10px;}
.complaint_product_form #reason_radio {display: flex; flex-direction: column; margin-top: 32px;}
.complaint_product_form #reason_radio > label {font-weight: 600;font-size: 16px; margin-bottom: 16px;}
.complaint_product_form textarea {width: 100%;background: #FFFFFF;border: 1px solid #E1E4EB;box-sizing: border-box;border-radius: 4px; padding: 16px 12px; height: 49px; resize: none; margin-top: 12px; }
.complaint_product_form textarea:disabled {width: 100%; background: rgba(206, 209, 216, 0.1);border: 1px solid #E1E4EB;box-sizing: border-box;border-radius: 4px; padding: 16px 12px; height: 49px; resize: none; margin-top: 12px; }

@media only screen and (max-width: 800px) {
    div.complaint_product_form { padding: 16px 24px 12px 24px; position: fixed; width: 100%;bottom: 0;top: 68px;left: 0;right: 0;}
    div.complaint_product_form > h1 > br {display: block}
    div.complaint_product_form > .catalog_block_buttons {position: fixed;bottom: 0;right: 0;left: 0;background: white;display: flex;flex-direction: column-reverse; padding: 8px 24px 12px; height: 126px;}
    div.complaint_product_form > .catalog_block_buttons button:first-child {margin-right: 0}
}

/* REQUEST TO PRODUCER */
.request_to_producer_modal {max-width: 688px !important; display: flex; flex-direction: column; align-items: center; margin: 3.5% auto auto !important;}
.request_to_producer_modal .producer_logo {width: 24px; position: relative; height: 48px;min-width: 48px;border-radius: 48px;background-position: center;background-size: contain;background-repeat: no-repeat;box-shadow: 0 2px 2px rgb(0 32 51 / 4%), 0 4px 12px rgb(0 32 51 / 10%);}
.request_to_producer_modal .producer_logo.no_photo {background: #8F97A6;}
.request_to_producer_modal .producer_logo:before {content: attr(data-first-letter); position: absolute; font-size: 30px; line-height: 48px; top: 1px; width: 48px; color: #FFF; height: 48px; display: flex; justify-content: center; align-items: center;font-style: normal;}
.request_to_producer_modal .catalog_block_buttons {width: 100%; margin-top: 0; max-width: 472px;}
.request_to_producer_modal .catalog_block_buttons button {width: 100%; margin-right: unset; }
.request_to_producer_content { max-width: 472px; width: 100%; display: flex; flex-direction: column; align-items: center; margin: 24px 0;}
.request_to_producer_content .producer { display: flex; flex-direction: column; align-items: center;position: relative;}
.request_to_producer_content .producer span {margin-top: 12px; font-size: 20px; border-bottom: 1px dotted #002033;}
.request_to_producer_content .producer_logo i {font-size: 20px; color: #408EF7; position: absolute; top: 32px; left: 32px}
.request_to_producer_content > h3 {font-weight: 600; font-size: 24px; line-height: 130%;color: #082167; margin-top: 40px;}
.request_to_producer_content > p {font-size: 16px;line-height: 140%; margin-top: 8px;}
.request_to_producer_content > span {font-size: 14px; margin-top: 24px;text-align: center}
.request_to_producer_content > span > br {display: none;}
.request_to_producer_form {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px; margin-bottom: 20px;}
.request_to_producer_form > div:not(.full_width_entity) {max-width: 228px; width: 100%;}
.request_to_producer_form .label_block label {font-style: normal;font-weight: normal;font-size: 14px;color: #929BAD;position: absolute;top: 20px;left: 8px;-webkit-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;}
.request_to_producer_form .label_block label.label_top {top: 7px; -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}
.request_to_producer_form .label_block input { border: 1px solid #082167; box-sizing: border-box; border-radius: 4px; height: 56px; padding: 24px 8px 8px; min-width: 40%; flex-grow: 1; font-size: 14px}
.request_to_producer_form .input_number_plus_minus { margin-top: 16px;}
.request_to_producer_form .input_number_plus_minus > div {display: flex; width: 100%}
.request_to_producer_form .input_number_plus_minus span {background: #F3F4F7; height: 56px; font-size: 24px; font-weight: bold; color: #929BAD; display: flex; align-items: center; padding: 0 20px; cursor: pointer; user-select: none}
.request_to_producer_form .input_number_plus_minus span:first-child {border-radius: 4px 0 0 4px;}
.request_to_producer_form .input_number_plus_minus span:last-child {border-radius: 0 4px 4px 0}
.request_to_producer_form .input_number_plus_minus label {color: #929BAD;font-weight: 600;font-size: 14px;line-height: 20px; margin-bottom: 5px}
.request_to_producer_form .input_number_plus_minus input { background: #F3F4F7; height: 56px; width: 100%; text-align: center; font-weight: 600;font-size: 20px; color: #082167;}
.request_to_producer_form .input_number_plus_minus input::-webkit-outer-spin-button,
.request_to_producer_form .input_number_plus_minus input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.request_to_producer_form .input_number_plus_minus.disabled {opacity: 0.5}
.white_background_iphone{display: none;}
.request_pieces_section { display: grid; grid-template-areas: "t p" "m m"}
.request_pieces_section > .input_number_plus_minus:nth-of-type(1) {grid-area: t}
.request_pieces_section > .input_number_plus_minus:nth-child(2) {grid-area: m;}
.request_pieces_section > .input_number_plus_minus:nth-of-type(3) {grid-area: p; margin-left: 8px;}
.request_to_producer_form > .calc_totals_section { margin-top: 22px; display: flex; width: 100% }
.request_to_producer_form > .calc_totals_section > div { width: 50% }
.calc_totals_section > .per_ton_block { font-size: 18px;color: #8F97A6;}
.calc_totals_section > .per_ton_block > strong, .calc_totals_section > .per_total_block > div > strong { font-weight: 600;font-size: 20px ;line-height: 150%; color: #002033; }
.calc_totals_section > .per_total_block { padding-left: 8px; font-size: 18px;color: #8F97A6; display: flex; flex-direction:  column }
.calc_totals_section > .per_total_block > div { }
.calc_totals_section > .per_total_block > span { color: #002033; font-size: 14px; line-height: 17px; }
.calc_totals_section > .per_total_block > span > strong {}

@media only screen and (max-width: 800px) {
    div.request_to_producer_modal { padding: 30px 24px 12px 24px; }
    div.request_to_producer_form {margin-top: 30px;}
    .request_to_producer_form > div {max-width: unset !important; padding: unset; !important}
    .request_to_producer_form > div > div:nth-child(2) input {margin: unset; max-width: unset; border-radius: 0;}
    .request_to_producer_form > div > div:nth-child(2) {padding-top: unset}
    .request_to_producer_content {margin-top: unset; margin-bottom: 55px; position: relative; z-index: 9}
    .request_to_producer_content > h3 {font-size: 20px; margin-top: 30px}
    .request_to_producer_content > span > br {display: inherit;}
    .request_to_producer_form {margin-top: 30px;}
    div.request_to_producer_modal .modal_close {padding: 6px 0; width: 30px;}
    .request_to_producer_form > .calc_totals_section { flex-direction: column; }
    .calc_totals_section > .per_total_block { padding-left: 0; }
    .request_to_producer_form > .calc_totals_section > div { width: 100% }
}


/*---------- SUBSCRIBE ------------*/
.select_attribute {position: relative;}
.select_attribute > .select_attribute_input { border: 1px solid #E1E4EB; box-sizing: border-box; border-radius: 4px; min-height: 40px; width: 100%; margin: 6px 0; position: relative; }
.select_attribute > .select_attribute_input > i { cursor:pointer; position: absolute; right: 16px; top: 16px; font-size: 5px; color: #DEDFE3; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.select_attribute.active > .select_attribute_input { border: 1px solid #082167; }
.select_attribute > .select_attribute_input > span { position: absolute; color: #929BAD; font-size: 12px; top: 3px; left: 8px; z-index: 0;}
.select_attribute > .select_attribute_input > span.input_null { font-size: 14px; top: 50%; margin-top: -7px; }
.select_attribute > .select_attribute_input > input {padding: 20px 0 6px 8px; font-size: 14px; width: 100%;color: transparent;text-shadow: 0 0 0 black;cursor: pointer; z-index: 3; position: absolute;}
.select_attribute.active > .select_attribute_input > i { color: #082167; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.select_attribute > div.results_container { box-shadow: 0 2px 2px rgba(0, 32, 51, 0.04), 0 4px 12px rgba(0, 32, 51, 0.1); border-radius: 8px; padding: 10px; display: none; max-height: 250px; overflow-y: auto; flex-direction: column; margin-bottom: 12px; }
.select_attribute.active > .results_container {display: flex; opacity: 1; z-index: 1000; pointer-events: auto; padding: 0; top: 47px;}
.select_attribute.active > .results_container > .result_item {padding: 0 10px; user-select: none; line-height: 36px; text-align: left;}
.select_attribute.active > .results_container > .result_item:hover {background: #f7f8ff;}
.select_attribute.active > .results_container > .bad_result_item {padding: 10px;}
.select_attribute div label { margin: 4px 10px 4px 0; cursor: pointer; }

.subscribe_to_newsletter_modal .multi_input_check > .multi_input_fake {min-height: 48px;}
.subscribe_to_newsletter_modal .multi_input_check > .multi_input_fake > i {top: 21px;}
.subscribe_to_newsletter_modal .multi_input_check > .multi_input_fake > span:not(.input_null) {top: 6px; left: 12px;}
.subscribe_to_newsletter_modal .multi_input_check > .multi_input_fake > .multi_values {margin-top: 20px;}
.subscribe_to_newsletter_modal .select_attribute > .select_attribute_input {min-height: 48px;}
.subscribe_to_newsletter_modal .select_attribute > .select_attribute_input > i {top: 21px;}
.subscribe_to_newsletter_modal .select_attribute > .select_attribute_input > span:not(.input_null) {top: 6px; left: 12px;}
.subscribe_to_newsletter_modal .select_attribute > .select_attribute_input > input {padding: 22px 0 6px 12px;}
.subscribe_to_newsletter_modal .select_attribute.active > .select_attribute_input {border: 1px solid #46A6FF;}
.subscribe_to_newsletter_modal .select_attribute.active > .select_attribute_input > i {color:#46A6FF;}
.subscribe_to_newsletter_modal .select_attribute.active > .results_container {top: 48px;}
.subscribe_to_newsletter_modal .label_block {height: 48px;}
.subscribe_to_newsletter_modal .label_block label {left: 12px; top: 16px; font-size: 14px;}
.subscribe_to_newsletter_modal .label_block label.label_top {font-size: 12px; top: 9px;}
.subscribe_to_newsletter_modal .label_block input {height: 48px; padding-left: 12px;}
.subscribe_to_newsletter_modal .label_block input:focus {border: 1px solid #46A6FF;}
.modal_s_c_inner_content > div { margin-bottom: 12px;}

/*DELIVERY ADDRESS*/
.address_delivery_modal {background: #FFFFFF;border-radius: 8px; padding: 23px 32px 32px 32px; position: relative; min-height: auto }
#ymaps_suggest_input { width: 100%; height: 48px; border-radius: 4px; border: 1px solid #E1E4EB; padding: 16px 9px 16px 12px; margin:20px 0 0 0; }
.address_delivery_modal > button#modal_close {position: absolute; right: 20px; top:20px; cursor: pointer; color:#86868B; padding: 10px }
.address_delivery_modal_inner {display: flex; flex-direction: column; height: 100%;}
.address_delivery_modal > button#modal_close > i {font-size: 14px;}
.header_delivery_modal {margin-bottom: 31px;}
.header_delivery_modal > h1 {font-style: normal;font-weight: 600;font-size: 24px;line-height: 130%;color: #082167; word-break: break-all}
.address_delivery_modal_map { flex:1 0 100%; border: 1px solid #E1E4EB; }
.address_delivery_modal_map > div {height: 416px; width: inherit}
.address_delivery_modal_suggest > button#confirm_delivery_address_btn {font-weight: 600; font-size: 16px;color: #FFFFFF;background: #46A6FF;border-radius: 4px; padding: 0 24px; height: 52px; margin: 40px 0 0 auto;}
.address_delivery_modal_suggest > button#confirm_delivery_address_btn:hover { background: #138EFF; cursor: pointer; }
.address_delivery_modal_suggest > ymaps > ymaps > ymaps { overflow-y: scroll }
#suggest_error {max-height: 0; margin-top: 10px; transition: all .35s ease;font-style: normal;font-weight: normal;font-size: 13px;line-height: 120%; margin-bottom: 8px; color:#ff92b2}

/* --------- Choice of cities ----------- */
.modal_dialog > div.modal_select_cities {max-width: 1140px; background-color: #FFFFFF; border-radius: 16px; margin: 0 auto; padding: 0; min-height: 688px;display: flex; position: relative}
.modal_select_cities > .section_select_cities_left {flex-grow: 1; border-right: 1px solid #E1E4EB; padding: 32px; display: flex; flex-direction: column; height: 100%; position: relative}
.modal_select_cities > .section_select_cities_left > strong {font-weight: 600;font-size: 24px;color: #11131F;}
.modal_select_cities > .section_select_cities_left > .cities_list {display: none;}
.modal_select_cities > .section_select_cities_left > .cities_list.active {display: flex; flex-flow: column wrap; margin-top: 26px;height: 620px;}
.modal_select_cities > .section_select_cities_left > .cities_list ul {margin-bottom: 18px;}
.modal_select_cities > .section_select_cities_left > .cities_list  li > input + label {font-size: 14px;line-height: 150%;display: flex;align-items: center;letter-spacing: 0.5px; color: #082167; cursor: pointer}
.modal_select_cities > .section_select_cities_left > .cities_list  li  a {color: #082167}
.modal_select_cities > .section_select_cities_left > .cities_list  li > input.in_range + label:before {background-color: rgba(0, 82, 204, .1);
    background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.44524 4.51039L0.159668 6.04248L4.37291 9.57781L10.8008 1.91737L9.2687 0.631793L4.1264 6.76015L1.44524 4.51039Z' fill='white'/%3e%3c/svg%3e ");}
.modal_select_cities > .section_select_cities_left > .cities_list  li > input:checked + label:before {background-color: #46A6FF;border: 1px solid #46A6FF;
    background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.44524 4.51039L0.159668 6.04248L4.37291 9.57781L10.8008 1.91737L9.2687 0.631793L4.1264 6.76015L1.44524 4.51039Z' fill='white'/%3e%3c/svg%3e ");}
.modal_select_cities > .section_select_cities_left > .cities_list  li > input + label:before {margin-top: -1px;}
.modal_select_cities > .section_select_cities_left > .cities_list  li > input.last_loop + label {margin-bottom: 16px;}
.modal_select_cities > .section_select_cities_left > .cities_list  li > strong {display: block; font-weight: 600; font-size: 16px; letter-spacing: 0.15px; color: #11131F; margin-bottom: 4px;}
.modal_select_cities > .section_select_cities_right {display: flex; flex-direction: column; flex: 0 1 295px; background: #F4F5F7; border-radius: 0 16px 16px 0; padding: 38px 0 28px;}
.modal_select_cities > .section_select_cities_right > .cities_filters { flex-grow: 1;}
.modal_select_cities > .section_select_cities_right > strong {font-weight: 600;font-size: 14px;letter-spacing: 0.5px; margin-left: 24px;}

@media only screen and (max-width: 1200px) {
    div.modal_select_cities { flex-direction: column;}
    .modal_dialog > div.modal_select_cities {max-width: 600px;}
    .modal_select_cities > .section_select_cities_left { padding-bottom: 180px; z-index: 9; border-right: none;}
    .modal_select_cities > .section_select_cities_left > .cities_list[data-sort="abc"] {height: unset !important; flex-flow: column !important; }
    .modal_select_cities > .section_select_cities_left > .cities_list[data-sort="district"] {display: none}
    .modal_select_cities > .section_select_cities_left > .cities_list  li > input + label {border-bottom: 1px solid #ECEEF3; min-height: 36px;}
    .modal_select_cities > .section_select_cities_right > strong { display: none;}
    .modal_select_cities > .section_select_cities_right > .cities_filters { display: none}
    .modal_select_cities > section.section_select_cities_right { position: fixed; z-index: 15; bottom: 0; max-width:600px; margin: 0 auto; width: 100%;border-radius: 8px 8px 0px 0px;background: #FFFFFF;box-shadow: 4px 2px 16px rgb(0 32 51 / 4%), 0px 4px 30px rgb(0 32 51 / 10%); padding-top: 8px;}
}

.distance_from_city{ width: 100%;padding-left: 24px;padding-right: 24px; margin-top: 16px; }
.distance_from_city > div { display: flex; justify-content: space-between; font-size: 14px; letter-spacing: 0.5px;}
.distance_from_city > input[type=range] { margin-top:10px; width: 100%; margin-bottom: 10px;}

input[type=range].thin_range { height: 2px; -webkit-appearance: none; }
/*progress support*/
input[type=range].thin_range.range_progress { --min: 0; --max: 650; --value: 200; --range: calc(var(--max) - var(--min)); --ratio: calc((var(--value) - var(--min)) / var(--range)); --sx: calc(0.5 * 14px + var(--ratio) * (100% - 14px)); }
/*webkit*/
input[type=range].thin_range::-webkit-slider-thumb { width: 14px; height: 14px; border-radius: 1em; background: #46A6FF; border: 1px solid #FFFFFF; box-shadow: none; margin-top: calc(2px * 0.5 - max(14px * 0.5,1px)); -webkit-appearance: none; }
input[type=range].thin_range::-webkit-slider-runnable-track { height: 2px; border-radius: 4px; background: #E1E4EB; border: none; box-shadow: none; }
input[type=range].thin_range.range_progress::-webkit-slider-runnable-track { background: linear-gradient(#46A6FF,#46A6FF) 0/var(--sx) 100% no-repeat, #E1E4EB; }
/*mozilla*/
input[type=range].thin_range::-moz-range-thumb { width: max(calc(14px - 1px - 1px),0px); height: max(calc(14px - 1px - 1px),0px); border-radius: 1em; background: #46A6FF; border: 1px solid #FFFFFF; box-shadow: none; }
input[type=range].thin_range::-moz-range-track { height: 2px; border-radius: 4px; background: #E1E4EB; border: none; box-shadow: none; }
input[type=range].thin_range.range_progress::-moz-range-track { background: linear-gradient(#46A6FF,#46A6FF) 0/var(--sx) 100% no-repeat, #E1E4EB; }
/*ms*/
input[type=range].thin_range::-ms-fill-upper { background: transparent; border-color: transparent; }
input[type=range].thin_range::-ms-fill-lower { background: transparent; border-color: transparent; }
input[type=range].thin_range::-ms-thumb { width: 14px; height: 14px; border-radius: 1em; background: #46A6FF; border: 1px solid #FFFFFF; box-shadow: none; margin-top: 0; box-sizing: border-box; }
input[type=range].thin_range::-ms-track { height: 2px; border-radius: 4px; background: #E1E4EB; border: none; box-shadow: none; box-sizing: border-box; }
input[type=range].thin_range.range_progress::-ms-fill-lower { height: 2px; border-radius: 4px 0 0 4px; margin: 0; background: #46A6FF; border: none; border-right-width: 0; }

.cities_filters{ }
.cities_filters > .sort_tabs {padding: 0 24px; height: 44px; display: flex; position: relative; border-bottom: 1px solid #E1E4EB;}
.cities_filters > .sort_tabs > a {text-decoration: none; height: 100%; display: flex; align-items: center; font-weight: 500; font-size: 14px; letter-spacing: 0.5px; color: #11131F; position: relative;}
.cities_filters > .sort_tabs > a:not(:first-child) {margin-left: 20px;}
.cities_filters > .sort_tabs > a.active {color: #0052CC;}
.cities_filters > .sort_tabs > a.active:after {content: " "; width:100%; height:2px; background:#0052CC; position: absolute; bottom: -1px;}

.regions_list {padding: 20px 24px; display: flex; flex-direction: column}

input.three_states[data-state='partly'] + label:before { background-color: #46A6FF; border: 1px solid #46A6FF; border-radius: 4px; content: "-"; color: #FFFFFF; padding-left: 3px; font-size: 20px;font-weight: bold; line-height: 12px;}
input.three_states + label:before { margin-right:12px; content: "";}
input.three_states:checked + label:before { background-color: #46A6FF; border: 1px solid #46A6FF; content: "";}
input.three_states + label { font-size: 14px; letter-spacing: 0.5px;color: #11131F; line-height: 130%; margin-bottom: 8px; user-select: none}

.cities_modal_control { padding: 24px 24px 0 24px; width: 100%; }
.cities_modal_control > button {width: 100%; margin-top: 6px;}
.cities_modal_control > div { display: flex; justify-content: center; align-items: center; height: 40px; width: 100%;}
.cities_modal_control > div > a { text-decoration: none; color: #082167; font-weight: 600; font-size: 14px; letter-spacing: 0.5px;}

@media only screen and (max-width: 1000px) {
    .cities_modal_control {padding-top: 10px;}
    .cities_modal_control > div { display: none; }
}

@media only screen and (max-width: 800px) {
    .header_delivery_modal > h1 {margin-bottom: 14px; max-width: 95%; font-size:18px}
    .header_delivery_modal {margin-bottom: 16px;}
    .address_delivery_modal {padding: 20px 24px 20px 24px; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
    .address_delivery_modal > button#modal_close {right: 10px; top:16px;}
    .address_delivery_modal_map > div {height: 364px;}
    /*.address_delivery_modal_suggest { position: fixed; bottom: 0; left: 0; right: 0}*/
}


/*MODAL REQUEST MINI NEW*/

.modal_request_mini_new { margin-bottom: 0px !important; width: 688px !important; height: auto;}
@media only screen and (max-width: 800px) {
    .modal_request_mini_new {width: 100% !important;}
}



/* Modal add position */

@media only screen and (max-width: 800px) {
    .modal_add_position { width: 100%;}
    .modal_add_position > div { width: 100%; min-height: 80vh !important; padding: 16px 16px 200px 16px; overflow-y: auto;}
    .modal_add_position .catalog_block_buttons {position: fixed; bottom: 0; left: 0; right: 0; background: #FFFFFF; padding: 16px; }
    .modal_add_position .main_search_input_multi_additional_block > .label_block {height: unset; margin-bottom: 6px;}
}


/*invoice online modal*/
#fetch_invoice_btn { background: #46A6FF; }
#fetch_invoice_btn:hover {background: #138EFF;cursor: pointer; }
.invoice_online_inputs_block > .lbl_callback_phone {position:relative}
.invoice_online_inputs_block > .lbl_callback_phone > input[name='phone'] {padding: 0 0 0 80px}
.invoice_online_inputs_block > .lbl_callback_phone > input::placeholder {font-weight: normal;font-size: 12px;color: #929BAD;}
.invoice_online_inputs_block > .lbl_callback_phone:before {display: block; content: ''; background: url("../images/russian_flag_ico_mini.png"); width: 16px; height: 16px; position: absolute; top: 20px; left: 16px;}
.invoice_online_inputs_block > .lbl_callback_phone:after {display: block; content: '+7';position: absolute; top: 16px; left: 44px;font-size: 12px; line-height: 20px;font-weight: 400;
    padding:2px 5px; color: #929BAD;background: rgba(146, 155, 173, .1);border-radius: 4px;}

.invoice_online_content {max-width: 472px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.invoice_online_content > h3 {font-weight: 600;font-size: 24px;line-height: 130%;color: #082167;}
.invoice_online_content > p {font-size: 16px;line-height: 140%;margin-top: 8px;}
.invoice_online_form {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; margin-bottom: 20px; z-index: 4}
.invoice_online_form > div:not(.full_width_entity) {max-width: 228px; width: 100%;}
.invoice_online_form .label_block { margin-bottom: 12px; }
.invoice_online_form .label_block label {font-style: normal;font-weight: normal;font-size: 14px;color: #929BAD;position: absolute;top: 20px;left: 8px;-webkit-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;}
.invoice_online_form .label_block label.label_top {top: 7px; -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}
.invoice_online_form .label_block input {  box-sizing: border-box; border-radius: 4px; height: 56px; padding: 24px 8px 8px; min-width: 40%; flex-grow: 1; font-size: 14px ;border: 1px solid #E1E4EB;}
.invoice_online_form .label_block input:focus { border: 1px solid #082167 }
.invoice_online_form .input_number_plus_minus { margin-top: 16px;}
.invoice_online_form .input_number_plus_minus > div:not(.full_width_entity) {display: flex; width: 100%}
.invoice_online_form .input_number_plus_minus span {background: #F3F4F7; height: 56px; font-size: 24px; font-weight: bold; color: #929BAD; display: flex; align-items: center; padding: 0 20px; cursor: pointer; user-select: none}
.invoice_online_form .input_number_plus_minus span:first-child {border-radius: 4px 0 0 4px;}
.invoice_online_form .input_number_plus_minus span:last-child {border-radius: 0 4px 4px 0}
.invoice_online_form .input_number_plus_minus label {color: #929BAD;font-weight: 600;font-size: 14px;line-height: 20px; margin-bottom: 5px}
.invoice_online_form .input_number_plus_minus input { background: #F3F4F7; height: 56px; width: 100%; text-align: center; font-weight: 600;font-size: 20px; color: #082167;}
.invoice_online_form .input_number_plus_minus input::-webkit-outer-spin-button,
.invoice_online_form .input_number_plus_minus input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.invoice_online_form .input_number_plus_minus.disabled {opacity: 0.5}
.invoice_online_form > .calc_totals_section { margin-top: 22px; display: flex; width: 100% }
.invoice_online_form > .calc_totals_section > div { width: 50% }
.invoice_online_form > .full_width_entity { width: 100% }
.invoice_online_form > .full_width_entity > .upload_area { max-height: 47px; }
.invoice_online_form > .request_pieces_section { grid-column-gap: 12px }
.invoice_online_form > .request_pieces_section > .input_number_plus_minus:nth-of-type(3) {margin-left: 0 !important;}
.invoice_online_form > .modal_callback_conf_agree > .checkbox + label > span { padding-right: 0 }

@media only screen and (max-width: 800px) {
    div.request_to_producer_modal { padding: 30px 24px 12px 24px; }
    div.request_to_producer_form {margin-top: 30px;}
    .invoice_online_form > div {max-width: unset; padding: unset;}
    .invoice_online_form > div > div:nth-child(2) input {margin: unset; max-width: unset; border-radius: 0;}
    .invoice_online_form > div > div:nth-child(2) {padding-top: unset}
    .invoice_online_content {margin-top: unset; margin-bottom: 55px; position: relative; z-index: 9}
    .invoice_online_content > h3 {font-size: 20px;}
    .invoice_online_content > span > br {display: inherit;}
    .invoice_online_form {margin-top: 18px;}
    div.request_to_producer_modal .modal_close {padding: 6px 0; width: 30px;}
    .invoice_online_form > .calc_totals_section { flex-direction: column; }
    .calc_totals_section > .per_total_block { padding-left: 0; }
    .invoice_online_form > .calc_totals_section > div { width: 100% }
    .invoice_online_form > div:not(.full_width_entity) { max-width: unset }
    .invoice_online_form > .full_width_entity > .upload_area > div  { flex-direction: row; align-items: center; }
    .invoice_online_form > .full_width_entity > .upload_area > div > i  { margin-bottom:0 }
}

/* For all fixed modal*/

@media only screen and (max-width: 600px) {
    .white_background_iphone { display:block; position: fixed; top:50%; left: 0; right: 0; z-index: 3; background: #fff; height: 50vh; width: 100%}
    .request_to_producer_modal .catalog_block_buttons {position: fixed;bottom: 0;right: 0;left: 0;z-index:100;background: white;display: flex;flex-direction: column; padding: 8px 24px 12px; height: 126px;}
    .catalog_block_buttons.modal_one_button {height: 90px;}
}

#company_cart_files_block div.docs_row {display: flex; height: 42px; align-items: center; width: 49%; margin: auto;}
#company_cart_files_block div.docs_row { margin-bottom: 4px;}
#company_cart_files_block div.docs_row i.icon_pdf {color: #DF0003;font-size: 21px;}
#company_cart_files_block div.docs_row i.icon_word {color: #295396; font-size: 21px;}
#company_cart_files_block div.docs_row i.icon_excel {color: #217346; font-size: 21px;}
#company_cart_files_block div.docs_row i.icon_txt {color: #50555c; font-size: 21px;}
#company_cart_files_block div.docs_row i.icon_jpg {color: #50555c; font-size: 21px;}
#company_cart_files_block div.docs_row i.icon_png {color: #50555c; font-size: 21px;}
#company_cart_files_block .docs_row_desc {margin: 0 8px; flex: 1; overflow: hidden}
#company_cart_files_block .docs_row_desc > a {text-decoration: none;}
#company_cart_files_block .doc_type_blank {width: 40px}
#company_cart_files_block .docs_row_desc p {margin-bottom: 4px; font-style: normal;font-weight: 600;font-size: 14px; line-height: 130%; color: #1B1F26;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#company_cart_files_block .docs_row_desc > span {margin-top: 8px; font-size: 11px}
#company_cart_files_block .icon_upload_file-btn {font-size: 18px;color: #46A6FF; margin-right: 12px;}
#company_cart_files_block .order_product_icon_file_delete {font-size: 16px;color: #929BAD;padding: 3px 12px 3px 3px;cursor: pointer;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#company_cart_files_block .upload_area {font-size:16px;color:#11131F;display: flex;padding: 12px 24px;justify-content: center; min-height:42px;align-items: center;border: 1px dashed #CAD7ED;border-radius: 4px;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#company_cart_files_block .upload_area:hover {border-color: #46A6FF;}
#company_cart_files_block .order_product_icon_file_delete:hover {color: #EF3A5A;}
.files_upload_more {color: #46A6FF;font-style: normal;font-weight: normal;font-size: 14px;line-height: 150%; margin-top:-8px !important; width: fit-content; max-width: fit-content}
.files_upload_more:hover {cursor: pointer}
@media only screen and (max-width: 600px) {
    #company_cart_files_block div.docs_row {width: 100%;}
    #company_cart_files_block .upload_area > div { display: flex; flex-direction: row; text-align: center; font-size: 13px;}
    #company_cart_files_block .upload_area > div > i { margin-bottom: 8px;}
}

/*IVOICE MODAL LOADER*/

.invoice_loading_modal {background: #FFFFFF;padding: 24px 32px; max-width: 346px !important; position: absolute;position: fixed !important;
    left: 50%;top: 50%;transform: translate(-50%,-50%); margin: 0 !important; text-align: center; width: 346px; border-radius: 8px !important; }

.invoice_loading_modal > h1 { color: #082167; font-weight: 600;font-size: 24px;line-height: 130%;}

.invoice_loading_modal > p { font-weight: normal;font-size: 14px;line-height: 150%; color: #545A68; margin-top:4px; }

.invoice_loading_modal > button#modal_close{position: absolute;right: 19px;top: 19px;cursor: pointer;color: #86868B;}

.invoice_modal_loader_content {height: 55px; width: 100%; position: relative}