/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*,
*::before,
::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted; /* 2 */
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

button,
input {
    /* 1 */
    overflow: visible;
}

button,
select {
    /* 1 */
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

img,
picture,
svg,
video {
    max-width: 100%;
    display: block;
}

input,
textarea,
button,
select {
    font: inherit;
}

@font-face {
    font-family: 'CeraStencilPRO';
    src: url("../fonts/CeraStencilPRO-Light.otf");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'CeraStencilPRO';
    src: url("../fonts/CeraStencilPRO-Regular.ttf");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'CeraStencilPRO';
    src: url("../fonts/CeraStencilPRO-Medium.ttf");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'CeraStencilPRO';
    src: url("../fonts/CeraStencilPRO-Black.ttf");
    font-weight: 900;
    font-style: normal;
}

/* Common Styles
-------------------------------------
 */
:root {
    --font-family: 'CeraStencilPRO', sans-serif;
    --color-main: #ffe28f;
}

a {
    outline: none;
    border: 0;
    text-decoration: none;
    color: inherit;
}

.wrapper a {
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.title {
    font-weight: bold;
    font-size: 48px;
    line-height: 1.2;
    margin: 0 0 30px;
}

.button {
    display: block;
    cursor: pointer;
    border: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    color: var(--color-main);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1;
    font-size: 20px;
    font-family: var(--font-family);
    position: relative;
    padding: 2px;
    font-weight: bold;
    width: 100%;
}

.button.button_right {
    margin: 0 0 0 auto;
    display: table;
    width: auto;
    flex: initial !important;
}

.button.button_right span {
    padding: 0 25px;
}

.button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.button span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    height: 60px;
    width: 100%;
    padding: 0 0 3px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.button:hover span {
    background: #520000;
}

.button:disabled {
    cursor: default;
}

.button:disabled:hover span {
    background: #610000;
}

.form-b {
    max-width: 240px;
    margin: 0 auto;
    padding: 30px 0 50px;
}

.form-b_full {
    max-width: 100%;
}

.form-b__list {
    margin: 0 0 40px;
}

.form-b__list_2x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form-b__field {
    margin: 0 0 18px;
}

.form-b__list_2x .form-b__field {
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-b__list_2x .form-b__field_3x {
    width: calc(33.3% - 10px);
}

.form-b__list_2x .form-b__field_full {
    width: 100%;
}

.form-b__label {
    text-align: center;
    font-size: 16px;
    margin: 0 0 5px;
}

.form-b__list_2x .form-b__label {
    font-size: 11px;
    margin: 0 10px 0 0;
    text-align: left;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

@media (min-width: 950px) {
    .form-b__list_2x .form-b__label {
        margin: 0 20px 0 0;
        font-size: 18px;
    }
}

.form-b__value {
    position: relative;
    padding: 1px;
    text-align: center;
    display: block;
}

.form-b__value:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.form-b__value span:not(.form-b__value span, .iti__dial-code) {
    position: relative;
    z-index: 2;
    border-radius: 3px;
    background: #610000;
    padding: 10px;
    display: block;
}
#country-listbox{color: black;}

.form-b__list_2x .form-b__value {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.form-b__input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 48px;
    padding: 0 15px;
    position: relative;
    z-index: 2;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 18px;
    line-height: 1.3;
    font-family: var(--font-family);
    color: var(--color-main);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    background: #610000;
    border: 0;
    border-radius: 3px;
}

select.form-b__input {
    background: #610000 url("../img/content/toggle.svg") no-repeat calc(100% - 15px) 50%;
    background-size: 16px 16px;
    cursor: pointer;
}

.form-b__list_2x .form-b__input {
    height: 34px;
    padding: 0 7px;
    font-size: 13px;
}

@media (min-width: 950px) {
    .form-b__list_2x .form-b__input {
        height: 42px;
        font-size: 16px;
        padding: 0 12px;
    }
}

.form-b__list_2x textarea.form-b__input {
    height: 100px;
    padding: 10px 7px;
    resize: none;
    margin: 0 0 -5px;
    text-align: left;
}

.form-b__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px;
    gap: 10px;
}

.form-b__actions .button {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.form-b__button-note {
    text-align: center;
    font-weight: 500;
    margin: 0 0 5px;
    font-size: 12px;
}

.checkbox {
    display: none;
}

.checkbox + label {
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 3px;
    background: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.checkbox + label:after {
    content: '';
    width: 18px;
    height: 18px;
    background: url("../img/content/check.svg") no-repeat;
    background-size: contain;
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.checkbox:checked + label {
    background: var(--color-main);
}

.checkbox:checked + label:after {
    opacity: 1;
}

@media (min-width: 950px) {
    .hide-on-desktop {
        display: none;
    }
}

html,
body {
    height: 100%;
}

body {
    font-size: 18px;
    line-height: 1.4;
    font-family: var(--font-family);
    color: var(--color-main);
    background: #000;
    -webkit-font-smoothing: antialiased;
    font-display: swap;
}

@media (min-width: 950px) {
    body {
        font-size: 14px;
    }
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
}

.wrapper:before,
.wrapper:after {
    content: '';
    width: 6px;
    background: url("../img/content/grade.png") repeat-y;
    background-size: contain;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0;
}

@media (min-width: 950px) {
    .wrapper:before,
    .wrapper:after {
        left: 10px;
        width: 20px;
    }
}

.wrapper:after {
    right: 0px;
    left: initial;
}

@media (min-width: 950px) {
    .wrapper:after {
        right: 10px;
    }
}

.content {
    flex: auto;
    padding: 2px 0 0;
}

.content__inner {
    background: #610000;
    padding: 5px 5px 70px;
    min-height: calc(100vh - 44px)
}

@media (min-width: 950px) {
    .content__inner {
        background: none;
        border-radius: 0;
        padding: 0;
    }
}

.max-width {
    max-width: 1200px;
    padding: 0 8px;
    width: 100%;
    margin: 0 auto;
}

.grid-b {
    display: block;
}

@media (min-width: 950px) {
    .grid-b {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.grid-b__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 10px;
}

.grid-b__actions .back-b {
    margin: 0
}

.grid-b__actions .button {
    width: auto
}

.grid-b__actions .button span {
    height: 44px;
    padding: 0 32px;
    font-size: 16px;
}

.grid-b__aside {
    display: none;
    background: #610000;
    border-radius: 4px;
    width: 35%;
}

@media (min-width: 950px) {
    .grid-b__aside {
        display: block;
    }
}

.grid-b__content {
    width: 100%;
}

@media (min-width: 950px) {
    .grid-b__content {
        width: calc(65% - 20px);
        padding: 20px 0 0;
    }
}

.grid-b__desktop {
    display: none;
}

.grid-b__desktop h1 {
    font-weight: 500;
    font-size: 32px;
    margin: 0;
    padding: 0;
}

@media (min-width: 950px) {
    .grid-b__desktop {
        display: block;
        margin: 0 0 30px;
    }
}

@media (min-width: 950px) {
    .grid-b__inner {
        background: #610000;
        border-radius: 4px;
        padding: 25px;
    }
}

/* City List
--------------------------
*/
.city-list-b {
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.city-list-b__links {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    padding: 0 15px 2px;
    height: 48px;
    border-radius: 4px;
    background: #610000;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.7);
}

.city-list-b__links:hover {
    color: var(--color-main);
}

.city-list-b__links_active {
    color: var(--color-main);
    font-weight: 500;
    background: #520000;
}

/* Welcome
--------------------------
 */
.welcome-b {
    border: 1px solid var(--color-main);
    padding: 20px;
    margin: 0 0 20px;
    border-radius: 5px;
    text-align: center;
}

.welcome-b p {
    margin: 0 0 15px;
    font-size: 17px;
}

.welcome-b p:last-child {
    margin: 0;
}

/* Back
--------------------------------------
 */
.back-b {
    text-align: center;
    line-height: 1;
    margin: 0 0 5px;
    font-size: 17px;
    position: relative;
    padding: 1px;
    display: table;
    font-weight: 500;
}

@media (min-width: 950px) {
    .back-b {
        display: none;
    }
}

.back-b:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.back-b span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 8px 20px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.back-b span img {
    margin-top: 2px;
}

/* Main Title
--------------------------------
 */
.title-mid {
    text-align: center;
    font-weight: 300;
    line-height: 1;
    margin: 0 0 5px;
    font-size: 13px;
    position: relative;
    padding: 1px;
}

@media (min-width: 950px) {
    .title-mid {
        font-size: 17px;
    }
}

.title-mid:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.title-mid span {
    position: relative;
    z-index: 2;
    border-radius: 3px;
    background: #610000;
    padding: 6px 10px;
    display: block;
}

.subtitle-mid {
    text-align: center;
    line-height: 1;
    margin: 0 0 5px;
    font-size: 14px;
    position: relative;
    padding: 1px;
}

@media (min-width: 950px) {
    .subtitle-mid {
        font-size: 18px;
    }
}

.subtitle-mid_margin {
    margin: 0 0 20px;
}

.subtitle-mid:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.subtitle-mid span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 12px 10px;
    display: block;
}

@media (min-width: 950px) {
    .subtitle-mid span {
        padding: 14px 12px;
    }
}

.undertitle-mid {
    text-align: center;
    line-height: 1;
    margin: 0 0 5px;
    font-size: 12px;
    position: relative;
    padding: 1px;
}

@media (min-width: 950px) {
    .undertitle-mid {
        font-size: 14px;
    }
}

.undertitle-mid:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.undertitle-mid span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 8px 10px;
    display: block;
}

/* Country List
------------------------------
 */
.country-list-b {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

@media (min-width: 950px) {
    .country-list-b {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

.country-list-b__links {
    position: relative;
    padding: 1px;
    font-weight: bold;
    text-align: center;
    display: block;
}

.country-list-b__links:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.country-list-b__links span {
    position: relative;
    z-index: 2;
    border-radius: 3px;
    background: #610000;
    font-size: 14px;
    padding: 15px 10px;
    display: block;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

@media (min-width: 950px) {
    .country-list-b__links span {
        font-size: 16px;
        padding: 15px;
    }
}

@media (min-width: 950px) {
    .country-list-b__links:hover span {
        background: #520000;
    }
}

/* Add Start
----------------------------
 */
.add-start-b {
    display: grid;
    gap: 25px;
    grid-row-gap: 45px;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    padding: 25px 20px 40px;
}

@media (min-width: 950px) {
    .add-start-b {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

.add-start-b__block {
    text-align: center;
    display: block;
}

.add-start-b__block:hover {
    opacity: 0.8;
}

.add-start-b__label {
    font-size: 16px;
    margin: 0 0 8px;
    display: block;
}

@media (min-width: 950px) {
    .add-start-b__label {
        font-size: 18px;
        margin: 0 0 12px;
    }
}

.add-start-b__photo {
    display: block;
    position: relative;
    padding: 1px;
}

.add-start-b__photo:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.add-start-b__photo img {
    position: relative;
    z-index: 2;
    width: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
}

/* Tabs
---------------------------------
 */
.tabs-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin: 0 0 15px;
}

.tabs-b__item {
    display: block;
    cursor: pointer;
    border: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    color: var(--color-main);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1;
    font-size: 16px;
    font-family: var(--font-family);
    position: relative;
    padding: 2px;
    width: 100%;
}

.tabs-b__item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.tabs-b__item span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    height: 42px;
    width: 100%;
    padding: 0 0 3px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.tabs-b__item:hover span {
    background: #520000;
}

.tabs-b__item_current span {
    background: #520000;
}

/* Add Photo
-------------------------------
 */
.add-photo-b__note {
    position: relative;
    padding: 1px;
    margin: 0 0 5px;
    font-size: 12px;
    width: 100%;
    line-height: 1.3;
}

.add-photo-b__note_middle {
    font-size: 16px;
    text-align: center;
}

@media (min-width: 950px) {
    .add-photo-b__note {
        font-size: 14px;
    }
}

.add-photo-b__note:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.add-photo-b__note span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 15px;
    display: block;
}

.add-photo-b__upload input {
    display: none;
}

.add-photo-b__upload input + label {
    position: relative;
    padding: 1px;
    width: 100%;
    cursor: pointer;
    display: block;
}

.add-photo-b__upload input + label:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.add-photo-b__upload input + label span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    font-size: 16px;
    padding: 18px 20px;
    display: block;
}

@media (min-width: 950px) {
    .add-photo-b__upload input + label span {
        text-align: center;
        font-size: 18px;
    }
}

.add-photo-b__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 0;
}

.add-photo-b__preview {
    position: relative;
    padding: 1px;
    margin: 0 0 15px;
    width: 100%;
    display: block;
}

.add-photo-b__preview span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    display: block;
}

.add-photo-b__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.add-photo-b__actions .button {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 17px;
}

/* Add Services
----------------------------------
 */
.add-services-b__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.add-services-b__column {
    width: calc(33.3% - 5px);
}

.add-services-b__section {
    margin: 0 0 20px;
}

.add-services-b__caption {
    line-height: 1;
    margin: 0 0 5px;
    font-size: 12px;
    position: relative;
    padding: 1px;
}

@media (min-width: 950px) {
    .add-services-b__caption {
        font-size: 18px;
    }
}

.add-services-b__caption:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.add-services-b__caption span {
    position: relative;
    z-index: 2;
    background: #610000;
    color: #f00;
    border-radius: 3px;
    padding: 8px 6px;
    display: block;
}

@media (min-width: 950px) {
    .add-services-b__caption span {
        padding: 10px 15px 12px;
    }
}

.add-services-b__item {
    line-height: 1;
    margin: 0 0 2px;
    font-size: 10px;
    position: relative;
    padding: 1px;
}

@media (min-width: 950px) {
    .add-services-b__item {
        font-size: 14px;
    }
}

.add-services-b__item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.add-services-b__block {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 8px 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 950px) {
    .add-services-b__block {
        padding: 10px 15px 12px;
    }
}

.add-services-b__value {
    margin: 0 0 0 8px;
}

.add-services-b__value_input {
    position: relative;
    padding: 1px;
    text-align: center;
    display: block;
}

.add-services-b__value_input:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.add-services-b__value_input span {
    position: relative;
    z-index: 2;
    border-radius: 3px;
    background: #610000;
    padding: 10px;
    display: block;
}

.add-services-b__input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 26px;
    padding: 0 4px;
    position: relative;
    z-index: 2;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 12px;
    line-height: 1.3;
    font-family: var(--font-family);
    color: var(--color-main);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    background: #610000;
    border: 0;
    border-radius: 3px;
}

@media (min-width: 950px) {
    .add-services-b__input {
        height: 32px;
        font-size: 14px;
        padding: 0 10px;
    }
}

/* Menu
-------------------------------------
 */
.menu-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    line-height: 1.2;
}

@media (min-width: 950px) {
    .menu-b {
        font-size: 18px;
    }
}

.menu-b__column {
    width: calc(50% - 5px);
}

.menu-b__field {
    margin: 0 0 5px;
    position: relative;
    padding: 1px;
    text-align: center;
    display: block;
}

.menu-b__field:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.menu-b__inner {
    position: relative;
    z-index: 2;
    border-radius: 3px;
    background: #610000;
    font-weight: 500;
    padding: 12px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
}

@media (min-width: 950px) {
    .menu-b__inner {
        padding: 10px 15px;
    }
}

.menu-b__links {
    margin: 0 0 5px;
    position: relative;
    padding: 1px;
    text-align: center;
    display: block;
}

.menu-b__links:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.menu-b__links span {
    position: relative;
    z-index: 2;
    border-radius: 3px;
    background: #610000;
    font-weight: 500;
    padding: 12px 5px;
    display: block;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

@media (min-width: 950px) {
    .menu-b__links span {
        font-size: 16px;
        padding: 10px 15px;
    }
}

.menu-b__links:hover span {
    background: #520000;
}

/* Search
-----------------------------------
 */
.search-b__list {
    margin: 0 0 20px;
}

.search-b__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 5px;
}

.search-b__column {
    width: calc(50% - 5px);
}

.search-b__column:not(.search-b__column_none) {
    position: relative;
    padding: 1px;
    text-align: center;
    display: block;
}

.search-b__column:not(.search-b__column_none):before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.search-b__inner {
    position: relative;
    z-index: 2;
    border-radius: 3px;
    background: #610000;
    text-align: center;
    padding: 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
}

@media (min-width: 950px) {
    .search-b__inner {
        font-size: 16px;
    }
}

.search-b__inner input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 26px;
    padding: 0;
    position: relative;
    z-index: 2;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 1.3;
    font-family: var(--font-family);
    color: var(--color-main);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    background: none;
    border: 0;
}

@media (min-width: 950px) {
    .search-b__inner input {
        padding: 0 10px;
        font-size: 16px;
    }
}

.search-b__inner select {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 26px;
    padding: 0;
    position: relative;
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 1.3;
    font-family: var(--font-family);
    color: var(--color-main);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    background: url("../img/content/toggle.svg") no-repeat 100% 50%;
    background-size: 16px 16px;
    border: 0;
}

@media (min-width: 950px) {
    .search-b__inner select {
        font-size: 16px;
        padding: 0 10px;
    }
}

.search-b__inner select option {
    color: #282828;
}

.search-b__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.search-b__price-column {
    position: relative;
    padding: 1px;
    text-align: center;
    display: block;
}

.search-b__price-column:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.search-b__price-column input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 48px;
    padding: 0 4px;
    position: relative;
    z-index: 2;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 1.3;
    font-family: var(--font-family);
    color: var(--color-main);
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    background: #610000;
    border: 0;
    border-radius: 3px;
}

.search-b__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.search-b__actions .button {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 17px;
    font-weight: bold;
}

/* Tariffs
---------------------
 */
.tariffs-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0 0;
}

.tariffs-b__column {
    width: calc(50% - 5px);
}

.tariffs-b__label {
    font-weight: 500;
    text-align: center;
    margin: 0 0 5px;
    font-size: 12px;
}

@media (min-width: 950px) {
    .tariffs-b__label {
        font-size: 14px;
        margin: 0 0 10px;
    }
}

.tariffs-b__item {
    text-align: center;
    line-height: 1;
    margin: 0 0 5px;
    font-size: 14px;
    position: relative;
    padding: 1px;
}

@media (min-width: 950px) {
    .tariffs-b__item {
        font-size: 16px;
    }
}

.tariffs-b__item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.tariffs-b__item span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    min-height: 44px;
    padding: 8px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.small-tariffs-b__links {
    line-height: 1;
    margin: 0 0 5px;
    font-size: 12px;
    position: relative;
    padding: 1px;
    display: block;
}

.small-tariffs-b__links:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.small-tariffs-b__links span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 8px 10px;
    display: block;
}

/* Card
---------------------------
 */
.card-b__controls {
    margin: 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.card-b__controls-views {
    width: 35%;
    position: relative;
    padding: 1px;
    font-size: 13px;
}

.card-b__controls-views strong {
    font-weight: 500;
}

.card-b__controls-views:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__controls-inner {
    position: relative;
    z-index: 2;
    background: #610000;
    height: 100%;
    border-radius: 3px;
    padding: 5px;
    display: block;
}

@media (min-width: 950px) {
    .card-b__controls-inner {
        padding: 10px;
    }
}

.card-b__controls-label {
    font-weight: 500;
    font-size: 8px;
    line-height: 1.2;
    margin: 0 0 10px;
}

@media (min-width: 950px) {
    .card-b__controls-label {
        font-size: 16px;
    }
}

@media (min-width: 950px) {
    .card-b__controls-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.card-b__controls-item {
    position: relative;
    padding: 0 0 0 35px;
    margin: 0 0 10px;
    font-size: 16px;
    min-height: 22px;
}

@media (min-width: 950px) {
    .card-b__controls-item {
        width: calc(50% - 10px);
    }
}

.card-b__controls-item:last-child {
    margin: 0;
}

.card-b__controls-item img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.card-b__controls-about {
    width: 65%;
    padding: 0 0 0 5px;
}

.card-b__controls-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.card-b__controls-buttons .button {
    font-size: 14px;
    font-weight: 500;
    width: calc(50% - 5px);
    margin: 0 0 5px;
}

@media (min-width: 950px) {
    .card-b__controls-buttons .button {
        font-size: 17px;
    }
}

.card-b__controls-buttons .button span {
    padding: 0 15px;
}

.card-b__controls-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.card-b__controls-info_column {
    width: calc(50% - 5px);
}

.card-b__controls-status {
    position: relative;
    padding: 1px;
    font-size: 13px;
}

.card-b__controls-status strong {
    font-weight: 500;
}

.card-b__controls-status:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__controls-status span {
    position: relative;
    z-index: 2;
    background: #610000;
    height: 100%;
    border-radius: 3px;
    padding: 10px;
    display: block;
    word-wrap: break-word;
}

.card-b__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 5px;
    gap: 5px;
}

.card-b__name {
    line-height: 1;
    position: relative;
    padding: 2px;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 11px;
}

@media (min-width: 950px) {
    .card-b__name {
        font-size: 18px;
    }
}

.card-b__name:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__name span {
    position: relative;
    z-index: 2;
    background: #610000;
    height: 100%;
    border-radius: 3px;
    padding: 10px 5px;
    display: block;
}

@media (min-width: 950px) {
    .card-b__name span {
        padding: 10px 15px;
    }
}

.card-b__article {
    line-height: 1;
    position: relative;
    padding: 2px;
    display: block;
    font-size: 11px;
    -webkit-box-flex: 1;
    -ms-flex: none;
    flex: none;
}

@media (min-width: 950px) {
    .card-b__article {
        font-size: 18px;
    }
}

.card-b__article:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__article span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 10px 5px;
    display: block;
    height: 100%;
    min-width: 120px;
}

.card-b__article span strong {
    font-weight: 500;
}

@media (min-width: 950px) {
    .card-b__article span {
        padding: 10px 15px;
    }
}

.card-b__status {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    line-height: 1;
    position: relative;
    padding: 2px;
    display: block;
    font-size: 13px;
}

.card-b__status:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__status span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    min-width: 30px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card-b__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.card-b__content {
    width: 72%;
    padding: 0 5px 0 0;
}

.card-b__section {
    line-height: 1;
    margin: 0 0 5px;
    position: relative;
    padding: 1px;
    display: block;
    font-size: 13px;
}

.card-b__section:last-child {
    margin: 0 0 5px;
}

.card-b__section:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__section-inner {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 5px;
    display: block;
    min-height: 120px;
}

.card-b__section:last-child .card-b__section-inner {
    min-height: 512px;
}

@media (min-width: 950px) {
    .card-b__section-inner {
        padding: 20px;
    }
}

.card-b__list {
    margin: 0 0 10px;
}

.card-b__list_2x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 950px) {
    .card-b__list_grid {
        overflow: hidden;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

.card-b__list:last-child {
    margin: 0;
}

.card-b__field {
    margin: 0 0 2px;
    font-size: 12px;
    line-height: 1.3
}

.card-b__field_inline {
    display: flex;
    gap: 5px;
}

@media (min-width: 950px) {
    .card-b__field {
        font-size: 16px;
    }
}

.card-b__field strong {
    display: block;
    font-weight: 500;
    font-size: 11px;
    color: #f00;
    margin: 0 0 2px;
}

.card-b__field_inline strong {
    margin: 0
}

@media (min-width: 950px) {
    .card-b__field strong {
        display: inline;
        margin: 0;
    }
}

.card-b__list_2x .card-b__field {
    width: calc(50% - 4px);
}

.card-b__list_grid .card-b__field {
    margin: 0 0 25px;
    display: inline-block;
    width: 100%;
}

.card-b__list_grid .card-b__field:last-child {
    margin: 0;
}

@media (min-width: 950px) {
    .card-b__list_grid .card-b__field strong {
        margin: 0 0 5px;
        display: block;
    }
}

.card-b__list-column {
    width: calc(50% - 4px)
}

.card-b__list-column .card-b__field {
    width: 100%;
    margin: 0 0 5px
}

.card-b__field p {
    margin: 0 0 1px;
}

.card-b__list_grid .card-b__field p:last-child {
    margin: 0;
}

.card-b__sidebar {
    width: 28%;
}

.card-b__select {
    text-align: center;
    line-height: 1;
    margin: 0 0 5px;
    font-size: 11px;
    position: relative;
    padding: 1px;
}

@media (min-width: 950px) {
    .card-b__select {
        font-size: 16px;
    }
}

.card-b__select:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__select span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 6px 2px 7px;
    display: block;
}

@media (min-width: 950px) {
    .card-b__select span {
        padding: 15px;
    }
}

.card-b__video {
    text-align: center;
    line-height: 1;
    margin: 0 0 2px;
    font-size: 15px;
    position: relative;
    padding: 2px;
}

@media (min-width: 950px) {
    .card-b__video {
        font-size: 16px;
    }
}

.card-b__video:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__video span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 12px 10px;
    display: block;
}

