@charset "UTF-8";
.breadcrumbs__item span + span {
    margin-left: 15px
}

.dtime {
    width: 182px;
    background: #fff5f9;
    display: none;
    position: absolute;
    padding: 3px;
    margin: 0;
    line-height: normal;
    white-space: normal;
    overflow: hidden;
    text-align: center;
    z-index: 15;
    box-shadow: 0 5px 10px #444
}

.cont_ch, .d_con_ym {
    display: inline-block
}

.cont_ch {
    border: 0;
    border-spacing: 3px;
    border-collapse: separate
}

.cont_ch td, .cont_ch th {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400
}

.d_con_ym {
    width: 174px;
    line-height: 20px;
    height: 20px;
    padding: 0 4px 26px;
    margin: 25px 0 5px;
    text-align: center;
    color: #000;
    border-bottom: 1px solid #fff
}

.g_back, .g_next {
    float: left;
    font-size: 15px;
    cursor: pointer;
    color: #000
}

.g_next {
    float: right
}

.d_month, .d_year {
    display: none;
    font-size: 11px;
    width: 65px;
    vertical-align: middle
}

.d_month-not-sel, .d_year-not-sel {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.d_month-not-sel {
    margin-right: 15px
}

.d_month {
    margin-left: 2px
}

.dt_button, .dt_time {
    width: 182px;
    margin: 10px 0 0;
    display: inline-block;
    text-align: center;
    color: #000
}

.dt_time {
    border: none
}

.cn_time, .cnn_time {
    margin: 5px 0 0;
    display: inline-block;
    text-align: center
}

.rz_time {
    display: inline-block;
    font-size: 10px;
    margin: 0 5px
}

.d_hour, .d_minute {
    text-align: center;
    border: 1px solid #d8d8d8;
    width: 45px;
    margin-top: 5px;
    cursor: pointer
}

.c_button, .t_button {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    cursor: pointer;
    font-weight: 400;
    color: #000
}

.t_button {
    float: left
}

.c_button {
    float: right
}

.chd, .d_chd, .pr_chd {
    width: 19px;
    line-height: 15px;
    height: 15px;
    float: left;
    margin: 1px;
    padding: 0 3px 0 0
}

.chd {
    text-align: right;
    color: #505050;
    cursor: pointer;
    background-color: #fff
}

.d_chd, .pr_chd {
    font-size: 9px
}

.pr_chd {
    color: #666;
    text-align: right
}

.d_chd {
    text-align: center;
    display: inline;
    font-weight: 700;
    border: 1px solid transparent
}

.s_chd, .s_chd:hover {
    background: #dc025e;
    color: #fff
}

#box_load_after_time {
    display: none;
    font-size: 12px;
    color: #b1b1af;
    text-decoration: none
}

body, html {
    position: relative
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    font-family: sans-serif
}

body {
    min-width: 320px;
    margin: 0;
    padding: 0;
    font-family: "Roboto", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    overflow: hidden
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], block-borderlate {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    display: block;
    max-width: 100%;
    height: auto
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

.visually-hidden, legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/roboto-v18-latin-regular.woff2) format("woff2"), url(../fonts/roboto-v18-latin-regular.woff) format("woff")
}

@font-face {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/roboto-v18-latin-700.woff2) format("woff2"), url(../fonts/roboto-v18-latin-700.woff) format("woff")
}

*, ::after, ::before {
    box-sizing: inherit
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

main {
    display: flex;
    flex-direction: column
}

input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #b1b1b1
}

.slider, .slider__list {
    display: flex;
    width: 100%
}

.slider {
    justify-content: space-between;
    align-items: center;
    padding: 0 15px
}

.slider__list {
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.slider__list::-webkit-scrollbar {
    width: 0
}

.slider__item {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    width: 100%
}

.slider__item-wrapper {
    max-width: 264px;
    border-top: 3px solid #dc025e
}

.slider__img {
    border: 1px solid #ccc;
    border-top: 0
}

.slider__button {
    width: 7px;
    height: 62px;
    margin-bottom: 70px;
    padding: 0 8px;
    background-color: transparent;
    border: 0;
    overflow: hidden
}

.slider__button svg {
    fill: #dc025e
}

.slider__button--prev {
    order: -1;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider__button:disabled {
    opacity: .4;
    cursor: not-allowed
}

.slider__item-title {
    margin: 12px 0 0;
    font-size: 17px
}

.slider__item-title a {
    color: #000;
    text-decoration: none
}

.page-footer__aside-item a[href]:hover, .page-footer__navigation-item a[href]:hover, .point-popup__title a:hover, .slider__item-title a:hover {
    color: #dc025e
}

.slider__item-city {
    align-self: center;
    margin: 0 0 0 10px;
    font-size: 15px
}

.slider__item-description {
    display: none
}

.button {
    width: 290px;
    padding: 13px 25px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #dc025e;
    border: 0;
    border-radius: 8px
}

.button:hover {
    background-color: #fc2a82
}

.button:disabled {
    opacity: .4;
    cursor: not-allowed
}

.button--gray {
    background-color: #6b6b6b
}

.button--gray:hover {
    background-color: #929191
}

.button-cross {
    position: absolute;
    width: 13px;
    height: 13px;
    padding: 0;
    background-color: transparent;
    border: 0
}

.button-cross::after, .button-cross::before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
    width: 14px;
    height: 2px;
    background-color: #b4b0b2
}

.button-cross::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.button-corner, .button-cross::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.button-corner {
    width: 13px;
    height: 13px;
    padding: 0;
    background-color: transparent;
    border: 0;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000
}

.button-back, .button-onmap {
    color: #000;
    text-decoration: none
}

.button-onmap {
    display: flex;
    align-items: center;
    min-height: 19px;
    padding-right: 23px;
    text-align: right;
    font-weight: 700;
    background: url(../img/earth.svg) right center no-repeat;
    background-size: 19px;
    font-size: 11px
}

.button-back {
    position: relative;
    padding-left: 27px;
    font-size: 14px
}

.button-back:before {
    position: absolute;
    top: 50%;
    left: 3px;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
    content: '';
    width: 15px;
    height: 15px;
    border-left: 4px solid #e4176d;
    border-top: 4px solid #e4176d
}

.button-addfile {
    z-index: 100;
    position: relative
}

.button-addfile__input:focus + .button-addfile__wrapper, .salon-addcomment--no-accaunt .salon-addcomment__autor-image-file .autor-image__file-input:focus + label {
    outline: 2px solid #a6c7ff
}

.button-addfile__wrapper, .salon-addcomment--no-accaunt .salon-addcomment__autor-image-file label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 0
}

.button-addfile__wrapper:focus {
    outline: none
}

.button-addfile__text {
    display: flex;
    align-items: center;
    min-height: 21px;
    margin: 0;
    padding-left: 29px;
    font-size: 14px;
    color: #666;
    background: url(../img/addphoto.svg) 0 50% no-repeat;
    background-size: 20px
}

.button-addprocedure {
    display: inline-block;
    padding-left: 23px;
    text-decoration: none;
    background: no-repeat 0 50%;
    background-size: 15px
}

.button-password {
    position: absolute;
    width: 20px;
    height: 17px;
    padding: 0;
    background: no-repeat 50% 50%;
    background-image: url(../img/visible.svg);
    background-size: contain;
    border: 0
}

.button-password--active {
    background-image: url(../img/invisible.svg)
}

.label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.label input {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 14px;
    height: 14px;
    margin-right: 11px;
    background-color: #fff;
    border: 1px solid #d6d6d6
}

.label input:checked::before {
    position: absolute;
    top: 3px;
    left: 1px;
    content: '';
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mailing {
    display: flex;
    flex-direction: column;
    margin-bottom: 2px;
    padding: 15px;
    background-color: #f8f8f8
}

.mailing__slogan {
    align-self: center;
    margin-left: 5px;
    font-size: 14px
}

.mailing__subscription {
    display: none
}

.mailing__form {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px
}

.mailing__input-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0
}

.mailing__input {
    width: 225px;
    padding: 12px 15px;
    font-size: 16px;
    color: #000;
    border: 1px solid #d6d6d6;
    border-radius: 6px
}

.mailing__input:focus {
    outline: none;
    border-color: #fc2a82
}

.mailing__button .mailing__button--pc, .mailing__rules {
    display: none
}

.mailing__button {
    align-self: flex-start;
    margin-left: 5px;
    padding: 12px 15px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #6b6b6b;
    border: 0;
    border-radius: 6px
}

.mailing__button:hover {
    background-color: #fc2a82
}

.mailing__followers {
    display: none
}

.breadcrumbs {
    margin-top: 15px;
    padding: 0 15px
}

.breadcrumbs--border {
    border-top: 2px solid #fce5ef;
    margin: 0;
    padding: 12px 15px 0
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 0 0 0 -15px
}

.breadcrumbs__item {
    margin-left: 15px;
    line-height: 15px
}

.breadcrumbs__item:after {
    content: '/';
    margin-left: 15px;
    color: #737373
}

.breadcrumbs__item a {
    color: #666;
    text-decoration: none
}

.breadcrumbs__item--current:after {
    display: none
}

.breadcrumbs__item--current a {
    color: #757575
}

.phonebook {
    position: relative;
    min-height: 17px
}

.phonebook__wrapper {
    z-index: 500;
    position: absolute;
    left: -10px;
    display: flex;
    padding: 0 10px;
    background-color: #fff
}

.phonebook__wrapper--active {
    padding-bottom: 10px;
    box-shadow: 0 10px 10px #444
}

.phonebook__wrapper--active .phonebook__item {
    display: block
}

.phonebook__wrapper--active .phonebook__button {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.phonebook__wrapper--active-popup .phonebook__popup {
    display: block
}

.phonebook__list {
    position: relative;
    margin: 0;
    list-style: none;
    padding: 0 0 0 23px;
    font-weight: 700;
    font-size: 14px;
    background: url(../img/phone.svg) no-repeat 2px 0;
    background-size: 17px
}

.phonebook__list a {
    text-decoration: none;
    color: #000
}

.phonebook__item {
    display: none;
    padding-right: 13px;
    margin-top: 5px;
    cursor: pointer
}

.phonebook__item:first-child {
    display: block;
    margin: 0
}

.phonebook__item a, .phonebook__popup-item a {
    position: relative;
    white-space: nowrap;
    display: block
}

.phonebook__item a::after, .phonebook__popup-item a::after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '...';
    width: 16px;
    height: 17px;
    background-color: #fff
}

.phonebook__button {
    width: 8px;
    height: 8px;
    margin: 2px 0 0
}

.phonebook__popup {
    display: none;
    position: absolute;
    top: -60px;
    min-width: 242px;
    padding: 15px 13px 20px;
    background-color: #fff;
    border-top: 4px solid #dc025e;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5)
}

.phonebook__popup .phonebook__list {
    margin-top: 17px;
    padding: 0;
    background-image: none
}

.phonebook__popup-link {
    display: block;
    margin-top: 8px;
    color: #000;
    font-size: 12px
}

.phonebook__popup-text {
    margin: 0;
    font-size: 12px;
    line-height: 14px
}

.phonebook__popup-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 25px;
    background: url(../img/phone.svg) 2px 0 no-repeat
}

.phonebook__popup-item--active .phonebook__popup-show-number, .phonebook__popup-item--active a::after {
    display: none
}

.phonebook__popup-show-number {
    padding: 0;
    font-size: 12px;
    color: #666;
    text-decoration: underline;
    background-color: transparent;
    border: 0
}

.phonebook__popup-close {
    top: 7px;
    right: 7px
}

.workdays {
    background: url(../img/clock.svg) no-repeat 0 50%;
    background-size: 17px
}

.workdays__button-open, .workdays__title {
    display: none
}

.workdays__list {
    display: flex;
    align-items: center;
    min-height: 18px;
    margin: 0;
    list-style: none;
    padding: 0 0 0 23px
}

.workday__item {
    margin-left: 15px;
    font-size: 12px;
    color: #666
}

.services-list-item:first-child, .workday__item:first-child {
    margin-left: 0
}

.workday__item span {
    color: #000
}

.services-list-item span, .workday__button-close {
    display: none
}

.services-list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.services-list-item {
    position: relative;
    min-width: 26px;
    min-height: 26px;
    margin-left: 4px
}

.services-list-item:before {
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    background: 50% 50% no-repeat;
    background-size: 20px;
    border: 1px solid #eee
}

.services-list-item--sofa::before {
    background-image: url(../img/sofa.svg)
}

.services-list-item--coffee::before {
    background-image: url(../img/coffee.svg)
}

.services-list-item--parking::before {
    background-image: url(../img/parking.svg)
}

.services-list-item--wifi::before {
    background-image: url(../img/wifi.svg)
}

.services-list-item--card::before {
    background-image: url(../img/card.svg)
}

.services-list-item--childroom::before {
    background-image: url(../img/childroom.svg)
}

.comments {
    margin: 0;
    padding: 0;
    list-style: none
}

.commemts__comment {
    padding: 15px 15px 12px;
    border-bottom: 1px solid #d6d6d6
}

.comments__autor {
    display: flex;
    justify-content: space-between
}

.comments__autor-popup-wrapper--active .comments__autor-popup, .comments__autor-wrapper {
    display: flex
}

.comments__autor-popup-wrapper {
    position: relative
}

.comments__autor-img-wrapper {
    margin: 0;
    flex-shrink: 0
}

.comments__autor-image {
    border-radius: 50%;
    cursor: pointer
}

.comments__autor-popup {
    display: none;
    z-index: 500;
    position: absolute;
    bottom: 20px;
    left: 30px;
    flex-direction: column;
    width: 262px;
    height: 183px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5)
}

.comments__autor-popup .comments__autor-wrapper {
    margin-top: 10px;
    padding-left: 8px
}

.comments__autor-popup .comments__autor-name {
    font-size: 13px;
    font-weight: 700
}

.comments__autor-popup .comments__autor-rank {
    margin-top: 15px;
    font-size: 12px
}

.comments__autor-popup .comments__autor-fact {
    margin-left: 15px
}

.comments__autor-city {
    margin: 12px 0 0;
    font-size: 12px
}

.comments__autor-experience {
    width: 100%;
    margin: 14px 0 0;
    padding: 8px 0;
    text-align: center;
    font-size: 12px;
    color: #5d5c5c;
    background-color: #fff1f7
}

.comments__autor-list {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 13px 0 0;
    padding: 0 15px
}

.comments__autor-itme {
    font-size: 12px;
    color: #5d5c5c
}

.comments__autor-itme span {
    font-weight: 700
}

.comments__autor-popup-button {
    top: 7px;
    right: 7px
}

.comments__autor-fact {
    margin-left: 7px
}

.comments__autor-name {
    font-size: 16px;
    line-height: 16px;
    font-style: normal
}

.comments__autor-rank {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    color: #757575
}

.comments__autor-time {
    margin: 4px 0 0;
    font-size: 11px;
    line-height: 11px;
    color: #757575
}

.comments__rate {
    display: flex
}

.comments__rate--active .comments__buttons-list {
    display: block
}

.comments__rating {
    align-items: center
}

.comments__rating .rating-salon__point {
    font-size: 24px
}

.comments__rating .rating-salon-stars {
    margin-left: 5px;
    padding-right: 10px
}

.comments__rating .rating-salon__star {
    display: none
}

.comments__rating .rating-salon__star:first-child {
    display: block
}

.comments__button-functions {
    align-self: center;
    position: relative;
    width: 6px;
    height: 32px;
    padding: 0 6px;
    background-color: transparent;
    border: 0
}

.comments__button-functions::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    content: '';
    background-color: #adadad;
    box-shadow: 0 -10px 0 0 #adadad, 0 10px 0 0 #adadad
}

.comments__buttons-list {
    z-index: 600;
    position: absolute;
    right: 30px;
    display: none;
    margin: 0;
    list-style: none;
    padding: 5px;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 6px
}

.comment__button {
    font-size: 14px;
    color: #fff;
    background-color: transparent;
    border: 0
}

.comments__blockquote {
    margin-top: 15px
}

.comments__text {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: #4e4e4e
}

.comments__photos {
    display: flex;
    margin: 12px 0 0
}

.comments__photo {
    margin-left: 5px
}

.comments__feedback {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.comments__feedback-visit {
    margin: 0;
    padding: 5px 20px 5px 7px;
    font-size: 12px;
    background-color: #e9e9e9;
    border-radius: 6px
}

.comments__feedback-visit--true {
    color: #317729
}

.comments__feedback-visit--false {
    color: #bd374d
}

.comments__feedback-like {
    padding-left: 37px;
    font-weight: 700;
    background: #fce5ef url(../img/like.svg) 8px 5px no-repeat;
    background-size: 26px;
    border: 0;
    border-radius: 6px
}

.pagination {
    display: none
}

.salon-map {
    min-width: 262px;
    max-width: 262px;
    height: 287px
}

.salon-map__title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 6px 7px 21px;
    background-color: #fce5ef
}

.salon-map__title {
    margin: 0;
    font-size: 16px
}

.salon-map__button, .salon-map__button-close {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #ffbfdb;
    border: 0;
    border-radius: 10px
}

.salon-map__button::before {
    position: absolute;
    top: 12px;
    left: 7px;
    content: '';
    width: 17px;
    height: 17px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.salon-map__button-close::after, .salon-map__button-close::before {
    position: absolute;
    top: 45%;
    right: 20%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
    width: 25px;
    height: 4px;
    background-color: #fff
}

.salon-map__button-close::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.salon-map__button-close::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.salon-map__maps {
    position: relative;
    border: 1px solid #d6d6d6;
    border-top: 0
}

.salon-map__map-iframe {
    z-index: 100;
    position: relative;
    width: 260px;
    height: 232px;
    border: 0
}

.salon-map__map-img-wrapper {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0
}

.modal-overlay {
    display: none;
    z-index: 900;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7
}

.autocomplete {
    display: none;
    z-index: 750;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 95%;
    background-color: #fff;
    box-shadow: 0 10px 25px #444;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.autocomplete__list {
    max-height: 154px;
    margin: 0;
    list-style: none;
    padding: 0 0 5px;
    overflow: hidden;
    overflow-y: auto
}

.autocomplete__item {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px 10px 5px 25px;
    border-bottom: 1px solid #fef2f7
}

.autocomplete__item a {
    width: 100%;
    font-size: 12px;
    color: #000;
    text-decoration: none
}

.autocomplete__item span {
    color: #6f6f6f
}

.autocomplete__item:hover, .popup-recording__where span {
    font-weight: 700
}

.autocomplete__item:hover::after {
    position: absolute;
    left: 10px;
    top: 60%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: '';
    width: 7px;
    height: 7px;
    background-color: #fcf;
    border-radius: 50%
}

.autocomplete__results {
    margin: 0;
    padding: 5px 0 5px 15px;
    font-size: 11px;
    color: #666;
    background-color: #f5f5f5;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.salon-address__underground svg {
    margin: 0 5px
}

.salon-address {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.salon-address__underground {
    position: relative;
    display: flex;
    align-items: center;
    margin: 3px 0 0;
    font-size: 14px
}

.salon-address__street {
    display: flex;
    align-items: center;
    max-width: 275px;
    min-height: 28px;
    margin: 3px 0 0;
    padding: 0 0 0 25px;
    font-size: 12px;
    color: #666;
    background: url(../img/place.svg) no-repeat 0 50%;
    background-size: 24px
}

.modal, .popup-wrapper {
    display: none;
    z-index: 900;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.modal {
    background-color: rgba(0, 0, 0, .6)
}

.modal--active {
    display: block
}

body:not([data-current-value=""]) .modal {
    display: block
}

.gallery {
    display: none
}

body[data-current-value=gallery] .gallery {
    display: block
}

.gallery__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.gallery__item {
    display: none
}

.gallery__item--active {
    display: block
}

.gallery__img {
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 80%
}

.calendar__wrapper select, .gallery__button {
    background-color: transparent;
    border: 0
}

.gallery__button:disabled {
    opacity: .5
}

.gallery__button--next, .gallery__button--prev {
    z-index: 1000;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.gallery__button--prev {
    left: 5px;
    -webkit-transform: rotate(180deg) translate(0, 50%);
    transform: rotate(180deg) translate(0, 50%)
}

.gallery__button--next {
    right: 5px
}

.gm-style-iw {
    width: 242px;
    border-top: 4px solid #dc025e;
    border-radius: 0 !important
}

.point-popup__title {
    margin: 7px 0 0;
    font-size: 18px
}

.point-popup__title a {
    color: #000;
    text-decoration: none
}

.point-popup__description {
    display: none
}

.point-popup__address {
    min-height: 51px;
    margin: 0;
    padding-left: 37px;
    background: url(../img/place.svg) no-repeat 0 50%;
    background-size: 36px
}

.point-popup__address .salon-address__street {
    padding-left: 5px;
    color: #000;
    background-image: none
}

.point-popup__services-list {
    margin-top: 5px
}

.point-popup__rating {
    margin-top: 10px
}

.popup-question {
    display: none;
    z-index: 1000;
    position: fixed;
    left: 50%;
    top: 100px;
    flex-direction: column;
    width: 290px;
    margin-left: -145px;
    padding-bottom: 15px;
    background-color: #fff;
    border-top: 7px solid #dc025e
}

body[data-current-value=question] .popup-question {
    display: flex
}

.popup-qeustion__title {
    margin: 0;
    padding: 15px 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #fef2f7
}

.popup-qeustion__form {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    padding: 0 15px
}

.popup-qeustion__form input {
    height: 30px;
    margin-top: 5px;
    padding: 3px 5px 0
}

.popup-qeustion__form textarea {
    height: 60px;
    margin-top: 5px;
    padding: 3px 5px;
    resize: none
}

.popup-question__button {
    align-self: center;
    width: 160px;
    margin-top: 15px;
    padding: 8px 0
}

.popup-question__rules {
    margin: 15px 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #999
}

.popup-question__rules a {
    color: #000
}

.popup-question__closed {
    top: 5px;
    right: 5px
}

.popup-recording {
    z-index: 1000;
    display: none;
    position: absolute;
    top: 72px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 290px;
    padding-bottom: 20px;
    background-color: #fff;
    border-top: 7px solid #dc025e
}

body[data-current-value=recording] .popup-recording {
    display: block
}

.popup-recording--no-accaunt .popup-recording__personal-inputs, .popup-recording__autocomplete .autocomplete__item:hover::after {
    display: none
}

.popup-recording__form {
    display: flex;
    flex-direction: column
}

.popup-recording__header {
    padding: 16px 20px 15px 45px;
    background: #ffe5f2 url(../img/pencil.svg) no-repeat;
    background-position: 10px 23px;
    background-size: 30px
}

.popup-recording__title {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase
}

.popup-recording__where {
    margin: 7px 0 0;
    font-size: 12px
}

.popup-recording__personal-inputs {
    margin: 0;
    padding: 0 23px
}

.popup-recording__personal-inputs input {
    width: 100%;
    margin-top: 14px;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 6px
}

.popup-recording__selected-list {
    margin: 0;
    list-style: none;
    padding: 0 23px
}

.popup-recording__selected-item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 14px;
    padding: 2px 18px 2px 28px;
    background: no-repeat;
    background-size: 14px;
    border: 1px solid #000;
    border-radius: 6px
}

.popup-recording__selected-item b {
    font-size: 16px
}

.popup-recording__selected-item span {
    font-size: 14px;
    color: #6f6f6f;
    line-height: 14px
}

.popup-recording__selected-item--women {
    background-image: url(../img/woman.svg);
    background-position: 2px 5px;
    background-size: 24px
}

.popup-recording__selected-item--men {
    background-image: url(../img/man.svg);
    background-position: 4px 50%;
    background-size: 19px
}

.popup-recording__selected-del {
    top: 10px;
    right: 6px
}

.popup-recording__input-wrapper {
    position: relative;
    margin-top: 14px;
    padding: 0 23px
}

.popup-recording__input {
    width: 100%;
    padding: 10px 15px;
    font-size: 14px;
    border-color: #000;
    border-radius: 6px
}

.popup-recording__input-button {
    position: absolute;
    top: 15px;
    right: 35px;
    width: 21px;
    height: 11px;
    padding: 0;
    background: url(../img/button-corner.svg) no-repeat 50% 50%;
    border: 0
}

.popup-recording__autocomplete {
    width: 244px;
    margin-top: 1px;
    border: 1px solid #a2a2a2;
    border-radius: 6px;
    box-shadow: 0 5px 8px #444
}

.popup-recording__autocomplete .autocomplete__list {
    max-height: 180px
}

.popup-recording__autocomplete .autocomplete__item {
    flex-direction: column;
    padding: 3px 13px 5px 40px;
    background: no-repeat
}

.order__services-autocomplete .autocomplete__item button, .popup-recording__autocomplete .autocomplete__item button {
    padding: 0;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    background-color: transparent;
    border: 0
}

.popup-recording__autocomplete .autocomplete__item span {
    font-size: 14px;
    cursor: pointer
}

.popup-recording__autocomplete .autocomplete__item--man {
    background-image: url(../img/man.svg);
    background-position: 15px 10px;
    background-size: 20px
}

.popup-recording__autocomplete .autocomplete__item--woman {
    background-image: url(../img/woman.svg);
    background-position: 10px 10px;
    background-size: 24px
}

.popup-recording__autocomplete .autocomplete__item:hover {
    font-weight: 400;
    background-color: #f1f1f1
}

.popup-recording__add-button {
    margin: 8px 23px 0;
    color: #ff92b8;
    background-image: url(../img/plus.svg)
}

.popup-recording__wish-info {
    margin: 21px 0 0;
    padding: 0 23px
}

.popup-recording__comment, .popup-recording__wish-info .select-date__wish-day {
    align-items: flex-start;
    flex-direction: column
}

.popup-recording__wish-info .select-date__wish-day output {
    margin: 7px 0 0
}

.popup-recording__wish-info .select-date__wish-time input {
    width: 40px;
    padding: 7px 10px
}

.popup-recording__wish-info .select-date__wish-time span {
    margin: 5px 5px 0
}

.popup-recording__comment {
    display: flex;
    margin: 13px 0 0;
    padding: 0 23px;
    font-size: 14px
}

.popup-recording__comment textarea {
    width: 100%;
    height: 50px;
    margin-top: 5px;
    border-radius: 8px;
    resize: none
}

.popup-recording__topay {
    margin-top: 27px;
    padding: 0 23px
}

.popup-recording__send-button {
    align-self: center;
    width: 243px;
    margin-top: 28px;
    font-size: 18px;
    font-weight: 400
}

.popup-recording__rules {
    margin: 10px 0 0;
    text-align: center;
    font-size: 11px
}

.popup-recording__rules a {
    color: #dc025e;
    text-decoration: none
}

.popup-recording__closed {
    top: 7px;
    right: 7px
}

.branches-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.branches-list__branch {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3px;
    padding: 0 15px 12px;
    background-color: #f5f5f5;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6
}

.branches-list__information {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px
}

.branches-list__contacts {
    display: flex;
    flex-direction: column
}

.branches-list__title {
    margin: 0;
    font-size: 15px
}

.branches-list__title a {
    color: #000;
    text-decoration: none
}

.branches-list__address .salon-address__underground {
    margin-top: 5px
}

.branches-list__address .salon-address__street {
    margin-top: 12px
}

.branches-list__phones {
    margin-top: 10px
}

.branches-list__phones .phonebook__item a::after, .branches-list__phones .phonebook__wrapper {
    background-color: #f5f5f5
}

.branches-list__workdays, .records-applications__offer-contact span, .salon-prices__order-button span {
    display: none
}

.branches-list__aside {
    display: flex;
    flex-direction: column
}

.branches-list__rating {
    flex-direction: column
}

.branches-list__rating .rating-salon__point-wrapper {
    align-self: flex-end
}

.branches-list__rating .rating-salon__point {
    font-size: 21px
}

.branches-list__rating .rating-salon-stars {
    margin-left: 5px
}

.branches-list__rating .rating-salon__star {
    display: none;
    width: 22px;
    height: 22px;
    background-size: 35px;
    background-position: -17px 1px
}

.branches-list__rating .rating-salon__star:first-child {
    display: block
}

.branches-list__rating .rating-salon__star svg {
    width: 20px;
    height: 20px
}

.branches-list__rating .rating-salon__reviews {
    align-self: flex-end;
    font-size: 11px
}

.branches-list__map {
    align-self: flex-end;
    margin-top: 13px
}

.branches-list__question {
    align-self: flex-end;
    min-height: 25px;
    margin: 10px 0 0;
    font-size: 12px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline;
    background-color: transparent;
    border: 0
}

.branches-list__button {
    margin-top: 15px
}

.title-lines {
    display: flex;
    align-items: center;
    margin: 0;
    text-align: center
}

.title-lines::after, .title-lines::before {
    content: '';
    flex-grow: 1;
    flex-shrink: 0;
    width: 15px;
    height: 1px;
    background-color: #dc025e
}

.title-lines::before {
    margin-right: 10px
}

.title-lines::after {
    margin-left: 10px
}

.stock-slider .slider__item-wrapper {
    position: relative;
    border: 1px solid #ccc
}

.stock-slider__item-discount {
    z-index: 100;
    position: absolute;
    left: 5px;
    top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    width: 55px;
    color: #fff;
    font-size: 21px;
    background-color: #dc025e;
    border-radius: 50%
}

.stock-slider__item-wrapper {
    padding: 8px 11px 10px 7px;
    border-top: 1px solid #ccc
}

.stock-slider__item-title {
    margin: 0;
    padding-left: 25px;
    font-size: 14px;
    color: #333;
    background: url(../img/discount.svg) no-repeat 0 50%
}

.stock-slider__item-address {
    display: flex;
    align-items: center;
    min-height: 21px;
    margin: 12px 0 0;
    padding-left: 25px;
    color: #666;
    background: url(../img/place--gray.svg) no-repeat 0 0;
    background-size: 19px
}

.stock-slider__item-footer {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 0
}

.stock-slider__item-purchased {
    display: flex;
    align-items: center;
    min-height: 21px;
    padding-left: 25px;
    color: #666;
    background: url(../img/bag--gray.svg) no-repeat 0 5px;
    background-size: 20px
}

.stock-slider__item-look {
    width: 110px;
    padding: 8px
}

.records-applications, .records-applications__list {
    border-top: 1px solid #dedee0;
    border-bottom: 1px solid #dedee0
}

.records-applications__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 1px 0 0;
    padding: 3px 15px 8px
}

.records-applications__item {
    position: relative;
    width: 138px;
    margin-top: 5px;
    padding: 6px 0;
    text-align: center;
    border: 1px solid #fff5f9;
    border-radius: 10px
}

.records-applications__item--current {
    font-weight: 700;
    background-color: #fff5f9
}

.records-applications__item a, .records-applications__offer a {
    text-decoration: none;
    color: #000
}

.records-applications__item output {
    position: absolute;
    left: 50%;
    top: -21px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    min-width: 25px;
    min-height: 25px;
    padding: 5px;
    color: #fff;
    font-weight: 400;
    background-color: #e40061;
    border-radius: 50%
}

.records-applications__offers {
    padding: 0;
    list-style: none;
    margin: 1px 0 0
}

.records-applications__offer {
    display: flex;
    padding: 12px 15px 8px;
    border-top: 1px solid #dedee0
}

.records-applications__offer a {
    display: flex;
    font-size: 15px
}

.records-applications__offer time {
    display: flex;
    align-items: center;
    min-height: 24px;
    padding-right: 30px;
    background: no-repeat 100% 50%;
    background-size: 23px
}

.records-applications__offer--byaction time {
    background-image: url(../img/discount--pink.svg)
}

.records-applications__offer--bysalon time {
    background-image: url(../img/salon--pink.svg)
}

.records-applications__offers--held .records-applications__offer {
    display: flex;
    flex-direction: column
}

.records-applications__offer-link {
    display: flex
}

.records-applications__offer-wrapper {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 30px
}

.records-applications__offer-number {
    display: flex;
    align-items: center;
    min-height: 20px;
    padding-left: 25px;
    margin-top: 8px;
    background: url(../img/phone--pink.svg) no-repeat 0 50%
}

.records-applications__offer-contact {
    align-self: flex-end;
    height: 31px;
    width: 44px;
    margin-left: 27px;
    background: #dc025e url(../img/comment--white.svg) no-repeat 50% 50%;
    background-size: 20px;
    border: 0;
    border-radius: 8px
}

.records-applications__option {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px
}

.records-applications__option-noreview, .records-applications__option-review {
    padding: 5px 12px;
    font-size: 14px;
    color: #717171;
    background-color: #fff5f9;
    border-radius: 8px
}

.records-applications__option-review {
    display: flex;
    align-items: center
}

.records-applications__point {
    margin-left: 15px
}

.records-applications__point .rating-salon__point {
    color: #de0762
}

.records-applications__point .rating-salon-stars {
    margin: 0 0 0 5px
}

.records-applications__salon-delete {
    width: 42px;
    height: 31px;
    margin-left: 9px;
    padding: 0;
    background-image: url(../img/garbage--white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 22px
}

.records-calendar {
    padding: 0 15px
}

.records-calendar__header {
    display: flex;
    flex-direction: column;
    align-items: center
}

.records-calendar__buttons {
    margin: 0
}

.records-calendar__button {
    position: relative;
    width: 50px;
    height: 35px;
    background-color: #fafafa;
    border: 0
}

.records-calendar__button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    content: '';
    width: 15px;
    height: 15px;
    border-right: 3px solid #dc025e;
    border-bottom: 3px solid #dc025e
}

.records-calendar__button--prev::before {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.records-calendar__button--next {
    margin-left: 7px
}

.records-calendar__title {
    margin-top: 10px;
    font-size: 16px
}

.records-calendar__list {
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    margin: 15px 0 0
}

.records-calendar__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 36px;
    margin-left: 6px;
    border-top: 6px solid #dedee0
}

.records-calendar__item:first-child {
    margin-left: 0
}

.records-calendar__item-weekday {
    margin-top: 14px;
    font-size: 18px
}

.records-calendar__item-day {
    margin-top: 10px;
    font-size: 21px
}

.records-calendar__item-times {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center
}

.records-calendar__item-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 5px;
    padding: 8px 3px;
    background-color: #fff5f9;
    border-radius: 5px
}

.salon-prices {
    display: none;
    width: 100%;
    border-collapse: collapse
}

.salon-prices__table-thead {
    font-size: 12px;
    color: #666
}

.salon-prices__table-thead td {
    padding: 7px 9px 10px
}

.salon-prices__table-thead td:first-child {
    padding-left: 30px
}

.salon-prices__table-thead td:last-child {
    padding-right: 15px
}

.salon-prices__row-part label, .salon-prices__thead-row {
    display: flex
}

.salon-prices__thead-row td {
    align-self: center
}

.salon-prices__row-part {
    flex: 165px
}

.salon-prices__row-time {
    flex: 70px
}

.salon-prices__row-cost, .salon-prices__row-price {
    flex: 90px
}

.salon-prices__order {
    align-self: center;
    position: relative
}

.salon-prices__table-tbody {
    display: none;
    font-size: 11px
}

.salon-prices__table-tbody td {
    padding: 10px
}

.salon-prices__tbody-row {
    position: relative;
    display: flex;
    border-top: 1px solid #fff
}

.salon-prices__tbody-row--active, .salon-prices__tbody-row:hover {
    font-weight: 700
}

.buttons-for__for b, .salon-prices__tbody-row--active .salon-prices__order-button, body[data-current-value=forgot] .popup-forgot {
    display: block
}

.salon-prices__row-part input {
    display: block;
    position: relative;
    width: 18px;
    height: 15px;
    margin-right: 5px;
    border: 0;
    background-color: transparent
}

.salon-prices__row-part input:checked::after {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    content: '';
    width: 7px;
    height: 13px;
    border-right: 2px solid #3a3a3a;
    border-bottom: 2px solid #3a3a3a
}

.salon-prices__row-cost {
    text-decoration: underline
}

.salon-prices__row-cost--old {
    text-decoration: line-through
}

.salon-prices__row-cost--new {
    color: #e24a8a;
    text-decoration: underline
}

.salon-prices__order-button {
    display: none;
    position: absolute;
    right: 13px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 25px;
    height: 25px;
    background: #dc025e url(../img/pencil--white.svg) no-repeat;
    background-position: 3px 2px;
    background-size: 20px;
    border: 0;
    border-radius: 3px
}

.topay {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 15px;
    font-weight: 700
}

.topay__money-list {
    display: flex;
    padding: 0;
    list-style: none;
    margin: 0 10px
}

.topay__money-item {
    width: 28px;
    height: 28px;
    margin-left: 8px;
    border: 1px solid #eee;
    background: no-repeat 50% 50%;
    background-size: 22px
}

.topay__money-item:first-child {
    margin-left: 0
}

.topay__money-item--card {
    background-image: url(../img/card.svg)
}

.topay__money-item--cash {
    background-image: url(../img/money.svg)
}

.calendar {
    display: none;
    flex-direction: column;
    width: 211px;
    padding: 10px 3px 19px;
    background-color: #fff5f9;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .5)
}

.calendar--active {
    display: flex
}

.calendar__output, .calendar__wrapper {
    font-weight: 700;
    border-bottom: 1px solid #fff
}

.calendar__output {
    padding-bottom: 4px;
    text-align: center;
    font-size: 15px
}

.calendar__wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 10px 30px 4px
}

