@charset "utf-8";

/* ------------------------------- RESET ------------------------------- */

html {margin: 0; padding: 0; height: 100%;}
body, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, a, font, small, strong, b, u, i, center, label, form, fieldset, input, button, textarea, img, p, table, tr, th, td, dl, dt, dd {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul, li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
input, button, textarea, select, optgroup, option {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
input, button, textarea, select {font-size: 100%; display: block;}
input[type=text], input[type=submit], textarea{-webkit-appearance: none;}
input[type=text]::placeholder {color: #929BAD; font-size: 14px;}
input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0 50px #fff !important; -webkit-text-fill-color: #1d1d1e !important; color: #1d1d1e !important;}
select {outline: 0;}
:focus {outline: none;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::-moz-focus-inner {border: 0; padding: 0;}

/* ------------------------------- DEFAULT ------------------------------- */

html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {
    background: #fff; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; direction: ltr;
    color: #1d1d1e; display: block; min-width: 320px; font-family: "SF Pro Display", roboto, arial, sans-serif; font-weight: 400;
    font-size: 13px; height: 100%; width: 100%; position: relative; line-height: 1.154;
    -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; letter-spacing: -0.25px;
}
div, label {display: block;}

a {color: #000; text-decoration: underline; -webkit-transition: all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition: all 0.2s ease-out;}
a:hover {text-decoration: none;}

img {vertical-align: middle;}
.dn {display: none;}

.only_mobile {display: none;}
@media only screen and (max-width:800px) {
    .only_mobile {display: inherit;}
}




/* ------------------------------- UI ELEMENTS ------------------------------- */

/*modal*/

#modal {position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: none; opacity: 0;
    filter: alpha(opacity=0); background: rgba(0, 0, 0, 0.8); z-index: 5000;}

#modal.active {display: block; opacity: 1; filter: alpha(opacity=100);}
#modal_container {overflow-y: scroll; z-index: 1201; top: 0; bottom: 0; left: 0; width: 100%; height: 100%;text-align: left; direction: ltr; position: fixed;}
#modal_overlay {position: absolute; width: 100%; min-height: 100%; left: 0; top: 0;}
#modal_content {position: relative; z-index: unset; height: auto; margin: 55px auto 20px; background: transparent; padding: 0; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);}

/* city link */
.city_list.hidden {visibility: hidden; opacity: 0; display: none;}

/* icons */

.icon {
    display: inline-block; font-family: 'glyphicons', serif; font-size: 13px; font-style: normal; text-rendering: auto;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.icon_burger:before {content: "\e809";}
.icon_cart:before {content: "\e808";}
.icon_catalog_lrm_btn:before {content: "\e800";}
.icon_check:before {content: "\e805";}
.icon_close:before {content: "\e801";}
.icon_enter-btn:before {content: "\e80f"}
.icon_like:before {content: "\e802";}
.icon_mail:before {content: "\e80e";}
.icon_point:before {content: "\e804";}
.icon_right_arrow:before {content: "\e80c";}
.icon_left_arrow:before {content: "\e80c";}
.icon_search:before {content: "\e80b";}
.icon_shield:before {content: "\e806";}
.icon_telegram:before {content: "\e80a";}
.icon_time:before {content: "\e807";}
.icon_whats-up:before {content: "\e80d";}
.icon_back_arrow:before {content: "\e810";}
.icon_deilvery:before { content: '\e810'; }
.icon_like_full:before { content: '\e811'; }
.icon_like_border:before { content: '\e812'; }
.icon_position_close:before { content: '\e813'; }
.icon_wallet:before { content: '\e814'; }
.icon_plus:before { content: '\e815'; }
.icon_info:before { content: '\e816'; }
.icon_filter_arrow_up:before { content: '\e817'; }
.icon_sort:before { content: '\e818'; }
.icon_store:before { content: '\e819'; }
.icon_crash:before { content: '\e81a'; }
.icon_filter:before { content: '\e81b'; }
.icon_attention:before { content: '\e81c'; }
.icon_attention_2:before { content: '\e81d'; }
.icon_checkmark:before { content: '\e81e'; }
.icon_delivery:before { content: '\e81f'; }
.icon_attorney:before { content: '\e820'; }
.icon_passport:before { content: '\e821'; }
.icon_edit:before { content: '\e822'; }
.icon_logout:before {content: '\E80F';}
.icon_manager:before { content: '\e823'; }
.icon_params:before { content: '\e824'; }
.icon_clock:before { content: '\e825'; }
.icon_status_order:before { content: '\e826'; }
.icon_rating_star:before { content: '\e827'; }
.icon_geo_full:before { content: '\e828'; }
.icon_big_search:before { content: '\e829'; }
.icon_go_to_chat:before { content: '\e82a'; }
.icon_time_history:before { content: '\e82b'; }
.icon_update:before {content: "\e807";}
.icon_handshake:before { content: '\e82c'; }
.icon_time_shield:before { content: '\e82d'; }
.icon_teamwork:before { content: '\e82e'; }
.icon_checkmark_thin:before { content: '\e82f'; }
.icon_calendar_arrow:before { content: '\e830'; }
.icon_calendar_arrow_r:before { content: '\e830'; }
.icon_pagination_left:before { content: '\e832'; }
.icon_pagination_right:before { content: '\e831'; }
.icon_pdf:before { content: '\e9db'; }
.icon_word:before { content: '\e9dd'; }
.icon_excel:before { content: '\e9de'; }
.icon_txt:before { content: '\e9e9'; }
.icon_jpg:before { content: '\e9e0'; }
.icon_png:before { content: '\e9eb'; }
.icon_delete_8:before { content: '\e833'; }
.icon_upload_file-btn:before { content: '\e834'; }
.icon_profile:before { content: '\e83C'; }
.icon_whatsapp_symbol:before { content: '\e83d'; }
.icon_trusted:before { content: '\e83e'; }
.icon_complaint:before { content: '\e83f'; }
.icon_call:before { content: '\e840'; }
.icon_jivochat:before { content: '\e841'; }
.icon_home:before { content: '\e842'; }
.icon_question_mark:before { content: '\e843'; }
.icon_cart_1:before { content: '\e844'; font-size: 15.5px;}
.icon_filters:before { content: '\e845'; }
.icon_map_btn_ico:before { content: '\e846'; }
.icon_three_states:before { content: '\e84c'; }
.icon_coins:before { content: '\e835'; }
.icon_account:before { content: '\e836'; }
.icon_phone:before { content: '\e837'; }
.icon_thin_mail:before { content: '\e84d'; }
.icon_logout:before { content: '\e84e'; }

.icon_burger, .icon_close, .icon_catalog_lrm_btn {font-size: 14px;font-weight: normal;}
.icon_search_btn_arrow {font-size: 10px;}
.icon_edit { color: #E1E4EB; }
.icon_calendar_arrow_r {transform: rotate(180deg)}
.icon_left_arrow {transform: scaleX(-1)}
.icon_bx_category:before { content: '\e84a'; }
.icon_producer_source:before { content: '\e84b'; }

/* ------------------------------- BUTTONS ------------------------------- */

.button_dark_blue:hover {background: #0D2D87;cursor: pointer;}
.button_dark_blue > img {margin-left: 11px;}
.button_dark_blue > span > .icon_right_arrow {font-size: 9px; vertical-align: middle; margin: 1px 0 0 12px}
.button_dark_blue {width: 234px; height: 54px; color: #FFFFFF; font-style: normal;font-weight: 500;font-size: 16px;background: #082167; cursor: pointer; border-radius: 4px;}
.button_dark_blue:disabled {background-color: #8F97A6;}
.button_light_blue > img {margin-left: 11px;}
.button_light_blue > span > .icon_right_arrow {font-size: 9px; vertical-align: middle; margin: 1px 0 0 12px}
.button_light_blue {width: 234px; height: 54px; color: #FFFFFF; font-style: normal;font-weight: 500;font-size: 16px;background: #46A6FF; cursor: pointer; border-radius: 4px;}
.button_light_blue:disabled {background-color: #8F97A6;}

.big_btn_active {background: #46A6FF !important}
.big_btn_active {background: #082167 !important}
.big_btn_inactive {background:#C4C9D7 !important}
.border-red {border: 1px solid red !important;}

.label_block {position: relative;}
.label_block input {width: 100%;}
.label_block:not(.no-margin) > .margin_left {width: auto; margin-left: 6px;}
.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;}
.label_block label.label_top {top: 7px; -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}
.label_block input {border: 1px solid #E1E4EB;box-sizing: border-box;border-radius: 4px;height: 56px;padding: 24px 8px 8px;min-width: 40%;flex-grow: 1;font-size: 14px;}
.label_block input:focus {border: 1px solid #082167;}

@media only screen and (max-width:600px) {
    .label_block:not(.no-margin) > .margin_left {width: auto; margin-left: 0;}
}

.grey_btn { cursor:pointer; display: flex; flex-direction: row; background: #F8F8F8; padding: 12px; border-radius: 4px; font-size: 13px; line-height: 120%; margin-top: 10px; justify-content: center; align-items: center; }
.grey_btn > i { margin-right: 4px; font-weight: normal; }
.no_found_and_send { font-size: 16px; line-height: 120%; text-align: center; color: #11131F; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 30px 180px; }
.catalog_send_app { background: #1A2038; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 120%; color: white; padding: 10px 30px; margin-top: 15px; }
.light_blue_btn { background-color: #EBF5FF; border-radius: 4px; min-height: 40px; padding: 0px 12px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.cart_order_accept { background: #082167; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 120%; width: 100%; color: white; padding: 13px 20px; margin-top: 15px; }
.accept_form { background: #082167; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 120%; color: white; padding: 17px 23px; margin-top: 15px; }
.open_close {height: 30px; width: 30px; background-color: #F8F8F8; border-radius: 4px; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.open_close .icon_filter_arrow_up {color:#86868B; transform: rotate(180deg); font-size: 5px;}
.active div.open_close {background: #F4FAFF;}
.active div.open_close > .icon_filter_arrow_up {color:rgba(8, 33, 103, 1); transform: rotate(00deg);}
.add_request_and_cart_block {display: flex; column-gap: 12px;}
.catalog_add_to_cart_from_window {font-weight: 600; font-size: 14px;color: #FFFFFF;background: #46A6FF;border-radius: 4px; padding: 0 24px;}
.catalog_add_to_cart_from_window:hover { background: #138EFF; cursor: pointer; }
.catalog_add_to_cart {display: flex; justify-content: center; align-items: center; border-radius: 4px; min-height: 40px;  cursor: pointer; min-width: 40px; width: 40px; height: 40px; background: rgba(76, 168, 252, 0.1)}
.catalog_add_to_cart > .icon_cart_1 {color: #0052CC;}
.product_add_to_cart {display: flex; justify-content: center; align-items: center; border-radius: 4px;  cursor: pointer; height: 40px; background: #EDF6FF; width: 100%;
     text-align: center; position: relative}
.product_add_to_cart > span {line-height: 125%; color: #0052CC; font-size: 16px; font-weight: 600; font-style: normal;}
.product_add_to_cart > .icon {position: absolute; left: 16px;  color: #0052CC;}

.product_add_to_cart:hover {background: rgba(76, 168, 252, 0.25); cursor: pointer;}
.add_to_cart_mini:not(.cart_new_mini) { background: #46A6FF; border-radius: 4px; width: 30px; height: 30px; color: #fff;}
.added_to_cart {background: #EDF6FF; color:#46A6FF;}
.added_to_cart > i {color:#46A6FF; font-weight: normal; font-size: 16px;}
.blue_btn {display: flex; justify-content: center; align-items: center; background: #46A6FF; border-radius: 4px; padding: 0 10px; font-weight: 600; min-height: 40px; min-width: 202px; color: #FFFFFF; font-size: 14px; cursor: pointer;}

@media only screen and (max-width: 1000px) {
    .add_request_and_cart_block {width: 100%;}
    .no_found_and_send {padding: 12px 14px;}
    .catalog_add_to_cart.added_to_cart > i {margin-right: 3px;}
}

/* ------------------------------- HOVERS ------------------------------- */

.filter_add_more:hover,
.cart_order_accept:hover,
.accept_form:hover,
.catalog_send_app:hover {background: #082167; cursor: pointer;color: #FFFFFF; }
.lk:hover,
.catalog_add_to_cart:hover,
.add_to_cart_mini:hover { background: rgba(76, 168, 252, 0.25); cursor: pointer; }
.light_blue_btn:hover { background-color: #E3F1FF;}
.added_to_cart:hover {background: #E8ECF3;}
.add_to_favorite:hover { background: #E2EBF4; color: #46A6FF; cursor: pointer; }
.add_to_favorite:hover.active { background: #E2EBF4; }
.open_item_info > i:hover { cursor: pointer; color: #46A6FF !important; background: rgba(70, 166, 255, 0.2); }
.icon_crash:hover { background: #FFC3CE; }
button.disabled:hover { background: #C4C9D7;}
.blue_btn:hover {background: #138EFF;}

/* checkboxes */

.checkbox { position: absolute; z-index: -1; opacity: 0; }
.checkbox+label { display: inline-flex; align-items: center; user-select: none; }
.checkbox+label::before { content: ''; display: inline-block; width: 16px; height: 16px; flex-shrink: 0; flex-grow: 0; border: 1px solid #adb5bd; border-radius: 0.25em; margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; background-size: 10px 10px; }
.checkbox:not(:disabled):not(:checked)+label:hover::before { border-color: #b3d7ff; }
.checkbox:not(:disabled):active+label::before { background-color: #b3d7ff; border-color: #b3d7ff; }
.checkbox:focus:not(:checked)+label::before { border-color: #80bdff; }
.checkbox:checked+label::before { border: 1px solid #0078D2; background-color: #0078D2; 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 "); }

.checkbox.light_blue+label {font-size: 14px; color: #11131F;}
.checkbox.light_blue+label::before {width: 20px; height: 20px;}
.checkbox.light_blue:checked+label::before { border: 1px solid #46A6FF; background-color: #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 "); }

.checkbox:disabled+label::before {background-color: #e7e7e7; border-color: #e2e2e2}
/* radio */

.radio { position: absolute; z-index: -1; opacity: 0; }
.radio+label { display: inline-flex; align-items: center; user-select: none; color: #11131F; }
.radio+label::before { content: ""; border-radius: 100%; border: 1px solid rgba(0, 66, 105, 0.28); display: inline-block; width: 16px; height: 16px; position: relative; margin-right: 8px; vertical-align: top; cursor: pointer; text-align: center; top: -1px; }
.radio:not(:disabled):active+label::before { background-color: #46A6FF; box-shadow: inset 0 0 0 3px #fff; }
.radio:focus:not(:checked)+label::before { border-color: #46A6FF; }
.radio:checked+label::before { background-color: #46A6FF; box-shadow: inset 0 0 0 3px #fff; }
.radio:checked:disabled+label::before { background-color: #B0B3B6; }

/* checkbox switchs */

.switch_box { display: flex; align-items: center; }
.switch_box label { padding-left: 10px; font-size: 12px; }
.switch-toggle, .switch-toggle:active { display: none; visibility: hidden; height: 0; width: 0; opacity: 0; border: none; outline: none; }
.switch-label { display: block; position: relative; font-size: 12px; line-height: 16px; width: 30px; height: 16px; border-radius: 20px; background: #FFFFFF; border: 1px solid #B0B3B6; cursor: pointer; }
.switch-label:before { content: ''; display: block; position: absolute; z-index: 1; text-indent: 40px; height: 10px; width: 10px; border-radius: 100%; top: 2px; left: 2px; right: auto; background: #B0B3B6; }
.switch-label:after { display: block; position: absolute; z-index: 0; top: 0; left: -300px; padding: 10px; height: 100%; width: 300px; text-align: right; color: #bfbfbf; white-space: nowrap; }
.switch-toggle:checked+.switch-label:before { left: 16px; background: #fff; }
.switch-toggle:checked+.switch-label { border: 1px solid #46A6FF; background: #46A6FF; }

/* ranges */

input.distance_range[type=range] { height: 16px; -webkit-appearance: none; margin: 14px 0 4px; width: 100%; }
input.distance_range[type=range]:focus { outline: none; }
input.distance_range[type=range]::-webkit-slider-runnable-track { width: 100%; height: 6px; cursor: pointer; background: rgba(6, 53, 187, 0.1); border-radius: 3px; }
input.distance_range[type=range]::-webkit-slider-thumb { box-shadow: 0 0 0 #000000; border: 0 solid #2497E3; height: 10px; width: 10px; border-radius: 5px; background: #082167; cursor: pointer; -webkit-appearance: none; margin-top: -2px; }
input.distance_range[type=range]::-moz-range-track { width: 100%; height: 6px; cursor: pointer; box-shadow: 0 0 0 #000000; background: rgba(6, 53, 187, 0.1); border-radius: 3px; border: 0 solid #000000; }
input.distance_range[type=range]::-moz-range-thumb { box-shadow: 0 0 0 #000000; border: 0 solid #2497E3; height: 10px; width: 10px; border-radius: 5px; background: #082167; cursor: pointer; }
input.distance_range[type=range]::-ms-track { width: 100%; height: 6px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; }
input.distance_range[type=range]::-ms-fill-lower { background: rgba(6, 53, 187, 0.1); border: 0 solid #000000; border-radius: 6px; box-shadow: 0 0 0 #000000; }
input.distance_range[type=range]::-ms-fill-upper { background: rgba(6, 53, 187, 0.1); border: 0 solid #000000; border-radius: 6px; box-shadow: 0 0 0 #000000; }
input.distance_range[type=range]::-ms-thumb { margin-top: 1px; box-shadow: 0 0 0 #000000; border: 0 solid #2497E3; height: 10px; width: 10px; border-radius: 5px; background: #082167; cursor: pointer; }
input.distance_range[type=range]:focus::-ms-fill-lower { background: rgba(6, 53, 187, 0.1); }
input.distance_range[type=range]:focus::-ms-fill-upper { background: rgba(6, 53, 187, 0.1); }
.range_container { display: flex; justify-content: center; align-items: center; height: 55px; flex-direction: column; position: relative; width: 100%; }
.range_value { position: absolute; left:0; top: 3px; font-size: 14px; color: white; background-color:  #082167; border-radius: 12px; transition: 0.5s color ease; padding: 2px 7px 1px; white-space: nowrap; }

/* multi_input_check */

.multi_input_check > .multi_input_fake { border: 1px solid #E1E4EB; box-sizing: border-box; border-radius: 4px; min-height: 40px; width: 100%; margin: 6px 0; padding: 0 10px; position: relative; }
.multi_input_check > .multi_input_fake > 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); }
.multi_input_check.active > .multi_input_fake { border: 1px solid #46A6FF; }
.multi_input_check > .multi_input_fake > span { position: absolute; color: #929BAD; font-size: 12px; top: 0; }
.multi_input_check > .multi_input_fake > span.input_null { font-size: 14px; top: 50%; margin-top: -7px; }
.multi_input_check.active > .multi_input_fake > i { color: #46A6FF; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.multi_input_check > .multi_input_fake > .multi_values { max-width: 100%; padding-right: 25px; margin-top: 15px; }
.multi_input_check > .multi_input_fake > .multi_values > span { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #ECEEF3; border-radius: 12px; padding: 2px 23px 2px 9px; font-size: 12px; height: 20px; z-index: 2; position: relative; margin-right: 4px; margin-bottom: 4px; }
.multi_input_check > .multi_input_fake > .multi_values > span > i { cursor: pointer; width: 14px; height: 14px; background-color: #fff; border-radius: 7px; right: 5px; position: absolute; display: inline-flex; justify-content: center; align-items: center; }
.multi_input_check > .multi_input_fake > .multi_values > span > i::before { cursor: pointer; font-family: 'glyphicons'; font-style: normal; font-size: 10px; color: #86868B; content: '\e813'; }
.multi_input_check > div.full_width { 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; }
.multi_input_check.active > div.full_width { display: flex; }
.multi_input_check> div.full_width > input { margin-bottom: 10px; display: inline-flex; min-height: 18px;}
.multi_input_check div label { margin: 4px 10px 4px 0; cursor: pointer;}

@media only screen and (max-width: 1000px) {
    .multi_input_check> div.full_width > input { margin-bottom: 10px; display: inline-flex; min-height: 18px;}
    .multi_input_check div label { margin: 4px 10px 4px 0; cursor: pointer; display: inline-flex; min-height: 18px;}
}


/*TEXT COLORS*/

.text_red {color: rgba(239, 58, 90, 1);}

.flx_centered {display: flex;align-items: center;justify-content: center;}
#main_sheet {display: flex;flex-direction: column; height: 100vh;}
.main_content {flex: 1 0 auto; background-color: #fff;}

.main_search_input::placeholder, .main_search_input {font-size: 14px; color: #555E70;}

/* new header*/
/*-------*/

.hide_navigation + #overlay_header_catalog {top:68px;}

.header_and_preview {background-image: url("../images/arma-main-bg.jpg"); background-repeat: no-repeat; background-size: contain; background-color: #46A6FF; background-position-x: right; background-position-y: 50px;}
header.header {min-height: 68px; display: flex; position: relative; z-index: 1; flex-wrap: wrap}
header.header > .header_container {width: 100%;margin: 0;display: flex;align-items: center; position: relative; height: 88px;padding: 0 24px; background-color: #FFFFFF; justify-content: space-between;}
header.header.header_fixed > .header_container {background: #ffffff}

/*header fixed*/
header.header_fixed {position: fixed; top:0; left: 0; right: 0;}
#overlay_header_catalog {top:128px;}
.section_single > .section_search_content {margin-top: 82px}
@media only screen and (max-width: 1000px) {
    .section_single > .section_search_content {margin-top: 68px; display: block}
}

@media only screen and (max-width: 960px) {
    header.header > .header_container {padding: 0 16px;}
}

@media only screen and (max-width: 480px) {
    header.header > .header_container {height: 71px;}
}

.header_navigation_container {width: 100%; height: 40px; background: #0052CC; border-bottom: 1px solid #E1E4EB; display: flex; justify-content: space-between; padding: 0 24px}

.header_navigation_container > button { background: #46A6FF; padding: 0 17px; font-style: normal;font-weight: 600;font-size: 16px;line-height: 130%;text-align: center;letter-spacing: 0.15px;color: #FFFFFF; white-space: nowrap}
.header_navigation_container > button:hover {background: #138EFF;cursor: pointer;}

.header_navigation_container > ul {display: flex;}
.header_navigation_container > ul > li {font-size: 14px; color: #fff; display: flex; align-items: center; margin-left: 25px; line-height: 20px;}
.header_navigation_container > ul > li:hover {opacity: 0.8}
.header_navigation_container > ul > li > a {font-weight: 500; font-size: 14px; color: #fff; text-decoration: none}
.header_navigation_container > ul > li > i {margin-right: 8px;}
.header_navigation_container > ul > li > i.icon_account {font-size: 18px;}
.header_navigation_container > ul > li.header_logout > a > i{font-size: 16px;}


@media only screen and (max-width: 960px) {
    .header_navigation_container > ul > li.header_lk_link {display: none;}
    .header_navigation_container > ul > li.cart_link_li {display: none;}
    .header_navigation_container > ul > li.header_logout {display: none;}
    .header_navigation_container {padding: 0 16px}
}

@media only screen and (max-width: 480px) {
    .header_navigation_container {display: none;}
}

.header_left_area {display: flex; align-items: center;}
.header_left_area #menu_burger > i {color: #FFFFFF}

.hidden_white {display: none;}
.header_interact_btn {display: flex; align-items: center; }

.header_right_area {height: 100%; display: flex;justify-content: flex-end;align-items: center; }
.header_right_area > ul a {white-space: nowrap;}

.header_rspm { display: flex; align-items: center;}
.header_rspm > img {width: 46px; height: 13px; margin-right: 10px;}
.header_rspm > span {color: #fff; font-weight: normal;font-size: 12px; line-height: 18px;}

@media only screen and (max-width: 960px) {
    .header_rspm > span {display: none;}
}

.header_cart_product {position: relative; }
.header_cart_product > i {color: #fff; margin-right: 10px; font-size: 14px;}

#menu_cart_total {position: absolute; display: none; z-index: 7; background: #F7CD65; color: #11131F; bottom: -3px; left: 10px; font-size: 8.5px; font-weight: 700; line-height: 12px; min-width: 12px; height: 12px; padding: 0 3px 0 2px; text-align: center; border-radius: 6px;}

.header_cart_product.active #menu_cart_total {display: block;}

.header_logo {display: flex; align-items: center;}

@media only screen and (max-width: 1000px) {
    .header_logo > img.metal_logo_img { width: 200px;}
}

@media only screen and (max-width: 800px) {
    .header_logo > img.metal_logo_img { width: unset; content:url('/images/new_metal_logo_mb.svg');}
}

.open_catalog_mobile {display: none;}

@media only screen and (max-width: 1000px) {
    .open_catalog_mobile {display: flex; color: #082167; height: 40px; width: 34px; align-items: center; justify-content: flex-start;}
    .open_catalog_mobile > i {font-size: 12px; font-weight: normal; line-height: 12px;}
}

.header_tagline {font-weight: 500;font-size: 16px;line-height: 150%;color: #11131F; padding-left: 50px;position: relative; max-width: 320px; display: flex; align-items: center;margin-right: 30px;}
.header_tagline:before {position: absolute; left: 25px; height: 20px; width: 1px;background: #E1E4EB; content: "";}

@media only screen and (max-width: 1000px) {
    .header_tagline { font-size: 14px; padding-left: 30px; max-width: 270px;}
    .header_tagline:before {left: 15px;}
}

@media only screen and (max-width: 800px) {
    .header_tagline { display: none;}
}

#selected_city_id {font-style: normal;font-weight: 600;font-size: 14px;line-height: 150%;color: #11131F; margin-left: 6px;}
.header_chose_city_btn {max-width: 214px; display: flex; background: rgba(76, 168, 252, 0.1); border-radius: 4px; height: 40px; margin-right: 12px; padding: 0 20px 0 15px; line-height: 40px; align-items: center}
.header_chose_city_btn > i {font-size: 17px;}
.header_chose_city_btn:hover {cursor:pointer; background: rgba(76, 168, 252, 0.2);}

@media only screen and (max-width: 1400px) {
    .header_chose_city_btn {width: 40px; padding: 0; justify-content: center;flex-shrink: 0;}
    .header_chose_city_btn > span {display: none}
}

@media only screen and (max-width: 800px) {
    .header_chose_city_btn {display: none}
}

li > a.logout_href {margin-left: 4px; height: 40px; width: 40px; border-radius: 4px; background: #46A6FF; display: flex; justify-content: center; align-items: center; text-decoration: none;}
li > a.logout_href > i {color: #FFFFFF}
li > a.logout_href:hover {background: #138EFF}

.menu_phone_li {display: flex; margin-left: 32px; flex-shrink: 0;flex-direction: column; text-align: left}
.menu_phone_li > a {text-decoration: none; font-style: normal;font-weight: 600;font-size: 20px;color: #11131F;  margin-bottom: 4px; display: block}
.menu_phone_li > a:hover { text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 4px;}
.menu_phone_li > a > i {display: none;}
.menu_phone_li > span {font-weight: normal;font-size: 14px;color: #787878;}
.menu_phone_li > span > strong {font-weight: 600;}

@media only screen and (max-width: 1200px) {
    .menu_phone_li {margin-left: 24px;}
}

@media only screen and (max-width: 960px) {
    .menu_phone_li {display: none}
}

.callback_li_btn > button {font-weight: 600;font-size: 16px;line-height: 130%;letter-spacing: 0.15px;color: #0052CC; border-radius: 4px;padding: 10px 16px; background: rgba(0, 82, 204, .1);}
.callback_li_btn > button:hover {cursor: pointer}

.menu_subscribe_li {display: flex; flex-direction:column; text-align: left; margin-left: 0px}
.menu_subscribe_li > span,
.menu_phone_li > div> span { font-size: 14px;color: #787878;}
.menu_subscribe_li > a {font-style: normal;font-weight: 600;font-size: 20px;color: #082167; text-decoration-style: dotted; text-underline-offset: 4px; margin-bottom: 4px;}
.menu_subscribe_li > a:hover { text-decoration: underline}
.menu_subscribe_li > a > i {display: none;}

@media only screen and (max-width: 1200px) {
    .menu_subscribe_li > a > span {display: none;}
    .menu_subscribe_li > span {display: none;}
    .menu_subscribe_li > a { height: 40px; width: 40px; background: rgba(8, 33, 103, 0.1);border-radius: 4px; display: flex; justify-content: center; align-items: center; text-decoration: none; margin-bottom: 0}
    .menu_subscribe_li > a:hover { text-decoration: none}
    .menu_subscribe_li > a > i {display:block;color: #082167; font-size: 19px; font-weight: normal; line-height: 18px;}
}

@media only screen and (max-width: 960px) {
    .menu_subscribe_li {display: none;}
}

.menu_account_li {display: none;}

@media only screen and (max-width: 960px) {
    .menu_account_li {display: flex; margin-left: 8px;}
    .menu_account_li > a { height: 40px; width: 40px; background: rgba(8, 33, 103, 0.1);border-radius: 4px; display: flex; justify-content: center; align-items: center; text-decoration: none; margin-bottom: 0}
    .menu_account_li > a:hover { text-decoration: none}
    .menu_account_li > a > i {display:block;color: #082167; font-size: 18px; font-weight: normal; line-height: 18px;}
}

.menu_logout_li {display: none;}

@media only screen and (max-width: 960px) {
    .menu_logout_li {display: flex; margin-left: 8px;}
    .menu_logout_li > a { height: 40px; width: 40px; background: transparent; display: flex; justify-content: center; align-items: center; text-decoration: none; margin-bottom: 0}
    .menu_logout_li > a:hover { text-decoration: none}
    .menu_logout_li > a > i {display:block;color: #082167; font-size: 16px; font-weight: normal; line-height: 18px;}
}

.header_cart_link {display: none;}

@media only screen and (max-width: 960px) {
    .header_cart_link {margin-left: 8px; line-height:40px; position: relative;display: flex;justify-content: center;align-items: center;border-radius: 4px;min-height: 40px;cursor: pointer;min-width: 40px;width: 40px;height: 40px; background: #F3F4F7;}
    .header_cart_link > a > i {color: #787878; font-weight: normal; font-size: 15.5px;}
    #menu_cart_total_mobile {position: absolute;display: none;z-index: 7;background: #F7CD65;color: #11131F;bottom: -3px;right: -3px;font-size: 10px;font-weight: 700;line-height: 16px;width: 16px;text-align: center;border-radius: 8px;}
    .header_cart_link.active #menu_cart_total_mobile {display: block; }
    .header_cart_link {background: rgba(76, 168, 252, 0.1);}
    .header_cart_link > a > i {color: #0052CC;}
}

.header_links { display: flex; background: #fff; height: 40px; width: 100%; padding: 0 24px; align-items: flex-start; border-bottom: 1px solid #E1E4EB; }
.header_links > div { display: flex; background: #fff; width: 100%; align-items: flex-start; max-width: 1300px;}
.header_links > div > a { font-weight: 500; font-size: 16px; text-decoration: none; line-height: 150%; margin-right: auto;}
.header_links > div > a:first-child { color: #082167;}
.header_links > div > a:last-child { margin-right: 0!important;}
.header_links > div > a:not(:first-child) { color: #11131F;}
.header_links > div > a:not(:first-child):hover { color: #929BAD;}

@media only screen and (max-width: 800px) {
    .header_links { height: 30px; padding: 0 16px; overflow-x: auto; overflow-y: hidden;-ms-overflow-style: none; scrollbar-width: none; }
    .header_links::-webkit-scrollbar {height: 0px; background: transparent; }
    .header_links > div > a {font-size: 14px;margin-right: 33px; white-space: nowrap; display: block;}
}

#header_catalog_btn {display: flex; justify-content: center; align-items: center; flex-shrink: 0;}
#header_catalog_btn > i {font-size: 12px;line-height: 12px; color:#082167; margin-right: 18px;}
#header_catalog_btn:hover {color: #4CA8FC;}
#header_catalog_btn:hover > i {color: #4CA8FC;}

@media only screen and (max-width: 1000px) {
    #header_catalog_btn {display: none;}
}

.mobile_bottom_section .menu_phone_li,
.mobile_bottom_section  .menu_subscribe_li { flex-direction: row; margin: auto;}
.mobile_bottom_section .menu_phone_li img,
.mobile_bottom_section  .menu_subscribe_li > img { align-self: center; margin-right: 10px; user-select: none; }
.mobile_bottom_section .menu_phone_li > div > a,
.mobile_bottom_section .menu_subscribe_li > div > a {text-decoration-style: dotted;text-underline-offset: 4px;font-style: normal;font-weight: 600;font-size: 16px;color: #11131F;height: 20px;line-height: 20px;}
.mobile_bottom_section .lk_li_btn {display: flex; flex-direction: column; align-items: center;}
.mobile_bottom_section .lk_logout_mobile_link {margin-top: 10px; color: #787878}

.lk_blue_btn {display: flex;justify-content: center;align-items: center;background: #46A6FF;border-radius: 4px;padding: 0 10px;min-height: 40px;min-width: 202px;cursor: pointer; width: 100%;font-size: 16px;color: #FFFFFF;font-weight: 600;}

header.catalog_head { background-color: #fff; height: 68px; display: flex;  box-shadow: 0px 2px 2px rgba(0, 32, 51, 0.04), 0px 4px 12px rgba(0, 32, 51, 0.1); font-size: 16px; font-weight: 300; position: relative; z-index: 5; }
header.sticky_catalog_head {position: sticky; top:0}

header.account_head { position: fixed; width: 100%; }
.catalog_container {max-width: 1440px; width: 100%; padding: 0 20px; margin-left: auto; margin-right: auto;}
.catalog_container_multi_offset_top {margin-top: 172px !important;}
.cart_container {max-width: 1440px; width: 100%; height: 100%; padding: 0 20px; margin-left: auto; margin-right: auto;}
@media only screen and (max-width: 1000px) {.cart_container {padding: 0 12px;} .catalog_container{padding: 0 16px;} .catalog_container_multi_offset_top {margin-top: 0 !important;}}

#menu_favorite_total {position: absolute; display: none; z-index: 7; background: #fff; color: #0052CC; top: -7px; right: -7px; font-size: 10px; font-weight: 700; line-height: 16px; width: 16px; text-align: center; border-radius: 8px;}
#menu_favorite_total.active {display: block;}

.header .header_left_area #menu_burger > i {color: #000000;}
.header.inner {z-index: 20;}
.header.inner #menu_favorite_total {background: #0052CC; color: #fff;}


/*MENU FOR CATALOG WITH EMAIL AND CALLBACK*/


/*HOME PAGE BLUE*/
.header_container_blue #header_catalog_btn {color: #11131F;}
.header_container_blue + .header_navigation_container {background: rgba(255, 255, 255, 0.1); border-top:1px solid rgba(255, 255, 255, 0.2);border-bottom:1px solid rgba(255, 255, 255, 0.2); border-radius: 4px;}

.hide_navigation > .header_navigation_container { display: none;}

.hide_navigation ~ .mobile_catalog_menu { padding-top: 128px;}

@media only screen and (max-width: 800px) {
    .hide_navigation ~ .mobile_catalog_menu { padding-top: 118px;}
}

@media only screen and (max-width: 480px) {
    .hide_navigation ~ .mobile_catalog_menu { padding-top: 101px;}
}

/*****/
#lk_btn {padding: 11px 28px 11px 28px; background: #46A6FF; color: #FFFFFF; border-radius: 4px;border: none; cursor: pointer; margin-left: 4px; font-size: 16px; white-space: nowrap; font-weight: 600;}
#lk_btn:hover {background: #138EFF}
#lk_mobile {width: 40px; height: 40px; margin-left: 4px; border-radius: 4px; background: #46A6FF; color: #FFFFFF; display: none; padding: 0; cursor: pointer; min-width: 40px;}
#lk_mobile_2 {display: none;}


.section_preview {display: flex;flex-direction: column;justify-content: center;flex: 1 1 40%; min-height: 310px;}
.header_inner_white_fixed + .section_preview {margin-top: 168px;}

.preview_title {padding: 0 0 24px 0;color: #FFFFFF;font-weight: 300;font-size: 40px; line-height: 140%;}
.preview_title b {font-weight: 600;}
.preview_description {font-size: 16px; font-style: normal; font-weight: normal; color: #FFFFFF; line-height: 160%;}
.top_search_area > h1 {font-style: normal;font-weight: 600;font-size: 30px;color: #FFFFFF;margin-bottom: 16px;}
.section_preview_container {width: 100%;padding: 0 0 0 16%;text-align: left;}
.section_main_search {background: #46A6FF;flex: 1 1 auto;}
.top_search_area {margin: 0 16% 32px 16%;text-align: left;flex-direction: column;justify-content: center;display: table;width: 60%;}

@media only screen and (max-width: 1400px) {
    #lk_btn {display: none}
    #lk_mobile{display:block;}
}

@media only screen and (max-width: 1000px) {
    .preview_title{margin-top:0 }
    .section_preview{min-height:302px;}
    header.header::after{display:none;}
    #menu_burger{display:block;}
    header.header.header_fixed:not(.header_inner_white_fixed) > .header_links {box-shadow: 4px 2px 16px rgba(0, 32, 51, 0.04), 0px 4px 30px rgba(0, 32, 51, 0.1); border-bottom: none}
    header > .header_container {width: 90%}
    button.lk { display: block; font-size: 24px; border-radius: 8px; padding: 6px 8px 7px 7px; }
    button.lk > i { display: block; font-size: 24px; }
}

@media only screen and (max-width: 600px) {
    .section_preview{min-height:auto; flex: 1 1 30%; margin-top: 30px;}
    .section_preview_container {width: 90%;}
    .preview_title {padding: 0 0 12px 0;}
    .preview_description { margin-bottom: 12px;}
    /*.metal_logo_img {width: 102px; margin-bottom: 0}*/
}


@media only screen and (max-width: 800px) {
    .preview_title {font-size:24px;}
    .top_search_area > h1 {font-size: 24px; margin-bottom: 10px;}
    .preview_description {font-size:14px;}
    .big_screen_blocks {display: none;}
    /* modal */
    .modal_dialog { overflow-y: auto; }
    .modal_dialog > div { padding: 60px 12px 12px; }
    .modal_tabs { border-bottom: 1px solid #E1E4EB; }
    .modal_tabs > div { font-size: 16px; margin-right: 20px; }
    .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.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%; }
    .delivery_modal_content > div:nth-child(1) { flex-direction: column; }
    .delivery_modal_content > div:nth-child(1) > div { margin-top: 8px; }
}

/* --------------------------- CITY OFFER --------------------------------*/

.city_offer {opacity:1; z-index: 200; transition: all 0.3s linear;width: 320px;height: 276px;position: fixed;right: 20px;top: 178px;background: #FFFFFF;box-shadow: 0px 2px 2px rgba(0, 32, 51, 0.04), 0px 4px 12px rgba(0, 32, 51, 0.1);border-radius: 4px; padding: 24px 28px; display: flex; flex-direction: column; justify-content: space-between;}
.city_offer.hidden {opacity: 0;transition: all 0.2s linear;visibility:hidden; z-index: -1;}
.city_offer > h3 {font-weight: 600;font-size: 24px;line-height: 130%;color: #082167;}
.city_offer > div {align-items: center;}
.city_offer > div > button {height: 52px; width: 100%; font-weight: 600;font-size: 16px;line-height: 130%;letter-spacing: 0.5px;}
.city_offer > div > div {height: 52px; width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 8px;}
.city_offer > div > div>  a {text-decoration: none;font-weight: 600;font-size: 16px;line-height: 130%;letter-spacing: 0.5px;color: #555E70;}

@media only screen and (max-width: 600px) {
    .city_offer {width: unset; top: unset; left: 20px; right: 20px;bottom:20px; }
}

/* ------------------------------- CONTENT ------------------------------- */

main.catalog_container, main.cart_container { margin-top: 25px; }

.catalog_row { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-right: -15px; margin-left: -15px; }
.cart_row { min-height:100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-right: -15px; margin-left: -15px; }

.catalog_col { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; margin-bottom: 50px; }

.catalog_col_article {flex: 0 1 auto; max-width: 1440px; }
.cart_col_article { padding-right: 10px; padding-left: 15px; flex: 0 1 auto; max-width: 100%; }

.catalog_col_aside { -ms-flex: 0 0 286px; flex: 0 0 286px; max-width: 286px; }
.cart_col_aside { -ms-flex: 0 0 350px; flex: 0 0 350px; max-width: 350px; }

.table_item_name { flex-grow: 1; justify-content: flex-start; flex-shrink: 1 !important; }
.table_item_name > div { display: flex; color: #002033; font-size: 14px; align-items: flex-end}
.table_item_name > div:nth-child(2) { font-weight: 600; }

@media only screen and (max-width: 800px) {
    .table_item_name { position: relative; max-width: 70%; }
    .table_item_name > div { word-wrap: break-word; overflow: hidden; width: 100%; }
}

@media only screen and (max-width: 600px) {
    .table_item_name { position: relative; max-width: 55%; }
    .table_item_name > div:nth-child(2) { flex:1 0 auto; }
}

.cart_table_break { display:none; flex-basis: 100%; height: 0; padding: 0; }
@media only screen and (max-width: 800px) {
    .cart_table_break { display:flex; min-height: auto !important; padding: 0 !important; height: 0; }
}

.catalog_item_mini_logo { position: relative; width: 24px; height: 24px; min-width: 24px; margin-right: 11px; border-radius: 24px; background-position: center; background-size: contain; background-repeat: no-repeat; box-shadow: 0 2px 2px rgba(0, 32, 51, 0.04), 0 4px 12px rgba(0, 32, 51, 0.1);}
.cart_item_mini_logo { width: 20px; height: 20px; margin-right: 9px; border-radius: 10px; background-position: center; background-size: contain; background-repeat: no-repeat; box-shadow: 0px 2px 2px rgba(0, 32, 51, 0.04), 0px 4px 12px rgba(0, 32, 51, 0.1);}
.catalog_item_mini_logo ~ .icon_trusted {font-size: 20px; color: #408EF7; margin-left: 5px;}

.catalog_item_mini_logo.no_photo {background: #8F97A6;}
.catalog_item_mini_logo.no_photo:before {content: attr(data-first-letter); position: absolute; font-size: 11px; line-height: 24px; top: 1px; width: 24px; color: #FFF; height: 24px; display: flex; justify-content: center; align-items: center;font-style: normal;}

.catalog_item_links {margin-top: 10px; margin-bottom: 10px; display: flex; align-self: flex-end; flex-grow: 1;}
.catalog_item_links > button {font-size: 14px; line-height: 120%; color: #082167;  margin-right: 12px; background-repeat: no-repeat; background-position: left center; text-decoration: none;}
.catalog_item_links > button > .icon {font-size: 18px; margin-right: 6px;}

@media only screen and (max-width: 1000px) {
    .catalog_item_links{ display: none !important; }
}

.mobile_catalog_menu { display: none; }
.mobile_fade { display: none; }

@media only screen and (max-width: 1200px) {
    .cart_row { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; flex-direction: column; margin-right: -15px; margin-left: -15px; }
    .cart_col_aside { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: fixed; z-index: 100; bottom: 0; padding: 0; margin-bottom: 0; }
    .cart_col_article { flex: 0 0 auto; max-width: 100%; padding-right: 15px; margin-bottom: 160px; }
}

.open_item_info { padding-left: 0; }
.open_item_info > i { height: 30px; width: 30px; min-width: 30px; background-color: #ECECEC; border-radius: 4px; cursor: pointer; display: flex; justify-content: center; align-items: center; }
.open_item_info > i.icon_info { font-size: 18px; color: #082167; }
.active .open_item_info > i.icon_info { background-color: rgba(70, 166, 255, 0.2); }
.active .open_item_info > i.icon_info { color: #46A6FF; }

.account_item_info .show_mobile.break,
.account_item_info .only_mobile,
.catalog_item_info .show_mobile.break,
.catalog_item_info .only_mobile { display: none; }

.order_comment { position: relative; max-width: 510px; }
.order_comment textarea { padding: 10px; border: 1px solid #E1E4EB; box-sizing: border-box; border-radius: 4px; background: #fff; width: 100%;  min-height: 100px; resize: none; }
.order_comment span { color: #929BAD; position:absolute; bottom: 13px; right: 12px; z-index: 2; }

.order_attention { color: #46A6FF; font-size: 14px; background: #EBF5FF; border-radius: 4px; display: inline-block; padding: 9px; margin: 9px 0 ; }
.order_attention > i { margin-right: 8px; }
.attention_orange { color: #EE8222; background: #FFF0EB; }
.dop_params > span { background: #ECEEF3; border-radius: 12px; font-size: 12px; padding: 2px 7px; margin: 0 4px 4px 0; display: inline-block;}
.space_between_block { display: flex; flex-direction: row; justify-content: space-between; }
.specification {display: flex !important; flex-direction: column; justify-content: center; font-size: 14px; line-height: 20px; text-decoration: none; padding-left: 48px; height: 40px; background: url("../images/specification.png") no-repeat left 50%; background-size: contain}
.specification > span { color: #929BAD; }

.sort_block { display: flex; align-items: center;}
.sort_block > strong { margin-right: 10px; font-size: 14px; font-weight: 600; margin-left: 24px; }
.sort_block > strong:nth-child(1) { margin-left: 0; }
.sort_block > select { background-color: #FFF; height: 32px; font-size: 14px; color: #082167; border-radius: 4px; border: none; padding: .6em 1.4em .5em .8em; box-shadow: 0 2px 2px rgba(0, 32, 51, 0.04), 0 4px 6px rgba(0, 32, 51, 0.1); background-image: url('../images/select_arrow.svg'); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
.sort_block > select::-ms-expand { display: none; }
.sort_block > select > option { position: absolute; }

/* MODAL SUCCESS */
.modal_success_notify {background: #FFFFFF; width: 100%; height: 100%; min-height: unset !important; padding: 24px 32px; border-radius: 8px; text-align: center; position: relative}
.modal_success_notify > button.modal_close {position: absolute; right: 15px;top:15px; cursor: pointer}
.modal_success_notify > button > i {color:#86868B; font-size: 10px;}
.modal_success_notify > h1 {color: #082167;font-weight: 600;font-style: normal;font-size: 24px;line-height: 120%; margin-bottom: 24px;}
.modal_success_notify > a {text-decoration: none; color: #46A6FF;font-style: normal;font-weight: normal;font-size: 14px;line-height: 120%;}
.modal_success_notify > p {font-size: 14px; line-height: 21px;}
#button_block {margin-top: 24px;}
.modal_success_notify .button_dark_blue {width: 100%;}
.modal_success_notify > i {display: none;}

@media only screen and (max-width: 600px) {
    .modal_request_info {position:fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0 !important; min-height: 100vh; height: 100%; overflow-y: hidden;}
    .modal_request_info > div {width: 100%; height: 100%; min-height: 100vh; position: fixed; overflow-y: hidden; padding: 60px 24px 12px;}
    .modal_request_info > div > .modal_scroll {overflow-y: scroll; height: 100%; padding: 0 16px; position: relative;}
    .modal_success_notify {height: 100%; border-radius: 20px !important; padding-top: 40%; width: 90% !important;margin: 26% auto !important;}
    .modal_success_notify > i {display: block; font-size: 48px; color: #082167;}
    #button_block {padding: 0 5%; width: 100%; margin-bottom: 15px;}
}

.disabled_field, .disabled_company_field {background: #F8F8F8;}

/* HINTS */
.show_hint {position: relative; cursor:pointer;}
.show_hint.active::after { content: attr(data-hint); position: absolute; margin-left: -120px; margin-top: 12px; width: 268px; height: 128px; z-index: 100; padding: 12px; box-shadow: 0px 2px 2px rgba(0, 32, 51, 0.14), 0px 4px 12px rgba(0, 32, 51, 0.2); border-radius: 4px; font-size: 14px; line-height: 150%; text-align: center; color: #002033; white-space: pre; font-family: "SF Pro Display", roboto, arial, sans-serif; display: flex; align-items: flex-end;justify-content: center;
    background-color: #FFFFFF; background-image: url("../images/android-chrome-192x192.png"); background-size: 44px 38px; background-repeat: no-repeat; background-position: top 12px center;}

.show_hint_mini {position: relative}
.show_hint_mini:hover::after { content: attr(data-hint); position: absolute; right: 0; top:100%; margin-top: 9px; z-index: 10; padding: 6px 12px; box-shadow: 0px 2px 2px rgba(0, 32, 51, 0.14), 0px 4px 12px rgba(0, 32, 51, 0.2); border-radius: 4px; font-size: 14px; line-height: 150%; text-align: center; color: #002033; white-space: pre; font-family: "SF Pro Display", roboto, arial, sans-serif; display: flex; align-items: flex-end;justify-content: center;
    background-color: #FFFFFF;}
.show_hint_mini.hint_left:hover::after{ right: unset; left: 0;}
.show_hint_mini.disable_hint:hover::after {display: none}
.show_hint_mini.active:hover::after {content: attr(data-hint-active);}

.show_hint_default {position: relative}
.show_hint_default > span {display: none;}
.show_hint_default:hover > span { display:block; z-index: 4; margin-top:12px; position: absolute; width: 256px; left:-108px; padding: 6px 12px; box-shadow: 0px 2px 2px rgba(0, 32, 51, 0.14), 0px 4px 12px rgba(0, 32, 51, 0.2); border-radius: 4px; font-size: 14px; line-height: 150%; text-align: center; color: #002033; font-family: "SF Pro Display", roboto, arial, sans-serif; align-items: flex-end;justify-content: center;
    background-color: #FFFFFF; margin-left: 12px;}

.show_hint_input {position: relative}
.show_hint_input > span {display: none;}

.hints_filter{position: absolute;}
.hints_filter > span {position: fixed; display: flex;z-index: 101; left:230px; width: 256px; padding: 6px 12px; box-shadow: 0px 2px 2px rgba(0, 32, 51, 0.14), 0px 4px 12px rgba(0, 32, 51, 0.2); border-radius: 4px; font-size: 14px; line-height: 150%; text-align: center; color: #002033; white-space: pre; font-family: "SF Pro Display", roboto, arial, sans-serif; align-items: flex-end;justify-content: center;
    background-color: #FFFFFF; margin-left: 12px;}
.hints_filter > span:before{ content: ""; position: absolute; top: 50%; margin-top: -5px; left: -10px; border-left: 5px solid transparent; border-top:5px solid transparent; border-right: 5px solid #fff; border-bottom: 5px solid transparent; z-index: 5;}
.hints_filter > span:after{ content: ""; position: absolute; top: 50%; margin-top: -5px; left: -10px; width: 3px; height: 3px; box-shadow: 0px 2px 12px rgb(0 32 51); z-index: 3;}

@media only screen and (max-width: 1000px) {
    .show_hint::after {font-weight: normal;}
    .show_hint:target::after {display: none;}
    .show_hint_mini:target::after {display: none;}
}

/*FILES*/
#tmp_file {visibility: hidden}

.order_product_files.loader:before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 2000
}
.order_product_files.loader:after {
    content: ''; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; border: 3px solid #ffffff;
    -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); border-top-color: transparent; border-radius: 50%; opacity: 1;
    -webkit-animation: modal_loader infinite 1s ease-in-out; animation: modal_loader infinite 1s ease-in-out; z-index: 3000;
}
@-webkit-keyframes modal_loader {
    to {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}
    from {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}
}

@keyframes modal_loader {
    to {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}
    from {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}
}

/*INVOICE_LOADER */


.invoice_modal_loader_content.loader:before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; z-index: -20000
}
.invoice_modal_loader_content.loader:after {
    content: ''; position: absolute; top: 50%; left: 50%; width: 25px; height: 25px; border: 3px solid #082167;
    -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); border-top-color: transparent; border-radius: 50%; opacity: 1;
    -webkit-animation: modal_loader infinite 1s ease-in-out; animation: modal_loader infinite 1s ease-in-out; z-index: 3000;
}


/*// FILES*/
.files_content_row {display:flex !important; flex-wrap: wrap}
.files_content_row div.docs_row {display: flex; height: 42px; align-items: center; width: 49%; background: transparent !important;}
.files_content_row div.docs_row { margin-bottom: 4px;}
.files_content_row div.docs_row i.icon_pdf {color: #DF0003;font-size: 21px;}
.files_content_row div.docs_row i.icon_word {color: #295396; font-size: 21px;}
.files_content_row div.docs_row i.icon_excel {color: #217346; font-size: 21px;}
.files_content_row div.docs_row i.icon_txt {color: #50555c; font-size: 21px;}
.files_content_row div.docs_row i.icon_jpg {color: #50555c; font-size: 21px;}
.files_content_row div.docs_row i.icon_png {color: #50555c; font-size: 21px;}
.files_content_row .docs_row_desc {margin: 0 8px; flex: 1; overflow: hidden}
.files_content_row .docs_row_desc > a {text-decoration: none;}
.files_content_row .doc_type_blank {width: 40px}
.files_content_row .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;}
.files_content_row .docs_row_desc > span {margin-top: 8px; font-size: 11px}
.files_content_row .icon_upload_file-btn {font-size: 18px;color: #46A6FF; margin-right: 12px;}
.files_content_row .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;}
.files_content_row .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;}
.files_content_row .upload_area:hover {border-color: #46A6FF;}
.files_content_row .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: 800px) {
    #files_content_row .upload_area > div { display: flex; flex-direction: column; text-align: center; font-size: 13px;}
    #files_content_row .upload_area > div > i { margin-bottom: 8px;}
}

/*add cart product window*/
.add_cart_product_modal {background: #FFFFFF;border-radius: 8px; padding: 23px 32px 32px 32px; position: relative; min-height: auto}
.add_cart_product_modal > button#modal_close {position: absolute; right: 19px; top:19px; cursor: pointer; color:#86868B;}
.add_cart_product_modal > button#modal_close > i {font-size: 14px;}
.header_modal_fixed_cart_product {margin-bottom: 31px;}
.add_cart_product_item_layout:not(:first-of-type){margin-top: 22px}
.header_modal_fixed_cart_product > h1 {font-style: normal;font-weight: 600;font-size: 24px;line-height: 130%;color: #082167; margin-bottom: 8px; word-break: break-all}
.header_modal_fixed_cart_product > .offer_layout_notify {background: rgba(70, 166, 255, 0.1);border-radius: 4px; padding: 4px 8px; display: table}
.header_modal_fixed_cart_product > .offer_layout_notify > p {font-style: normal;font-weight: 400;font-size: 14px;line-height: 150%;align-items: flex-end;color: #002033;}
.add_cart_product_info {display: flex; height: 52px;}
.add_cart_product_info > div {width: 100%; display: flex; flex-direction: column; justify-content: space-around; margin-left: 14px; overflow: hidden}
.add_cart_product_info > div > .item_long_title {font-style: normal;font-weight: 600;font-size: 16px;line-height: 130%;letter-spacing: 0.15px;color: #002033; text-overflow: ellipsis;white-space: nowrap; overflow: hidden}
.add_cart_product_info > div > div:first-child {display: flex;color: #002033;font-size: 14px;align-items: flex-end;}
.add_cart_product_inputs {margin-top: 16px; display: flex}
.add_cart_product_inputs label {font-style: normal;font-weight: normal;font-size: 12px;color: #929BAD;;position: absolute;top: 16px;left: 8px;transition: all .35s ease; line-height: 20px;}
.add_cart_product_inputs label.label_top {top: 7px;transition: all .35s ease;}
.inner_input_block > input {border: 1px solid #E1E4EB; height: 52px; border-radius: 4px; padding: 16px 8px 0; width: 100%; font-size: 14px; color: #1B1F26;}
.add_cart_product_inputs > .label_block:not(:last-of-type) { margin-right: 8px;}
.add_cart_product_inputs > .label_block.lbl_ton, .add_cart_product_inputs > .label_block.lbl_meter {width: 15%;}
.add_cart_product_inputs > .label_block.lbl_store, .add_cart_product_inputs > .label_block.lbl_price {width: 20%;}
.add_cart_product_inputs > .label_block.lbl_total {flex:1 1;}
.add_cart_product_item_layout:not(:last-of-type) {border-bottom: 1px solid #E1E4EB;}
.add_cart_product_item_layout:not(:last-of-type) .add_cart_product_inputs {margin-bottom: 8px;}
.add_cart_product_bottom_block {display: flex; justify-content: flex-end; margin-top: 24px;}
#button_cart_add_window:disabled {background: #E1E4EB; !important;}
#button_cart_add_window {font-size: 16px; color: #fff;}
#button_cart_add_window > span {color: #fff;}
.add_cart_product_bottom_block > button.add_cart_continue {font-style: normal;font-weight: 600;font-size: 16px;letter-spacing: 0.5px;color: #46A6FF; margin-right: 28px; cursor: pointer; height: 54px; line-height: 54px}
.lbl_disabled > .inner_input_block {background: rgba(206, 209, 216, 0.1); }
.lbl_disabled > .inner_input_block input {color:#C6CBD5;}
.lbl_disabled > .inner_input_block label {color:#929BAD}
.connect_to_whats_app {min-width: 40px;height: 40px;background-color:#20B038;color: #082167;border-radius: 4px;cursor: pointer;display: flex;justify-content: center;align-items: center;padding: 0 12px;}
.connect_to_whats_app > i {color:#FFFFFF;}
.connect_to_whats_app:hover {background-color: #149E2B;}

@media only screen and (max-width: 800px) {
    .header_modal_fixed_cart_product > h1 {margin-bottom: 14px; max-width: 95%}
    .header_modal_fixed_cart_product {margin-bottom: 16px;}
    .add_cart_product_item_layout:not(:first-of-type){margin-top: 16px}
    .add_cart_product_item_layout:last-of-type {margin-bottom: 96px;}
    .add_cart_product_modal {display: flex;z-index: 13;flex-direction: column;background-color: #fff;max-width: 100%;border-radius: 8px 8px 0 0;padding: 23px 32px 0 32px; margin:72px auto auto; min-height: 80vh;}
    .add_cart_product_inputs {flex-direction: column}
    .add_cart_product_inputs > .label_block {width: 100% !important;}
    .add_cart_product_bottom_block { flex-direction: column-reverse;}
    .add_cart_product_bottom_block > button.add_cart_continue {margin-right: 0;}
    .add_cart_product_bottom_block {position: fixed; bottom:0; right: 0; left: 0; padding: 8px 24px 8px 24px; background: #ffffff; z-index: 18}
    .add_cart_product_item_layout:not(:last-of-type) .add_cart_product_inputs {margin-bottom: 16px;}
    .add_cart_product_modal > button#modal_close {right: 24px; top:32px;}
    .add_cart_product_modal .add_cart_product_info > div > div:first-child > span {font-style: normal;font-weight: 500;font-size: 12px;line-height: 114%;color: #002033;letter-spacing: 0.2px;}
    .header_modal_fixed_cart_product > .offer_layout_notify > p {font-size: 12px;}

}

/* Real select */
.real_select {position: relative;min-height: 40px;width: 100%;margin: 6px 0;}
.real_select > span {position: absolute;color: #929BAD;font-size: 12px;top: 6px;left: 12px;z-index: 0;}
.real_select[data-state=active] .real_select_title {border: 1px solid #46A6FF;}
.real_select[data-state=active] .real_select_title::after {transform: rotate(0deg); color: #46A6FF;}
.real_select[data-state=active] .real_select_content  {opacity: 1;display: block;}
.real_select[data-state=active] .real_select_label + .real_select_input + .real_select_label {max-height: 40px;border-top-width: 1px;}
.real_select_title {display: flex;align-items: center;width: 100%;height: 48px;padding: 22px 0 6px 12px;font-size: 14px;line-height: 120%;color: #555E70;cursor: pointer;z-index: 9;position: relative;
    border: 1px solid #E1E4EB;box-sizing: border-box;border-radius: 4px;}
.real_select_title::after {font-family: 'glyphicons', serif;content: "\e817";position: absolute;top: 50%;margin-top: -2px;right: 16px;font-size: 5px;color: #DEDFE3;line-height: 5px;}
.real_select_title::after {transform: rotate(180deg);}
.real_select_content {display: none;flex-direction: column;width: 100%;background-color: #ffffff;transition: all 0.3s ease-out;opacity: 0;z-index: 8;box-shadow: 0 2px 2px rgb(0 32 51 / 4%), 0 4px 12px rgb(0 32 51 / 10%);border-radius: 8px;max-height: 250px;overflow-y: auto;margin-bottom: 12px;margin-top: 1px;}
.real_select_input {display: none;}
.real_select_input:disabled + label {opacity: 0.6;pointer-events: none;}
.real_select_label {display: flex;align-items: center;width: 100%;height: 36px;font-size: 14px;padding: 0 12px;transition: all 0.2s ease-out;cursor: pointer;overflow: hidden;}
.real_select_label + input + .real_select_label {border-top: 0 solid #c7ccd160;}
.real_select_label:hover {background-color: #f7f8ff; !important;}

/*404 page*/
.not_found_layout {margin:0 auto; width: 95%;}
.not_found_layout > p {font-style: normal;font-weight: normal;font-size: 18px;line-height: 130%;letter-spacing: 0.15px;color: #000000;}
.big_code_layout > svg {max-height: 445px;}
.cls-1_404 {isolation:isolate;}
.cls-2_404 {opacity:0.15;mix-blend-mode:multiply;}
.cls-3_404 {fill:#E1E4EB;}
.back_from_404_btn {width: 213px; height: 48px; border-radius: 4px; background: #082167; display: block; margin:40px auto; line-height: 48px; text-align: center; color: #FFFFFF; text-decoration: none; font-size: 14px;}
.back_from_404_btn:hover {background: #0D2D87;cursor: pointer;}

@media only screen and (max-width: 800px) {  .big_code_layout > svg {max-height: 170px;}  }

/*catalog banners */
.catalog_banner_top_block {width: 100%; display: flex; height: 192px; margin: 176px 0 20px 0;}
.catalog_banner_top_block > div {border-radius: 4px; border: 4px solid #ffffff; box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.07), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);}
.wide_range_block {background: rgba(76, 168, 252, 0.1);}
.verified_providers_block {background: #F5F7FD;}
.wide_range_block, .verified_providers_block {width: 30%; margin-right: 24px;}
.actual_prices_block {width: 40%; background: rgba(149, 177, 203, 0.2); position: relative}
.actual_prices_block > img {position: absolute; right: 0; top: 0; object-fit: contain; max-width: 60%}
.actual_prices_block > .catalog_banner_bottom_block {position: absolute; bottom: 16px; right: 16px; left: 20px; display: flex; justify-content: space-between}
.actual_prices_block > .catalog_banner_bottom_block > h3, .verified_providers_block > h3, .wide_range_block > h3 {font-style: normal;font-weight: bold;font-size: 20px;letter-spacing: 0.15px;color: #082061;}
.actual_prices_block > .catalog_banner_bottom_block > button {width: 192px; height: 52px; text-align: center; background: #46A6FF; border-radius: 4px; letter-spacing: 0.5px;color: #FFFFFF; font-size: 16px;}
.actual_prices_block > .catalog_banner_bottom_block > button:hover {background: #138EFF;cursor: pointer;}
.verified_providers_block, .wide_range_block {padding: 20px; display: flex; flex-direction: column; justify-content: space-between}
.verified_providers_block > .verified_providers_img_block, .wide_range_block > .wide_range_img_block {margin: 3px 0 0 3px}
.on_prices_subscription_block {height: 246px; padding: 4px; position: relative;width: 100%; margin-top: 20px;
    box-shadow: 0px 2px 2px rgba(0, 32, 51, 0.14), 0px 4px 12px rgba(0, 32, 51, 0.2); border-radius: 4px;}
.on_prices_subscription_block > div {border-radius: 2px;background: #294083;background-image: url(../../images/subscribe_bg.png);background-repeat: no-repeat;background-position: right bottom;background-size: inherit; width: 100%; height: 100%;
    display: flex; justify-content: space-between; flex-direction: column; }
.on_prices_subscription_info_block {padding: 20px 18px 0 20px;}
.on_prices_subscription_block > div > button {background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(48px); border-radius: 4px; font-size: 14px; color: rgba(70, 166, 255, 1); height: 40px; margin: 0 12px 12px 12px; opacity: .8; font-weight: 600}
.on_prices_subscription_block > div > button:hover {background: #ffffff; backdrop-filter: unset; opacity: 1; cursor: pointer}
.on_prices_subscription_info_block > h3 {margin-bottom: 8px; font-style: normal;font-weight: bold;font-size: 20px;line-height: 130%;align-items: center;letter-spacing: 0.15px;color: #FFFFFF;}
.on_prices_subscription_info_block > p {font-style: normal;font-size: 14px;line-height: 150%;color: #FFFFFF;font-weight: 400}
.catalog_col > .on_prices_subscription_block {display: none;}

@media only screen and (max-width: 1000px) {
    .catalog_banner_top_block,
    .aside_ineer > .on_prices_subscription_block {display: none;}
    .catalog_col > .on_prices_subscription_block {display: flex; height: 206px;}
}

/* CALL BUTTON mobile version */
.call_button_and_chat_block { position: fixed; bottom: 24px; right: 24px; z-index: 10; display: none;}
.call_button_and_chat_block > a {text-decoration: none; width: 65px;  background: #102E68; height: 65px; border-radius: 50%;  box-shadow: 0px 12px 13px rgba(0, 0, 0, 0.1); display: flex; justify-content: center; align-items: center;}
.call_button_and_chat_block > a > i {color: white; font-size: 22px;}
.call_button_and_chat_block > a.call_button { border: 3px solid #FFFFFF; background: #46A6FF; font-size: 48px; color: white;}

@media only screen and (max-width: 1000px) {
    .call_button_and_chat_block {display: block;}
}

.catalog_col > .on_prices_subscription_block {display: none;}
@media only screen and (max-width: 1000px) {
    .catalog_banner_top_block,
    .aside_ineer > .on_prices_subscription_block {display: none;}
    .catalog_col > .on_prices_subscription_block {display: flex; height: 206px;}
}

/*catalog banners modal*/
.callback_success_notify {background: #FFFFFF;border-radius: 8px;min-height: auto; padding:24px 32px 32px 32px; text-align: center}
.callback_success_notify > h1 {font-style: normal;font-weight: 600;font-size: 24px;line-height: 130%;color: #082167; margin-bottom: 4px;}
.callback_success_notify > p {font-style: normal;font-weight: normal;font-size: 14px;line-height: 150%;color: #545A68; margin-bottom: 24px;}
.callback_success_notify > button:not(#modal_close) {background: #082167;border-radius: 4px;font-weight: 600;font-size: 16px;line-height: 125%;letter-spacing: 0.5px;color: #FFFFFF;width: 100%; height: 52px;}

.modal_s_c_frame {background: #FFFFFF;border-radius: 8px;position: relative;min-height: auto; padding:32px;}
.modal_s_c_frame > button#modal_close, .callback_success_notify > button#modal_close {position: absolute;right: 19px;top: 19px;cursor: pointer;color: #86868B;}
.modal_s_c_inner_bottom_section {display: flex;justify-content: flex-end;margin-top: 32px;}
.modal_s_c_inner_bottom_section > button:nth-of-type(1) {font-style: normal;font-weight: 600;font-size: 16px;letter-spacing: 0.5px;color: #46A6FF;margin-right: 32px;cursor: pointer;height: 52px;line-height: 52px;}
.modal_s_c_inner_bottom_section > button:nth-of-type(2) {background: #46A6FF; color:#ffffff;font-style: normal;
    font-weight: 600;font-size: 16px;letter-spacing: 0.5px;cursor: pointer;height: 52px;line-height: 52px;display: flex;
    justify-content: center;align-items: center;border-radius: 4px;padding: 0 10px;min-height: 40px;min-width: 160px;}
.modal_s_c_inner_bottom_section > button:nth-of-type(2):disabled {background: #E1E4EB;}
.modal_s_c_inner_bottom_section > button:nth-of-type(2):not(:disabled):hover {background: #138EFF;cursor: pointer;}
.header_modal_fixed_s_c {margin-bottom: 30px;}
.header_modal_fixed_s_c > h1 {font-style: normal;font-weight: 600;font-size: 24px;line-height: 130%;color: #082167; margin-bottom: 8px;}
.header_modal_fixed_s_c > p {font-style: normal;font-weight: normal;font-size: 14px;line-height: 150%;color: #11131F;}
.subscribe_to_newsletter_modal .white_background_iphone {display: none;}

@media only screen and (max-width: 600px) {
    .header_modal_fixed_s_c {margin-bottom: 24px;}
    .header_modal_fixed_s_c > h1 {margin-bottom: 12px;}
    .header_modal_fixed_s_c > p {margin-right: 15%;}
    .subscribe_to_newsletter_modal .white_background_iphone {display: block;}
    .modal_s_c_inner_content {z-index: 10;position: relative; margin-bottom: 188px;}
    .modal_s_c_frame {display: flex;z-index: 13;flex-direction: column;background-color: #fff;max-width: 100%;border-radius: 8px 8px 0 0;padding: 23px 24px 0 24px;margin: 72px auto auto;}
    .modal_s_c_inner_bottom_section {position: fixed;bottom: 0;right: 0;left: 0;padding: 8px 24px 8px 24px;background: #ffffff;z-index: 18;flex-direction: column-reverse;}
    .modal_s_c_inner_bottom_section > button:nth-of-type(1) {margin-right: 0}
}

.modal_s_c_inputs label.label_top {top: 3px;transition: all .35s ease;}
.modal_s_c_inputs label {font-style: normal;font-weight: normal;font-size: 12px;color: #929BAD;position: absolute;top: 14px;left: 12px;transition: all .35s ease;line-height: 20px;}
.modal_s_c_inputs input {border: 1px solid #E1E4EB;height: 48px;border-radius: 4px;padding: 14px 12px 0;width: 100%;font-size: 14px;color: #1B1F26;}
.modal_s_c_inputs > .lbl_callback_phone {position:relative}
.modal_s_c_inputs > .lbl_callback_phone > label {left: 80px;}
.modal_s_c_inputs > .lbl_callback_phone > input[name='phone'] {padding: 3px 0 0 80px}
.modal_s_c_inputs > .lbl_callback_phone > input::placeholder {font-weight: normal;font-size: 12px;color: #929BAD;}
.modal_s_c_inputs > .lbl_callback_phone:before {display: block; content: ''; background: url("../images/russian_flag_ico_mini.png"); width: 16px; height: 16px; position: absolute; top: 16px; left: 16px;}
.modal_s_c_inputs > .lbl_callback_phone:after {display: block; content: '+7';position: absolute; top: 13px; 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;}
.modal_s_c_inputs > .inline_input_section {display: flex;}
.modal_s_c_inputs > .inline_input_section > div {flex: 1 1;}
.modal_s_c_inputs > .inline_input_section > div:first-child {margin-right: 12px;}
.modal_s_c_inputs > .inline_input_section > .select_attribute.active > .results_container {top: 57px;}
.modal_s_c_inputs > .inline_input_section > .select_attribute.active > .results_container > .result_item {line-height: 48px; height: 48px;}
.modal_s_c_inputs > .inline_input_section .select_attribute_input {margin: 0; border:unset; min-height: 48px;}
.modal_s_c_inputs > .inline_input_section .select_attribute_input > i {top:20px;}
.modal_s_c_inputs > .inline_input_section .select_attribute_input > span.input_null {margin-top:-9px; font-size: 12px;}
.modal_s_c_inputs > .inline_input_section .select_attribute_input > span {top: 5px; color: #929BAD;font-size: 12px;line-height: 20px; font-weight: 400;}
.modal_s_c_inputs > .inline_input_section .select_attribute_input > input {padding-bottom: 5px;font-size: 12px;line-height: 20px; font-weight: 400; color:#11131F; text-shadow: unset}
.modal_callback_conf_agree > .checkbox + label::before {margin-right: 16px; align-self: flex-start;}
.modal_callback_conf_agree > .checkbox + label > span {font-style: normal;font-weight: normal;font-size: 14px;line-height: 150%;color: #11131F;padding-right: 30%}
.modal_callback_conf_agree > .checkbox + label > span > a {color: #46A6FF; text-decoration: none}
.modal_callback_conf_agree > .checkbox { margin-right: 16px;}
.modal_callback_conf_agree { margin-top: 16px;}

@media only screen and (max-width: 800px) {
    .modal_s_c_inputs > .inline_input_section > div:first-child {margin-right: 0; margin-bottom: 12px;}
    .modal_s_c_inputs > .inline_input_section {flex-direction: column}
    .modal_callback_conf_agree > .checkbox + label > span {padding-right: 10%}
}

/*hiddden currency*/
span.cury_hdn { position: absolute; visibility: hidden; }


#set_offer_city { font-size: 16px;display: flex;justify-content: center;align-items: center;background: #46A6FF;border-radius: 4px;padding: 0 10px;min-height: 40px;min-width: 202px;color: #FFFFFF;font-weight: 600;cursor: pointer; }
#set_offer_city:hover { background: #138EFF; cursor: pointer; }


/* Catalog , Category and Product page */

.param_select_attribute {width: 100%;}
.param_select_attribute > .param_title {font-weight: 600;font-size: 16px;color: #929BAD;}
.param_select {position: relative;min-height: 56px;width: 100%;margin: 10px 0 0; flex-grow: 1;}
.param_select.disabled {user-select: none; opacity: 0.5}
.param_select > div > span {position: absolute;color: #929BAD;font-size: 12px;top: 6px;left: 12px;z-index: 0; display: none}
.param_select > div > input {width: 100%; height: 100%; padding-left: 16px; z-index: 10; cursor: pointer}
.param_select::after {font-family: 'glyphicons', serif;content: "\e817";position: absolute;top: 50%;margin-top: -2px;right: 16px;font-size: 5px;color: #082167;line-height: 5px; z-index: 9;}
.param_select::after {transform: rotate(180deg);}
.param_select[data-state=active]::after {transform: rotate(0deg);}
.param_select[data-state=active] .param_select_content  {opacity: 1;display: block; position: absolute}
.param_select[data-state=active] .param_select_label + .param_select_input + .param_select_label {max-height: 40px;border-top-width: 1px;}
.param_select_title {display: flex;align-items: center;width: 100%;height: 56px; line-height: 120%;color: #11131F; font-size: 14px;cursor: pointer;position: relative;
    box-sizing: border-box;border-radius: 4px; background: #F3F4F7;}
.param_select_content {display: none;flex-direction: column;width: 100%;background-color: #fcfcfc;transition: all 0.3s ease-out;opacity: 0;z-index: 11;
    box-shadow: 0 2px 2px rgb(0 32 51 / 4%), 0 4px 12px rgb(0 32 51 / 10%);border-radius: 8px;overflow-y: auto;margin-bottom: 12px;margin-top: 1px; max-height: 200px;}
.param_select_input {display: none;}
.param_select_input:disabled + label {opacity: 0.6;pointer-events: none;}
.param_select_label {display: flex;align-items: center;width: 100%;height: 36px;font-size: 14px;padding: 0 12px;transition: all 0.2s ease-out;cursor: pointer;overflow: hidden;}
.param_select_label.hidden {display: none;}
.param_select_label + input + .param_select_label {border-top: 0 solid #c7ccd160;}
.param_select_label:hover {background-color: #f7f8ff; !important;}
.param_select_input_hidden{display: none}
.zero_result {display: none; padding: 12px; font-size: 14px;}

@media only screen and (max-width: 1000px) {
    .param_select_attribute {width: 100%;}
    .param_select_attribute > .param_title {display: none}
    .param_select > div > span {display: block; font-weight: 500;font-size: 13px; top: 10px; left: 16px;}
    .param_select > div > input {width: 100%; height: 100%; padding-left: 16px; padding-top: 16px; z-index: 10; cursor: pointer}
}

.inputs_attribs {display: flex; flex-direction: row; justify-content: space-between; align-items:center; width: 100%; max-width: 100%;}
.inputs_attribs > div:not(.border_inputs) {flex: 1}
.inputs_attribs > div:not(:first-child) {margin-left: 18px;}
.border_inputs { height: 100%; width: 1px; background: #E1E4EB;}

@media only screen and (max-width: 1000px) {
    .inputs_attribs {flex-direction: column; position: relative;}
    .inputs_attribs > div {width: 100%; margin-left: 0 !important;}
    .inputs_attribs > div:not(.border_inputs) {padding: 0 18px;}
    .border_inputs {height: 1px; width: 100%; position: relative; margin-top: 16px; margin-bottom: 8px;}
}

.input_number_plus_minus { width: 100%;}
.input_number_plus_minus > div {display: flex; width: 100%; margin-top: 10px; align-self: flex-end}
.input_number_plus_minus > strong {font-weight: 600;font-size: 16px;color: #929BAD;}
.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;
    -ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none; touch-action: manipulation;}
.input_number_plus_minus span:first-child {border-radius: 4px 0 0 4px;}
.input_number_plus_minus span:last-child {border-radius: 0 4px 4px 0}
.input_number_plus_minus label {color: #929BAD;font-weight: 600;font-size: 14px;line-height: 20px; margin-bottom: 5px}
.input_number_plus_minus input { background: #F3F4F7; height: 56px; width: 100%; text-align: center; font-weight: 600;font-size: 20px; color: #082167;}
.input_number_plus_minus input::-webkit-outer-spin-button,
.input_number_plus_minus input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.input_number_plus_minus.disabled {opacity: 0.5}

@media only screen and (max-width: 1000px) {
    .input_number_plus_minus { width: 100%; margin-top: 10px;}
    .input_number_plus_minus > div {margin-top: 4px;}
    .input_number_plus_minus > strong {}
    .input_number_plus_minus:not(:first-child) {margin-left: 0;}
}

/*landing delivery change block*/

.category_delivery_block { padding: 0 24px; background: #F4F5F7 !important ; border: 1px solid #E1E4EB; border-radius: 8px; width: 100%;
    display: grid; min-height: 88px; align-items: center; grid-template-columns: 1fr 1fr 1px 1fr 1fr 1fr; margin-top: 12px; }
.category_delivery_block > div:not(.border_inputs) { height: 48px; }
/*.category_delivery_block > div:not(:first-child) { margin-left: 18px }*/
.category_change_variant_block {background: #FFFFFF; border-radius: 4px; grid-column: 1/3; display: flex; padding: 4px; margin-right: 18px; }
.category_change_variant_block > button { flex-grow: 1; width: 100%; border-radius: 4px; font-weight: 500; font-size: 16px; line-height: 130%; letter-spacing: 0.5px; color: #082167; }
.category_change_variant_block > button.selected { background: #082167; color: #FFFFFF }
.category_change_variant_block > button:hover { cursor: pointer; }
.category_suggest_delivery_block { background: #FFFFFF; grid-column: 4/6; margin-left: 18px; border-radius: 4px;}
.category_suggest_delivery_block > input { background: #F3F4F7; width: 100%; font-weight: 400; font-size: 16px; color: #11131F; padding: 16px 14px; background: transparent}
.category_suggest_delivery_block > input::placeholder { font-size: 16px; color: #11131F; opacity: 0.6; }
.category_map_point { grid-column: 6/7; padding-left: 18px; border-radius: 4px; }
.category_map_point > button:hover { cursor: pointer }
.category_map_point > button > span { font-weight: 400; font-size: 16px; line-height: 20px; color: #46A6FF; }
.category_map_point > button > i {  font-size: 20px; line-height: 20px; color: #46A6FF; font-weight: 400; }
.category_map_point > button { height: 100%; padding: 14px 16px;  width: 100%; display: flex; justify-content: space-between; background: #FFFFFF; border-radius: 4px;}
.category_suggest_delivery_block > ymaps > ymaps > ymaps { border: unset; top: 3px; background: #FFFFFF;box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);border-radius: 8px; }
.category_suggest_delivery_block > ymaps > ymaps > ymaps > ymaps > ymaps:first-child { margin-top: 0 }
.category_suggest_delivery_block > ymaps > ymaps > ymaps > ymaps > ymaps { height: 42px; line-height: 42px;}
.category_suggest_delivery_block > ymaps > ymaps > ymaps > ymaps > ymaps > ymaps:hover { background-color: #F4F5F7}
.category_suggest_delivery_block > ymaps > ymaps > ymaps > ymaps > ymaps:not(:last-child) { border-bottom: 1px solid #E1E4EB; }

@media only screen and (max-width: 800px) {
    .category_delivery_block { grid-template-rows: 1fr; grid-template-columns: 1fr; }
    .category_suggest_delivery_block, .category_map_point, .category_suggest_delivery_block { grid-column: 1/2 }
    .category_change_variant_block {margin-right: 0; margin-top: 16px; }
    .category_suggest_delivery_block {margin-left: 0; margin-bottom: 8px; }
    .category_map_point { grid-column: 1/2; padding-left: 0; margin-bottom: 16px; }
    .category_delivery_block > .border_inputs { margin: 16px 0 ;}
}

/*METAL TEACH MODAL*/
.metal_tech_modal { padding: 48px 109px; }
.metal_tech_modal .inline_input_section { flex-wrap: wrap; display: flex; justify-content: space-between}
.metal_tech_modal .inline_input_section > div:not(.full_width_entity) { max-width: 228px; width: 100%; }
.metal_tech_modal .inline_input_section input { border: 1px solid #082167; }
.metal_tech_modal .inline_input_section textarea {width: 100%; border: 1px solid #E1E4EB; resize: none; border-radius: 4px; padding: 18px 16px 18px 16px; font-size: 14px; margin-top: 14px; font-size: 14px; border: 1px solid #082167; }
.metal_tech_modal .inline_input_section textarea::placeholder { font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #929BAD; }
.metal_tech_modal .header_modal_fixed_s_c > p:nth-child(1) { margin-bottom:  42px; text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 1.5px; }
.metal_tech_modal .header_modal_fixed_s_c { text-align: center; margin-bottom: 64px; }
.metal_tech_modal .header_modal_fixed_s_c > p:nth-child(1):hover { text-decoration: underline; cursor: default; }
.metal_tech_modal .header_modal_fixed_s_c > p > strong { font-size: 16px; letter-spacing: 0.15px; }
.metal_tech_modal .header_modal_fixed_s_c > p.note_info_p { margin-top: 24px; color: #11131F; font-size: 14px; line-height: 150%; }
.metal_tech_modal .modal_s_c_inner_content .request_to_producer_form { margin-top: 0; margin-bottom: 0; }
#metal_teach_send_request_btn { flex-grow: 1; background: #46A6FF; border-radius: 4px; color: #FFFFFF; margin:0; }
#metal_teach_send_request_btn:hover { background: #138EFF; cursor: pointer; }
#metal_teach_files_block { width: 100%; margin-top: 16px; justify-content: center; }
.metal_tech_modal .modal_s_c_inner_bottom_section { margin-top:20px; }
#metal_teach_upload_area { max-height: 47px; width: 100%; }
#metal_teach_upload_area > div { flex-direction: row; align-items: center; }
#metal_teach_upload_area > div > i { margin-bottom: 0; }

@media only screen and (max-width: 600px) {
    .metal_tech_modal { padding: 38px 24px; }
    .metal_tech_modal .header_modal_fixed_s_c > p:nth-child(1) { display: none; }
    .header_modal_fixed_s_c > h1 { margin-bottom: 8px; font-size: 20px; }
    .metal_tech_modal .header_modal_fixed_s_c { margin-bottom: 40px; }
    .metal_tech_modal .modal_s_c_inner_content {z-index: 10;position: relative; margin-bottom: 68px;}
    .modal_s_c_frame {display: flex;z-index: 13;flex-direction: column;background-color: #fff;max-width: 100%;border-radius: 8px 8px 0 0;padding: 23px 24px 0 24px;margin: 72px auto auto;}
    .modal_s_c_inner_bottom_section {position: fixed;bottom: 0;right: 0;left: 0;padding: 8px 24px 8px 24px;background: #ffffff;z-index: 18;flex-direction: column-reverse;}
    .modal_s_c_inner_bottom_section > button:nth-of-type(1), .header_modal_fixed_s_c > p {margin-right: 0}
    .metal_tech_modal .header_modal_fixed_s_c > p.note_info_p { display: none; }
    .metal_tech_modal .inline_input_section > div:not(.full_width_entity) { max-width: unset; }
    .metal_tech_modal .inline_input_section > div:nth-child(1) { margin-bottom: 8px; }
    .metal_tech_modal .inline_input_section textarea { margin-top: 8px; }
}