@media (min-width: 950px) {
    .card-b__video span {
        padding: 15px;
    }
}

.card-b__social-links {
    text-align: center;
    line-height: 1;
    margin: 0 0 5px;
    font-size: 15px;
    position: relative;
    padding: 2px;
    font-weight: 500;
    display: block;
}

@media (min-width: 950px) {
    .card-b__social-links {
        font-size: 17px;
    }

    .card-b__social-links:hover {
        background: #520000;
    }
}

.card-b__social-links_wa {
    color: #25d366;
}

.card-b__social-links_tg {
    color: #008dff;
}

.card-b__social-links_call {
    color: #00ff47;
}

.card-b__social-links:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__social-links span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 12px 5px;
    display: block;
}

@media (min-width: 950px) {
    .card-b__social-links span {
        padding: 15px 15px;
    }
}

.card-b__confirm {
    text-align: center;
    line-height: 1;
    margin: 0 0 5px;
    font-size: 11px;
    position: relative;
    padding: 1px;
}

.card-b__confirm:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__confirm span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 6px 3px 7px;
    display: block;
}

@media (min-width: 950px) {
    .card-b__confirm span {
        padding: 15px;
    }
}

.card-b__photo {
    text-align: center;
    line-height: 1;
    margin: 0 0 5px;
    font-size: 15px;
    position: relative;
    padding: 2px;
}

