/**
 * GLOBAL STYLE
 */


/* #region ROOT */

:root {
    --green: #43b37d;
    --orange: #f68761;
    --grey: #75858e;
    --light_grey: #e4e8eb;
    --gray_arrow: #c4c4c4;
    --gray_bg: #f2f6f8;
    --gray_bg_ads: #dee8ed;
    --black_text: #242728;
    --light_green: #43b27d;
    --light2_gray: #e0e9ee;
    /* --bg_main : #E5E5E5; */
}

.price-sort-panel {
    color: var(--grey);
    display: flex;
    margin-left: auto;
}
.price-sort-panel svg {
    min-width: inherit !important;
    margin-right: 0 !important;
    margin-top: -5px;
}

.price-sort-panel a{
    color: var(--grey);
    margin: 0 10px;
}

.price-sort-panel .active {
    color: var(--light_green);
}


/* #endregion */

.city-modal-btn {
    background-color: #43b27d;
    color: white;
    border-radius: 60px;
    padding: 6px 13px 6px 13px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    border: none;
    font-size: 0.9rem;
    margin-bottom: 4px;
    justify-content: center;
}

.city-modal-btn:hover {
    background-color: var(--orange);
}

.city-modal-title {
    margin-bottom: -20px;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 400;
    color: #444;
}

.city-modal-footer {
    display: grid;
    padding: 0.65rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 14px;
    max-width: 38%;
    margin-top: 20px;
}


/* #region IMPORT */

@import url("reseter.min.css");

/* #endregion */


/* #region FONTS */

@font-face {
    font-family: "inter";
    src: local("inter"), local("inter"), url("/fonts/inter-v8-latin-regular.woff2") format("woff2"), url("/fonts/inter-v8-latin-regular.woff") format("woff"), url("/fonts/inter-v8-latin-regular.ttf") format("ttf");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "inter";
    src: local("inter"), local("inter"), url("/fonts/inter-v8-latin-500.woff2") format("woff2"), url("/fonts/inter-v8-latin-500.woff") format("woff"), url("/fonts/inter-v8-latin-500.ttf") format("ttf");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "inter";
    src: local("inter"), local("inter"), url("/fonts/inter-v8-latin-600.woff2") format("woff2"), url("/fonts/inter-v8-latin-600.woff") format("woff"), url("/fonts/inter-v8-latin-600.ttf") format("ttf");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "inter";
    src: local("inter"), local("inter"), url("/fonts/inter-v8-latin-700.woff2") format("woff2"), url("/fonts/inter-v8-latin-700.woff") format("woff"), url("/fonts/inter-v8-latin-700.ttf") format("ttf");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "inter";
    src: local("inter"), local("inter"), url("/fonts/inter-v8-latin-800.woff2") format("woff2"), url("/fonts/inter-v8-latin-800.woff") format("woff"), url("/fonts/inter-v8-latin-800.ttf") format("ttf");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


/* #endregion */


/* #region TAGS */

html {
    min-width: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100vh;
}

body {
    overflow: hidden;
    background-color: var(--bg_main);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: "inter", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--black);
    position: relative;
    margin: 0;
}