.calendar__table {
    align-self: center;
    margin-top: 12px;
    border-collapse: separate;
    border-spacing: 5px
}

.calendar__table thead {
    color: #999
}

.calendar__table tbody {
    color: #666;
    background-color: #fff
}

.calendar__table td {
    width: 21px;
    height: 18px;
    text-align: center
}

.calendar__active-date, .calendar__table td:hover {
    color: #fff;
    background-color: #dc025e
}

.calendar__table button {
    padding: 0;
    background-color: transparent;
    border: 0
}

.select-date {
    position: relative;
    color: #717171
}

.select-date__wish-day {
    display: flex;
    align-items: center;
    margin: 0
}

.select-date__wish-day span {
    position: relative
}

.select-date__wish-day output {
    display: block;
    margin-left: 10px;
    padding: 9px 35px 9px 15px;
    font-size: 15px;
    color: #000;
    background-color: #fff5f9
}

.select-date__wish-button {
    position: absolute;
    right: 13px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 15px;
    height: 9px;
    padding: 0;
    background: url(../img/button-corner.svg) no-repeat 50% 50%;
    background-size: contain;
    border: 0
}

.select-date__wish-time {
    margin: 10px 0 0
}

.select-date__wish-time span {
    margin: 5px 7px 0;
    font-size: 15px;
    color: #000
}

.select-date__wish-time input {
    display: inline-block;
    width: 44px;
    height: 31px;
    margin-top: 8px;
    padding: 7px 13px;
    background-color: #fff5f9;
    border: 0
}

.select-date__calendar {
    position: absolute;
    right: 0;
    top: 40px
}

.accept-rules {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 15px
}

.accept-rules input {
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #f41f79;
    border-radius: 50%;
    cursor: pointer
}

.accept-rules input:checked:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    width: 14px;
    height: 14px;
    background-color: #dc025e;
    border-radius: 50%
}

.accept-rules span {
    flex-basis: 100%;
    text-align: center;
    font-size: 16px;
    color: #fc2a82
}

.accept-rules__rule {
    max-width: 255px;
    margin: 0 0 0 15px;
    font-size: 14px;
    line-height: 18px
}

.accept-rules__rule a {
    color: #fc2a82;
    text-decoration: none
}

.login-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0
}

.login-social__link {
    position: relative;
    display: block;
    width: 244px;
    margin-top: 11px;
    padding: 9px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    border-radius: 6px
}

.login-social__link::after {
    position: absolute;
    bottom: 3px;
    left: 3px;
    content: '';
    width: 33px;
    height: 34px;
    background: #fff no-repeat 50% 50%;
    border-radius: 6px;
    background-size: 27px
}

.login-social__link--google {
    background-color: #4285f4
}

.login-social__link--google:after {
    background-image: url(../img/google.svg)
}

.login-social__link--facebook {
    background-color: #4a73c7
}

.login-social__link--facebook:after {
    background-image: url(../img/facebook-blue.svg)
}

.type-choices {
    display: flex;
    justify-content: center;
    margin: 0
}

.type-choices__choice {
    cursor: pointer
}

.type-choices__choice span {
    display: block;
    padding: 9px 0;
    text-align: center;
    font-size: 16px;
    border-radius: 10px
}

.services-table tr:hover .services-table__count, .services-table tr:hover a, .type-choices__choice:hover span {
    color: #fc2a82
}

.type-choices__choice--partner {
    margin-left: 35px
}

.type-choices__for {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.type-choices__for:checked + span {
    background-color: #fce5ef
}

.type-choices__for:focus + span {
    outline: 2px solid #a5c1fb
}

.buttons-for {
    display: flex;
    margin: 0
}

.buttons-for__for {
    width: 50%;
    padding: 0;
    background-color: transparent;
    border: 0
}

.buttons-for__for--active .women {
    background-color: #fff3f8
}

.buttons-for__for--active .men {
    background-color: #cce9fb
}

.buttons-for__for span {
    display: inline-block;
    min-height: 19px;
    padding: 13px 27px 13px 0;
    font-size: 14px;
    text-transform: uppercase;
    background: no-repeat;
    background-position: right 50%;
    background-size: 19px
}

.buttons-for__for--women span {
    background-image: url(../img/woman.svg)
}

.buttons-for__for--men span {
    background-image: url(../img/man.svg)
}

.services-table {
    width: 100%;
    font-size: 12px
}

.services-table tr {
    border-top: 1px solid
}

.services-table__name {
    padding: 11px 0 11px 30px
}

.popup-forgot {
    z-index: 1000;
    display: none;
    position: absolute;
    left: 50%;
    top: 100px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 290px;
    padding-bottom: 40px;
    background-color: #fff;
    border-top: 7px solid #dc025e
}

.popup-forgot__title {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #fef2f7
}

.popup-forgot__text {
    margin: 15px 0 0;
    padding: 0 20px;
    font-size: 16px;
    line-height: 20px
}

.popup-forgot__form {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding: 0 25px
}

.popup-forgot__input-wrapper {
    display: flex;
    flex-direction: column;
    font-size: 16px
}

.popup-forgot__input-wrapper input {
    padding: 9px 15px;
    border: 1px solid #adadad;
    border-radius: 6px
}

.popup-forgot__input-wrapper span {
    display: none;
    margin-top: 3px;
    font-size: 14px;
    line-height: 18px;
    color: #fc2a82
}

.popup-forgot__input-wrapper--error input, .popup-login__label--error input {
    border-color: #fc2a82
}

.popup-forgot__input-wrapper--error span {
    display: block
}

.popup-forgot__button-back {
    align-self: flex-start;
    margin-top: 17px;
    padding: 0;
    font-size: 14px;
    text-decoration: underline;
    background-color: transparent;
    border: 0
}

.popup-forgot__sent {
    align-self: center;
    width: 245px;
    padding: 12px 0;
    margin-top: 30px;
    font-size: 18px;
    font-weight: 400
}

.popup-forgot__waiting {
    display: none;
    margin: 15px 25px 0;
    padding: 7px 5px 7px 45px;
    color: #fc2a82;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    background: url(../img/pay-attention--darkpink.svg) no-repeat 5px 8px;
    background-size: 30px;
    border: 1px solid #fc2a82
}

.popup-forgot__close {
    top: 7px;
    right: 7px
}

.page-header {
    padding: 10px 0 5px
}

.page-header__top-navigation {
    padding: 0 15px
}

.page-header__tuning {
    display: flex;
    justify-content: space-between
}

.user-list__link--none {
    display: none !important
}

.page-header__logo {
    display: flex;
    align-items: center;
    height: 30px;
    padding-left: 30px;
    background: url(../img/logo.svg) no-repeat -9px 50%;
    background-size: 45px;
    text-decoration: none;
    font-size: 15px;
    color: #dc025e;
    font-weight: 700;
    text-transform: uppercase
}

.page-header__logo--light {
    color: #000
}

.page-header__logo--ua {
    margin-left: 2px;
    padding: 3px;
    font-size: 10px;
    border: 1px solid #dc025e;
    border-radius: 50%
}

.page-header__logo[href]:hover {
    opacity: .7
}

.page-header__settings {
    display: flex;
    align-items: center
}

.page-header__setting-city {
    position: relative;
    cursor: pointer;
    height: 23px
}

.page-header__setting-city--active .page-header__setting-city-list {
    display: block;
    box-shadow: 0 10px 10px #444
}

.page-header__setting-city--active .page-header__setting-city-button {
    background-size: 20px
}

.page-header__setting-city--active svg {
    fill: #e31169
}

.page-header__setting-city-button {
    width: 23px;
    height: 23px;
    padding: 0;
    background: url(../img/city-button.svg) no-repeat 50% 50%;
    border: 0
}

.page-header__setting-city-button svg {
    display: none
}

.page-header__setting-city-list {
    z-index: 899;
    position: absolute;
    right: -30px;
    display: none;
    max-height: 114px;
    margin: 0;
    list-style: none;
    padding: 5px;
    background: #fff;
    overflow-y: auto
}

.page-header__setting-city-item {
    padding: 5px 20px 5px 5px;
    border-bottom: 1px solid #fef2f7
}

.page-header__setting-city-item a, .services-table__name a {
    text-decoration: none;
    color: #000
}

.page-header__setting-city-item:first-child {
    font-weight: 700;
    border-bottom: 1px solid #ffcce2
}

.page-header__search-button {
    width: 23px;
    height: 23px;
    margin-left: 15px;
    padding: 0;
    background: url(../img/header-search.svg) 0 1px no-repeat;
    background-size: 25px;
    border: 0
}

.page-header__search-button--active {
    background-size: 20px
}

.page-header__setting-languages {
    z-index: 900;
    position: relative;
    height: 25px;
    margin-left: 10px
}

.page-header__setting-languages--active .page-header__setting-languages-list {
    box-shadow: 0 10px 10px #444
}

.page-header__setting-languages--active .page-header__setting-languages-item {
    display: block
}

.page-header__setting-languages--active .page-header__setting-languages-item:first-child {
    border-bottom: 1px solid #ffcce2
}

.page-header__setting-languages--active svg, .page-header__setting-languages-button:hover svg {
    fill: #e31169
}

.page-header__setting-languages-button {
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 25px;
    padding: 0;
    background: 0 0;
    border: 0
}

.page-header__setting-languages-button svg {
    display: none
}

.page-header__setting-languages-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.page-header__setting-languages-item {
    display: none;
    position: absolute;
    padding: 5px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #fff;
    border-bottom: 1px solid #fef2f7
}

.page-header__setting-languages-item:first-child {
    position: relative;
    display: block;
    border-bottom: 0
}

.page-header__setting-languages-item a {
    text-decoration: none;
    color: #000;
    display: block
}

.page-header__setting-languages--block {
    position: relative;
    width: 25px;
    height: 25px;
    z-index: 900;
    border: 1px solid #ffcce2;
    font-size: 14px;
    padding: 3px;
    cursor: pointer;
    border-radius: 5px;
    margin-left: 15px
}

.page-header__setting-languages--block a {
    text-decoration: none;
    color: #000;
    text-transform: uppercase
}

.page-footer {
    margin-bottom: 60px;
    background-color: #fef2f7
}

.page-footer__wrapper {
    display: flex;
    flex-direction: column;
    padding: 25px 15px 0
}

.page-footer__aside-list, .page-footer__navigation-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px
}

.page-footer__aside-item, .page-footer__navigation-item {
    position: relative;
    margin-top: 10px;
    padding-left: 23px
}

.page-footer__aside-item:first-child, .page-footer__navigation-item:first-child {
    margin-top: 0
}

.page-footer__aside-item:before, .page-footer__navigation-item:before {
    position: absolute;
    left: 0;
    top: 5px;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #dc025e;
    border-radius: 50%
}

.page-footer__aside-item a, .page-footer__navigation-item a {
    text-decoration: none;
    color: #666
}

.page-footer__aside-list, .page-footer__copyright span {
    display: none
}

.page-footer__support, .page-footer__support-wrapper {
    display: flex;
    flex-direction: column
}

.page-footer__support {
    margin-top: 30px
}

.page-footer__support--active .page-footer__support-button {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-color: #dc025e
}

.page-footer__support--active .page-footer__contacts, body[data-current-value=singup] .popup-login {
    display: flex
}

.page-footer__support-header {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 7px;
    border-bottom: 1px solid #e3e3e3
}

.page-footer__support-title {
    font-size: 16px;
    text-transform: uppercase
}

.page-footer__support-button {
    margin-left: 30px
}

.page-footer__support-button:hover {
    border-color: #dc025e
}

.page-footer__contacts {
    display: none;
    flex-direction: column;
    align-items: center
}

.page-footer__contacts-number {
    margin: 15px 0 0;
    font-size: 17px;
    font-weight: 700
}

.page-footer__contacts-number a, .page-footer__email a {
    color: #000;
    text-decoration: none
}

.page-footer__email, .page-footer__workdays {
    margin: 10px 0 0;
    font-size: 15px
}

.page-footer__email a {
    font-size: 17px;
    font-weight: 700
}

.page-footer__social-list {
    display: flex;
    align-self: center;
    padding: 0;
    list-style: none;
    margin: 15px 0 0
}

.page-footer__social-item {
    margin-left: 10px
}

.page-footer__social-item:first-child {
    margin-left: 0
}

.page-footer__social-item-link:hover svg {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: .5s;
    fill: #dc025e
}

.page-footer__copyright {
    margin: 15px 0 0;
    padding: 15px 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #dc025e
}

.salon-aside {
    margin-top: 45px
}

.faq-aside {
    margin-top: 62px
}

.user-list {
    z-index: 701;
    position: fixed;
    bottom: 0;
    left: 50%;
    display: flex;
    padding: 0;
    list-style: none;
    margin: 0 0 0 25px
}

.user-list__link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 57px;
    height: 58px;
    padding: 7px 0 6px;
    font-size: 11px;
    color: #6b6b6b;
    text-decoration: none;
    background: 0 0;
    border: 0
}

.user-list__link:hover {
    background-color: #ff7eb5;
    color: #000
}

.main-navigation__link[href]:hover svg, .user-list__link:hover svg {
    fill: #fff
}

.user-list__link--basket {
    position: relative
}

.user-list__link--basket .items {
    position: absolute;
    top: 12px;
    right: 11px
}

.user-list__link--basket .items .items-count {
    position: absolute;
    top: 3px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 8px;
    color: #fff;
    font-weight: 700
}

.rating-salon:hover .rating-salon__star--silver svg, .user-list__link--basket .items svg {
    fill: #dc025e
}

.main-navigation__list-wrapper {
    z-index: 700;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    border-top: 3px solid #ff7eb6
}

.main-navigation__list {
    display: flex;
    flex-basis: 290px;
    margin: 0;
    padding: 0;
    list-style: none
}

.main-navigation__link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 57px;
    height: 58px;
    padding: 7px 0 6px;
    font-size: 11px;
    color: #6b6b6b;
    text-decoration: none;
    background: 50% 7px no-repeat
}

.main-navigation__link[href]:hover {
    background-color: #ff7eb5;
    color: #000
}

.main-navigation__link--articles .pc, .main-navigation__link--faq .pc, .main-navigation__link--sale, .popup-login__either-button span {
    display: none
}

.main-navigation__search-from {
    display: none;
    z-index: 800;
    position: absolute;
    top: 45px;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    background-color: #fff
}

.main-navigation__search-from--active, .popup-login__label--error .popup-login__input-error {
    display: block
}

.main-navigation__search {
    width: 100%;
    margin-top: 35px;
    padding: 12px 17px;
    font-size: 18px;
    font-weight: 700;
    border: 3px solid #dc025e;
    border-radius: 10px
}

.main-navigation__search-autocomplete {
    width: 90%
}

.main-navigation__search-button-closed {
    top: 10px;
    right: 10px;
    width: 23px;
    height: 21px
}

.main-navigation__search-button-closed::after, .main-navigation__search-button-closed::before {
    width: 22px;
    height: 3px
}

.popup-login {
    z-index: 1000;
    display: none;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 100px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 290px;
    padding-bottom: 35px;
    background-color: #fff;
    border-top: 7px solid #dc025e
}

.popup-singup__modal--active {
    display: flex
}

.popup-login__title {
    margin: 0;
    padding: 16px 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #fef2f7
}

.popup-login__form {
    display: flex;
    flex-direction: column;
    margin-top: 23px
}

.popup-login__login-bypassword {
    padding: 0 24px
}

.popup-login__email, .popup-login__password {
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    border-color: #adadad;
    border-radius: 6px
}

.popup-login__label {
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column
}

.popup-login__input-error {
    display: none;
    margin-top: 8px;
    text-align: center;
    color: #fc2a82
}

.popup-login__password {
    margin-top: 6px
}

.popup-login__password-button {
    top: 17px;
    right: 12px
}

.popup-login__options-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 12px
}

.popup-login__remember {
    color: #666;
    font-size: 16px
}

.popup-login__remember input {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    border-radius: 4px
}

.order__option-label input:checked::before, .popup-login__remember input:checked::before {
    top: 4px;
    left: 2px
}

.popup-login__forgot {
    margin-top: 10px;
    padding: 0;
    font-size: 16px;
    color: #000;
    border: 0;
    background-color: #fff
}

.popup-login__login-bysocial {
    margin-top: 25px
}

.popup-login__either-title {
    font-size: 18px
}

.popup-login__either-title:after, .popup-login__either-title:before {
    height: 2px;
    background-color: #fef2f7
}

.popup-login__either-text {
    margin: 0;
    text-align: center;
    font-size: 16px
}

.popup-login__either-buttons {
    display: flex;
    justify-content: center;
    margin: 19px 0 0
}

.popup-login__either-button {
    position: relative;
    width: 59px;
    height: 59px;
    border-radius: 6px
}

.popup-login__either-button:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    width: 50px;
    height: 50px;
    background: #fff no-repeat 50% 50%;
    background-size: 42px;
    border-radius: 6px
}

.popup-login__either-button--google {
    background-color: #4285f4
}

.popup-login__either-button--google:after {
    background-image: url(../img/google.svg)
}

.popup-login__either-button--facebook {
    margin-left: 30px;
    background-color: #4a73c7
}

.popup-login__either-button--facebook:after {
    background-image: url(../img/facebook-blue.svg)
}

.popup-login__button, .popup-login__register-button {
    align-self: center;
    width: 244px;
    margin-top: 23px;
    padding: 8px 0;
    font-weight: 400;
    font-size: 18px
}

.popup-login__register-button {
    margin-top: 7px;
    background-color: #e37ab0
}

.popup-login__closed {
    top: 7px;
    right: 7px
}

.advantages {
    background: #fce5ef url(../img/index-background.jpg) no-repeat bottom
}

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

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

.advantages__slogan {
    margin: 0;
    padding: 0 38px;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px
}

.advantages__text {
    margin: 0;
    font-size: 16px
}

.advantages__input-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.advantages__input {
    width: 100%;
    padding: 12px 17px;
    font-size: 18px;
    font-weight: 700;
    border: 3px solid #dc025e;
    border-radius: 10px
}

.advantages__input:focus {
    outline: none;
    box-shadow: 0 0 10px #dc025e
}

.advantages__autocomplete {
    top: 52px
}

.advantages__information {
    align-self: center;
    margin: 10px 0 0;
    color: #333;
    line-height: 14px
}

.advantages__list {
    display: flex;
    justify-content: space-between;
    padding: 0;
    list-style: none;
    margin: 30px 0 0
}

.advantages__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32%;
    padding-top: 40px;
    text-align: center;
    font-size: 12px;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 35px
}

.advantages__item--salons {
    background-image: url(../img/advantages__item--salons.svg)
}

.advantages__item--visitors {
    background-image: url(../img/advantages__item--visitors.svg);
    background-position: 52% 1px;
    background-size: 40px
}

.advantages__item--contract {
    background-image: url(../img/advantages__item--contract.svg)
}

.advantages__item output {
    font-size: 24px;
    color: #dc025e;
    font-weight: 700
}