.card-b__photo:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__photo-inner {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    display: block;
    min-height: 140px;
}

.card-b__photo-inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
}

.card-b__info {
    line-height: 1;
    margin: 0 0 2px;
    font-size: 13px;
    position: relative;
    padding: 1px;
}

@media (min-width: 950px) {
    .card-b__info {
        font-size: 16px;
    }
}

.card-b__info:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__info-inner {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    display: block;
    padding: 5px;
}

.card-b__info-label {
    margin: 0 0 10px;
    color: #f00;
    font-weight: 500;
}

.card-b__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 8px;
    font-size: 11px;
    color: red;
}

.card-b__info-item span {
    color: var(--color-main);
}

@media (min-width: 950px) {
    .card-b__info-item {
        font-size: 16px;
    }
}

.card-b__info-item:last-child {
    margin: 0;
}

.card-b__data {
    line-height: 1;
    margin: 0 0 5px;
    font-size: 15px;
    position: relative;
    padding: 2px;
}

@media (min-width: 950px) {
    .card-b__data {
        font-size: 16px;
    }
}

.card-b__data:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.card-b__data span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 12px 10px;
    display: block;
}

@media (min-width: 950px) {
    .card-b__data span {
        padding: 15px;
    }
}

.card-b__add .button {
    font-size: 14px;
}