main {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

button,
input[type="submit"] {
    cursor: pointer;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    position: relative;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

label {
    cursor: pointer;
}

section {
    position: relative;
    margin: 60px 0;
}

img {
    width: 100%;
    height: auto;
}


/* #endregion */


/**
 * STYLE SITE
 */


/* #region Main */

.autocomplete {
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
}

.search-location-button {
    display: flex;
    justify-content: end;
}

.container {
    max-width: 1200px;
    width: 100%;
    padding: 0 18px;
    margin: 0 auto;
    position: relative;
    /* border: 1px solid rgb(191, 191, 191); */
}

.container-flg {
    max-width: 1920px;
    width: 100%;
    padding: 0 18px;
    margin: 0 auto;
    position: relative;
}

.action-button {
    border: none;
}

.btn {
    background-color: var(--orange);
    color: white;
    border-radius: 60px;
    padding: 12px 26px 12px 26px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    border: none;
}

a.btn {
    cursor: pointer;
}

.btn svg {
    margin-right: 8px;
}

.btn_box--center {
    width: 100%;
    display: flex;
    justify-content: center;
}

.btn--green {
    background-color: var(--green);
    color: white;
    border-radius: 60px;
    padding: 12px 26px 12px 26px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    border: 0;
    outline: none !important;
}

.btn--green svg {
    /* margin-right: 8px; */
    color: inherit;
}

a.btn--green {
    color: white;
    cursor: pointer;
}

.btn-min--green {
    background-color: var(--green);
    color: white;
    border-radius: 5px;
    padding: 4px 10px 4px 10px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    border: 0;
    outline: none !important;
}

.btn--red {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

a.btn--red {
    cursor: pointer;
}

.btn-min--red {
    background-color: rgb(255 103 103);
    color: white;
    border-radius: 5px;
    padding: 4px 10px 4px 10px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    border: 0;
    outline: none !important;
}

.btn_color--orange {
    background-color: var(--orange);
}

.color--orange {
    color: var(--orange);
}

.color--green {
    color: var(--green);
}

.btn_color--orange:hover,
.btn_color--orange:active,
.btn_color--orange:focus {
    background-color: var(--green);
    color: #fff;
    outline: none !important;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.btn--link {
    color: white;
    border: 1px solid var(--green);
    border-radius: 60px;
    color: var(--green);
    padding: 12px 26px 12px 26px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    cursor: pointer;
}

.btn--link svg {
    margin-right: 8px;
    color: white;
    stroke: #fff;
}

.btn--link:hover,
.btn--link:active,
.btn--link:focus {
    border: 1px solid var(--light_grey);
    background-color: var(--light_grey);
    color: var(--green);
    outline: none !important;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.btn--grey {
    background-color: var(--gray);
    color: white;
    border-radius: 60px;
    padding: 12px 26px 12px 26px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
}

.btn--grey svg {
    margin-right: 8px;
    color: white;
    /* background-color: #fff; */
}

.btn-w {
    background-color: var(--white);
}

.btn-u {
    background: #ffffff;
    border: 2px solid #ffd74b;
    box-shadow: 1px 4px 0px #fcc025;
}

@keyframes flicker {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.btn-hover {
    position: relative;
}

.btn_color {
    background-color: rgb(255 228 225) !important;
}

.btn_loved_color {
    background-color: rgb(255 228 225) !important;
}

.modal .btn-hover {
    border: none;
}

.btn-hover::after,
.btn-hover::before {
    content: "";
    position: absolute;
    opacity: 0;
    /* margin : 0 auto;
    width     : 100%;
    height    : 17px; */
    visibility: hidden;
    transition: all 200ms ease;
}

.btn-hover::after {
    content: "";
    animation: flicker 500ms ease-in alternate infinite;
    position: absolute;
    left: 20px;
    right: 0;
    margin: 0 auto;
    bottom: 2px;
    width: 100%;
    height: 17px;
    z-index: 3;
    background: url("/img/svg/hover/lapb1.svg") no-repeat left;
}

.btn-hover::before {
    content: "";
    animation: flicker 700ms ease-in alternate infinite;
    position: absolute;
    top: 2px;
    /* left   :0; */
    right: 20px;
    margin: 0 auto;
    width: 100%;
    height: 17px;
    z-index: 1;
    background: url("/img/svg/hover/lapb2.svg") no-repeat right;
}

.btn-hover:hover::after,
.btn-hover:focus::after,
.btn-hover:active::after {
    content: "";
    z-index: 3;
    opacity: 1;
    visibility: visible;
}

.btn-hover:hover::before,
.btn-hover:focus::before,
.btn-hover:active::before {
    content: "";
    opacity: 1;
    visibility: visible;
}

.btn_active-green.active {
    background-color: var(--green) !important;
    color: #fff !important;
}

.btn_active-green.active span {
    background-color: #fff !important;
    color: var(--green) !important;
    transition: background-color 250ms ease-in, color 200ms ease-in;
}

.btn_active-green:hover,
.btn_active-green:active {
    background-color: var(--green) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.btn_active-green:hover span,
.btn_active-green:active span {
    background-color: #fff !important;
    color: var(--green) !important;
}

.btn_active-green {
    position: relative;
}

.btn_active-green span {
    color: #000;
    font-weight: 600;
    font-size: 11px;
    right: 7px;
    margin-top: 0;
    position: absolute;
    /* padding      : 2px 5px; */
    width: 18px;
    height: 18px;
    display: flex;
    border-radius: 50%;
    background-color: var(--green) !important;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.-hover {
    position: relative;
}

.-hover::after,
.-hover::before {
    content: "";
    position: absolute;
    opacity: 0;
    margin: 0 auto;
    width: 100%;
    height: 17px;
    visibility: hidden;
    transition: all 200ms ease;
}

.-hover::after {
    content: "";
    animation: flicker 700ms ease-in alternate infinite;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -6px;
    width: 100%;
    height: 17px;
    z-index: 3;
    background: url("/img/svg/hover/lap1.svg") no-repeat left;
}

.-hover::before {
    content: "";
    animation: flicker 500ms ease-in alternate infinite;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 17px;
    z-index: 1;
    background: url("/img/svg/hover/lap2.svg") no-repeat right;
}

.-hover:hover::after {
    content: "";
    z-index: 3;
    opacity: 1;
    visibility: visible;
}

.-hover:hover::before {
    content: "";
    opacity: 1;
    visibility: visible;
}

.-hover_yellow_b:hover {
    color: var(--yellow_brown);
    text-decoration: underline;
}

.-hover_yellow_b:hover {
    color: var(--yellow_brown);
    text-decoration: underline;
}

.ban_title {
    color: var(--black);
    font-size: 59px;
    line-height: 1.1;
    letter-spacing: 1.2px;
}

.ban_title span {
    color: var(--yellow_brown);
}

.section_title {
    margin: 14px 0;
    position: relative;
    flex-direction: row;
}

.section_title span {
    display: flex;
}

.section_title span svg {
    margin-right: 15px;
}

.section_title span h2 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.section_title span h1 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.advert-create h1 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 14px 0;
}

.advert-update h1 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 14px 0;
}

#select2-advert-type_vehicle-container {
    padding-top: 0 !important;
}

.section_advert__create {
    margin-top: 0;
}

.title_h2 {
    font-size: 39px;
    color: var(--black);
    line-height: 1.1;
    position: relative;
    font-weight: 400;
}

.title_h2::after {
    content: "";
    width: 162px;
    height: 5px;
    position: absolute;
    background-color: var(--yellow);
    left: -183px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.shop_good_rad .title_h2 {
    margin-bottom: 30px;
}

.shop_good_rad .title_h2::after {
    width: 74px;
    left: -94px;
}

.shop_good_rad .title_h2::before {
    width: 74px;
    right: -94px;
}

.title_h2::before {
    content: "";
    width: 162px;
    height: 5px;
    position: absolute;
    background-color: var(--yellow);
    right: -183px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.text_section {
    color: var(--yellow_brown);
    font-size: 20px;
    line-height: 1.1;
    margin-top: 40px;
    line-height: 1.6;
}

.lapki_left_bg {
    position: absolute;
    width: 176px;
    height: 248px;
    top: -75px;
    left: 0;
    z-index: 0;
    background: url("/img/lapki_left_bg.png") left no-repeat;
}


/* 
.splide__slide img {
    width : 100%;
    height: auto;
} */

.lapki_right_bg-slider {
    position: absolute;
    width: 313px;
    height: 324px;
    top: 153px;
    right: -31px;
    z-index: 0;
    background: url("/img/kotik_slider_bg1.png") right no-repeat;
}

.lapki_left_bg-slider {
    position: absolute;
    width: 313px;
    height: 324px;
    top: -206px;
    left: -83px;
    z-index: 0;
    background: url("/img/kotik_slider_bg2.png") right no-repeat;
}

.lapki_bg_kotayta {
    position: relative;
}

.lapki_bg_kotayta::after {
    content: "";
    position: absolute;
    width: 237px;
    height: 223px;
    top: -246px;
    right: 147px;
    z-index: 1;
    background: url("/img/lapki_bg_kotayta.png") right no-repeat;
}

.lapki_bg_test_pod {
    position: relative;
}

.lapki_bg_test_pod::after {
    content: "";
    position: absolute;
    width: 293px;
    height: 400px;
    top: -246px;
    left: 17px;
    z-index: 1;
    background: url("/img/lapki_bg_test_podbor_koshek.png") right no-repeat;
}

.splide__arrow {
    height: 3em;
    width: 3em;
    background: #ffffff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    opacity: 1;
    transition: background-color 50ms ease-in-out;
}

.splide__arrow svg {
    color: var(--gray_arrow);
}

.--up {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page {
    margin: 46px 0;
}

.o-nas {
    margin-top: 0;
}

.loved_message {
    position: fixed;
    font-family: "Pacifico";
    top: 10px;
    left: 50%;
    z-index: 2009;
    transform: translateX(-50%);
    animation: drop_cart_add 3s ease-in-out forwards;
    /* width        : 300px; */
    color: var(--black);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    background-color: rgb(255 228 225);
    border-radius: 3px solid #fff;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 15px 15px;
    text-align: center;
    border-radius: 50%;
}

.cart_add_message {
    position: fixed;
    font-family: "Pacifico";
    top: 10px;
    left: 50%;
    z-index: 2009;
    transform: translateX(-50%);
    animation: drop_cart_add 3s ease-in-out forwards;
    width: 300px;
    color: var(--black);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    background-color: white;
    border-radius: 3px solid var(--yellow);
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 15px 20px;
    text-align: center;
}

@keyframes drop_cart_add {
    0% {
        transform: translateY(-50px) translateX(-50%);
        opacity: 0;
    }
    50% {
        transform: translateY(50px) translateX(-50%);
        opacity: 1;
    }
    100% {
        transform: translateY(100px) translateX(-50%);
        opacity: 0;
    }
}

.splide__arrows .splide__arrow:active {
    background-color: var(--orange);
}

.splide__arrows .splide__arrow:active svg {
    color: #fff;
}


/* #endregion */


/* #region Header */

.header {
    position: relative;
    z-index: 100;
}

.header--border {
    border-bottom: 1px solid var(--light_grey);
}

.header_info {
    min-height: 46px;
}

#btn_top_menu {
    display: none;
}

.header_info {
    /* display: flex;
    flex-direction: row; */
    display: grid;
    grid-template-columns: 1fr 235px 1fr;
}

.header_info_center ul {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.header_info_center ul li a {
    padding: 5px 15px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: var(--grey);
}

.header_info_left {
    display: flex;
    align-items: center;
    align-content: center;
}

.header_info_left ul {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header_info_left ul li {
    /* margin-right: 20px; */
    border-left: 1px solid var(--light_grey);
    display: flex;
    height: 100%;
    align-items: center;
}

.header_info_center ul li {
    /* margin-right: 20px; */
    border-left: 1px solid var(--light_grey);
    display: flex;
    height: 100%;
    align-items: center;
}

.header_info_left ul li:first-child {
    border-left: inherit;
}

.header_info_center ul li:first-child {
    border-left: inherit;
}

.header_info_left ul li a {
    padding: 5px 15px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: var(--grey);
}

.header_info_center ul li a {
    padding: 5px 15px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: var(--grey);
}

.header_info_left ul li a span {
    right: 6px;
    margin-left: 5px;
    padding: 1px 5px;
    background-color: var(--green);
    border-radius: 50%;
    color: rgb(255 255 255);
    font-size: 13px;
    font-weight: 500;
    z-index: 2;
    position: relative;
}

.header_info_right ul li a span {
    right: 0;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    /* padding      : 1px 5px; */
    background-color: var(--green);
    border-radius: 50%;
    color: rgb(255 255 255);
    font-size: 13px;
    font-weight: 500;
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_info_right {
    margin-left: auto;
    display: flex;
    align-items: center;
    align-content: center;
}

.header_svg_info--icon {
    color: #fff;
    fill: #f2f6f8;
    stroke: var(--grey);
    width: 20px;
}

.header_info_right ul {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header_btn--price-list svg,
.header_btn--advert svg {
    width: 18px;
    height: 18px;
}

.header_info_right ul li {
    border-left: 1px solid var(--light_grey);
    display: flex;
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
}

.header_info_right ul li:first-child {
    border-left: inherit;
}

.header_info_right ul li a {
    padding: 5px 13px 5px 13px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: var(--grey);
    display: flex;
    align-items: center;
}

.header_info_right ul li a svg {
    margin-right: 5px;
}

.header_info_right ul li form {
    width: 100%;
}

.header_info_right ul li button {
    padding: 5px 13px 5px 13px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: var(--grey);
    display: flex;
    align-items: center;
    width: 100%;
}

.header_info_right ul li button svg {
    margin-right: 5px;
}

.header_info_right .submenu li a {
    font-size: 13px;
    /* margin-left: 26px; */
    /* margin-left: 26px; */
    padding-left: 50px !important;
}

.header_info_right .submenu{
    width: 100%;
}

.header_body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 80px 58px;
    grid-template-rows: 80px auto;
}

.header_body_logo {
    width: 112px;
    height: 51px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 35px;
    /* animation-duration: 1200ms;
    animation-name    : showleft; */
}

.header_body_logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header--btn {
    font-size: 16px;
    font-weight: 600;
    color: white;
    padding-left: 22px;
}

.header--btn svg {
    margin-right: 10px;
}

.header_body_btn {
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.header_body_menu-search {
    background: var(--green);
    border-radius: 30px;
    grid-column: 1 / span 2;
    display: grid;
    grid-template-columns: 270px 1fr;
    padding: 4px 0;
    position: relative;
}

.header_body_menu {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row;
}

.header_body_menu>a,
#btn_menu {
    color: white;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 12px 27px;
    position: relative;
    z-index: 0;
    height: 100%;
}

#btn_menu {
    cursor: pointer;
}

.header_body_menu a svg:first-child,
#btn_menu svg:first-child {
    margin-right: 13px;
}

.header_body_menu a svg:last-child,
#btn_menu svg:last-child {
    margin-left: 27px;
    transition: transform 250ms ease-in-out;
}

.menu--active .header_body_menu a svg:last-child,
.menu--active #btn_menu svg:last-child {
    transform: rotate(180deg) translateX(0);
}

.logout-button {
    background: none;
    border: 0;
    padding: 5px 13px 5px 13px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: var(--grey);
    display: flex;
    align-items: center;
}

.header_body_search {
    position: relative;
    z-index: 1;
}

.form_search {
    display: flex;
    align-items: center;
    align-content: center;
    height: 100%;
}

.form_search_body {
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 30px;
    display: grid;
    grid-template-columns: 1fr 200px;
    max-height: 44px;
    min-height: 44px;
}

.form_search_body .main--search {
    padding: 0px 40px;
    border-radius: 30px;
}

.form_search_body label {
    height: 100%;
    width: 100%;
    margin: 0;
}

.main--sity a svg:last-child {
    margin-left: auto;
}

.form_search_body input {
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
}

.form_search_body input:focus {
    outline: none;
}

.main--sity {
    display: flex;
    padding: 0 15px;
    border-left: 1px solid var(--light_grey);
}

.main--sity div:first-child {
    display: flex;
    align-items: center;
    align-content: center;
    width: 100%;
}

.main--sity a:last-child {
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    padding: 5px;
    margin-right: 5px;
    margin-left: -14px;
}

.select_init {
    height: 100% !important;
    border: none;
    overflow: hidden;
}

.main--sity .select2-selection {
    border: none !important;
    height: 100% !important;
}

.select2-selection__rendered {
    height: 100%;
    display: flex !important;
    align-items: center;
    /* padding-top: 9px; */
}

.main--sity .select2-selection__rendered{
    padding-top: 8px;
}

.select2-selection__arrow {
    height: 100%;
    display: none;
}

.select2 {
    height: 100%;
    width: 100% !important;
}

.form_search_btn {
    height: 100%;
    min-width: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn--search {
    padding: 5px;
    border: 0;
    background: none;
    outline: none !important;
}

.btn--search:focus {}

.header-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 100;
    height: 96px;
}

.header_box-logo {
    width: 112px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
}

.header_box-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* #endregion */


/* #region Menu */

.menu--active .header-drop {
    display: block;
    animation: drp_down 0.5s ease-in-out both;
}

.haeder_menu-body::-webkit-scrollbar {
    width: 8px;
    /* width of the entire scrollbar */
}

.haeder_menu-body::-webkit-scrollbar-track {
    background: transparent;
    /* color of the tracking area */
}

.haeder_menu-body::-webkit-scrollbar-thumb {
    background-color: var(--green);
    border-radius: 20px;
    border: 3px solid var(--green);
}

.haeder_menu-body {
    padding: 16px 20px;
    /* flex-flow: row wrap; */
    width: 100%;
    overflow-y: scroll;
    max-height: 380px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
}

.header-drop {
    display: none;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    background-color: #fff;
    max-width: 100%;
    z-index: 100;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.15);
    padding-bottom: 15px;
    padding-top: 10px;
}


/* .header-drop::after{
    content: '';
    width: 100%;
    height: 5px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #FA8B20;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
} */

.hs_drp.active .header-drop {
    display: block;
    animation: drp_down 0.5s ease-in-out both;
}

.hs_drp.active .header-drop {
    display: block;
    animation: drp_down 0.5s ease-in-out both;
}

@keyframes drp_down {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.header_drop-list {
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
    margin-right: 8px;
    height: 100%;
    width: 24%;
}

.header_drop-list li {
    display: flex;
    /* margin-left: auto; */
}

.header_drop-list li:first-child a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


/* .header_drop-list li:not(:first-child) a {
    margin-left: 5px;
    font-weight: 500;
} */

.header_drop-list li a {
    padding: 5px 15px;
    position: relative;
    font-size: 14px;
    /* font-weight: 600; */
    margin-left: 5px;
    font-weight: 500;
    color: var(--grey);
}

a.drop_category__name {
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: var(--grey);
    padding: 7px 0;
}

.drop_category_active li>a {
    margin-left: 0;
    font-weight: 600;
}

.drop_category_active {
    display: grid;
    grid-template-columns: auto 75px;
    grid-gap: 50px;
    padding-left: 10px;
    min-height: 30px;
}

.header_drop-list {
    margin-bottom: 0;
}

.header_drop-list a {
    /* width    : 100%;
    display  : inline-flex;
    color    : #000000;
    padding  : 4px 15px;
    font-size: 16px; */
}

.header_drop-list a:hover,
.header_drop-list a:focus {
    /* background-color: #417059; */
    color: var(--green);
    text-decoration: underline;
}

.no-photo {
    position: relative;
    width: 100%;
    height: 100%;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 50px;
    color: #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* #endregion */


/* #region main Slider */

.section_main_slider {
    position: relative;
    margin-top: 22px;
    margin-bottom: 30px;
    height: 140px;
}

.section_main_slider::before {
    content: "";
    top: -50px;
    position: absolute;
    width: 100%;
    height: 222px;
    background-color: var(--gray_bg);
}

.main_slider {
    position: absolute;
    left: 15px;
    width: auto;
}

.main_slider .splide__track {
    animation-duration: 1200ms;
    animation-name: showleft;
    transition: opasicy 500ms ease;
}

@keyframes showleft {
    from {
        left: 120px;
    }
    to {
        left: 0;
    }
}

.main_slide_body {
    width: 226px;
    height: 138px;
}

.main_slide_body img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main_slider .splide__arrows {
    max-width: 1200px;
    width: 100%;
    bottom: -75px;
    /* margin: 0 auto; */
    position: relative;
}

.splide__arrow--prev {
    margin-left: -75px;
}

.splide__arrow--next {
    margin-right: -75px;
}


/* #endregion */


/* #region ads Sldier */

.section_ads_slider {
    margin: 20px 0;
}

.ads_slider {
    padding: 20px 0;
    margin: 0 -50px;
}

.ads_slider .splide__list {
    padding-top: 30px !important;
}

.ads_slide_cart {
    box-shadow: 0px 4px 36px #e0e9ee;
    display: flex;
    flex-direction: column;
    padding: 17px;
    border-radius: 12px;
}

.ads_sldie_cart_title {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.ads_slide_title {
    font-size: 16px;
    font-weight: 600;
    color: var(--grey);
    text-align: center;
}

.ads_slide_count {
    color: var(--green);
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

.ads_sldie_cart_body {
    margin: 23px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.ads_sldie_cart_img {
    background-color: var(--gray_bg_ads);
    width: 117px;
    height: 120px;
    padding: 28px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    border-radius: 50%;
}

.ads_sldie_cart_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ads_sldie_cart_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.ads_sldie_cart_bottom a {
    font-size: 14px;
    font-weight: 400;
    text-decoration-line: underline;
    text-align: center;
    color: var(--green);
    padding: 6px 19px;
}

.ads_sldie_cart_bottom {
    max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
}

.ads_slide:hover .ads_sldie_cart_bottom {
    max-height: 62px;
    transition: max-height 0.25s ease-in;
}


/* #endregion */


/* #region new Ads */

.section_new_ads {
    padding: 25px 0;
    padding-top: 25px;
    border-top: 1px solid var(--light_grey);
    border-bottom: 1px solid var(--light_grey);
    margin-top: 15px;
}

.bg_grean {
    position: relative;
}

.bg_grean::before {
    content: "";
    position: absolute;
    max-width: 1920px;
    width: 602px;
    height: 222px;
    padding: 0 18px;
    margin: 0 auto;
    z-index: 0;
    background-color: var(--gray_bg);
    border-radius: 10px;
    margin-top: -14px;
}

.section_new_ads_body {
    position: relative;
    z-index: 10;
}

.new_ads_slider {
    margin-right: 11px;
}

.new_ads_slider .splide__slide img {
    height: 217px;
    object-fit: contain;
}

.thumbnail_new_ads_slide {
    height: 50px;
}

.thumbnail_new_ads_slide img {
    height: 100%;
    object-fit: contain;
}

.thumbnail_new_ads_slider {
    height: 100%;
    z-index: 1;
}

.new--cart {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 359px 94px 1fr;
}

.thumbnail_new_ads_slider .splide__slide.is-active {
    border: 0 !important;
    /* border-radius: 7px;  */
}

.thumbnail_new_ads_slider .splide__slide.is-active .thumbnail_new_ads_slide {
    border: 4px solid var(--green) !important;
    border-radius: 7px;
}

.slider--border img {
    border-radius: 7px !important;
}

.section_new_ads_body ul li:first-child {
    /* height          : 100%; */
    /* max-height   : 288px; */
    background-color: #fff;
}

.section_new_ads_body .sl_itm {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0px 4px 36px #e0e9ee;
}

.new--cart_content {
    display: flex;
    flex-direction: column;
    margin-left: 55px;
    padding: 18px 24px 18px 0;
}

.new--cart_status {
    display: flex;
    align-items: center;
}

.new--cart_type {
    background-color: var(--light_grey);
    margin-right: auto;
    color: var(--grey);
    padding: 6px 10px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 400;
}

.new--cart_inner {
    margin-top: 17px;
}

.new--cart_title {
    font-size: 22px;
    font-weight: 600;
    color: var(--black_text);
    padding: 3px 0;
}

.new--cart_title:hover,
.new--cart_title:focus,
.new--cart_title:active {
    color: var(--green);
}

.cart--sity {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray);
    display: flex;
    align-items: center;
    padding: 3px 0;
}

.cart--sity svg {
    margin-right: 3px;
}

.new--cart_price {
    color: var(--green);
    font-size: 20px;
    font-weight: 600;
    padding: 6px 0 10px;
}

.new--cart_text {
    color: var(--grey);
    font-size: 14px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-wrap: anywhere;
}

.section_new_ads_body .cart--itm,
.section_new_ads_body .new--cart {
    margin-bottom: 25px;
}

.section_new_ads_body>ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.cart--itm {
    display: grid;
    grid-template-rows: 188px 1fr;
    /* min-height        : 289px; */
    max-width: 300px;
    /* width             : 100%; */
    /* min-width         : 250px; */
    box-shadow: 0px 2px 9px #e0e9ee;
    border-radius: 15px;
    /* width             : calc(100% / 5 - 8px); */
    margin-right: 5px;
    flex: calc(100% / 5 - 8px);
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
}

.cart--itm .advert_selector {
    background-color: #0000007a;
    border-radius: 7px;
    padding: 7px;
    left: 10px;
    position: relative;
    box-shadow: 0 0 5px 0 #0000006e;
}

.cart--itm .advert_selector a {
    color: #f68761;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    left: -124px;
    top: -6px;
    text-decoration: underline;
    display: none;
    padding: 4px;
    text-shadow: #181717 0px 6px 13px;
}

.cart--itm .advert_selector input {
    display: block;
}

.cart--itm:hover .advert_selector input:checked + a {
    display: block;
}

.cart--itm_box-img {
    height: 188px;
    width: 100%;
}

.cart--itm-img.blured {
    filter: blur(3px);
}

.cart--itm-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.cart--itm_content {
    padding: 8px 15px 12px 15px;
    display: flex;
    flex-direction: column;
}

.cart--itm_title {
    font-size: 16px;
    font-weight: 600;
    color: var(--black_text) !important;
    /* word-break : break-all; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-right: -5px;
}

.cart--itm_title:hover,
.cart--itm_title:focus,
.cart--itm_title:active {
    color: var(--green) !important;
}

.cart--itm--info__lover-link {
    margin-right: 10px;
    color: #8F9FA8;
}

.cart--itm--info__lover-link:hover,
.cart--itm--info__lover-link:focus {
    color: #ee5369;
}

.cart--price {
    color: var(--green);
    font-size: 16px;
    font-weight: 600;
}

.cart--itm_status {
    display: flex;
    margin-top: auto;
}

.cart--favorites {
    margin-left: auto;
}

.cart--itm_small {
    display: grid;
    grid-template-columns: 272px 1fr;
    grid-template-rows: 1fr;
    padding: 5px;
    min-width: 698px;
    flex: 1;
    width: 100%;
    max-width: 100%;
    /* width: calc((100% / 5 - 25px)); */
}

.cart--itm_small .new--cart_content {
    margin-left: 30px;
}

.cart--itm_small .splide__slide.is-active {
    border: 0 !important;
    /* border-radius: 7px;  */
}

.cart--itm_small .splide__slide.is-active .thumbnail_new_ads_slide {
    border: 4px solid var(--green) !important;
    border-radius: 7px;
}

.cart--itm_small .new--cart_title {
    font-size: 16px;
}

.cart--itm_small .new--cart_price {
    font-size: 16px;
}

.section_link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 0;
}

.adver_mini_info .cart--itm--info__stats {
    display: grid;
    grid-template-columns: 20px 1fr;
    grid-gap: 6px;
}

.adver_mini_info .cart--itm--info__stats svg {
    width: 20px;
    height: auto;
}

.new--cart {
    box-shadow: 0px 4px 36px #e0e9ee;
    border-radius: 15px;
}


/* #endregion */


/* #region price lists */

.section_price_list {
    margin-top: 0;
}

.itm_info {}

.info--sity {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray);
    display: flex;
    align-items: center;
    padding: 3px 0;
}

.info--sity svg {
    margin-right: 3px;
}

.price_list--itm {
    display: grid;
    grid-template-columns: minmax(500px, 1fr) 370px;
    width: 100%;
}

.list_table {
    display: grid;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0px 4px 36px #e0e9ee;
    grid-template-columns: minmax(max-content, 338px) 1fr;
}

.list_table .list_content--itm:first-child {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 46px 46px;
}

.list_table .list_content--itm:first-child .list--marka {
    grid-row: 1;
    padding-left: 18px;
    border-bottom: 1px solid var(--light_grey);
    border-right: 1px solid var(--light_grey);
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    color: var(--gray);
}

.list_table .list_content--itm:first-child .list--number {
    grid-row: 1;
    border-bottom: 1px solid var(--light_grey);
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    color: var(--gray);
    padding-left: 8px;
}

.list_table .list_content--itm:first-child .list--type {
    grid-column: 1 / span 2;
    padding-left: 18px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    color: var(--gray);
    max-width: 420px;
}

.list_table .list_content--itm:nth-child(2) {
    border-left: 1px solid var(--light_grey);
}

.list_table .list_content--itm:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 46px 1fr;
    justify-content: center;
    border-top: 1px solid var(--light_grey);
}

.list_table .list_content--itm:nth-child(2) .list--status {
    /* border-right:  1px solid var(--light_grey); */
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    grid-column: 1;
}

.list_table .list_content--itm:nth-child(2) .list--status span {
    background: var(--light_grey);
    max-width: 99px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: var(--gray);
    font-size: 12px;
    font-weight: 400;
    height: 100%;
    padding: 0 15px;
}

.list_table .list_content--itm:nth-child(2) .list--day {
    border-right: 1px solid var(--light_grey);
    border-left: 1px solid var(--light_grey);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
    color: var(--gray);
    grid-column: 3;
    padding: 5px;
}

.list_table .list_content--itm:nth-child(2) .list--price {
    border-right: 1px solid var(--light_grey);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: var(--green);
    grid-column: 4;
    font-weight: 500;
}

.list_table .list_content--itm:nth-child(2) .list--info {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: var(--gray);
    grid-column: 5;
}

.list_table .list_content--itm:nth-child(2) .list--text {
    display: grid;
    grid-column: 1 / span 5;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    border-top: 1px solid var(--light_grey);
    color: var(--gray);
    padding-left: 18px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

.list_table .list_content--itm:last-child {
    border-top: 1px solid var(--light_grey);
    grid-column: 1 / span 2;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding: 10px 0;
}

.list_table .list_content--itm:last-child a {
    margin-left: 11px;
    padding: 9px 18px;
}

.list_table .list_content--itm:last-child .list--order {
    margin-left: 20px;
    font-size: 14px;
}

.list--order {
    color: #fff !important;
}

.list--order:hover,
.list--order:focus,
.list--order:active {
    background-color: var(--green);
    color: #fff !important;
    outline: none !important;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.btn--grey {
    color: #fff !important;
}

.btn--grey:hover,
.btn--grey:focus,
.btn--grey:active {
    background-color: var(--green);
    color: #fff !important;
    outline: none !important;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.btn--grey:hover svg path,
.btn--grey:focus svg path,
.btn--grey:active svg path {
    fill: #fff !important;
}

.list--mail:hover,
.list--mail:focus,
.list--mail:active {
    background-color: var(--grey);
    color: #fff !important;
    outline: none !important;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.list_table .list_content--itm:last-child .list--order svg {
    color: transparent;
}

.list_table .list_content--itm:last-child .list--favorites {
    font-size: 14px;
}

.list_table .list_content--itm:last-child .list--favorites svg {
    width: 14px;
    height: 14px;
}

.info--name {
    color: var(--green);
    font-weight: 600;
    font-size: 14px;
}

.info--phone {
    color: black;
    font-size: 16px;
    font-weight: 700;
}

.list_info {
    background-color: #f2f6f8;
    border-radius: 15px;
    padding: 13px 20px 13px 20px;
}

.price_list:not(.in_main) .price_list--itm:not(:last-child) {
    margin-bottom: 22px;
}

.price_list.in_main .price_list--itm {
    margin-bottom: 22px;
}

.price_list.in_main ul {
    position: relative;
}

.section_link.in_main {
    padding-top: 0;
    background: linear-gradient(0deg, white, transparent);
}

.grid_2_column{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;

}

.mb-scroll{
    text-wrap: nowrap;
    white-space: nowrap;
}

/* .lg-flex-column{
    flex-direction: column;
} */



/* #endregion */


/* #region seo */

.section_seo {
    margin-top: 20px;
    margin-bottom: 20px;
}

.seo--itm:not(:last-child) {
    margin-bottom: 45px;
}

.seo--itm:first-child {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 370px 1fr;
}

.seo--itm:last-child {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 370px;
}

.seo_box-img {
    width: 370px;
    height: 226px;
    border-radius: 7px !important;
}

.seo_box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px !important;
}

.seo-text p:not(:last-child) {
    margin-bottom: 24px;
}

.seo-text * {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray);
}

.seo-text h5 {
    color: #000;
    font-size: 24px;
    font-weight: 600;
}


/* #endregion */


/* #region map */

.section_map {
    background-color: var(--gray_bg);
    margin-bottom: 0;
}

.map-svg {
    display: grid;
    grid-template-columns: 789px 1fr;
    position: relative;
}

.map-svg .svg {
    width: 100%;
    height: 100%;
    margin-top: 2%;
}

.map-svg path {
    transition: all 0.5s;
    fill: #c7d6df;
    stroke: #fff;
}

.map-svg .indicator {
    position: absolute;
    background: var(--light_grey);
    display: none;
    left: 0;
    top: 0;
    z-index: 5;
    padding: 5px 5px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.map-svg .flag {
    width: 80px;
}

.map-svg .clear {
    clear: both;
}

.map-svg .name {
    float: left;
    margin-right: 30px;
}


/*.flag{position:absolute;top:10px;right:20px;border:3px solid #f7ffe8;border-radius:3px;
  }*/

.map-svg .regs {
    columns: 5;
    padding: 10px;
    margin: auto;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    color: #000;
}

.map-svg .regs {}

.map-svg .reg span {
    font-size: 10px;
}

.map-svg .regs div {
    width: auto;
    font-size: 14px;
    /* columns: 3;*/
    cursor: pointer;
}

.reg span {
    display: none;
}

.map-svg .capital {
    clear: both;
}

.map-svg path {
    cursor: pointer;
}

#floatingmes {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 150px;
    background: #fff;
    opacity: 0.85;
    padding: 3px 5px;
}

#block {
    width: 500px;
    height: 500px;
    background: #900;
}


/* #endregion */


/* #region footer */

.footer {
    margin-top: 43px;
}

.footer_grid-3 {
    display: grid;
    grid-template-columns: 170px minmax(311px, 1fr) 370px;
    justify-items: center;
    margin-bottom: 30px;
}

.footer-itm:nth-child(2) {
    /* columns: 2; */
    columns: 1;
}

.menu-footer {
    /* display        : flex;
    align-items    : center;
    justify-content: center;
    align-content  : center; */
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.menu-footer li {
    margin-left: 20px;
    margin-bottom: 18px;
}

.menu-footer li a {
    padding: 8px 20px;
}

.footer-logo {
    width: 92px;
    height: 42px;
    margin-bottom: 26px;
}

.footer-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-text {
    color: var(--gray);
    font-size: 14px;
    font-weight: 400;
}

.menu-footer li a {
    color: var(--gray);
    font-size: 14px;
    font-weight: 400;
}

.footer-itm:last-child {
    display: grid;
    grid-template-columns: repeat(2, minmax(130px, 1fr));
    align-items: center;
}

.footer-info {
    min-height: 68px;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.footer-info::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: -2000px;
    right: 0;
    margin: 0 auto;
    width: 4000px;
    height: 2px;
    background-color: var(--light_grey);
}

.footer-info a {
    color: var(--gray);
    font-size: 14px;
    font-weight: 400;
}

.spec-mark {
    overflow: hidden;
}


/* #endregion */


/* #region  favs */

.section_favs{
    margin-top:0;
}
.favs__body{
    padding: 35px 0 35px 0;
    border-top: 1px solid var(--light_grey);
    border-bottom: 1px solid var(--light_grey);
    margin-top:0;
    margin-bottom: 30px;
}
/* #endregion */

/* #region page login register e-mail */

.bg-gray {
    background-color: var(--gray_bg);
}

.section_login {
    /* background-color: var(--gray_bg); */
    padding-top: 38px;
    padding-bottom: 38px;
    margin: 0;
}

.form-register {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.page-title {
    font-size: 36px;
    font-weight: 600;
    color: #000;
    line-height: 1.1;
    padding-top: 30px;
}

.form-box {
    padding: 15px;
    max-width: 480px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.form-box input {
    width: 100%;
}

.form-box .form-group {
    width: 100%;
    height: 100%;
    position: relative;
}

.form-box .field-loginform-email svg,
.form-box .field-user-email svg {
    width: 12px;
    height: 15px;
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    margin-top: 19px;
    color: var(--green);
    /* fill   : var(--green); */
}

.form-box .form__label {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    padding: 13px 10px 13px 50px;
    border-radius: 30px;
    background-color: #fff;
    width: 100%;
    height: 54px;
    transition: all 250ms ease-in;
    margin: 0;
}

.form-box .field-loginform-password svg,
.form-box .field-user-newpassword svg {
    width: 14px;
    height: 15px;
    position: absolute;
    left: 24px;
    top: 0;
    margin-top: 19px;
    color: var(--green);
}

.form-box .form__label {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    /* padding : 13px 10px 13px 50px; */
    padding: 0;
    border-radius: 30px;
    background-color: #fff;
    width: 100%;
    height: 54px;
    border: 1px solid #e4e8eb;
    transition: all 250ms ease-in;
}

.form__input {
    padding: 5px 0;
    width: 100%;
    border: 0;
    border: 1px solid #e4e8eb;
    background: transparent;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    outline: none;
    height: 100%;
    padding: 13px 10px 13px 20px !important;
    height: inherit;
    width: 100%;
    border-radius: 30px;
}
.section_login .form__input,
#login-form .form__input {
    padding: 13px 10px 13px 50px !important;
}

.form__label input,
.form__label input:active,
.form__label input:focus,
.form__label input:focus-within {
    background-color: transparent;
}

.form__label:focus-within {
    background-color: var(--green) !important;
    color: #fff;
    outline: none;
}

.form__label:focus-within .form__input {
    color: #fff;
}

.form__input::placeholder,
.form__input::placeholder {
    color: #75838c !important;
}

.form__label:focus-within .form__input::placeholder,
.form__label:focus-within .form__input::placeholder {
    color: #fff !important;
}

.form__label:focus-within .form__icon svg,
.form__label:focus-within .form__icon svg {
    color: #fff;
}

.form__label:focus-within .form__input {
    color: var(--white);
}

.form__input {
    padding: 0;
}

.help-block {
    font-size: 14px;
    color: var(--orange);
    font-weight: 500;
    line-height: 1.1;
}

.checkBox__label {
    font-family: Arial, sans-serif;
    color: #fff;
    position: relative;
    font-size: 14px;
    font-weight: 900;
    font-style: normal;
    text-align: center;
    display: flex;
    align-items: flex-start;
    padding-left: 24px;
    margin: 0;
    height: 100%;
    margin-right: 12px;
}

.field-loginform-rememberme * {
    cursor: pointer;
}

.checkBox__label input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.checkBox__label span {
    width: 14px;
    height: 14px;
    border: 2px solid #43b27d;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    margin-right: 15px;
}

.checkBox__label span>svg {
    transform: scale(0);
    opacity: 0;
    transition: transform 0.2s ease, opacity 0.4s ease;
}

.checkBox__label input[type="checkbox"]:checked+span>svg {
    transform: scale(1);
    opacity: 1;
}

.checkbox_text {
    margin: 0;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    /* margin-left : 8px; */
    /* margin-right: auto; */
    text-align: start;
    line-height: 1.3;
}

.cityConfirmModal {
    display: inherit;
}

.flex-center {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form_box__btn {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

.form__btn {
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
}

.form__btn svg {
    width: 19px;
    height: 19px;
    transition: transform 250ms ease-in;
}

.form__btn:hover svg,
.form__btn:active svg,
.form__btn:focus svg {
    transform: translateX(10%);
}

.form_bottom-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.form_link {
    padding: 11px 20px;
    background-color: var(--gray_bg_ads);
    color: var(--gray);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.1;
    margin: 5px;
    border-radius: 7px;
    transition: background-color 250ms ease-in, color 200ms ease-in;
}

.form_link:last-child {
    margin-right: 0;
}

.form_link:hover,
.form_link:active,
.form_link:focus {
    color: #fff;
    background-color: var(--green) !important;
}

.form_user-type {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: #fff;
    border-radius: 30px;
    height: 54px;
    border: 1px solid rgb(228 232 235);
}

.form-title {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_box-title {
    width: 100%;
}

.form_user-type .modal-radio {
    margin: auto;
    /* width: 100%; */
}

.form_user-type input {
    width: auto;
}

.form_user-type .modal-radio span {
    margin-right: 30px;
}

.form-box .form-email svg,
.form-box .field-resendform-email svg,
.form-box .field-forgotform-email svg {
    width: 17px;
    height: 17px;
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    margin-top: 19px;
    color: var(--green);
}

.form-box .field-user-newpasswordconfirm svg {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    margin-top: 19px;
    color: var(--green);
}

.btn--gray {
    background-color: var(--gray_bg_ads);
    color: var(--gray);
    border-radius: 60px;
    padding: 12px 26px 12px 26px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
}

.is-orange:hover,
.is-orange:active,
.is-orange:focus {
    background-color: var(--orange);
    color: #fff;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.is-green:hover,
.is-green:active,
.is-green:focus {
    background-color: var(--green);
    color: #fff;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.gray-is-orange {
    color: var(--gray);
}

.gray-is-orange {
    margin-top: 20px;
}

.gray-is-orange:hover,
.gray-is-orange:active,
.gray-is-orange:focus {
    background-color: var(--orange);
    color: #fff;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.btn--small {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 25px;
}

.form_radio input[type="radio"] {
    display: none;
}

.form_radio span {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    line-height: 18px;
    user-select: none;
}

.form_radio span:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 18px;
    position: absolute;
    left: 0;
    bottom: -3px;
    transition: background 150ms ease-in;
    background: url(/img/radio-1.png) 0 0 no-repeat;
}


/* Checked */

.form_radio input[type="radio"]:checked+span:before {
    background: url(/img/radio-2.png) 0 0 no-repeat;
}


/* Hover */

.form_radio я:hover:before {
    filter: brightness(120%);
}


/* Disabled */

.form_radio input[type="radio"]:disabled+span:before {
    filter: grayscale(100%);
}

a.drop_category__svg {
    opacity: 0;
    visibility: 0;
    pointer-events: none;
}

@media all and (max-width: 680px) {
    .cityConfirmModal {
        display: none;
    }
    .page-title {
        font-size: 24px;
    }
    .header--border {
        border: none;
    }
    .header--btn {
        min-width: 250px;
        width: 100%;
        justify-content: center;
    }

    .favs__body{
        padding: 16px 0 16px 0;
    }
}

@media all and (max-width: 480px) {
    .form_user-type .modal-radio span {
        margin-right: 0;
    }
    .form_user-type {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 5px;
        justify-self: start;
        background: transparent;
        border: 0;
        height: auto;
    }
    .form_user-type .modal-radio {
        margin: auto 0;
        background-color: rgb(255 255 255);
        border-radius: 30px;
        /* height       : 38px; */
        height: 54px;
        border: 1px solid rgb(228 232 235);
        display: flex;
        align-items: center;
        padding-left: 20px;
    }
    .form_box-title {
        border-bottom: 1px solid var(--light_grey);
        margin-bottom: 10px;
    }
}

@media all and (max-width: 380px) {
    .form_user-type .modal-radio span {
        margin-right: 0;
        /* font-size: 12px; */
    }
    .user_subject_filter-select {
        font-size: 12px;
    }
}


/* #endregion */


/* #region Media */

@media all and (max-width: 1600px) {
    .map-svg {
        grid-template-columns: 1fr;
        justify-items: center;
        align-items: center;
    }
}

@media all and (max-width: 1350px) {
    .splide__arrow--next {
        margin-right: 0;
        right: 3vw;
    }
    .splide__arrow--prev {
        margin-left: 0;
        left: 3vw;
    }
    .main_slider {
        position: relative;
        left: 0;
    }
    .price_list--itm {
        grid-template-columns: 1fr;
    }
    .price_list>ul {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 25px;
    }
    .list_table {
        grid-template-columns: 1fr;
    }
    .list_content--itm:nth-child(2) {
        grid-row: 2;
    }
    .list_table .list_content--itm:nth-child(2) .list--status {
        grid-column: 1 / span 2;
    }
}

@media all and (max-width: 1020px) {
    .cart--itm {
        flex: calc(100% / 4 - 8px);
    }
    .drop_category_menu {
        list-style: none;
        padding-top: 0.5rem;
        width: 100%;
        height: auto;
        max-height: 0;
        overflow: hidden;
        padding-left: 0.5rem;
        transition: all 200ms ease;
    }
    .drop_category_menu>li:last-child {
        margin-bottom: 15px;
    }
    a.drop_category__svg {
        color: var(--green);
        width: 100%;
        height: 30px;
        padding: 0;
        display: block;
        padding: 0 !important;
        margin-left: auto;
        opacity: 1;
        visibility: visible;
        pointer-events: inherit;
    }
    .drop_category__svg svg {
        margin: 0 !important;
        width: 100%;
        transform: none !important;
        transition: transform 250ms ease-in-out !important;
    }
    .drop_category__svg.--is_active svg {
        transform: rotate(180deg) translateX(0) !important;
    }
    .main--sity {
        padding: 0 !important;
    }
    .select2-selection__rendered {
        padding-top: 0 !important;
    }
    .header_info {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .header_info_left {
        margin-bottom: 8px;
    }
    .header_info_left ul li {
        border: none;
    }
    .header_info_right ul li {
        border: none;
    }
    .map-svg .regs {
        display: flex;
        flex-wrap: wrap;
    }
    .map-svg .regs div {
        margin-right: 18px;
        margin-bottom: 8px;
    }
    .first_itm {
        grid-template-columns: 359px 1fr;
    }
    .first_itm .new--cart_content {
        grid-column: 1 / span 2;
        margin-left: 0;
        padding: 18px 24px 18px 22px;
    }
    .first_itm .new--cart_content {
        grid-row: 1 / span 2;
        grid-column: 2;
    }
    .thumbnail_new_ads_slider {
        grid-row: 2;
        /* margin-bottom: 7px; */
        /* margin-left  : 5px; */
        margin: 8px 6px 8px 6px;
    }
    .menu__btn {
        position: fixed;
        display: block;
        height: 40px;
        width: 40px;
        z-index: 1111;
        /* border    : 3px solid #000; */
        border-radius: 0;
        top: 5px;
        left: 0;
        background: white;
        /* transition: border-radius 300ms ease; */
    }
    .regions--active .menu__btn .menu__burger {
        opacity: 0;
        transform: translateX(45px);
    }
    .regions--active .menu__btn .menu__exit {
        opacity: 1;
        transform: translateX(0);
    }
    .menu__burger,
    .menu__burger:before,
    .menu__burger:after {
        display: block;
        content: "";
        /* width        : 18px; */
        width: 26px;
        height: 3px;
        border-radius: 10px;
        background-color: var(--green);
        position: absolute;
    }
    .menu__burger {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 18px;
        border-radius: 10px;
        transform: translateX(0);
        opacity: 1;
        transition: opacity 300ms ease, transform 300ms ease;
    }
    .menu__burger:before {
        top: -9px;
    }
    .menu__burger:after {
        top: 9px;
    }
    .menu__exit:before,
    .menu__exit:after {
        display: block;
        content: "";
        width: 22px;
        height: 3px;
        background-color: var(--green);
        position: absolute;
    }
    .menu__exit {
        position: absolute;
        top: 18px;
        left: 10px;
        transform: translateX(-45px);
        opacity: 0;
        transition: opacity 300ms ease, transform 300ms ease;
    }
    .menu__exit:before {
        transform: rotate(45deg);
    }
    .menu__exit:after {
        transform: rotate(-45deg);
    }
    #btn_top_menu {
        display: block;
        left: 0;
        left: 7px;
        right: 0;
    }
    .header {
        padding-top: 61px;
    }
    .header--border {
        width: 100%;
        background: white;
    }
    .header_info {
        position: absolute;
        background-color: #fff;
        padding: 0;
        box-shadow: 0px 13px 22px #00000038;
        z-index: 2;
        left: 0;
        right: 0;
        margin: 0;
        max-width: 280px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        display: none;
        height: 100vh;
        justify-content: flex-start;
    }
    .top_menu--active .header--border .container {
        background: #6e6e6e30;
        height: 100vh;
        position: fixed;
        top: 0px;
        z-index: 1111;
    }
    .header_info_left ul {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .header_info_right ul {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .top_menu--active .header_info {
        display: flex;
        animation: drp_down 0.5s ease-in-out both;
    }
    .header_info_right {
        margin-bottom: 8px;
        margin-left: 0;
        order: 1;
        width: 100%;
        border-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 15px;
        background: #f5f5f5;
    }
    .header_info_right ul li a svg {
        margin-right: 15px;
        width: 20px;
        height: 20px;
    }
    .header_info_right ul li>form {
        margin-left: 39px;
    }
    .header_info_right ul li a {
        padding: 5px 13px 5px 17px;
        font-size: 15px;
    }
    .header_info_left ul li a {
        padding: 5px 13px 5px 17px;
        font-size: 15px;
    }
    .header_info_left {
        /* order: 2; */
        width: 100%;
    }
    .header__nav__dropmenu__list li a:hover,
    .header__nav__dropmenu__list li a:focus,
    .header__nav__dropmenu__list li a:active {
        background-color: #fff !important;
    }
    /* .header_body_menu-search{
        grid-template-columns: 1fr;
    } */
    /* .header_body_menu {
        left: 0;
        right: 0;
        margin: 0 auto;
        background-color: var(--green);
        border-radius: 25px;
        max-width: 300px;
        margin-top: -50px;
    } */
    .header_body {
        grid-template-rows: 80px 1fr;
    }
    .header_body_menu-search {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
    .header_body_search {
        padding: 5px 0;
        margin: 0 -18px;
        background: white;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 111;
        right: 10px;
        padding-left: 85px;
        border-bottom: 1px solid #e4e8eb;
    }
    .form_search_btn svg path {
        /*fill: var(--green);*/
    }
    .form_search_body {
        background-color: #e9ecef;
    }
    .form_search_body input {
        background-color: transparent;
    }
    .form_search_body .select2-container--default .select2-selection--single {
        background-color: #f5f5f5 !important;
    }
    .header_body_menu-search {
        background: inherit;
    }
    .form_search {
        height: 41px;
    }
    .header_body_menu {
        background: var(--green);
        left: 0;
        right: 0;
        margin: 0 auto;
        border-radius: 30px;
    }
}

@media all and (max-width: 820px) {
    .seo--itm {
        grid-template-columns: 1fr !important;
    }
    .list_table .list_content--itm:last-child {
        display: flex;
        flex-wrap: wrap;
    }
    .list_table .list_content--itm:last-child .list--order {
        margin: 5px 0;
        margin-left: 11px;
    }
    .list_table .list_content--itm:last-child .list--mail {}
    .map-svg .regs {
        position: absolute;
        left: -100%;
        max-width: 100vw;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transition: left 250ms ease-in-out;
    }
    .map-svg .indicator {
        position: absolute;
        display: block;
    }
    .regions--active .map-svg .regs {
        visibility: visible;
        left: 0;
        opacity: 1;
        height: 100%;
        padding: 5px 20px 5px 60px;
        margin: 0 -15px;
        pointer-events: all;
        overflow-y: scroll;
        background-color: var(--gray_bg);
    }
    .map-svg .regs div {
        font-size: 12px;
    }
    .map-svg .regs {
        display: block;
        columns: 3;
    }
    .footer_grid-3 {
        grid-template-columns: 1fr 1fr;
    }
    .ads_slider .splide__arrow--prev {
        left: 7vw;
    }
    .ads_slider .splide__arrow--next {
        right: 7vw;
    }
    .cart--itm {
        flex: calc(100% / 3 - 8px);
        max-width: calc(100% / 3 - 8px);
    }
    .cart--itm_small {
        display: flex;
        flex-direction: column;
        min-width: 100%;
    }
    .new--cart {
        display: flex;
        flex-direction: column;
    }
    .new_ads_slider {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }
    .new_ads_slider {
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    }
    .cart--itm_small .new--cart_content {
        padding: 18px 24px 18px 24px;
        margin-left: 0;
    }
    .btn {
        font-size: 14px !important;
    }
    #btn_menu {
        font-size: 14px !important;
    }
    .footer_grid-3 {
        grid-template-columns: 1fr;
    }
    .footer-itm {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 5px 0;
    }
}

@media all and (max-width: 520px) {
    .ads_slider .splide__arrow--prev {
        left: 12vw;
    }
    .ads_slider .splide__arrow--next {
        right: 12vw;
    }
    .cart--itm {
        flex: calc(100% / 2 - 8px);
        max-width: calc(100% / 2 - 8px);
    }
    /* #new_ads_slider-track{
        width: 100%;
    } */
    /* #cart_small_main_slider-track{
        width: 100%;
    } */
    .new_ads_slider .splide__list .splide__slide {
        /* width: 100% !important; */
        border-radius: 15px !important;
    }
    /* .new_ads_slider .splide__list .splide__slide img{
        border-radius: 15px !important;
    } */
    /* .new_ads_slider{
        margin-right: 0;
    } */
    .cart_small_pod_slider {
        margin: 8px 6px 8px 6px;
    }
    .cart--itm {
        margin-right: 2px;
        margin-left: 2px;
        grid-template-rows: 1fr auto;
        box-shadow: 0px 4px 8px #e0e9e5;
    }
    .section_new_ads_body>ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        /* align-items : center; */
        justify-content: flex-start;
        align-content: center;
    }
    .cart--itm_box-img {
        height: 150px;
    }
    .section_new_ads_body>ul {
        align-items: inherit;
    }
    .cart--itm {
        grid-template-rows: 150px auto;
    }
    .first_itm .new--cart_content {
        padding: 11px 16px 18px 16px;
    }
    .section_main_slider .container {
        padding-right: 2px;
    }
    /* .new_ads_slider .splide__slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    } */
    .new_ads_slider .splide__list {
        display: flex;
        justify-content: center;
    }
    .new_ads_slider {
        margin-right: 0;
    }
    .section {
        margin: 20px 0;
    }
    .price_list>ul {
        grid-template-columns: 1fr;
    }
    .new_ads_slider .splide__slide img {
        background-color: rgb(255 255 255);
        width: 100%;
        height: 100%;
        max-height: 390px;
        object-fit: contain;
        border-radius: 10px;
    }
    .seo_box-img {
        width: 100%;
    }
    .regions--active .map-svg .regs {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .header_body_logo {
        grid-row: 1;
        grid-column: 1 / span 2;
    }
    .header_body {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    /* .header_body_btn{
        grid-row: 2;
        grid-column: 1 / span 2;
    } */
    .header_body_btn {
        margin: 0;
    }
    .header_body_logo {
        margin-left: 0;
    }
    .select2 {
        font-size: 12px;
    }
    .form_search_body {
        grid-template-columns: 1fr 158px;
    }
    .main--sity {
        padding: 0;
    }
    .form_search_body .main--search {
        padding: 0 16px;
    }
    .main--sity a:first-child {
        justify-content: center;
    }
    .form_search {
        min-height: 40px;
    }
    .form_search_body .main--search {
        padding: 3px 16px;
    }
    .form_search_btn {
        width: 50px;
        flex: none;
    }
    .header_body_search {
        padding-left: 60px;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 5px;
    }
    .main--sity {
        width: 80px;
    }
    .form_search_body {
        grid-template-columns: 1fr 115px;
    }
    .main--sity a:first-child svg:first-child {
        display: none;
    }
    .header_body_logo img {
        object-fit: contain;
    }
    .footer-logo img {
        object-fit: contain;
    }
}


/* #endregion */


/* #region page catalog */

.breadcrums_list {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    white-space: nowrap;
    overflow-x: scroll;
    padding: 4px 0;
    padding-left: 0px;
    padding-left: 0px;
    margin: 0 -18px;
    padding-left: 20px;
}


/* Works on Firefox */

.breadcrums_list {
    scrollbar-width: thin;
    scrollbar-color: var(--gray_arrow) #fff;
}


/* Works on Chrome, Edge, and Safari */

.breadcrums_list::-webkit-scrollbar {
    width: 12px;
}

.breadcrums_list::-webkit-scrollbar-track {
    background: #fff;
}

.breadcrums_list::-webkit-scrollbar-thumb {
    background-color: var(--gray_arrow);
    border-radius: 20px;
    border: 3px solid #fff;
}


/* Works on Firefox */

.haeder_menu-body {
    scrollbar-width: thin;
    scrollbar-color: var(--gray_arrow) #fff;
}


/* Works on Chrome, Edge, and Safari */

.haeder_menu-body::-webkit-scrollbar {
    width: 12px;
}

.haeder_menu-body::-webkit-scrollbar-track {
    background: #fff;
}

.haeder_menu-body::-webkit-scrollbar-thumb {
    background-color: var(--gray_arrow);
    border-radius: 20px;
    border: 3px solid #fff;
}

.breadcrums_list ul {
    display: flex;
}

.breadcrums_list ul a {
    padding: 5px 0px 5px 0;
    color: #000;
    transition: color 150ms ease-in;
}

.breadcrums_list ul .active {
    color: var(--light_green);
}

.breadcrums_list ul a::after {
    content: "/\00a0";
    color: #000;
    padding: 0 5px;
}

.breadcrums_list a:hover,
.breadcrums_list a:focus,
.breadcrums_list a:active {
    color: var(--light_green);
}

.dopcatalog_box {
    /* box-shadow: 3px 4px 9px #e0e9ee; */
    /* box-shadow      : 0px 4px 36px #e0e9ee; */
    box-shadow: 4px 4px 15px #e0e9ee;
    padding: 20px 48px 20px 48px;
    border-radius: 15px;
    /* max-height      : 109px; */
    overflow: hidden;
    position: relative;
}

.panel_filter {
    margin-top: 30px;
    background-color: var(--gray_bg);
    box-shadow: 3px 4px 9px #e0e9ee;
    border-radius: 15px;
}

.panel_filter_type {
    padding: 20px 15px 0 15px;
}

.panel-body .dopcatalog_box {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    box-shadow: inherit;
}

.section_my_advert .panel-body .filter_box_item {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.section_my_advert .panel-body {
    box-shadow: 3px 4px 9px #e0e9ee;
    border-radius: 15px;
}

.drop_back {
    margin: auto;
    width: 35px;
    margin-top: 26px;
    display: flex;
    height: 35px;
    padding: 9px;
    background-color: #75858e;
    align-items: center;
    border-radius: 8px;
}

.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.dop_info {
    margin-left: auto;
}

.dop_info a {
    color: var(--light_green);
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    text-decoration: underline;
}

.dopcatalog_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* margin-bottom  : 25px; */
    overflow: hidden;
    /* max-height: 75px; */
    transition: max-height 350ms ease, margin-bottom 350ms ease;
}

.dopcatalog_box ul a {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: var(--grey);
    padding: 8px 20px;
    padding-left: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
}

.dopcatalog_box ul a span {
    border-radius: 50%;
    color: #fff;
    background-color: var(--gray);
    padding: 0 8px;
    width: 25px;
    width: auto;
    border-radius: 12px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    flex: none;
}

.dopcatalog_box ul a:hover {
    text-decoration: underline;
}

.panel_catalog_item__last {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: var(--grey);
    padding: 8px 20px;
    padding-left: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
}

.panel_catalog_item__last span {
    border-radius: 50%;
    color: #fff;
    background-color: var(--gray);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    flex: none;
}

.dopcatalog_box ul .btn__dop {
    border: 1px solid var(--gray);
    border-radius: 55px;
    color: var(--gray);
    font-size: 14px;
    padding: 6px 16px;
    position: absolute;
    right: 45px;
    bottom: 41px;
    z-index: 2;
    background-color: #fff;
    width: calc(100% / 4 - 15px);
}

.dopcatalog_box li {
    min-height: 33px;
    width: calc(100% / 4);
    display: flex;
}

.section_title span h2 {
    margin-bottom: 0;
}

.section_title span {
    display: flex;
    align-items: center;
}

.breadcrums {
    margin: 0;
    padding: 0;
    margin-top: 22px;
    margin-bottom: 0px;
}

.section_dopcatalog {
    margin: 0;
    margin-bottom: 15px;
}

.filter_box_title p {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.filter_box_title {
    width: 100%;
    background-color: var(--gray_bg);
    padding: 16px 22px;
    border-radius: 15px;
}

.filter_value {
    padding: 12px 20px;
    border-radius: 12px;
    box-shadow: 0px 4px 36px var(--light2_gray);
    padding-top: 0 !important;
}

.filter_value .filter_padd {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(4, minmax(238px, 1fr));
    margin-right: 30px;
}

.select_item {
    width: 100%;
    min-height: 33px;
    border-radius: 7px;
    border: 1px solid var(--light2_gray);
    background-color: #fff;
    padding: 0 10px;
    appearance: none;
    position: relative;
    outline: none;
    -webkit-appearance: none;
}

.filter_item {
    position: relative;
}

.filter_item::before {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 31px;
    background-color: var(--green);
    right: 0;
    z-index: 1;
    border-radius: 7px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    border: 1px solid var(--light_gray);
    pointer-events: none;
}

.filter_item::after {
    content: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.791644 1.58333C0.791206 1.35942 0.86919 1.14242 1.01206 0.97C1.09251 0.87296 1.19132 0.792746 1.30282 0.733951C1.41432 0.675155 1.53632 0.638934 1.66184 0.627361C1.78736 0.615788 1.91393 0.629092 2.0343 0.666509C2.15467 0.703927 2.26647 0.764723 2.36331 0.845416L7.49998 5.13875L12.6462 0.998751C12.7443 0.919146 12.857 0.859699 12.9781 0.823827C13.0992 0.787955 13.2262 0.776365 13.3517 0.789723C13.4773 0.803082 13.599 0.841125 13.7098 0.901666C13.8206 0.962208 13.9184 1.04405 13.9975 1.1425C14.0847 1.24166 14.1505 1.35777 14.1908 1.48357C14.231 1.60936 14.2448 1.74211 14.2313 1.87349C14.2178 2.00487 14.1773 2.13205 14.1123 2.24703C14.0473 2.36201 13.9593 2.46232 13.8537 2.54167L8.10373 7.17042C7.93225 7.31137 7.71716 7.38843 7.49518 7.38843C7.27321 7.38843 7.05812 7.31137 6.88664 7.17042L1.13664 2.37875C1.02067 2.28261 0.928991 2.16049 0.869049 2.02229C0.809107 1.88409 0.782587 1.7337 0.791644 1.58333Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: 20px;
    height: calc(100% - 33px);
    z-index: 1;
    right: 8px;
    top: 6px;
    pointer-events: none;
}

.select_item input[type="radio"]:disabled+.select_item::before {
    opacity: 0.5;
}

.select_item:active,
.select_item:active,
.select_item:active {
    /* border                 : 2px solid var(--green);
    border-radius          : inherit;
    border-top-left-radius : 7px;
    border-top-right-radius: 7px; */
}

.error_messadge {
    font-size: 24px;
    margin: 10px 0;
}

.error-404 {
    font-size: 116px;
    font-weight: 700;
    margin: 0;
}

.error-404 span {
    font-size: 40px;
}

.error_messadge {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.filter_status .form_radio_btn {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
}

.filter_status .form_radio_btn input[type="radio"] {
    display: none;
}

.filter_status .form_radio_btn input[type="checkbox"] {
    display: none;
}

.filter_status .form_radio_btn label {
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    border: 1px solid var(--light2_gray);
    border-radius: 6px;
    user-select: none;
    min-height: 33px;
    display: flex;
    align-items: center;
    color: var(--gray);
    background-color: #fff;
}


/* Checked */

.filter_status .form_radio_btn input[type="radio"]:checked+label {
    background: var(--green);
    color: #fff;
}


/* Checked */

.filter_status .form_radio_btn input[type="checkbox"]:checked+label {
    background: var(--green);
    color: #fff;
}


/* Hover */

.filter_status .form_radio_btn label:hover {
    color: #666;
}


/* Disabled */

.filter_status .form_radio_btn input[type="radio"]:disabled+label {
    background: #efefef;
    color: #666;
}


/* Disabled */

.filter_status .form_radio_btn input[type="checkbox"]:disabled+label {
    background: #efefef;
    color: #666;
}

.filter_bottom {
    display: grid;
    grid-template-columns: repeat(3, minmax(277px, 1fr));
    grid-gap: 15px;
    width: 100%;
    background-color: var(--gray_bg);
    padding: 16px 22px;
    border-radius: 15px;
}

.filter_price {
    display: grid;
}

.filter_price_in {
    display: flex;
    flex-direction: row;
}

.filter_price_in input {
    /* max-width: 231px; */
    border: 1px solid var(--light_grey);
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1;
    max-width: 233px;
}

.filter_price_in input:focus,
.filter_price_in input:hover,
.filter_price_in input:active {
    outline: 0 !important;
    outline-offset: 0 !important;
}

.filter_price_in input:first-child {
    /* border-top-left-radius: 7px;
    border-bottom-left-radius: 7px; */
    margin-right: 1.25rem;
}

.filter_price_in input:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.filter_title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}

.filter_status {
    margin: 0 auto;
    margin-left: 0;
}

.filter_btn {
    display: flex;
}

.filter_btn .btn {
    margin: auto;
}

.form_radio_btn label {
    margin-bottom: 0;
}

.section_catalog_bottom {
    display: flex;
    position: relative;
}

.section_pagination {
    background-color: var(--gray_bg);
    /* max-width       : 300px; */
    padding: 8px 12px;
    border-radius: 15px;
    display: flex;
    margin-left: auto;
}

.section_pagination ul {
    display: flex;
    flex-direction: row;
}

.section_pagination ul li {
    color: #fff;
    margin-right: 5px;
}

.section_pagination ul li a,
.section_pagination ul li span {
    background-color: #fff;
    color: var(--gray);
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    transition: color 150ms ease-in-out, background 250ms ease-in-out;
}

.section_pagination ul li a:hover,
.section_pagination ul li a:focus,
.section_pagination ul li a:active,
.section_pagination ul li span:hover,
.section_pagination ul li span:focus,
.section_pagination ul li span:active {
    background-color: var(--green);
    color: #fff;
}

.section_pagination ul .active a,
.section_pagination ul .active span {
    background: var(--green);
    color: #fff;
}

.btn--link {
    font-weight: 600;
}

.section_catalog_bottom .section_link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.section_pagination {
    display: flex;
    align-items: center;
    min-height: 50px;
}

.arrow-left a,
.arrow-left span {
    padding: 5px 10px;
}

.arrow-right a,
.arrow-right span {
    padding: 5px 10px;
}

.section_catalog_bottom .section_link {
    padding: 5px 10px;
}

.section_pagination ul .pagin_dots {
    font-size: 14px;
    color: var(--gray);
    font-weight: 600;
}

.section_pagination ul li:first-child {
    margin-right: 20px;
}

.section_pagination ul li:last-child {
    margin-left: 20px;
}

.section_pagination ul .arrow-left svg path,
.section_pagination ul .arrow-right svg path {
    fill: #75858e;
}

.section_pagination ul .arrow-left a,
.section_pagination ul .arrow-left span,
.section_pagination ul .arrow-right a,
.section_pagination ul .arrow-right span,
.section_pagination ul .arrow-left a:hover,
.section_pagination ul .arrow-left span:hover,
.section_pagination ul .arrow-right a:hover,
.section_pagination ul .arrow-right span:hover,
.section_pagination ul .arrow-left a:focus,
.section_pagination ul .arrow-left span:focus,
.section_pagination ul .arrow-right a:focus,
.section_pagination ul .arrow-right span:focus,
.section_pagination ul .arrow-left a:active,
.section_pagination ul .arrow-left span:active,
.section_pagination ul .arrow-right a:active,
.section_pagination ul .arrow-right span:active {
    background-color: transparent;
}

.section_pagination ul .arrow-left a:hover svg path,
.section_pagination ul .arrow-left span:hover svg path,
.section_pagination ul .arrow-right a:hover svg path,
.section_pagination ul .arrow-right span:hover svg path,
.section_pagination ul .arrow-left a:focus svg path,
.section_pagination ul .arrow-left span:focus svg path,
.section_pagination ul .arrow-right a:focus svg path,
.section_pagination ul .arrow-right span:focus svg path,
.section_pagination ul .arrow-left a:active svg path,
.section_pagination ul .arrow-left span:active svg path,
.section_pagination ul .arrow-right a:active svg path,
.section_pagination ul .arrow-right span:active svg path {
    fill: var(--green);
}

:root {
    --select-border: #777;
    --select-focus: blue;
    --select-arrow: var(--select-border);
}

.select_item:focus-within {
    border-color: var(--green);
}

.no-search .select2-search {
    display: none;
}

.select2-container--default .select2-selection--single {
    border: 1px solid var(--light2_gray);
    min-height: 33px;
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--light2_gray);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--green);
}

.select2-dropdown {
    border: 1px solid var(--light2_gray);
}

.select2-container--open .select2-results .select2-results__options::-webkit-scrollbar {
    background-color: #fff;
    width: 7px;
    overflow: hidden;
}

.select2-container--open .select2-results .select2-results__options::-webkit-scrollbar-thumb {
    background-color: rgba(1, 1, 1, 0.1);
}

.form_radio_btn:hover label,
.form_radio_btn:active label {
    background-color: #28a569;
    color: #fff !important;
}

.cart--sity {
    margin-bottom: 0;
}

.cart--price {
    margin-bottom: 0;
}

.cart_small_pod_slider .is-active img {
    object-fit: cover;
}

.cart--itm_small .splide__slide.is-active .thumbnail_new_ads_slide {
    border: 2px solid var(--green) !important;
}

.thumbnail_new_ads_slider .is-active .thumbnail_new_ads_slide img {
    object-fit: cover;
}

.cart--sity {
    position: relative;
    padding-left: 15px;
}

.cart--sity::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi41MDAxNiA3LjU4MzMzQzcuNjk1MDggNy41ODMzMyA4LjY2NjgzIDYuNjExNTggOC42NjY4MyA1LjQxNjY3QzguNjY2ODMgNC4yMjE3NSA3LjY5NTA4IDMuMjUgNi41MDAxNiAzLjI1QzUuMzA1MjUgMy4yNSA0LjMzMzUgNC4yMjE3NSA0LjMzMzUgNS40MTY2N0M0LjMzMzUgNi42MTE1OCA1LjMwNTI1IDcuNTgzMzMgNi41MDAxNiA3LjU4MzMzWk02LjUwMDE2IDQuMzMzMzNDNy4wOTc2MiA0LjMzMzMzIDcuNTgzNSA0LjgxOTIxIDcuNTgzNSA1LjQxNjY3QzcuNTgzNSA2LjAxNDEyIDcuMDk3NjIgNi41IDYuNTAwMTYgNi41QzUuOTAyNyA2LjUgNS40MTY4MyA2LjAxNDEyIDUuNDE2ODMgNS40MTY2N0M1LjQxNjgzIDQuODE5MjEgNS45MDI3IDQuMzMzMzMgNi41MDAxNiA0LjMzMzMzWiIgZmlsbD0iIzc1ODU4RSI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjE4NTcyIDExLjgxNTlDNi4yNzczOSAxMS44ODE0IDYuMzg3MjMgMTEuOTE2NiA2LjQ5OTg4IDExLjkxNjZDNi42MTI1NCAxMS45MTY2IDYuNzIyMzggMTEuODgxNCA2LjgxNDA1IDExLjgxNTlDNi45Nzg3MiAxMS42OTk0IDEwLjg0ODkgOC45MDQ5OCAxMC44MzMyIDUuNDE2NjVDMTAuODMzMiAzLjAyNzM1IDguODg5MTggMS4wODMzMSA2LjQ5OTg4IDEuMDgzMzFDNC4xMTA1OSAxLjA4MzMxIDIuMTY2NTUgMy4wMjczNSAyLjE2NjU1IDUuNDEzOTRDMi4xNTA4NCA4LjkwNDk4IDYuMDIxMDUgMTEuNjk5NCA2LjE4NTcyIDExLjgxNTlaTTYuNDk5ODggMi4xNjY2NUM4LjI5MjI2IDIuMTY2NjUgOS43NDk4OCAzLjYyNDI3IDkuNzQ5ODggNS40MTkzNUM5Ljc2MTI2IDcuODIzMjcgNy4zNzMwNSA5Ljk4MTgxIDYuNDk5ODggMTAuNjg5OEM1LjYyNzI2IDkuOTgxMjcgMy4yMzg1MSA3LjgyMjE5IDMuMjQ5ODggNS40MTY2NUMzLjI0OTg4IDMuNjI0MjcgNC43MDc1MSAyLjE2NjY1IDYuNDk5ODggMi4xNjY2NVoiIGZpbGw9IiM3NTg1OEUiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPC9zdmc+");
    position: absolute;
    width: 13px;
    height: 13px;
    top: 6px;
    left: 0;
}

.section_title span svg {
    min-width: 50px;
    font-size: 32px;
    line-height: 0.9;
}

.thumbnail_new_ads_slider {
    height: auto;
}

.thumbnail_new_ads_slider .splide__slide.is-active .thumbnail_new_ads_slide {
    border: 2px solid var(--green) !important;
}

.new_ads_slider .splide__slide img {
    height: auto;
}

.btn__dop_filter svg {
    padding: 0;
    margin: 0;
}

.btn__dop_filter {
    padding: 6px;
    border-radius: 60px !important;
    font-size: 20px !important;
}

.section_filter {
    margin-top: 20px;
}

.section_filter .filter {
    /* box-shadow: 5px 3px 7px #e0e9ee; */
    /* border-radius: 30px; */
    /* box-shadow: 4px 4px 15px #e0e9ee; */
}

.section_page_error .section_title span {
    font-size: 18px;
    color: var(--danger);
}

.section_page {
    margin-top: 0;
    margin-bottom: 60px;
}

.page__title h1 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

@media all and (max-width: 1350px) {
    .dopcatalog_box li {
        width: calc(100% / 3);
    }
    .dopcatalog_box ul .btn__dop {
        right: 130px;
    }

}

@media all and (max-width: 1080px) {
    .section_my_advert .panel-body {
        box-shadow: inherit;
        border-radius: inherit;
    }
    .section_my_advert .filter_box_item {
        display: none;
    }
    /* Works on Firefox */
    .dopcatalog_box {
        scrollbar-width: thin;
        scrollbar-color: var(--gray_arrow) #fff;
    }
    /* Works on Chrome, Edge, and Safari */
    .dopcatalog_box::-webkit-scrollbar {
        width: 12px;
    }
    .dopcatalog_box::-webkit-scrollbar-track {
        background: #fff;
    }
    .dopcatalog_box::-webkit-scrollbar-thumb {
        background-color: var(--gray_arrow);
        border-radius: 20px;
        border: 3px solid #fff;
    }
    /* Works on Firefox */
    #dopcatalog_box {
        scrollbar-width: thin;
        scrollbar-color: var(--gray_arrow) #fff;
    }
    /* Works on Chrome, Edge, and Safari */
    #dopcatalog_box::-webkit-scrollbar {
        width: 12px;
    }
    #dopcatalog_box::-webkit-scrollbar-track {
        background: #fff;
    }
    #dopcatalog_box::-webkit-scrollbar-thumb {
        background-color: var(--gray_arrow);
        border-radius: 20px;
        border: 3px solid #fff;
    }
    .page__title h1 {
        font-size: 20px;
    }
    .dopcatalog_box ul a {
        box-shadow: 0px 4px 8px 1px #e0e9ee;
        padding: 5px 15px;
        padding-right: 5px;
        border-radius: 50px;
        background-color: #fff;
    }
    .dopcatalog_box ul {
        overflow: inherit;
        max-height: inherit;
        flex-wrap: inherit;
        white-space: nowrap;
        overflow-x: scroll;
        justify-content: flex-start;
        padding-bottom: 20px;
        margin: 0 -18px;
        padding-top: 2px;
        border-radius: inherit;
    }
    .dopcatalog_box ul .btn__dop {
        display: none;
    }
    .dopcatalog_box li {
        width: inherit;
        margin-right: 14px;
    }
    .dopcatalog_box {
        overflow: inherit;
        padding: inherit;
        box-shadow: inherit;
        flex-wrap: inherit;
        white-space: nowrap;
        overflow-x: scroll;
        justify-content: flex-start;
        /* padding-bottom : 20px; */
        margin: 0 -18px;
        border-radius: inherit;
    }
    .dopcatalog_box li:first-child {
        margin-left: 20px;
    }
    .section_dopcatalog .section_title {
        flex-direction: column !important;
        align-items: flex-start;
    }
    .section_dopcatalog .dop_info {
        margin-top: 6px;
        margin-left: inherit;
    }
    .breadcrums {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .breadcrums_list {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        white-space: nowrap;
        overflow-x: scroll;
        padding: 4px 0;
        margin: 0 -18px;
        padding-left: 20px;
    }
    .section_filter {
        margin: 0;
    }
    .filter_box_title {
        position: relative;
    }
    .filter_box_title::after {
        content: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.791644 1.58333C0.791206 1.35942 0.86919 1.14242 1.01206 0.97C1.09251 0.87296 1.19132 0.792746 1.30282 0.733951C1.41432 0.675155 1.53632 0.638934 1.66184 0.627361C1.78736 0.615788 1.91393 0.629092 2.0343 0.666509C2.15467 0.703927 2.26647 0.764723 2.36331 0.845416L7.49998 5.13875L12.6462 0.998751C12.7443 0.919146 12.857 0.859699 12.9781 0.823827C13.0992 0.787955 13.2262 0.776365 13.3517 0.789723C13.4773 0.803082 13.599 0.841125 13.7098 0.901666C13.8206 0.962208 13.9184 1.04405 13.9975 1.1425C14.0847 1.24166 14.1505 1.35777 14.1908 1.48357C14.231 1.60936 14.2448 1.74211 14.2313 1.87349C14.2178 2.00487 14.1773 2.13205 14.1123 2.24703C14.0473 2.36201 13.9593 2.46232 13.8537 2.54167L8.10373 7.17042C7.93225 7.31137 7.71716 7.38843 7.49518 7.38843C7.27321 7.38843 7.05812 7.31137 6.88664 7.17042L1.13664 2.37875C1.02067 2.28261 0.928991 2.16049 0.869049 2.02229C0.809107 1.88409 0.782587 1.7337 0.791644 1.58333Z' fill='white'/%3E%3C/svg%3E%0A");
        position: absolute;
        display: block;
        width: 30px;
        height: 31px;
        right: 14px;
        z-index: 1;
        border-radius: 7px;
        top: 0;
        bottom: 0;
        border: 1px solid var(--light_gray);
        pointer-events: none;
        z-index: 1;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 250ms ease-in-out;
    }
    .filter_box_title::before {
        content: "";
        position: absolute;
        display: block;
        width: 30px;
        height: 31px;
        right: 14px;
        background-color: var(--green);
        z-index: 1;
        border-radius: 7px;
        top: 0;
        bottom: 0;
        border: 1px solid var(--light_gray);
        pointer-events: none;
        z-index: 1;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .--is__active::after {
        transform: rotate(180deg);
    }
    .filter_box_title:active::before {
        box-shadow: 0px 0px 2px var(--green);
    }
    #filter__value_box {
        /* max-height: 0;
        overflow: hidden; */
    }
    .filter_value {
        /* max-height: 0;
        overflow  : hidden; */
        padding: 0;
        transition: max-height 350ms ease, margin-bottom 350ms ease;
    }
    .filter_value .filter_padd {
        grid-template-columns: 1fr;
        padding: 0;
    }
    .filter_padd {
        padding: 12px 20px;
    }
    .filter_box_item {
        margin-bottom: 5px;
    }
    .filter_bottom {
        grid-template-columns: 1fr;
    }
    .filter_price {
        justify-content: center;
    }
    .filter_item {
        margin-bottom: 8px;
    }
    .filter_item:last-child {
        margin-bottom: 0;
    }
    .filter_price {
        justify-content: flex-start;
    }
    .filter_status {
        margin: inherit;
    }
    .filter_stats_bottom {
        display: flex;
        flex-wrap: wrap;
    }
    .filter_status .form_radio_btn {
        margin-bottom: 5px;
    }
    .filter_price_in input {
        max-width: inherit;
        width: 100%;
    }
    .section_catalog_bottom {
        flex-direction: column;
    }
    .section_catalog_bottom .section_link {
        position: relative;
    }
    .section_pagination {
        margin-right: auto;
        margin-top: 20px;
    }
    .section__page_form .filter_box_grid--item_three .select2-container--default .select2-selection--single {
        background-color: #f2f2f2 !important;
    }
    .filter_box_item {
        padding-bottom: 22px !important;
    }
    .filter_stats_bottom {
        justify-content: space-around;
    }
    .filter_stats_bottom .checkBox__label {
        margin-bottom: 17px;
    }
    .filter .filter_body .header_body_search {
        position: relative;
        background: inherit;
        border-bottom: inherit;
        margin: 0 !important;
        padding: 0 5px !important;
        top: 0;
        left: inherit;
        z-index: 111;
        right: inherit;
        padding-left: inherit;
        border-bottom: inherit;
    }
    .filter .main--search {
        font-size: 14px;
    }
    .filter .header_body_search {
        padding: 0 6px;
    }
    .form_search_btn .btn--search svg {
        width: 16px;
        height: 16px;
    }
}


/* #endregion */

.header {
    z-index: inherit;
}

.header--border {
    z-index: 200;
    position: relative;
}

.header>.container {
    z-index: 100;
}

.toggle-fav svg {
    color: #fff;
    fill: #f2f6f8;
    stroke: #8F9FA8;
    transition: all 190ms ease-in-out;
}

.cart--itm--info__lover-link svg {
    color: #fff;
    fill: #f2f6f8;
    stroke: #8F9FA8;
    transition: all 190ms ease-in-out;
}

.toggle-fav:hover svg,
.toggle-fav:active svg {}

.toggle-fav.active:hover svg,
.toggle-fav.active:active svg {}

.toggle-fav.active svg {
    color: #ee5369;
    fill: #ee5369;
    stroke: #ee5369;
}

.toggle-fav:active svg {
    transform: scale(1.13);
}

.filter .form_search_body {
    max-height: 46px;
    min-height: 46px;
}

.good_info--stats p {
    font-size: 18px;
    margin-bottom: 5px;
}

@keyframes openYourHeart {
    from {
        r: 0;
    }
    to {
        r: 60px;
    }
}

#myClip circle {
    animation: openYourHeart 15s infinite;
}


/* #region page create ads & user */

.section_prise_list_main {
    margin-top: 0;
}

.table__main {
    box-shadow: 3px 4px 9px #e0e9ee;
    margin-bottom: 1rem;
}

.table__main table {
    margin-bottom: 0;
}

.page_text {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.page_list {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.page_list li {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 0.4rem;
    margin-left: 2rem;
    list-style-type: disc;
}

.position {
    position: relative;
}

.svg_position--menu {
    position: absolute;
    z-index: 10;
    left: 24px;
    top: 8px;
    width: 20px;
    height: 20px;
}

.advert-form {
    margin-top: 20px;
}

.form_item_content label {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-weight: 600;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    margin-left: 20px;
}

.form_item_content {
    width: 100%;
    background-color: var(--gray_bg);
    padding: 16px 22px;
    border-radius: 15px;
}

.form_sample_item {
    position: relative;
}

.form_sample_item::before {
    content: "";
    position: absolute;
    display: block;
    width: 38px;
    height: 38px;
    /* background-color: var(--green); */
    /* background-color: ; */
    right: 5px;
    z-index: 1;
    border-radius: 50px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    border: 1px solid var(--light_gray);
    pointer-events: none;
}

.form_sample_item::after {
    content: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.791644 1.58333C0.791206 1.35942 0.86919 1.14242 1.01206 0.97C1.09251 0.87296 1.19132 0.792746 1.30282 0.733951C1.41432 0.675155 1.53632 0.638934 1.66184 0.627361C1.78736 0.615788 1.91393 0.629092 2.0343 0.666509C2.15467 0.703927 2.26647 0.764723 2.36331 0.845416L7.49998 5.13875L12.6462 0.998751C12.7443 0.919146 12.857 0.859699 12.9781 0.823827C13.0992 0.787955 13.2262 0.776365 13.3517 0.789723C13.4773 0.803082 13.599 0.841125 13.7098 0.901666C13.8206 0.962208 13.9184 1.04405 13.9975 1.1425C14.0847 1.24166 14.1505 1.35777 14.1908 1.48357C14.231 1.60936 14.2448 1.74211 14.2313 1.87349C14.2178 2.00487 14.1773 2.13205 14.1123 2.24703C14.0473 2.36201 13.9593 2.46232 13.8537 2.54167L8.10373 7.17042C7.93225 7.31137 7.71716 7.38843 7.49518 7.38843C7.27321 7.38843 7.05812 7.31137 6.88664 7.17042L1.13664 2.37875C1.02067 2.28261 0.928991 2.16049 0.869049 2.02229C0.809107 1.88409 0.782587 1.7337 0.791644 1.58333Z' fill='gray'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: 20px;
    height: calc(100% - 33px);
    z-index: 1;
    right: 17px;
    top: 13px;
    pointer-events: none;
}

.body_good {
    background-color: var(--gray_bg);
    padding-top: 38px;
    padding-bottom: 38px;
    padding: 20px;
    padding: 16px 22px;
    border-radius: 15px;
}

.body_good .dropdown-menu.show {
    transform: translate3d(0px, 5px, 0px) !important;
}

.body_good .form__input {
    background: #fff;
    width: 100%;
}

.form_item_content .form__input {
    background: #fff;
    width: 100%;
}

.form__group_row_first {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 20px;
}

.form__group_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.form__group_radio_box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.form__group_radio_box label:not(:last-child) {
    margin-right: 16px;
}

.section_create_ads .select2-container--default .select2-selection--single {
    min-height: 47px;
    border-radius: 25px;
}

.section_user_profile .select2-container--default .select2-selection--single {
    min-height: 47px;
    border-radius: 25px;
}

.section_create_ads .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 6px 20px;
    border-radius: 50px;
}

.section_create_ads .form__label {
    margin-left: 20px;
}

.section_user_profile .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 6px 20px;
    border-radius: 50px;
}

.section_user_profile .form__label {
    margin-left: 20px;
}

.section__page_form .select2-container--default .select2-selection--single {
    min-height: 46px;
    border-radius: 25px;
    border: 0;
}

.section__page_form .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 50px;
}

.section__page_form .form__label {
    margin-left: 20px;
}

.form__group_row_first .form-group {
    margin: 0;
    padding: 0;
}

.form__group_row .btn {
    margin: 0 !important;
}

.form__group_row_first .btn {
    margin: 0 !important;
}

.section_create_ads .form__input {
    padding: 5px 0;
    width: 100%;
    border: 0;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    outline: none;
    height: 100%;
    padding: 13px 10px 13px 20px !important;
    height: 100%;
    width: 100%;
    border-radius: 30px;
}

.section_user_profile .form__input {
    padding: 5px 0;
    width: 100%;
    border: 0;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    outline: none;
    height: 100%;
    padding: 10px 10px 10px 20px !important;
    height: 100%;
    width: 100%;
    border-radius: 30px;
}

.section__page_form .form__input {
    padding: 5px 0;
    width: 100%;
    border: 0;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    outline: none;
    height: 100%;
    /* padding   : 10px 10px 10px 20px !important; */
    padding: 15px 10px 15px 20px !important;
    height: 100%;
    width: 100%;
    border-radius: 30px;
}

.section_create_ads .redactor-editor {
    position: relative;
    overflow: auto;
    margin: 0 !important;
    padding: 20px;
    min-height: 80px;
    outline: none;
    white-space: normal;
    border: 1px solid #fff;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
    font-size: 14px;
    line-height: 1.6em;
    background-color: #fff;
    border-radius: 30px;
}

.section__page_form .redactor-editor {
    position: relative;
    overflow: auto;
    margin: 0 !important;
    padding: 20px;
    min-height: 80px;
    outline: none;
    white-space: normal;
    border: 1px solid #fff;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
    font-size: 14px;
    line-height: 1.6em;
    background-color: #fff;
    border-radius: 30px;
}

.form_button_box {
    display: grid;
    grid-template-columns: 216px 180px;
    grid-gap: 11px;
}

.section_create_ads.help-block {
    margin-left: 21px;
    margin-top: 5px;
}

.section__page_form .help-block {
    margin-left: 21px;
    margin-top: 5px;
}

.select2-dropdown {
    border: 0 !important;
}

.modalCategory_ads {}

.modalCategory_ads .modal-dialog {
    max-width: 720px;
}

.modal_ads_item {}

.modal_region_confirm {
    left: 76%;
    top: 115%;
    max-width: 240px;
    position: absolute;
    box-shadow: 0 5px 17px 0 rgb(0 0 0 / 15%);
}

.modal_ads_item_img {
    width: 80px;
    height: 80px;
}

.modal_ads_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modal_ads_item_text {
    margin-left: 5px;
}

.modal_ads_item_title {
    padding: 0;
    margin: 0;
    color: var(--grey);
}

.modal_ads_body {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
}

.modal_ads_item {
    display: grid;
    grid-template-columns: 82px 1fr;
    margin: 4px;
    flex: calc(100% / 2 - 8px);
}

.modalCategory_ads .close {
    position: relative;
    z-index: 1;
    opacity: 1;
}

.modalCategory_ads .close span {
    position: relative;
    opacity: 1;
}

.modalCategory_ads .close::before {
    content: "";
    position: absolute;
    width: 116px;
    height: 50px;
    left: 0;
    bottom: 20px;
    top: 0;
    margin: auto;
    background-color: var(--green);
    transform: translate(-33px, -3px) rotate(45deg);
    opacity: 0.8;
    z-index: 0;
}

.modalCategory_ads .close {
    color: #fff;
}

.modalCategory_ads .modal-content {
    overflow: hidden;
}

.breadcrums_list_arrow ul a::after {
    content: ">";
    color: #000;
    padding: 0 5px;
}

.modalCategory_ads .modal-content {
    border-radius: 0.9rem;
}

.breadcrums_modal {
    margin-top: 0;
}

.breadcrums_modal .breadcrums_list {
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
    overflow-x: auto;
    padding: 4px 0;
    padding-left: 20px;
}

.breadcrums_modal .breadcrums_list::-webkit-scrollbar {
    width: 5px;
    height: 6px;
    background-color: var(--gray_arrow);
}

.breadcrums_modal .breadcrums_list::-webkit-scrollbar-thumb {
    background-color: var(--gray_arrow);
    /* background   : linear-gradient(60deg, var(--gray_arrow), var(--gray)); */
    border-radius: 10px;
}

.breadcrums_modal .breadcrums_list::-webkit-scrollbar-track {
    background-color: #fff;
}


/* .modalCategory_ads .modal-footer::before{   
    content: '';
    background-color: var(--green);
    position: absolute;
    width: 100px;
    height: 50px;
    left:0;
    bottom:-18px;
    transform: translate(-33px, -3px) rotate(45deg);
    opacity: .8;
    z-index: 0;
} */

.section_user_profile .form_item_content {
    margin-bottom: 20px;
}

.section_user_profile .panel-title {
    font-size: 18px;
    line-height: 17px;
    color: #000;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-top: 10px;
}

.section_user_profile .panel-info {
    font-size: 15px;
    color: #898989;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
    margin-left: 20px;
    margin-top: 25px;
    max-width: 900px;
}

.form_user_info_box {
    display: grid;
    grid-template-columns: 1fr 381px;
    grid-gap: 20px;
}

.form_user_item {}

.form_user_avatar {
    display: flex;
    justify-content: space-between;
    /* padding     : 20px; */
}

.form_user_item label {
    padding: 5px 10px 5px 10px;
    margin-bottom: 5px;
}

.form_user_item .form-group {
    margin-bottom: 10px;
}

.table__null {
    display: none;
}

.form_group__img {
    background-color: #fff;
    padding: 40px;
    border-radius: 15px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.form_group__img {
    width: 200px;
    height: 200px;
    background-color: #fff;
    padding: 10px;
    border-radius: 15px;
    border-radius: 50%;
}

.form_group__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 1px 3px 5px 1px rgba(1, 1, 1, 0.2);
}

.form_bottom_text {
    background-color: var(--gray_bg);
    width: 100%;
    margin: -110px 0 0 0;
    padding: 150px 20px 20px 20px;
    border-radius: 15px;
}

.avatar {
    width: 100%;
    margin-top: -90px;
}

.form_avatar_title {
    font-size: 19px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_avatar_title p {
    margin-right: 8px;
}

.form_avatar_bottom_btn {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.form_avatar_phone {
    color: var(--gray);
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.form_avatar_bottom_btn .table td:not(:last-child) {
    display: none;
}

.form_avatar_bottom_btn .table-striped tbody tr:nth-of-type(odd) {
    background: transparent;
}

.form_avatar_bottom_btn .table td,
.table th {
    border: transparent;
}

.form_avatar_bottom_btn .table td:last-child button {
    margin: auto;
}

.form_avatar_bottom_btn .table td:last-child .toggle {
    display: none;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 1;
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

.btn_file_download {
    overflow: hidden;
    padding: 10px 26px 10px 26px;
}

.btn_form_loading {
    padding: 10px 26px 10px 26px;
    /*font-weight: 600;*/
    margin: auto;
}

.btn_form_loading svg {
    width: 19px;
    height: 19px;
    transition: transform 250ms ease-in;
}

.btn_form_loading:hover svg,
.btn_form_loading:active svg,
.btn_form_loading:focus svg {
    transform: translateX(10%);
}

.btn_delete_avatar {
    padding: 8px 26px 8px 26px;
}

.form_tab_btn_type {
    padding: 10px 26px;
    background-color: var(--gray_bg_ads);
    color: var(--gray);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    margin: 5px;
    border-radius: 7px;
    transition: background-color 250ms ease-in, color 200ms ease-in;
}

.form_tab_btn_type:last-child {
    margin-right: 0;
}

.form_tab_btn_type:hover,
.form_tab_btn_type:active,
.form_tab_btn_type:focus {
    color: #fff;
    background-color: var(--green);
}

.form_item_content .tabs_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 20px 0;
    border: 0;
}

.form_grid_items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.has-error .form-control {
    box-shadow: 0 0 0px 2px var(--orange);
}

.has-error .help-block {
    padding: 0 20px;
    margin-top: 5px;
}

.group__grid_items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    align-items: baseline;
}

.form_item_content,
.form_bottom_text,
.body_good {
    box-shadow: 5px 1px 21px -12px rgba(1, 1, 1, 0.2);
}

.form_item_content .user-default-account .form-group .small {
    font-size: 14px;
    margin-left: 20px;
}

.form_item_content .form-group .btn--green {
    margin-left: auto;
    margin-right: auto;
}


/* .btn__dop_status{
    color: #fff;
}

.btn__dop_status:hover,
.btn__dop_status:focus,
.btn__dop_status:active{
    color: #fff;
} */

.modalUser_balance .close {
    position: relative;
    z-index: 1;
    opacity: 1;
}

.modalUser_balance .close span {
    position: relative;
    opacity: 1;
}

.modalUser_balance .close::before {
    content: "";
    position: absolute;
    width: 116px;
    height: 50px;
    left: 0;
    bottom: 20px;
    top: 0;
    margin: auto;
    background-color: var(--green);
    transform: translate(-33px, -3px) rotate(45deg);
    opacity: 0.8;
    z-index: 0;
}

.modalUser_balance .close {
    color: #fff;
}

.modalUser_balance .modal-content {
    overflow: hidden;
}

.modalUser_balance .modal-content {
    border-radius: 0.9rem;
}

.modalUser_balance .form__input {
    background-color: var(--gray_bg);
    margin-bottom: 20px;
}

.panel__dop_status {
    display: flex;
    flex-direction: column;
}

.panel__dop_status .panel-body {
    margin-top: auto;
}

.form_item_content .btn--green svg {
    width: 19px;
    height: 19px;
    transition: transform 250ms ease-in;
}

.form_item_content .btn--green:hover svg,
.form_item_content .btn--green:active svg,
.form_item_content .btn--green:focus svg {
    /* transform: translateX(10%); */
}

.section_user_profile {
    margin: 40px 0;
}

.save__form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.address_list {
    margin-bottom: 30px;
}

@media all and (max-width: 1200px) {
    .form_user_info_box {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
    .form_user_avatar {
        grid-row: 1;
    }
    .form_avatar_bottom_btn .toggle {
        display: none !important;
    }
    .form_avatar_bottom_btn input[type="checkbox"] {
        display: none !important;
    }

    .grid_2_column{
        display: block;
    }

    .mb-scroll{
        max-width: 1200px;
        display: flex;
        flex-wrap: nowrap;
        padding: 12px 20px;
        max-width: 2000px;
        margin-bottom: 15px;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 15px;
        /* overflow: hidden; */
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none; /* for Internet Explorer, Edge */
        scrollbar-width: none; /* for Firefox */
    }
      
    .mb-scroll::-webkit-scrollbar-track {
        background: transparent; /* Цвет дорожки */
        display: none;
    }
      
    .mb-scroll::-webkit-scrollbar-thumb {
        background-color: transparent; /* Цвет бегунка */
        border-radius: 0; /* Округление бегунка */
        border: 3px solid #fff; /* Оформление границ бегунка */
        display: none;
    }

    /* Скрываем скролл на Safari, Chrome */
    .mb-scroll::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 0;
        height: 0;
        display: none;
    }

    /* Скрываем scrollbar для IE, Edge и Firefox */
    .mb-scroll {
        -ms-overflow-style: none;  /* IE и Edge */
        scrollbar-width: none;  /* Firefox */
    }



}

@media all and (max-width: 970px) {
    .form__group_row_first {
        grid-template-columns: 1fr;
    }
    .form__group_row {
        grid-template-columns: 1fr;
    }
    .form_user_avatar {
        grid-row: 1;
    }
    .group__grid_items {
        display: block;
        grid-template-columns: 100%;
        grid-gap: 0;
    }
}

@media all and (max-width: 580px) {
    .dopcatalog_box ul a span {
        padding: 0 6px;
    }
    .menu-footer {
        display: block;
    }
    .chooseRegionTitle {
        font-size: 1.3rem;
    }
    .form_button_box {
        grid-template-columns: 1fr;
    }
    #shop_logo_update .form-group.field-shop-logo {
        height: inherit;
    }
    .spec_category_body .kv-header-container {
        border-radius: 0 !important;
    }
    .field-shop-pay_type .select2-selection__rendered {
        padding: 0 !important;
    }
    .header_drop-list {
        width: 100%;
    }
    .section_error h1 {
        font-size: 24px;
    }
    .header_btn--price-list svg,
    .header_btn--advert svg {
        width: 13px;
        height: 13px;
        margin-right: 9px;
    }
    .form_user_avatar {
        margin-top: 90px;
    }
    .section_user_profile .form_bottom_text {
        padding: 123px 20px 20px 20px;
    }
    .section_user_profile .form_avatar_bottom_btn {
        margin: 0;
    }
    .section_user_profile .form_group__img {
        width: 140px;
        height: 140px;
    }
    .filter_value .filter_padd {
        overflow-y: inherit !important;
        max-width: inherit !important;
        position: relative;
    }
    .car_remove_button-wrap {
        right: -38px !important;
    }
}


/* №endregion */


/* #region page shop spec_mark */

.spec_mark_body .spec-mark {
    overflow: hidden;
    padding: 20px 10px;
    width: 100%;
}

.spec_mark_body .nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 0;
}

.spec_mark_body .tab-content {
    margin-top: 40px;
}

.flex-content {
    display: flex;
    /* flex-wrap  : wrap; */
    flex-direction: column;
}

.flex-content>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.flex-content>div .mark_element {
    margin: 4px;
    /* padding: 4px 8px; */
}

.flex-content>div .mark_element input {
    visibility: hidden;
    opacity: 0;
    display: none;
}

.flex-content>div .mark_element img {
    width: auto;
    height: 24px;
    margin-right: 8px;
    object-fit: contain;
}

.flex-content>div .mark_element:first-child {
    margin-top: -10px;
}

.flex-content>div .mark_element label {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px;
    border-radius: 8px;
    white-space: nowrap;
    margin-right: auto;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.flex-content>div .mark_element:first-child label {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-content>div .mark_element:first-child {
    margin-right: 100%;
    min-height: 42px;
    min-width: 42px;
}

.flex-content>div .mark_element label:hover,
.flex-content>div .mark_element label:active,
.flex-content>div .mark_element label:focus {
    box-shadow: 0px 2px 4px 0 rgb(0, 0, 0, 0.25);
    color: var(--green);
}

.spec_mark_body .spec-mark .form_link {
    background-color: #fff;
    border-radius: 8px;
    /* border          : 1px solid #e9e4e4; */
    box-shadow: 0px 2px 4px 0 rgb(0, 0, 0, 0.17);
}

.spec_mark_body .nav .active .form_link,
.spec_mark_body .nav .form_link.active {
    color: #fff;
    background-color: var(--green) !important;
}

.flex-content>div .mark_element input:checked~label {
    color: #fff;
    transform: scale(1.04);
    transition: transform 250ms ease-in-out, background 250ms ease-in-out;
    background-color: var(--light_green);
}

.spec_mark form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.spec_mark_body .nav>li {
    display: flex;
}


/* #endregion */


/* #region page shop spec_category */

.spec_category_body .spec-mark {
    overflow: hidden;
    padding: 20px 10px;
    width: 100%;
}

.spec_category_body .nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 0;
}

.spec_category_body .tab-content {
    margin-top: 40px;
}

.spec_category_body .form_link {
    background-color: #fff;
    border-radius: 8px;
    /* border          : 1px solid #e9e4e4; */
    box-shadow: 0px 2px 4px 0 rgb(0, 0, 0, 0.17);
}

.spec_category_body .nav .active {
    color: #fff;
    background-color: var(--green) !important;
}

.spec_category_body .nav>li {
    display: flex;
}

.spec_category_body .kv-tree-container {
    border-top: inherit;
}

.spec_category_body .kv-header-container {
    background-color: var(--gray_bg);
    padding: 16px 22px;
    border-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.spec_category_body .kv-tree-wrapper {
    border: 0;
}

.spec_category_body .kv-tree-nofooter {
    border-left: 6px solid var(--gray_bg);
    border-right: 6px solid var(--gray_bg);
    border-bottom: 6px solid var(--gray_bg);
}

.section_shop_edit .shop-update #phones,
.section_shop_edit .shop-update #soc_media {
    display: flex;
    flex-direction: column;
}

.section_shop_edit .shop-update .create__item,
.section_shop_edit .shop-update .create__item {
    /* position: absolute; */
    /* bottom: -50px; */
    left: 0;
    right: 0;
    margin: 0 auto;
    order: 1;
}

.spec_category_body .kv-search-container .kv-search-clear {
    padding: 11px;
}

.section_shop_edit .shop_logo .table {
    position: relative;
}

/* .section_shop_edit .shop_logo .table td:first-child {
    position: relative;
    padding-left: 60px;
} */

.section_shop_edit .shop_logo .table .files td .toggle {
    position: absolute;
    left: 17px;
    margin: auto;
    margin-bottom: -17px;
    display: none;
}

.section_shop_edit .shop_logo .fileupload-buttonbar input[type="checkbox"] {
    display: none;
}

/* .section_shop_edit .shop_logo .table td,
.section_shop_edit .shop_logo .table th {
    vertical-align: baseline;
} */

.section_shop_edit-logo {
    width: 95px;
    margin: 0px !important;
    margin-right: 20px !important;
}

.section_shop_edit-logo img {
    /*height       : 80px;*/
    object-fit: contain;
    /*border-radius: 20px;*/
    /* box-shadow: 0 0 10px 0 black; */
    padding: 5px;
    /*background   : #e1e1e1; */
}

.section_shop_edit .tilte__panel.active {
    margin-left: 0;
    font-size: 16px;
    margin-top: 7px;
    margin-bottom: auto;
    color: #43b37d;
}

.section_shop_edit .tilte__panel.inactive {
    margin-left: 0;
    font-size: 16px;
    margin-top: 7px;
    margin-bottom: auto;
    color: #edab94;
}

.js__load_table {
    display: block;
    white-space: nowrap;
}

.js__load_table .files .name {
    width: 100%;
}

.section__page_form .kv-search-input {
    padding: 5px 0;
    width: 100%;
    border: 0;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    outline: none;
    height: 100%;
    padding: 13px 10px 13px 20px !important;
    height: 100%;
    width: 100%;
    border-radius: 30px;
}

.section_shop_edit .shop-update .address_list .items {
    margin-top: 20px;
}


/* #region page shop edit */

.section_shop_edit {
    margin: 40px 0;
}

.section__page_form .form_item_content {
    margin-bottom: 20px;
}

.text-center {
    text-align: center;
}

.tilte__panel {
    font-size: 22px;
    margin-bottom: 20px;
    margin-left: 20px;
}

.section_title span h1 {
    margin-bottom: 0;
}

.section_shop_edit .field-shop-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    align-content: flex-end;
    margin-top: -75px;
    height: 75px;
}

.section_shop_edit .form_field__shop_logo {
    width: 90px;
    height: 100%;
}

.section_shop_edit .form_field__shop_logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.gr_column {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 24px;
}

.section__page_form .form__input {
    /* max-height: 47px;
    min-height: 47px; */
    max-height: 46px;
    min-height: 46px;
}

.from_textarea {
    max-height: inherit !important;
    min-height: 120px !important;
    line-height: 22px !important;
}

.section__page_form .max_h-null {
    max-height: inherit;
}

.form_item_content #address_list_repeater .form-group input {
    padding: 5px 0;
    width: 100%;
    border: 0;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    outline: none;
    height: 100%;
    padding: 10px 10px 10px 20px !important;
    height: 100%;
    width: 100%;
    border-radius: 30px;
    max-height: 39px;
}

.form_item_content #address_list_repeater .form-group button {
    padding: 10px 26px 10px 26px;
    font-weight: 600;
}


/* .btn {
    background-color: var(--orange);
    color           : white;
    border-radius   : 60px;
    padding         : 12px 26px 12px 26px;
    position        : relative;
    z-index         : 1;
    display         : flex;
    width           : fit-content;
    align-items     : center;
    border          : none;
}

.btn_color--orange:hover,
.btn_color--orange:active,
.btn_color--orange:focus {

} */

.form_item_content #address_list_repeater .repeater-remove-btn button {
    background-color: var(--orange);
    color: white;
    border-radius: 60px;
    padding: 10px 26px 10px 26px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    border: none;
    margin-top: 0 !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form_item_content #address_list_repeater .repeater-remove-btn button:hover,
.form_item_content #address_list_repeater .repeater-remove-btn button:focus,
.form_item_content #address_list_repeater .repeater-remove-btn button:active {
    background-color: #c82333;
    border-color: #bd2130;
    color: #fff;
    outline: none !important;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.btn_pd {
    padding: 10px 26px 10px 26px;
}

.shop_logo_load_img .fileinput-button,
.shop_logo_load_img .btn-warning,
.shop_logo_load_img .btn-primary {
    background-color: var(--green);
    border-color: var(--green);
    color: white;
    border-radius: 60px;
    padding: 10px 26px 10px 26px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    border: none;
    margin-top: 0 !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.shop_logo_load_img .fileinput-button:hover,
.shop_logo_load_img .fileinput-button:focus,
.shop_logo_load_img .fileinput-button:active,
.shop_logo_load_img .btn-primary:hover,
.shop_logo_load_img .btn-primary:focus,
.shop_logo_load_img .btn-primary:active,
.shop_logo_load_img .btn-warning:hover,
.shop_logo_load_img .btn-warning:focus,
.shop_logo_load_img .btn-warning:active {
    background-color: var(--orange);
    color: #fff;
    outline: none !important;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.shop_logo_load_img .btn-danger {
    background-color: var(--orange);
    color: white;
    border-radius: 60px;
    padding: 10px 26px 10px 26px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    border: none;
    margin-top: 0 !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.shop_logo_load_img .btn-danger:hover,
.shop_logo_load_img .btn-danger:focus,
.shop_logo_load_img .btn-danger:active {
    background-color: #c82333;
    border-color: #bd2130;
    color: #fff;
    outline: none !important;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.gr_content_btn {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.gr_content_btn .btn {
    margin-right: 5px;
    font-size: 14px;
}

.gr_content_btn .checkBox__label {
    margin-left: 5px;
    margin-bottom: 0;
}

.address_list .items .form-group {
    margin-bottom: 0;
}

.address_list .items .form-group .help-block {
    margin-top: 0;
}

.address_list .items .col-lg-2 {
    display: flex;
    align-items: flex-end;
}

.shop_logo table .files tr {
    background-color: #fff;
}

.shop_logo table .files .name a {
    color: var(--green);
}

.files .table td,
.table th {
    padding: 6px;
}

.shop_logo table .files tr.in {
    opacity: 1;
}

.table .files td:last-child {
    flex-direction: row;
    align-items: center;
}

.table .files td .toggle {
    margin-left: 10px;
}

.table .files td .btn {
    padding: 8px 26px 8px 26px;
}

.group_grid_items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
}

.group_grid_items div:first-child input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.group_grid_items div:last-child input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.panel__group_phone .repeater-remove-btn {
    display: flex;
    justify-content: flex-end;
    /* margin-top  : 12px; */
}

.panel__group_phone .repeater-remove-btn button {
    background-color: var(--orange);
    color: white;
    border-radius: 60px;
    padding: 5px 26px 5px 26px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    border: none;
    margin-top: 0 !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.panel__group_phone .repeater-remove-btn button:hover,
.panel__group_phone .repeater-remove-btn button:focus,
.panel__group_phone .repeater-remove-btn button:active {
    background-color: #c82333;
    border-color: #bd2130;
    color: #fff;
    outline: none !important;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.panel__group_phone .group_grid_items label {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.panel__group_phone .group_grid_items {
    margin-bottom: 8px;
}

.form_item_content .create__item {
    margin-bottom: 5px !important;
    display: flex;
    justify-content: center;
}

.form_item_content .create__item svg {
    width: 21px;
    height: 21px;
    margin: 0;
}

.form_item_content .create__item .btn {
    padding: 6px;
}

.cart--sity {
    position: relative;
}

.cart--sity::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi41MDAxNiA3LjU4MzMzQzcuNjk1MDggNy41ODMzMyA4LjY2NjgzIDYuNjExNTggOC42NjY4MyA1LjQxNjY3QzguNjY2ODMgNC4yMjE3NSA3LjY5NTA4IDMuMjUgNi41MDAxNiAzLjI1QzUuMzA1MjUgMy4yNSA0LjMzMzUgNC4yMjE3NSA0LjMzMzUgNS40MTY2N0M0LjMzMzUgNi42MTE1OCA1LjMwNTI1IDcuNTgzMzMgNi41MDAxNiA3LjU4MzMzWk02LjUwMDE2IDQuMzMzMzNDNy4wOTc2MiA0LjMzMzMzIDcuNTgzNSA0LjgxOTIxIDcuNTgzNSA1LjQxNjY3QzcuNTgzNSA2LjAxNDEyIDcuMDk3NjIgNi41IDYuNTAwMTYgNi41QzUuOTAyNyA2LjUgNS40MTY4MyA2LjAxNDEyIDUuNDE2ODMgNS40MTY2N0M1LjQxNjgzIDQuODE5MjEgNS45MDI3IDQuMzMzMzMgNi41MDAxNiA0LjMzMzMzWiIgZmlsbD0iIzc1ODU4RSI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjE4NTcyIDExLjgxNTlDNi4yNzczOSAxMS44ODE0IDYuMzg3MjMgMTEuOTE2NiA2LjQ5OTg4IDExLjkxNjZDNi42MTI1NCAxMS45MTY2IDYuNzIyMzggMTEuODgxNCA2LjgxNDA1IDExLjgxNTlDNi45Nzg3MiAxMS42OTk0IDEwLjg0ODkgOC45MDQ5OCAxMC44MzMyIDUuNDE2NjVDMTAuODMzMiAzLjAyNzM1IDguODg5MTggMS4wODMzMSA2LjQ5OTg4IDEuMDgzMzFDNC4xMTA1OSAxLjA4MzMxIDIuMTY2NTUgMy4wMjczNSAyLjE2NjU1IDUuNDEzOTRDMi4xNTA4NCA4LjkwNDk4IDYuMDIxMDUgMTEuNjk5NCA2LjE4NTcyIDExLjgxNTlaTTYuNDk5ODggMi4xNjY2NUM4LjI5MjI2IDIuMTY2NjUgOS43NDk4OCAzLjYyNDI3IDkuNzQ5ODggNS40MTkzNUM5Ljc2MTI2IDcuODIzMjcgNy4zNzMwNSA5Ljk4MTgxIDYuNDk5ODggMTAuNjg5OEM1LjYyNzI2IDkuOTgxMjcgMy4yMzg1MSA3LjgyMjE5IDMuMjQ5ODggNS40MTY2NUMzLjI0OTg4IDMuNjI0MjcgNC43MDc1MSAyLjE2NjY1IDYuNDk5ODggMi4xNjY2NVoiIGZpbGw9IiM3NTg1OEUiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPC9zdmc+");
    position: absolute;
    width: 13px;
    height: 13px;
    left: 0;
}

.section_title span svg {
    min-width: 50px;
}

@media all and (max-width: 890px) {
    .gr_column {
        grid-template-columns: 1fr;
    }
    .gr_content_btn {
        flex-wrap: wrap;
    }
    .shop_logo table {
        display: block;
        overflow-x: scroll;
    }
    .section_shop_edit .shop_logo .table {
        display: inherit;
        overflow-x: inherit;
        width: inherit;
        max-width: inherit;
    }

    .section_shop_edit .shop_logo .shop__update__logo .table{
        display: block;
        overflow-x: scroll;
    }

    /* .section_shop_edit .shop_logo .table td:first-child {
        padding-left: 35px;
    } */
    .shop_logo img {
        min-width: 100px;
        max-width: 100px;
    }
    /* .fileupload-buttonbar .toggle,
    .files .toggle, */
    .files .btn span {
        display: block !important;
    }

    .group_grid_items>div:last-child .form__input{
        padding-left: 8px !important;
    }
}

@media all and (max-width: 520px) {
    .section_shop_edit .field-shop-logo {
        margin-top: -39px;
    }
    .form_item_content {
        padding: 17px 13px;
    }
}


/* #endregion */


/* #region page my advert  */

.form__input_search_advert .form-control {
    padding: 5px 0;
    width: 100%;
    border: 0;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    outline: none;
    height: 100%;
    padding: 10px 10px 10px 20px !important;
    height: 100%;
    width: 100%;
    border-radius: 30px;
}

.form__input_search_advert {
    width: 100%;
    background-color: var(--gray_bg);
    padding: 16px 22px;
    border-radius: 15px;
}

.form__input_search_advert .form-group {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin: 5px 0;
}

.form__input_search_advert .form-group:first-child {
    flex-direction: column;
}

.my_advert_body .dopcatalog_box {
    padding: 20px 30px 20px 30px;
}

.form__input_search_advert label {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-weight: 600;
    /* margin     : 0; */
    padding: 0;
    margin-left: 20px;
}

.form__input_search_advert button {
    padding: 8px 26px 8px 26px;
    margin-right: 5px;
}

.my_advert_body .dropdown {
    /* margin-top      : 20px; */
    /* margin-bottom: 20px; */
}

.my_advert_body .dropdown-menu {
    background-color: #fff;
    padding: 14px 0 6px 0;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 17px 0px;
    border: 0;
}

.my_advert_body .dropdown-menu li {
    margin-bottom: 7px;
}

.my_advert_body .dropdown-menu li a {
    color: var(--gray);
    padding: 8px 20px;
    width: 100%;
    background-color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.my_advert_body .dropdown-menu li a:hover,
.my_advert_body .dropdown-menu li a:focus,
.my_advert_body .dropdown-menu li a:active {
    background-color: rgb(247, 247, 245);
}

.btn-warning:disabled,
.btn-danger:disabled,
.btn-info:disabled {
    background-color: #c5c5c5;
    color: #444 !important;
}

.btn-warning:hover:disabled,
.btn-warning:focus:disabled,
.btn-warning:active:disabled {
    background-color: #c5c5c5;
    color: #444 !important;
    cursor: inherit;
}

.btn-danger:hover:disabled,
.btn-danger:focus:disabled,
.btn-danger:active:disabled {
    background-color: #c5c5c5;
    color: #444 !important;
    cursor: inherit;
}

.btn-info:hover:disabled,
.btn-info:focus:disabled,
.btn-info:active:disabled {
    background-color: #c5c5c5;
    color: #444 !important;
    cursor: inherit;
}

.my_advert_body .dropdown-menu li a.active {
    background-color: #f68761;
    color: white;
}

.my_advert_body .dropdown .btn {
    /* border-radius: 6px; */
    padding: 8px 26px 8px 26px;
}

.my_advert_body .dropdown .btn:hover,
.my_advert_body .dropdown .btn:active,
.my_advert_body .dropdown .btn:focus {
    color: #fff;
}

.form_control_help {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 30px;
    border: 1px solid #e4e8eb;
}

.form__mass_btn_control .form-control {
    padding: 5px 0;
    width: 100%;
    border: 0;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    outline: none;
    height: 100%;
    padding: 13px 10px 13px 20px !important;
    height: 100%;
    width: 100%;
    border-radius: 30px;
}

.form__mass_btn_control {
    width: 100%;
    background-color: var(--gray_bg);
    padding: 16px 16px;
    border-radius: 55px;
}

.form__mass_btn_control .form-group {
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.form__mass_btn_control .form-group:first-child {
    flex-direction: column;
}

.form__mass_btn_control label {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-weight: 600;
    /* margin     : 0; */
    padding: 0;
}

.form__mass_btn_control button {
    padding: 8px 26px 8px 26px;
    margin-right: 5px;
}

.form__mass_btn_control button:hover,
.form__mass_btn_control button:active,
.form__mass_btn_control button:focus {
    color: #fff;
}

.my_advert_body .form__mass_btn_control {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

.list-view .summary {
    width: 100%;
    margin-bottom: 35px;
    margin-top: 17px;
    font-size: 14px;
    font-weight: 300;
}

.table_grid {
    display: grid;
    grid-template-columns: 70px 250px 1fr 100px 50px 250px;
    border-left: 6px solid var(--gray_bg);
    border-right: 6px solid var(--gray_bg);
    border-top: 6px solid var(--gray_bg);
}

.table_status {
    width: 100%;
    background-color: var(--gray_bg);
    padding: 16px 22px;
    border-radius: 15px;
    /* border-top-left-radius : 0;
    border-top-right-radius   : 0; */
}

.table_status p {
    margin-bottom: 0;
}

.table_grid>div:nth-child(3) {
    padding: 0 20px;
}

.table_grid div:nth-child(3) .title a {
    font-size: 16px;
    color: var(--green) !important;
}

.table_grid div:nth-child(3) a {
    font-size: 16px !important;
    color: var(--green) !important;
}

.table_grid div:nth-child(3) .advert_info span {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: var(--grey);
    padding: 8px 20px;
    padding-left: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
}

.table_grid div:nth-child(1) .advert_selector {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.table_advert_change {
    display: flex;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
}

.table_advert_change .not_form_block .off {
    border: 0;
    background: inherit;
    color: #f68761;
    margin-left: 19px;
}

.table_grid div:nth-child(2) .advert_photo {
    width: 100%;
    height: 160px;
}

.table_grid div:nth-child(2) .advert_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.table_grid div:nth-child(4) .price {
    height: 100%;
    display: flex;
    align-items: center;
}

.table_grid div:nth-child(4) form {
    display: none;
    overflow: hidden;
}

.table_grid div:nth-child(5) .messages {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.table_grid div:nth-child(5) form {
    display: none;
    overflow: hidden;
}

.table_grid div:nth-child(6) .promotion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.table_grid div:nth-child(6) .promotion button {
    background: var(--green);
    padding: 6px 26px 6px 26px;
}

.table_grid div:nth-child(6) .promotion form {
    margin-top: 10px;
}

.table_status {
    display: grid;
    /* grid-template-columns: 170px 100px 100px 100px 1fr 1fr; */
}

.table_status>div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.table_status>div svg {
    margin-right: 5px;
    font-size: 16px;
}

.my_advert_body .user_advert_element {
    /* grid-template-rows: repeat(auto-fill, 166px);
    display           : grid; */
}

.section_my_advert .filter_box_item {
    width: 100%;
    background-color: var(--gray_bg);
    padding: 16px 22px;
    border-radius: 15px;
}

.section_my_advert .filter_box_item p {
    font-size: 18px;
    margin: 0;
    font-weight: 600;
}

.form__input_search_advert {
    padding: 15px 22px;
    margin-top: 30px;
    /* box-shadow: 4px 4px 15px #e0e9ee; */
    box-shadow: inherit;
}

.cart--redach {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cart--redach a {
    font-size: 16px !important;
    color: var(--green) !important;
}

.cart--redach button {
    border: 0;
    background: inherit;
    color: #f68761;
    margin-left: 19px;
}

.cart--prom {
    margin-top: 25px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cart--prom button {
    padding: 4px 16px 5px 19px;
    font-size: 12px;
}

.cart--prom form button {
    background-color: #d93c3c;
}

.cart--email_status svg {
    font-size: 16px;
}

.cart--sity_category {
    margin: 6px 0;
    color: var(--grey);
}

.my_advert_body .table_status {
    /* margin-top: 35px; */
}

.cart--email_status {
    margin-left: auto;
}

.list-view_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.user_advert_element .cart--itm {
    max-width: inherit;
}

.cart--itm_box-img {
    position: relative;
    z-index: 2;
}

.cart--itm_content {
    position: relative;
    z-index: 2;
    background-color: var(--white);
    border-radius: 15px;
}

.my_advert_body .table_status {
    position: relative;
    z-index: 1;
    margin-top: -20px;
    padding: 25px 22px;
}

.list-view_grid .cart--itm_box-img {
    height: 255px;
}

.list-view_grid .cart--itm_box-img .moderation-label {
    position: absolute;
    right: 20px;
    top: 16px;
    background-color: #43b37d;
    color: white;
    font-size: 17px;
    border-radius: 10px;
    padding: 5px 10px;
}

.list-view_grid .cart--itm {
    grid-template-rows: 255px 1fr;
}

.list-view_grid .cart--itm_content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.list-view_grid .cart--itm__title {
    display: grid;
    grid-template-columns: 1fr 35px;
}

.list-view_grid .cart--itm__title a:last-child {
    margin-left: auto;
}

.list-view_grid .cart--itm__text {
    margin: 6px 0;
    color: var(--grey);
    line-height: 1.1;
}

.list-view_grid .cart--itm__stats {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px;
    align-items: center;
    margin-top: auto;
}

.list-view_grid .cart--itm--info__stats {
    /* color      : var(--grey); */
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
}

.list-view_grid .cart--itm--info__stats:not(:first-child) {
    margin-left: 12px;
}

.list-view_grid .cart--itm__price_new {
    margin-top: 14px;
}

.list-view_grid .cart--itm__price_new .cart--price {
    color: var(--green);
    font-size: 16px;
    font-weight: 600;
}

.list-view_grid .cart--tim__reckl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.list-view_grid .cart--itm_content {
    padding-bottom: 20px;
}

.list-view_grid .cart--sity_category {
    margin: 8px 0;
}

.list-view_grid .cart--tim__reckl .btn {
    padding: 8px 26px 8px 26px;
}

.list-view_grid .cart--itm__title .cart--itm_dopinfo {
    background-color: var(--green);
    padding: 3px 7px;
    display: block;
    border-radius: 5px;
    max-height: 10px;
    max-height: 17px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    transition: background 250ms ease-in-out;
}

.list-view_grid .cart--itm__title .cart--itm_dopinfo:hover,
.list-view_grid .cart--itm__title .cart--itm_dopinfo:active,
.list-view_grid .cart--itm__title .cart--itm_dopinfo:focus {
    background-color: var(--orange);
}

.list-view_grid .cart--itm__title .circle {
    height: 5px;
    width: 5px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    pointer-events: none;
}

.list-view_grid a.cart--itm_title {
    margin-right: auto;
}

.cart_modal_info {
    /* display         : none; */
    position: absolute;
    top: 32px;
    right: 0;
    background-color: #fff;
    padding: 14px 0 6px 0;
    max-width: 190px;
    min-height: 40px;
    width: 100%;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 17px 0px;
    height: inherit;
    margin-left: auto;
    pointer-events: none;
    z-index: 5;
}

.cart_box_bottom .cart_modal_info.show {
    display: block;
    pointer-events: all;
}

.cart_modal_info_item {
    margin-bottom: 7px;
}

.cart_modal_info_item a {
    color: var(--gray);
    padding: 8px 20px;
    width: 100%;
    background-color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.cart_modal_info_item a svg {
    margin-right: 5px;
}

.cart_modal_info_item a:hover,
.cart_modal_info_item a:focus,
.cart_modal_info_item a:active {
    background-color: rgb(247, 247, 245);
}

.cart_modal_info_item button {
    /* background-color: var(--orange);
    color           : white;
    border-radius   : 60px;
    padding         : 5px 20px 5px 20px;
    position        : relative;
    z-index         : 1;
    display         : flex;
    width           : fit-content;
    align-items     : center;
    justify-content : center;
    border          : 0;
    width           : 100%;
    margin          : auto;
    font-size       : 12px;
    transition      : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; */
    color: var(--gray);
    padding: 8px 20px;
    width: 100%;
    background-color: #fff;
    font-size: 12px;
    display: flex;
    border: 0 !important;
    display: flex;
    align-items: center;
}

.cart_modal_info_item button svg {
    margin-right: 5px;
}

.cart_modal_info_item button:hover,
.cart_modal_info_item button:focus,
.cart_modal_info_item button:active {
    background-color: rgb(247, 247, 245);
}


/* .cart_modal_info_item button:hover,
.cart_modal_info_item button:active,
.cart_modal_info_item button:focus {
    color              : #fff;
    background-color   : #c82333 !important;
} */


/* .cart_modal_info .cart_modal_info_item:last-child button {
    background-color: var(--orange);
} */

.my_advert_body .dopcatalog_box ul {
    margin-bottom: 6px;
}

.dopcatalog_box ul .back-link {
    width: 30px;
}

.cart--itm_content .show {
    display: block;
    pointer-events: all;
}

.list-view_grid .is_not_publicated .cart--itm--info__stats svg {
    fill: #ced0d2 !important;
}

.list-view_grid .is_not_publicated .cart--price {
    color: #ced0d2 !important;
}

.cart__stats_not_active {
    display: none;
}

.list-view_grid .is_not_publicated .cart_modal_info_item a svg path {
    fill: var(--orange) !important;
}

.list-view_grid .is_not_publicated .cart_modal_info_item button svg {
    fill: var(--orange) !important;
}

.list-view_grid .is_not_publicated .cart_modal_info_item button path {
    fill: var(--orange) !important;
}

.list-view_grid .is_not_publicated .cart__stats_not_active {
    top: 15px;
    left: 46%;
    transform: translateX(-50px);
    margin: auto;
    position: absolute;
    display: block;
    z-index: 10;
    /*
     
    background-color             : var(--orange);

    opacity                      : 1;
    display                      : table;
    color                        : #fff;
    z-index                      : 10;
    padding                      : 6px 14px;
    font-size                    : 14px;
    font-weight                  : 500;
    border-bottom-left-radius    : 8px;
    border-bottom-right-radius   : 8px; */
}

.field-advert-descr .redactor-toolbar {
    z-index: 50;
}

.cart__stats_not_active .btn {
    padding: 7px 26px 7px 26px;
    font-size: 14px;
}

.is_not_publicated {
    box-shadow: 0px 2px 4px #ececec;
}

.list-view_grid .is_not_publicated .cart--tim__reckl .btn {
    background-color: #ced0d2 !important;
    pointer-events: none;
}

.list-view_grid .is_not_publicated a.cart--itm_title {
    pointer-events: none;
}


/* .list-view_grid .is_not_publicated .cart--date {
    color: var(--orange);
} */

.list-view_grid .is_not_publicated .cart--itm_dopinfo {
    background-color: var(--orange);
}

.list-view_grid .is_not_publicated .cart--itm_box-img {
    opacity: 0.5;
    /* background-color: #333; */
}

.is_not_publicated::before {
    /* content         : '';
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    width           : 100%;
    margin          : auto;
    z-index         : 10;
    opacity         : .5;
    height          : 100%;
    position        : absolute;
    background-color: #333; */
}

.field-advertsearch-min_price {
    margin-right: 1.25rem;
}

.error-summary {
    margin-bottom: 20px;
}

@media all and (max-width: 980px) {
    .list-view_grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 25px;
    }
}

._view_list .cart_list_item {
    display: grid !important;
    grid-template-columns: 270px 1fr;
    grid-template-rows: 1fr minmax(50px, 60px);
}

._view_list .cart_box_img {
    grid-row: 1 / span 2;
}

._view_list .cart-cnt {
    padding-right: 12px;
    padding-top: 12px;
}

._view_list .cart_box_bottom {
    grid-column: 2;
    grid-row: 2;
    padding-right: 20px;
    margin-top: auto;
    margin-bottom: 20px;
}

@media all and (max-width: 620px) {
    .list-view_grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px;
    }
    .section_my_advert .filter_box_item {
        display: none;
    }
    .section_my_advert {
        margin-top: 5px;
    }
    .form__input_search_advert {
        padding: 10px 22px;
    }
    .list-view_grid .cart--itm_box-img {
        height: 195px;
    }
    .list-view_grid .cart--itm {
        grid-template-rows: 195px 1fr;
    }
    ._view_list .cart--itm {
        grid-template-rows: minmax(100px, 226px) 1fr;
    }
    ._view_list {
        width: 100%;
    }
    /* ._view_list .cart_list_item .cart--itm_content {
        display           : grid;
        grid-template-rows: 1fr 1fr;
    } */
    .cart--itm_box-img {
        grid-column: 1;
        grid-row: 1;
    }
}


/* #endregion  */

.car_remove_button-wrap {
    position: absolute;
    right: 24px;
    margin-top: 3px;
}

.car_remove_button {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.5;
    transition: 0.2s;
}

.car_remove_button:hover {
    opacity: 1;
}

.car_remove_button svg {
    fill: #ada1a1;
}

#filter_value .filter_box_item:nth-child(1) .car_remove_button-wrap {
    display: none;
}

.section_page_error {
    margin-top: 10px;
    margin-bottom: 10px;
}


/* #region page advert view  */

.advert-comments-section {
    background-color: #f2f6f8;
    margin-bottom: 0;
}

.advert-comments-section .h3-body-title {
    font-weight: 600;
    font-size: 24px;
}

.advert-comments-section .h3-body-title svg {
    margin-right: 12px;
}

.advert-comments-section .comments .comment-content {
    border: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.advert-comments-section .comments .comment-body {
    background: #ffffff;
    box-shadow: 0px 4px 36px #e0e9ee;
    border: 0;
    border-radius: 14px;
    padding: 20px;
    font-weight: 400;
    font-size: 14px;
}

.advert-comments-section .comments .comment-body::after {
    content: " ";
    width: 25px;
    height: 25px;
    background: #ffffff;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    margin-top: 5px;
    border-radius: 2px;
    margin-left: 45px;
}

.advert-comments-section .comments .comment-details {
    padding-left: 20px;
    margin-top: 15px;
}

.advert-comments-section .comments .comment-author-name {
    color: #43b27d;
}

.advert-comments-section .comment-action-buttons a {
    font-size: 13px;
    color: #979797;
}

.advert-comments-section .comment-action-buttons a:hover {
    color: #6e6e6e;
}

.advert-comments-section .comments-list .children {
    border-left: 1px solid #dfdfdf;
    padding-left: 18px;
    margin: 20px 0 0 0;
    margin-left: 32px;
}

.advert-comments-section .comments-list .children .comment:before {
    display: none;
}

.advert-comments-section .comments-list .children .comment:after {
    border-color: transparent transparent transparent #dfdfdf;
    left: -18px;
    top: unset;
    margin-top: -17px;
}

.advert-comments-section .comments .comment-author-avatar {
    width: 25px;
    margin-right: 5px;
    margin-top: -1px;
}

.advert-comments-section .comments .comment-author-avatar img {
    border: 0;
    height: 25px;
    object-fit: cover;
    border-radius: 3px;
}

.advert-comments-section .comment-box textarea {
    border-radius: 15px;
    background: white;
    border: 0;
    padding: 20px;
}

.advert-comments-section .comment-box .form-group {
    padding: 0px 3px;
}

.advert-comments-section .button-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.advert-comments-section .comment-btn {
    padding: 10px 16px;
    /* margin-left: auto; */
    margin-right: 3px;
}

.advert-comments-section #cancel-reply {
    margin-right: 18px;
    color: #ababab;
}

.advert-comments-section #cancel-reply:hover {
    color: #727272;
}

.advert-moreinfo-section .t-item {
    margin-bottom: 60px;
}

.advert-descr-section {
    margin-bottom: 0;
    margin-top: 0;
}

.advert-descr-section h4 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 25px;
}

.advert-descr-section h4 svg {
    margin-right: 12px;
}

.advert-descr-section .advert-descr {
    font-weight: 400;
    font-size: 14px;
}

.advert-moreinfo-section {
    margin-top: 0;
    margin-bottom: 0;
}

.advert-view .t-item .table {
    border-radius: 15px;
    overflow: hidden;
    background: white;
}

.advert-view .t-left-wrap {
    padding-right: 13px;
    height: 100%;
}

.advert-view .t-right-wrap {
    padding-left: 13px;
    height: 100%;
}

.advert-view .t-item .table.t-left {
    box-shadow: 0px 4px 36px #e0e9ee;
}

.advert-view .t-item .table td:nth-child(1) {
    padding-left: 25px;
}

.advert-view .t-item .table td:nth-last-child(1) {
    padding-right: 25px;
}

.advert-view .t-item .table tr:nth-child(1) td {
    padding-top: 25px;
    padding-top: 14px;
}

.advert-view .t-item .table td,
.advert-view .t-item .table th {
    padding: 10px;
}

.advert-view .t-item .table tr:nth-last-child(1) td {
    padding-bottom: 25px;
}

.advert-view .t-item .table td {
    border: 0;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
}

.advert-view .t-item .table-striped.t-left tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.advert-view .t-item .table-striped.t-left tr:nth-of-type(even) {
    background-color: #f2f6f8;
}

.advert-view .t-item .table-striped.t-right tr:nth-of-type(odd) {
    background-color: #f2f6f8;
}

.advert-view .t-item .table-striped.t-right tr:nth-of-type(even) {
    background-color: #ffffff;
}

.advert-control-buttons-wrap {
    display: flex;
    margin-bottom: 20px;
    justify-content: flex-end;
    padding: 0 3px;
}

.advert-control-buttons-wrap a {
    margin-left: 10px;
    margin-bottom: 10px;
}

.advert-moreinfo-section h4 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 0px;
}

.advert-moreinfo-section h4 svg {
    margin-right: 12px;
}

.advert-view .carousel-inner .item {
    display: none;
    height: 425px;
    padding: 20px;
    padding: 6px;
}

.advert-view .carousel-inner .item img {
    /* height    : 100%; */
    width: 100%;
    object-fit: contain;
    object-fit: cover;
    object-position: center;
    height: 100%;
}

.advert-view .carousel-inner .item a {
    display: block;
    border-radius: 15px;
    overflow: hidden;
    height: 100%;
}

.advert-view .carousel-inner {
    box-shadow: 0px 4px 36px #e0e9ee;
    border-radius: 15px;
    background: white;
}

.advert-view .carousel-inner .item.active {
    display: block;
}

.advert-view h1 {
    font-weight: 600;
    font-size: 24px;
}

.advert-photos-wrap {
    padding-right: 13px;
}

.item_mark {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.item_mark--img {
    width: auto;
    height: 24px;
    object-fit: contain;
}

.good-info {
    padding-left: 13px;
}

.good-info h2 {
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex: none;
    margin-right: 20px;
}

.advert-descr h4 {
    display: flex;
    align-items: center;
    font-size: 20px;
}

.good-info .section_shop_edit-logo {
    width: 40px;
    margin-right: 10px !important;
}

.good-info .section_shop_edit-logo img {
    height: 40px;
    object-fit: contain;
    border-radius: 10px;
}

.advert-descr h4 a {
    color: #000000;
}

.advert-descr h4 a:hover {
    color: #647077;
}

.good-info h2 b {
    font-weight: 700;
    font-size: 24px;
    color: #43b27d;
}

.good-info h2 b span {
    font-weight: 600;
    font-size: 14px;
}

.good-info .button-wrap {
    margin-left: 50px;
}

.good-price-panel {
    display: flex;
    justify-content: space-between;
}

.advert-contacts {
    background: #f2f6f8;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 34px;
    display: flex;
    justify-content: space-between;
    color: #75858e;
    align-items: center;
    padding: 17px;
}

.good-price-panel .advert-contacts {
    padding: 5px 15px;
    /* max-width : 277px; */
    min-height: 40px;
}

.advert-contacts h5 {
    font-weight: 700;
    font-size: 20px;
}

.advert-contacts h5 a {
    color: #75858e;
}

.advert-contacts h5 a:hover {
    color: #647077;
    color: #141414;
}

.advert-contacts .btn-complaint {
    border: 1px solid #75858e;
    background: transparent;
    color: #75858e;
    padding: 6px 20px;
    font-size: 14px !important;
    font-weight: 600;
    margin-top: 5px;
}

.advert-contacts .btn-complaint:hover,
.advert-contacts .btn-complaint:focus,
.advert-contacts .btn-complaint:active {
    /* box-shadow: 0 0 0 0.2rem rgb(108 117 125 / 50%); */
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.advert-contacts .btn-advert-message {
    padding: 8px 12px;
    font-size: 14px !important;
    font-weight: 600;
}

.advert-contacts .btn-advert-message .tooltiptext {
    display: none;
    position: absolute;
    margin-top: -94px;
    margin-left: 12px;
    background: black;
    border-radius: 5px;
    font-size: 11px;
    line-height: normal;
    padding: 3px 3px;
    width: 113px;
}

.advert-contacts .btn-advert-message .tooltiptext::after {
    content: " ";
    width: 8px;
    height: 8px;
    background: black;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    margin-top: -1px;
    margin-left: 4px;
}

.advert-contacts p>svg,
.advert-contacts h5>svg {
    margin-right: 5px;
}

.section_detail-advert {
    margin: 40px 0;
}

.btn-advert-message:active .tooltiptext,
.btn-advert-message:focus .tooltiptext {
    display: block;
}

.advert-view .advert-date {
    color: #b1b1b1;
    margin-left: 5px;
}

#advert_view_slider .splide__slide {
    padding: 10px 5px;
}

. .advert_view_slide_body {
    background: #ffffff;
    box-shadow: 0px 4px 36px #e0e9ee;
    border-radius: 15px;
    height: 96px;
    display: block;
    padding: 5px;
    cursor: pointer;
    /* overflow: hidden;1 */
    padding: 4px 6px;
    padding: 0;
    box-shadow: 0px 6px 9px #e0e9ee;
}

.advert_view_slide_body img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-fit: cover;
    border-radius: 15px;
}

#advert_view_slider .splide__track {
    padding: 20px;
    margin: -20px -25px;
    margin-top: -37px;
}

#advert_view_slider .splide__slide {
    opacity: 1;
    transition: 0.2s;
}

#advert_view_slider .splide__slide:not(.is-visible) {
    opacity: 0;
}

#advert_view_slider .splide__slide.active .advert_view_slide_body {
    /* border: 2px solid #43b37d; */
    /* outline: 2px solid #43b37d; */
    padding: 0;
    display: block;
    border-radius: 15px;
    /* box-shadow   : 0px 4px 36px #e0e9ee; */
    box-shadow: 0px 0px 0px 2px #43b37d;
    height: 98px;
}

#advert_view_slider .splide__slide .advert_view_slide_body {
    height: 98px;
    display: block;
}

h4.advert_instances--title {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0px;
}

.advert_instances--svg {
    margin: 0;
    margin-right: 12px;
}

.modalAdvert_view .close {
    position: relative;
    z-index: 1;
    opacity: 1;
}

.modalAdvert_view .close span {
    position: relative;
    opacity: 1;
}

.modalAdvert_view .close::before {
    content: "";
    position: absolute;
    width: 116px;
    height: 50px;
    left: 0;
    bottom: 20px;
    top: 0;
    margin: auto;
    background-color: var(--green);
    transform: translate(-33px, -3px) rotate(45deg);
    opacity: 0.8;
    z-index: 0;
}


.modalAdvert_view .close {
    color: #fff;
}

/* #regionModal .modal-content {
    overflow: hidden;
} */

#regionModal .modal-header{
    overflow: hidden;
}
#regionModal .close {
    position: relative;
    z-index: 1;
    opacity: 1;
}

#regionModal .close span {
    position: relative;
    opacity: 1;
}

#regionModal .close::before {
    content: "";
    position: absolute;
    width: 133px;
    height: 60px;
    left: 0;
    bottom: 20px;
    top: 0;
    margin: auto;
    background-color: var(--green);
    transform: translate(-33px, -3px) rotate(42deg);
    opacity: 0.8;
    z-index: 0;
}


#regionModal .close {
    color: #fff;
}

.modalAdvert_view .modal-content {
    overflow: hidden;
}


.modalAdvert_view .modal-content {
    border-radius: 0.9rem;
}

.modalAdvert_view textarea {
    background-color: var(--gray_bg);
    margin-bottom: 20px;
    border: 0;
    border-radius: 15px;
}

.modalAdvert_view .help-block {
    padding: 0;
}
.modal.callback_seller .help-block {
    padding: 0;
}


.modalAdvert_view .select2-container--krajee .select2-selection--multiple {
    min-height: 60px;
    border-radius: 15px;
    background-color: var(--gray_bg);
    border: 0;
    box-shadow: unset;
}

.modalAdvert_view .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 45px;
    border: 0;
    padding: 5px 10px;
}

.modalAdvert_view .select2-container--krajee .select2-dropdown {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #67b168;
    border-color: #2b542c;
    overflow-x: hidden;
    margin-top: -1px;
}

.modalAdvert_view .select2-container--krajee .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap;
    padding-bottom: 5px;
    padding-right: 30px;
}

.modalAdvert_view .select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    color: #ffffff;
    background: #69c297;
    border: 0;
    border-radius: 7px;
    margin: 5px 0 0 6px;
    padding: 2px 5px;
    font-size: 13px;
    line-height: 22px;
}

.modalAdvert_view .has-error .select2-container--open .select2-selection,
.modalAdvert_view .has-error .select2-container--krajee.select2-container--focus .select2-selection {
    box-shadow: none;
    border: 0;
}

.modalAdvert_view .select2-container--krajee.select2-container--open .select2-selection,
.modalAdvert_view .select2-container--krajee .select2-selection:focus {
    box-shadow: none;
    border: 0;
}

.modalAdvert_view .has-success .select2-container--open .select2-selection,
.modalAdvert_view .has-success .select2-container--krajee.select2-container--focus .select2-selection {
    box-shadow: none;
    border: 0;
}

.select2-container--krajee .select2-dropdown {
    border-color: #ededed !important;
    border-bottom: 0;
}

.s2-togall-button {
    color: #9f9f9f !important;
}

.select2-container--krajee .select2-results__option.select2-results__option--selected,
.select2-container--krajee .select2-results__option[aria-selected="true"] {
    background-color: #69c297 !important;
    color: #fff !important;
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background-color: #54af83 !important;
    color: #fff !important;
}

.upload_file_butt {
    cursor: pointer;
    margin-bottom: 12px;
    display: inline-block;
    color: #3d8763;
    border-bottom: 1px dotted;
}

.upload_file_butt:hover {
    color: #235c41;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 4px 43px;
}

.form--box_select_tabs .select2-selection__rendered {
    padding: 4px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.advert-form .redactor-editor {
    border: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.advert-form .redactor-toolbar {
    box-shadow: none;
    border-bottom: 1px solid #dddddd;
}

.advert-form .redactor-box {
    padding: 15px 24px;
    border-radius: 30px;
}

.advert-form .select2-container--krajee .select2-selection--multiple .select2-selection__clear {
    right: 15px;
    top: 13px;
}

.advert-form .btn-sm,
.table .files td .btn.btn-sm {
    padding: 5px 15px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.advert-form .sortable_btn {
    width: 26px;
    border: 0;
    background: none;
    padding: 3px;
}

.advert-form .table .files td:last-child {
    flex-direction: row;
    align-items: center;
    text-align: center;
    text-align: -webkit-center;
}

.advert-form table tbody.files tr:nth-child(1) td {
    border-top: 0;
}

.advert-form .fileupload-buttonbar {
    margin-top: 10px;
    margin-bottom: 10px;
}

.select_phone_area {
    display: flex;
}

.select_phone_area button {
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 20px;
}

.gray_a {
    color: #858585;
    transition: 0.2s;
}

.gray_a:hover {
    color: #09a75a;
}

#category_label span {
    font-weight: 400;
}

#advert-condition_product label,
#advert-availability label {
    font-weight: 400;
}

.advert-form .form_radio,
.form-wrap .form_radio {
    margin-bottom: 10px;
    display: inline-block;
}

.advert-form .form_radio input[type="radio"],
.form-wrap .form_radio input[type="radio"] {
    display: none;
}

.advert-form .form_radio label,
.form-wrap .form_radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    line-height: 18px;
    user-select: none;
    font-weight: 400;
}

.advert-form .form_radio label:before,
.form-wrap .form_radio label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    bottom: 1px;
    /* background: url(/img/radio-1.png) 0 0 no-repeat; */
    background: #fff;
    box-shadow: 0 0 5px 0 #b3b3b373;
    border-radius: 100px;
    border: 1px solid #6a6a6a33;
}