.top-rating {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

.top-rating__text {
    align-self: center;
    margin: 5px 0 0;
    padding: 0 50px;
    text-align: center;
    font-size: 15px
}

.top-rating__slider {
    margin-top: 20px
}

.attendance {
    margin-top: 30px
}

.attendance__search-list {
    margin: 0;
    list-style: none;
    padding: 20px 0;
    background-color: #eaeaea
}

.attendance__search-item--services {
    margin-bottom: 7px
}

.attendance__search-item--services .attendance__header {
    background-image: url(../img/attendance-1.svg);
    background-position: 8px 5px;
    background-size: 23px
}

.attendance__search-item--aparats .attendance__header {
    background-image: url(../img/attendance-2.svg);
    background-size: 40px;
    background-position: 3px 5px
}

.attendance__search-item--active {
    z-index: 1000;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow-y: auto;
    background-color: #fff
}

.attendance__search-item--active .attendance__list-wrapper {
    display: block
}

.attendance__search-item--active .attendance__button {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.attendance__search-item--active .attendance__header {
    margin: 0
}

.attendance__search-item--active .attendance__for {
    display: flex
}

.attendance__header {
    position: relative;
    display: flex;
    justify-content: space-between;
    min-width: 285px;
    margin: 0 15px;
    padding: 20px 10px 20px 35px;
    border: 4px solid #dc025e;
    border-radius: 10px;
    background-color: #fff;
    background-repeat: no-repeat
}

.attendance__title {
    margin: 0;
    font-size: 13px;
    color: #333;
    text-transform: uppercase
}

.attendance__title .attendance__title--pc {
    display: none
}

.attendance__button {
    width: 26px;
    height: 12px;
    padding: 0;
    background: url(../img/button-arrow.svg) no-repeat 50% 50%;
    border: 0
}

.attendance__for {
    display: none;
    margin-top: -5px
}

.attendance__for .buttons-for__for span {
    padding-top: 25px;
    background-position: right 60%
}

.attendance__for .buttons-for__for .for {
    display: inline
}

.attendance__aparats-name span, .attendance__for-title, .attendance__list-wrapper, .attendance__services-title span {
    display: none
}

.attendance__list-wrapper--men .attendance__services-list--men, .attendance__list-wrapper--women .attendance__services-list--women {
    display: block
}

.attendance__list {
    display: none;
    margin: 0;
    list-style: none;
    padding: 0 3px
}

.attendance__services-list {
    border-top: 1px solid #eaeaea
}

.attendance__aparats-table tr, .attendance__services-list--women .attendance__services-item, .attendance__services-list--women .services-table tr {
    border-color: #fef2f7
}

.attendance__services-list--women .attendance__services-title::before {
    background-color: #ff90bf
}

.attendance__services-list--men .attendance__services-item, .attendance__services-list--men .services-table tr {
    border-color: #cce9fb
}

.attendance__services-list--men .attendance__services-title::before {
    background-color: #243f97
}

.attendance__services-item {
    border-top: 1px solid
}

.attendance__services-item:first-child {
    border: 0
}

.attendance__services-item--active .attendance__services-title::before {
    display: block
}

.attendance__services-item--active .attendance__services-button {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.attendance__services-item--active .attendance__services-table {
    display: table
}

.attendance__aparats-header, .attendance__services-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 8px
}

.attendance__aparats-name, .attendance__services-title {
    position: relative;
    width: 100%;
    margin: 0;
    padding-left: 15px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}

.attendance__aparats-name::before, .attendance__services-title::before {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%
}

.attendance__aparats-button, .attendance__services-button {
    width: 26px;
    height: 12px;
    padding: 0;
    background: url(../img/button-arrow--gray.svg) no-repeat 50% 50%;
    border: 0
}

.attendance__services-all, .attendance__services-table, .attendance__services-table .services-table__count {
    display: none
}

.attendance__aparats-wrapper {
    display: flex;
    flex-direction: column
}

.attendance__aparats-item--active .attendance__aparats-name::before, .attendance__aparats-list {
    display: block
}

.attendance__aparats-item {
    border-top: 1px solid #fef2f7
}

.attendance__aparats-item:first-child {
    border: 0
}

.attendance__aparats-item--active .attendance__aparats-table {
    display: table
}

.attendance__aparats-item--active .attendance__aparats-button {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.attendance__aparats-full, .attendance__aparats-table {
    display: none
}

.attendance__aparats-table .services-table__count {
    padding-right: 15px;
    text-align: right
}

.attendance__aparats-name::before {
    background-color: #fcf
}

.index-stocks {
    margin-top: 22px
}

.index-stocks__title {
    font-size: 18px;
    min-height: 35px
}

.index-stocks__title::before {
    margin-right: 43px
}

.index-stocks__title span {
    position: relative
}

.index-stocks__title span::before {
    position: absolute;
    left: -35px;
    top: -10px;
    content: '';
    width: 30px;
    height: 35px;
    background: url(../img/discount-title.svg) no-repeat
}

.index-stocks__title output {
    margin-left: 5px
}

.index-stocks__slider {
    padding-top: 25px
}

.rating-salon {
    display: flex;
    justify-content: space-between;
    text-decoration: none
}

.articles-index__article-information:hover .articles-index__article-stats, .articles-index__article-information:hover .articles-index__article-title, .rating-salon:hover .rating-salon__reviews {
    color: #fc2a82
}

.rating-salon__point-wrapper {
    display: flex;
    align-items: center
}

.rating-salon__point {
    font-size: 18px;
    color: #dc025e;
    font-weight: 700
}

.rating-salon-stars {
    display: flex;
    padding: 0;
    list-style: none;
    margin: 0 0 0 10px
}

.rating-salon__star {
    height: 15px;
    margin-left: 2px
}

.rating-salon__star:first-child {
    margin-left: 0
}

.rating-salon__reviews {
    align-self: center;
    margin: 0;
    color: #6f6f6f;
    text-decoration: none
}

.gm-fullscreen-control, .gmnoprint, .lasercity__task br {
    display: none
}

.map {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 458px;
    margin-top: 40px
}

.map__title {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 17px 0;
    background-color: #fce5ef
}

.map__iframe, .map__maps {
    position: relative
}

.map__iframe {
    z-index: 100;
    width: 100%;
    height: 400px;
    border: 0
}

.map__img-wrapper {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0
}

.map__img-wrapper img {
    max-width: unset
}

.laserciti__wrapper, .lasercity {
    display: flex;
    flex-direction: column
}

.lasercity {
    margin-top: 35px
}

.laserciti__wrapper {
    padding: 0 15px
}

.lasercity__title {
    font-size: 18px
}

.lasercity__for {
    align-self: center;
    display: flex;
    margin: 25px 0 0;
    font-size: 16px;
    font-weight: 700
}

.lasercity__for-button {
    padding: 0;
    margin: 0 5px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid transparent
}

.lasercity__for-button--active {
    color: #dc025e;
    border-bottom: 1px solid #dc025e
}

.lasercity__steps, .lasercity__steps-list {
    padding: 0;
    display: flex;
    justify-content: center
}

.lasercity__steps {
    margin-top: 25px
}

.lasercity__steps .slider__list {
    display: none;
    width: unset;
    padding: 0 15px
}

.lasercity__steps .slider__list--active {
    display: block
}

.lasercity__steps .slider__button--next, .lasercity__steps .slider__button--prev {
    margin-top: 20px
}

.lasercity__steps-list {
    margin: 0;
    list-style: none
}

.lasercity__steps-item {
    display: none;
    min-height: 186px
}

.lasercity__steps-item--active {
    display: block
}

.lasercity__steps-wrapper {
    margin: 0;
    padding: 13px 0 13px 80px;
    background: 0 15px no-repeat;
    background-size: 83px
}

.lasercity__steps-wrapper--partner-one {
    background-image: url(../img/partners-step-1.svg)
}

.lasercity__steps-wrapper--partner-two {
    background-image: url(../img/partners-step-2.svg)
}

.lasercity__steps-wrapper--partner-three {
    background-image: url(../img/partners-step-3.svg)
}

.lasercity__steps-wrapper--customer-one {
    background-image: url(../img/clients-step-1.svg)
}

.lasercity__steps-wrapper--customer-two {
    background-image: url(../img/clients-step-2.svg)
}

.lasercity__steps-wrapper--customer-three {
    background-image: url(../img/clients-step-3.svg)
}

.lasercity__step {
    font-size: 30px;
    color: #ccc;
    font-weight: 400
}

.lasercity__step span {
    color: #dc025e;
    font-weight: 700
}

.lasercity__task {
    display: flex;
    flex-direction: column;
    margin: 12px 0 0;
    font-size: 17px;
    font-weight: 700
}

.lasercity__steps-description {
    max-width: 350px;
    margin: 13px 0 0;
    color: #757575
}

.lasercity__registers {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 30px 0;
    background-color: #f2f2f2
}

.lasercity__register {
    display: none
}

.lasercity__register--active {
    display: block
}

.articles-index {
    display: flex;
    flex-direction: column;
    margin: 40px 0
}

.articles-index__title {
    font-size: 18px
}

.articles-index__list {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 25px 0 0;
    padding: 0 15px
}

.articles-index__item {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f2f2
}

.articles-index__item:first-child {
    margin-top: 0
}

.articles-index__article {
    display: flex
}

.articles-index__image {
    border: 1px solid #ccc
}

.articles-index__article-information {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 15px;
    text-decoration: none;
    color: #000
}

.articles-index__article-information:hover svg {
    fill: #fc2a82
}

.articles-index__article-title {
    margin: 0;
    font-size: 12px
}

.articles-index__article-stats {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #737373
}

.articles-index__article-stat {
    display: flex;
    align-items: center
}

.articles-index__article-stat output {
    margin-left: 2px
}

.articles-index__article-stat--likes {
    margin-left: 25px
}

.filters {
    background: #fce5ef url(../img/head-background.jpg) bottom no-repeat
}

.filters__wrapper {
    padding: 25px 15px
}

.filters__title {
    margin: 21px 0 0;
    text-align: center;
    font-size: 18px
}

.filters__salon-filter {
    display: flex;
    flex-direction: column
}

.filters__button-clear {
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.filters__name-wrapper {
    position: relative
}

.filters__name {
    width: 100%;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 700;
    border: 3px solid #dc025e;
    border-radius: 10px
}

.filters__name-autocomplete {
    top: 48px;
    width: 98%
}

.filters__place-wrapper {
    position: relative;
    margin-top: 12px
}

.filters__place {
    width: 100%;
    padding: 10px 55px 10px 15px;
    font-size: 18px;
    font-weight: 700;
    border: 3px solid #dc025e;
    border-radius: 10px
}

.filters__place-button {
    position: absolute;
    top: 6px;
    right: 5px;
    height: 36px;
    width: 40px;
    padding: 0;
    background: url(../img/place-black.svg) 50% 50% no-repeat;
    border: 0;
    border-left: 1px solid #e9e9e9
}

.filters__place-autocomplete {
    width: 98%
}

.filters__button {
    width: 53px;
    height: 45px;
    background: #dc025e url(../img/search-icon.svg) 50% 50% no-repeat;
    background-size: 35px
}

.filter-desktop {
    display: none
}

.filters__type {
    background-color: #fff;
    border-bottom: 1px solid #fce5ef
}

.filters__type-wrapper {
    padding: 10px 15px 5px;
    display: flex;
    justify-content: space-around;
    align-items: flex-start
}

.filters__type-sorting {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-left: 25px;
    background: url(../img/filter-mobile.svg) 0 2px no-repeat;
    background-size: 20px
}

.filters__type-sorting output {
    text-align: center;
    color: #999;
    font-size: 11px
}

.filters__sorting-button {
    padding: 0;
    color: #333;
    font-weight: 700;
    background-color: transparent;
    border: 0
}

.filters__type-sort {
    position: relative
}

.filters__type-sort-wrapper {
    position: absolute;
    left: -5px;
    display: flex;
    justify-content: space-between;
    min-width: 100px;
    padding: 0 7px;
    background-color: #fff
}

.filters__type-sort-wrapper--active {
    padding: 0 7px 7px;
    box-shadow: 0 10px 10px #444
}

.filters__type-sort-wrapper--active .filters__type-sort-item, body[data-current-value=multiPopupPlace] .multi-popup, body[data-current-value=multiPopupPlace] .popup-place {
    display: block
}

.filters__type-sort-wrapper--active .filters__type-sort-button {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.filters__sort-name {
    color: #333
}

.filters__sort-name .filters__sort-name--pc {
    display: none
}

.filters__type-sort-list {
    max-width: 75px;
    margin: 0;
    padding: 0;
    list-style: none
}

.filters__type-sort-item {
    display: none;
    font-size: 11px;
    color: #757575
}

.filters__type-sort-item:first-child {
    display: block
}

.filters__type-sort-button {
    width: 8px;
    height: 8px
}

.filters__type-sort-item-button {
    display: none
}

.filters__map-button {
    min-height: 20px;
    padding: 0 0 0 25px;
    color: #333;
    line-height: 0;
    background: url(../img/earth.svg) no-repeat 0 0;
    border: 0
}

.multi-popup {
    z-index: 1000;
    display: none;
    position: absolute;
    width: 100%;
    height: 100vh;
    padding: 15px 0;
    background-color: #fff
}

.multi-popup__navigation-popup {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.multi-popup__navigation-popup-back {
    width: 15px;
    height: 15px;
    border-width: 3px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.multi-popup__navigation-popup-title {
    margin: 0;
    font-weight: 700;
    font-size: 18px
}

.multi-popup__navigation-popup-close {
    position: relative;
    width: 25px;
    height: 25px
}

.multi-popup__navigation-popup-close::after, .multi-popup__navigation-popup-close::before {
    top: 10px;
    left: 2px;
    content: "";
    width: 22px;
    height: 3px
}

.multi-popup__list {
    display: flex;
    justify-content: space-between;
    padding: 0;
    list-style: none;
    margin: 10px 0 0
}

.multi-popup__list-item {
    width: 100%
}

.multi-popup__list-item--active {
    background-color: #ff90bf
}

.multi-popup__list-item--active .multi-popup__list-button {
    color: #fff
}

.multi-popup__list-item--active .multi-popup__list-button svg {
    fill: #fff
}

.multi-popup__list-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px;
    background-color: transparent;
    border: 0;
    font-size: 10px;
    color: #828282
}

.multi-popup__list-button svg {
    margin-right: 2px
}

.multi-popup__popups-wrapper {
    position: fixed;
    top: 92px;
    bottom: 119px;
    width: 100%;
    overflow: hidden;
    overflow-y: auto
}

.multi-popup__buttons-popup {
    position: absolute;
    bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%
}

.multi-popup__button-popup {
    width: 130px;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 700
}

.multi-popup__button-popup--reset {
    position: relative;
    text-transform: uppercase;
    color: #666;
    background-color: transparent;
    border: 0
}

.multi-popup__button-popup--reset::after, .multi-popup__button-popup--reset::before {
    position: absolute;
    top: 16px;
    left: 0;
    content: "";
    width: 16px;
    height: 2px;
    background-color: #666
}

.multi-popup__button-popup::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.multi-popup__button-popup::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.multi-popup__button-popup--show {
    margin-left: 15px
}

.popup-place {
    display: none;
    margin-top: 15px
}

.popup-place__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.popup-place__item-location--area {
    padding: 0 15px
}

.popup-place__item-location--metro {
    margin-top: 10px
}

.popup-place__item-location--active .popup-place__title::before {
    position: absolute;
    top: 30%;
    left: 10px;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #fcf;
    border-radius: 50%
}

.popup-place__item-location--active .popup-place__location-button {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.popup-place__item-location--active .popup-place__location-wrapper {
    display: block
}

.popup-place__location-wrapper {
    display: none
}

.popup-place__location-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 15px 10px 0;
    border-bottom: 1px solid #fef2f7
}

.popup-place__location-header--metro {
    margin-right: 15px;
    margin-left: 15px
}

.popup-place__location-title {
    position: relative;
    width: 100%;
    margin: 0;
    padding-left: 25px;
    font-size: 15px
}

.popup-place__location-button {
    border-color: #999
}

.popup-place__areas-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.popup-place__areas-item--active .popup-place__areas-button {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.popup-place__areas-item--active .popup-place__microareas-list {
    display: block
}

.popup-place__areas-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 10px 25px;
    border-bottom: 1px solid #fef2f7
}

.popup-place__areas-title {
    width: 100%;
    margin: 0;
    font-size: 12px
}

.popup-place__areas-button {
    width: 9px;
    height: 9px;
    border-color: #999
}

.popup-place__microareas-list {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none
}

.popup-place__microareas-item {
    padding: 10px 0 10px 30px;
    font-size: 12px;
    border-bottom: 1px solid #fce5ef
}

.popup-place__line-list {
    display: flex;
    justify-content: space-between;
    padding: 0;
    list-style: none;
    height: 40px;
    margin: 3px 0 0
}

.popup-place__line-item {
    display: flex;
    align-items: center;
    width: 33%;
    padding: 0 8px
}

.popup-place__line-item--active {
    background-color: #fef2f7
}

.popup-place__line-button {
    width: 100%;
    height: 12px;
    padding: 0;
    border: 0
}

.popup-place__line-button--red {
    background-color: #ff4545
}

.popup-place__line-button--blue {
    background-color: #407ce9
}

.popup-place__line-button--green {
    background-color: #51a148
}

.popup-place__line-name {
    display: none
}

.popup-place__stations-wrapper {
    padding-left: 35px;
    background-color: #fef2f7
}

.popup-place__stations-list {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px
}

.popup-place__stations-list--active, .popup-zona__list-wrapper--men .popup-zona__list--men, .popup-zona__list-wrapper--women .popup-zona__list--women, body[data-current-value=multiPopupZona] .multi-popup, body[data-current-value=multiPopupZona] .popup-zona {
    display: block
}

.popup-place__lstations-item {
    padding-top: 10px;
    padding-bottom: 10px
}

.popup-zona, .popup-zona__title {
    display: none
}

.popup-zona__list-wrapper {
    border-top: 1px solid #fff
}

.popup-zona__list {
    display: none;
    margin: 0;
    list-style: none;
    padding: 0 15px
}

.popup-zona__list--women {
    background-color: #fef2f7
}

.popup-zona__list--women .popup-zona__organ-title::before {
    background-color: #ff90bf
}

.popup-zona__list--men {
    background-color: #cce9fb
}

.popup-zona__list--men .popup-zona__organ-title::before {
    background-color: #243f97
}

.popup-zona__item-organ {
    border-top: 1px solid #fff
}

.popup-zona__item-organ:first-child {
    border-top: 0
}

.popup-zona__item-organ--active .popup-zona__organ-title::before, body[data-current-value=multiPopupAparat] .multi-popup, body[data-current-value=multiPopupAparat] .popup-aparat {
    display: block
}

.popup-zona__item-organ--active .popup-zona__organ-button {
    -webkit-transform: rotate(-178deg);
    transform: rotate(-178deg)
}

.popup-zona__item-organ--active .popup-zona__organ-list {
    display: block;
    border-top: 1px solid #fff
}

.popup-zona__organ-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px 6px 0
}

.popup-zona__organ-title {
    position: relative;
    width: 100%;
    margin: 0;
    padding-left: 25px;
    font-size: 14px
}

.popup-aparat__item-kind--active .popup-aparat__kind-title::before, .popup-zona__organ-title::before {
    position: absolute;
    top: 30%;
    left: 10px;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%
}

.popup-zona__organ-button {
    width: 22px;
    height: 10px;
    padding: 0;
    background: url(../img/button-arrow--gray.svg) no-repeat 50% 50%;
    background-size: 36px;
    border: 0
}

.popup-zona__organ-list {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    border-top: 1px solid #fff
}

.popup-zona__organ-item {
    padding: 10px 30px
}

.popup-aparat {
    display: none;
    margin-top: 15px;
    padding: 0 15px
}

.popup-aparat__title {
    display: none
}

.popup-aparat__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.popup-aparat__item-kind {
    margin-top: 8px
}

.popup-aparat__item-kind--active .popup-aparat__kind-title::before {
    background-color: #fcf
}

.popup-aparat__item-kind--active .popup-aparat__kind-button {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.popup-aparat__item-kind--active .popup-aparat__kind-list, body[data-current-value=multiPopupComfort] .multi-popup, body[data-current-value=multiPopupComfort] .popup-comfort {
    display: block
}

.popup-aparat__kind-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px 5px 0;
    border-bottom: 1px solid #fef2f7
}

.popup-aparat__kind-title {
    position: relative;
    width: 100%;
    margin: 0;
    padding-left: 25px;
    font-size: 15px
}

.popup-aparat__kind-button {
    border-color: #999
}

.popup-aparat__kind-list {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px
}

.popup-aparat__kind-item {
    padding: 10px 30px;
    border-bottom: 1px solid #fef2f7
}

.popup-comfort {
    display: none;
    margin-top: 15px;
    padding: 0 15px
}

.popup-comfort__title {
    display: none
}

.popup-comfort__list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px
}

.popup-comfort__item--input {
    border: 1px solid #d6d6d6 !important
}

.popup-comfort__item {
    padding: 10px 0;
    border-bottom: 1px solid #fef2f7
}

.salons {
    margin-top: 10px
}

.salons__title {
    margin: 0;
    padding: 0 15px;
    font-size: 18px
}

.salons__choose {
    z-index: 1001;
    position: fixed;
    bottom: 55px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

body[data-current-value^=multiPopup] .salons__choose {
    display: flex
}

.salons__choose-title {
    display: none
}

.salons__choose-list {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    padding: 0 0 0 15px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.salons__choose-list::-webkit-scrollbar {
    width: 0
}

.salons__choose-list--women .salons__choose-item {
    background-color: #fff5f9
}

.salons__choose-list--men .salons__choose-item {
    background-color: #cce9fb
}

.salons__choose-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 0 0 15px;
    padding: 5px;
    font-size: 10px;
    color: #666;
    border-radius: 6px
}

.salons__choose-item:first-child {
    margin-left: 0
}

.salons__choose-del {
    position: relative;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

.salons__choose-del::after, .salons__choose-del::before {
    top: 5px;
    width: 12px;
    background-color: #d0d0d0
}

.salons__choose-reset-button {
    display: none
}

.salons__choose-results {
    align-self: center;
    margin: 5px 0 0;
    font-size: 12px;
    color: #666
}

.salons__choose-results--pc, .salons__salon--network .salons__callback {
    display: none
}

.salons_salon-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.salons__salon {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d6d6d6
}

.salons__salon--independent .salons__place-containter {
    display: block
}

.salons__salon--gray .salons__salon-type-border .salons__salon-type, .salons__salon--independent .salons__branches, .salons__salon--independent .salons__salon-show-all {
    display: none
}

.salons__salon--independent .salons__rating {
    position: absolute;
    top: 90px
}

.salons__salon--independent .salons__services-list {
    margin: 7px 0 0 100px
}

.salons__salon-type-border {
    min-height: 7px;
    padding-left: 15px
}

.salons__salon-type {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

.salons__salon--gold .salons__salon-type-border {
    background-color: #ffc600
}

.salons__salon--pink .salons__salon-type-border {
    background-color: #ffd2e6
}

.salons__salon--gray .salons__salon-type-border {
    background-color: #adadad
}

.salons__main-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 0 15px 15px
}

.salons__overview-wrapper {
    position: absolute;
    top: 7px;
    margin: 0
}

.salons__img {
    border: 1px solid #ccc
}

.salons__information {
    width: 100%
}

.salons__title-description {
    min-height: 70px;
    margin: 7px 0 0 100px
}

.salons__name {
    margin: 0;
    font-size: 15px
}

.salons__name a {
    color: #000;
    text-decoration: none
}

.salons__about {
    display: flex;
    align-items: center;
    min-height: 28px;
    margin: 4px 0 0;
    font-size: 11px;
    color: #666
}

.salons__place-containter {
    display: none;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.salons__place-wrapper {
    display: flex;
    flex-direction: column
}

.salons__map {
    align-self: flex-start;
    margin: 0 0 5px
}

.salons__aparat {
    margin: 7px 0 0;
    font-size: 12px;
    font-weight: 700
}

.salons__advantages, .salons__aparat {
    display: flex;
    align-items: center
}

.salons__description {
    margin-top: 10px;
    position: relative
}

.salons__description--active .salons__description-text {
    max-height: unset
}

.salons__description--active .salons__description-button {
    display: none
}

.salons__description-text {
    max-height: 60px;
    margin: 0;
    color: #707070;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden
}

.salons__description-button {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    line-height: 14px;
    background-color: #fff;
    border: 0
}

.salons__rating {
    flex-direction: column;
    justify-content: flex-start;
    width: 92px
}

.salons__rating .rating-salon__point-wrapper {
    align-self: center
}

.salons__rating .rating-salon__point {
    font-size: 30px
}

.salons__rating .rating-salon-stars {
    margin-left: 5px
}

.salons__rating .rating-salon__reviews, .stock__advantages-item b {
    font-size: 12px
}

.salons__rating .rating-salon__star {
    display: none;
    width: 22px;
    height: 22px;
    background-size: 40px;
    background-position: -20px 0
}

.salons__rating .rating-salon__star:first-child {
    display: block
}

.salons__rating .rating-salon__star svg {
    width: 22px;
    height: 22px
}

.salons__services-list {
    margin-left: 8px
}

.salons__callback {
    margin-top: 6px;
    padding-bottom: 10px;
    border-top: 1px solid #d6d6d6
}

.salons__callback, .salons__callback-wrapper {
    display: flex;
    flex-direction: column
}

.salons__phones {
    margin-top: 12px
}

.salons__workdays {
    margin-top: 10px
}

.salons__callback-question {
    align-self: center;
    margin: 15px 0 0;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    text-decoration: underline;
    background-color: transparent;
    border: 0
}

.salons__buttons-wrapper {
    display: flex;
    justify-content: center;
    margin: 10px 0 0
}

.salons__discount-warning, .salons__price-button {
    display: none
}

.salons__discount-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.salons__discount-item {
    background-color: #e24a8a
}

.salons__discount-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px;
    color: #000;
    text-decoration: none
}

.salons__discount-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 26px;
    padding-left: 30px;
    color: #fff;
    background: url(../img/discount--black.svg) no-repeat 0 50%;
    background-size: 23px
}

.salons__discount-title {
    font-size: 14px
}

.salons__discount-description {
    margin: 0
}

.salons__discount-time {
    flex-shrink: 0;
    margin: 0 0 0 18px;
    font-size: 12px;
    font-weight: 700
}

.salons__discount-time--pc {
    display: none
}

.salons-prices__price-table {
    display: table;
    margin-top: 3px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6
}

.salons-prices__price-table .salon-prices__thead-row td:first-child {
    padding-left: 9px
}

.salons-prices__price-table .salon-prices__thead-row .salon-prices__row-part {
    display: flex;
    align-items: center;
    padding: 7px 0 10px 9px
}

.salons-prices__price-table .salon-prices__table-tbody {
    display: table-row-group;
    color: #666
}

.salons-prices__price-table .salon-prices__tbody-row td {
    border-right: 1px solid #fff
}

.salons-prices__price-table .salon-prices__tbody-row td:last-child {
    border: 0
}

.salons-prices__price-table .salon-prices__tbody-row:hover {
    font-weight: 400
}

.salons-prices__price-table .salon-prices__row-time {
    flex: 63px
}

.salons-prices__price-table .salon-prices__row-part {
    flex: 177px
}

.salons-prices__price-table .salon-prices__row-cost, .salons-prices__price-table .salon-prices__row-price {
    flex: 80px;
    text-decoration: none
}

.salons-prices__price-table .salon-prices__table-tbody--men {
    background-color: #cce9fb
}

.salons-prices__price-table .salon-prices__table-tbody--women {
    background-color: #fff3f8
}

.salons-prices__price-for {
    display: flex;
    padding: 0;
    list-style: none;
    margin: 0 0 0 3px;
    font-size: 0
}

.salons-prices__price {
    width: 24px;
    height: 24px;
    margin-left: 2px
}

.salons-prices__price:first-child {
    margin-left: 0
}

.salons-prices__price:before {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    background: no-repeat 50% 50%;
    background-size: 15px;
    border-radius: 2px
}

.salons-prices__price--men::before {
    background-color: #cce9fb;
    background-image: url(../img/man--gray.svg)
}

.salons-prices__price--women::before {
    background-color: #fff3f8;
    background-image: url(../img/woman--gray.svg)
}

.salons__salon-show-all-wrapper {
    align-self: flex-end;
    display: flex;
    margin: 12px 0 0;
    padding-right: 15px;
    font-size: 14px
}

.salons__salon-show-button {
    margin-left: 15px
}

.salons__show-all-wrapper {
    display: flex;
    justify-content: center;
    margin: 22px 0;
    padding: 19px 0;
    background-color: #ffddea
}

.salons__show-all {
    position: relative;
    padding-right: 40px;
    font-size: 18px;
    color: #333;
    background-color: transparent;
    border: 0;
    overflow: hidden
}

.salons__show-all::before {
    position: absolute;
    top: 0;
    right: 3px;
    content: '';
    width: 15px;
    height: 15px;
    border-right: 3px solid #333;
    border-bottom: 3px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.salons__aside-progress, .salons__onmap {
    display: none
}

.salons__onmap--active {
    z-index: 600;
    display: block;
    position: fixed;
    top: 45px;
    bottom: 61px;
    min-width: 100%;
    height: unset;
    background-color: #fff
}

.salons__onmap--active .salon-map__maps {
    position: fixed;
    top: 98px;
    bottom: 61px;
    width: 100%
}

.salons__onmap--active .salon-map__map-iframe, .salons__onmap--active .salon-map__map-img, .salons__onmap--active .salon-map__map-img-wrapper {
    width: 100%;
    height: 100%
}

.salons__onmap--active .salon-map__button {
    display: none
}

.salon-navigation {
    margin-top: 14px;
    padding: 0 15px
}

.salon-navigation .breadcrumbs {
    padding: 0
}

.salon {
    margin: 17px 0 0
}

.salon__title {
    margin: 0;
    padding-left: 15px;
    font-size: 18px
}

.salon__slider {
    margin-top: 12px
}

.salon__slider .slider__img {
    cursor: pointer
}

.salon__slider .slider__button {
    height: 74px;
    width: 20px;
    margin: 0;
    padding: 0
}

.salon__slider .slider__button svg {
    fill: #ffbfdb
}

.salon__information-wrapper {
    margin-top: 20px;
    padding: 0 15px 10px;
    border-bottom: 1px solid #e9e9e9
}

.salon__text {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #666
}

.salon__rating {
    margin-top: 5px
}

.salon__rating .rating-salon__point {
    font-size: 30px
}

.salon__affiliate {
    display: flex;
    justify-content: space-between;
    padding: 0 15px 8px;
    border-bottom: 1px solid #e9e9e9
}

.salon__apartments {
    margin-top: 10px;
    padding: 0 15px 12px;
    border-bottom: 1px solid #eee
}

.salon__apartments-description {
    margin: 0;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700
}

.salon__services-list {
    margin-top: 11px
}

.salon__advice-description {
    margin: 10px 0 0;
    padding: 0 15px 20px;
    color: #707070;
    font-size: 12px;
    line-height: 15px;
    border-bottom: 1px solid #eee
}

.salon__contact {
    display: flex;
    flex-direction: column;
    padding: 0 15px
}

.salon__contact-photo {
    display: none
}

.salon__phones {
    margin-top: 12px
}

.salon__workdays {
    margin-top: 10px
}

.salon__contact-question {
    align-self: center;
    margin-top: 17px;
    padding: 0;
    font-size: 12px;
    color: #dc025e;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline;
    background-color: transparent;
    border: 0
}

.salon__contact-question::after {
    content: "?";
    display: inline-block;
    margin-left: 10px;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none
}

.salon__contact-sing {
    align-self: center;
    margin-top: 10px
}

.salon__social-list {
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    margin: 19px 0 0
}

.salon__social-item {
    margin-left: 11px
}

.salon__social-item:first-child {
    margin-left: 0
}

.salon__contact-reach {
    align-self: center;
    margin: 19px 0 0;
    font-size: 14px;
    color: #000
}

.salon__contact-owner {
    align-self: center;
    margin-top: 11px;
    font-size: 14px;
    color: #dc025e;
    text-decoration: underline;
    background-color: transparent;
    border: 0
}

.salon__information {
    display: none
}

.salon-price {
    padding-bottom: 22px
}

.salon-price__offer-for {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 8px
}

.salon-price__offer-for-title {
    font-size: 16px
}

.salon-price__for-buttons {
    display: flex;
    margin: 13px 0 0
}

.salon-price__for-button {
    padding: 0;
    background-color: transparent;
    border: 0
}

.salon-price__for-button--men {
    margin-left: 35px
}

.salon-price__for-button span {
    display: block;
    width: 130px;
    padding: 10px 0 10px 21px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    background: no-repeat;
    background-position: 85px 50%;
    background-size: 21px;
    border-radius: 6px
}

.salon-price__for-button .women {
    background-image: url(../img/woman.svg)
}

.salon-price__for-button .men {
    background-image: url(../img/man.svg)
}

.salon-price__for-button--active .women {
    background-color: #ffeff5
}

.salon-price__for-button--active .men {
    background-color: #cce9fb
}

.salon-price__offer-list {
    padding: 0;
    list-style: none;
    margin: 15px 0 0
}

.salon-price__offer-item {
    padding-bottom: 2px
}

.salon-price__offer-item--active .salon-price__offer-button {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.salon-price__offer-item--active .salon-price__offer-zona-list, body[data-current-value=addcomment] .salon-addcomment {
    display: block
}

.salon-price__offer-header, .salon-price__offer-zona-header {
    position: relative;
    display: flex;
    justify-content: center;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6
}

.salon-price__offer-header {
    padding: 14px 0
}

.salon-price__offer-zona-header {
    padding: 8px 0 11px
}

.salon-price__offer-title {
    text-transform: uppercase
}

.salon-price__offer-title, .salon-price__offer-zona-title {
    max-width: 220px;
    margin: 0;
    text-align: center;
    font-size: 16px
}

.salon-price__offer-button, .salon-price__offer-zona-button {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 40px;
    height: 10px;
    background: url(../img/button-arrow.svg) no-repeat;
    border: 0
}

.salon-price__offer-zona-list {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none
}

.salon-price__offer-zona-item {
    margin-top: 2px
}

.salon-price__offer-zona-item--active .salon-price__offer-zona-header {
    border-bottom: 0
}

.salon-price__offer-zona-item--active .salon-price__offer-zona-button {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.salon-price__offer-zona-item--active .salon-price__offer-table {
    display: table
}

.salon-price__offer-table--women {
    background-color: #ffeff5
}

.salon-price__offer-table--men .salon-prices__table-tbody--men, .salon-price__offer-table--women .salon-prices__table-tbody--women {
    display: table-row-group
}

.salon-price__offer-table--men {
    background-color: #cce9fb
}

.stock-salon__point {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 23px;
    border-top: 1px solid #d6d6d6
}

.stock-salon__title {
    margin: 22px 0 0;
    font-size: 18px
}

.stock-salon__rating {
    flex-direction: column
}

.stock-salon__rating .rating-salon__point {
    font-size: 38px
}

.stock-salon__rating .rating-salon__point-wrapper {
    align-self: center
}

.stock-salon__button {
    margin-top: 25px
}

.stock-salon__allreview {
    margin-top: 10px
}

.stock-salon__allreview, .stock-salon__criteria {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6
}

.stock-salon__allreview-title, .stock-salon__criteria-title {
    margin: 12px 0 0;
    text-align: center;
    font-size: 18px
}

.stock-salon__allreview-table-review, .stock-salon__criteria-table {
    margin-top: 15px;
    font-size: 15px;
    border-collapse: separate;
    border-spacing: 10px
}

.stock-salon__row-star {
    min-width: 70px
}

.stock-salon__row-criteria-gradient, .stock-salon__row-review-gradient {
    width: 100%
}

.stock-salon__row-criteria-gradient div, .stock-salon__row-review-gradient div {
    height: 18px;
    background-color: #ffb0d2;
    background-image: linear-gradient(to right, #ffb0d2, #ffe2ef)
}

.stock-salon__row-percent, .stock-salon__row-quantity {
    white-space: nowrap
}

.stock-salon__row-percent output, .stock-salon__row-quantity output {
    color: #757575
}

.stock-salon__criteria {
    margin-top: 2px
}

.stock-salon__row-service {
    min-width: 170px;
    font-size: 12px
}

.salon-reviews {
    margin-top: 4px
}

.salon-reviews__title-wrapper {
    padding: 12px 0;
    text-align: center;
    background-color: #ededed
}

.salon-reviews-title {
    margin: 0;
    font-size: 18px
}

.salon-reviews__place {
    margin: 5px 0 0;
    font-size: 16px
}

.salon-reviews__reviews-visit {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 42px;
    padding-bottom: 40px;
    border-bottom: 1px solid #d6d6d6
}

.salon-reviews__visit-question {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.salon-reviews__visit-button {
    width: 210px;
    margin-top: 25px
}

.salon-addcomment {
    z-index: 1000;
    display: none;
    position: absolute;
    left: 50%;
    top: 20px;
    width: 290px;
    margin-left: -145px;
    padding-bottom: 15px;
    background-color: #fff;
    border-top: 5px solid #dc025e
}

.salon-addcomment__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
    background: #fef2f7 url(../img/pencil.svg) 15px 10px no-repeat;
    background-size: 35px
}

.salon-addcomment__title {
    margin: 0;
    padding-left: 30px;
    font-size: 13px;
    text-transform: uppercase
}

.salon-addcomment__address {
    width: 250px;
    max-width: 250px;
    margin: 5px 0 0;
    padding-left: 40px;
    font-size: 12px
}

.salon-addcomment__form {
    display: flex;
    flex-direction: column;
    padding: 0 10px
}

.salon-addcomment__warning {
    align-self: center;
    margin: 5px 0 0;
    font-size: 12px;
    color: #999
}

.salon-addcomment__autor-wrapper {
    display: flex;
    margin-top: 15px
}

.salon-addcomment--no-accaunt .salon-addcomment__autor-wrapper {
    flex-direction: column
}

.salon-addcomment--no-accaunt .salon-addcomment__autor-image-wrapper {
    display: flex;
    flex-direction: column;
    align-self: center;
    margin-top: 25px
}

.salon-addcomment--no-accaunt .salon-addcomment__autor-image {
    display: none
}

.salon-addcomment--no-accaunt .salon-addcomment__autor-name-wrapper {
    display: block;
    order: -1
}

.salon-addcomment--no-accaunt .salon-addcomment__autor-name {
    display: none
}

.salon-addcomment--no-accaunt .salon-addcomment__autor-image-file {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 105px;
    height: 105px;
    background: #ededed url(../img/addphoto--white.svg) no-repeat 50% 20px;
    background-size: 25px;
    border-radius: 50%
}

.salon-addcomment--no-accaunt .salon-addcomment__autor-noregister-list {
    display: block;
    margin: 0;
    list-style: none;
    padding: 0 30px
}

.salon-addcomment--no-accaunt .salon-addcomment__autor-noregister-list .salon-addcomment__autor-noregister-item {
    margin-top: 5px;
    font-size: 12px
}

.salon-addcomment--no-accaunt .salon-addcomment__autor-noregister-list label {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.salon-addcomment__autor-image {
    border-radius: 50%
}

.salon-addcomment__autor-image-file {
    display: none
}

.salon-addcomment__autor-file-text {
    display: flex;
    margin: 0;
    font-size: 12px;
    color: #999
}

.salon-addcomment__autor-name-wrapper {
    display: flex;
    justify-content: center
}

.salon-addcomment__autor-name {
    align-self: center;
    margin: 0 0 0 10px;
    font-weight: 700
}

.salon-addcomment__autor-noregister-list {
    display: none
}

.salon-addcomment__visit-time-title {
    margin: 15px 0 0
}

.salon-addcomment__visit-time-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.salon-addcomment__visit-time-item {
    margin: 15px 0 0 12px;
    font-size: 12px;
    color: #999
}

.salon-addcomment__visit-time-item:first-child {
    margin-left: 0
}

.salon-addcomment__visit-time-item:nth-child(4) {
    margin-left: 0
}

.salon-addcomment__visit-time-label {
    display: flex;
    flex-direction: column
}

.salon-addcomment__visit-time-input {
    margin-top: 5px;
    width: 70px
}

.salon-addcomment__visit-time-input--time {
    width: 150px
}

.salon-addcomment__ratings-list {
    padding: 0;
    list-style: none;
    margin: 15px 0 0
}

.salon-addcomment__ratings-item {
    margin-top: 10px
}

.salon-addcomment__ratings-item:first-child {
    margin-top: 0
}

.salon-addcomment__rating-title {
    margin: 0;
    font-weight: 400
}

.salon-addcomment__rating-group-wrapper {
    display: flex;
    align-items: center
}

.salon-addcomment__rating-group {
    margin: 5px 0 0
}

.salon-addcomment__rating-group:focus-within {
    outline: 2px solid #a6c7ff
}

.salon-addcomment__rating-point {
    position: relative;
    width: 20px;
    height: 10px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.salon-addcomment__rating-point::before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: #ffadd1
}

.salon-addcomment__rating-point:checked ~ .salon-addcomment__rating-point:before {
    background-color: #ededed
}

.salon-addcomment__rating-point-total {
    align-self: center;
    margin-left: 15px;
    font-weight: 700
}

.salon-addcomment__ratings-list-total {
    display: flex;
    padding: 0;
    list-style: none;
    margin: 15px 0 0
}

.salon-addcomment__ratings-total-item {
    width: 25px;
    height: 25px;
    margin-left: 5px;
    background-repeat: no-repeat
}

.salon-addcomment__ratings-total-item:first-child {
    margin-left: 0
}

.salon-addcomment__ratings-total-item--color {
    background-image: url(../img/addcomment-star--pink.svg)
}

.salon-addcomment__ratings-total-item--transparent {
    background-image: url(../img/addcomment-star--transparent.svg)
}

.salon-addcomment__text {
    height: 80px;
    margin-top: 15px;
    padding: 10px;
    resize: none
}

.salon-addcomment__file {
    margin-top: 15px
}

.salon-addcomment__rulles {
    display: flex;
    flex-direction: column;
    margin-top: 15px
}

.salon-addcomment__rulles-captch {
    color: #666
}

.record-client__salon-address svg, .salon-addcomment__rulles-captch input {
    margin-right: 5px
}

.salon-addcomment__rulles-conf {
    margin: 10px 0 0 18px;
    color: #000
}

.salon-addcomment__buttons {
    display: flex;
    justify-content: space-between
}

.salon-addcomment__button {
    width: 120px;
    margin-top: 30px;
    padding: 8px 0;
    font-size: 12px
}

.salon-addcomment__closed {
    top: 5px;
    right: 5px
}

.salon-carousel__section {
    display: none
}

.salon-carousel__section--active {
    display: block
}

.salon-carousel {
    margin-top: 35px
}

.salon-carousel__buttons {
    display: flex;
    justify-content: space-between;
    margin: 0
}

.salon-carousel__button {
    width: 50%;
    padding: 13px 0;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    background-color: #f1f1f1;
    border: 0
}

.salon-carousel__button span {
    position: relative
}

.salon-carousel__button output {
    position: absolute;
    top: -32px;
    right: -32px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 35px;
    min-width: 35px;
    padding: 5px;
    border: 1px solid #de005e;
    border-radius: 50%
}

.salon-carousel__button output, .salon-carousel__button--active {
    color: #fff;
    background-color: #de005e
}

.salon-carousel__button--active output {
    color: #de005e;
    background-color: #fff;
    border-color: #de005e
}

.articles-filters .filters__salon-filter {
    position: relative;
    flex-direction: row;
    justify-content: center
}

.articles-filters .filters__salon-filter .filters__name {
    width: 100%;
    padding-right: 35px;
    font-size: 16px
}

.articles-filters .filters__salon-filter .filters__button {
    z-index: 1;
    margin-left: -12px
}

.articles-filters__wrapper {
    position: relative;
    width: 100%;
    max-width: 560px
}

.articles {
    display: flex;
    flex-direction: column;
    padding: 0 15px
}

.article__text {
    max-width: 264px
}

.list__block {
    margin-bottom: 20px !important
}

.articles__article--block {
    max-height: 100% !important
}

.articles__article-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.articles__article-item {
    margin-top: 35px
}

.articles__article {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 380px;
    max-height: 380px
}

.articles__article picture {
    max-height: 199px
}

.articles__article-image {
    border: 1px solid #d6d6d6;
    border-bottom: 0
}

.articles__article-title {
    width: 100%;
    margin: 0;
    padding: 11px 0;
    text-align: center;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #d26
}

.articles__article-wrapper {
    padding: 0 20px 12px;
    border: 1px solid #d6d6d6;
    border-top: 0
}

.articles__article-text {
    min-width: 222px;
    max-width: 222px;
    min-height: 80px;
    max-height: 80px;
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden
}

.articles__article-links-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 21px
}

.articles__article-button {
    width: 110px;
    padding: 8px 10px;
    font-weight: 400
}

.articles__article-links {
    align-self: flex-end;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.articles__article-links-item {
    margin-left: 5px;
    font-size: 12px;
    color: #ccc;
    background-repeat: no-repeat;
    background-position: 0 50%
}

.articles__article-links-item:first-child, .faq-filter__item:first-child {
    margin-left: 0
}

.articles__article-links-item--facebook {
    padding-left: 14px;
    background-image: url(../img/facebook.svg)
}

.articles__article-links-item--view {
    padding-left: 18px;
    background-image: url(../img/eye.svg);
    background-size: 16px
}

.articles__button {
    align-self: center;
    margin: 20px 0;
    padding: 13px 44px;
    font-size: 14px;
    color: #333;
    background-color: #ffddea;
    border: 0;
    border-radius: 6px
}

.articles__pagination {
    margin-top: 37px
}

.faq-filter {
    padding: 12px 15px;
    background-color: #fce5ef
}

.faq-filter__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.faq-filter__item {
    margin-left: 12px;
    padding: 10px 4px 8px;
    font-size: 11px;
    background-color: #ffbfdb;
    border-radius: 6px
}

.faq-filter__item a {
    color: #333;
    text-decoration: none
}

.faq-filter__item--curent a {
    color: #000;
    font-weight: 700
}

.faq-search {
    margin-top: 20px;
    padding: 0 15px
}

.faq-search__title {
    margin: 0;
    font-size: 18px
}

.faq-search__form {
    margin-top: 20px;
    position: relative
}

.faq-search__input {
    width: 100%;
    padding: 10px 0 10px 40px;
    font-size: 16px;
    background: url(../img/header-search.svg) 5px 50% no-repeat;
    border: 3px solid #dc025e;
    border-radius: 10px
}

.faq-search__input:focus {
    outline: none;
    box-shadow: 0 0 10px #dc025e
}

.faq-search__autocomplete {
    width: 98%
}

.faq-search__button {
    display: none
}

.faq {
    margin-top: 25px
}

.faq__list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ededed
}

.faq__item {
    padding: 17px 15px;
    border-top: 1px solid #ededed
}

.faq__title {
    margin: 0;
    font-size: 16px;
    cursor: pointer
}

.faq__item-wrapper {
    display: none;
    flex-direction: column
}

.faq__item-wrapper--show {
    display: flex
}

.faq__information-list {
    display: flex;
    align-items: center;
    padding: 0;
    list-style: none;
    margin: 5px 0 0
}

.faq__information-item {
    margin-left: 15px;
    padding-left: 15px;
    font-size: 12px
}

.faq__information-item:first-child {
    margin: 0;
    padding: 0
}

.faq__information-item--data {
    color: #9b9b9b
}

.faq__information-item--followers {
    position: relative;
    color: #dc025e
}

.faq-discussion__followers::before, .faq-discussion__top-questions-item::before, .faq__information-item--followers::before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: '';
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%
}

.faq__information-item--answers {
    padding: 6px 15px;
    color: #666;
    background-color: #f5f5f5;
    border-radius: 6px
}

.faq__text {
    margin: 15px 0 0;
    color: #333;
    line-height: 18px
}

.faq__full {
    align-self: flex-end;
    margin-top: 10px;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background-color: #6b6b6b;
    border-radius: 8px
}

.faq__notfound-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 45px
}

.faq__notfound-title {
    font-size: 16px;
    text-transform: uppercase
}

.faq__notfound-button {
    width: 209px;
    margin-top: 20px;
    padding: 10px 0
}

.faq-discussion__breadcrumbs {
    margin: 15px 0 0;
    border-top: 2px solid #fce5ef
}

.faq-discussion, .faq-discussion__breadcrumbs .breadcrumbs__list {
    margin-top: 15px
}

.faq-discussion-title {
    margin: 0;
    padding: 0 15px;
    font-size: 18px
}

.faq-discussion-wrapper {
    margin-top: 20px
}

.faq-discussion__question {
    padding: 0 15px
}

.faq-discussion__text {
    margin: 0;
    line-height: 15px;
    color: #333
}

.faq-discussion__information {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 25px
}

.faq-discussion__follow {
    padding: 5px 10px 5px 36px;
    font-size: 16px;
    color: #fff;
    background: #e4498b url(../img/bookmark.svg) no-repeat;
    background-position: 11px 50%;
    background-size: 20px;
    border: 0;
    border-radius: 8px
}

.faq-discussion__followers {
    position: relative;
    margin: 0 15px;
    padding-left: 19px;
    color: #dc025e
}

.faq-discussion__followers::before, .faq-discussion__top-questions-item::before {
    width: 4px;
    height: 4px
}

.faq-discussion__autor {
    font-size: 12px;
    color: #666
}

.faq-discussion__comments {
    margin-top: 50px
}

.faq-discussion__comments-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ededed
}

.faq-discussion__comments-count {
    display: flex;
    align-items: center;
    min-height: 25px;
    margin: 0;
    padding-left: 35px;
    color: #666;
    background: url(../img/comment.svg) no-repeat 0 50%
}

.faq-discussion__comments-count output {
    margin-left: 4px;
    font-weight: 700
}

.faq-discussion__comments-button {
    width: 130px;
    padding: 8px 0
}

.faq-discussion__comments-list .comments__feedback {
    justify-content: flex-end
}

.faq-discussion__comments-list .comments__feedback-like {
    min-height: 38px
}

.faq-discussion__pagination {
    margin-top: 30px;
    padding-bottom: 0
}

.faq-discussion__addcomment {
    margin-top: 75px;
    padding: 0 15px 69px
}

.faq-discussion__addcomment-autor-wrapper, body[data-current-value=discussion] .faq-discussion-popup {
    display: flex
}

.faq-discussion__addcomment-img-wrapper {
    flex-shrink: 0;
    margin: 0
}

.faq-discussion__addcomment-img {
    border-radius: 50%
}

.faq-discussion__addcomment-autor-fact {
    margin-left: 10px
}

.faq-discussion__addcomment-autor-name {
    font-size: 16px;
    font-weight: 700;
    font-style: normal
}

.faq-discussion__addcomment-autor-rank {
    margin: 8px 0 0;
    font-size: 14px;
    color: #737373
}

.faq-discussion__addcomment-text {
    width: 100%;
    height: 200px;
    margin-top: 14px;
    padding: 22px 20px;
    resize: none
}

.faq-discussion__addcomment-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px
}

.faq-discussion__addcomment-sent {
    width: 144px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400
}

.faq-discussion__top-questions {
    display: flex;
    flex-direction: column;
    padding: 13px 0;
    background-color: #fce5ef
}

.faq-discussion__top-questions-title {
    align-self: center;
    display: flex;
    align-items: center;
    min-height: 34px;
    margin: 0;
    padding-left: 45px;
    font-size: 16px;
    background: url(../img/favorites-questions.svg) 0 50% no-repeat
}

.faq-discussion__top-questions-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    list-style: none;
    margin: 10px 0 0
}

.faq-discussion__top-questions-item {
    position: relative;
    margin-top: 8px;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 18px;
    background-color: #fff4f9
}

.faq-discussion__top-questions-item::before {
    left: 15px;
    background-color: #666
}

.faq-discussion__top-questions-item:first-child {
    margin-top: 0
}

.faq-discussion__top-questions-item a {
    color: #000;
    text-decoration: none
}

.faq-discussion__notfoud {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 25px 15px 0;
    padding: 0 25px 20px;
    border: 1px solid #d6d6d6
}

.faq-discussion__notfoud-title {
    margin-top: 22px;
    text-align: center;
    font-size: 16px;
    color: #dc025e
}

.faq-discussion__notfoud-button {
    width: 209px;
    margin-top: 15px;
    padding: 12px 0
}

.faq-discussion__notfoud-text {
    margin: 17px 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #666
}

.faq-discussion-popup {
    display: none;
    z-index: 1000;
    position: fixed;
    left: 50%;
    top: 100px;
    flex-direction: column;
    width: 290px;
    margin-left: -145px;
    padding-bottom: 15px;
    background-color: #fff;
    border-top: 7px solid #dc025e
}

.faq-discussion-popup__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 15px;
    background-color: #fef2f7
}

.faq-discussion-popup__title {
    margin: 15px 0 0;
    font-size: 18px
}

.faq-discussion-popup__copyright {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #e60060;
    text-transform: uppercase
}

.faq-discussion-popup__copyright span {
    color: #ff0158
}

.faq-discussion-popup__copyright .logo {
    margin-left: 2px;
    padding: 3px;
    font-size: 12px;
    color: #e60060;
    font-weight: 700;
    border: 1px solid #e60060;
    border-radius: 50%
}

.faq-discussion-popup__form {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    padding: 0 15px
}

.faq-discussion-popup__quesion {
    height: 30px;
    padding: 3px 5px;
    resize: none
}

.faq-discussion-popup__description {
    height: 60px;
    margin-top: 5px;
    padding: 3px 5px;
    resize: none
}

.faq-discussion-popup__button {
    align-self: center;
    width: 160px;
    margin-top: 15px;
    padding: 8px 0
}

.faq-discussion-popup__closed {
    top: 5px;
    right: 5px
}

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

.stocks__slider .slider__list {
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: unset;
    overflow-x: unset;
    -ms-overflow-style: unset;
    scrollbar-width: unset
}

.stocks__slider .slider__item {
    margin-top: 25px
}

.record-salon__applications-client-contact span, .stocks__slider .slider__button {
    display: none
}

.stock {
    margin-top: 15px
}

.stock__title {
    margin: 0;
    padding: 0 15px;
    font-size: 16px;
    line-height: 16px
}

.stock__wrapper {
    margin-top: 25px
}

.stock__slider {
    display: flex;
    flex-direction: column;
    padding: 0
}

.stock__slider .slider__item {
    width: 100%
}

.stock__slider .slider__item-wrapper {
    max-width: unset;
    border-top: 0
}

.stock__slider .slider__button {
    margin-bottom: 0
}

.stock__slider-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.stock__slider-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 15px
}

.stock__slider-toggles {
    margin: 0
}

.stock__slider-toggle {
    height: 12px;
    margin-left: 17px;
    background-color: #dbdbdb;
    border: 0;
    border-radius: 50%
}

.stock__slider-toggle--current {
    background-color: #ff7bb3
}

.stock__slider-toggle:nth-of-type(1) {
    margin-left: 0
}

.stock__aside {
    margin-top: 10px
}

.stock__advantages-list {
    display: flex;
    justify-content: center;
    margin: 0;
    list-style: none;
    padding: 13px 0 7px;
    background-color: #fce5ef
}

.stock__advantages-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 4px
}

.stock__advantages-item:first-child {
    margin-left: 0
}

.stock__advantages-item output {
    color: #dc025e;
    font-size: 20px;
    font-weight: 700
}

.stock__advantages-item--saving .stock__advantages-wrapper {
    min-width: 101px;
    max-width: 101px
}

.stock__advantages-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 71px;
    height: 51px;
    margin: 5px 0 0;
    background-color: #fff
}

