@font-face {
    font-family: 'Plus Jakarta Sans ExtraLight';
    src: url('../fonts/PlusJakartaSans-ExtraLight.eot');
    src: url('../fonts/PlusJakartaSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-ExtraLight.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-ExtraLight.woff') format('woff'),
        url('../fonts/PlusJakartaSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans Light';
    src: url('../fonts/PlusJakartaSans-Light.eot');
    src: url('../fonts/PlusJakartaSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-Light.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Light.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans Regular';
    src: url('../fonts/PlusJakartaSans-Regular.eot');
    src: url('../fonts/PlusJakartaSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-Regular.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Regular.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans Medium';
    src: url('../fonts/PlusJakartaSans-Medium.eot');
    src: url('../fonts/PlusJakartaSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-Medium.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Medium.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans SemiBold';
    src: url('../fonts/PlusJakartaSans-SemiBold.eot');
    src: url('../fonts/PlusJakartaSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-SemiBold.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-SemiBold.woff') format('woff'),
        url('../fonts/PlusJakartaSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans Bold';
    src: url('../fonts/PlusJakartaSans-Bold.eot');
    src: url('../fonts/PlusJakartaSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-Bold.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Bold.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans ExtraBold';
    src: url('../fonts/PlusJakartaSans-ExtraBold.eot');
    src: url('../fonts/PlusJakartaSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-ExtraBold.woff') format('woff'),
        url('../fonts/PlusJakartaSans-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --main-color: #6B6B6B;
    --black-color: #000000;
    --white-color: #ffffff;
    --dark-color: #18120F;
    --red-color: #dc3232;
    --red2-color: #E2362F;
    --red3-color: #FFE2E0;
    --grey1-color: #EBF0ED;
    --grey2-color: #FAFAFA;
    --grey3-color: #FDFDFD;
    --grey4-color: #EBEBEB;
    --grey5-color: #C0B7D8;
    --grey6-color: #FBFBFB;
    --grey7-color: #f5f5f5;
    --grey8-color: #AEAEAE;
    --pink-color: #554187;
    --pink2-color: #D5C9FB;
    --pink3-color: #735BB2;
    --pink4-color: #F3EFFF;
    --pink5-color: #FE00A1;
    --green-color: #15CAB8;
    --green2-color: #036666;
    --green3-color: #D3FFE3;
    --orange-color: #FEC600;
    font-variant-ligatures: none;
}

body {
    font-family: 'Plus Jakarta Sans Regular';
    color: var(--main-color);
    font-size: 0.73vw;
    line-height: 1.04vw;
    position: relative;
    background-color: var(--white-color);
}

hr {
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 0.05vw solid var(--grey1-color);
    margin-bottom: 1.46vw;
}

.logo {
    width: 6.25vw;
    height: auto;
    fill: none;
}

a {
    text-decoration: none;
    color: var(--pink-color);
    font-family: 'Plus Jakarta Sans SemiBold';
}

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

b,
strong {
    font-family: 'Plus Jakarta Sans Bold';
}

.error-message {
    color: var(--red-color);
    margin-top: 0.1vw;
    font-size: 0.68vw;
}

.text-danger {
    color: var(--red-color);
}

.text-info {
    color: var(--pink-color);
}

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

h3 {
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.63vw;
    line-height: 0.83vw;
    text-transform: uppercase;
    margin-bottom: 0.89vw;
}

.description {
    color: var(--main-color);
    font-size: 0.73vw;
    line-height: 1.04vw;
    font-family: 'Plus Jakarta Sans Regular';
}

.description p,
.description ul,
.description ol {
    margin-bottom: 1.04vw;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea {
    display: block;
    height: 2.34vw;
    border-radius: 0.52vw;
    border: 0.05vw solid var(--grey1-color);
    background: var(--grey2-color);
    padding-left: 0.83vw;
    padding-right: 0.83vw;
    width: calc(100% - 1.77vw);
    color: var(--main-color) !important;
    font-family: 'Plus Jakarta Sans Regular';
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.04vw;
}

textarea {
    padding-top: 0.78vw;
    padding-bottom: 0.78vw;
    height: 6.77vw;
}

button,
.button {
    border-radius: 0.52vw;
    background: var(--pink-color);
    border: 0;
    color: var(--white-color);
    text-align: center;
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.78vw;
    line-height: 1.04vw;
    padding-left: 1.56vw;
    padding-right: 1.56vw;
    cursor: pointer;
}

button {
    height: 1.93vw;
}

.button {
    padding-top: 0.36vw;
    padding-bottom: 0.42vw;
}

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

.button3 {
    background-color: var(--grey8-color);
}

.button4 {
    padding-top: 0.31vw !important;
    padding-bottom: 0.36vw !important;
    border: 0.05vw solid var(--red2-color);
    color: var(--red2-color);
    background-color: var(--white-color);
}

.btnico {
    width: 1.3vw;
    height: 1.3vw;
    border-radius: 0.31vw;
    background: var(--pink5-color);
    display: flex;
    color: var(--white-color);
    justify-content: center;
    align-items: center;
}

input,
input:-webkit-autofill {
    background-color: var(--grey2-color);
    -webkit-box-shadow: 0 0 0 52.08vw var(--grey2-color) inset !important;
    color: var(--main-color) !important;
}

.uploader .uploader-image {
    cursor: pointer;
}

.uploader .input {
    display: none;
}

.uploader .uploader-imagearea {
    position: relative;
}

.uploader .uploader-loading {
    width: 1.56vw;
    height: 1.56vw;
    position: absolute;
    right: -0.68vw;
    bottom: -0.52vw;
    display: none;
}

.uploader .uploader-icon {
    width: 1.25vw;
    height: 1.25vw;
    background-color: var(--pink-color);
    position: absolute;
    bottom: -0.36vw;
    right: -0.52vw;
    border-radius: 0.78vw;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.uploader .uploader-icon svg.ico_camera path {
    fill: var(--white-color);
}

.uploader .uploader-error {
    color: var(--red2-color);
    font-size: 0.63vw;
    padding-right: 1.04vw;
}

.gallery .input {
    display: none;
}

.gallery .gallery-drop {
    cursor: pointer;
}

.gallery .gallery-item {
    margin-top: 0.73vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 0.83vw;
    row-gap: 0%;
}

.gallery .gallery-item img {
    width: 100%;
    margin-bottom: 0.83vw;
    display: block;
    border-radius: 0.36vw;
}

.gallery .gallery-item div {
    position: relative;
}

.gallery .gallery-error {
    color: var(--red2-color);
    font-size: 0.63vw;
}

.gallery .gllery-remove {
    position: absolute;
    position: absolute;
    right: -0.36vw;
    top: -0.47vw;
    font-size: 0.94vw;
    cursor: pointer;
}

.gallery .gallery-loading {
    display: none;
}

.gallery .gallery-loading img {
    width: 2.6vw;
}

.status {
    border-radius: 0.52vw;
    display: inline-block;
    font-family: 'Plus Jakarta Sans Regular';
    font-size: 0.63vw;
    line-height: 1.04vw;
    display: inline-flex;
    padding: 0.26vw 0.73vw;
}

.status-succes {
    border: 0.05vw solid var(--green-color);
    background: var(--green3-color);
    color: var(--green2-color);
}

.status-primary {
    border: 0.05vw solid var(--main-color);
    background: var(--grey7-color);
    color: var(--main-color);
}

.status-warning {
    border: 0.05vw solid orange;
    background: var(--white-color);
    color: orange;
}

.status-danger {
    border: 0.05vw solid var(--red-color);
    background: var(--red3-color);
    color: var(--red-color);
}

.category {
    border-radius: 0.52vw;
    border: 0.05vw solid var(--pink-color);
    background: var(--pink4-color);
    padding: 0.26vw 0.73vw;
    display: inline-block;
    color: var(--pink-color);
    font-family: 'Plus Jakarta Sans Regular';
    font-size: 0.68vw;
    line-height: 1.04vw;
    max-width: 9.06vw;
}

.category-green {
    border: 0.05vw solid var(--green-color);
    background: var(--green3-color);
    color: var(--green2-color);
}

.category-danger {
    border: 0.05vw solid var(--red2-color);
    background: var(--white-color);
    color: var(--red2-color);
}

table {
    width: 100%;
    margin-bottom: 1.2vw;
}

table thead th {
    color: var(--main-color);
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.63vw;
    line-height: 0.83vw;
    text-transform: uppercase;
    text-align: left;
    padding-top: 0.89vw;
    padding-bottom: 0.89vw;
}

table thead th.sort {
    cursor: pointer;
}

table thead th svg {
    margin-left: 0.47vw;
}

table thead tr {
    border-bottom: 0.05vw solid var(--grey1-color);
}

table thead th:first-child {
    padding-left: 1.15vw;
}

table tbody tr {
    border-bottom: 0.05vw solid var(--grey1-color);
}

table tbody td {
    color: var(--main-color);
    font-family: 'Plus Jakarta Sans Regular';
    font-size: 0.73vw;
    line-height: 1.04vw;
    padding-top: 0.36vw;
    padding-bottom: 0.36vw;
    vertical-align: middle;
}

.flash {
    display: flex;
    gap: 0.47vw;
    position: absolute;
    top: -0.89vw;
    left: 18.39vw;
    display: none;
}

.flash__ico {
    width: 1.77vw;
    height: 1.77vw;
    border-radius: 0.52vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flash__alert {
    height: 1.82vw;
    border-radius: 0.52vw;
    display: flex;
    align-items: center;
    padding-left: 1.82vw;
    padding-right: 1.82vw;
    color: var(--white-color);
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.63vw;
    line-height: 0.83vw;
    text-transform: uppercase;
    padding-top: 0.05vw;
}

.flash--success .flash__ico {
    border: 0.05vw solid var(--green-color);
}

.flash--success svg path {
    fill: var(--green-color);
}

.flash--success .flash__alert {
    background: var(--green-color);
}

.flash--error .flash__ico {
    border: 0.05vw solid var(--red2-color);
}

.flash--error svg path {
    fill: var(--red2-color);
}

.flash--error .flash__alert {
    background: var(--red2-color);
}

.flash--warning .flash__ico {
    border: 0.05vw solid var(--orange-color);
}

.flash--warning svg path {
    fill: var(--orange-color);
}

.flash--warning .flash__alert {
    background: var(--orange-color);
}

.flash--info .flash__ico {
    border: 0.05vw solid var(--pink-color);
}

.flash--info svg path {
    fill: var(--pink-color);
}

.flash--info .flash__alert {
    background: var(--pink-color);
}

.login-flash .flash {
    position: relative;
    top: auto;
    left: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 1.25vw;
}

svg.ico_start {
    width: 0.83vw;
    height: auto;
}

svg.ico_accept {
    width: 0.89vw;
    height: auto;
}

svg.ico_basket {
    width: 0.83vw;
    height: auto;
}

svg.ico_settings {
    width: 0.94vw;
    height: auto;
}

svg.ico_logout {
    width: 0.94vw;
    height: auto;
}

svg.ico_message {
    width: 1.09vw;
    height: auto;
    margin-left: -0.1vw;
}

svg.ico_title {
    width: 1.09vw;
    height: auto;
}

svg.ico_search {
    width: 1.25vw;
    height: 1.25vw;
}

svg.ico_bell {
    width: 1.25vw;
    height: auto;
}

svg.ico_flash {
    width: 1.04vw;
    height: 1.04vw;
}

svg.ico_sort {
    width: 0.31vw;
    height: 0.63vw;
}

svg.ico_camera {
    width: 0.57vw;
    height: 0.52vw;
}

svg.ico_list {
    width: 0.83vw;
    height: 0.73vw;
}

svg.ico_payment {
    width: 0.78vw;
    height: 0.78vw;
}

svg.ico_client {
    width: 0.83vw;
    height: 0.83vw;
}

svg.ico_contractor {
    width: 0.89vw;
    height: 0.78vw;
}

svg.ico_adv {
    width: 0.83vw;
    height: auto;
}

form .input {
    margin-bottom: 1.25vw;
}

form label {
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.78vw;
    line-height: 1.25vw;
    text-transform: uppercase;
    display: block;
    text-align: left;
    padding-left: 0.42vw;
    margin-bottom: 0.31vw;
}

section.loginform {
    width: 31.25vw;
    padding-left: 4.17vw;
    padding-right: 4.17vw;
    padding-bottom: 1.56vw;
    border-radius: 1.04vw;
    background: var(--white-color);
    box-shadow: 0 0.26vw 1.56vw 0 rgba(0, 0, 0, 0.03);
    position: absolute;
    top: 1.04vw;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
}

section.loginform .loginform__logo {
    padding-top: 2.29vw;
}

section.loginform h1 {
    margin-top: 0.42vw;
    margin-bottom: 2.03vw;
    color: var(--dark-color);
    font-family: 'Plus Jakarta Sans Regular';
    font-size: 1.67vw;
    line-height: 2.08vw;
    font-weight: normal;
}

section.loginform .loginform__button {
    margin-bottom: 1.25vw;
}

section.loginform button {
    height: 2.6vw;
    padding: 0;
    width: 100%;
}

section.loginform .loginform__remember {
    margin-bottom: 0.94vw;
}

section.loginform .loginform__back {
    margin-top: 1.04vw;
}

section.loginform a {
    font-size: 0.78vw;
}

section.registerform {
    height: auto;
}

section.registerform h1 {
    margin-bottom: 0.42vw;
}

section.registerform .loginform__logo {
    padding-top: 0.83vw;
}

section.registerform .registerform__info {
    margin-bottom: 0.83vw;
}

section.registerform form .input {
    margin-bottom: 0.94vw;
}

section.contractorForm form .input {
    margin-bottom: 0.63vw;
}

section.registerform .registerform__button {
    padding-top: 0.31vw;
}

section.registerform form .form_col {
    position: relative;
}

section.registerform #location_search_results {
    bottom: 2.86vw;
    top: auto;
}

.panel {
    width: 96.67vw;
    margin: 0 auto;
    margin-top: 1.67vw;
    display: flex;
    gap: 1.67vw;
}

.panel .panel__left {
    width: 15.42vw;
}

.panel .panel__right {
    width: 79.58vw;
    margin-bottom: 1.67vw;
}

.panel .panel__content {
    margin-top: 1.2vw;
    border-radius: 1.04vw;
    background: var(--grey6-color);
    padding-left: 1.3vw;
    padding-right: 1.3vw;
    padding-top: 1.04vw;
    padding-bottom: 1.15vw;
}

.panel .panel__green {
    background-color: var(--green-color);
}

.panel .panel_header {
    margin-bottom: 1.3vw;
}

.panel .panel__body {
    background-color: var(--white-color);
    padding-left: 0.83vw;
    padding-right: 0.83vw;
    padding-top: 1.04vw;
    padding-bottom: 1.04vw;
    border-radius: 0.83vw;
    border: 0.05vw solid var(--grey1-color);
}

.panel .panel__bodynp {
    padding: 0;
}

.panel .panel__bodynbg {
    border: 0;
    background: none;
}

.panel .panel__content h2 {
    color: var(--main-color);
    font-family: 'Plus Jakarta Sans Light';
    font-size: 1.25vw;
    line-height: 1.56vw;
    font-weight: normal;
}

.panel .panel__green h2 {
    color: var(--white-color);
}

.panel button {
    height: 1.88vw;
}

.panel .button {
    padding: 0.36vw 1.04vw;
    padding-bottom: 0.42vw;
    display: inline-block;
}

.panel .select2-container .select2-selection--single {
    height: 1.77vw;
}

.panel .select2-container--default .select2-selection--single {
    background-color: var(--white-color);
    border-radius: 0.52vw;
    border: 0.05vw solid var(--green-color);
}

.panel .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--main-color);
    font-family: 'Plus Jakarta Sans Regular';
    font-size: 0.73vw;
    line-height: 1.61vw;
}

.panel .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 1.04vw;
    padding-right: 1.04vw;
}

.panel .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 1.67vw;
    width: 1.51vw;
}

.panel .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--green-color) transparent transparent transparent;
    border-width: 0.36vw 0.31vw 0.31vw;
    margin-left: -0.36vw;
    margin-top: -0.16vw;
}

.panel .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--green-color) transparent;
    border-width: 0 0.31vw 0.36vw 0.31vw;
}

.panel .panel__box {
    border-radius: 0.31vw;
    border: 0.05vw solid var(--grey1-color);
    background: var(--white-color);
    padding: 0.83vw;
    padding-bottom: 0;
}

section.menu {
    width: 100%;
    height: 43.96vw;
    border-radius: 0.52vw;
    background: var(--pink-color);
    position: sticky;
    top: 1.67vw;
}

section.menu .menu__top {
    padding-top: 1.25vw;
    padding-left: 1.25vw;
    display: flex;
    gap: 0.83vw;
    color: var(--grey4-color);
    margin-bottom: 0.68vw;
}

section.menu .menu__top svg.logo {
    width: 3.65vw;
    height: auto;
}

section.menu .menu__hello {
    margin-top: 0.52vw;
    font-family: 'Plus Jakarta Sans Light';
    font-size: 1.46vw;
    line-height: 1.46vw;
    margin-bottom: 0.16vw;
}

section.menu .menu__user {
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.68vw;
    line-height: 1.46vw;
}

section.menu .menu__menu {
    padding-left: 1.25vw;
    color: var(--grey5-color);
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.73vw;
    line-height: 0.94vw;
    text-transform: uppercase;
    margin-bottom: 1.25vw;
}

section.menu nav a {
    border-left: 0.21vw solid var(--pink-color);
    display: flex;
    gap: 0.78vw;
    height: 1.77vw;
    padding-left: 1.04vw;
    align-items: center;
    margin-bottom: 1.46vw;
}

section.menu nav li a:hover,
section.menu nav li.active a {
    border-left: 0.21vw solid var(--pink2-color);
}

section.menu nav a span {
    color: var(--white-color);
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.78vw;
    line-height: 1.04vw;
}

section.menu nav.admin a {
    margin-bottom: 0.84vw;
}

section.menu nav svg {
    fill: none;
}

section.menu nav svg path {
    fill: var(--white-color);
}

section.menu nav svg polygon {
    fill: var(--white-color);
}

section.menu nav.menu__ms ul a {
    margin-bottom: 0.78vw;
}

section.menu .menu__bottom {
    position: absolute;
    left: 0;
    bottom: 1.46vw;
    width: 100%;
}

section.menu hr {
    padding: 0;
    margin: 0;
    margin-left: 1.25vw;
    margin-right: 1.25vw;
    margin-bottom: 1.25vw;
    border: 0;
    border-bottom: 0.05vw solid var(--pink3-color);
}

section.header {
    display: flex;
    padding-top: 0.94vw;
}

section.header svg.ico_title path {
    fill: var(--pink-color);
}

section.header .header__title {
    display: flex;
    gap: 0.99vw;
    align-items: center;
    width: 34.38vw;
}

section.header .header__title h1 {
    color: var(--dark-color);
    font-family: 'Plus Jakarta Sans Light';
    font-size: 1.67vw;
    line-height: 2.08vw;
    font-weight: normal;
}

section.header .header__info {
    width: 26.46vw;
}

section.header .header__search {
    width: 3.07vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

section.header .header__search svg {
    cursor: pointer;
}

section.header .header__alert {
    width: 2.76vw;
    margin-right: 1.98vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

section.header .header__alert1 {
    margin-right: 0;
}

section.header .header__alert .ico_message {
    width: 1.3vw;
    height: auto;
}

section.header .header__alert .ico_message path {
    fill: var(--green-color);
}

section.header .header__count {
    width: 0.78vw;
    height: 0.78vw;
    background-color: var(--red2-color);
    display: flex;
    color: var(--white-color);
    font-family: 'Plus Jakarta Sans Regular';
    font-size: 0.63vw;
    line-height: 0.83vw;
    border-radius: 0.78vw;
    justify-content: center;
    position: absolute;
    right: -0.26vw;
    top: 0.42vw;
}

section.header .header__alert svg.ico_bell {
    cursor: pointer;
}

section.header .header__alert svg.ico_bell path {
    fill: var(--green-color);
}

section.header .header__user {
    width: 10.89vw;
    border-left: 0.05vw solid var(--grey1-color);
    height: 2.86vw;
}

section.header .header__user a {
    display: flex;
    gap: 0.52vw;
    align-items: center;
    color: var(--dark-color);
}

section.header .header__letter {
    width: 2.08vw;
    height: 2.08vw;
    background-color: var(--green-color);
    font-family: 'Plus Jakarta Sans ExtraBold';
    color: var(--white-color);
    font-size: 1.2vw;
    line-height: 0.83vw;
    border-radius: 1.15vw;
    display: flex;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    margin-left: 1.82vw;
}

section.header .header__image {
    width: 2.08vw;
    height: 2.08vw;
    margin-left: 1.82vw;
}

section.header .header__image img {
    width: 100%;
    display: block;
    border-radius: 1.15vw;
}

section.header .header__username {
    font-family: 'Plus Jakarta Sans Regular';
    font-size: 0.78vw;
    line-height: 1.04vw;
    width: 6.25vw;
    overflow: hidden;
}

section.header .header__role {
    font-family: 'Plus Jakarta Sans Regular';
    font-size: 0.63vw;
    line-height: 0.83vw;
    color: var(--main-color);
}

table td.categoryfield {
    border-left: 0;
    padding-left: 0.94vw;
}

table td.categoryfield--npl {
    padding-left: 0;
}

table td.categoryfield--new {
    border-left: 0.26vw solid var(--green-color);
    padding-left: 0.68vw;
}

table td.categoryfield .categoryfield__row {
    display: flex;
    gap: 0.94vw;
    align-items: center;
}

table td.categoryfield .categoryfield__number {
    margin-top: 0.1vw;
    font-family: 'Plus Jakarta Sans Regular';
    color: var(--main-color);
    font-size: 0.63vw;
    line-height: 1.04vw;
}

table td.categoryfield img {
    border-radius: 0.42vw;
    width: 2.08vw;
    height: 2.08vw;
}

table td.categoryfield .categoryfield__new {
    width: 2.4vw;
    height: 0.78vw;
    border-radius: 0.16vw;
    background: var(--green-color);
    color: var(--white-color);
    font-family: 'Plus Jakarta Sans ExtraBold';
    font-size: 0.63vw;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-transform: uppercase;
}

table td.categoryfield .categoryfield--hidden {
    visibility: hidden;
}

table td.categoryfield .categoryfield--col1 {
    text-align: center;
}

table td div.userfield {
    color: var(--dark-color);
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.78vw;
    line-height: 1.04vw;
}

table td div.price {
    color: var(--pink-color);
    font-family: 'Plus Jakarta Sans Bold';
    font-size: 0.73vw;
    line-height: 1.04vw;
}

.settings {
    display: flex;
    gap: 1.67vw;
}

.settings .settings--col1 {
    width: 25.42vw;
}

.settings .settings--col2 {
    width: 52.5vw;
}

.settings .settings__row {
    display: flex;
    padding-top: 0.78vw;
    padding-bottom: 0.78vw;
    border-bottom: 0.05vw solid var(--grey1-color);
    align-items: center;
}

.settings .settings__field {
    width: 50%;
}

.settings .settings--field1 {
    color: var(--main-color);
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.63vw;
    line-height: 0.83vw;
    text-transform: uppercase;
}

.settings .settings--field2 {
    text-align: right;
    color: var(--dark-color);
    font-family: 'Plus Jakarta Sans Medium';
    font-size: 0.73vw;
    line-height: 1.04vw;
}

.settings .settings__image {
    width: 4.17vw;
    height: 4.17vw;
    margin-bottom: 1.04vw;
}

.settings .settings__image img {
    width: 100%;
    border-radius: 2.29vw;
}

form .form_row {
    display: flex;
    gap: 0.83vw;
    width: 100%;
}

form .form_row .form_col,
form .button_profile2 {
    width: calc(50% - 0.42vw);
    position: relative;
}

form .button_profile {
    text-align: right;
}

form .button_profile2 {
    padding-top: 2.5vw;
    text-align: right;
}

#location_search_results,
#recipient_search_results {
    position: absolute;
    width: 100%;
    left: 0;
    top: 4.53vw;
    box-shadow: 0 0.26vw 1.56vw 0 rgba(0, 0, 0, 0.03);
    z-index: 10;
}

#recipient_search_results {
    top: 2.71vw;
}

#location_search_results ul,
#recipient_search_results ul {
    background-color: var(--white-color);
    color: var(--main-color);
    border: 0.05vw solid var(--grey1-color);
    border-bottom: 0;
    width: 100%;
}