/* Checked */

.advert-form .form_radio input[type="radio"]:checked+label:before,
.form-wrap .form_radio input[type="radio"]:checked+label:before {
    background: url(/img/radio-2.png) 0 0 no-repeat;
}


/* Hover */

.advert-form .form_radio label:hover:before,
.form-wrap .form_radio label:hover:before {
    filter: brightness(120%);
}


/* Disabled */

.advert-form .form_radio input[type="radio"]:disabled+label:before,
.form-wrap .form_radio input[type="radio"]:disabled+label:before {
    filter: grayscale(100%);
}

.switch-item {
    display: inline-block;
}

.switch-item .switch-label {
    top: 1px;
    position: relative;
    margin-left: 2px;
    margin-right: 7px;
}

.switch-item .switch {
    position: relative;
    display: inline-block;
    width: 41px;
    height: 21px;
}

.switch-item .switch-item-week {
    font-weight: bold;
    width: 120px;
    display: inline-block;
    text-align: center;
}

.switch-item label.switch {
    margin: 0;
    margin-left: 5px;
}

.switch-item .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-item .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 34px;
}

.switch-item .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
}

.switch-item input:checked+.slider {
    background-color: #43b37d;
}

.switch-item input:focus+.slider {
    box-shadow: 0 0 1px #43b37d;
}