.stock__advantages-wrapper .saving--old {
    color: #666;
    font-size: 13px;
    text-decoration: line-through
}

.stock__timer {
    margin-top: 3px;
    padding: 0 30px 10px
}

.stock__timer-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 10px 14px;
    background: #fce5ef linear-gradient(to bottom, #fce5ef 50%, #fce5ef 54%, #fff 54%, #fff 56%, #fff3f8 56%, #fff3f8 80%)
}

.stock__timer-title {
    font-size: 16px
}

.stock__timer-list {
    display: flex;
    padding: 0;
    list-style: none;
    margin: 11px 0 0
}

.stock__timer-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 14px;
    color: #666;
    font-size: 12px
}

.stock__timer-item:before {
    position: absolute;
    content: '';
    top: 46%;
    left: -8px;
    width: 3px;
    height: 3px;
    background-color: #bbb;
    box-shadow: 0 -15px 0 0 #bbb
}

.stock__timer-item:first-child {
    margin-left: 0
}

.stock__timer-item:first-child:before {
    display: none
}

.stock__timer-item output {
    margin-bottom: 9px;
    padding: 9px 10px;
    color: #fff;
    font-size: 27px;
    background-color: #dc025e;
    border-radius: 50%
}

.stock__timer-end {
    margin: 10px 0 0;
    text-align: center;
    font-size: 11px;
    color: #666
}

.stock__conditions, .stock__description {
    padding: 12px 13px 10px;
    border-top: 1px solid #e9e9e9
}

.stock__organizers {
    border-top: 1px solid #e9e9e9
}

.stock__conditions-title, .stock__description-title, .stock__organizers-title {
    margin: 0;
    font-size: 14px;
    color: #333
}

.stock__organizers-title {
    padding: 12px 13px 10px
}

.stock__conditions-text, .stock__description-text {
    margin: 10px 0 0;
    color: #333;
    line-height: 15px
}

.stock__organizers-more-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 21px;
    padding-right: 15px
}

.stock__organizers-more {
    display: flex;
    align-items: center;
    margin: 0;
    color: #000;
    font-size: 14px;
    text-transform: uppercase
}

.stock__organizers-button {
    margin: -9px 0 0 10px
}

.stock__organizers-results {
    margin: 5px 0 0;
    color: #666;
    font-size: 14px
}

.stock-offer {
    margin-top: 40px;
    padding-bottom: 20px
}

.stock-offer__title {
    font-size: 18px
}

.stock-offer__slider {
    padding-top: 20px
}

.records-salon {
    border-top: 2px solid #fce5ef;
    padding-bottom: 65px
}

.records-salon__warning {
    display: flex;
    align-items: center;
    min-height: 45px;
    margin: 10px 15px 0;
    padding: 10px 10px 10px 45px;
    font-size: 12px;
    line-height: 13px;
    color: #ff92b8;
    border: 2px solid #ff92b8;
    background: url(../img/pay-attention.svg) no-repeat 5px 5px;
    background-size: 31px
}

.records-salon__filter {
    margin-top: 12px;
    padding: 0 15px
}

.records-salon__filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 230px;
    margin: 0;
    padding: 12px 10px 12px 59px;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: url(../img/filter-mobile.svg) 16px 5px no-repeat;
    background-size: 32px
}

.records-salon__filter-button {
    width: 22px;
    height: 10px;
    background: url(../img/button-corner.svg) no-repeat 50% 50%;
    border: 0
}

.records-salon__filter-results {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 5px 0 0 -15px
}

.records-salon__filter-result {
    margin: 5px 0 0 15px;
    padding: 8px 10px;
    color: #666;
    background-color: #fff5f9;
    border-radius: 10px
}

.records-salon__organization-item-button {
    position: relative;
    margin-left: 45px
}

.records-salon__filter-reset {
    margin-top: 5px;
    padding: 8px 30px 8px 10px;
    color: #666;
    background-color: #fafafa;
    border: 0;
    border-radius: 10px
}

.records-salon__applications, .records-salon__calendar {
    margin-top: 28px
}

body[data-current-value=recordsSalonPopup] .records-salon-popup, body[data-current-value=recordsSalonPopup] .records-salon-popup .popup-place {
    display: block
}

.records-salon-popup .multi-popup__popups-wrapper {
    top: 40px
}

.records-salon-popup .popup-place__areas-header {
    padding: 10px 15px 10px 10px
}

.records-salon-popup .popup-place__microareas-item .record-salon-popup__client-count {
    margin-left: 5px
}

.records-salon-popup__client-count {
    margin: 0 5px;
    padding: 2px 5px;
    color: #fff;
    background-color: #dc025e;
    border-radius: 4px
}

.records-salon-popup__street {
    font-size: 11px
}

.record-salon__nav {
    padding: 12px 15px 0;
    border-top: 2px solid #fce5ef
}

.record-salon {
    margin-top: 28px;
    padding: 20px 15px;
    border-top: 1px solid #dedee0;
    border-bottom: 1px solid #dedee0
}

.record-salon__client {
    display: flex;
    margin: 0
}

.record-salon__client time {
    align-self: flex-start;
    display: flex;
    align-items: center;
    min-height: 24px;
    padding-right: 30px;
    font-size: 15px;
    font-weight: 700;
    background: no-repeat 100% 50%;
    background-size: 23px
}

.record-salon__client--byaction time {
    background-image: url(../img/discount--pink.svg)
}

.record-salon__client--bysalon time {
    background-image: url(../img/salon--pink.svg)
}

.record-salon__applications-client-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 0 25px
}

.record-salon__applications-client-name {
    display: flex;
    align-items: center;
    min-height: 20px;
    padding-left: 25px;
    font-size: 15px;
    font-weight: 700;
    background: url(../img/avatar--pink.svg) no-repeat 0 50%
}

.record-salon__applications-client-number {
    display: flex;
    align-items: center;
    min-height: 20px;
    padding-left: 25px;
    margin-top: 8px;
    font-size: 15px;
    text-decoration: none;
    color: #000;
    background: url(../img/phone--pink.svg) no-repeat 0 50%
}

.record-salon__applications-client-contact {
    align-self: flex-end;
    height: 31px;
    width: 44px;
    margin-left: 27px;
    background: #dc025e url(../img/comment--white.svg) no-repeat 50% 50%;
    background-size: 20px;
    border: 0;
    border-radius: 8px
}

.record-salon__address, .record-salon__comment {
    margin: 12px 0 0;
    padding: 5px 0 0 25px;
    color: #999;
    line-height: 15px
}

.record-salon__comment {
    background: url(../img/comment--pink.svg) no-repeat 0 0;
    background-size: 20px
}

.record-salon__address {
    font-size: 14px;
    background: url(../img/place--pink.svg) no-repeat 0 0;
    background-size: 23px
}

.record-salon__street {
    display: block;
    margin-top: 5px;
    color: #ccc
}

.record-salon__procedures {
    padding: 0;
    list-style: none;
    margin: 17px 0 0;
    border-top: 1px solid #dedee0
}

.record-salon__procedure {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 25px 10px 0;
    border-bottom: 1px solid #dedee0
}

.record-salon__procedure span {
    line-height: 20px
}

.record-salon__procedure-button {
    top: 10px;
    right: 0
}

.record-salon__topay-wrapper {
    margin-top: 8px
}

.record-salon__add-procedure {
    margin-top: 8px;
    color: #ff92b8;
    background-image: url(../img/plus.svg)
}

.record-salon__wish-info {
    margin-top: 25px
}