.card-b__add .button span {
    height: 39px;
    font-size: 12px;
}

@media (min-width: 950px) {
    .card-b__add .button {
        font-size: 20px;
    }

    .card-b__add .button span {
        height: 58px;
    }
}

.card-b__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.card-b__actions .button {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 16px;
    font-weight: 500;
}

@media (min-width: 950px) {
    .card-b__actions .button {
        font-size: 18px;
    }
}

.footer-b {
    padding: 15px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#6a0000), color-stop(#f9001b), to(#6a0000));
    background: -webkit-linear-gradient(top, #6a0000, #f9001b, #6a0000);
    background: linear-gradient(to bottom, #6a0000, #f9001b, #6a0000);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 4;
}

@media (min-width: 950px) {
    .footer-b {
        text-align: center;
        font-size: 16px;
    }
}

.footer-b:before {
    left: 2px;
    top: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    content: '';
    z-index: 3;
    position: absolute;
    background: #610000;
}

@media (min-width: 950px) {
    .footer-b:before {
        left: 5px;
        top: 5px;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
    }
}

.footer-b .max-width {
    position: relative;
    z-index: 4;
}

.header-b {
    flex: none;
    position: sticky;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 9;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    padding: 8px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#6a0000), color-stop(#f9001b), to(#6a0000));
    background: -webkit-linear-gradient(top, #6a0000, #f9001b, #6a0000);
    background: linear-gradient(to bottom, #6a0000, #f9001b, #6a0000);
}

@media (min-width: 950px) {
    .header-b {
        display: none;
    }
}

.header-b:before {
    left: 2px;
    top: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    content: '';
    z-index: 3;
    position: absolute;
    background: #610000;
}

.header-b__grid {
    position: relative;
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

.header-b__city {

}

.header-b__city img {
    height: 26px
}

.header-b__balance {
    text-align: center;
    line-height: 1;
    font-size: 11px;
    padding: 1px;
    position: relative;
}

.header-b__balance:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(#f60000), to(#000));
    background: -webkit-linear-gradient(top, #000, #f60000, #000);
    background: linear-gradient(to bottom, #000, #f60000, #000);
}

.header-b__balance span {
    position: relative;
    z-index: 2;
    background: #610000;
    border-radius: 3px;
    padding: 6px 6px 7px;
    display: block;
}

.header-b__balance span strong {
    font-weight: 500
}

.header-b__search {
}

.header-b__search img {
    height: 25px
}

.header-b__logo {
}

.header-b__logo img {
    height: 16px
}

.header-b__burger {
    position: relative;
    z-index: 10;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-b__burger img {
    height: 22px
}

.header-b__burger i {
    background: var(--color-main);
    width: 28px;
    display: block;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.1);
    height: 3px;
    -webkit-transition: width 0.1s linear;
    transition: width 0.1s linear;
}

.header-b__burger i:first-child {
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    -webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear;
    transition: top 0.2s linear, -webkit-transform 0.2s linear;
    transition: transform 0.2s linear, top 0.2s linear;
    transition: transform 0.2s linear, top 0.2s linear, -webkit-transform 0.2s linear;
}

.header-b__burger i:nth-child(2) {
    opacity: 1;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.header-b__burger i:nth-child(3) {
    position: relative;
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear;
    transition: top 0.2s linear, -webkit-transform 0.2s linear;
    transition: transform 0.2s linear, top 0.2s linear;
    transition: transform 0.2s linear, top 0.2s linear, -webkit-transform 0.2s linear;
}

.header-b__burger_active i {
    background: #fff;
}

.header-b__burger_active i:first-child {
    top: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear;
    transition: top 0.2s linear, -webkit-transform 0.2s linear;
    transition: transform 0.2s linear, top 0.2s linear;
    transition: transform 0.2s linear, top 0.2s linear, -webkit-transform 0.2s linear;
}

.header-b__burger_active i:nth-child(2) {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.header-b__burger_active i:nth-child(3) {
    top: -8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear;
    transition: top 0.2s linear, -webkit-transform 0.2s linear;
    transition: transform 0.2s linear, top 0.2s linear;
    transition: transform 0.2s linear, top 0.2s linear, -webkit-transform 0.2s linear;
}

/* Sidebar
------------------------
 */
.sidebar-b__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    padding: 80px 0;
    margin: 0 0 50px;
}

.sidebar-b__category {
    padding: 0 25px;
    margin: 0 0 40px;
}

.sidebar-b__category-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 21px;
    padding: 12px 15px;
    border-radius: 4px;
    margin: 0 0 10px;
}

.sidebar-b__category-links:hover {
    background: #520000;
}

.sidebar-b__auth {
    padding: 25px;
    margin-bottom: 50px;
}

.sidebar-b__auth .form-b {
    padding: 30px;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 7px;
}

.sidebar-b__auth .form-b .button {
    font-size: 18px;
}