.switch-item input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.body_good .dropdown-menu.show {
    transform: translate3d(0px, 5px, 0px) !important;
    padding: 10px;
    border: 0;
    box-shadow: 0 15px 14px 0 #00000012;
    border-radius: 17px;
}

.advert-form ul li {
    padding: 0 20px;
}

.advert-form ul li.first {
    padding: 0 8px;
}

.advert-form .category_element {
    font-size: 14px;
    color: #4e4e4e;
}

.advert-form .category_element:hover {
    color: black;
}

.advert-form .category_element b {
    color: black;
}

.no-search .select2-search {
    display: none;
}

#moreinfo-left-container {
    margin-top: 35px;
}

#moreinfo-left-container .t-right-wrap {
    margin-top: 40px;
}

#moreinfo-left-container .t-item {
    padding: 0;
}

.has-error .form__input,
.has-error .redactor-box {
    background: #fff;
    width: 100%;
    box-shadow: 0 0 1px 1px #f68761;
}

.filter_stats_bottom .checkBox__label:nth-child(1) {
    padding-left: 4px;
}

@media (max-width: 991px) {
    .advert-photos-wrap {
        padding: 0;
    }
    .good-info {
        padding: 0;
    }
    .advert-view .t-left-wrap {
        padding: 0;
    }
    .advert-view .t-right-wrap {
        padding: 0;
    }
    .advert-contacts h5 {
        font-size: 17px;
    }
}