.record-salon__buttons {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.record-salon__button {
    width: 147px;
    padding: 13px 12px 13px 37px;
    background-repeat: no-repeat;
    background-position: 7px 50%;
    background-size: 24px
}

.record-salon__button--accept {
    background-image: url(../img/button-verified.svg)
}

.record-salon__button--cancel {
    margin-left: 7px;
    background-image: url(../img/button-cancel.svg)
}

.record-salon__button--abolished, .record-salon__button--completed {
    width: 121px;
    padding: 8px 12px 8px 35px;
    font-size: 12px;
    text-align: left;
    font-weight: 400;
    background-image: url(../img/button-security.svg)
}

.record-salon__button--abolished {
    margin-left: 4px;
    background-image: url(../img/button-cancel.svg)
}

.record-salon__button--trash {
    width: 42px;
    margin-left: 4px;
    background-image: url(../img/garbage--white.svg);
    background-position: 50% 50%
}

.record-salon__held-warning {
    margin: 25px 38px 0;
    padding: 48px 20px 15px;
    text-align: center;
    font-size: 14px;
    background: #f9f9f9 url(../img/garbage--gray.svg) no-repeat 50% 10px;
    background-size: 25px
}

.record-salon__warning-buttons {
    margin: 10px 0 0
}

.record-salon__warning-button {
    width: 58px;
    padding: 13px 0
}

.record-client__nav {
    padding: 12px 15px 0;
    border-top: 2px solid #fce5ef
}

.record-client {
    margin-top: 28px;
    padding: 20px 15px;
    border-top: 1px solid #dedee0;
    border-bottom: 1px solid #dedee0
}

.record-client__salon {
    display: flex;
    align-items: center;
    margin: 0
}

.record-client__salon time {
    display: flex;
    align-items: center;
    min-height: 24px;
    padding-right: 30px;
    font-size: 15px;
    font-weight: 700;
    background: no-repeat 100% 50%;
    background-size: 23px
}

.record-client__salon--byaction time {
    background-image: url(../img/discount--pink.svg)
}

.record-client__salon--bysalon time {
    background-image: url(../img/salon--pink.svg)
}

.record-client__applications-salon-name {
    margin-left: 10px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700
}

.record-client__applications-salon-contact span, .record-client__salon-rating, .records-client__applications .records-applications__item span {
    display: none
}

.record-client__applications-salon-contact {
    align-self: flex-end;
    height: 31px;
    width: 44px;
    margin-left: 9px;
    background: #dc025e url(../img/comment--white.svg) no-repeat 50% 50%;
    background-size: 20px;
    border: 0;
    border-radius: 8px
}

.record-client__salon-option {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 8px
}

.record-client__salon-option-noreview, .record-client__salon-option-review {
    padding: 5px 12px;
    font-size: 14px;
    color: #717171;
    background-color: #fff5f9;
    border-radius: 8px
}

.record-client__salon-option-review {
    display: flex;
    align-items: center
}

.record-client__salon-point {
    margin-left: 15px
}

.record-client__salon-point .rating-salon__point {
    color: #dc045f
}

.record-client__salon-point .rating-salon-stars {
    margin: 0 0 0 5px
}

.record-client__salon-delete {
    width: 42px;
    height: 31px;
    margin-left: 9px;
    padding: 0;
    background-image: url(../img/garbage--white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 22px
}

.record-client__salon-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 12px
}

.record-client__salon-address {
    display: flex;
    align-items: center;
    min-height: 23px;
    margin: 0;
    padding-left: 27px;
    font-size: 13px;
    color: #999;
    background: url(../img/place--pink.svg) no-repeat 0 0;
    background-size: 23px
}

.record-client__salon-phone {
    display: flex;
    align-items: center;
    min-height: 20px;
    padding-left: 25px;
    margin-top: 8px;
    font-size: 15px;
    text-decoration: none;
    color: #000;
    background: url(../img/phone--pink.svg) no-repeat 0 50%
}

.record-client__salon-map {
    font-size: 14px;
    color: #ff92b8;
    background: url(../img/earth--pink.svg) right center no-repeat
}

.record-client__comment {
    margin: 10px 0 0;
    padding: 5px 0 0 25px;
    color: #999;
    line-height: 15px;
    background: url(../img/comment--pink.svg) no-repeat 0 0;
    background-size: 20px
}

.record-client__procedures {
    padding: 0;
    list-style: none;
    margin: 17px 0 0;
    border-top: 1px solid #dedee0
}

.record-client__procedure {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 25px 10px 0;
    border-bottom: 1px solid #dedee0
}

.record-client__procedure span {
    line-height: 20px
}

.record-client__topay-wrapper {
    margin-top: 8px
}

.record-client__wish-info {
    margin-top: 22px
}

.record-client__warning {
    display: flex;
    align-items: center;
    min-height: 45px;
    margin: 20px 0 0;
    padding: 10px 10px 10px 45px;
    font-size: 14px;
    line-height: 15px;
    color: #ff92b8;
    background: url(../img/pay-attention.svg) no-repeat 5px 5px;
    background-size: 31px;
    border: 2px solid #ff92b8
}

.records-client {
    border-top: 2px solid #fce5ef;
    padding-bottom: 50px
}

.records-client__applications {
    margin-top: 23px
}

.records-client__applications .records-applications__list {
    flex-wrap: nowrap;
    justify-content: space-between
}

.records-client__applications .records-applications__item {
    width: unset;
    padding: 6px 10px;
    border: 0
}

.records-client__applications .records-applications__offer time {
    align-items: flex-start;
    background-position: 100% 0
}

.records-client__applications .records-applications__offer-wrapper {
    margin-left: 15px
}

.records-client__applications .rating-salon-stars, .records-client__applications .records-applications__offer-contact {
    margin-left: 5px
}

.records-client__calendar {
    margin-top: 42px
}

.order__services-autocomplete .autocomplete__item:hover::after, .password-change__title-wrapper .title-lines:after, .password-change__title-wrapper .title-lines:before, .records-client__title, .register-steps__organization-autocomplete .autocomplete__item:hover:after, .register-steps__title-wrapper .title-lines:after, .register-steps__title-wrapper .title-lines:before {
    display: none
}

.records-client__apparatus, .records-client__courses {
    margin-top: 35px
}

.records-client__apparatus-title, .records-client__courses-title {
    margin: 0;
    padding: 0 15px;
    font-size: 16px
}

.records-client__apparatus-list, .records-client__courses-list {
    position: relative;
    padding: 0;
    list-style: none;
    margin: 11px 0 0;
    border-top: 1px solid #e9e9eb
}

.records-client__apparatus-list::before, .records-client__courses-list::before {
    position: absolute;
    top: -3px;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e9e9eb
}

.records-client__courses-item {
    margin-top: 20px;
    padding: 0 15px
}

.records-client__course-list {
    display: flex;
    padding: 0;
    list-style: none;
    margin: 8px 0 0
}

.records-client__course-item {
    width: 35px;
    padding-bottom: 4px;
    font-size: 10px;
    border-bottom: 5px solid
}

.records-client__course-item output {
    padding: 0 3px
}

.records-client__course-item--done {
    border-color: #dc025e
}

.records-client__course-item--done output {
    color: #fff;
    background-color: #dc025e
}

.records-client__course-item--process {
    border-color: #ffc5dc
}

.records-client__course-item--process output {
    background-color: #ffc5dc
}

.records-client__course-item--none {
    border-color: #f1f1f1
}

.records-client__course-item--none output {
    background-color: #f1f1f1
}

.records-client__apparatus-item {
    position: relative;
    margin-top: 15px;
    padding-left: 40px
}

.records-client__apparatus-item:first-child {
    margin-top: 23px
}

.records-client__apparatus-item::after {
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ffd8e7
}

.register {
    padding: 18px 0 47px;
    border-top: 2px solid #fef2f7
}

.register__title {
    margin: 0;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase
}

.register__who {
    margin-top: 22px
}

.register__who-title {
    font-size: 18px
}

.register__who-form {
    display: flex;
    flex-direction: column;
    margin-top: 15px
}

.register__who-choices span {
    width: 108px
}

.register__who-inputs-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5px 0 0
}

.register__who-inputs-wrapper label, .register__who-inputs-wrapper p {
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.register__who-inputs-wrapper input {
    width: 243px;
    margin-top: 15px;
    padding: 10px 15px;
    font-size: 16px;
    border: 1px solid #adadad;
    border-radius: 6px
}

.register__who-label--error input {
    border-color: #fc2a82
}

.register__who-label--error .register__who-input-error {
    display: block
}

.register__who-input-error {
    max-width: 420px;
    flex-basis: 100%;
    display: none;
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #fc2a82
}

.register__who-password-btn {
    top: 28px;
    right: 15px
}

.register__either {
    margin-top: 23px
}

.register__either-title {
    font-size: 18px
}

.register__either-description {
    margin: 10px 0 0;
    text-align: center;
    font-size: 16px
}

.register__either-links {
    margin: 11px 0 0
}

.register__either-rules {
    margin-top: 35px
}

.register__sent-button {
    align-self: center;
    margin-top: 30px;
    font-size: 18px;
    font-weight: 400
}

.register-steps__sections {
    margin: 0;
    padding: 0;
    list-style: none
}

.register-steps__section {
    margin-top: 20px;
    padding-bottom: 24px
}

.register-steps {
    border-top: 2px solid #fef2f7
}

.register-steps__title-wrapper {
    display: flex;
    align-items: center
}

.register-steps__title-wrapper span {
    position: relative;
    background-color: #fff
}

.register-steps__title-wrapper:before {
    display: block;
    align-self: center;
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #dc025e
}

.register-steps__title-wrapper .title-lines {
    position: relative;
    width: unset;
    background-color: #fff
}

.register-steps__title {
    text-align: left;
    font-size: 18px;
    padding: 0 8px 0 15px
}

.register-steps__button-back {
    position: relative;
    display: block;
    margin-left: 15px;
    width: 36px;
    height: 36px;
    background-color: #ffbfdb;
    border-radius: 8px
}

.register-steps__button-back::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-30%, -50%) rotate(45deg);
    transform: translate(-30%, -50%) rotate(45deg);
    content: '';
    width: 17px;
    height: 17px;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff
}

.register-steps__text {
    margin: 20px 0 0;
    padding: 0 15px;
    font-size: 16px;
    line-height: 18px
}

.register-steps__label {
    display: flex;
    flex-direction: column;
    margin-top: 22px
}

.register-steps__label input {
    align-self: center;
    width: 286px;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 6px
}

.register-steps__label--error span {
    align-self: center;
    display: block;
    margin-top: 10px;
    font-size: 16px;
    color: #dc025e
}

.register-steps__button-continue {
    display: block;
    margin: 15px auto 0;
    padding: 10px 0;
    font-size: 16px
}

.register-steps__section--organization {
    padding-bottom: 275px
}

.register-steps__input-organization-wrapper {
    position: relative
}

.register-steps__input-organization:focus {
    border-color: #000;
    outline: none
}

.register-steps__organization-autocomplete {
    width: 286px;
    box-shadow: unset
}

.register-steps__organization-autocomplete .autocomplete__list {
    max-height: 247px;
    margin-top: 1px;
    border: 1px solid #a2a2a2;
    border-radius: 6px
}

.register-steps__organization-autocomplete .autocomplete__item {
    flex-direction: column;
    padding: 2px 10px
}

.register-steps__organization-autocomplete .autocomplete__item:first-child {
    border-bottom: 2px solid #dc025e
}

.register-steps__organization-autocomplete .autocomplete__item:hover {
    background-color: #f1f1f1
}

.register-steps__organization-autocomplete .autocomplete__item a {
    font-size: 16px;
    font-weight: 700
}

.register-steps__organization-autocomplete .autocomplete__item span {
    font-size: 14px;
    font-weight: 400;
    color: #acacac
}

.register-steps__input-confirm {
    background-color: #f8f8f8;
    border: 0
}

.register-steps__confirm-again {
    margin-top: 17px;
    padding: 0 15px;
    font-size: 16px;
    color: #000;
    text-decoration: underline;
    background-color: transparent;
    border: 0
}

.order {
    padding-bottom: 23px;
    border-top: 2px solid #fef2f7
}

.order__title {
    margin-top: 15px;
    font-size: 18px
}

.order__contact {
    margin-top: 17px
}

.order__contact-title {
    margin: 0;
    padding: 0 15px;
    font-size: 16px
}

.order__contact-type {
    margin-top: 8px;
    padding: 0 7px
}

.order__contact-type .type-choices__choice--partner {
    margin-left: 25px
}

.order__contact-type span {
    padding: 9px;
    font-size: 14px;
    white-space: nowrap
}

.order__contact-inputs {
    display: none;
    margin-top: 5px;
    padding: 0 15px
}

.order__contact-inputs--active {
    display: block
}

.order__contact-label {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0
}

.order__contact-label label {
    width: 100%
}

.order__contact-label input {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 10px 20px;
    font-size: 14px;
    border-color: #adadad;
    border-radius: 6px
}

.order__contact-label span {
    display: block;
    margin-top: 6px
}

.order__contact-label--error input {
    border-color: #dc025e
}

.order__contact-label--error span {
    color: #dc025e
}

.order__password-button {
    top: 25px;
    right: 20px
}

.order__options-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 14px 0 0;
    font-size: 14px
}

.order__option-label {
    max-height: 16px;
    color: #666
}

.order__option-label input {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    border-radius: 4px
}

.order__option-forgot {
    border: 0;
    background-color: transparent
}

.order__either-title {
    margin-top: 25px;
    font-size: 16px;
    font-weight: 400
}

.order__services {
    margin-top: 25px
}

.order__services-title {
    margin: 0;
    padding: 0 15px;
    font-size: 16px
}

.order__services-wrapper {
    margin-top: 17px;
    padding: 15px;
    background-color: #fce5ef
}

.order__services-list {
    margin: 0;
    list-style: none;
    padding: 13px 11px 16px;
    background-color: #fff;
    border-radius: 6px
}

.order__services-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 0 11px 8px 13px;
    font-size: 14px;
    border-bottom: 1px solid #e2e2e4
}

.order__services-item:first-child {
    margin-top: 0
}

.order__services-item:last-child {
    border-bottom: 0
}

.order__services-item:before {
    position: absolute;
    top: 0;
    left: -5px;
    content: '';
    width: 15px;
    height: 15px;
    background: no-repeat 50% 50%
}

.order__services-item--woman:before {
    background-image: url(../img/woman.svg)
}

.order__services-item--man:before {
    background-image: url(../img/man.svg)
}

.order__services-item-button {
    position: relative
}

.order__services-button-more {
    margin-top: 8px;
    padding: 0;
    font-size: 14px;
    color: #e37ab0;
    background-color: transparent;
    border: 0
}

.order__services-more {
    display: none;
    margin-top: 7px
}

.order__services-input-wrapper {
    position: relative;
    margin-top: 8px
}

.order__services-input {
    width: 100%;
    padding: 10px 15px;
    font-size: 14px;
    border: 0;
    border-radius: 6px
}

.order__services-input-button {
    position: absolute;
    top: 13px;
    right: 15px;
    width: 21px;
    height: 11px;
    padding: 0;
    background: url(../img/button-corner.svg) no-repeat 50% 50%;
    border: 0
}

.order__services-autocomplete {
    width: 100%;
    margin-top: 2px;
    border: 1px solid #a2a2a2;
    border-radius: 6px;
    box-shadow: unset
}

.order__services-autocomplete .autocomplete__list {
    max-height: 180px
}

.order__services-autocomplete .autocomplete__item {
    flex-direction: column;
    padding: 3px 13px 5px 40px;
    background: no-repeat
}

.order__services-autocomplete .autocomplete__item span {
    font-size: 14px;
    cursor: pointer
}

.order__services-autocomplete .autocomplete__item--man {
    background-image: url(../img/man.svg);
    background-position: 15px 10px;
    background-size: 20px
}

.order__services-autocomplete .autocomplete__item--woman {
    background-image: url(../img/woman.svg);
    background-position: 10px 10px;
    background-size: 24px
}

.order__services-autocomplete .autocomplete__item:hover {
    font-weight: 400;
    background-color: #f1f1f1
}

.order__services-more-add {
    display: block;
    margin-top: 11px;
    color: #fc1777;
    font-size: 14px;
    background-image: url(../img/plus--blackpink.svg)
}

.order__wish-info {
    margin-top: 14px
}

.order__comment {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px;
    font-size: 14px
}

.order__comment textarea {
    width: 100%;
    margin-top: 5px;
    padding: 10px 15px;
    border: 0;
    border-radius: 8px;
    resize: none
}

.order__services-topay {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 400
}

.order__services-topay .topay__money-item {
    border: 0;
    background-color: #fff
}

.order__services-topay output {
    font-weight: 700
}

.order__rules {
    margin-top: 13px
}

.order__authorization-button {
    display: block;
    margin: 17px auto 0;
    padding: 13px 70px
}

.password-change {
    padding: 30px 0 23px;
    border-top: 2px solid #fef2f7
}

.password-change__title-wrapper {
    display: flex;
    align-items: center
}

.password-change__title-wrapper span {
    position: relative;
    background-color: #fff
}

.password-change__title-wrapper:before {
    display: block;
    align-self: center;
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #dc025e
}

.password-change__title-wrapper .title-lines {
    position: relative;
    width: unset;
    background-color: #fff
}

.password-change__title {
    font-size: 16px;
    padding: 0 40px 0 15px
}

.password-change__wrapper {
    padding: 0 15px
}

.password-change__late {
    display: block;
    margin-top: 25px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #fc1777
}

.password-change__form {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}

.password-change__input-wrapper {
    position: relative;
    margin: 10px 0 0
}

.password-change__input-wrapper label {
    display: flex;
    flex-direction: column
}

.password-change__input-wrapper input {
    padding: 9px 20px;
    font-size: 16px;
    border: 1px solid #adadad;
    border-radius: 7px
}

.password-change__input-wrapper span {
    display: none;
    margin-top: 3px;
    color: #fc1777;
    font-size: 14px
}

.password-change__input-wrapper--error input {
    border-color: #fc2a82
}

.password-change__input-wrapper--error span {
    display: block
}

.password-change__password-button {
    top: 10px;
    right: 15px;
    font-size: 16px;
    line-height: 21px
}

.password-change__form-waiting {
    margin: 18px 0 0;
    font-size: 16px;
    line-height: 21px
}

.password-change__form-button {
    align-self: center;
    margin: 20px 0 0;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 400
}

.show {
    display: block
}

.html-overflow {
    overflow: hidden
}

.thank-block {
    background-color: #fef2f7;
    max-width: 615px;
    height: 309px;
    margin: auto;
    border-radius: 15px;
    padding: 12px;
    box-shadow: 14px 17px 5px 0 #e9e9e9;
    position: relative
}

.thank-block::before {
    content: '';
    width: 54px;
    height: 69px;
    top: 190px;
    left: -54px;
    background: url(../img/spasibo_img_bg.png) no-repeat;
    position: absolute
}

.thank {
    padding: 76px 0 160px
}

.thank-text {
    font-size: 30.5px;
    font-weight: 500;
    text-align: center;
    margin: 8px 0 0
}

.thank-block__border {
    background: url(../img/img_spasibo_girl.png) no-repeat 365px 60px;
    border: 2px solid #fff;
    height: 285px;
    max-width: 591px;
    border-radius: 15px
}

.thank-block__img {
    position: absolute
}

.thank-block__text-top {
    font-size: 20px;
    padding-top: 36px
}

.thank-block__text-color {
    background: url(../img/spasibo_img_mini.png) no-repeat 0 5px;
    color: #fc1777;
    font-size: 20px;
    padding-top: 5px;
    padding-left: 28px
}

.thank-block__text-color span {
    text-transform: uppercase;
    font-weight: 600
}

.thank-block__text-bottom {
    font-size: 20px;
    padding-top: 41px
}

.thank-block__text-block {
    padding-left: 18px
}

.salon-price_display--block{
	display: block;
}

.salon-price_display--none{
	display: none;
}



.price-button-click {
    padding: 0;
    background-color: transparent;
    border: 0
}

.price-button-click span {
    display: block;
    width: 130px;
    padding: 10px 0 10px 21px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    background: no-repeat;
    background-position: 85px 50%;
    background-size: 21px;
    border-radius: 6px
}

.price-button-click .women {
    background-image: url(../img/woman.svg)
}

.price-button-click .men {
    background-image: url(../img/man.svg)
}

.active_but .men {
    background-color: #cce9fb;
}

.active_but .women {
    background-color: #ffeff5;
}



@media (min-width: 585px) {
    .slider__item {
        width: 50%
    }
}

@media (min-width: 767px) {
    .display_non {
        display: none
    }
}