#location_search_results ul li,
#recipient_search_results ul li,
#location_search_results p,
#recipient_search_results p {
    border-bottom: 0.05vw solid var(--grey1-color);
    padding-left: 0.78vw;
    padding-right: 0.78vw;
    padding-top: 0.42vw;
    padding-bottom: 0.42vw;
    cursor: pointer;
}

#location_search_results p,
#recipient_search_results p {
    cursor: initial;
    background-color: var(--white-color);
    color: var(--red2-color);
}

.neworder {
    display: flex;
    gap: 1.88vw;
}

.neworder .neworder__left {
    padding-left: 0.83vw;
    width: 7.66vw;
}

.neworder .neworder__mainimage {
    width: 100%;
}

.neworder .neworder__mainimage img {
    width: 100%;
    height: auto;
    border-radius: 0.52vw;
}

.neworder .neworder__right {
    width: 64.84vw;
}

.neworder .neworder__header,
.neworder .neworder__footer {
    height: 4.06vw;
    border-bottom: 0.05vw solid var(--grey1-color);
    display: flex;
    gap: 3.44vw;
    align-items: center;
    margin-top: -1.04vw;
    justify-content: flex-end;
}

.neworder .neworder__header {
    gap: 2.08vw;
}

.neworder .neworder__footer {
    height: 4.06vw;
    gap: 1.41vw;
    margin-top: 0;
}