@media (max-width: 500px) {
    .good-price-panel {
        display: block;
    }
}

@media (max-width: 440px) {
    .advert_view_slide_body {
        height: 70px;
        overflow: hidden;
    }
    .advert_view_slide_body img {
        object-fit: cover;
    }
    .good-info h2 {
        display: block;
    }
    .good-info .button-wrap {
        margin-left: 0;
        margin-top: 20px;
    }
    .advert-contacts {
        display: block;
    }
    .advert-contacts .btn-complaint {
        display: inline-block;
        margin-top: 15px;
        margin-right: 5px;
    }
    .advert-contacts .btn-advert-message {
        display: inline-block;
        margin-top: 16px;
    }
    .select_phone_area {
        display: block;
    }
    .select_phone_area button {
        margin-left: auto;
        margin-right: auto;
    }
}


/* #endregion  */

.field-shop-pay_type .select2-selection {
    padding: 5px 0 !important;
    width: 100% !important;
    border: 0 !important;
    background: #fff !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: var(--black) !important;
    outline: none !important;
    height: 100% !important;
    padding: 4px 1px 4px 5px !important;
    height: 100% !important;
    width: 100% !important;
    border-radius: 30px !important;
}

.field-shop-pay_type .select2-selection__choice {
    margin: 3px !important;
    border: 0 !important;
    background: #43b37d !important;
    color: white !important;
    padding: 2px 10px !important;
    border-radius: 30px !important;
    display: flex;
}

.field-shop-pay_type .select2-selection__choice__remove {
    margin-left: 7px !important;
    cursor: pointer;
}

.advert-edit-form .field-shop-pay_type .select2-selection__choice__remove {
    order: 1;
}

.field-shop-pay_type .select2-container--open .select2-selection {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-shadow: unset;
}

.working-days .realW {
    max-width: 135px;
}

.small-success-butt {
    float: right;
    padding: 5px 10px;
    border-radius: 6px;
    background-color: #43b37d;
    font-size: 14px;
}

#view_more_button {
    cursor: pointer;
}

.section_user_profile .select2-container--default .select2-selection--single {
    border: 0;
}

.spec_mark_body .data-readmore-toggle {
    margin-top: 20px;
}

.spec_mark_body .btn-info:hover {
    background-color: var(--green);
    border: 0;
}

.section {
    margin: 40px 0;
}

.alert-success {
    border-radius: 8px;
}

.alert-success p {
    margin: 0;
}

.cart__stat_extras {
    position: absolute;
    top: 12px;
    left: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 5;
    user-select: none;
    /* pointer-events: none; */
}

.cart__stat_extras>div {
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.15;
    color: var(--white);
    background-color: var(--gray);
    margin-bottom: 5px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    white-space: nowrap;
    max-width: 50px;
    overflow: hidden;
    cursor: pointer;
    transition: max-width 450ms ease-in-out;
}

.cart__stat_extras>div:hover,
.cart__stat_extras>div:focus,
.cart__stat_extras>div:active {
    max-width: 100%;
}

.cart__stat_extras>div svg {
    width: 33px;
    height: 25px;
    color: #fff;
    margin-right: 6px;
}

.cart__stat_extras .top-date {
    background-color: var(--green);
}

.cart__stat_extras .vip-date {
    background-color: var(--orange);
}

.cart--date {
    margin: 5px 0;
    color: var(--grey);
    line-height: 1.1;
    margin-left: auto;
    font-size: 13px;
    font-weight: 700;
}

.working-days .time-work.inactive,
.working-days .time-dinner.inactive {
    min-height: 35px !important;
}

.working-days .time-work.active,
.working-days .time-dinner.active {
    min-height: 35px !important;
}

.working-days>.option.active {
    /* back3ground: inherit; */
    border: 0;
    background: var(--green);
}

.working-days>.option.inactive {
    border: 0;
    background: inherit;
}

.working-days>.option .value {
    height: 40px !important;
    /* pointer-events: none; */
}

.working-days .name {
    /* color         : var(--gray);
    padding-bottom: 7px; */
    color: #000;
    padding-bottom: 7px;
    text-shadow: inherit;
}

.working-days * {
    border: inherit !important;
}

.section__page_form .panel textarea {
    border-radius: 13px;
}

.working-days .time-work.inactive,
.working-days .time-dinner.inactive {
    padding: 5px 0;
    width: 100%;
    border: 0;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    outline: none;
    height: 100%;
    padding: 4px 6px !important;
    height: 100%;
    width: 100%;
    /* border-radius: 30px; */
}

.working-days>.option {
    border-radius: 5px;
    /* box-shadow: inherit !important; */
}

.working-days>.option.inactive:hover {
    background: inherit !important;
}

.working-days .realW {
    padding: 5px 0;
    width: 100%;
    border: 0;
    background: transparent;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    /* color           : var(--black); */
    color: #333;
    outline: none;
    height: 100%;
    padding: 4px 6px !important;
    height: 100%;
    width: 100%;
    pointer-events: none;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    /* border-radius   : 30px; */
}

.working-days .time-work.inactive,
.working-days .time-dinner.inactive {
    font-size: 12px !important;
}

.working-days .time-work.inactive:focus,
.working-days .time-dinner.inactive:focus {
    font-size: 12px;
    color: var(--gray);
}