@media (min-width: 1170px) {
    .slider {
        max-width: 1170px;
        margin: 0 auto
    }

    .slider__item {
        width: 25%;
        margin: 0
    }

    .slider__button {
        margin-bottom: 110px;
        padding: 0 11px
    }

    .slider__item-title {
        margin-top: 20px;
        font-size: 18px
    }

    .slider__item-city {
        align-self: flex-start;
        margin-left: 0;
        font-size: 18px
    }

    .slider__item-description {
        display: block;
        margin: 5px 0 0;
        font-size: 14px;
        color: #666
    }

    .button {
        font-size: 21px
    }

    .button-onmap {
        font-size: 14px;
        background-position: 99% center
    }

    .button-back {
        padding-left: 22px;
        font-size: 16px;
        font-weight: 700
    }

    .button-back:before {
        width: 20px;
        height: 20px
    }

    .button-addfile__text {
        padding-left: 30px
    }

    .button-password {
        width: 25px;
        height: 21px
    }

    .label input {
        margin-right: 17px;
        border: 0
    }

    .label input:checked::before {
        left: 2px;
        height: 7px
    }

    .mailing {
        max-width: 262px;
        padding: 0;
        background-color: #fff;
        border: 1px solid #d6d6d6
    }

    .mailing__slogan {
        width: 100%;
        margin: 0;
        padding: 18px 0 18px 35px;
        font-size: 15px;
        text-align: center;
        background: #fce5ef url(../img/mail.svg) 10px 50% no-repeat;
        border-bottom: 1px solid #d6d6d6
    }

    .mailing__subscription {
        display: block;
        margin: 22px 0 0;
        text-align: center;
        font-size: 14px;
        color: #666
    }

    .mailing__form {
        flex-direction: column;
        margin-top: 15px
    }

    .mailing__rules {
        display: block;
        margin: 14px 0 0;
        text-align: center;
        font-size: 12px;
        color: #666
    }

    .mailing__rules a {
        color: #000;
        font-weight: 700
    }

    .mailing__button {
        align-self: unset;
        margin: 15px 0 0;
        font-weight: 400;
        text-transform: none
    }

    .comments__feedback br, .mailing__button .mailing__button--mob {
        display: none
    }

    .mailing__button .mailing__button--pc {
        display: block
    }

    .mailing__followers {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 30px;
        padding-bottom: 10px;
        background-color: #fff3f8
    }

    .mailing__followers output {
        margin-top: 17px;
        font-size: 24px;
        font-weight: 700
    }

    .mailing__followers-accept {
        margin: 5px 0 0;
        padding: 0 40px;
        text-align: center;
        font-size: 17px;
        color: #333
    }

    .breadcrumbs {
        min-width: 1170px;
        max-width: 1170px;
        margin: 17px auto 0
    }

    .breadcrumbs--border {
        border-top: 0;
        margin: 17px auto 0;
        padding: 0 15px
    }

    .branches-list__phones .phonebook__popup .phonebook__list, .breadcrumbs--nopadding {
        padding: 0
    }

    .breadcrumbs__item {
        margin-left: 20px
    }

    .breadcrumbs__item:first-child {
        margin-left: 0
    }

    .breadcrumbs__item:after {
        margin-left: 15px
    }

    .breadcrumbs__list {
        margin-left: 0
    }

    .phonebook {
        min-height: 25px
    }

    .phonebook__wrapper {
        left: 0;
        justify-content: space-between;
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .phonebook__list {
        padding-left: 35px;
        font-size: 21px;
        background-position: 2px 2px;
        background-size: 22px
    }

    .phonebook__item a::after, .phonebook__popup-item a::after {
        right: -25px;
        width: 25px;
        height: 21px
    }

    .phonebook__button {
        margin: 6px 5px 0 8px
    }

    .phonebook__popup {
        min-width: 290px
    }

    .workdays {
        position: relative;
        display: flex;
        margin-top: 10px
    }

    .workdays__button-open {
        display: block;
        width: 17px;
        height: 17px;
        padding: 0;
        background-color: transparent;
        border: 0
    }

    .workdays__title {
        align-items: center;
        display: block;
        margin: 0 0 0 5px;
        font-size: 14px;
        color: #666
    }

    .workdays__list-wrapper {
        z-index: 500;
        position: absolute;
        bottom: 10px;
        left: 125px;
        display: none;
        width: 185px;
        height: 100px;
        margin-top: 0;
        padding-left: 0;
        font-size: 14px;
        background-color: #ffeff5;
        border: 1px solid #fff
    }

    .workdays__list-wrapper--active {
        display: block;
        box-shadow: 0 0 15px rgba(0, 0, 0, .5)
    }

    .workdays__list {
        height: 100%;
        justify-content: center;
        flex-direction: column;
        padding-left: 0
    }

    .workday__item {
        margin-left: 0
    }

    .popup-recording__topay output, .workday__item span {
        font-weight: 700
    }

    .workday__button-close {
        display: block;
        top: 0;
        right: 3px;
        width: 15px;
        height: 15px
    }

    .services-list {
        flex-wrap: wrap;
        margin-left: -20px
    }

    .services-list-item {
        display: flex;
        align-items: center;
        margin-left: 20px;
        padding-left: 28px;
        color: #757575
    }

    .services-list-item span {
        display: block
    }

    .services-list-item:first-child {
        margin-left: 20px
    }

    .services-list-item:before {
        left: 0;
        border: 0
    }

    .commemts__comment {
        position: relative;
        display: flex;
        padding-right: 25px
    }

    .comments__autor-popup {
        left: 50px;
        bottom: 50px
    }

    .comments__autor-popup .comments__autor-wrapper {
        flex-direction: row
    }

    .comments__autor-popup .comments__autor-fact {
        align-items: flex-start
    }

    .comments__autor-wrapper {
        width: 195px;
        flex-direction: column
    }

    .comments__autor-popup-wrapper {
        align-self: center
    }

    .comments__autor-fact {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0
    }

    .comments__autor-name {
        align-self: center;
        margin-top: 8px;
        font-weight: 700
    }

    .comments__autor-rank {
        margin-top: 4px;
        font-size: 16px;
        line-height: 16px
    }

    .comments__autor-time {
        position: absolute;
        top: 30px;
        left: 244px;
        margin-top: 0;
        font-size: 14px
    }

    .comments__rate {
        position: absolute;
        top: 20px;
        right: 25px
    }

    .comments__rate .rating-salon__star {
        display: block
    }

    .comments__buttons-list {
        right: 15px
    }

    .comment__button {
        white-space: nowrap
    }

    .comments__blockquote {
        width: 100%;
        margin: 50px 0 0 35px
    }

    .comments__text {
        font-size: 16px;
        line-height: 21px
    }

    .comments__text-button {
        font-size: 21px
    }

    .comments__photos {
        margin-top: 8px
    }

    .comments__photo {
        margin-left: 10px
    }

    .comments__feedback {
        margin-top: 15px
    }

    .comments__feedback-visit {
        padding: 7px;
        font-size: 14px
    }

    .comments__feedback-visit--false, .comments__feedback-visit--true {
        margin-left: 6px
    }

    .comments__feedback-like {
        padding: 0 13px 0 45px;
        font-size: 16px;
        background-position: 12px 50%;
        background-size: 23px
    }

    .pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 15px 23px
    }

    .pagination__page-list {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none
    }

    .pagination__button {
        width: 15px;
        height: 15px;
        border-color: #999
    }

    .pagination__button--prev {
        margin-right: 38px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .pagination__button--next {
        margin-left: 38px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .pagination__page-item {
        margin-left: 3px;
        padding: 8px 12px;
        font-size: 18px
    }

    .pagination__page-item:first-child {
        margin-left: 0
    }

    .pagination__page-item a {
        color: #666;
        text-decoration: none
    }

    .pagination__page-item--current {
        font-weight: 700;
        background-color: #ffe8f1;
        border-radius: 6px
    }

    .filters__name-autocomplete {
        width: 95%
    }

    .autocomplete__list {
        max-height: 214px
    }

    .autocomplete__item {
        padding: 15px 5px 12px 40px
    }

    .autocomplete__item:hover::after {
        left: 20px;
        top: 55%
    }

    .autocomplete__results {
        padding: 8px 0 8px 20px
    }

    .salon-address {
        max-width: 360px;
        min-height: 51px;
        padding-left: 30px;
        background: url(../img/place.svg) 0 50% no-repeat;
        background-size: 31px
    }

    .salon-address__underground {
        margin: 0
    }

    .salon-address__street {
        max-width: 385px;
        min-height: unset;
        margin: 0;
        padding-left: 3px;
        font-size: 14px;
        background-image: none
    }

    .gm-style-iw {
        width: 362px
    }

    .point-popup__header {
        display: flex
    }

    .point-popup__img {
        border: 1px solid #ccc
    }

    .point-popup__title-wrapper {
        margin-left: 18px
    }

    .point-popup__title {
        margin: 0
    }

    .point-popup__description {
        display: block;
        margin: 10px 0 0;
        color: #666;
        font-size: 12px;
        line-height: 14px
    }

    .point-popup__address {
        margin-top: 10px;
        padding-left: 41px;
        background-size: 41px
    }

    .point-popup__advantage {
        display: flex;
        flex-direction: column
    }

    .point-popup__rating {
        order: -1;
        justify-content: flex-start
    }

    .point-popup__rating .rating-salon__reviews, .popup-recording__wish-info .select-date__wish-day output {
        margin-left: 10px
    }

    .popup-question {
        top: 113px;
        width: 440px;
        margin-left: -220px;
        padding-bottom: 37px
    }

    .popup-qeustion__title {
        padding-top: 20px;
        font-size: 24px
    }

    .popup-qeustion__form {
        margin-top: 25px;
        padding: 0 30px
    }

    .popup-qeustion__form input {
        margin-top: 10px;
        padding: 8px 14px;
        font-size: 16px
    }

    .popup-qeustion__form textarea {
        height: 105px;
        padding: 10px 15px;
        font-size: 16px
    }

    .popup-question__button {
        width: 204px;
        margin-top: 30px;
        font-size: 16px
    }

    .popup-question__rules {
        margin-top: 20px
    }

    .popup-question__closed {
        width: 20px;
        height: 20px;
        right: 5px
    }

    .popup-question__closed::after, .popup-question__closed::before {
        width: 20px
    }

    .popup-recording {
        width: 555px;
        padding-bottom: 35px
    }

    .popup-recording--no-accaunt .popup-recording__input-wrapper {
        margin-top: 40px
    }

    .popup-recording__header {
        padding: 20px 45px 22px 165px;
        background-position: 110px 20px;
        background-size: 46px
    }

    .popup-recording__title {
        font-size: 24px
    }

    .popup-recording__where {
        margin: 0;
        font-size: 16px
    }

    .popup-recording__personal-inputs, .popup-recording__selected-list {
        padding: 0 67px
    }

    .popup-recording__personal-inputs input {
        padding: 16px 15px;
        font-size: 18px
    }

    .popup-recording__selected-item {
        padding: 7px 32px 7px 48px
    }

    .popup-recording__autocomplete .autocomplete__item button, .popup-recording__selected-item b {
        font-size: 18px
    }

    .popup-recording__selected-item span {
        font-size: 16px;
        line-height: 18px
    }

    .popup-recording__selected-item--women {
        background-position: 8px 12px;
        background-size: 33px
    }

    .popup-recording__selected-item--men {
        background-position: 12px 50%;
        background-size: 27px
    }

    .popup-recording__selected-del {
        top: 18px;
        right: 17px
    }

    .popup-recording__input-wrapper {
        margin-top: 13px;
        padding: 0 67px
    }

    .popup-recording__input {
        padding: 16px 15px;
        font-size: 18px
    }

    .popup-recording__input-button {
        top: 22px;
        right: 85px
    }

    .popup-recording__autocomplete {
        width: 421px;
        margin-top: 2px
    }

    .popup-recording__autocomplete .autocomplete__list {
        max-height: 243px
    }

    .popup-recording__autocomplete .autocomplete__item {
        padding: 9px 30px 10px 45px
    }

    .popup-recording__autocomplete .autocomplete__item span {
        font-size: 16px
    }

    .popup-recording__autocomplete .autocomplete__item--man {
        background-position: 10px 15px;
        background-size: 30px
    }

    .popup-recording__autocomplete .autocomplete__item--woman {
        background-position: 7px 13px;
        background-size: 34px
    }

    .popup-recording__add-button {
        margin: 15px 67px 0;
        font-size: 16px
    }

    .popup-recording__wish-info {
        flex-direction: column;
        margin-top: 28px;
        padding: 0 67px;
        font-size: 16px
    }

    .popup-recording__wish-info .select-date__wish-day {
        align-self: flex-start;
        flex-direction: row;
        align-items: center
    }

    .popup-recording__wish-info .select-date__wish-time {
        align-self: flex-start;
        margin: 17px 0 0
    }

    .popup-recording__comment {
        margin-top: 18px;
        padding: 0 67px;
        font-size: 17px
    }

    .popup-recording__comment input {
        height: 113px
    }

    .popup-recording__topay {
        margin-top: 25px;
        padding: 0 67px;
        font-size: 18px;
        font-weight: 400
    }

    .popup-recording__send-button {
        width: 420px;
        margin-top: 30px;
        padding: 17px 0;
        font-size: 21px
    }

    .popup-recording__rules {
        margin-top: 10px;
        font-size: 16px
    }

    .popup-recording__closed {
        top: 17px;
        right: 17px;
        width: 15px;
        height: 15px
    }

    .popup-recording__closed:after, .popup-recording__closed:before {
        width: 16px
    }

    .branches-list__branch {
        position: relative;
        align-items: unset;
        border-left: 1px solid #d6d6d6;
        border-right: 1px solid #d6d6d6
    }

    .branches-list__contacts {
        min-width: 400px
    }

    .branches-list__title {
        font-size: 21px
    }

    .branches-list__address {
        min-height: 39px;
        margin-top: 12px
    }

    .branches-list__address .salon-address__underground {
        margin-top: 0
    }

    .branches-list__address .salon-address__street {
        min-height: unset;
        margin-top: 5px;
        padding-top: 0
    }

    .branches-list__schedule {
        display: flex;
        align-items: center;
        margin-top: 10px
    }

    .branches-list__phones {
        min-width: 185px
    }

    .branches-list__phones .phonebook__wrapper {
        justify-content: flex-start
    }

    .branches-list__phones .phonebook__list {
        padding: 0 0 0 23px;
        font-size: 14px;
        background-position: 2px 0;
        background-size: 17px
    }

    .branches-list__phones .phonebook__item, .branches-list__phones .phonebook__popup-item {
        padding-right: 13px
    }

    .branches-list__phones .phonebook__item a::after, .branches-list__phones .phonebook__popup-item a::after {
        right: 0;
        width: 16px;
        height: 17px
    }

    .branches-list__phones .phonebook__button {
        margin: 2px 0 0
    }

    .branches-list__workdays {
        height: 19px;
        margin: 0 0 0 35px;
        cursor: pointer
    }

    .branches-list__aside {
        justify-content: space-between;
        width: 100%
    }

    .branches-list__rating .rating-salon__point-wrapper {
        align-self: flex-end
    }

    .branches-list__rating .rating-salon-stars {
        margin-left: 10px
    }

    .branches-list__rating .rating-salon__star {
        display: block;
        margin-left: 0;
        width: 18px;
        height: 18px;
        background-size: 35px;
        background-position: -17px 0
    }

    .branches-list__rating .rating-salon__star svg {
        width: 18px;
        height: 18px
    }

    .branches-list__rating .rating-salon__star--transparent {
        background-position: 0 -17px
    }

    .branches-list__rating .rating-salon__reviews {
        align-self: flex-end;
        font-size: 14px
    }

    .branches-list__map {
        align-self: flex-start;
        margin-top: 5px
    }

    .branches-list__question {
        margin: 0 195px 0 0;
        text-align: center;
        font-size: 12px
    }

    .branches-list__button {
        position: absolute;
        right: 13px;
        bottom: 13px;
        width: 160px;
        padding: 6px 30px;
        font-size: 12px
    }

    .title-lines::before {
        margin-right: 25px
    }

    .title-lines::after {
        margin-left: 25px
    }

    .title-lines-wrapper {
        display: flex;
        max-width: 1140px;
        margin: 0 auto
    }

    .title-lines-wrapper:before {
        display: block;
        align-self: center;
        position: absolute;
        left: 0;
        content: '';
        width: 100%;
        height: 1px;
        background-color: #dc025e
    }

    .title-lines-wrapper .title-lines {
        position: relative;
        width: unset;
        padding: 0 38px;
        background-color: #fff
    }

    .salon-prices__table-tbody .salon-prices__row-cost br, .select-date__wish-time br, .title-lines-wrapper .title-lines:after, .title-lines-wrapper .title-lines:before {
        display: none
    }

    .stock-slider__item-look {
        font-size: 13px
    }

    .records-applications__list {
        justify-content: flex-start
    }

    .records-applications__item {
        width: 162px;
        padding: 12px 0;
        font-size: 16px;
        border: 0
    }

    .records-applications__item output {
        min-width: 28px;
        min-height: 27px;
        padding: 5px 6px;
        font-size: 14px
    }

    .records-applications__offers--held .records-applications__offer {
        flex-direction: row;
        justify-content: space-between
    }

    .records-applications__offer {
        padding: 12px 15px
    }

    .records-applications__offer time {
        min-height: 26px;
        padding-right: 42px;
        font-size: 15px;
        background-size: 25px
    }

    .records-applications__offer-wrapper {
        flex-direction: row;
        margin: 0;
        font-size: 15px
    }

    .records-applications__offer-name {
        display: flex;
        align-items: center;
        margin-left: 40px
    }

    .records-applications__offer-number {
        margin: 0 0 0 82px;
        padding-left: 30px;
        font-size: 15px;
        background-size: 22px
    }

    .records-applications__salon-option {
        margin: 0
    }

    .records-applications__offer-contact {
        margin-left: 35px
    }

    .records-applications__offer-contact:hover {
        width: 180px;
        padding-left: 42px;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        background-position-x: 12px
    }

    .records-applications__offer-contact:hover span {
        display: block
    }

    .records-applications__option {
        margin: 0
    }

    .records-applications__option-review {
        margin-left: 7px
    }

    .records-applications__option-review .rating-salon__point {
        font-size: 21px
    }

    .records-applications__option-review .rating-salon__star, .records-applications__option-review .rating-salon__star svg {
        width: 18px;
        height: 18px
    }

    .records-applications__salon-delete {
        margin-left: 17px;
        width: 55px
    }

    .records-calendar__header {
        flex-direction: row
    }

    .records-calendar__button {
        width: 64px;
        height: 44px
    }

    .records-calendar__button:before {
        width: 17px;
        height: 17px;
        border-width: 4px
    }

    .records-calendar__title {
        margin: 0 0 0 25px;
        font-size: 18px
    }

    .records-calendar__list {
        justify-content: flex-start;
        margin-top: 30px
    }

    .records-calendar__item {
        max-width: 115px;
        margin-left: 20px
    }

    .records-calendar__item-day, .records-calendar__item-weekday {
        margin-top: 12px;
        font-size: 21px;
        font-weight: 700
    }

    .records-calendar__item-time {
        flex-direction: row;
        justify-content: space-between;
        min-width: 115px;
        max-width: 115px;
        padding: 8px 15px;
        font-size: 16px
    }

    .salon-prices__table-thead {
        font-size: 14px
    }

    .salon-prices__table-thead td {
        padding: 7px 33px 10px
    }

    .salon-prices__table-thead td:first-child {
        padding-left: 70px
    }

    .salon-prices__table-thead td:last-child {
        padding-right: 90px
    }

    .salon-prices__row-part {
        flex: unset;
        width: 710px
    }

    .salon-prices__row-time {
        flex: unset;
        width: 155px
    }

    .salon-prices__row-cost, .salon-prices__row-price {
        flex: unset;
        width: 175px
    }

    .salon-prices__table-tbody {
        font-size: 16px
    }

    .salon-prices__table-tbody td {
        padding: 8px 33px
    }

    .salon-prices__table-tbody td:first-child {
        padding-left: 40px
    }

    .salon-prices__table-tbody td:last-child {
        padding-right: 90px
    }

    .salon-prices__table-tbody .salon-prices__row-cost {
        text-decoration: none;
        white-space: nowrap
    }

    .salon-prices__table-tbody .salon-prices__row-cost--new {
        text-decoration: none;
        margin-left: 7px
    }

    .salon-prices__row-price {
        text-decoration: none
    }

    .salon-prices__row-part label {
        cursor: pointer
    }

    .salon-prices__row-part input {
        width: 16px;
        height: 16px;
        margin-right: 14px;
        background-color: #fff;
        border-radius: 2px
    }

    .salon-prices__row-part input:checked::after {
        top: 45%;
        height: 14px;
        border-width: 3px
    }

    .salon-prices__order-button {
        align-items: center;
        justify-content: center;
        width: 127px;
        padding: 0 5px;
        right: 6px;
        text-align: right;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 400;
        border-radius: 7px;
        background-position: 4px 2px
    }

    .page-header__setting-city-button svg, .salon-prices__order-button span {
        display: inline
    }

    .salon-prices__order-button:hover {
        background-color: #fc2a82
    }

    .calendar {
        width: 212px;
        height: 235px
    }

    .select-date {
        display: flex;
        align-items: center
    }

    .select-date__wish-time {
        margin: 0 0 0 40px
    }

    .select-date__wish-time input {
        margin-top: 0
    }

    .select-date__calendar {
        left: 245px;
        top: -45px
    }

    .accept-rules input {
        width: 18px;
        height: 18px;
        margin-top: 2px
    }

    .accept-rules input:checked:after {
        width: 11px;
        height: 11px
    }

    .accept-rules span {
        margin-top: 16px
    }

    .accept-rules__rule {
        max-width: 395px;
        font-size: 16px;
        line-height: 21px
    }

    .login-social {
        flex-direction: row;
        justify-content: center
    }

    .login-social__link {
        width: 165px;
        margin: 0;
        padding: 11px 0;
        text-align: unset;
        font-size: 21px;
        border-radius: 8px
    }

    .login-social__link::after {
        left: 7px;
        top: 50%;
        bottom: 0;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 36px;
        height: 37px
    }

    .login-social__link--google {
        padding-left: 68px
    }

    .login-social__link--facebook {
        margin-left: 30px;
        padding-left: 54px
    }

    .type-choices span {
        padding: 9px 0;
        font-size: 18px;
        border-radius: 22px
    }

    .buttons-for__for {
        width: 145px
    }

    .buttons-for__for--women {
        order: 1;
        margin-left: 30px
    }

    .buttons-for__for b {
        border-radius: 6px
    }

    .buttons-for__for span {
        padding: 12px 0 8px 35px;
        font-size: 16px;
        text-transform: lowercase;
        font-weight: 400;
        background-position: 0 50%;
        background-size: 22px
    }

    .services-table tr {
        position: relative;
        display: flex;
        justify-content: space-between;
        border: 0
    }

    .services-table tr::before {
        position: absolute;
        bottom: 5px;
        width: 100%;
        content: '';
        border-bottom: 2px dotted #a3a3a3
    }

    .services-table tr:hover::after {
        border-color: #fc2a82
    }

    .services-table__name {
        padding: 0
    }

    .services-table__count, .services-table__name a {
        position: relative;
        font-size: 18px;
        background-color: #fff
    }

    .services-table__count {
        display: flex;
        align-items: flex-end;
        padding-top: 0;
        font-size: 16px
    }

    .popup-forgot {
        width: 420px;
        padding-bottom: 30px
    }

    .popup-forgot__title {
        font-size: 24px
    }

    .popup-forgot__text {
        margin-top: 23px;
        padding: 0 65px
    }

    .popup-forgot__form {
        margin-top: 15px;
        padding: 0 65px
    }

    .popup-forgot__input-wrapper input {
        padding: 9px 20px;
        font-size: 16px
    }

    .popup-forgot__input-wrapper span {
        margin-top: 5px
    }

    .popup-forgot__button-back {
        margin-top: 15px
    }

    .popup-forgot__sent {
        width: 205px;
        margin-top: 32px;
        padding: 10px 0;
        font-size: 16px
    }

    .popup-forgot__waiting {
        margin: 15px 65px 0
    }

    .popup-forgot__close {
        top: 17px;
        right: 20px
    }

    .popup-forgot__close:after, .popup-forgot__close:before {
        width: 20px;
        height: 2px
    }

    .page-header__setting-city-item:first-child {
        pointer-events: none
    }

    .page-header {
        padding: 15px 0 0
    }

    .page-header__top-navigation {
        display: flex;
        justify-content: space-between;
        max-width: 1170px;
        margin: 0 auto
    }

    .page-header__tuning, .records-client__applications .records-applications__offer time {
        align-items: center
    }

    .page-header__logo {
        height: 65px;
        padding-left: 70px;
        font-size: 33px;
        background-position: -22px 50%;
        background-size: 104px
    }

    .page-header__logo--ua {
        padding: 4px 3px;
        font-size: 21px
    }

    .page-header__settings {
        z-index: 1;
        margin: 0 0 0 110px
    }

    .page-header__setting-city {
        width: 200px;
        min-height: 30px
    }

    .page-header__setting-city--active .page-header__setting-city-item, .page-header__setting-languages-button svg {
        display: block
    }

    .page-header__setting-city--active .page-header__setting-city-button {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .page-header__setting-city--active .page-header__setting-city-button svg {
        left: 25px
    }

    .page-header__setting-city:hover svg {
        fill: #e31169
    }

    .page-header__setting-city-button {
        z-index: 900;
        position: absolute;
        right: 0;
        width: 17px;
        height: 33px;
        padding: 0;
        background-image: none
    }

    .page-header__setting-city-button:focus {
        outline: none
    }

    .page-header__setting-city-button:focus svg {
        fill: #e31169
    }

    .page-header__setting-city-list {
        position: static;
        display: block;
        max-height: 170px;
        padding: 0;
        margin-top: 33px
    }

    .page-header__setting-city-item:first-child {
        position: absolute;
        top: 0;
        width: 100%
    }

    .page-header__setting-city-item, .page-header__setting-languages-item {
        display: none;
        position: relative;
        padding-left: 20px;
        padding-right: 0;
        font-size: 18px
    }

    .page-header__setting-city-item:first-child, .page-header__setting-languages-item:first-child {
        display: block;
        padding-left: 10px
    }

    .page-header__setting-city-item:hover, .page-header__setting-languages-item:hover {
        font-weight: 700
    }

    .page-header__setting-city-item:hover::before, .page-header__setting-languages-item:hover::before {
        position: absolute;
        top: 50%;
        left: 7px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        content: "";
        width: 7px;
        height: 7px;
        background-color: #fcf;
        border-radius: 50%
    }

    .page-header__setting-city-item:first-child:hover::before, .page-header__setting-languages-item:first-child:hover::before {
        display: none
    }

    .page-header__search-button {
        display: none
    }

    .page-header__setting-languages--block {
        position: relative;
        width: 34px;
        height: 34px;
        margin-left: 424px;
        z-index: 900;
        border: 1px solid #ffcce2;
        font-size: 18px;
        padding: 5px;
        cursor: pointer;
        border-radius: 5px
    }

    .page-header__setting-languages--block a {
        text-decoration: none;
        color: #000;
        text-transform: uppercase
    }

    .page-header__setting-languages {
        position: relative;
        width: 80px;
        min-height: 30px;
        margin-left: 25px;
        cursor: pointer
    }

    .page-header__setting-languages--active .page-header__setting-languages-button {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .page-header__setting-languages:hover svg {
        fill: #e31169
    }

    .page-header__setting-languages-button {
        z-index: 901;
        top: 15px;
        right: 10px;
        width: 13px;
        height: 6px
    }

    .page-header__setting-languages-button:focus {
        outline: none
    }

    .page-header__setting-languages-button:focus svg {
        fill: #e31169
    }

    .page-header__setting-languages-list {
        position: absolute;
        top: 5px;
        left: 0;
        min-width: 80px;
        background-color: #fff
    }

    .page-header__setting-languages-item:first-child {
        padding-top: 0;
        font-weight: 700;
        border-bottom: 1px solid #ffcce2
    }

    .page-footer {
        margin-bottom: 0
    }

    .page-footer__wrapper {
        flex-direction: row;
        max-width: 1170px;
        margin: 0 auto;
        padding: 60px 15px 55px
    }

    .page-footer__aside-list, .page-footer__navigation-list, .page-footer__support-wrapper {
        width: 31%
    }

    .page-footer__aside-list, .page-footer__navigation-list {
        font-size: 16px
    }

    .page-footer__aside-list {
        display: block
    }

    .page-footer__support-header {
        justify-content: flex-start;
        padding: 0;
        border-bottom: 0
    }

    .page-footer__support {
        align-self: flex-start;
        margin: 0
    }

    .page-footer__support-title {
        text-transform: none
    }

    .page-footer__support-button {
        display: none
    }

    .page-footer__contacts {
        display: block
    }

    .page-footer__contacts-number, .page-footer__email, .page-footer__workdays {
        font-size: 16px
    }

    .page-footer__contacts-number a, .page-footer__email a {
        font-size: 21px
    }

    .page-footer__social-list {
        align-self: flex-start;
        margin-top: 20px
    }

    .page-footer__copyright span {
        display: inline;
        margin-left: 10px
    }

    .faq-aside, .index-aside, .salon-aside {
        display: none
    }

    .user-list {
        position: static;
        margin: 0
    }

    .user-list__item:first-child {
        margin-left: 0
    }

    .user-list__link {
        justify-content: center;
        width: unset;
        min-width: 80px;
        height: 68px;
        padding: 0;
        font-size: 18px;
        color: #000
    }

    .user-list__link svg, .user-list__link:hover svg {
        fill: #000
    }

    .user-list__link:hover {
        background-color: #fff
    }

    .user-list__link--basket {
        font-size: 0
    }

    .user-list__link--basket .basket {
        width: 32px;
        height: 34px
    }

    .user-list__link--basket .items {
        top: 23px;
        right: 18px
    }

    .user-list__link--basket .items .heart {
        width: 23px;
        height: 20px
    }

    .user-list__link--basket .items .items-count {
        top: 2px;
        font-size: 10px
    }

    .user-list__link--basket:hover .basket {
        transition: .3s;
        width: 30px;
        height: 34px
    }

    .user-list__link--basket:hover .items .heart {
        transition: .3s;
        width: 21px;
        height: 18px;
        fill: #dc025e
    }

    .user-list__link--basket:hover .items .items-count {
        top: 2px;
        font-size: 9px
    }

    .user-list__link--login {
        flex-direction: row
    }

    .user-list__link--login svg {
        width: 28px;
        height: 32px
    }

    .user-list__link--login:hover svg {
        transition: .3s;
        width: 26px;
        height: 30px
    }

    .main-navigation {
        background-color: #dc025e
    }

    .main-navigation__wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 1170px;
        margin: 10px auto 0;
        padding: 0 15px
    }

    .main-navigation__list-wrapper {
        z-index: unset;
        position: static;
        justify-content: unset;
        padding: 0 15px;
        background-color: unset;
        border-top: 0
    }

    .main-navigation__list {
        width: 100%;
        flex-basis: unset;
        justify-content: space-between
    }

    .main-navigation__item {
        width: 25%
    }

    .main-navigation__link {
        justify-content: center;
        width: unset;
        height: unset;
        padding-top: 6px;
        font-size: 18px;
        color: #fff
    }

    .main-navigation__link[href]:hover {
        background-color: #fc2a82;
        color: #fff
    }

    .main-navigation__link--articles .pc, .main-navigation__link--faq .pc {
        display: block
    }

    .main-navigation__link--articles .mob, .main-navigation__link--articles svg, .main-navigation__link--faq .mob, .main-navigation__link--faq svg, .main-navigation__link--salons svg {
        display: none
    }

    .main-navigation__link--sale {
        display: flex
    }

    .main-navigation__search-from {
        position: static;
        top: unset;
        display: block;
        min-width: 320px;
        width: 320px;
        height: unset;
        padding: 0;
        border-radius: 10px
    }

    .main-navigation__search {
        margin: 0;
        padding: 4px 30px 4px 17px;
        font-size: 13px;
        font-weight: 400;
        background: #fff url(../img/nav-search.svg) 96% 50% no-repeat;
        background-size: 18px;
        border: 0;
        border-radius: 10px
    }

    .main-navigation__search:focus {
        background-color: #ffeff6;
        outline: none
    }

    .main-navigation__search-autocomplete {
        top: 3px;
        width: 100%;
        box-shadow: 0 19px 25px #444
    }

    .main-navigation__search-autocomplete .autocomplete__list {
        margin-top: 5px
    }

    .main-navigation__search-button-closed {
        display: none
    }

    .popup-login {
        width: 420px;
        padding-bottom: 30px
    }

    .popup-login__title {
        padding-top: 24px;
        font-size: 24px
    }

    .popup-login__form {
        margin-top: 33px
    }

    .popup-login__login-bypassword {
        padding: 0 65px
    }

    .popup-login__email, .popup-login__password {
        padding: 9px 20px
    }

    .popup-login__input-error {
        font-size: 16px
    }

    .popup-login__password {
        margin-top: 10px
    }

    .popup-login__password-button {
        top: 19px
    }

    .popup-login__options-wrapper {
        margin-top: 25px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }

    .popup-login__remember {
        font-size: 14px
    }

    .popup-login__remember input {
        width: 19px;
        height: 19px;
        margin-right: 10px;
        border: 1px solid #d6d6d6
    }

    .popup-login__remember input:checked::before {
        top: 4px;
        left: 3px;
        width: 11px;
        height: 6px
    }

    .popup-login__forgot {
        margin-top: 0
    }

    .popup-login__either-text {
        font-size: 14px
    }

    .popup-login__either-buttons {
        margin-top: 20px
    }

    .popup-login__either-button {
        width: 131px;
        height: unset;
        padding: 10px 0;
        color: #fff;
        text-decoration: none;
        font-size: 17px
    }

    .attendance__services-title span, .popup-login__either-button span {
        display: inline
    }

    .popup-login__either-button:after {
        top: 50%;
        left: 5px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 28px;
        height: 29px;
        background-size: 24px
    }

    .popup-login__either-button--google {
        padding-left: 55px
    }

    .popup-login__either-button--facebook {
        padding-left: 45px
    }

    .popup-login__button {
        margin-top: 16px
    }

    .popup-login__button, .popup-login__register-button {
        width: 204px;
        font-size: 16px
    }

    .popup-login__closed {
        top: 17px;
        right: 20px
    }

    .popup-login__closed::after, .popup-login__closed::before {
        width: 20px;
        height: 2px
    }

    .advantages {
        order: 1
    }

    .advantages__wrapper {
        max-width: 1170px;
        margin: 0 auto;
        padding-bottom: 45px
    }

    .advantages__header {
        margin-top: 40px
    }

    .advantages__slogan {
        font-size: 36px
    }

    .advantages__text {
        font-size: 24px
    }

    .advantages__input-wrapper {
        margin-top: 30px
    }

    .advantages__input {
        max-width: 775px
    }

    .advantages__autocomplete {
        max-width: 750px
    }

    .advantages__information {
        font-size: 16px
    }

    .advantages__item {
        flex-direction: row;
        width: 30%;
        padding: 0 0 0 72px;
        text-align: left;
        font-size: 16px;
        color: #dc025e;
        background-position: 10px 50%;
        background-size: 53px
    }

    .advantages__item output {
        margin-right: 15px;
        font-size: 45px
    }

    .advantages__item--visitors {
        background-size: 58px
    }

    .top-rating {
        order: 2;
        margin-top: 45px
    }

    .top-rating__title {
        font-size: 30px
    }

    .top-rating__text {
        padding: 0;
        font-size: 18px
    }

    .top-rating__slider {
        margin-top: 65px
    }

    .slider__list-rating {
        margin-top: 25px
    }

    .attendance {
        order: 4;
        margin-top: 65px
    }

    .attendance__search-list {
        padding: 0;
        background-color: #fff
    }

    .attendance__search-item .attendance__header {
        background-image: none
    }

    .attendance__search-item--services {
        position: relative;
        display: flex;
        flex-direction: column;
        max-width: 1170px;
        margin: 0 auto
    }

    .attendance__search-item--aparats {
        margin-top: 45px;
        background-color: #f5f5f5
    }

    .attendance__header {
        justify-content: center;
        margin: 0;
        padding: 0;
        border: 0;
        background-color: transparent
    }

    .attendance__title {
        text-align: center;
        font-size: 36px;
        line-height: 48px;
        color: #000;
        font-weight: 700;
        text-transform: none
    }

    .attendance__for .buttons-for__for .for, .attendance__title .attendance__title--mob {
        display: none
    }

    .attendance__title .attendance__title--pc {
        display: block
    }

    .attendance__for-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 25px
    }

    .attendance__for-title {
        display: block;
        font-size: 21px
    }

    .attendance__for {
        display: flex;
        margin-left: 55px
    }

    .attendance__for .buttons-for__for {
        width: 150px
    }

    .attendance__for .buttons-for__for span {
        width: 100%;
        padding: 10px 0 10px 15px;
        text-align: left;
        font-size: 21px;
        font-weight: 700;
        background-position: 115px 50%
    }

    .attendance__for .buttons-for__for--women {
        order: unset;
        margin: 0
    }

    .attendance__for .buttons-for__for--men {
        margin-left: 30px
    }

    .attendance__list-wrapper {
        display: block
    }

    .attendance__list-wrapper--men .attendance__services-list--men, .attendance__list-wrapper--women .attendance__services-list--women {
        display: flex
    }

    .attendance__button {
        display: none
    }

    .attendance__list {
        justify-content: space-between;
        flex-wrap: wrap;
        padding-right: 15px;
        padding-left: 15px
    }

    .attendance__services-list {
        border: 0
    }

    .attendance__services-header {
        max-width: 330px;
        justify-content: center
    }

    .attendance__services-item-wrapper {
        padding: 30px 12px 15px
    }

    .attendance__services-item-wrapper--active {
        position: absolute;
        z-index: 1;
        background-color: #fff;
        box-shadow: 0 5px 10px #444
    }

    .attendance__services-item-wrapper--active .attendance__services-table-wrapper {
        height: unset;
        overflow-y: auto
    }

    .attendance__services-item {
        width: 33%;
        min-height: 247px;
        margin-top: 25px;
        border: 0
    }

    .attendance__aparats-button, .attendance__services-button, .attendance__services-item-wrapper--active .attendance__services-all {
        display: none
    }

    .attendance__services-title {
        width: unset;
        padding-left: 25px;
        font-size: 18px;
        font-weight: 700;
        text-transform: unset
    }

    .attendance__services-title::before {
        display: block;
        width: 11px;
        height: 11px
    }

    .attendance__services-table {
        display: table;
        width: 330px
    }

    .attendance__services-table .services-table__count, .lasercity__task br {
        display: block
    }

    .attendance__services-table-wrapper {
        height: 110px;
        margin-top: 10px;
        overflow: hidden
    }

    .attendance__services-all {
        display: block;
        margin-top: 20px;
        padding: 0;
        font-size: 18px;
        color: #737373;
        text-decoration: none;
        background-color: transparent;
        border: 0
    }

    .attendance__aparats-wrapper {
        max-width: 1170px;
        margin: 0 auto;
        padding: 50px 0
    }

    .attendance__aparats-wrapper--active .attendance__aparats-list {
        max-height: unset;
        overflow: unset
    }

    .attendance__aparats-wrapper--active .attendance__aparats-full:after {
        -webkit-transform: scale(1, -1);
        transform: scale(1, -1)
    }

    .attendance__aparats-item {
        width: 25%;
        margin-top: 70px
    }

    .attendance__aparats-header {
        padding: 10px 0 8px;
        justify-content: flex-start
    }

    .attendance__aparats-list {
        display: flex;
        flex-direction: row;
        max-height: 220px;
        overflow: hidden
    }

    .attendance__aparats-name {
        padding: 0;
        font-size: 18px;
        font-weight: 700
    }

    .attendance__aparats-table {
        display: table;
        width: 265px;
        margin-top: 20px
    }

    .attendance__aparats-table .services-table__count, .attendance__aparats-table .services-table__name a {
        background-color: #f5f5f5
    }

    .attendance__aparats-full {
        align-self: center;
        position: relative;
        display: block;
        margin-top: 45px;
        padding: 0 55px 0 0;
        font-size: 18px;
        font-weight: 700;
        text-decoration: none;
        background: 0 0;
        border: 0
    }

    .attendance__aparats-full:after {
        position: absolute;
        right: 0;
        top: 5px;
        content: '';
        width: 38px;
        height: 10px;
        background: url(../img/button-arrow.svg) no-repeat
    }

    .index-stocks {
        order: 6;
        margin-top: 50px
    }

    .index-stocks__title {
        font-size: 30px
    }

    .index-stocks__title:before {
        margin-right: 95px
    }

    .index-stocks__title::after {
        margin-left: 55px
    }

    .index-stocks__title span::before {
        left: -50px;
        width: 48px;
        height: 57px;
        background-size: contain
    }

    .index-stocks__slider {
        padding-top: 0
    }

    .index-stocks__slider .slider__list {
        flex-wrap: wrap;
        justify-content: space-between;
        overflow: unset;
        overflow-x: unset;
        -ms-overflow-style: unset;
        scrollbar-width: unset
    }

    .index-stocks__slider .slider__item-wrapper {
        max-width: 360px
    }

    .index-stocks__slider .slider__item {
        width: unset;
        margin-top: 45px
    }

    .index-stocks__slider .slider__button {
        display: none
    }

    .map {
        order: 7;
        min-height: 777px;
        margin-top: 120px
    }

    .map__title {
        padding: 20px 0 35px;
        font-size: 30px;
        background-color: #fff
    }

    .map__iframe {
        height: 685px
    }

    .lasercity {
        order: 3;
        margin-top: 95px
    }

    .lasercity__title {
        font-size: 30px
    }

    .laserciti__wrapper {
        margin: 0 auto;
        max-width: 1170px
    }

    .lasercity__for {
        font-size: 21px
    }

    .lasercity__steps {
        margin-top: 40px
    }

    .lasercity__steps .slider__list {
        padding: 0
    }

    .lasercity__steps .slider__list--active {
        min-width: 100%
    }

    .lasercity__steps .slider__button--next, .lasercity__steps .slider__button--prev {
        display: none
    }

    .lasercity__steps-list {
        justify-content: space-between
    }

    .lasercity__steps-item {
        display: block;
        width: 32%;
        min-height: 231px
    }

    .lasercity__steps-wrapper {
        min-height: 161px;
        padding: 40px 0 40px 165px;
        background-position: 0 0;
        background-size: 165px
    }

    .lasercity__task {
        margin-top: 0;
        font-size: 18px;
        text-transform: uppercase
    }

    .lasercity__steps-description {
        font-size: 16px
    }

    .lasercity__registers {
        margin-top: 20px
    }

    .lasercity__register {
        display: block;
        width: 460px
    }

    .lasercity__register--customers {
        margin-left: 30px
    }

    .articles-index {
        order: 8;
        margin-top: 65px
    }

    .articles-index__title {
        font-size: 30px
    }

    .articles-index__list {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        max-width: 1170px;
        margin: 50px auto 0
    }

    .articles-index__item {
        max-width: 264px;
        margin-top: 0;
        padding: 0;
        border-bottom: 0
    }

    .articles-index__article {
        flex-direction: column
    }

    .articles-index__article-information {
        margin: 12px 0 0
    }

    .articles-index__article-title {
        font-size: 14px
    }

    .articles-index__article-stats {
        margin-top: 20px
    }

    .filters__wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        padding: 30px 0 35px
    }

    .filters__title {
        font-size: 36px
    }

    .filters__salon-filter {
        flex-direction: row;
        justify-content: center;
        padding: 0
    }

    .filters__name {
        width: 355px;
        padding: 15px
    }

    .filters__name:focus, .filters__place:focus {
        outline: none;
        box-shadow: 0 0 10px #dc025e
    }

    .filters__name-autocomplete {
        top: 58px
    }

    .filters__place-wrapper {
        margin: 0
    }

	.filters__name-wrapper, .filters__place-wrapper{
		margin
	}

    .filters__place {
        width: 355px;
        margin-left: 30px;
        padding: 15px 55px 15px 15px
    }

    .filters__place-autocomplete {
        width: 88%;
        left: 54%
    }

    .filters__place-button {
        top: 10px
    }

    .filters__button {
        width: 80px;
        height: 55px;
        background-size: 50px
    }

    .filter-desktop {
        display: flex;
        justify-content: center;
        margin-top: 20px
    }

    .filter-desktop__aparat, .filter-desktop__comfort, .filter-desktop__zona {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        width: 230px;
        padding: 8px 15px;
        background-color: #fff;
        border-radius: 10px
    }

    .filter-desktop__aparat, .filter-desktop__comfort {
        margin-left: 25px
    }

    .filter-desktop__aparat-title, .filter-desktop__comfort-title, .filter-desktop__zona-title {
        margin: 0;
        font-size: 14px;
        color: #333
    }

    .filter-desktop__aparat-button, .filter-desktop__comfort-button, .filter-desktop__zona-button {
        padding: 0;
        background-color: transparent;
        border: 0
    }

    .filters__type-wrapper {
        justify-content: flex-start;
        max-width: 1170px;
        margin: 0 auto;
        padding: 15px 0
    }

    .filters__sort-name .filters__sort-name--mob, .filters__type-sort-item br, .filters__type-sorting {
        display: none
    }

    .filters__type-sort {
        display: flex;
        flex-direction: row
    }

    .filters__sort-name {
        font-size: 15px
    }

    .filters__sort-name .filters__sort-name--pc {
        display: block
    }

    .filters__type-sort-wrapper {
        position: static;
        align-items: center;
        padding: 0
    }

    .filters__type-sort-list {
        display: flex;
        max-width: unset
    }

    .filters__type-sort-item {
        display: flex;
        align-items: center;
        margin-left: 45px;
        font-size: 15px;
        color: #666
    }

    .filters__type-sort-item:first-child {
        display: flex
    }

    .filters__type-sort-item-button {
        display: block;
        width: 10px;
        height: 10px;
        margin-left: 15px
    }

    .filters__map-button, .filters__type-sort-button {
        display: none
    }

    .multi-popup {
        left: 50%;
        top: 150px;
        width: 555px;
        height: unset;
        min-height: 400px;
        margin-left: -230px;
        padding-bottom: 85px;
        border-top: 7px solid #dc025e
    }

    .multi-popup__list, .multi-popup__navigation-popup-back, .multi-popup__navigation-popup-title, .multi-popup__result, .popup-place__location-title::before {
        display: none
    }

    .multi-popup__navigation-popup-close {
        z-index: 1002;
        position: absolute;
        right: 15px;
        top: 20px
    }

    .multi-popup__popups-wrapper {
        position: static;
        min-height: unset;
        max-height: unset;
        overflow: unset;
        overflow-y: unset
    }

    .multi-popup__button-popup {
        width: 164px;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 16px;
        font-weight: 400
    }

    .multi-popup__button-popup--show {
        margin-left: 15px
    }

    .popup-place {
        padding: 0;
        margin: 0
    }

    .popup-place__item-location--area {
        padding: 0
    }

    .popup-place__item-location--metro {
        margin-top: 0
    }

    .popup-place__item-location--active .popup-place__location-button::before {
        position: absolute;
        top: 4px;
        left: 4px;
        content: '';
        width: 13px;
        height: 13px;
        background-color: #000;
        border: 0;
        border-radius: 50%
    }

    .popup-place__item-location--active .popup-place__location-button {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .popup-place__location-header {
        justify-content: flex-end;
        flex-direction: row-reverse;
        padding: 0 20px 20px;
        border-bottom: 0
    }

    .popup-place__location-header--metro {
        position: absolute;
        top: 15px;
        left: 160px;
        margin: 0
    }

    .popup-place__location-title {
        width: unset;
        margin-left: 5px;
        padding-left: 0;
        font-size: 18px;
        color: #666
    }

    .popup-place__location-button {
        position: relative;
        width: 25px;
        height: 25px;
        margin-right: 0x;
        border: 2px solid #fce5ef;
        border-radius: 50%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .popup-place__areas-item {
        display: flex;
        align-items: flex-start
    }

    .popup-place__areas-item--active .popup-place__areas-header, .popup-place__areas-item--active .popup-place__microareas-list {
        background-color: #fef2f7
    }

    .popup-place__areas-header {
        width: 240px;
        padding-left: 50px;
        border-bottom: 0
    }

    .popup-place__areas-title {
        padding-left: 0;
        font-size: 16px;
        color: #666
    }

    .popup-place__areas-button, .popup-place__line-button::after {
        width: 15px;
        height: 15px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .popup-place__microareas-list {
        width: 315px
    }

    .popup-place__microareas-item {
        font-size: 16px;
        color: #666;
        border-bottom: 0
    }

    .popup-place__line-list-wrapper {
        display: flex
    }

    .popup-place__line-list {
        margin-top: 0;
        flex-direction: column
    }

    .popup-place__line-item {
        width: 265px;
        position: relative;
        flex-direction: column;
        padding-right: 65px;
        padding-bottom: 10px
    }

    .popup-place__line-button {
        min-width: 142px;
        min-height: 20px;
        margin-top: 15px
    }

    .popup-place__line-button::after {
        position: absolute;
        top: 18px;
        right: 12px;
        content: "";
        border-right: 2px solid #999;
        border-bottom: 2px solid #999
    }

    .popup-place__line-name {
        align-self: flex-start;
        display: block;
        margin: 5px 0 0;
        font-size: 13px;
        color: #666
    }

    .popup-place__stations-wrapper {
        width: 287px;
        padding-top: 0;
        padding-left: 30px
    }

    .popup-place__lstations-item {
        font-size: 16px;
        color: #666
    }

    .popup-zona {
        margin: 0
    }

    .popup-zona__title {
        display: block;
        margin: 0;
        padding: 0 0 10px 30px;
        font-size: 22px
    }

    .popup-zona__offers-for {
        margin: 13px 0 0 30px
    }

    .popup-zona__list-wrapper {
        margin-top: 18px;
        border: 0
    }

    .popup-zona__list {
        padding: 0
    }

    .popup-zona__list--men, .popup-zona__list--women {
        background-color: transparent
    }

    .popup-zona__list--women .popup-zona__item-organ--active .popup-zona__organ-header, .popup-zona__list--women .popup-zona__item-organ--active .popup-zona__organ-list {
        background-color: #fff3f8
    }

    .popup-zona__list--men .popup-zona__item-organ--active .popup-zona__organ-header, .popup-zona__list--men .popup-zona__item-organ--active .popup-zona__organ-list {
        background-color: #cce9fb
    }

    .popup-zona__item-organ {
        display: flex;
        align-items: flex-start;
        border: 0
    }

    .popup-aparat__kind-title::before, .popup-zona__item-organ--active .popup-zona__organ-button, .popup-zona__item-organ--active .popup-zona__organ-title::before, .popup-zona__organ-title::before, .salons-prices__price-table .salon-prices__row-part br {
        display: none
    }

    .popup-zona__item-organ--active .popup-zona__organ-list {
        border: 0
    }

    .popup-zona__organ-header {
        padding: 10px 15px 10px 55px;
        min-width: 225px;
        border-bottom: 0
    }

    .popup-zona__organ-title {
        padding: 0;
        font-size: 18px;
        color: #666
    }

    .popup-zona__organ-button {
        width: 25px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .popup-zona__organ-list {
        width: 100%
    }

    .popup-zona__organ-item {
        font-size: 16px;
        color: #666;
        border-bottom: 0
    }

    .popup-aparat {
        padding: 0;
        margin: 0
    }

    .popup-aparat__title {
        display: block;
        margin: 0;
        padding: 0 0 10px 30px;
        font-size: 22px
    }

    .popup-aparat__item-kind {
        display: flex;
        align-items: flex-start;
        margin-top: 0
    }

    .popup-aparat__item-kind--active .popup-aparat__kind-header {
        background-color: #fef2f7
    }

    .popup-aparat__item-kind--active .kind__button {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .popup-aparat__item-kind--active .popup-aparat__kind-list {
        background-color: #fef2f7
    }

    .popup-aparat__kind-header {
        min-width: 250px;
        padding: 10px 15px 10px 35px;
        border-bottom: 0
    }

    .popup-aparat__kind-title {
        padding: 0;
        font-size: 18px;
        color: #666
    }

    .popup-aparat__kind-button {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .popup-aparat__kind-list {
        width: 100%;
        background-color: #fef2f7
    }

    .popup-aparat__kind-item {
        border-bottom: 0;
        font-size: 16px;
        color: #666
    }

    .popup-comfort {
        padding: 0;
        margin: 0
    }

    .popup-comfort__title {
        display: block;
        margin: 0;
        padding: 0 0 10px 30px;
        font-size: 22px
    }

    .popup-comfort__item {
        padding-left: 15px;
        font-size: 16px;
        color: #666;
        border-bottom: 0
    }

    .salons {
        margin-top: 15px
    }

    .salons__choose {
        z-index: 1;
        position: static;
        display: block;
        width: unset;
        min-height: unset;
        max-height: unset;
        margin-top: 10px
    }

    body[data-current-value^=multiPopup] .salons__choose {
        display: block
    }

    .salons__choose-container {
        padding: 0 0 15px;
        border-top: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4
    }

    .salons__choose-wrapper {
        max-width: 1170px;
        margin: 0 auto;
        display: flex
    }

    .salons__choose-title {
        display: block;
        min-width: 82px;
        margin: 20px 0 0;
        font-size: 15px;
        color: #333
    }

    .salons__choose-list {
        flex-wrap: wrap;
        overflow-x: unset;
        padding: 0
    }

    .salons__choose-item {
        margin: 15px 0 0 20px;
        padding: 5px 15px;
        font-size: 15px;
        border-radius: 10px
    }

    .salons__choose-item:first-child {
        margin-left: 20px
    }

    .salons__choose-reset-button {
        align-self: flex-start;
        flex-shrink: 0;
        display: block;
        width: 140px;
        margin: 15px 0 0 20px;
        padding: 5px 0;
        font-size: 15px;
        background-color: transparent;
        border: 1px solid #e37ab0;
        border-radius: 10px
    }

    .salons__choose-results {
        max-width: 1170px;
        margin: 8px auto 0;
        color: #737373;
        font-size: 13px
    }

    .salons__choose-results--pc {
        display: inline
    }

    .salons__colums {
        position: relative;
        display: flex;
        max-width: 1170px;
        margin: 0 auto
    }

    .salons__wrapper {
        display: flex;
        flex-direction: column;
        min-width: 879px
    }

    .salons__title {
        max-width: 1170px;
        margin: 0 auto;
        padding: 0;
        font-size: 24px
    }

    .salons__salon {
        margin-top: 25px;
        padding-bottom: 0;
        border-bottom: 0
    }

    .salons__salon--network .salons__title-description {
        border-bottom: 1px solid #e9e9e9
    }

    .salons__salon--independent .salons__overview-wrapper {
        min-height: 350px
    }

    .salons__salon--independent .salons__rating {
        top: 0
    }

    .salons__salon--independent .salons__services-list {
        margin: 0 0 0 -20px
    }

    .salons__salon-type-border {
        border-left: 1px solid #d6d6d6;
        border-right: 1px solid #d6d6d6
    }

    .salons__salon--gold {
        border-top: 7px solid #ffc600
    }

    .salons__salon--gold .salons__salon-type-border {
        background-color: transparent
    }

    .salons__salon--gold .salons__salon-type-border .salons__salon-type {
        color: #927100
    }

    .salons__salon--gold .salons__overview-wrapper {
        margin-top: 30px
    }

    .salons__salon--pink {
        border-top: 7px solid #ffd2e6
    }

    .salons__salon--pink .salons__salon-type-border {
        background-color: transparent
    }

    .salons__salon--pink .salons__salon-type-border .salons__salon-type {
        color: #a95f80
    }

    .salons__salon--pink .salons__overview-wrapper {
        margin-top: 30px
    }

    .salons__salon--gray {
        border-top: 7px solid #adadad
    }

    .salons__salon--gray .salons__salon-type-border {
        background-color: transparent
    }

    .salons__salon--gray .salons__salon-type-border .salons__salon-type {
        color: #adadad
    }

    .salons__main-wrapper {
        padding: 5px 10px 10px;
        border: 1px solid #d6d6d6;
        border-top: 0
    }

    .salons__overview-wrapper {
        flex-shrink: 0;
        position: static;
        margin-top: 5px
    }

    .salons__img {
        min-height: 200px
    }

    .salons__information {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 17px
    }

    .salons__title-description {
        min-height: 60px;
        margin: 0;
        padding-bottom: 9px
    }

    .salons__about, .salons__name {
        max-width: 370px;
        font-size: 24px
    }

    .salons__about {
        align-items: flex-start;
        font-size: 16px
    }

    .salons__place-containter {
        margin-top: 7px
    }

    .salons__place-wrapper {
        flex-direction: row;
        justify-content: space-between
    }

    .salons__aparat {
        margin-top: 10px;
        font-size: 14px
    }

    .salons__map, .salons__rating .rating-salon__point-wrapper {
        align-self: flex-end
    }

    .salons__rating {
        position: absolute;
        top: 0;
        right: 10px;
        width: 155px
    }

    .salons__rating .rating-salon-stars {
        margin-left: 10px
    }

    .salons__rating .rating-salon__star {
        display: block;
        margin-left: 0;
        width: 18px;
        height: 18px
    }

    .salons__rating .rating-salon__star svg {
        width: 18px;
        height: 18px
    }

    .salons__rating .rating-salon__reviews {
        align-self: flex-end;
        font-size: 14px
    }

    .salons__advantages {
        border-bottom: 1px solid #e9e9e9
    }

    .salons__services-list {
        margin-left: -20px
    }

    .salons__description {
        margin-top: 17px
    }

    .salons__description-text {
        line-height: 19px
    }

    .salons__description-button {
        bottom: 5px
    }

    .salons__callback {
        margin: 0;
        padding: 0;
        border-top: 0
    }

    .salons__callback-wrapper {
        position: absolute;
        top: 230px;
        left: 18px;
        width: 250px
    }

    .salons__phones .phonebook__wrapper {
        min-height: 24px;
        padding-right: 10px;
        padding-left: 10px
    }

    .salons__phones .phonebook__list a {
        max-width: 149px;
        font-size: 18px
    }

    .salons__workdays {
        align-self: center
    }

    .salons__callback-question {
        position: absolute;
        left: 73px;
        bottom: 10px;
        margin: 0;
        font-size: 16px
    }

    .salons__buttons-wrapper {
        align-self: flex-end;
        justify-content: flex-end;
        width: 100%
    }

    .salons__price-button, .salons__signup-button {
        width: 207px;
        padding: 6px 0;
        font-size: 16px;
        font-weight: 400
    }

    .salons__price-button {
        display: block;
        background-color: #e37ab0
    }

    .salons__signup-button {
        margin-left: 12px
    }

    .salons__discount-warning {
        display: block;
        margin: 0;
        padding: 8px 0 4px;
        text-align: center;
        font-size: 12px;
        color: #999;
        background-color: #f8f8f8;
        border-left: 1px solid #d6d6d6;
        border-right: 1px solid #d6d6d6
    }

    .salons__discount-header {
        min-width: 41px;
        padding-left: 62px;
        background-size: 31px
    }

    .salons__discount-title {
        font-size: 16px
    }

    .salons__discount-description {
        font-size: 16px;
        font-weight: 700
    }

    .salons__discount-time {
        display: flex;
        align-items: center;
        min-height: 27px;
        padding-left: 45px;
        font-size: 14px;
        background: url(../img/calendar.svg) no-repeat 0 50%
    }

    .salons__discount-time--pc {
        display: inline
    }

    .salons-prices__price-table {
        color: #666;
        border: 1px solid #d6d6d6
    }

    .salons-prices__price-table .salon-prices__table-thead .salon-prices__row-part, .salons-prices__price-table .salon-prices__table-thead td {
        padding: 12px 0 12px 16px
    }

    .salons-prices__price-table .salon-prices__table-tbody td:first-child, .salons-prices__price-table .salon-prices__table-thead td:first-child {
        padding-left: 16px
    }

    .salons-prices__price-table .salon-prices__table-tbody {
        font-size: 14px
    }

    .salons-prices__price-table .salon-prices__table-tbody td {
        padding: 13px 0 10px 16px
    }

    .salons-prices__price-table .salon-prices__row-time {
        flex: unset;
        width: 81px
    }

    .salons-prices__price-table .salon-prices__row-part {
        flex: unset;
        display: flex;
        align-items: center;
        width: 599px
    }

    .salons-prices__price-table .salon-prices__row-cost, .salons-prices__price-table .salon-prices__row-price {
        flex: unset;
        width: 164px
    }

    .salons-prices__price-for {
        margin-left: 38px
    }

    .salons-prices__price {
        position: relative;
        width: unset;
        height: unset;
        margin-left: 20px;
        padding-left: 37px;
        font-size: 14px
    }

    .salons-prices__price:before {
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 28px;
        height: 28px;
        background-size: 18px
    }

    .salons__show-all-wrapper {
        align-self: center;
        width: 320px;
        margin-bottom: 0;
        border-radius: 10px
    }

    .salons__show-all {
        font-weight: 700
    }

    .salons__pagination {
        margin-top: 48px
    }

    .salons__aside-information {
        display: flex;
        flex-direction: column;
        min-height: 1200px;
        margin-left: 29px
    }

    .salons__mailing {
        position: absolute;
        top: 740px;
        right: 0
    }

    .salons__aside-information .salon-map {
        margin-top: 25px
    }

    .salons__onmap {
        display: block
    }

    .salon__contact-question::after, .salons__onmap .salon-map__button-close {
        display: none
    }

    .salons__aside-progress {
        max-width: 262px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 21px;
        padding-bottom: 38px;
        background-color: #fce5ef;
        border: 1px solid #d6d6d6
    }

    .salons__aside-progress__title {
        font-size: 16px;
        margin-top: 16px
    }

    .salons__aside-progress-list {
        padding: 0;
        list-style: none;
        margin: 35px 0 0
    }

    .salons__aside-progress-item {
        margin-top: 17px;
        padding: 10px 0 0 74px;
        font-size: 16px;
        color: #dc025e;
        background: no-repeat;
        background-size: 68px
    }

    .salon-addcomment--no-accaunt .salon-addcomment__autor-noregister-list li:first-child, .salons__aside-progress-item:first-child {
        margin-top: 0
    }

    .salons__aside-progress-item output {
        font-size: 40px;
        font-weight: 700
    }

    .salons__aside-progress-item--visitors {
        background-image: url(../img/advantages__item--visitors.svg)
    }

    .salons__aside-progress-item--customers, .salons__aside-progress-item--nodes {
        background-image: url(../img/advantages__item--contract.svg);
        background-position: 12px 0;
        background-size: 55px
    }

    .salons__aside-progress-item--customers {
        background-image: url(../img/advantages__item--reviews.svg)
    }

    .salon, .salon-navigation {
        max-width: 1170px;
        margin: 25px auto 0
    }

    .salon {
        display: flex;
        flex-wrap: wrap;
        margin: 17px auto 60px;
        width: 100%
    }

    .salon__slider {
        order: 1;
        margin-top: 30px
    }

    .salon__wrapper {
        display: flex;
        width: 100%;
        margin-top: 10px;
        padding: 0 15px
    }

    .salon__description {
        width: 100%;
        margin-left: 27px
    }

    .salon__information-wrapper {
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0 0 10px
    }

    .salon__text {
        align-self: center;
        max-width: 400px
    }

    .salon__rating {
        justify-content: center;
        flex-direction: column
    }

    .salon__rating .rating-salon__reviews {
        align-self: flex-end;
        margin-right: 0
    }

    .salon__affiliate {
        border-top: 0;
        padding: 0
    }

    .salon__apartments {
        padding: 0 0 4px
    }

    .salon__apartments-description {
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 20px
    }

    .salon__services-list {
        margin-top: 5px
    }

    .salon__advice-description {
        padding: 0 0 20px;
        font-size: 15px;
        line-height: 21px;
        border-bottom: 0
    }

    .salon__contact {
        order: -1;
        min-width: 264px;
        padding: 0;
        border-top: 0
    }

    .salon__contact-photo-wrapper {
        flex-shrink: 0;
        margin: 0
    }

    .salon__contact-photo {
        display: block;
        border: 1px solid #ccc
    }

    .salon__phones {
        margin-top: 24px
    }

    .salon__phones .phonebook__item {
        padding-right: 0
    }

    .salon__phones .phonebook__item a::after, .salon__phones .phonebook__popup .phonebook__popup-item a::after {
        right: 0
    }

    .salon__phones .phonebook__popup .phonebook__list {
        font-size: 17px
    }

    .salon__workdays {
        align-self: center
    }

    .salon__contact-question {
        font-size: 16px;
        color: #fff;
        text-decoration: none;
        background-color: #6b6b6b;
        border-radius: 6px
    }

    .salon__contact-question, .salon__contact-sing {
        width: 205px;
        padding: 8px 0;
        font-weight: 400
    }

    .salon__social-list {
        margin-top: 33px
    }

    .salon__contact-reach {
        font-weight: 700
    }

    .record-salon__address br, .record-salon__button--abolished br, .record-salon__button--completed br, .record-salon__comment br, .register-steps__title br, .salon__contact-owner {
        display: none
    }

    .salon__information {
        display: block;
        margin-left: 30px
    }

    .salon__information-report {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 260px;
        height: 180px;
        margin-top: 16px;
        border: 1px solid #d6d6d6
    }

    .salon__report-list {
        display: flex;
        padding: 0;
        list-style: none;
        margin: 12px 0 0;
        font-size: 12px;
        color: #666
    }

    .salon__report-item {
        padding-left: 24px
    }

    .salon__report-item--view {
        background: url(../img/eye.svg) no-repeat 0 50%;
        background-size: 18px
    }

    .salon__report-item output {
        font-size: 16px;
        font-weight: 700
    }

    .salon__report-text {
        margin: 15px 0 0;
        text-align: center;
        font-size: 16px;
        color: #666
    }

    .salon__report-owner {
        margin-top: 12px;
        font-size: 16px;
        color: #dc025e;
        text-decoration: underline;
        font-weight: 700;
        background-color: transparent;
        border: 0
    }

    .salon__report-error {
        width: 209px;
        margin-top: 12px;
        padding: 8px 0;
        color: #fff;
        font-size: 16px;
        background-color: #6b6b6b;
        border: 0;
        border-radius: 6px
    }

    .salon-price {
        padding: 0
    }

    .salon-price__offer-for {
        flex-direction: row;
        justify-content: center;
        margin-top: 20px
    }

    .salon-price__for-buttons {
        margin: 0 0 0 40px
    }

    .salon-price__for-button--men {
        margin-left: 15px
    }

    .salon-price__for-button span {
        width: 143px;
        background-position: 110px 50%
    }

    .salon-price__offer-list {
        margin-top: 20px
    }

    .salon-price__offer-header, .salon-price__offer-zona-header {
        border: 1px solid #d6d6d6
    }

    .salon-price__offer-title, .salon-price__offer-zona-title {
        max-width: 900px;
        font-size: 18px
    }

    .salon-price__offer-zona-title {
        font-weight: 400
    }

    .salon-price__offer-button, .salon-price__offer-zona-button {
        right: 25px
    }

    .salon-price__offer-table {
        border: 1px solid #d6d6d6;
        border-top: 0
    }

    .stock-salon {
        display: flex;
        width: 100%;
        max-width: 1170px;
        margin: 55px auto 0;
        padding-bottom: 30px;
        border: 1px solid #d6d6d6;
        border-bottom: 0
    }

    .stock-salon--nocomments {
        border: 0
    }

    .stock-salon__title {
        margin-top: 0
    }

    .stock-salon__point {
        margin: 40px 0 0 10px;
        padding-top: 0;
        border-top: 0
    }

    .stock-salon__rating .rating-salon__point-wrapper {
        justify-content: space-between;
        flex-direction: column
    }

    .stock-salon__rating .rating-salon__point {
        align-self: center
    }

    .stock-salon__rating .rating-salon-stars {
        margin-left: 0
    }

    .stock-salon__rating .rating-salon__reviews {
        align-self: center;
        margin-top: 5px;
        font-size: 12px;
        font-weight: 700
    }

    .stock-salon__rating .rating-salon__star, .stock-salon__rating .rating-salon__star svg {
        width: 20px;
        height: 20px
    }

    .stock-salon__button {
        width: 169px;
        margin-top: 22px;
        padding: 7px 0;
        font-size: 16px;
        font-weight: 400
    }

    .stock-salon__allreview {
        width: 35%;
        margin: 40px 0 0 60px;
        border: 0
    }

    .stock-salon__allreview-title, .stock-salon__criteria-title {
        margin-top: 0;
        font-size: 17px
    }

    .stock-salon__allreview-table-review {
        margin-top: 0
    }

    .stock-salon__criteria {
        width: 45%;
        margin: 40px 0 0 40px;
        border: 0
    }

    .stock-salon__criteria-table {
        margin-top: 0
    }

    .salon-reviews {
        max-width: 1170px;
        margin: 0 auto;
        border: 1px solid #d6d6d6;
        border-top: 0
    }

    .salon-reviews__reviews-visit {
        justify-content: center;
        flex-direction: row;
        margin-top: 35px;
        padding-bottom: 30px;
        border-bottom: 0
    }

    .salon-reviews__visit-button {
        margin: 0 0 0 30px;
        padding: 7px 11px;
        font-size: 16px;
        font-weight: 400
    }

    .salon-addcomment {
        top: 20px;
        width: 676px;
        margin-left: -338px;
        padding-bottom: 30px
    }

    .salon-addcomment__header {
        padding-top: 21px;
        padding-bottom: 27px;
        background-size: 50px;
        background-position: 90px 20px
    }

    .salon-addcomment__title {
        font-size: 24px;
        padding-left: 0
    }

    .salon-addcomment__address {
        width: 630px;
        max-width: 630px;
        padding-left: 125px;
        font-size: 16px
    }

    .salon-addcomment__form {
        padding: 0 30px
    }

    .salon-addcomment--no-accaunt .salon-addcomment__autor-noregister-list .salon-addcomment__autor-noregister-item, .salon-addcomment__warning {
        margin-top: 10px;
        font-size: 16px
    }

    .salon-addcomment__autor-wrapper {
        margin-top: 10px
    }

    .salon-addcomment--no-accaunt .salon-addcomment__autor-wrapper {
        flex-direction: row;
        margin-top: 22px
    }

    .salon-addcomment--no-accaunt .salon-addcomment__autor-image-wrapper {
        align-self: flex-start;
        margin: 0 0 0 100px
    }

    .salon-addcomment--no-accaunt .salon-addcomment__autor-noregister-list {
        padding: 0
    }

    .salon-addcomment--no-accaunt .salon-addcomment__autor-noregister-list input {
        width: 218px;
        height: 35px;
        margin-left: 20px
    }

    .salon-addcomment__autor-image {
        width: 90px;
        height: 90px
    }

    .salon-addcomment__autor-file-text {
        margin-top: 45px;
        text-align: center;
        color: #000;
        font-size: 16px
    }

    .salon-addcomment__autor-name {
        margin-left: 15px;
        font-size: 18px
    }

    .salon-addcomment__visit-time-wrapper {
        display: flex;
        align-items: center;
        margin-top: 15px
    }

    .salon-addcomment__visit-time-title {
        align-self: center;
        margin: 0;
        padding-top: 15px;
        font-size: 16px
    }

    .records-salon-popup .popup-place__microareas-item .record-salon-popup__client-count, .salon-addcomment__visit-time-list {
        margin-left: 15px
    }

    .salon-addcomment__visit-time-item {
        margin-top: 0;
        font-size: 14px
    }

    .salon-addcomment__visit-time-item:nth-child(4) {
        margin-left: 12px
    }

    .salon-addcomment__visit-time-label {
        display: flex;
        align-items: center
    }

    .salon-addcomment__visit-time-input {
        width: 70px;
        height: 35px;
        margin-top: 0
    }

    .salon-addcomment__ratings-list {
        margin-top: 40px
    }

    .salon-addcomment__ratings-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 485px
    }

    .salon-addcomment__rating-title {
        font-size: 16px
    }

    .salon-addcomment__rating-group {
        margin-top: 0
    }

    .salon-addcomment__rating-point {
        width: 38px;
        height: 17px
    }

    .salon-addcomment__ratings-list-total {
        margin-top: 32px
    }

    .salon-addcomment__ratings-total-item {
        width: 33px;
        height: 33px;
        background-size: contain
    }

    .salon-addcomment__text {
        height: 172px;
        margin-top: 40px;
        padding: 20px;
        font-size: 16px
    }

    .salon-addcomment__file .button-addfile__text {
        align-items: flex-end;
        line-height: 14px
    }

    .salon-addcomment__rulles {
        flex-direction: row;
        justify-content: space-between
    }

    .salon-addcomment__rulles-captch {
        font-size: 16px;
        cursor: pointer
    }

    .salon-addcomment__rulles-captch input {
        margin-right: 10px;
        border: 1px solid #d6d6d6
    }

    .salon-addcomment__rulles-captch input:checked::before {
        top: 1px;
        left: 1px
    }

    .salon-addcomment__rulles-conf {
        margin-top: 0;
        font-size: 16px
    }

    .salon-addcomment__buttons {
        justify-content: center
    }

    .salon-addcomment__button {
        width: 165px;
        font-size: 16px;
        font-weight: 400
    }

    .salon-addcomment__button--publish {
        margin-left: 30px
    }

    .salon-addcomment__closed {
        top: 17px;
        right: 17px
    }

    .salon-addcomment__closed::after, .salon-addcomment__closed::before {
        width: 20px
    }

    .salon-carousel {
        max-width: 1170px;
        min-width: 1170px;
        margin: 60px auto 0;
        padding-bottom: 60px
    }

    .list__block {
        margin-bottom: 5px !important
    }

    .articles {
        width: 100%;
        max-width: 1170px;
        margin: 0 auto
    }

    .articles__article-item {
        margin-top: 41px
    }

    .articles__article-text {
        font-size: 15px
    }

    .articles__article-links-wrapper {
        margin-top: 5px
    }

    .articles__article-button {
        font-size: 14px
    }

    .articles__button {
        margin: 55px 0 0;
        padding: 13px 47px;
        font-size: 18px;
        font-weight: 700
    }

    .faq-filter {
        padding: 15px
    }

    .faq-filter__list {
        max-width: 1170px;
        margin: 0 auto
    }

    .faq-filter__item {
        width: 165px;
        margin-left: 30px;
        text-align: center;
        font-size: 15px;
        font-weight: 700
    }

    .faq-search {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 1170px;
        margin: 30px auto 0;
        padding: 0
    }

    .faq-search__title {
        font-size: 24px
    }

    .faq-search__form {
        display: flex
    }

    .faq-search__autocomplete {
        top: 58px;
        left: 230px;
        width: 81%
    }

    .faq-search__input {
        width: 460px;
        padding: 15px 0 15px 20px;
        font-size: 18px;
        background-image: none
    }

    .faq-search__button {
        display: block;
        width: 80px;
        margin-left: 6px;
        background: #dc025e url(../img/search-icon.svg) no-repeat 50% 50%;
        background-size: 50px;
        border: 0;
        border-radius: 10px
    }

    .faq {
        width: 100%;
        max-width: 1170px;
        margin: 25px auto 0;
        padding-bottom: 100px
    }

    .faq__title, .register-steps__organization-autocomplete .autocomplete__item a {
        font-size: 18px
    }

    .faq__information-list {
        margin-top: 20px
    }

    .faq__information-item {
        margin-left: 18px;
        padding-left: 23px;
        font-size: 14px
    }

    .faq__text {
        font-size: 16px;
        line-height: 21px
    }

    .faq__full {
        padding: 8px 20px;
        font-size: 16px
    }

    .faq__notfound-button {
        padding: 8px 0;
        font-size: 16px;
        font-weight: 400
    }

    .faq-discussion__breadcrumbs {
        margin-top: 30px;
        padding-top: 0;
        border-top: 0
    }

    .faq-discussion__breadcrumbs .breadcrumbs__list {
        margin-top: 0
    }

    .faq-discussion {
        display: flex;
        flex-direction: column;
        max-width: 1170px;
        margin: 40px auto 0;
        padding-bottom: 95px
    }

    .faq-discussion-title {
        align-self: center;
        font-size: 24px
    }

    .faq-discussion-wrapper {
        display: flex;
        margin-top: 40px
    }

    .faq-discussion__discussion {
        padding: 0 15px
    }

    .faq-discussion__question {
        padding: 0
    }

    .faq-discussion__text {
        font-size: 16px;
        line-height: 21px
    }

    .faq-discussion__information {
        margin-top: 20px
    }

    .faq-discussion__follow {
        order: 1;
        width: 166px;
        padding-left: 48px;
        background-position: 19px 50%
    }

    .faq-discussion__followers {
        order: 3;
        margin-right: 0;
        margin-left: 25px;
        font-size: 14px
    }

    .faq-discussion__autor {
        order: 2;
        margin: 0 0 0 25px;
        font-size: 14px
    }

    .faq-discussion__comments {
        margin-top: 22px
    }

    .faq-discussion__comments-count {
        font-size: 15px
    }

    .faq-discussion__comments-button {
        width: 135px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 16px;
        font-weight: 400
    }

    .faq-discussion__comments-list .comments__autor-wrapper {
        width: 135px
    }

    .faq-discussion__comments-list .comments__autor-time {
        left: 160px;
        top: 15px
    }

    .faq-discussion__comments-list .comments__blockquote {
        margin-left: 10px;
        margin-top: 40px
    }

    .faq-discussion__comments-list .comments__text-button {
        font-size: 16px
    }

    .faq-discussion__addcomment {
        margin-top: 55px;
        padding-bottom: 0
    }

    .faq-discussion__addcomment-form {
        display: flex
    }

    .faq-discussion__addcomment-autor-wrapper {
        flex-direction: column
    }

    .faq-discussion__addcomment-img-wrapper {
        align-self: center
    }

    .faq-discussion__addcomment-autor-fact {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0
    }

    .faq-discussion__addcomment-autor-name {
        margin-top: 10px
    }

    .faq-discussion__addcomment-autor-rank {
        margin-top: 5px;
        font-size: 16px
    }

    .faq-discussion__addcomment-wrapper {
        width: 610px;
        margin-left: 15px
    }

    .faq-discussion__addcomment-text {
        margin-top: 0;
        font-size: 16px
    }

    .faq-discussion__addcomment-buttons {
        justify-content: flex-start
    }

    .faq-discussion__addcomment-sent {
        width: 194px;
        padding: 8px 0;
        font-size: 16px
    }

    .faq-discussion__addcomment-file {
        margin-left: 30px
    }

    .faq-discussion__aside {
        padding: 0 15px
    }

    .faq-discussion__top-questions {
        min-width: 263px;
        max-width: 263px;
        margin: 0 0 25px;
        padding: 7px 0
    }

    .faq-discussion__top-questions-item {
        padding-right: 25px;
        padding-left: 20px
    }

    .faq-discussion__top-questions-item::before {
        left: 6px
    }

    .faq-discussion__notfoud {
        margin: 0;
        padding: 0 10px 20px
    }

    .faq-discussion__notfoud-button {
        padding: 8px 0;
        font-size: 16px;
        font-weight: 400;
        text-transform: unset
    }

    .faq-discussion-popup {
        top: 113px;
        width: 440px;
        margin-left: -220px;
        padding-bottom: 37px
    }

    .faq-discussion-popup__title {
        margin-top: 28px;
        font-size: 24px
    }

    .faq-discussion-popup__copyright {
        margin-top: 5px;
        font-size: 28px
    }

    .faq-discussion-popup__copyright .logo {
        margin-left: 2px;
        padding: 3px;
        font-size: 18px
    }

    .faq-discussion-popup__form {
        margin-top: 35px
    }

    .faq-discussion-popup__quesion {
        height: 54px;
        padding: 10px 15px;
        font-size: 16px
    }

    .faq-discussion-popup__description {
        height: 115px;
        margin-top: 10px;
        padding: 10px 15px;
        font-size: 16px
    }

    .faq-discussion-popup__button {
        width: 204px;
        margin-top: 30px;
        font-size: 16px
    }

    .faq-discussion-popup__closed {
        width: 20px;
        height: 20px;
        right: 5px
    }

    .faq-discussion-popup__closed::after, .faq-discussion-popup__closed::before {
        width: 20px
    }

    .stocks .salons__show-all-wrapper {
        margin-top: 50px
    }

    .stocks__pagination {
        margin-top: 45px
    }

    .stock {
        position: relative;
        min-width: 1170px;
        max-width: 1170px;
        margin: 25px auto 0
    }

    .stock__wrapper {
        position: relative;
        display: flex;
        padding: 0 15px
    }

    .stock__title {
        font-size: 24px;
        line-height: 30px
    }

    .stock__slider {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        max-width: 847px;
        padding: 14px 24px;
        margin: unset;
        background-color: #fff4f9
    }

    .stock__slider .slider__button {
        position: absolute;
        top: 40%
    }

    .stock__slider .slider__button--prev {
        left: 2px
    }

    .stock__slider .slider__button--next {
        right: 2px
    }

    .stock__slider-nav {
        justify-content: center
    }

    .stock__aside {
        align-self: flex-start;
        min-width: 263px;
        max-width: 263px;
        margin: 0 0 0 25px;
        background-color: #fff
    }

    .stock__aside--fixed {
        margin-left: 0;
        position: absolute;
        top: 0;
        right: 20px
    }

    .stock__timer {
        margin-top: 24px;
        padding: 0
    }

    .stock__conditions, .stock__description, .stock__organizers {
        max-width: 845px;
        margin-top: 25px;
        padding: 0 15px;
        border-top: 0
    }

    .stock__conditions-title, .stock__description-title, .stock__organizers-title {
        padding: 0;
        font-size: 16px
    }

    .stock__conditions-text, .stock__description-text {
        font-size: 16px;
        line-height: 21px
    }

    .stock__organizers-list {
        margin-top: 10px
    }

    .stock-offer {
        padding-bottom: 50px
    }

    .stock-offer__title {
        font-size: 24px
    }

    .stock-offer__title::before {
        width: 35%
    }

    .stock-offer__slider {
        padding-top: 35px
    }

    .records-salon {
        max-width: 1170px;
        margin: 0 auto;
        padding: 0 15px 80px;
        border: 0
    }

    .records-salon__warning {
        margin: 12px 0 0;
        padding: 0 10px 0 80px;
        font-size: 14px;
        line-height: 18px;
        background-position-x: 21px
    }

    .records-salon__filter {
        margin-top: 17px;
        padding: 0
    }

    .records-salon__filter-header {
        max-width: 250px;
        font-size: 16px
    }

    .records-salon__filter-reset {
        margin-top: 10px
    }

    .records-applications {
        margin-top: 28px
    }

    .records-salon__calendar {
        margin-top: 85px
    }

    .records-salon-popup .multi-popup__navigation-popup {
        justify-content: flex-start;
        padding-left: 50px
    }

    .record-client__applications-salon-contact:hover span, .record-salon__applications-client-contact:hover span, .records-salon-popup .multi-popup__navigation-popup-title {
        display: block
    }

    .records-salon-popup .multi-popup__navigation-popup-close {
        top: 15px
    }

    .records-salon-popup .popup-place__location-wrapper {
        margin-top: 18px
    }

    .records-salon-popup .popup-place__areas-header {
        padding: 10px 15px 10px 20px
    }

    .records-salon-popup__street {
        font-size: 12px
    }

    .record-salon__wrapper {
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
        padding-bottom: 30px
    }

    .record-salon__nav {
        padding: 22px 15px 0;
        border: 0
    }

    .record-salon {
        padding: 20px 20px 32px;
        border: 1px solid #dedee0
    }

    .record-salon--held {
        position: relative;
        padding-bottom: 85px
    }

    .record-client__salon time, .record-salon__client time {
        align-self: center;
        padding-right: 42px;
        background-size: 25px
    }

    .record-salon__applications-client-wrapper {
        margin-left: 0;
        flex-direction: row
    }

    .record-salon__applications-client-name {
        margin-left: 30px;
        background-size: 20px
    }

    .record-salon__applications-client-number {
        margin: 0 0 0 85px;
        background-size: 20px
    }

    .record-salon__applications-client-contact {
        margin-left: 60px
    }

    .record-salon__applications-client-contact:hover {
        width: 140px;
        padding-left: 42px;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        background-position-x: 12px
    }

    .record-salon__info-wrapper {
        padding: 0 135px 0 100px
    }

    .record-salon__address, .record-salon__comment {
        min-height: 23px;
        padding: 0 0 0 25px;
        font-size: 15px;
        line-height: 18px
    }

    .record-salon__comment {
        margin-top: 18px
    }

    .record-salon__address {
        margin-top: 5px
    }

    .record-salon__street {
        display: inline-block;
        margin: 0 0 0 15px
    }

    .record-salon__procedure {
        padding-right: 35px
    }

    .record-salon__procedure-time {
        order: 2
    }

    .record-salon__procedure-zona {
        order: 1
    }

    .record-salon__procedure-price {
        order: 4;
        text-align: center
    }

    .record-salon__procedure-apparatus {
        order: 3
    }

    .record-salon__procedure-button {
        right: 15px
    }

    .record-salon__checkout {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        margin-top: 13px
    }

    .record-salon__add-procedure, .record-salon__topay-wrapper {
        margin-top: 0
    }

    .record-salon__wish-info {
        margin-top: 40px
    }

    .record-salon__buttons {
        justify-content: flex-start;
        margin: 40px 0 0
    }

    .record-salon__button {
        width: 177px;
        padding: 8px 12px 8px 37px;
        font-size: 16px
    }

    .record-salon__button--cancel {
        margin-left: 20px
    }

    .record-salon__button--abolished, .record-salon__button--completed {
        width: 270px;
        text-align: center
    }

    .record-salon__button--abolished {
        margin-left: 20px
    }

    .record-salon__button--trash {
        width: 56px;
        margin-left: 20px
    }

    .record-salon__held-warning {
        position: absolute;
        right: 135px;
        bottom: 30px;
        width: 215px;
        margin: 0
    }

    .record-salon__warning-button {
        padding: 8px 0;
        font-size: 16px;
        font-weight: 400
    }

    .record-salon__warning-button--no {
        margin-left: 10px
    }

    .record-client__wrapper {
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
        padding-bottom: 30px
    }

    .record-client__nav {
        padding: 22px 15px 0;
        border: 0
    }

    .record-client {
        padding: 20px 20px 32px;
        border: 1px solid #dedee0
    }

    .record-client__salon-wrapper {
        display: flex;
        justify-content: space-between
    }

    .record-client__applications-salon-name {
        margin-left: 30px;
        font-size: 15px;
        background-size: 20px
    }

    .record-client__salon-rating {
        display: block;
        margin-left: 40px
    }

    .record-client__salon-rating .rating-salon__point {
        font-size: 21px
    }

    .record-client__salon-rating .rating-salon-stars {
        margin: 0 0 0 5px
    }

    .record-client__salon-rating .rating-salon__star, .record-client__salon-rating .rating-salon__star svg {
        width: 18px;
        height: 18px
    }

    .record-client__applications-salon-contact {
        margin-left: 85px
    }

    .record-client__applications-salon-contact:hover {
        width: 140px;
        padding-left: 42px;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        background-position-x: 12px
    }

    .record-client__salon-option {
        margin: 0
    }

    .record-client__salon-point {
        margin-left: 7px
    }

    .record-client__salon-point .rating-salon__point, .records-client__applications .records-applications__offer-rating .rating-salon__point {
        font-size: 21px
    }

    .record-client__salon-point .rating-salon__star, .record-client__salon-point .rating-salon__star svg {
        width: 18px;
        height: 18px
    }

    .record-client__salon-delete {
        margin-left: 17px;
        width: 55px
    }

    .record-client__info-wrapper {
        padding: 0 135px 0 100px
    }

    .record-client__salon-info, .records-client__applications .records-applications__list {
        justify-content: flex-start
    }

    .record-client__salon-address {
        order: 1;
        font-size: 15px;
        line-height: 18px
    }

    .record-client__salon-phone {
        order: 3;
        margin: 0 0 0 38px
    }

    .record-client__salon-map {
        order: 2;
        margin-left: 75px
    }

    .record-client__comment {
        display: flex;
        align-items: center;
        min-height: 20px;
        margin: 12px 0 0;
        padding: 0 0 0 27px;
        font-size: 15px;
        line-height: 18px
    }

    .record-client__procedure span, .record-salon__procedure span {
        width: 25%;
        padding: 0 5px
    }

    .record-client__procedure-time {
        order: 2
    }

    .record-client__procedure-zona {
        order: 1
    }

    .record-client__procedure-price {
        order: 4;
        text-align: center
    }

    .record-client__procedure-apparatus {
        order: 3
    }

    .record-client__topay-wrapper {
        justify-content: flex-end;
        margin-top: 15px
    }

    .record-client__warning {
        margin: 30px 0 0;
        padding: 15px 10px 15px 80px;
        background-position-x: 23px;
        border-width: 1px
    }

    .records-client {
        max-width: 1170px;
        margin: 0 auto;
        padding-bottom: 110px;
        border: 0
    }

    .records-client__applications {
        margin-top: 65px
    }

    .records-client__applications .records-applications__item {
        padding: 10px 22px
    }

    .records-client__applications .records-applications__item span {
        display: inline
    }

    .records-client__applications .records-applications__offer-name {
        font-weight: 700
    }

    .records-client__applications .records-applications__offer-rating {
        margin-left: 70px
    }

    .records-client__applications .records-applications__offer-rating .rating-salon-stars {
        margin: 0 0 0 5px
    }

    .records-client__applications .records-applications__offer-rating .rating-salon__star, .records-client__applications .records-applications__offer-rating .rating-salon__star svg {
        width: 18px;
        height: 18px
    }

    .records-client__applications .records-applications__offer-contact {
        margin-left: 35px
    }

    .records-client__calendar {
        margin-top: 60px
    }

    .records-client__calendar .records-calendar__header {
        position: relative;
        margin-top: 10px;
        padding-top: 25px;
        border-top: 1px solid #e9e9eb
    }

    .records-client__calendar .records-calendar__header::before {
        position: absolute;
        top: -3px;
        content: '';
        width: 100%;
        height: 1px;
        background-color: #e9e9eb
    }

    .records-client__calendar .records-calendar__buttons, .records-client__calendar .records-calendar__list {
        padding-left: 25px
    }

    .records-client__title {
        display: block;
        margin: 0;
        padding: 0 25px;
        font-size: 18px
    }

    .records-client__apparatus, .records-client__courses {
        margin-top: 75px
    }

    .records-client__apparatus-title, .records-client__courses-title {
        font-size: 18px;
        padding: 0 25px
    }

    .records-client__courses-item {
        display: flex;
        align-items: flex-end;
        padding: 0 25px
    }

    .records-client__course-title {
        max-width: 185px;
        min-width: 185px;
        font-size: 16px
    }

    .records-client__course-item {
        width: 91px
    }

    .records-client__course-item output {
        font-size: 16px;
        padding: 0 5px
    }

    .records-client__apparatus-list {
        display: flex;
        align-items: center;
        padding-top: 20px
    }

    .records-client__apparatus-item {
        margin: 20px 0 0 15px;
        padding-left: 50px;
        font-size: 16px
    }

    .records-client__apparatus-item:first-child {
        margin: 20px 0 0
    }

    .records-client__apparatus-item::after {
        left: 25px
    }

    .register {
        padding: 38px 0 140px
    }

    .register__title {
        font-size: 36px
    }

    .register__who {
        margin-top: 20px
    }

    .register__who-title {
        font-size: 30px
    }

    .register__who-form {
        margin-top: 22px
    }

    .register__who-choice span {
        width: 165px
    }

    .register__who-inputs-wrapper {
        margin-top: 15px
    }

    .register__who-inputs-wrapper input {
        width: 420px;
        padding: 14px 28px;
        border-radius: 8px
    }

    .register__who-input-error {
        margin-top: 16px
    }

    .register__who-password-btn {
        top: 30px
    }

    .register__either {
        margin-top: 28px
    }

    .register__either-title {
        font-size: 30px
    }

    .register__either-description {
        margin-top: 17px;
        font-size: 18px
    }

    .register__either-links {
        margin-top: 17px
    }

    .register__either-rules {
        margin-top: 22px
    }

    .register__sent-button {
        width: 420px;
        margin-top: 18px
    }

    .register-steps__section {
        min-height: 884px;
        margin-top: 40px;
        padding: 0
    }

    .register-steps__section-wrapper {
        max-width: 1170px;
        margin: 0 auto;
        padding: 0 645px 0 83px
    }

    .register-steps__title-wrapper span {
        left: 40px;
        margin-left: -55px
    }

    .register-steps__title-wrapper .register-steps__title {
        padding: 0 24px
    }

    .register-steps__title {
        margin-left: 40px;
        font-size: 30px
    }

    .register-steps__button-back {
        width: 40px;
        height: 40px;
        margin-left: 17px
    }

    .register-steps__button-back:before {
        width: 19px;
        height: 19px
    }

    .register-steps__text {
        margin: 25px 0 0;
        padding: 0;
        font-size: 18px;
        line-height: 24px
    }

    .register-steps__label {
        margin-top: 35px
    }

    .register-steps__label input {
        width: 100%;
        padding: 15px 10px;
        font-size: 18px;
        border-radius: 8px
    }

    .register-steps__label--error span {
        align-self: flex-start;
        font-size: 18px
    }

    .register-steps__button-continue {
        width: 100%;
        margin-top: 18px;
        padding: 18px 0 15px;
        font-size: 21px
    }

    .register-steps__section--organization {
        padding-bottom: 0
    }

    .register-steps__organization-autocomplete {
        width: 100%
    }

    .register-steps__organization-autocomplete .autocomplete__list {
        max-height: 346px
    }

    .register-steps__organization-autocomplete .autocomplete__item {
        padding: 8px 23px
    }

    .register-steps__organization-autocomplete .autocomplete__item span {
        font-size: 16px
    }

    .register-steps__confirm-again {
        margin-top: 12px;
        padding: 0;
        font-size: 16px
    }

    .order {
        padding-bottom: 135px;
        border: 0
    }

    .order__title {
        margin-top: 25px;
        font-size: 30px
    }

    .order__form {
        display: flex;
        max-width: 1170px;
        margin: 25px auto 0;
        padding: 0 40px
    }

    .order__contact {
        margin-top: 0
    }

    .order__contact-title {
        font-size: 24px
    }

    .order__contact-type {
        margin-top: 10px;
        padding: 0 15px
    }

    .order__contact-type .type-choices__choice--partner {
        margin-left: 10px
    }

    .order__contact-type span {
        padding: 9px 16px
    }

    .order__contact-inputs {
        margin-top: 3px
    }

    .order__contact-label input {
        width: 420px;
        padding: 15px 30px;
        font-size: 16px
    }

    .order__contact-label span {
        align-self: flex-start;
        font-size: 16px
    }

    .order__password-button {
        top: 30px
    }

    .order__options-wrapper, .order__services-autocomplete .autocomplete__item button {
        font-size: 18px
    }

    .order__option-label input {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        border: 1px solid #d6d6d6
    }

    .order__option-label input:checked::before {
        left: 4px;
        height: 7px
    }

    .order__either-title {
        margin-top: 45px;
        font-size: 18px
    }

    .order__either-title:before {
        margin-left: 15px
    }

    .order__either-title:after {
        margin-right: 15px
    }

    .order__either-buttons {
        margin-top: 15px
    }

    .order__services {
        margin: 0 0 0 120px;
        padding: 0 15px
    }

    .order__services-title {
        padding: 0;
        font-size: 24px
    }

    .order__services-wrapper {
        margin-top: 10px;
        padding: 15px 20px 25px
    }

    .order__services-list {
        padding: 18px 12px 10px
    }

    .order__services-item {
        padding: 0 15px 10px 30px;
        font-size: 16px
    }

    .order__services-item:before {
        left: 10px;
        width: 18px;
        height: 18px
    }

    .order__services-autocomplete .autocomplete__item span, .order__services-button-more {
        font-size: 16px
    }

    .order__services-button-more:hover {
        color: #fc1777
    }

    .order__services-input-wrapper {
        margin-top: 10px
    }

    .order__services-input {
        padding: 17px 29px;
        font-size: 18px
    }

    .order__services-input-button {
        top: 22px;
        right: 20px
    }

    .order__services-autocomplete .autocomplete__list {
        max-height: 243px
    }

    .order__services-autocomplete .autocomplete__item {
        padding: 9px 30px 10px 45px
    }

    .order__services-autocomplete .autocomplete__item--man {
        background-position: 10px 15px;
        background-size: 30px
    }

    .order__services-autocomplete .autocomplete__item--woman {
        background-position: 7px 13px;
        background-size: 34px
    }

    .order__services-more-add {
        margin-top: 11px;
        padding-left: 20px;
        font-size: 16px
    }

    .order__wish-info {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 27px;
        font-size: 16px
    }

    .order__wish-info .select-date__wish-time {
        margin: 16px 0 0
    }

    .order__comment {
        font-size: 16px
    }

    .order__comment input {
        margin-top: 8px;
        padding: 10px 25px;
        border-radius: 10px
    }

    .order__services-topay {
        margin-top: 30px;
        font-size: 18px
    }

    .order__rules {
        margin-top: 55px;
        padding: 0
    }

    .order__authorization-button {
        width: 503px;
        padding: 19px 13px;
        margin: 25px auto 0
    }

    .password-change {
        padding: 40px 0 420px;
        border: 0
    }

    .password-change__title-wrapper .title-lines {
        padding: 0 30px 0 25px
    }

    .password-change__title {
        font-size: 30px;
        margin-left: 40px
    }

    .password-change__wrapper {
        max-width: 1170px;
        margin: 0 auto;
        padding: 0 600px 0 83px
    }

    .password-change__late {
        font-size: 16px;
        line-height: 21px
    }

    .password-change__input-wrapper {
        margin-top: 15px
    }

    .password-change__input-wrapper input {
        max-width: 440px;
        padding: 15px 30px;
        font-size: 18px
    }

    .password-change__input-wrapper span {
        margin-top: 5px;
        font-size: 16px
    }

    .password-change__password-button {
        top: 15px;
        right: 70px
    }

    .password-change__form-waiting {
        font-size: 18px;
        line-height: 21px
    }

    .password-change__form-button {
        align-self: unset;
        width: 440px;
        padding: 16px 0;
        font-size: 21px;
        font-weight: 700
    }
}

@media (max-width: 767px) {
    .thank-block {
        max-width: 293px;
        box-shadow: none;
        height: 340px;
        padding: 5px
    }

    .thank-block::before {
        width: 77px;
        height: 59px;
        top: 315px;
        left: 5px;
        background: url(../img/spasibo_mob_bg.png) no-repeat
    }

    .thank-block__border {
        background: url(../img/img_spasibo_girl.png) no-repeat 48% 44px;
        background-size: 144px;
        height: 330px
    }

    .thank-text {
        font-size: 18px;
        margin: 10px 0 0
    }

    .thank-block__text-top {
        padding-top: 49px;
        font-size: 14px
    }

    .thank-block__text-color {
        font-size: 14px;
        line-height: 12px;
        padding-left: 34px
    }

    .thank-block__text-color span {
        font-weight: 400
    }

    .thank-block__text-bottom {
        padding-top: 11px;
        font-size: 13px !important;
        color: #757575;
        text-align: justify !important;
        padding-right: 18px
    }

    .thank-block__text-block {
        padding-top: 122px
    }

    .display_vis {
        display: none
    }

    .thank-block {
        margin: 0
    }

    .thank {
        display: flex;
        justify-content: center
    }
}