.neworder input[type="text"] {
    height: 1.77vw;
    border: 0.05vw solid var(--green-color);
    width: 7.92vw;
}

.neworder .neworder__field {
    display: flex;
    gap: 1.35vw;
    align-items: center;
    position: relative;
}

.neworder .neworder--field1 {
    width: 36.72vw;
}

.neworder .neworder__distance .select2-container {
    width: 5.42vw !important;
}

.neworder .neworder__field label {
    color: var(--main-color);
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.63vw;
    line-height: 0.83vw;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

.neworder .neworder__field #location_search_results {
    top: 2.34vw;
}

.neworder .neworder__row {
    display: flex;
    gap: 0.94vw;
    margin-top: 1.15vw;
}

.neworder .neworder--col1 {
    width: 39.11vw;
}

.neworder .neworder--col2 {
    width: 22.92vw;
}

.neworder .neworder__info {
    margin-top: 0;
}

form .neworder .input {
    margin-bottom: 0;
}

.neworder .neworder__dndpanel {
    border-radius: 0.36vw;
    border: 0.05vw solid var(--grey1-color);
    background: var(--grey2-color);
    height: 12.03vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.showorder {
    display: flex;
    gap: 1.56vw;
}

.showorder .showorder__left {
    width: 20.83vw;
}

.showorder .showorder__right {
    width: 52.81vw;
}

.showorder .showorder__image img {
    width: 100%;
    display: block;
    border-radius: 0.42vw;
}

.showorder .showorder__gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0.83vw;
    row-gap: 0%;
}