.working-days {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.section__page_form .form-group .suggestions-addon {
    height: 25px !important;
    top: -32px !important;
}

.section__page {
    margin: 0;
    margin-bottom: 15px;
}

.page__text {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.page__text p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.page__text h3 {
    font-size: 20px;
    margin-bottom: 1rem;
}

.shop_logo .progress {
    display: none;
}

.shop_logo .progress-extended {
    display: none !important;
}

.shop_logo .fileinput-button .toggle {
    display: none !important;
}


/* user_contacts */

.section_user_contacts {
    position: inherit !important;
}

.section_user_contacts .container {
    position: inherit !important;
}


/* .filter_absolute .container {
    max-width  : 1164px;
    margin-left: 0;
    padding    : 0;
} */

.section_user_contacts .filter_absolute .container {
    max-width: 1164px;
    margin-left: 0;
    padding: 0;
}

.filter_absolute__bg_padding{
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
}
.page_filter.--is_fixed .filter_absolute__bg_padding{
    background: #eff0f28a;
    /* backdrop-filter: blur(3px); */
        -webkit-backdrop-filter: blur(3px);    backdrop-filter: blur(3px);
        box-shadow: 0 0 0px 1px #e3e3e3;
}

.user_contacts-body .list-view .item:nth-child(2n) .user_contacts_item-body {
    background-color: #fff;
    border-radius: 12px;
}

.page_filter.--is_fixed .form_search_body{
    max-height: 35px;
    min-height: 35px;
}

.page_filter.--is_fixed .main--sity .select2-selection__rendered{
    padding-top: 3px;
}

.page_filter.--is_fixed .main--sity .select2-selection.select2-selection--single{
    min-height: 33px !important;
}

.list-view .summary {
    order: 100000;
}

.user_contacts-body .list-view {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}

.user_contacts_item {
    margin-bottom: 15px;
}

.user_contacts_item-body {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1.25rem;
    padding: 6px 8px;
    /* margin-bottom           : 11px; */
    border-radius: 13px;
    /* box-shadow              : 0px 3px 8px #d9eefa; */
    box-shadow: 0px 4px 11px #e0e9ee;
}

.user_contacts_item-img {
    width: 48px;
    height: 48px;
    box-shadow: 0 0 2px 0px;
    border-radius: 50%;
}

.user_contacts_item-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.user_contacts_item-name {
    font-size: 1.12rem;
    color: #242728;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 0;
}

.user_contacts_item-name:hover,
.user_contacts_item-name:focus {
    color: var(--green);
}

.user_contacts_item-contant {
    display: grid;
    grid-template-columns: auto 150px 60px 180px;
    grid-gap: 1.25rem;
    align-items: center;
}

.user_contacts_item_count-svg {
    width: 25px;
    height: auto;
    color: #b8b8b8;
}

.user_contacts_filter-body {
    /* background-color: #f2f6f8;
    border-radius   : 12px;

    background   : var(--green);
    border-radius: 30px;
    padding      : 4px 0;
    position     : relative;
    max-height   : 54px; */
}

.contacts_filter_body {
    background-color: #f2f6f8;
    border-radius: 12px;
    background: var(--green);
    border-radius: 30px;
    padding: 4px 0;
    position: relative;
    max-height: 54px;
}

.section__price_list .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 0;
}

.form_search_price_lists_middle_in .group_right_placeholder:last-child .placeholder__right {
    margin-top: 4px !important;
}

.user_contacts_filter-form {}

.user_contacts_filter-content {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    grid-gap: 18px;
    padding-left: 6px;
    padding-right: 6px;
}

.user_contacts_filter-box_input {
    position: relative;
}

.user_contacts_filter-box_search {
    position: relative;
}


/* 
.user_contacts_filter-box_search::before {
    content  : url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTUxNDUgMTMuNTk1MUM5Ljk0OTY0IDEzLjU5NTEgMTAuODg1IDEzLjI5MzggMTEuNjYzNSAxMi43NzlMMTQuNDEzMiAxNS41MzVDMTQuNTk1MyAxNS43MTA4IDE0LjgyNzYgMTUuNzk4NyAxNS4wNzg3IDE1Ljc5ODdDMTUuNTk5NyAxNS43OTg3IDE1Ljk4MjcgMTUuMzkwNiAxNS45ODI3IDE0Ljg3NThDMTUuOTgyNyAxNC42MzczIDE1LjkwMTEgMTQuNDA1IDE1LjcyNTMgMTQuMjI5MkwxMi45OTQ0IDExLjQ4NThDMTMuNTU5NCAxMC42ODIyIDEzLjg5MjIgOS43MDkxMyAxMy44OTIyIDguNjU0NDRDMTMuODkyMiA1LjkzNjExIDExLjY2OTggMy43MTM3MyA4Ljk1MTQ1IDMuNzEzNzNDNi4yMzk0IDMuNzEzNzMgNC4wMTA3NCA1LjkzNjExIDQuMDEwNzQgOC42NTQ0NEM0LjAxMDc0IDExLjM3MjggNi4yMzMxMiAxMy41OTUxIDguOTUxNDUgMTMuNTk1MVpNOC45NTE0NSAxMi4yNzY4QzYuOTYxMzYgMTIuMjc2OCA1LjMyOTEgMTAuNjQ0NSA1LjMyOTEgOC42NTQ0NEM1LjMyOTEgNi42NjQzNCA2Ljk2MTM2IDUuMDMyMDkgOC45NTE0NSA1LjAzMjA5QzEwLjk0MTUgNS4wMzIwOSAxMi41NzM4IDYuNjY0MzQgMTIuNTczOCA4LjY1NDQ0QzEyLjU3MzggMTAuNjQ0NSAxMC45NDE1IDEyLjI3NjggOC45NTE0NSAxMi4yNzY4WiIgZmlsbD0iIzg5OEI4RiIvPgo8L3N2Zz4K');
    position : absolute;
    width    : 20px;
    height   : 20px;
    left     : 20px;
    top      : 50%;
    transform: translateY(-50%);
} */

.user_contacts_filter-input::placeholder {
    color: #999 !important;
}

.user_contacts_filter-label {
    color: #999;
    margin-top: 5px;
}

.user_contact_filter-group {
    padding: 6px 10px;
    background-color: var(--gray_bg_ads);
    margin: 0;
    border-radius: 7px;
}

.user_contacts_filter-group_item:hover,
.user_contacts_filter-group_item:active {
    color: var(--green);
}

.user_contacts_filter-box_select {
    position: relative;
}

.user_contacts_filter-box_select::before {
    content: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.791644 1.58333C0.791206 1.35942 0.86919 1.14242 1.01206 0.97C1.09251 0.87296 1.19132 0.792746 1.30282 0.733951C1.41432 0.675155 1.53632 0.638934 1.66184 0.627361C1.78736 0.615788 1.91393 0.629092 2.0343 0.666509C2.15467 0.703927 2.26647 0.764723 2.36331 0.845416L7.49998 5.13875L12.6462 0.998751C12.7443 0.919146 12.857 0.859699 12.9781 0.823827C13.0992 0.787955 13.2262 0.776365 13.3517 0.789723C13.4773 0.803082 13.599 0.841125 13.7098 0.901666C13.8206 0.962208 13.9184 1.04405 13.9975 1.1425C14.0847 1.24166 14.1505 1.35777 14.1908 1.48357C14.231 1.60936 14.2448 1.74211 14.2313 1.87349C14.2178 2.00487 14.1773 2.13205 14.1123 2.24703C14.0473 2.36201 13.9593 2.46232 13.8537 2.54167L8.10373 7.17042C7.93225 7.31137 7.71716 7.38843 7.49518 7.38843C7.27321 7.38843 7.05812 7.31137 6.88664 7.17042L1.13664 2.37875C1.02067 2.28261 0.928991 2.16049 0.869049 2.02229C0.809107 1.88409 0.782587 1.7337 0.791644 1.58333Z' fill='gray'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: 20px;
    height: calc(100% - 33px);
    z-index: 1;
    right: 17px;
    top: 13px;
    pointer-events: none;
}

.user_contacts_filter-select {}

.user_contacts_filter-box_select {
    background-color: #b8b8b8;
}

.user_contacts_filter-select .select2-container--default .select2-selection--single {
    min-height: 44px;
    border-radius: 25px;
    border: 0;
}

.user_contacts_filter-select .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 6px 20px;
    border-radius: 50px;
}

.user_contacts_filter-input {
    background-color: #fff;
}

.user_contact_filter-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.user_contacts_filter-group_item {
    background-color: #fff;
    padding: 4px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 23px;
    /* height          : 43px; */
    height: 100%;
    color: #999;
}

.user_contacts_filter-box_group {
    display: grid;
    grid-template-columns: 40px 40px;
    grid-gap: 0.25rem;
    height: 100%;
}

.user_contacts_filter-group_item.active {
    color: var(--green);
}

.user_contact_filter-button {
    width: 40px;
    height: 40px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    background: inherit;
}

.user_contact_filter-button:hover,
.user_contact_filter-button:focus {
    color: #fff;
}

.user_contact_filter-button svg {
    margin-right: 0;
}

.user_subject_filter-button {
    width: 40px;
    height: 40px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.user_subject_filter-button svg {
    margin-right: 0;
}

.user_contacts_filter-box_buttons {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0.25rem;
    margin-top: 0;
    height: 100%;
    align-items: center;
}

.user_contact_filter-form_active {
    position: absolute;
    right: 5px;
    width: 38px;
    height: 38px;
    top: 0;
    bottom: 0;
    background-color: var(--green);
    margin: auto;
    margin-left: auto;
    margin-right: auto;
}

.user_contact_filter-form_active:hover,
.user_contact_filter-form_active:focus,
.user_contact_filter-form_active:active {
    background-color: var(--green);
}

.user_contact_filter-clear:hover,
.user_contact_filter-clear:focus,
.user_contact_filter-clear:active {
    /* background-color: #6c757d; */
}

.user_contacts_filter-tabs {
    padding: 6px 10px;
    background-color: var(--gray_bg_ads);
    margin: 0;
    border-radius: 7px;
    transition: background-color 250ms ease-in, color 200ms ease-in;
}

.user_contacts_filter-tabs label {
    padding: 9px 30px 9px 16px;
    background-color: #fff;
    color: var(--gray);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.1;
    border-radius: 7px;
    margin: 0;
    transition: background-color 250ms ease-in, color 200ms ease-in;
}

.user_contacts_filter-tabs input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    outline: none;
    box-shadow: none !important;
}

.user_contacts_filter-tabs input {
    box-shadow: none !important;
    outline: 0 none;
}

.user_contacts_filter-tabs .focus {
    box-shadow: none !important;
}

.user_contacts_filter-tabs .active_radio {
    background-color: var(--green);
    color: #fff;
}

.user_contacts_filter-tabs {
    box-shadow: none !important;
}

.user_contacts_filter-item_search {
    position: relative;
}

.user_contacts_filter-all_subject:hover,
.user_contacts_filter-all_subject:active {
    color: var(--green);
}

.user_contacts_title-grid {
    display: grid;
    grid-template-columns: 60px 1fr;
}

.user_contact_box_svg-link {
    color: #000;
}

.user_contact_box_svg-link:hover,
.user_contact_box_svg-link:active {
    color: var(--green);
}

.user_contacts_item-link {
    color: #000;
}

.user_contacts_item-link:hover,
.user_contacts_item-link:active {
    color: var(--green);
}

.group_disabled .user_contacts_filter-group_item {
    background-color: #e9ecef;
    border-color: #e9ecef;
    pointer-events: none;
}


/* end user_contacts */


/* user_subject */

.user_subject_item-count {
    display: flex;
    align-items: center;
}

.section_user_subject {
    position: inherit !important;
}

.section_user_subject .container {
    position: inherit !important;
}


/* .filter_absolute .container {
    max-width  : 1164px;
    margin-left: 0;
    padding    : 0;
} */

.section_user_subject .filter_absolute .container {
    max-width: 1164px;
    margin-left: 0;
    padding: 0;
}

.user_subject_body {
    /* background   : var(--green);
    border-radius: 30px;
    padding      : 4px 0; 
    position     : relative;
    max-height   : 54px; */
    background: var(--green);
    border-radius: 30px;
    padding: 4px 0;
    position: relative;
    max-height: 54px;
}

.user_subject_filter-item .form-group {
    margin-bottom: 0;
    margin: 0;
    height: 100%;
}

.user_subject-body .list-view .item:nth-child(2n) .user_subject_item-body {
    /* background-color: #f2f6f8; */
    background-color: #fff;
    border-radius: 12px;
}

.user_subject-body .list-view {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}

.user_contacts-body .list-view .item:nth-child(2n) .user_subject_item-body {
    /* background-color: #f2f6f8; */
    background-color: #fff;
    border-radius: 12px;
}

.user_subject_item {
    margin-bottom: 15px;
    display: block;
    color: var(--black);
}
.user_subject_item:hover {
    color: var(--black);
}

.user_subject_filter-tabs {
    padding: 6px 10px;
    background-color: var(--gray_bg_ads);
    margin: 0;
    border-radius: 7px;
    transition: background-color 250ms ease-in, color 200ms ease-in;
}

.user_subject_filter-tabs label {
    padding: 9px 30px 9px 16px;
    background-color: #fff;
    color: var(--gray);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.1;
    border-radius: 7px;
    margin: 0;
    transition: background-color 250ms ease-in, color 200ms ease-in;
}

.user_subject_filter-tabs input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    outline: none;
    box-shadow: none !important;
}

.user_subject_filter-tabs input {
    box-shadow: none !important;
    outline: 0 none;
}

.user_subject_filter-tabs .focus {
    box-shadow: none !important;
}

.user_subject_filter-tabs .active_radio {
    background-color: var(--green);
    color: #fff;
}

.user_subject_filter-tabs>.form-group {
    margin: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

.user_subject_filter-tabs {
    box-shadow: none !important;
}

.user_subject_item-body {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1.25rem;
    padding: 6px 8px;
    /* margin-bottom           : 11px; */
    border-radius: 13px;
    /* box-shadow              : 0px 3px 8px #d9eefa; */
    box-shadow: 0px 4px 11px #e0e9ee;
}

.user_subject_item-img {
    width: 48px;
    height: 48px;
    box-shadow: 0 0 2px 0px;
    border-radius: 50%;
}

.user_subject_item-link:hover,
.user_subject_item-link:active {
    color: var(--green);
}

.user_subject_item-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.user_subject_item-name {
    font-size: 1rem;
    color: #242728;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.user_subject_item-name:hover,
.user_subject_item-name:focus {
    /* color: var(--green); */
}

.user_subject_item-contant {
    display: grid;
    /* grid-template-columns: auto 150px 150px 65px 180px; */
    grid-template-columns: auto 150px 150px 180px;
    grid-gap: 1rem;
    align-items: center;
}

.user_subject_item_count-svg {
    width: 25px;
    height: auto;
    color: #b8b8b8;
}

.user_subject_filter-body {
    background-color: #f2f6f8;
    border-radius: 12px;
}

.user_subject_filter-form {
    /* padding: 0.25rem 0.75rem; */
}

.user_subject_filter-item_search {
    position: relative;
}

.user_subject_filter-item_search input {
    color: #fff;
    background-color: #e9ecef;
    border-color: #e9ecef;
}

.user_subject_filter-content {
    display: grid;
    /* grid-template-columns      : 450px auto; */
    /* grid-template-columns      : auto 1fr; */
    /* grid-template-columns      : auto auto 1fr; */
    grid-gap: 18px;
    position: relative;
    padding: 0 20px;
    padding-left: 6px;
    padding-right: 6px;
    grid-template-columns: 1fr auto auto auto;
}

.user_contact_filter-group .user_contacts_filter .form-groupp {
    margin-top: 0;
}

.user_contact_filter-group .group_messages {
    margin-top: 0;
}

.user_subject_filter-box_input {
    position: relative;
}

.user_subject_filter-box_search {
    position: relative;
}

.user_subject_filter-box_search::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTUxNDUgMTMuNTk1MUM5Ljk0OTY0IDEzLjU5NTEgMTAuODg1IDEzLjI5MzggMTEuNjYzNSAxMi43NzlMMTQuNDEzMiAxNS41MzVDMTQuNTk1MyAxNS43MTA4IDE0LjgyNzYgMTUuNzk4NyAxNS4wNzg3IDE1Ljc5ODdDMTUuNTk5NyAxNS43OTg3IDE1Ljk4MjcgMTUuMzkwNiAxNS45ODI3IDE0Ljg3NThDMTUuOTgyNyAxNC42MzczIDE1LjkwMTEgMTQuNDA1IDE1LjcyNTMgMTQuMjI5MkwxMi45OTQ0IDExLjQ4NThDMTMuNTU5NCAxMC42ODIyIDEzLjg5MjIgOS43MDkxMyAxMy44OTIyIDguNjU0NDRDMTMuODkyMiA1LjkzNjExIDExLjY2OTggMy43MTM3MyA4Ljk1MTQ1IDMuNzEzNzNDNi4yMzk0IDMuNzEzNzMgNC4wMTA3NCA1LjkzNjExIDQuMDEwNzQgOC42NTQ0NEM0LjAxMDc0IDExLjM3MjggNi4yMzMxMiAxMy41OTUxIDguOTUxNDUgMTMuNTk1MVpNOC45NTE0NSAxMi4yNzY4QzYuOTYxMzYgMTIuMjc2OCA1LjMyOTEgMTAuNjQ0NSA1LjMyOTEgOC42NTQ0NEM1LjMyOTEgNi42NjQzNCA2Ljk2MTM2IDUuMDMyMDkgOC45NTE0NSA1LjAzMjA5QzEwLjk0MTUgNS4wMzIwOSAxMi41NzM4IDYuNjY0MzQgMTIuNTczOCA4LjY1NDQ0QzEyLjU3MzggMTAuNjQ0NSAxMC45NDE1IDEyLjI3NjggOC45NTE0NSAxMi4yNzY4WiIgZmlsbD0iIzg5OEI4RiIvPgo8L3N2Zz4K');
    position: absolute;
    width: 20px;
    height: 20px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.user_subject_filter-input::placeholder {
    color: #999 !important;
}

.user_subject_filter-label {
    color: #999;
    margin-top: 5px;
}

.user_subject_filter-box_select {
    position: relative;
}

.user_subject_filter-box_select::before {
    content: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.791644 1.58333C0.791206 1.35942 0.86919 1.14242 1.01206 0.97C1.09251 0.87296 1.19132 0.792746 1.30282 0.733951C1.41432 0.675155 1.53632 0.638934 1.66184 0.627361C1.78736 0.615788 1.91393 0.629092 2.0343 0.666509C2.15467 0.703927 2.26647 0.764723 2.36331 0.845416L7.49998 5.13875L12.6462 0.998751C12.7443 0.919146 12.857 0.859699 12.9781 0.823827C13.0992 0.787955 13.2262 0.776365 13.3517 0.789723C13.4773 0.803082 13.599 0.841125 13.7098 0.901666C13.8206 0.962208 13.9184 1.04405 13.9975 1.1425C14.0847 1.24166 14.1505 1.35777 14.1908 1.48357C14.231 1.60936 14.2448 1.74211 14.2313 1.87349C14.2178 2.00487 14.1773 2.13205 14.1123 2.24703C14.0473 2.36201 13.9593 2.46232 13.8537 2.54167L8.10373 7.17042C7.93225 7.31137 7.71716 7.38843 7.49518 7.38843C7.27321 7.38843 7.05812 7.31137 6.88664 7.17042L1.13664 2.37875C1.02067 2.28261 0.928991 2.16049 0.869049 2.02229C0.809107 1.88409 0.782587 1.7337 0.791644 1.58333Z' fill='gray'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: 20px;
    height: calc(100% - 33px);
    z-index: 1;
    right: 17px;
    top: 13px;
    pointer-events: none;
}

.user_subject_filter-select .select2-container--default .select2-selection--single {
    min-height: 44px !important;
    border-radius: 25px !important;
    border: 0 !important;
}

.user_subject_filter-select .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 6px 20px !important;
    border-radius: 50px !important;
}

.user_subject_filter-input {
    background-color: #fff;
}

.user_subject_filter-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.user_subject_filter-group_item {
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 23px;
    height: 43px;
    color: #999;
}

.user_subject_filter-box_group {
    display: grid;
    grid-template-columns: 50px 50px;
    grid-gap: 0.25rem;
}

.user_subject_filter-group_item.active {
    color: var(--green);
}

.user_subject_filter-button {
    width: 40px;
    height: 40px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.user_subject_filter-button svg {
    margin-right: 0;
}

.user_subject_filter-box_buttons {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0.25rem;
    margin-top: 0;
    height: 100%;
    align-items: center;
}

.user_subject_filter-form_active:hover,
.user_subject_filter-form_active:focus,
.user_subject_filter-form_active:active {
    background-color: var(--green);
}

.user_subject_filter-clear:hover,
.user_subject_filter-clear:focus,
.user_subject_filter-clear:active {
    background-color: #6c757d;
}

.user_subject_item-text a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #242728;
}


/* end user_subject */


/* user_view  */

.user_contacts_view-img {
    width: 48px;
    height: 48px;
    box-shadow: 0 0 2px 0px;
    border-radius: 50%;
}

.user_view-content_info {
    display: grid;
    grid-template-columns: 40px 48px auto auto;
    grid-gap: 1.25rem;
    /* padding           : 0.25rem 0.75rem;
    background-color     : #f2f6f8;
    border-radius        : 12px; */
    background-color: #fff;
    padding: 0.5rem;
    border-radius: 12px;
    margin: -10px -10px 0;
    position: relative;
    z-index: 22;
}

.user_contact-box_svg {
    display: flex;
    align-items: center;
}
.user_contact-box_svg svg {
    width: 40px;
    height: 32px;
}


.user_view_info-box_img {
    width: 48px;
    height: 48px;
    box-shadow: 0 0 2px 0px;
    border-radius: 50%;
}

.user_view_info-box_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.user_view_info-name {
    font-size: 1rem;
    color: #242728;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 0.25rem;
}
.user_view_info-name a {
    color: var(--black);
}
.user_view_info-name a:hover {
    color: var(--green);
}
.subjects-prev-button {
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
}
.subjects-prev-button:hover {
    color: var(--green);
}
span .subjects-prev-button svg {
    margin-right: unset;
}

.user_view_info-phone {
    font-size: 0.8rem;
    color: #242728;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 0.25rem;
}

.user_view_info-buttons {
    display: flex;
    /* grid-template-columns: auto auto;
    grid-gap                : 1.25rem; */
    /* align-items          : center; */
    justify-content: flex-end;
}

.user_view_info-button {
    color: var(--gray);
    padding: 8px 20px;
    width: 100%;
    background-color: #fff;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    display: grid;
    grid-template-columns: 50px 1fr;
    font-size: 14px;
}

.user_view_info-button svg {
    width: 24px;
    height: auto;
    color: #939393;
}

.user_view_info-button:hover,
.user_view_info-button:focus {
    background-color: #f2f6f8;
    color: var(--green);
}

.user_view_info-button:hover svg,
.user_view_info-button:focus svg {
    color: var(--green);
}

.user_view_info-alert {
    color: #242728;
    font-size: 0.75rem;
    display: flex;
    justify-content: flex-end;
}

.user_view-content_list {
    /* background-color: #f2f6f8;
    padding: 0.25rem 0.75rem;
    border-radius: 12px; */
}

.user_contacts-view {
    background-color: #f2f6f8;
    border-radius: 12px;
    padding: 0.75rem 0.75rem;
}

#p_message_list:not(.clear_p_message_list_styles) {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 12px;
}

#p_message_list .reciver_message {
    background-color: #d2eed8;
}

.user_message-add {
    font-size: 2.25rem;
    text-align: center;
    color: #b1b1b1;
    cursor: pointer;
}

#p_message_list-old {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 12px;
}

#load_more:hover,
#load_more:focus {
    /* background-color: #ffffff; */
    /* background: linear-gradient(180deg, rgba(211, 208, 208, 0) 0%, #F5F5F5 100%); */
    /* border-radius: 8px; */
    top: 5px;
    color: var(--green);
}

.reciver_message {
    margin-right: auto;
    border-top-left-radius: 0 !important;
}

.reciver_message p {
    margin-bottom: 0;
}

.sender_message {
    border-top-right-radius: 0 !important;
}

.message_element {
    background: #ffffff;
    box-shadow: 0px 4px 36px #e0e9ee;
    border: 0;
    border-radius: 14px;
    padding: 8px 14px;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0.75rem;
    word-break: break-all;
    min-width: 200px;
}

.message_element img {
    width: 150px;
    height: auto;
}

.messages-form #messages-text {
    background: #fff;
    /* -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 10%) inset;
    -moz-box-shadow      : 0 0 3px rgba(0, 0, 0, 0.1) inset;
    box-shadow           : 0 0 3px rgb(0 0 0 / 10%) inset;
    border               : 1px solid #c1c1c1; */
    font-size: 14px;
    color: #242728;
    line-height: 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: auto;
    border-radius: 12px;
    border: 0;
    padding: 10px 15px !important;
}

.messages-form #messages-text {
    scrollbar-color: rgb(229, 229, 229) #ffffff;
    scrollbar-width: thin;
}
.messages-form #messages-text::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #888 !important;
}
.messages-form #messages-text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #888 !important;
   opacity:  1;
}
.messages-form #messages-text::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #888 !important;
   opacity:  1;
}
.messages-form #messages-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #888 !important;
}
.messages-form #messages-text::-ms-input-placeholder { /* Microsoft Edge */
   color: #888 !important;
}
.messages-form #messages-text::placeholder { /* Most modern browsers support this now. */
   color: #888 !important;
}

.messages-form #messages-text::-webkit-scrollbar {
    background-color: #f2f6f8;
    border-radius: 0;
    width: 8px;
    max-height: 50%;
    margin-top: auto;
}

.messages-form #messages-text::-webkit-scrollbar-thumb {
    background-color: rgb(229, 229, 229);
    border-radius: 2px;
}

.user_view_info-dropdown {
    font-size: 32px;
    color: #242729;
}

.user_view_info-dropdown:hover,
.user_view_info-dropdown:focus {
    color: var(--green);
}

.user_view_info-dropdown_content {
    top: 32px;
    right: 0;
    background-color: #fff;
    padding: 14px 0;
    max-width: 190px;
    min-height: 40px;
    width: 100%;
    border-radius: 12px;
    box-shadow: rgb(0 0 0 / 15%) 0px 5px 17px 0px;
    height: inherit;
    margin-left: auto;
    right: 0 !important;
    border: 0;
    min-width: max-content;
}

.user_view-form {
    background-color: #fff;
    padding: 0.25rem;
    border-radius: 12px;
    margin: 0 -10px -10px;
    position: relative;
    z-index: 22;
}

.user_view-form form {
    /* display: flex;
    flex-direction: row; */
    /* display: grid;
    grid-template-columns: 1fr auto auto;
    grid-gap: 0.75rem; */
}

.field-messages-text .help-block {
    /* display: none; */
}

.user_view_form-file {
    padding: 0 !important;
    position: relative;
}

.user_view_form-file .upload_file_butt {
    font-size: 32px;
    border: 0;
    margin-bottom: 0;
    color: #bbb;
    height: 100%;
    display: flex;
    align-items: center;
}

.user_view_form-file .upload_file_butt:hover,
.user_view_form-file .upload_file_butt:focus {
    color: var(--orange);
}

.user_view_form-file {
    display: grid;
    grid-template-columns: auto auto;
    /* flex-direction    : row; */
}

.user_view_form-file .delete_file_butt {
    font-size: 20px;
    border: 0;
    margin-bottom: 0;
    color: var(--orange);
    height: 100%;
    display: none;
    align-items: center;
    top: -10px;
    right: -17px;
    margin: 0;
    width: 24px;
    height: 24px;
    position: absolute;
}

.user_view_form-file .upload_filename {
    position: absolute;
    bottom: 0;
    background-color: transparent;
    color: var(--light2_gray);
    text-overflow: ellipsis;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    pointer-events: none;
}

.user_contacts_filter-item>.form-group {
    margin: 0;
    height: 100%;
}

.user_contacts_filter-tabs>.form-group {
    display: flex;
    align-items: center;
    height: 100%;
}

.user-view_form-send {
    font-size: 32px;
    border: 0;
    margin-left: 12px;
    padding: 0 12px;
    margin-bottom: 0;
    color: #bbb;
    background-color: inherit;
}

.user_convert_text {
    font-size: 22px;
    text-align: center;
    margin-top: 40px;
}

.user_view-form .field-messages-text {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.user_message-date {
    margin-top: 4px !important;
    font-size: 12px;
    margin-right: 16px !important;
}

.user_message-check {
    position: absolute;
    right: 2px;
    bottom: 4px;
    font-size: 20px;
}

.user-view_form-send:hover,
.user-view_form-send:focus {
    color: var(--green);
}

.user_view_form-message_content {
    max-height: 550px;
    min-height: 550px;
    overflow-y: scroll;
}

.user_view_form-message_content {
    scrollbar-color: rgb(229, 229, 229) #ffffff;
    scrollbar-width: thin;
}

.user_view_form-message_content::-webkit-scrollbar {
    background-color: #f2f6f8;
    border-radius: 0;
    width: 8px;
    max-height: 50%;
    margin-top: auto;
}

.user_view_form-message_content::-webkit-scrollbar-thumb {
    background-color: rgb(229, 229, 229);
    border-radius: 2px;
}

#subjectssearch-type_subject .select2-container--default .select2-selection--single {
    min-height: 44px !important;
    border-radius: 25px !important;
    border: 0 !important;
}

#subjectssearch-type_subject .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 6px 20px !important;
    border-radius: 50px !important;
}

#p_message_form .user_view-form form {
    /* grid-template-rows: 70px; */
}

#p_message_form .callback_seller textarea.form__input {
    min-height: 60px;
}

.section_incoming_reqs .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 0;
}


/* end user view */

@media (max-width: 1020px) {
    .header_body_menu-search {
        width: 100%;
    }
    .form_search_price_lists_middle_in .group_right_placeholder:last-child .placeholder__right {
        margin-top: 12px !important;
    }
    .js__load_table {
        overflow-x: scroll;
    }
    .user_subject_item-body {
        min-height: 97px;
    }
    .haeder_menu-body {
        display: block;
        overflow-x: hidden;
    }
    .header_drop-list {
        width: 100%;
    }
    .main--sity {
        border-left: none;
    }
    .drop_category_active {
        border-bottom: 1px solid #f5f5f5;
    }
}

@media (max-width: 580px) {

    #regionModal .close::before{
        width: 145px;
        height: 72px;
        transform: translate(-28px, -3px) rotate(40deg);
    }

    #search-location-link {
        font-size: 12px !important;
    }
    #clear_region{
        font-size: 12px !important;
    }
    .advert-view .carousel-inner .item.active {
        height: 72vw;
    }
    .section_detail-advert {
        margin: 20px 0;
    }
    .section_shop_edit {
        margin: 5px 0;
    }
    h4.advert_instances--title {
        font-size: 16px;
    }
    .advert_view_slide_body {
        width: 100%;
        height: 100%;
        display: block;
    }
    .section_shop_edit .form_field__shop_logo img {
        margin-top: 20px;
    }
    .section_shop_edit .panel-body .form-group {
        margin-bottom: 14px;
    }
    .section_shop_edit .panel-body .gr_column {
        grid-gap: 10px;
    }
    .section__page_form .form__input {
        padding: 7px 10px 7px 20px !important;
    }
    .section_shop_edit .form_item_content label {
        margin-bottom: 12px;
    }
    .section_shop_edit .form-group .suggestions-addon {
        width: 20px !important;
        height: 20px !important;
        top: -41px !important;
        bottom: 0 !important;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .section_shop_edit .form-group .btn_pd {
        padding: 6px 26px 6px 26px;
    }
    .form_item_content #address_list_repeater .repeater-remove-btn button {
        padding: 6px 26px 6px 26px;
    }
}

.hidden {
    display: none;
}

.view-mode-wrap {
    display: flex;
}

.view-mode-block {
    height: 40px;
    margin-right: 5px;
    border-radius: 7px;
    background: gainsboro;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-mode-block.active {
    background: #f68761;
}

.view-mode-block svg {
    width: 24px;
    fill: white;
}

.view-mode-list {
    height: 40px;
    border-radius: 7px;
    background: gainsboro;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-mode-list.active {
    background: #f68761;
}

.view-mode-list svg {
    width: 24px;
    fill: white;
}

._view_list {
    display: block;
}

._view_list .cart--itm {
    display: flex;
    width: 100%;
    margin-bottom: 27px;
}

._view_list .cart--itm_box-img {
    width: 230px;
    height: auto;
    padding: 10px;
}

.list.cart--itm.cart_list_item .cart--itm_box-img .moderation-label {
    font-size: 14px;
    right: -5px;
    top: 16px;
}

._view_list .cart--itm_box-img img {
    height: 230px;
    width: 230px;
    display: block;
    border-radius: 15px;
}

._view_list .cart--itm_content {
    width: 100%;
    padding-bottom: 12px;
}

._view_list .cart--itm__stats {
    margin-top: 10px;
}

._view_list .cart-cnt {
    width: 100%;
}

._view_list .cart-btns {
    display: flex;
    justify-content: space-between;
}

._view_list .activate_butt {
    width: 100%;
    height: 40px;
    margin-left: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

._view_list .cart--date {
    margin-left: 10px;
}

#regionModal .modal-dialog {
    max-width: 1000px;
}

#regionModal .modal-header {
    border-bottom: 0;
}

.region_modal_letter_elem {
    margin-top: 12px;
}

.region_modal_letter {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px;
    border-radius: 8px;
    white-space: nowrap;
    margin-right: auto;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
    width: 26px;
    text-transform: uppercase;
    position: absolute;
}

.region_modal_element a {
    color: #858585;
    transition: 0.2s;
}

.region_modal_element a:hover {
    color: #09a75a;
}

.city_list .back_btn {
    margin-top: 20px;
    display: inline-block;
    background: var(--light_grey);
    color: #818181;
    padding: 5px 12px;
    border-radius: 36px;
}

.mass_btn_control {
    margin-top: 20px;
}

.alert-success.alert.fade.in,
.alert-danger.alert.fade.in {
    opacity: 1;
}

.time-item {
    margin-left: 20px;
    margin-bottom: 5px;
    background: white;
    padding: 5px 20px;
    border-radius: 80px;
    display: inline-block;
}

.time-item input[name="time_from"] {
    border: 1px solid #ccc;
    border-radius: 50px;
    padding: 7px;
    padding-left: 16px;
    padding-right: 14px;
    margin: 0 5px;
    color: black;
    outline: none;
}

.time-item input[name="time_to"] {
    border: 1px solid #ccc;
    border-radius: 50px;
    padding: 7px;
    padding-left: 16px;
    padding-right: 14px;
    margin: 0 5px;
    color: black;
    outline: none;
}

.time-item.active input[name="time_from"],
.time-item.active input[name="time_to"] {
    border-color: #43b37d;
}

.time-item .time-item-h24 {
    font-weight: bold;
    margin-left: 10px;
}

.time-item .switch {
    position: relative;
    display: inline-block;
    width: 41px;
    height: 21px;
}

.time-item .time-item-week {
    font-weight: bold;
    width: 120px;
    display: inline-block;
    text-align: center;
}

.time-item label.switch {
    margin: 0;
    margin-left: 5px;
}

.time-item .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.time-item .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 34px;
}

.time-item .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
}

.time-item input:checked+.slider {
    background-color: #43b37d;
}

.time-item input:focus+.slider {
    box-shadow: 0 0 1px #43b37d;
}

.time-item input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

@media (max-width: 800px) {
    .my_advert_body .user_advert_element {
        width: 100%;
        overflow-x: scroll;
    }
    ._view_list {
        /* width: 620px; */
    }
    ._view_list a.cart--itm_title {
        margin-right: 10px;
    }
    ._view_list .cart--itm_box-img img {
        height: 160px;
        width: 160px;
    }
    ._view_list .cart_list_item {
        grid-template-columns: 190px 1fr;
    }
    ._view_list .cart_box_img {
        grid-row: 1;
    }
    ._view_list .cart_box_bottom {
        grid-column: 1 / span 2;
        grid-row: 2;
        padding-left: 20px;
    }
    ._view_list .cart-btns {
        flex-wrap: wrap;
    }
    ._view_list .activate_butt {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    ._view_list .cart-btns .d-flex {
        flex-wrap: warp;
    }
    ._view_list .cart--itm__stats {
        margin-bottom: 4px;
    }
    .user_contacts_filter-content {
        grid-template-columns: 1fr 1fr;
        grid-gap: 0.25rem;
    }
    .user_contacts_filter-item_search {
        grid-column: 1/ span 2;
    }
    .user_contacts_filter-select {
        grid-column: 1/ span 2;
    }
    .user_contact_filter-buttons {
        justify-content: end;
    }
    .user_contacts_item-body {
        position: relative;
    }
    .user_contacts_item-name {
        margin-right: 10px;
        font-size: 1rem;
    }
    .user_contacts_item-body {
        padding: 12px 10px;
    }
    .user_contacts_item-contant {
        grid-template-columns: 100%;
        grid-gap: 0.75px;
    }
    .user_contacts_item-date {
        display: flex;
        justify-content: end;
        font-size: 12px;
    }
    .user_contacts_item-count {
        position: absolute;
        top: 2px;
        right: 8px;
    }
    .user_contacts_item_count-svg {
        width: 13px;
    }
    .user_subject_item_count-svg {
        width: 13px;
    }
    .user_subject_item-count {
        top: 0 !important;
    }
    .user_contacts_item-phone {
        font-size: 13px;
        font-weight: 400;
        line-height: 1.4;
        color: #242728;
    }
    .user_subject_item-phone {
        font-size: 13px;
        font-weight: 400;
        line-height: 1.4;
        color: #242728;
    }
}

@media (max-width: 1040px) {
    /* #regionModal .modal-dialog {
        margin-left: 20px;
        margin-right: 20px;
    } */
    .btn_active-green {
        font-size: 12px !important;
    }
    .filter_absolute {
        z-index: 60 !important;
    }
    .header_body_menu-search {
        opacity: 1 !important;
        visibility: visible !important;
    }
    .contacts_filter_body {
        max-height: inherit;
    }
    .user_contacts-filter .filter_absolute {
        position: relative !important;
        top: 0 !important;
    }
    .user_contacts_filter-content {
        grid-template-columns: 100% !important;
        justify-items: center;
    }
    .user_contacts_filter-item_search {
        grid-column: 1 !important;
    }
    .user_contacts_filter-item_search {
        width: 100%;
    }
    .user_contacts_filter-group_item {
        height: auto !important;
    }
    .user_subject_body {
        max-height: inherit;
    }
    .user_subject-filter .filter_absolute {
        position: relative !important;
        top: 0 !important;
    }
    .user_subject_filter-content {
        grid-template-columns: 1fr 1fr !important;
        justify-items: center;
    }
    .user_contacts_filter-content {
        grid-template-columns: 1fr 1fr !important;
        justify-items: center;
    }
    .user_subject_filter-item_search {
        grid-column: 1 / span 2 !important;
        width: 100%;
    }
    .user_contacts_filter-item_search {
        grid-column: 1 / span 2 !important;
        width: 100%;
    }
    .user_contacts_filter-tabs {
        grid-column: 1 / span 2;
        padding: 6px;
    }
    .user_subject_filter-group_item {
        height: auto !important;
    }
    .user_subject_filter-tabs label {
        /* padding: 9px 19px 9px 10px !important; */
        font-size: 8px !important;
    }
    .user_subject_filter-tabs {
        grid-column: 1 / span 2;
        padding: 6px;
    }
    .btn_active-green span {
        font-size: 9px;
        right: 5px;
        /* margin-top: 1px; */
    }
    .user_subject_filter-body {
        background-color: inherit;
    }
    .user_contacts_filter-tabs label {
        /* padding  : 9px px 19px 9px 10px !important; */
        font-size: 8px !important;
    }
}

@media (max-width: 991px) {
    .region_modal_letter {
        position: relative;
        margin-bottom: 10px;
    }
}

@media (max-width: 580px) {
    .section_title span h1 {
        font-size: 20px;
    }
    .advert-create h1 {
        font-size: 20px;
    }
    .advert-update h1 {
        font-size: 20px;
    }
    .section_title span h2 {
        font-size: 20px;
    }
    .form-group.field-shop-logo {
        margin-top: 0;
        height: 150px;
        padding-bottom: 20px;
    }
    .section_shop_edit .form_field__shop_logo {
        width: 100%;
    }
    .user_view_form-file .upload_file_butt {
        font-size: 24px;
    }
    .user-view_form-send {
        font-size: 24px;
    }
    .messages-form #messages-text {
        padding: 4px 7px !important;
    }
    .user_view_info-dropdown {
        font-size: 26px;
    }
    .user_view_form-message_content {
        min-height: 320px;
        max-height: 320px;
    }
    .user_view_info-name {
        font-size: 0.8rem;
    }
}

.form_search_price_lists {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto;
    /* grid-column-gap      : 1.25rem; */
    align-items: flex-start;
}