.showorder .showorder__gallery img {
    margin-top: 0.83vw;
    width: 100%;
    display: block;
    border-radius: 0.42vw;
}

.showorder .showorder__header {
    height: 3.85vw;
    border-bottom: 0.05vw solid var(--grey1-color);
    margin-bottom: 1.15vw;
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.63vw;
    line-height: 0.83vw;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.showorder .showorder__area {
    display: flex;
    width: 50%;
    align-items: center;
}

.showorder .showorder__area div {
    display: flex;
    gap: 0.89vw;
    align-items: center;
    padding-left: 0.83vw;
    padding-right: 0.83vw;
    border-right: 0.05vw solid var(--grey1-color);
}

.showorder .showorder__area div:first-child {
    padding-left: 0;
}

.showorder .showorder__area div:last-child {
    padding-right: 0;
    border: 0;
}

.showorder .category {
    text-transform: initial;
}

.showorder .showorder--area2 {
    justify-content: flex-end;
}

.showorder .showorder__footer {
    border-top: 0.05vw solid var(--grey1-color);
    margin-top: 1.56vw;
    padding-top: 1.56vw;
    display: flex;
    gap: 0.83vw;
}

.showorder .showorder__footerrow {
    align-items: center;
}

.showorder .showorder__footercol {
    display: flex;
    width: calc(50% - 0.52vw);
    gap: 1.04vw;
    align-items: center;
}

.showorder .showorder__footercol2 {
    display: flex;
    width: calc(50% - 0.31vw);
    gap: 0.63vw;
}

.showorder .showorder__footercol:last-child,
.showorder .showorder__footercol2:last-child {
    justify-content: flex-end;
}

.orderoffers {
    margin-top: 0.89vw;
}

.orderoffers h2 {
    margin-bottom: 1.3vw;
}

form .showoffer label {
    font-size: 0.63vw;
    line-height: 0.83vw;
    ;
    padding-left: 0;
    margin-bottom: 0;
}

.myoffer .showorder__left {
    padding-left: 0.83vw;
    width: 7.66vw;
}

.myoffer .showorder__right {
    width: 64.84vw;
}

.myoffer .showorder__desc {
    padding-bottom: 1.46vw;
}

.myoffer .showorder__gallery {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.myoffer .category_order {
    width: calc(100% - 1.56vw);
    margin-top: 0.52vw;
    background: none;
    text-align: center;
}

.myoffer .myoffer__col {
    display: flex;
    width: 50%;
    gap: 1.82vw;
    align-items: center;
}

.myoffer .myoffer--col1 {
    gap: 0.83vw;
    width: 30%;
}

.myoffer .myoffer--col2 {
    justify-content: flex-end;
    width: 70%;
}

.myoffer .myoffer__price {
    height: 2.86vw;
    border-radius: 0.83vw;
    border: 0.05vw solid var(--green-color) !important;
    background: var(--white-color);
    padding-left: 0.99vw !important;
    padding-right: 0.99vw !important;
    display: flex !important;
    gap: 0.57vw !important;
    align-items: flex-start !important;
}

.myoffer .myoffer__pricename {
    color: var(--green-color);
    font-family: 'Plus Jakarta Sans Regular';
    font-size: 0.73vw;
    line-height: 0.94vw;
    text-transform: uppercase;
    margin-top: 0.73vw;
}

.myoffer .myoffer__pricevalue {
    color: var(--green-color);
    font-family: 'Plus Jakarta Sans Bold';
    font-size: 1.67vw;
    line-height: 2.5vw;
    margin-top: 0.21vw;
}

.pagination {
    display: flex;
    gap: 0.52vw;
    margin-top: 0.52vw;
    margin-bottom: 1.04vw;
    justify-content: center;
}

.pagination a {
    width: 1.56vw;
    height: 1.56vw;
    border: 0.05vw solid var(--pink-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination li.active a {
    background-color: var(--pink-color);
    color: var(--white-color);
}

.message .panel__body {
    padding-left: 1.88vw;
    padding-right: 1.88vw;
    flex-wrap: wrap;
    padding-top: 0;
}

.message .showorder__header {
    width: 100%;
    margin-bottom: 0;
}

.message .message__content {
    width: 100%;
    min-height: 17.4vw;
}

.message .message__button {
    margin-bottom: 1.04vw;
}

.dashboard .dashboard__row {
    display: flex;
    gap: 1.15vw;
}

.dashboard .dashboard__col {
    width: calc(50% - 0.57vw);
}

.dashboard .dashboard__morebutton {
    padding-bottom: 1.3vw;
    padding-left: 1.04vw;
}

.user .user--col1 {
    width: 52.5vw;
}

.user .user--col1a {
    width: 43.18vw;
}

.user .user--col1b {
    width: 9.32vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user .settings__avatar img {
    width: 4.17vw;
    height: 4.17vw;
    display: block;
    margin: 0 auto;
    border-radius: 2.4vw;
}

.user .settings__company {
    color: var(--dark-color);
    font-family: 'Plus Jakarta Sans Medium';
    font-size: 1.04vw;
    line-height: 1.35vw;
    margin-top: 0.73vw;
}

.user .settings__role {
    color: var(--main-color);
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.63vw;
    line-height: 0.94vw;
    text-transform: uppercase;
    margin-top: 0.47vw;
}

.user .user--col2 {
    width: 25.42vw;
}

.user .user__boxrow {
    display: flex;
    gap: 0.73vw;
}

.user .user__box {
    width: calc(50% - 0.36vw);
}

.user .user__row {
    display: flex;
    gap: 4.06vw;
    margin-top: 1.04vw;
    margin-bottom: 0.52vw;
}

.user .user__col {
    width: calc(100% - 2.03vw);
}

.user .myoffer .myoffer__pricevalue {
    font-size: 1.15vw;
    color: var(--white-color);
}

.user .myoffer .user__status {
    display: flex;
    margin-top: 1.15vw;
}

.user .myoffer .myoffer__pricename {
    color: var(--white-color);
}

.user .myoffer .user--statusactive {
    background-color: var(--green-color);
    width: 7.97vw;
}

.user .user__statusrow {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.user .myoffer .user--statusunactive {
    background-color: var(--red2-color);
    width: 9.58vw;
    border: 0.05vw solid var(--red2-color) !important;
}

.user .user__statusrow .button {
    margin-top: 1.67vw;
}

.user .user__statusrow2 {
    justify-content: center;
}

.user__info {
    height: 4.32vw;
}

.user .user__infohead {
    display: flex;
    gap: 0.42vw;
}

.user .user__infohead span {
    display: flex;
    background-color: var(--green-color);
    width: 1.04vw;
    height: 1.04vw;
    border-radius: 0.26vw;
    justify-content: center;
    align-items: center;
}

.user .user__infohead span svg {
    width: 0.52vw;
    height: 0.63vw;
}

.user .user__infohead span svg path {
    fill: var(--white-color);
}

.user .user__infohead div {
    color: var(--main-color);
    font-family: 'Plus Jakarta Sans SemiBold';
    font-size: 0.63vw;
    line-height: 1.25vw;
    text-transform: uppercase;
}

.user .user__infonumber {
    margin-top: 0.47vw;
    color: var(--pink-color);
    text-align: right;
    font-family: 'Plus Jakarta Sans ExtraBold';
    font-size: 1.98vw;
    line-height: 2.5vw;
}

.messagelist .panel_header {
    display: flex;
}

.messagelist .panel_header .messagelist__col {
    display: flex;
    width: 50%;
}

.messagelist .panel_header .messagelist--col2 {
    justify-content: flex-end;
}

.newmessage .newmessage__header {
    margin-bottom: 1.04vw;
    display: flex;
    align-items: center;
}

.newmessage .newmessage__header div.newmessage__label {
    width: 9.9vw;
}

.newmessage .newmessage__header div.newmessage__input {
    width: calc(100% - 9.9vw);
}

.newmessage .newmessage__header div label {
    margin-bottom: 0;
}

.newmessage .newmessage__header div .input {
    margin-bottom: 0;
}

.newmessage .newmessage__footer {
    display: flex;
}

.newmessage .newmessage__field {
    width: 50%;
    display: flex;
}

.newmessage .newmessage--field2 {
    justify-content: flex-end;
}

.newadmin .newadmin__row {
    display: flex;
    gap: 1.15vw;
}

.newadmin .newadmin__row div {
    width: calc(100%);
}

.newadmin .newadmin__button {
    margin-top: 1.15vw;
    text-align: right;
}

.categoryform {
    display: flex;
    gap: 1.15vw;
    align-items: center;
}

.categoryform .input {
    width: 37.5vw;
}

.categoryform__area .categoryform__field {
    display: inline-block;
    margin-right: 0.31vw;
    padding-bottom: 0.16vw;
    padding-top: 0.16vw;
    position: relative;
}

.categoryform__area .categoryform__field i {
    font-size: 1.15vw;
    color: var(--red2-color);
    right: -0.52vw;
    top: -0.52vw;
    position: absolute;
    cursor: pointer;
}

.notyfi .notify__row {
    display: flex;
    gap: 1.25vw;
}

.notyfi .notify__row .input {
    width: 100%;
}

.pages .panel_header {
    display: flex;
}

.pages .panel_header div {
    display: flex;
    width: 50%;
}

.pages .panel_header div:last-child {
    justify-content: flex-end;
}

.pages .neworder__header {
    justify-content: flex-start;
}

.pages .neworder__field:last-child input[type="text"] {
    width: 44.43vw;
}

.pages .neworder--col1 {
    width: 64.84vw;
}

.pages .neworder--field1 {
    width: 54.38vw;
}

.panel .slider .panel__box {
    width: 41.67vw;
}

#client_data,
#contractor_data {
    border: 0.16vw solid var(--red-color);
    padding: 0.78vw;
}

#adv-form .select2-container {
    width: 200px !important;
}

.advarea .uploader-loading img {
    width: 2.6vw;
    height: auto;
}

.message-area {
    display: flex;
    gap: 1.04vw;
}

.message-area .panel__body {
    width: 65.83vw;
}

.advtable .advcol img {
    max-width: 170px;
    max-height: 60px;
    object-fit: contain;
}

.adv {
    text-align: center;
    padding-top: 20px;
}

.adv img {
    display: inline-block;
}

.adv .adv__desktop {
    display: block;
}

.adv .adv__mobile {
    display: none;
}

.adv-client-list img, .adv-client-create img, .adv-client-order img, .adv-client-offer img, .adv-contractor-list img, .adv-contractor-order img, .adv-contractor-offer img {
    width: 50.52vw;
}

.adv-client-message img, .adv-contractor-message img {
    width: 6.25vw;
}

@media (max-width: 991px) {

    body {
        font-size: 14px;
        line-height: 20px;
    }

    section.loginform {
        width: 600px;
        padding-left: 80px;
        padding-right: 80px;
        padding-bottom: 30px;
        border-radius: 20px;
        box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.03);
        top: 20px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    section.loginform {
        width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px;
        border-radius: 0;
    }

    form .form_row {
        flex-wrap: wrap;
    }

    form .form_row .form_col {
        width: 100%;
    }

    section.loginform .loginform__logo {
        padding-top: 44px;
    }

    .logo {
        width: 120px;
        height: auto;
        fill: none;
    }

    section.loginform h1 {
        margin-top: 8px;
        margin-bottom: 39px;
        font-size: 32px;
        line-height: 40px;
    }

    form label {
        font-size: 15px;
        line-height: 24px;
        padding-left: 8px;
        margin-bottom: 6px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    textarea {
        height: 45px;
        border-radius: 10px;
        border: 1px solid var(--grey1-color);
        padding-left: 16px;
        padding-right: 16px;
        width: calc(100% - 34px);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .panel_mobile input[type="text"] {
        height: 41px;
        border: 1px solid var(--green-color);
    }

    .panel_mobile .order_buttons {
        display: flex;
        gap: 16px;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .panel_mobile .order_buttons .button {
        margin-bottom: 20px;
    }

    section.loginform .loginform__button {
        margin-bottom: 24px;
    }

    button,
    .button {
        border-radius: 10px;
        border: 0;
        font-size: 15px;
        line-height: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .button {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    button {
        height: 41px;
    }

    section.loginform button {
        height: 50px;
        padding: 0;
        width: 100%;
    }

    form .input {
        margin-bottom: 24px;
    }

    form .list__boxstatus .input {
        margin-bottom: 0;
    }

    section.loginform .loginform__remember {
        margin-bottom: 18px;
    }

    section.loginform a {
        font-size: 15px;
    }

    section.registerform .registerform__info {
        margin-bottom: 16px;
    }

    section.contractorForm form .input {
        margin-bottom: 12px;
    }

    .error-message {
        margin-top: 2px;
        font-size: 13px;
    }


    .flash {
        gap: 9px;
        top: -17px;
        left: 353px;
    }

    .flash__ico {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }

    .flash__alert {
        height: 35px;
        border-radius: 10px;
        padding-left: 35px;
        padding-right: 35px;
        font-size: 12px;
        line-height: 16px;
        padding-top: 1px;
    }

    .flash--success .flash__ico {
        border: 1px solid var(--green-color);
    }

    .flash--error .flash__ico {
        border: 1px solid var(--red2-color);
    }

    .flash--warning .flash__ico {
        border: 1px solid var(--orange-color);
    }

    .flash--info .flash__ico {
        border: 1px solid var(--pink-color);
    }

    .login-flash .flash {
        margin-bottom: 24px;
    }

    svg.ico_start {
        width: 16px;
        height: auto;
    }

    svg.ico_accept {
        width: 17px;
        height: auto;
    }

    svg.ico_basket {
        width: 16px;
        height: auto;
    }

    svg.ico_settings {
        width: 18px;
        height: auto;
    }

    svg.ico_logout {
        width: 18px;
        height: auto;
    }

    svg.ico_message {
        width: 21px;
        height: auto;
        margin-left: -2px;
    }

    svg.ico_title {
        width: 21px;
        height: auto;
    }

    svg.ico_search {
        width: 24px;
        height: 24px;
    }

    svg.ico_bell {
        width: 24px;
        height: 22px;
    }

    svg.ico_flash {
        width: 20px;
        height: 20px;
    }

    svg.ico_sort {
        width: 6px;
        height: 12px;
    }

    svg.ico_camera {
        width: 11px;
        height: 10px;
    }

    svg.ico_list {
        width: 16px;
        height: 14px;
    }

    svg.ico_payment {
        width: 15px;
        height: 15px;
    }

    svg.ico_client {
        width: 16px;
        height: 16px;
    }

    svg.ico_contractor {
        width: 17px;
        height: 15px;
    }

    section.registerform h1 {
        margin-bottom: 8px;
    }

    section.registerform .loginform__logo {
        padding-top: 16px;
    }

    section.registerform .registerform__info {
        margin-bottom: 16px;
    }

    section.registerform form .input {
        margin-bottom: 18px;
    }

    section.contractorForm form .input {
        margin-bottom: 12px;
    }

    section.registerform .registerform__button {
        padding-top: 6px;
    }

    section.registerform #location_search_results {
        bottom: 55px;
    }

    .panel_mobile {
        width: auto;
        margin: 0;
        margin-top: 0;
        display: block;
        gap: 0;
    }

    .select2-container {
        width: 100% !important;
    }

    .select2-container .select2-selection--single {
        height: 44px;
    }

    .select2-container--default .select2-selection--single {
        border-radius: 10px;
        border: 1px solid var(--green-color);
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        line-height: 41px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 20px;
        padding-right: 20px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 41px;
        width: 33px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-width: 7px 6px 6px;
        margin-left: -7px;
        margin-top: -3px;
    }

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-width: 0 6px 7px 6px;
    }

    header {
        background-color: var(--pink-color);
        width: 100%;
        position: fixed;
        height: 73px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
        z-index: 1000;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
        display: flex;
        gap: 14px;
        align-items: center;
    }

    .mobile__content {
        padding-top: 74px;
        padding-left: 16px;
        padding-right: 16px;
    }

    header .hamburger__close {
        display: none;
    }

    header svg.logo {
        width: 60px;
        height: auto;
        margin-left: 16px;
    }

    header .user__hello {
        color: var(--grey4-color);
        font-family: 'Plus Jakarta Sans Light';
        font-size: 25px;
        line-height: 28px;
    }

    header .user__user {
        color: var(--grey4-color);
        font-family: 'Plus Jakarta Sans SemiBold';
        font-size: 13px;
        line-height: 28px;
    }

    header .hamburger {
        position: absolute;
        top: 50%;
        right: 27px;
        transform: translate(0, -50%);
    }

    header .alert {
        position: absolute;
        top: 50%;
        right: 93px;
        transform: translate(0, -50%);
    }

    header .alert svg {
        display: block;
        width: 23px;
        height: auto;
    }

    header .alert svg path {
        fill: var(--green-color);
    }

    header .alert__count {
        position: absolute;
        right: -7px;
        top: -7px;
        background-color: var(--red2-color);
        color: var(--white-color);
        font-size: 11px;
        line-height: 16px;
        font-family: 'Plus Jakarta Sans SemiBold';
        width: 17px;
        height: 17px;
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    header .hamburger svg {
        display: block;
        cursor: pointer;
    }

    .mobile__menu {
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: var(--pink-color);
        z-index: 500;
        display: none;
    }

    section.menumobile {
        padding-top: 74px;
    }

    section.menumobile .menumobile__title {
        color: var(--grey5-color);
        font-family: 'Plus Jakarta Sans SemiBold';
        font-size: 14px;
        line-height: 18px;
        text-transform: uppercase;
        padding-left: 40px;
        padding-top: 42px;
        margin-bottom: 24px;
    }

    section.menumobile nav {
        padding-left: 16px;
    }

    section.menumobile nav li {
        margin-bottom: 24px;
    }

    section.menumobile nav a {
        display: flex;
        border-left: 4px solid var(--pink-color);
        padding-left: 20px;
        gap: 15px;
        height: 34px;
        align-items: center;
    }

    section.menumobile nav a:hover,
    section.menumobile nav li.active a {
        border-left: 4px solid var(--pink2-color);
    }

    section.menumobile nav a span {
        color: var(--white-color);
        font-family: 'Plus Jakarta Sans Medium';
        font-size: 17px;
        line-height: 20px;
    }

    section.menumobile nav svg path {
        fill: var(--white-color);
    }

    section.menumobile .menu__bottom hr {
        display: none;
    }

    section.menumobile .menu__bottom .menu__menu {
        display: none;
    }

    section.menumobile .menu__bottom .menu__ms {
        position: absolute;
        width: 100%;
        height: 57px;
        padding-top: 29px;
        left: 0;
        bottom: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.20);
    }

    section.menumobile .menu__bottom .menu__ms ul {
        display: flex;
    }

    section.menumobile .menu__bottom .menu__ms ul li {
        width: 50%;
        margin-bottom: 0;
    }

    .mobile__title {
        display: flex;
        gap: 19px;
        margin-top: 20px;
        align-items: center;
        margin-bottom: 22px;
    }

    .mobile__title svg path {
        fill: var(--pink-color);
    }

    .mobile__title h1 {
        color: var(--dark-color);
        font-family: 'Plus Jakarta Sans Light';
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
    }

    .mobile__subtitle {
        color: var(--main-color);
        font-family: 'Plus Jakarta Sans Regular';
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
        font-weight: normal;
    }

    .infotext,
    .status {
        height: auto;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 13px;
        padding-right: 13px;
        color: var(--pink-color);
        border-radius: 10px;
        border: 1px solid var(--pink-color);
        background: var(--pink4-color);
        font-family: 'Plus Jakarta Sans Regular';
        font-size: 13px;
        line-height: 20px;
        display: inline-block;
    }

    .infotext-primary {
        border: 0.05vw solid var(--main-color);
        background: var(--grey7-color);
        color: var(--main-color);
    }

    .infotext-succes {
        border: 1px solid var(--green-color);
        background: var(--green3-color);
        color: var(--green2-color);
    }

    .list .list__block {
        border-radius: 10px;
        background: var(--grey7-color);
        padding: 8px;
        padding-bottom: 20px;
        width: calc(100% - 16px);
        margin-bottom: 47px;
        color: var(--main-color);
        position: relative;
    }

    .list .list__blocknpb {
        padding-bottom: 0;
    }

    .list .list__blockborder {
        border: 1px solid var(--green-color);
        width: calc(100% - 18px);
    }

    .list .list__corner {
        width: 95px;
        height: 26px;
        border-radius: 0px 10px 0px 0px;
        background: var(--green-color);
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--white-color);
        font-family: "Plus Jakarta Sans Bold";
        font-size: 11px;
        line-height: 16px;
        text-transform: uppercase;
    }

    .list .list__head {
        display: flex;
        gap: 19px;
        height: 112px;
    }

    .list .list__image {
        width: 82px;
        position: relative;
    }

    .list .list__image img {
        width: 82px;
        height: 82px;
        display: block;
        border-radius: 10px 10px 10px 0px;
    }

    .list .list__rest {
        padding-top: 11px;
    }

    .list .list__title {
        font-family: 'Plus Jakarta Sans SemiBold';
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        margin-bottom: 9px;
    }

    .list .list__content {
        font-family: 'Plus Jakarta Sans Bold';
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 5px;
        position: relative;
    }

    .list .list__user {
        color: var(--dark-color);
        font-family: "Plus Jakarta Sans SemiBold";
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 4px;
    }

    .list .list__price2 {
        font-family: "Plus Jakarta Sans ExtraBold";
        font-size: 29px;
        line-height: 48px;
        color: var(--green-color);
    }

    .list .list__price {
        color: var(--pink-color);
    }

    .list .list__head .list__title {
        margin-bottom: 9px;
    }

    .list .list__head .infotext {
        margin-bottom: 4px;
    }

    .list .list__head .list__new {
        width: 40px;
        height: 15px;
        border-radius: 3px;
        background: var(--green-color);
        color: var(--white-color);
        text-align: center;
        font-family: 'Plus Jakarta Sans ExtraBold';
        font-size: 12px;
        line-height: normal;
        margin: 0 auto;
        margin-top: 8px;
    }

    .list .list__head .list__newline {
        width: 4px;
        height: 82px;
        position: absolute;
        left: 0;
        top: 0;
        background: var(--green-color);
    }

    .list .list__number {
        font-family: 'Plus Jakarta Sans Regular';
        font-size: 12px;
        line-height: 20px;
    }

    .list .list__row {
        display: flex;
        gap: 10px;
    }

    .list .list__box {
        border-radius: 5px;
        border: 1px solid #CECECE;
        padding-left: 13px;
        padding-right: 13px;
        padding-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 9px;
    }

    .list .list__box2 {
        margin-top: 10px;
    }

    .list .list__row .list__box {
        width: 50%;
    }

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

    .list .list__block .button {
        position: absolute;
        bottom: -16px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .list hr {
        margin-top: 15px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid var(--grey8-color);
    }

    .list h2 {
        color: var(--main-color);
        font-family: "Plus Jakarta Sans Light";
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
        font-weight: normal;
    }

    .list .list__row {
        display: flex;
        margin-bottom: 10px;
        border-bottom: 1px solid var(--grey1-color);
        padding-bottom: 10px;
    }

    .list .list__field {
        width: 50%;
    }

    .list .list--field2 {
        word-wrap: break-word;
    }

    .list .list__row:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border: 0;
    }

    .list .list--field1 {
        font-weight: bold;
    }

    .single .single__image img {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 24px;
        border-radius: 10px;
    }

    .single .single__gallery {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 14px;
        row-gap: 0%;
    }

    .single {
        margin-bottom: 18px;
    }

    .single .single__gallery img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 10px;
    }

    .mobile__footer {
        text-align: center;
    }

    .mobile__offerbuttons {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .mobile__pricearea {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

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

    .mobile__price {
        border-radius: 16px;
        padding: 4px;
        padding-left: 16px;
        padding-right: 16px;
        background-color: var(--green-color);
        color: var(--white-color);
        display: flex;
        gap: 11px;
    }

    .mobile__price .mobile__pricename {
        font-family: 'Plus Jakarta Sans SemiBold';
        font-size: 14px;
        line-height: 18px;
        text-transform: uppercase;
        margin-top: 12px;
    }

    .mobile__price .mobile__pricevalue {
        font-family: 'Plus Jakarta Sans ExtraBold';
        font-size: 29px;
        line-height: 48px;
    }

    .list .mobile__price .mobile__pricevalue {
        font-size: 20px;
        line-height: 35px;
    }

    .list .button_profile2 {
        text-align: center;
        width: 100%;
    }

    .mobile__backbutton {
        margin-bottom: 16px;
    }

    .category {
        border-radius: 10px;
        border: 1px solid var(--pink-color);
        padding: 14px 19px;
        display: inline-block;
        font-size: 15px;
        line-height: auto;
        display: inline-block;
        max-width: initial;
    }

    .category-green {
        border: 1px solid var(--green2-color);
    }

    .category-danger {
        border: 1px solid var(--red2-color);
        background: var(--white-color);
        color: var(--red2-color);
    }

    .mobile__logout {
        background-color: var(--pink-color);
        color: var(--white-color);
        padding-top: 26px;
        padding-bottom: 26px;
    }

    .mobile__logout a {
        color: var(--white-color);
        display: flex;
        gap: 13px;
        justify-content: center;
        align-items: center;
    }

    .mobile__logout a svg path {
        fill: var(--white-color);
    }

    #location_search_results, #recipient_search_results {
        position: absolute;
        width: 320px;
        left: 0;
        top: 45px;
        z-index: 10;
    }

    #location_search_results ul li, #recipient_search_results ul li, #location_search_results p, #recipient_search_results p {
        border-bottom: 1px solid var(--grey1-color);
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 13px;
    }

    .panel_mobile .gallery {
        margin-bottom: 10px;
    }

    .panel_mobile .gallery .gallery-item {
        margin-top: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 14px;
        row-gap: 0%;
    }

    .panel_mobile .gallery .gallery-item img {
        width: 100%;
        margin-bottom: 14px;
        display: block;
        border-radius: 8px;
    }

    .panel_mobile .gallery .gllery-remove {
        right: -10px;
        top: -10px;
        font-size: 22px;
    }

    .panel_mobile .uploader_area {
        position: relative;
    }

    .panel_mobile .uploader_area .uploader {
        width: 50%;
    }

    .panel_mobile .uploader .uploader-image img {
        width: 100%;
        border-radius: 10px;
    }

    .panel_mobile .uploader .uploader-icon {
        width: 30px;
        height: 30px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: -5px;
        right: -0.52vw;
        border-radius: 8px;
    }

    .panel_mobile .gallery .gallery-drop {
        position: absolute;
        left: 53%;
        top: 0;
    }

    .panel_mobile .gallery .gallery-drop img {
        border-radius: 10px;
    }

    .panel_mobile .uploader .uploader-error {
        font-size: 13px;
        padding-right: 0;
        padding-top: 11px;
    }

    .mobile .flash {
        gap: 9px;
        top: 8px;
        left: auto;
        position: relative;
        align-items: center;
        opacity: 1 !important;
    }

    .mobile .flash__alert {
        width: 214px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

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

    .mobile .summary .button {
        margin-bottom: 20px;
        display: inline-block;
    }

    .mobile .summary .category {
        margin-bottom: 20px;
    }

    #client_data, #contractor_data {
        border: 1px solid var(--red-color);
        padding: 10px;
        margin-bottom: 20px;
    }

    .adv .adv__desktop {
        display: none;
    }

    .adv .adv__mobile {
        display: block;
    }

    .adv-client-list img, .adv-client-create img, .adv-client-order img, .adv-client-offer img, .adv-client-message img, .adv-contractor-list img, .adv-contractor-order img, .adv-contractor-offer img, .adv-contractor-message img {
        width: 300px;
        margin-bottom: 20px;
    }
}