.form_search_price_lists_left {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.form_search_price_lists_right {
    padding-top: 2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.form_search_price_lists_right>*:not(:last-child) {
    margin-right: 0.5rem;
}

.form_search_price_lists_top {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 25% 25%;
    grid-column-gap: 1.25rem;
}

.form_search_price_lists_middle {
    grid-column: span 2;
    width: 100%;
}

.form_search_price_lists_middle_in {
    /* padding-top          : 0.45rem; */
    display: grid;
    grid-template-columns: 366px 1fr 1fr ;
    grid-column-gap: 1.25rem;
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-top: 4px;
    padding-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
}

.form_search_price_lists .form-group {
    width: 100%;
    /* display    : flex;
    flex-direction: column; */
}

.form-group-price {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 25px;
}

.form-group-btn {
    margin: auto 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form-group-btn>*:not(:last-child) {
    margin-bottom: 15px;
}

@media all and (max-width: 767px) {
    .form_search_price_lists {
        grid-template-columns: 100%;
        grid-row-gap: 0;
    }
}

.form__line__sample {
    display: grid;
    grid-template-columns: 1fr 1fr 17px;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-bottom: 15px;
    align-items: center;
}

.form__sub {
    display: block;
    line-height: 1.2;
    margin-left: 15px;
    color: #75838c;
}

.form__add__button {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
    color: var(--black_text);
    display: block;
    margin-top: 10px;
}

.form__add__button>svg {
    margin-right: 10px;
}

.form__add__button:hover,
.form__add__button:focus-visible {
    color: var(--green);
}

.section__page_form .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #fff;
}

.table-striped .select2-container--default .select2-selection--single {
    border: 1px solid #aaa;
}

.table_letter_block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.table_letter_block .checkBox__label {
    margin-left: 15px;
    margin-bottom: 0;
    margin-top: 2px;
}

.table_letter {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 8px;
    border-radius: 8px;
    white-space: nowrap;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
    width: 26px;
    text-transform: uppercase;
}

.panel__box {
    box-sizing: none !important;
    display: grid;
    margin-top: 0;
    grid-template-columns: 60% 1fr;
}

.panel__box .panel_filter_type {
    grid-column: 2;
    grid-row: 1;
    padding-top: 0;
}

.panel__box .mass_btn_control {
    grid-column: 1;
    grid-gap: 1;
    margin-top: 0;
}

.panel__box .d-flex {
    justify-content: flex-end !important;
}

.panel__box .d-flex .btn {
    margin-right: 11px;
}

@media (max-width: 575px) {
    .btn {
        border-radius: 40px;
        /* padding      : 12px 12px 12px 12px; */
    }
}

.form_item_content .control-label {
    margin-left: 0;
}

@media (max-width: 575px) {
    .form_item_content .switch-item {
        margin-bottom: 8px;
    }
}

.callback_seller .close {
    position: relative;
    z-index: 1;
    opacity: 1;
}

.callback_seller .close span {
    position: relative;
    opacity: 1;
}

.callback_seller .close::before {
    content: "";
    position: absolute;
    width: 116px;
    height: 50px;
    left: 0;
    bottom: 20px;
    top: 0;
    margin: auto;
    background-color: var(--green);
    transform: translate(-33px, -3px) rotate(45deg);
    opacity: 0.8;
    z-index: 0;
}

.callback_seller .close {
    color: #fff;
}

.callback_seller .modal-content {
    overflow: hidden;
}

.callback_seller .modal-content {
    border-radius: 0.9rem;
}

.callback_seller .form__input {
    background-color: var(--gray_bg);
}

.callback_seller textarea.form__input {
    min-height: 120px;
}

.upload_file_butt {
    cursor: pointer;
    margin-bottom: 12px;
    display: inline-block;
    color: #3d8763;
    border-bottom: 1px dotted;
}

.messages-form-upload-file {
    padding: 15px;
}

.upload_filename {
    margin: 0 -15px;
    border-radius: 9px;
    background: #68c297;
    padding: 5px 15px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    display: none;
}

.delete_file_butt {
    cursor: pointer;
    margin-bottom: 12px;
    margin-left: 12px;
    display: none;
    color: #dc3545;
    border-bottom: 1px dotted;
}

.incoming_reqs_nav {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    box-shadow: 0px 4px 36px #e0e9ee;
    background-color: var(--white);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom: 1px solid #e9e9e9;
}

.incoming_reqs_nav>li:not(:last-child) {
    border-right: 1px solid #e9e9e9;
}

.incoming_reqs_nav>li>a {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    display: block;
    padding: 15px 25px;
    transition: opacity 250ms ease;
}

.incoming_reqs_nav>li>a:hover,
.incoming_reqs_nav>li>a:focus-visible {
    opacity: 0.8;
}

.incoming_reqs_nav>li:nth-child(1)>a {
    color: black;
    border-top-left-radius: 15px;
}

.incoming_reqs_nav>li.active:nth-child(1)>a {
    background-color: black;
}

.incoming_reqs_nav>li:nth-child(2)>a {
    color: #43b37d;
}

.incoming_reqs_nav>li.active:nth-child(2)>a {
    background-color: #43b27d;
}

.incoming_reqs_nav>li:nth-child(3)>a {
    color: #007bff;
}

.incoming_reqs_nav>li.active:nth-child(3)>a {
    background-color: #007bff;
}

.incoming_reqs_nav>li:nth-child(4)>a {
    color: #f68761;
}

.incoming_reqs_nav>li.active:nth-child(4)>a {
    background-color: #f68761;
}

.incoming_reqs_nav>li:nth-child(5)>a {
    color: #dc3545;
}

.incoming_reqs_nav>li.active:nth-child(5)>a {
    background-color: #dc3545;
}

.incoming_reqs_nav>li:nth-child(6)>a {
    color: #6c757d;
}

.incoming_reqs_nav>li.active:nth-child(6)>a {
    background-color: #6c757d;
}

.incoming_reqs_nav>li.active>a {
    color: var(--white);
}

.incoming_reqs_content {
    padding: 15px;
    box-shadow: 0px 30px 36px #e0e9ee;
    background-color: var(--white);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.incoming_reqs_group {
    padding: 25px 0;
    border-top: 3px solid var(--group-status-border);
    display: grid;
    grid-template-columns: 100%;
    grid-row-gap: 45px;
    align-items: flex-start;
}

.incoming_reqs_group_name {
    margin-bottom: 10px;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: var(--group-status-border);
}

.incoming_reqs_item {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.incoming_reqs_item_title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
    margin-left: 15px;
}

.incoming_reqs_item_in {
    width: 100%;
    box-shadow: 0px 4px 36px #e0e9ee;
    border-radius: 15px;
    background-color: var(--white);
    padding: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.incoming_reqs_item_left {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.incoming_reqs_item_bl {
    border: 1px solid #e9e9e9;
    border-radius: 15px;
    height: 100%;
    padding: 0;
    margin: 0 0 15px;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.incoming_reqs_item_bl>li:not(:last-child) {
    border-bottom: 1px solid #e9e9e9;
}

.incoming_reqs_item_bl.incoming_reqs_item_bl--order>li:nth-last-child(2) {
    border-bottom: 0;
}

.incoming_reqs_item_bl>li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 15px;
}

.incoming_reqs_item_bl>li>small {
    font-size: 11px;
    margin-bottom: 2px;
}

.incoming_reqs_item_bl>li>p {
    margin: 0;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 400;
}

.incoming_reqs_item_bl.incoming_reqs_item_bl--order>li>p {
    font-size: 14px;
}

.incoming_reqs_item_bl>li>a {
    margin: 0;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 400;
    color: var(--black_text);
    transition: color 250ms ease-in-out;
}

.incoming_reqs_item_bl>li>a:hover,
.incoming_reqs_item_bl>li>a:focus-visible {
    color: var(--green);
}

.incoming_reqs_item_right {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.incoming__reqs_item_middle {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    grid-column: span 2;
    padding-top: 15px;
}

.incoming_reqs_item_btns {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.incoming_reqs_item_btns>* {
    margin-right: 12px;
    margin-bottom: 5px;
}

.incoming_reqs_item_cancel_text {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.15;
    color: #d93c3c;
    margin-left: 15px;
}

.filter_absolute {
    position: absolute !important;
    top: 127px !important;
    z-index: 100;
    width: 100%;
    /* box-shadow: inherit; */
    /* background: inherit; */
    /* padding   : 11px 0 15px 0 !important; */
}

.btn-filter_search {
    position: absolute;
    /* top  : -41px;
    right   : 23px; */
    top: 0;
    right: 0;
    display: none !important;
}

.filter_box_content {
    padding: 0 4px 4px 4px !important;
    background: var(--green);
    border-radius: 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.filter_title {
    color: #fff;
    font-weight: 400;
    margin-bottom: 5px;
}

.filter_price {
    display: block;
}

.filter_box_content {
    grid-template-columns: 100%;
    justify-items: start;
}

.filter_price_in input {
    border: 0;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    outline: none;
    height: 100%;
    padding: 10px 10px 10px 20px !important;
    padding: 15px 10px 15px 20px !important;
    height: 100%;
    width: 100%;
    border-radius: 30px;
    max-height: 44px;
    min-height: 44px;
}

.filter_box_grid--item {
    /* display              : grid; */
    /* grid-template-columns: auto 1fr; */
    /* grid-column-gap      : 1.25rem; */
    background-color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    justify-content: center;
}

.filter_box_grid--item .checkbox_text {
    color: #656565;
}

.filter_box_grid--item_two .checkbox_text {
    color: #656565;
}

.filter_active_sort{
    margin: auto;
    max-width: 1010px;     
    padding-bottom: 10px;
    /* border-top: 1px solid #d5d5d5; */
    padding-top: 10px; 
    width: 100%;

    /* background-color: #fff; */
    /* border-radius: 10px; */
    padding-top: 0;
    /* padding-bottom: 14px; */
    /* margin-bottom: 8px; */
    max-width: 100%;
    padding-bottom: 0;
    /* margin-bottom: 8px; */
    border-bottom-left-radius: 23px;
    border-bottom-right-radius: 23px;
    overflow: hidden;
}

.filter--active-fixed{
    display: none;
}

.filter_active_sort .price-sort-panel{
    justify-content: center;
    background-color: #fff;
    margin: 0 4px 0 4px;
    border-bottom-left-radius: 23px;
    border-bottom-right-radius: 23px;
    padding: 6px 4px 4px 4px;
}

.filter__active__bg{
    background-color: #fff;
    border-bottom-left-radius: 23px;
    border-bottom-right-radius: 23px;
}


.section_search_price_lists .filter__active__bg {
    margin: 4px 0 0 0;
}

.search_price_more_fields{
    background-color: rgb(255, 255, 255);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
     margin-top: 4px; display: none;
}

.page_filter.--is_fixed .search_price_more_fields {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}



.form_search_price_lists_desktop_in{
    margin-top: 0; margin: auto; max-width: 1010px; padding-bottom:0;
}


.page_filter.--is_fixed .filter--active-fixed{
    display: block;
}


.advertsearch-max_price,
.advertsearch-min_price {
    width: 100%;
    max-width: 366px;
}

.advertsearch-max_price {
    /* margin-right: ; */
}

.filter_stats_bottom {
    /* height: 100%; */
    /* background-color: #f5f5f5;
    padding: 6px 6px;
    border-radius: 7px; */
    display: flex;
    align-content: center;
    /* justify-content: center; */
    min-height: 42px;
    align-items: center;
}

.filter_status .form_radio_btn input[type="radio"]:checked+label {
    background-color: var(--green);
    border-color: var(--green);
}

.page_filter.--is_fixed .filter_box_grid--item_two  {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.filter_box_grid--item_two {
    /* display              : grid;
    grid-template-columns: auto auto auto;
    grid-column-gap      : 1.25rem;
    width                : 100%;
    justify-content      : start; */
    background-color: #fff;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.filter_box_grid_column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    justify-content: start;
    max-width: 1010px;
    margin: auto;
}

.filter_box_grid--item_three {
    display: grid;
    grid-template-columns: 100%;
    grid-column-gap: 1.25rem;
    width: 100%;
    justify-content: start;
    background-color: #fff;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    justify-items: center;
}

.filter_box_content .form-group {
    margin-bottom: 0;
}

.filter_status .form_radio_btn label {
    min-height: 33px;
    padding: 0 19px;
}

.filter_status .form_radio_btn {
    margin-bottom: 0;
}

.filter_status .filter_stats_bottom .form_radio_btn:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

.filter_btn .btn {
    padding: 8px 26px;
    margin-bottom: 4px;
}

.filter {
    box-shadow: inherit;
}

.filter form {
    width: 100%;
}

.btn-filter_search {
    position: relative;
    z-index: 102;
    margin-left: -20px;
}

.filter {
    /* display: none; */
}

.filter_box_content {
    display: block;
}

.section__page_form .form_search_price_lists_middle_in .select2-container--default .select2-selection--single {
    background-color: #f2f2f2;
}

.section__page_form .filter_stats_bottom .select2-container--default .select2-selection--single {
    background-color: #f2f2f2;
}

.filter_box_grid_column .filter_status {
    width: 100%;
}

.filter_box_grid_column .form_sample_item {
    width: 100%;
}

.section__page_form .filter_box_grid--item_three .select2-container--default .select2-selection--single {
    background-color: #f2f2f2;
}

.section_page_price_lists .form_item_content .form_search_price_lists_middle_in label {
    color: #999;
    margin-top: 5px;
}

.section__page_form .form_search_price_lists_middle_in .form__input {
    background-color: #f2f2f2;
}

.filter_box_grid--item .filter_title {
    color: #999;
    margin-top: 5px;
}

.filter_box_grid--item_two .filter_title {
    color: #999;
    margin-top: 5px;
}

.filter_box_grid--item_three .filter_title {
    color: #999;
    margin-top: 5px;
}

.filter_box_grid--item .filter_price_in .form-control {
    background-color: #f2f2f2;
}

.form_grid-column_two {
    display: grid;
    grid-template-columns: 1fr auto;
}

.menu--active {
    /* color: var(--green) !important; */
}

@media (max-width: 1023px) {

    .filter_active_sort{
        overflow: scroll;
        max-width: 1010px;
    }

    .filter_active_sort .price-sort-panel {
        justify-content: flex-start;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .filter_active_sort {
               border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
              padding: 0;
    }

    .search_price_more_fields{
        display: block !important;
    }

    .filter_mb_margin-top{
        margin-top: 25px;
    }
    
    .filter--active-fixed{
        display: block;
    }

    .filter_absolute__bg_padding{
        padding:0;
        background-color: transparent;
    }
    
    .section__page_form .select2-container--default .select2-selection--single {
        background-color: var(--white) !important;
    }
    .incoming_reqs_item_in {
        grid-template-columns: 100%;
        grid-row-gap: 25px;
    }
    .incoming__reqs_item_middle {
        grid-column: auto;
    }
    .incoming_reqs_item_right {
        grid-row: 1;
    }
    .header__kostil-price-list2 {
        display: none;
    }
    #filter__absolute_search {
        display: block !important;
    }
    .filter_box_grid_column {
        grid-template-columns: 100%;
    }
    .form_grid-column_two {
        grid-template-columns: 100%;
    }
}

@media (max-width: 767px) {
    .incoming_reqs_nav {
        display: grid;
        grid-template-columns: repeat(5, auto);
        justify-content: normal;
    }
    .user_contacts_title-grid {
        grid-template-columns: 100%;
        grid-gap: 10px;
    }
    .user_contacts_item-link {
        color: #000;
    }
    .incoming_reqs_nav>li>a {
        padding: 15px 20px;
    }
    .incoming_reqs_nav>li:nth-child(5)>a {
        border-top-right-radius: 15px;
    }
    .panel__box {
        display: block;
    }
    .panel__box .d-flex {
        justify-content: space-between !important;
    }
    .section_user_profile {
        margin-top: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 575px) {
    .incoming_reqs_nav {
        width: auto;
        margin: 0 -8px;
        grid-template-columns: 100%;
    }
    .incoming_reqs_nav>li>a {
        padding: 10px 15px;
    }
    .incoming_reqs_content {
        width: auto;
        margin: 0 -8px;
        padding: 10px;
    }
    .incoming_reqs_nav>li:nth-child(1)>a {
        border-top-right-radius: 15px;
    }
    .incoming_reqs_nav>li:nth-child(5)>a {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .incoming_reqs_group {
        padding: 15px 0;
        grid-row-gap: 30px;
    }
    .incoming_reqs_group_name {
        font-size: 20px;
    }
    .incoming_reqs_item_title {
        margin-left: 10px;
        font-size: 16px;
    }
    .incoming_reqs_item_bl {
        grid-template-columns: 100%;
        height: auto;
    }
    .incoming_reqs_item_bl.incoming_reqs_item_bl--order>li:nth-last-child(2) {
        border-bottom: 1px solid #e9e9e9;
    }
    .incoming_reqs_item_cancel_text {
        font-size: 14px;
        margin-left: 10px;
    }
}

.my_advert_body .user_advert_element {
    overflow: inherit;
}

@media (max-width: 480px) {
    ._view_list .cart--itm_box-img {
        width: 100%;
    }
    .list-view_grid .cart--itm__title {
        grid-template-columns: 1fr;
        grid-template-rows: 10px 1fr;
    }
    ._view_list .cart--itm_box-img img {
        height: 130px;
        width: 130px;
    }
    ._view_list .cart_list_item {
        grid-template-columns: 170px 1fr;
    }
    .list-view_grid .cart--itm__title {}
    .list-view_grid .cart--itm__title a:last-child {
        grid-row: 1;
        width: 36px;
        font-size: 12px;
    }
    ._view_list .cart--itm {
        grid-template-rows: minmax(100px, auto) 1fr;
    }
    .list-view_grid .cart--itm__title {
        grid-template-rows: 15px 1fr;
    }
    ._view_list a.cart--itm_title {
        font-size: 12px;
    }
    ._view_list .cart--itm__text {
        font-size: 12px;
    }
    ._view_list .is_not_publicated .cart--tim__reckl .btn {
        padding: 6px 15px 6px 15px;
        font-size: 12px;
    }
    ._view_list .cart_list_item {
        grid-template-columns: 150px 1fr;
    }
    ._view_list .cart--sity_category {
        margin: 4px 0;
        font-size: 12px;
    }
    .list-view_grid .cart--itm__text {
        line-height: 1.4;
    }
    ._view_list .activate_butt {
        height: 33px;
        font-size: 12px;
    }
    ._view_list .cart_box_bottom {
        padding-left: 12px;
        padding-right: 12px;
    }
    .list-view_grid .cart--tim__reckl .btn {
        padding: 6px 15px 6px 15px;
        font-size: 12px;
    }
    ._view_list .cart--itm_box-img img {
        box-shadow: 0px 2px 4px #ececec;
    }
    ._view_list .cart--itm__stats {
        background: #f2f6f8;
        border-radius: 15px;
        padding: 4px 10px;
        margin-left: auto;
        margin-right: auto;
    }
    ._view_list .cart--itm_box-img {
        padding-bottom: 28px;
    }
    ._view_list .cart--itm__text {
        line-height: 1.4;
    }
    ._view_list .cart--itm__price_new {
        margin-top: 14px;
        position: absolute;
        left: 35px;
        bottom: 34%;
        transform: translateY(-50%);
        margin: auto;
    }
    ._view_list .cart-btns .d-flex {
        justify-content: space-around;
        width: 100%;
    }
    ._view_list .cart--date {
        font-size: 12px;
        font-weight: 600;
    }
    .my_advert_body .form__mass_btn_control button {
        margin-right: 10px;
        margin-top: 4px;
        font-size: 12px !important;
        padding: 5px 18px;
    }
    .form__input_search_advert {
        margin-top: 0;
    }
    .my_advert_body .dopcatalog_box {
        padding: 10px 30px;
    }
    .my_advert_body .dropdown .btn {
        padding: 5px 18px;
        font-size: 12px !important;
    }
    .form__input_search_advert button {
        padding: 5px 18px;
        font-size: 12px !important;
    }
    .my_advert_body .form__mass_btn_control {
        /* flex-direction: column; */
        background-color: #fff;
        border-radius: 15px;
        padding: 8px;
    }
    .mass_btn_control {
        padding: 12px;
        margin-top: 3px;
    }
    .my_advert_body .list-view .summary {
        font-size: 12px;
    }
}

.cart--itm .advert_selector {
    border-radius: 4px;
    padding: 3px;
    /*left: 20px;*/
    /*top: 10px;*/
}

.section_search_price_lists {
    margin-top: 30px;
    position: unset;
}

.section_search_price_lists>.container {
    position: unset;
}

.btn.btn--search-price {
    width: 47px;
    height: 47px;
    padding: 5px;
    display: inline-flex ;
    align-items: center;
    justify-content: center;
    background-color: var(--green);
}

.btn.btn--search-price>svg {
    margin-right: 0;
    width: initial;
    height: initial;
}

.section__page_form .prices_content.--is_fixed {
    position: fixed !important;
    left: 50%;
    top: -3px !important;
    width: 100%;
    /* max-width: 1200px; */
    z-index: 105;
    padding: 10px 20px;
    transform: translateX(-50%);
}

.section__page_form .prices_content.--is_fixed .control-label {
    font-size: 12px;
}

.section__page_form .prices_content.--is_fixed .form__input {
    max-height: 35px;
    min-height: 35px;
}

.section__page_form .prices_content.--is_fixed .select2-container--default .select2-selection--single {
    min-height: 35px;
}

.section__page_form .prices_content.--is_fixed .form_sample_item::before {
    width: 28px;
    height: 28px;
}

.section__page_form .prices_content.--is_fixed .form_sample_item::after {
    right: 12px;
    top: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}

.section__page_form .prices_content.--is_fixed .btn.btn--search-price {
    width: 35px;
    height: 35px;
    margin-left: 5px;
    display: inline-flex;
}

.section__page_form .prices_content.--is_fixed .box_search__form .btn.btn--search-price {
    width: 32px;
    height: 32px;
}


.price_list_items {
    /* padding: 0; */
    margin: 0;
    padding: 0 8px;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.price_list__item {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 4px 36px #e0e9ee;
    border-radius: 15px;
    background-color: #fff;
}

.price_list__item:not(:last-child) {
    margin-bottom: 5px;
}

.price_list__item-table {
    width: 100%;
    display: grid;
    /* 7 cols */
    grid-template-columns: 8% 10% 1fr 6% 6% 8% 8% 6% 8% 1fr auto;
    /* grid-template-areas:
        "prod prod numb status day price info"
        "name name name name short short short"; */
    grid-template-areas: "prod numb name name name status price info comp actions";
    /* border-bottom      : 1px solid var(--light_grey); */
}

.price_list__item-table-demo {
    display: grid;
    grid-template-columns: 10% 10% 1fr 6% 6% 6% 6% 12%;
    grid-template-areas: "prod numb name kol status price info comp";
}

.price_list__item-table-load {
    display: grid;
    grid-template-columns: 10% 10% 1fr 6% 8% auto;
    grid-template-areas: "prod numb name kol status info tools";
}

.price_list__item-kol {
    grid-area: kol;
    border-right: 1px solid var(--light_grey);
    word-break: break-word;
}

.price_list__item-td {
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.price_list__name-text {
    min-height: 37px;
}

.price_list__item-td>small {
    margin-bottom: 4px;
    color: #75838c;
}

.price_list__item-td>p {
    margin: 0;
}

.price_list__item-prod {
    grid-area: prod;
    border-right: 1px solid var(--light_grey);
    /* border-bottom: 1px solid var(--light_grey); */
    word-break: break-word;
}

.price_list__item-numb {
    grid-area: numb;
    border-right: 1px solid var(--light_grey);
    /* border-bottom: 1px solid var(--light_grey); */
}

.price_list__item-status {
    grid-area: status;
    border-right: 1px solid var(--light_grey);
    /* border-bottom: 1px solid var(--light_grey); */
}

.btn_tools {
    display: grid;
    grid-template-columns: 20px 1fr;
    /* display           : inline-flex;
    align-items          : center;
    justify-content      : center; */
}

.price_list__item-tools .btn_tools:not(:last-child) {
    /* margin-right: 8px; */
}

.status__active {
    background-color: var(--green);
    color: #fff !important;
}

.status__active * {
    color: #fff !important;
}

.price_list__item-status>.--order {
    color: var(--orange);
}

.price_list__item-status>.--avail {
    color: var(--green);
}

.price_list__item-status>.--unavail {
    color: #dc3545;
}

.price_list__item-day {
    grid-area: day;
    border-right: 1px solid var(--light_grey);
    /* border-bottom: 1px solid var(--light_grey); */
}

.price_list__item-price {
    grid-area: price;
    border-right: 1px solid var(--light_grey);
    /* border-bottom: 1px solid var(--light_grey); */
}

.price_list__item-price>b {
    color: var(--green);
    font-weight: 600;
}

.price_list__item-info {
    grid-area: info;
    /* border-bottom: 1px solid var(--light_grey); */
    border-right: 1px solid var(--light_grey);
}

.price_list__item-name {
    grid-area: name;
    border-right: 1px solid var(--light_grey);
}

.price_list__item-short {
    border-top: 1px solid var(--light_grey);
}

.price_list__item-bot {
    display: grid;
    grid-template-columns: 1fr auto;
}

.price_list__item-comp {
    padding: 0.4rem 0.75rem;
    display: flex;
    /* align-items  : flex-end; */
    flex-direction: column;
    border: 1px solid var(--light_grey);
    /* margin       : 0 0.5rem 0.5rem 0; */
    /* border-radius: 9px; */
    border: none;
    border-right: 1px solid var(--light_grey);
}

.price_list__item-tools {
    grid-area: tools;
    /* border-right: 1px solid var(--light_grey); */
    display: flex;
    flex-direction: column;
}

.price_list__item-tools a {
    padding: 5px 13px 5px 13px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: var(--grey);
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.price_list__item-tools a:hover,
.price_list__item-tools a:focus,
.price_list__item-tools a:active {
    background-color: #f2f6f8;
}

.price_list__item-comp-name {
    /* font-size: 16px; */
    font-size: 14px;
    /* font-weight: 700; */
    font-weight: 500;
    /* color      : var(--green); */
    color: var(--black);
    transition: color 200ms ease;
    margin: 0 0 0.5rem;
    margin-bottom: 4px;
}

.price_list__item-comp-name:hover,
.price_list__item-comp-name:focus-visible,
.price_list__item-comp-name:active {
    color: var(--orange);
}

.price_list__item-comp-phone {
    color: var(--black_text);
    margin: 0 0 0.5rem;
    font-size: 12px;
    margin-bottom: 3px;
}

.price_list__item-comp-phone>svg {
    color: var(--green);
}

.price_list__item-comp-addr {
    margin: 0;
    margin: 0 0.5rem;
    font-size: 12px;
    margin-bottom: 3px;
}

.price_list__item-comp-addr>svg {
    color: var(--orange);
}

.price_list__item-actions {
    grid-area: actions;
    padding: 0.4rem 0.75rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.price_list__item-actions>*:not(:last-child) {
    margin-right: 0.5rem;
}

.price_list__item-actions .btn--price-actions {
    width: 40px;
    height: 40px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.price_list__item-actions .btn--price-actions.--in_fav {
    background-color: #ee5369;
    /* user-select  : none;
    pointer-events  : none !important;
    opacity         : 0.5; */
}

.price_list__item-actions .btn--price-actions>svg {
    margin-right: 0;
}

.price_list__item-actions .btn--price-small {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.callback_seller_name {
    font-size: 1.05rem;
    line-height: 1;
    display: block;
    margin-bottom: 1rem;
}

.callback_seller_name>b {
    color: var(--green);
}

.callback_seller_title {
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.callback_seller_info {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid var(--light_grey);
    border-radius: 9px;
    padding: 10px;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 1rem;
}

.callback_seller_info_col {
    display: flex;
    flex-direction: column;
}

.callback_seller_info_col>p {
    margin: 0;
}

.callback_seller_info_col:nth-child(4)>p {
    font-weight: 700;
    color: var(--green);
}

.callback_seller_panels {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}

.callback_seller_panel {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.callback_seller_panel .form__label {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-weight: 600;
    margin: 0 0 0 20px;
    padding: 0;
    margin-bottom: 15px;
    margin-left: 20px;
}

.callback_seller_panel .form__label .required-mark {
    color: red;
}

.form__grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* grid-template-rows: repeat(2,1fr); */
    grid-gap: 20px;
}

.user__balance .tmg {
    width: 100%;
}

.user__balance #tmg_ps_payment_systems {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.user__balance #tmg_ps_form_next {
    display: flex;
    align-items: center;
    justify-content: center;
}

.user__balance .tmg #tmg_ps_payment_systems .tmg_ps_payment_option input[type="radio"] {
    visibility: hidden;
    opacity: 0;
}

.user__balance h1 {
    font-family: "inter", Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--black);
}

.user__balance .tmg h3 {
    font-size: 20px;
}

.user__balance .tmg #tmg_ps_next_button {
    background: var(--orange);
    color: white;
    border-radius: 60px;
    padding: 12px 26px 12px 26px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    border: none;
    height: inherit;
}

.table_right_button_scroll {
    position: absolute;
    right: -20px;
    top: 50%;
    font-size: 25px;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 5;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: var(--green);
    opacity: 0.7;
    transform: translateY(-50%);
}

.table_right_button_scroll:active,
.table_right_button_scroll:hover,
.table_right_button_scroll:focus {
    color: var(--green);
}

.form-wrap:hover .table_right_button_scroll {
    opacity: 1;
}

.table__content {
    position: relative;
}

.user__balance .tmg #tmg_ps_next_button:hover {
    background: rgb(67, 178, 125);
}

.user__balance .tmg .tmg_ps_paysys.active {
    /* background: rgb(67,178,125);
    background: -moz-linear-gradient(28deg, rgba(67,178,125,1) 3%, rgba(130,255,195,1) 30%, rgba(221,247,235,1) 56%, rgba(130,255,195,1) 76%, rgba(67,178,125,1) 95%);
    background: -webkit-linear-gradient(28deg, rgba(67,178,125,1) 3%, rgba(130,255,195,1) 30%, rgba(221,247,235,1) 56%, rgba(130,255,195,1) 76%, rgba(67,178,125,1) 95%);
    background: linear-gradient(28deg, rgba(67,178,125,1) 3%, rgba(130,255,195,1) 30%, rgba(221,247,235,1) 56%, rgba(130,255,195,1) 76%, rgba(67,178,125,1) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#43b27d",endColorstr="#43b27d",GradientType=1); */
}

.section_page_price_lists {
    margin-top: 0;
}

.section_page_price_lists .form_item_content {
    padding: 11px 26px 15px 26px;
    border-radius: 0;
}

.section_page_price_lists .form_item_content label {
    margin-bottom: 5px;
}

.section_page_price_lists .form_item_content label {
    color: #75838c;
    font-weight: 400;
}

.section_page_price_lists .form_search_price_lists_top .form-group {
    margin-bottom: 0;
}

.section_page_price_lists .form_search_price_lists_right {
    align-items: end;
    height: 100%;
    padding-top: 0;
}

.section_page_price_lists .box_search__form {
    position: relative;
}

.section_page_price_lists .box_search__form button {
    position: absolute;
    right: 5px;
    width: 38px;
    height: 38px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.section_page_price_lists .search__finter_svg_active {
    display: none;
}

.section_page_price_lists .form_search_price_lists_right .--svg_active .search__finter_svg_active {
    display: block;
}

.section_page_price_lists .form_search_price_lists_right .--svg_active .search__finter_svg {
    display: none;
}

.section_page_price_lists .form__input::placeholder {
    color: #75838c !important;
}

.filter_box_grid--item .filter_price_in .form-control::placeholder {
    color: #75838c !important;
}

.price_list__item-comp {
    grid-area: comp;
}


/* .section_page_price_lists .box_search__form .form__input{
    
} */

.group_right_placeholder {
    position: relative;
}

.field-advertsearch-min_price,
.field-advertsearch-max_price {
    position: relative;
    max-width: 222px;
}

.field-advertsearch-min_price::before {
    content: '₽';
    position: absolute;
    right: 23px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #75838c;
    padding: 0;
    margin: 0;
    margin-top: 15px !important;
}

.field-advertsearch-max_price::before {
    content: '₽';
    position: absolute;
    right: 23px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #75838c;
    padding: 0;
    margin: 0;
    margin-top: 15px !important;
}

.placeholder__right {
    position: absolute;
    right: 23px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #75838c;
    padding: 0;
    margin: 0;
    top: 50%;
    margin-top: 12px !important;
    transform: translateY(-50%);
}

.js_nav_drop {
    position: relative;
}

.header_info_center .requests-notif-icon {
    width: 5px;
    height: 5px;
    display: inline-block;
    background: red;
    border-radius: 100px;
    position: relative;
    top: -2px;
}
.header_info_center .requests-notif-count {
    right: 0;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    /* padding: 1px 5px; */
    background-color: var(--green);
    border-radius: 50%;
    color: rgb(255 255 255);
    font-size: 13px;
    font-weight: 500;
    z-index: 2;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header__nav__dropmenu {
    display: none;
    position: absolute;
    left: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    top: 100%;
    max-width: 300px;
    min-width: 187px;
    min-height: 40px;
    z-index: 105;
    padding: 10px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 11%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 11%);
    max-height: 80vh;
    overflow-y: auto;
    border-radius: 3px;
}

.header__nav__dropmenu.right_content {
    right: 0;
    left: inherit;
}


/* .header__nav__dropmenu.right_content ul li a{
    justify-content: flex-end;
}
.header__nav__dropmenu.right_content ul li button{
    justify-content: flex-end;
} */

.header__nav__dropmenu__list {
    flex-direction: column !important;
}

.header__nav__dropmenu__list li {
    border: none !important;
    width: 100%;
}

.header__nav__dropmenu__list li a {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: start;
    padding: 8px 20px 8px 25px !important;
    background-color: #fff;
}

.header__nav__dropmenu__list li button {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: start;
    padding: 8px 20px 8px 25px !important;
    background-color: #fff;
    outline: none;
}

.header__nav__dropmenu__list li a:hover,
.header__nav__dropmenu__list li a:focus,
.header__nav__dropmenu__list li a:active {
    background-color: #f2f6f8;
}

.header__nav__dropmenu__list li button:hover,
.header__nav__dropmenu__list li button:focus,
.header__nav__dropmenu__list li button:active {
    background-color: #f2f6f8;
}

.filter_body {
    background: var(--green);
    border-radius: 27px;
}

@media all and (min-width: 1000px) {
    .js_nav_submenu:focus-within .header__nav__submenu,
    .js_nav_submenu:hover .header__nav__submenu {
        display: block;
        -webkit-animation: navDrop .2s ease;
        animation: navDrop .2s ease
    }
    .js_nav_drop:focus-within .header__nav__dropmenu,
    .js_nav_drop:hover .header__nav__dropmenu {
        display: block;
        -webkit-animation: navDrop .2s ease;
        animation: navDrop .2s ease
    }
}

@media all and (max-width: 1600px) {
    .price_list_items {
        overflow-x: scroll;
    }
    .price_list_items ul {
        min-width: 1600px;
    }
}

@media all and (max-width: 1279px) {
    .price_list__item-table {
        /* grid-template-columns: 15% 1fr 1fr 1fr 15% 10% 10% 10% auto; */
        /* grid-template-columns: 6% 7% 1fr 1fr 5% 6% 6% 6% 1fr auto; */
    }
    .form_search_price_lists_middle_in {
        padding-top: 0;
    }
    .user__balance #tmg_ps_payment_systems {
        grid-template-columns: 100%;
    }
    .user__balance .tmg .tmg_ps_paysys_desc {
        float: inherit;
        width: 100%;
    }
    .user__balance .tmg .tmg_ps_paysys {
        position: relative;
    }
    .user__balance .tmg #tmg_ps_body .tmg_ps_payment_option {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .user__balance .tmg_ps_paysys {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .user__balance .tmg_ps_next_button {
        margin-right: 0;
    }
    .user__balance h1 {
        font-size: 20px;
    }

    .advert-comments-section .comments-list .children{
        padding-left: 2px;
        margin: 16px 0 0 0;
        margin-left: 1vw;
    }
}

@media all and (max-width: 1023px) {


    .price_list_items {
        overflow: inherit;
    }
    .callback_seller_panels {
        grid-template-columns: 100%;
    }

    .comment-author-name span{
        font-size: 12px;
    }
    .comments .comment-date{
        font-size: 12px;
        display: block;
    }

    .advert-comments-section .comments-list .children .comment:after{
        margin-top: -37px;
    }

    .main_message_form{
        max-height: 420px !important;
        min-height: 420px !important;
    }
    .comment-btn{
        font-size: 12px !important;
    }
    .pull-right{
        font-size: 12px;
    }
    .form_search_price_lists {
        grid-template-columns: 100%;
    }
    .form_search_price_lists_middle {
        grid-column: auto;
        grid-row: 2 / 2;
        height: auto;
    }
    .form_search_price_lists_right {
        padding-top: 0;
    }
    .price_list__item-table {
        grid-template-areas: "prod name""numb status""price info""comp comp""actions actions";
        grid-template-columns: 1fr 1fr;
    }
    .price_list__item-prod {
        border-bottom: 1px solid var(--light_grey);
    }
    .price_list__item-numb {
        border-bottom: 1px solid var(--light_grey);
    }
    .price_list__item-name {
        border-bottom: 1px solid var(--light_grey);
        border-right: 0;
    }
    .price_list__item-status {
        border-bottom: 1px solid var(--light_grey);
        border-right: 0;
    }
    .price_list__item-price {
        border-bottom: 1px solid var(--light_grey);
    }
    .price_list__item-comp {
        border-right: 0;
        border-bottom: 1px solid var(--light_grey);
    }
    .price_list__item-info {
        border-bottom: 1px solid var(--light_grey);
        border-right: 0;
    }
    .price_list__item-actions {
        justify-content: center;
    }
    .price_list__item-actions> :not(:last-child) {
        margin-right: 1rem;
    }
    .price_list_items ul {
        min-width: inherit;
    }
    .section_prise_list_main div.price_list_items {
        overflow-x: overflow !important;
    }
    .section_prise_list_main .price_list_items ul {
        min-width: 1200px;
    }
    /* .header__nav__dropmenu {
        display: block;
        position: relative;
        left: 0;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        top: 0;
        max-width: inherit;
        min-width: inherit;
        min-height: inherit;
        z-index: 5;
        padding: 0;
        background-color: inherit;
        -webkit-box-shadow: none;
        box-shadow: none;
        max-height: inherit;
        overflow-y: inherit;
        border-radius: inherit;
    } */
    .form_search_price_lists_middle {
        grid-row: 3;
    }
    .header__nav__dropmenu {
        position: relative;
        top: 0;
        min-width: inherit;
        padding: 0;
        box-shadow: inherit;
        -webkit-box-shadow: inherit;
        max-height: inherit;
        border-radius: 0;
        padding-left: 12px;
    }
    .form_search_price_lists_middle_in {
        padding-top: 7px;
        border-radius: 25px;
    }
    .form_search_price_lists_left {
        padding: 0 3px;
    }
    .js_nav_drop {
        flex-direction: column;
        align-items: flex-start !important;
        position: relative;
    }
    .js_nav_drop::before {
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDE1IDE1IiBmaWxsPSIjNzU4NThlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuMTI0NzkgNi4yNUMzLjEyNDUxIDYuMTAzOTcgMy4xNzUzNyA1Ljk2MjQ1IDMuMjY4NTQgNS44NUMzLjMyMTAxIDUuNzg2NzEgMy4zODU0NSA1LjczNDQgMy40NTgxNyA1LjY5NjA2QzMuNTMwODgNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgNS42NTc3MSAzLjYxMDQ1IDUuNjM0MDkgMy42OTIzMSA1LjYyNjU0QzMuNzc0MTcgNS42MTg5OSAzLjg1NjcyIDUuNjI3NjcgMy45MzUyMiA1LjY1MjA3QzQuMDEzNzIgNS42NzY0OCA0LjA4NjY0IDUuNzE2MTINCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgNC4xNDk3OSA1Ljc2ODc1TDcuNDk5NzkgOC41Njg3NUwxMC44NTYgNS44Njg3NUMxMC45MiA1LjgxNjg0IDEwLjk5MzUgNS43NzgwNyAxMS4wNzI1IDUuNzU0NjdDMTEuMTUxNSA1LjczMTI4IDExLjIzNDMNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgNS43MjM3MiAxMS4zMTYyIDUuNzMyNDNDMTEuMzk4IDUuNzQxMTQgMTEuNDc3NCA1Ljc2NTk1IDExLjU0OTcgNS44MDU0NEMxMS42MjIgNS44NDQ5MiAxMS42ODU3IDUuODk4MyAxMS43MzczDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDUuOTYyNUMxMS43OTQyIDYuMDI3MTcgMTEuODM3MSA2LjEwMjkgMTEuODYzNCA2LjE4NDk0QzExLjg4OTYgNi4yNjY5NyAxMS44OTg2IDYuMzUzNTUgMTEuODg5OCA2LjQzOTI0QzExLjg4MSA2LjUyNDkyDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDExLjg1NDYgNi42MDc4NiAxMS44MTIyIDYuNjgyODVDMTEuNzY5OCA2Ljc1Nzg0IDExLjcxMjQgNi44MjMyNiAxMS42NDM1IDYuODc1TDcuODkzNTQgOS44OTM3NUM3Ljc4MTcxIDkuOTg1NjggNy42NDE0Mw0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAxMC4wMzU5IDcuNDk2NjcgMTAuMDM1OUM3LjM1MTkgMTAuMDM1OSA3LjIxMTYzIDkuOTg1NjggNy4wOTk3OSA5Ljg5Mzc1TDMuMzQ5NzkgNi43Njg3NUMzLjI3NDE2IDYuNzA2MDUgMy4yMTQzNyA2LjYyNjQxDQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDMuMTc1MjggNi41MzYyOEMzLjEzNjE4IDYuNDQ2MTQgMy4xMTg4OSA2LjM0ODA3IDMuMTI0NzkgNi4yNVoiIGZpbGw9IiM3NTg1OGUiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+');
        position: absolute;
        right: 8px;
        top: 18px;
        /* height: 0;
        width    : 100%; */
        height: 10px;
        width: 10px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        z-index: 1;
    }
    .--is-active.js_nav_drop::before {
        top: 13px;
        transform: rotate(180deg) translate(6px);
    }
    .js_nav_drop {
        width: 100%;
    }
    .js_nav_drop>a>svg {
        /* display: none; */
    }
    .js_nav_drop.--is-active .header__nav__dropmenu {
        display: block;
    }
    .header__nav__dropmenu__list li a {
        padding: 8px 13px 8px 17px !important;
    }
    .section__page_form .form_search_price_lists_middle_in .select2-container--default .select2-selection--single {
        background-color: #f2f2f2 !important;
    }
}

@media all and (max-width: 767px) {
    .form_search_price_lists_middle_in {
        /* grid-template-columns: 100%; */
        grid-template-columns: 1fr 1fr;
    }
    .form_search_price_lists_middle_in .form-group:nth-child(1) {
        grid-column: 1 /span 2;
    }
    .form_search_price_lists_middle_in .form-group:nth-child(2) {
        grid-column: 1 /span 2;
    }
    .placeholder__right {
        margin-top: 14px !important;
    }
    .price_list__item-bot {
        grid-template-columns: 100%;
    }
    .price_list__item-comp {
        /* margin: 0.5rem; */
        align-items: flex-start;
    }
    .form__grid-2 {
        grid-template-columns: 100%;
        grid-gap: 0;
    }
    .user__balance h1 {
        font-size: 16px;
    }
    .form_search_price_lists_right {
        justify-content: center;
    }
    .section_page_price_lists .form_search_price_lists_top .form-group {
        margin-bottom: 9px;
    }
}

@media all and (max-width: 575px) {
    .table_right_button_scroll {
        opacity: 1;
    }
    .callback_seller_info {
        grid-template-columns: 100%;
    }
    .price_list__item-table {
        grid-template-areas: "prod prod""name name""numb status""price info""comp comp""actions actions";
        grid-template-columns: 1fr 1fr;
    }
    .price_list__item-prod {
        border-right: 0;
    }
    .time-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 18px;
        margin-left: 0;
        padding-right: 3px;
        padding-left: 3px;
    }
    .grid_mb_2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 5px;
    }
    .group_grid_items .form__input {
        -webkit-appearance: none;
    }
    .field-shop-bank_name {
        /* width: 120px; */
        -webkit-appearance: none;
    }
    .field-shop-r_bill {
        /* width: 120px; */
        -webkit-appearance: none;
    }
    .field-shop-k_bill {
        -webkit-appearance: none;
        /* width          : 120px; */
    }
    .field-shop-bik {
        -webkit-appearance: none;
        /* width          : 120px; */
    }
    .price_lists_overflow .price_list__item-td {
        border-right: 1px solid var(--light_grey);
        font-size: 12px;
    }
    .section_prise_list_main .price_list_items ul {
        min-width: 1000px;
    }
    .price_list__item-table-load {
        grid-template-columns: 10% 10% 30% 9% 10% auto;
    }
    .price_list__item-table-demo {
        grid-template-columns: 10% 10% 30% 9% 10% auto;
    }
    .price_list__item-tools a {
        font-size: 11px;
    }
    .form__line__sample .form__input {
        max-height: 31px;
        min-height: 31px;
        font-size: 12px;
    }
}

@media all and (max-width: 440px) {
    .form_search_body {
        font-size: 12px;
    }
    .form_search_body .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 10px;
    }
    .user_subject_item-phone {
        grid-column: 1 / span 2;
    }
    #advert_view_slider .splide__slide.active .advert_view_slide_body {
        height: 62px;
    }
    #advert_view_slider .splide__slide .advert_view_slide_body {
        height: 62px;
    }
}

@media all and (max-width: 1020px) {
    .svg_position--menu {
        left: 16px;
        top: 11px;
    }
    .form_search_price_lists_top {
        grid-template-columns: 100%;
    }
    .header_info_center ul {
        flex-direction: column;
        align-items: flex-start;
    }
    .header_info_center {
        width: 100%;
    }
    .header_info_right {
        background-color: #fff;
    }
    .header_info_right ul li>form {
        margin-left: 0;
    }
    .header__nav__dropmenu__list li button,
    .header__nav__dropmenu__list li a,
    .header_info_center ul li a,
    .header_info_right ul li a,
    .header_info_left ul li a {
        padding: 11px 15px !important;
        font-size: 16px !important;
    }
    .header_info_left ul li,
    .header_info_right ul li,
    .header_info_center ul li {
        width: 100%;
        border-bottom: 1px solid var(--light_grey);
    }
    .header_info_right {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .header_info_left {
        margin-bottom: 0px;
    }
    .btn__filter {
        margin-right: 10px !important;
    }
    .section_page_price_lists .box_search__form button {
        top: -3px;
    }
    .header_body_menu>a,
    #btn_menu {
        min-width: 250px;
        width: 100%;
        justify-content: center;
    }
    .header--border {
        border-bottom: none;
    }
    .filter .header_body_search {
        margin: 0 !important;
    }
    .filter .form_search_btn svg path {
        fill: #fff;
    }
    .section__page_form .filter .select2-container--default .select2-selection--single {
        background-color: #f5f5f5 !important;
    }
    .user_contacts_filter-select .select2-container--default .select2-selection--single {
        background-color: #fff !important;
    }
    .user_subject_item-body {
        position: relative;
    }
    .user_subject_item-body {
        padding: 12px 10px;
    }
    .user_contacts_filter-group_item {
        height: 40px;
        font-size: 18px;
    }
    .user_subject_item-contant {
        grid-template-columns: 1fr 1fr;
        grid-gap: 0.75px;
    }
    .user_subject_item-box_name {
        grid-column: 1 / span 2;
    }
    .user_subject_item-phone {
        font-size: 13px;
        color: #242728;
    }
    .user_subject_item-count {
        position: absolute;
        top: 6px;
        right: 8px;
        grid-column: 1 / span 2;
    }
    .user_subject_item-date {
        display: flex;
        justify-content: flex-end;
        font-size: 12px;
        grid-column: 1 / span 2;
    }
    .user_subject_item-name {
        margin-right: 10px;
        font-size: 1rem;
    }
    .user_subject_item-type {
        position: absolute;
        bottom: 10px;
        left: 17px;
    }
    .user_subject_filter-content {
        grid-template-columns: 1fr auto;
        grid-gap: 0.25rem;
    }
    .advert-comments-section .h3-body-title {
        font-size: 20px;
    }
    .advert-descr h4 a {
        font-size: 16px;
    }
    .advert-comments-section {
        margin-top: 30px;
    }
}

.header__nav__dropmenu__list li button {
    padding-left: 50px !important;
}

.form_input_file {
    position: relative;
}


/* .select__sample{
    padding-right: 72px !important;
} */

.section_add_price-list .form__input::placeholder {
    color: #75838c !important;
}

.section_edit_price-list .form_radio label {
    margin-left: 0;
    margin-right: 24px;
}

.section_edit_price-list .controls .radio {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    line-height: 18px;
    user-select: none;
    font-weight: 400;
}

.input-file {
    position: relative;
    display: inline-block;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.input-file span {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-size: 14px;
    vertical-align: middle;
    color: rgb(255 255 255);
    text-align: center;
    border-radius: 4px;
    background-color: var(--green);
    line-height: 22px;
    height: 40px;
    padding: 10px 20px;
    box-sizing: border-box;
    border: none;
    margin: 0;
    transition: background-color 0.2s;
    border-radius: 33px;
    min-height: 44px;
    max-height: 44px;
}

.input-file input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}


/* Focus */

.input-file input[type=file]:focus+span {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}


/* Hover/active */

.input-file:hover span {
    background-color: #59be6e;
}

.input-file:active span {
    background-color: #2E703A;
}


/* Disabled */

.input-file input[type=file]:disabled+span {
    background-color: #eee;
}

.buttons_bottom_tools {
    margin-top: 2rem;
}

.section_edit_price-list .form_radio input[type="radio"]:checked+label::before {
    background: url(/img/radio-2.png) 0 0 no-repeat;
}

.section_edit_price-list .form_radio label {
    margin-left: 0;
    margin-right: 24px !important;
}

.section_edit_price-list .form__input::placeholder {
    color: #75838c !important;
}

.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.margin-top-bottom {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

input.btn[disabled~="disabled"] {
    background-color: #5a6268;
    pointer-events: none;
}


/* .table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.table-responsive::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(32, 124, 33, .9);
    -webkit-box-shadow: 0 0 1px rgba(333, 66, 33, .5);
}

.table-responsive{
    -webkit-overflow-scrolling: inherit !important;
    scrollbar-width: thin !important;
} */

.table-responsive {
    scrollbar-width: thin;
    scrollbar-color: #cecece #fff;
}

.table-responsive:-webkit-scrollbar {
    width: 11px;
}

.table-responsive:-webkit-scrollbar-track {
    background: #fff;
}

.table-responsive:-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 3px solid #fff;
}


/* webkit browsers */

.table-responsive::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar-thumb {
    /* background-color: #fff; */
    border-radius: 8px;
    height: 8px;
    box-shadow: 5px 1px 21px -12px rgb(333 222 1 / 20%);
}

.table-responsive::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 10px #cecece;
}

.group_right_placeholder {
    /* margin-bottom: 0;
    padding-bottom: 0; */
}

.form_search_price_lists .form_search_price_lists_middle .form-group {
    margin-bottom: 0;
}

@media all and (max-width: 410px) {
    .btn_active-green span {
        font-size: 8px;
        width: 14px;
        height: 14px;
    }
    .user_convert_text {
        font-size: 16px;
    }
    .btn_box--center a {
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .user_subject_filter-tabs label {
        padding: 9px 20px 9px 7px !important;
        font-size: 8px !important;
    }
    .user_contacts_filter-group_item {
        font-size: 15px;
    }
    .user_contacts_filter-tabs label {
        padding: 9px 20px 9px 7px !important;
        font-size: 8px !important;
    }
    .user_subject_filter-group_item {
        font-size: 15px;
    }
}


/* #region shop deteil */

.section_deteil_shop {
    margin-top: 0;
    margin-bottom: 20px;
}

.shop_title {
    display: grid;
    align-items: center;
    grid-template-columns: 80px 1fr;
    grid-gap: 20px;
}

.shop--box_logo {
    width: 80px;
    margin: 0px !important;
}

.shop--logo {
    height: 80px;
    object-fit: cover;
    /* border-radius: 20px; */
    /* box-shadow: 0 0 10px 0 black; */
    /* padding: 5px; */
    /* background: #e1e1e1; */
}

.shop--grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-gap: 20px;
}

.shop__left {
    padding-top: 10px;
}

.shop__left--text {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 1rem;
    color: #000;
}

.shop__right {
    background: #f2f6f8;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 34px;
    display: flex;
    justify-content: space-between;
    color: #75858e;
    padding: 17px;
    flex-direction: column;
}

.shop_view--items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.page_box--success {
    padding: 10px 16px;
    border-radius: 8px;
    /*background-color: #43b37d26;*/
}

.page_box--success p {
    margin-bottom: 0;
}

.box_buttons a {
    background-color: var(--green);
    color: white;
    border-radius: 60px;
    padding: 12px 26px 12px 26px;
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    border: 0;
    outline: none !important;
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    margin-top: 15px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.box--center {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.box_buttons a:hover,
.box_buttons a:active,
.box_buttons a:focus {
    background-color: var(--orange);
    color: #fff;
    box-shadow: 0px 2px 4px 0 rgb(0 0 0 / 15%);
}

.advert-description-block {
    word-break: break-word;
}

@media all and (max-width: 820px) {
    .shop--grid {
        grid-template-columns: 100%;
    }
    .shop_view--items .cart--itm {
        margin-bottom: 25px;
    }
}

@media all and (max-width: 1680px) {
    .cityConfirmModal {
        left: 68%;
    }
}

@media all and (min-width: 1920px) {
    .cityConfirmModal {
        left: 66%;
    }
}

@media all and (min-width: 2560px) {
    .cityConfirmModal {
        left: 62%;
    }
}

@media all and (min-width: 3840px) {
    .cityConfirmModal {
        left: 58%;
    }
}

.main_message_form {
    background-color: #f2f6f8;
    border-radius: 12px;
    padding: 0.75rem 0.75rem;
    max-height: 550px;
    min-height: 550px;
    overflow-y: scroll;
}


.container__alerts .close {
    line-height: 0.7em;
}

/* #endregion */