/* new style     background-image: linear-gradient(78.77deg, #6f00e6 -12.42%, #ab19ff 112.59%, #9e4bf8 0);  #f58a18*/

:root {
    --accent-color: #333;
    --black-color: #000;
    --dark-color: #54667a;
    --bg-light-color: #eef3ff;
    --primary-color: #1cbccf;
    --primary-color-hover: #1fcfe2;
    --primary-color-200: #e8f0f1;
    --primary-color-400: #c4e9ed;
    --gray-color: #777f81;
    --bs-gray-300: #dcdcdc;
    --bs-light-rgb: rgba(255, 255, 255, 1);
    --bs-primary-rgb: rgba(144, 198, 205, 1);
    --light-color: #fff;
    --bg-light-gray: #e8efff;
}

* {
    font-size: 100%;
}

a {
    color: var(--dark-color);
    text-decoration: none;
    line-height: inherit;
}

a:hover {
    color: var(--primary-color) !important;
}

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

main {
    padding: 0px 0px 0px;
    background: #fff;
}

._h1,
h1,
h2 {
    font-size: 34px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 20px;
    margin: 0px;
}

.pb-10 {
    padding-bottom: 10px;
}

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

#scroll-top,
.fixedpage,
.btnformsasd_new {
    position: fixed;
}

.header-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.personnel {
    padding: 10px;
}

.home {
    background: #fff;
}

.header-bar {
    display: none;
}

.citysel {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 7px;
    padding-bottom: 4px;
    font-weight: 500;
    font-size: 17px;
    color: #7b8da1;
}

.righttopff {
}

.socials {
}

.citysel img {
    width: 12px;
}

.citysel span {
}

.header-center {
}

.header-center a {
}

.header_filter {
    font-size: 19px;
    background: #f3f3f3;
    padding: 9px 15px;
    border-radius: 15px;
    margin-bottom: 10px;
}

.list-jbject-filter {
    padding-bottom: 20px;
}

.header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 25px;
    padding-top: 25px;
    flex-flow: row wrap;
}

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

.logo ._img {
}

.logo ._img img {
    width: 40px;
}

.clinic-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-flow: row wrap;
    padding-bottom: 30px;
}

.detail-clinic-main-slide {
    width: 40%;
    flex-grow: 1;
}

.detail-clinic-main-slide .clinic-slide-item {
}

.clinic-top .cmt-map {
    width: 460px;
}

.clinic-top .cmt-map > div {
    height: 300px;
    width: 100%;
}

.logocolor {
    font-size: 35px;
    text-transform: uppercase;
    display: flex;
    font-weight: 600;
    flex-direction: column;
    position: relative;
}

.kcolors1 {
    color: #14c500;
    text-transform: lowercase;
    position: absolute;
    top: -11px;
    font-size: 24px;
    left: 5px;
}

.logocolor .content_color {
    position: relative;
    top: 8px;
    left: 3px;
}

.kcolors {
    color: var(--primary-color);
}

.kcolors2 {
    color: var(--primary-color);
    position: relative;
    left: -8px;
}

button,
.button,
.btn {
    outline: none;
    font-size: 17px !important;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    text-align: center;
    font-family: ssinterface, sans-serif;
    padding: 9px 15px;
    transition: background-color 0.3s ease;
    display: inline-block;
}

.phone-view {
}

.phone-view-btn {
    grid-gap: 0 4px;
    gap: 0 4px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    cursor: pointer;
}

.phone-view-btn a {
    position: relative;
    max-width: 40px;
    overflow: hidden;
    white-space: nowrap;
    color: #26364b;
    pointer-events: none;
    font-weight: 400;
}

.phone-view-btn a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, transparent 60%, #fff);
}

.phone-view-btn span {
    font-weight: 600;
    color: var(--primary-color);
}

.phone-view._visible a::before,
.phone-view._visible span {
    display: none;
}

.phone-view._visible a {
    max-width: 100%;
}

.doctor-note-detail {
    background: #f0f4f7;
    padding: 0px 0px 29px;
}

.doctor-note-detail-clinics {
    -ms-flex-pack: justify;
    /* -webkit-box-pack: justify; */
    /* -webkit-box-shadow: 0 15px 20px rgb(151 158 167 / 10%); */
    background: #fff;
    /* box-shadow: 0 15px 20px rgb(151 158 167 / 10%); */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 0 0 2px;
    padding: 24px;
    border-radius: 15px;
    flex-wrap: wrap;
    /* border: 1px solid #e8ebf1; */
    box-shadow:
        0 2px 24px rgba(26, 61, 107, 0.08),
        0 0 2px rgba(38, 54, 75, 0.08);
    margin-bottom: 20px;
}

.doctor-note-detail-clinics:last-child {
    margin-bottom: 0px;
}

.doctor-note-detail-clinics ._block {
    padding-top: 0px;
    flex: 1;
    padding-right: 24px;
}

.doctor-note-detail-clinics ._note-block {
    min-width: 365px;
    max-width: 365px;
    position: relative;
    width: 100%;
}

.doctor-note-detail-clinics ._block > .doctor-info-clinic {
    margin: 0px 0px 15px !important;
}

.doctor-note-detail-clinics ._block > ._name {
    padding-bottom: 15px;
    font-weight: 500;
    font-size: 22px;
    color: var(--dark-color);
}

.doctor-note-detail-clinics ._block > ._address {
    padding-bottom: 17px;
    color: #181d21;
    font-size: 15px;
}

.doctor-note-detail ._title {
    color: #393939;
    font-size: 24px;
    font-weight: 500;
    padding: 24px 0;
}

.doctor-note-detail-prices {
    display: flex;
    flex-flow: row wrap;
    gap: 15px !important;
}

.component-clinic-price-content {
    border-radius: 10px;
    border: 1px solid var(--bg-light-color);
    padding: 10px 13px;
    cursor: pointer;
}

.component-clinic-departure-price-content {
    display: flex;
    justify-content: left;
    flex-flow: row wrap;
    gap: 15px;
}

.component-clinic-price-content.card {
    max-width: fit-content;
    margin-bottom: 20px;
}

.component-clinic-price-content:hover,
.component-clinic-price-content._active {
    background-color: var(--bg-light-color);
}

.component-clinic-price-content.card:not(._departure):hover {
    background-color: #fff;
    cursor: initial;
}

.component-clinic-price-content > ._name {
    margin-bottom: 11px;
    font-weight: normal;
    font-size: 17px;
    color: #393939;
}

.component-clinic-price-content ._block {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-flow: row wrap;
    padding-right: 0px;
}

.component-clinic-departure-price-content
    > .component-clinic-price-content
    ._block {
    flex-direction: column;
}

.component-clinic-price-content ._content ._explanation {
    font-size: 14px;
    padding-top: 0px;
    position: relative;
    z-index: 1;
    cursor: help;
    padding-left: 10px;
}

.component-clinic-price-content ._content ._explanation img {
    width: 20px;
}

.component-clinic-price-content ._content ._explanation ._explanation-info {
    display: none;
    position: absolute;
    bottom: 34px;
    width: 200px;
    padding: 16px;
    text-align: left;
    background: #fff;
    border-radius: 14px;
    box-shadow:
        0 2px 24px rgba(26, 61, 107, 0.08),
        0 0 2px rgba(38, 54, 75, 0.08);
}

.component-clinic-price-content
    ._content
    ._explanation
    ._explanation-info._active {
    display: block;
}

.component-clinic-price-content ._block > ._name-price {
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
    padding-top: 0px;
    font-size: 17px;
    color: var(--dark-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.component-clinic-price-content._departure {
    border: 1px solid #ed22275c !important;
}

.component-clinic-departure-price-content
    > .component-clinic-price-content
    ._block
    > ._name-price {
    padding-bottom: 15px;
}

.component-clinic-price-content ._block > ._price-item {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    color: #181d21;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    z-index: 1;
}

.component-clinic-price-content ._block > ._price-item > ._icon {
    width: 35px;
    padding-right: 12px;
}

.component-clinic-price-content ._block > ._price-item > ._price {
    -webkit-box-sizing: border-box;
    background: var(--primary-color) 38;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    height: 41px;
    padding: 0 11px 0 16px;
    position: relative;
}

.component-clinic-price-content ._block > ._price-item > ._price > ._inner {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    color: #181d21;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    z-index: 1;
}

.component-clinic-price-content
    ._block
    > ._price-item
    > ._price
    > ._inner
    > ._price-text {
    vertical-align: middle;
    color: #42474c;
}

.component-clinic-price-content
    ._block
    > ._price-item
    > ._price
    > ._inner
    > ._price-ruble {
    color: #5a5c61;
    font-size: 13px;
    font-weight: 400;
    vertical-align: text-top;
}

.component-clinic-price-content ._block > ._price-item > ._price-discount {
    display: inline-block;
    height: 41px;
    margin-left: 16px;
    vertical-align: top;
}

.component-clinic-price-content
    ._block
    > ._price-item
    > ._price-discount
    > ._discount {
    background: #ed2227;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    margin-bottom: 3px;
    padding: 2px 4px 2px 6px;
    position: relative;
    text-align: center;
    top: -1px;
    z-index: 1;
}

.component-clinic-price-content .d-none {
    display: none !important;
}

.component-clinic-price-content
    ._block
    > ._price-item
    > ._price-discount
    > ._discount-inner {
    color: #979ea7;
    font-weight: 500;
}

.component-clinic-price-content
    ._block
    > ._price-item
    > ._price-discount
    > ._discount-inner
    > ._discount-ruble {
    position: relative;
}

.component-clinic-price-content
    ._block
    > ._price-item
    > ._price-discount
    > ._discount-inner
    > ._discount-ruble:after {
    background: #ed2227;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}

.phone-click {
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
}

.doctor-note-detail-prices > div:first-child {
    border-top: 1px solid #f0f4f7 !important;
}

.detail-card {
    background: #fff;
}

.doctor-detail {
    padding: 20px 0 0px;
    margin-bottom: 0px;
    background-color: #fff;
    color: var(--dark-color);
}

.doctor-detail > .row {
    display: flex;
    align-items: normal;
    gap: 25px;
}

.doctor-detail-card-avatar {
    width: 100%;
    height: 100%;
}

.doctor-detail-card-avatar ._picture {
    width: 100%;
    height: 100%;
}

.fs-20 {
    font-size: 20px;
}

.doctor-detail-card-avatar ._picture ._source {
    display: flex;
    overflow: hidden;
    height: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0;
}

.doctor-detail-card-avatar ._picture ._source ._img {
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.doctor-detail-card {
    position: static;
    min-width: 316px;
    /* height: 200px; */
}

.doctor-detail-info {
    padding: 0 0px 20px 0px;
}

.doctor-detail-info ._name {
    margin-top: 0px;
    font-weight: 400;
}

.cmp-specialist ._specialist-price {
    padding-bottom: 20px;
    display: flex;
    gap: 10px;
    flex-flow: row wrap;
}

.doctor-detail-info ._detail {
}

.cmp-specialist ._specialist-doc {
    display: inline-block;
    padding: 5px 10px;
    background: #f0f4f7;
    border-radius: 10px;
    font-weight: 400;
    font-size: 15px;
}

.doctor-detail-info ._year {
    font-size: 15px;
    padding-bottom: 20px;
}

#scroll-top {
    left: 9px;
    padding: 0px;
    bottom: 20px;
    z-index: 9;
    border-radius: 100%;
    height: 30px;
}

#scroll-top svg {
    width: 30px;
    height: 30px;
}

.doctor-description,
.clinic-description {
    padding-bottom: 20px;
}

.doctor-description .read-more {
}

.doctor-description p,
.clinic-description p {
    word-wrap: break-word;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
}

.button:hover,
button:hover {
    background: var(--primary-color-hover) !important;
    border-color: var(--primary-color-hover) !important;
    color: var(--light-color) !important;
}

.slot-row {
    display: none;
}

.slot-row._active {
    display: block;
}

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

.line-stars-body {
    width: 75px;
}

.line-stars-body > ._content {
    width: 100%;
    background-color: #d8d8d8;
    position: relative;
}

.line-stars-body > ._content > ._full {
    position: absolute;
    width: 100%;
    background: var(--primary-color);
    z-index: 1;
    height: 13px;
    top: 2px;
}

.line-stars-body > ._content > ._star {
    width: 15px;
    height: 16px;
    background-image: url(/upload/images/star.png);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    background-size: contain;
    position: relative;
    z-index: 2;
}

.line-stars-body > ._content::after {
    content: " ";
    display: table;
    clear: both;
}

.close-window {
    text-align: center;
    padding: 12px 26px 26px;
    display: none;
}

.fjg499e {
    width: auto;
    font-size: 20px;
    margin: auto;
    font-weight: 700;
    text-align: center;
}

.fj4ggktr4 {
    font-size: 18px;
    width: auto;
    margin: 20px auto;
}

.jgi955kg {
    margin-bottom: 23px;
    color: #ff256c;
    line-height: 20px;
    font-size: 23px;
    font-weight: 700;
}

.jgi955kg a {
    color: #ff256c;
}

.ghj56yhg {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.g1fhr55hfj {
    border: 1px solid #b7b7b7 !important;
    background-color: #b7b7b7 !important;
}

.form-card-note-online-back {
    padding: 7px 12px;
    text-transform: initial;
    margin-top: 20px;
    position: relative;
}

.load-element {
    width: auto;
    border-radius: 4px;
    position: absolute;
    left: 49%;
    top: 30%;
}

.load-element svg {
    color: var(--primary-color);
}

.loadajax_ext {
}

._error-required {
    background-color: rgb(255 0 0 / 22%) !important;
}

textarea,
input[type="text"],
input[type="number"] {
    font-family: inherit;
    border-width: 0px;
    color: rgba(0, 0, 0, 0.75);
    font-size: 18px;
    padding: 10px 15px 10px 15px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.15s linear;
    border-color: var(--bg-light-color);
    border-radius: 15px;
    background-color: var(--bg-light-color);
    outline: none;
    width: 100%;
}

.form-card-note-button {
    width: 100%;
    margin-top: 20px;
    /* padding: 13px; */
    /* height: 44px; */
}

/* doctor card */

.doctor-info-clinics {
}

.doctor-info-clinic {
    margin: 23px 0px 0px;
    display: none;
}

.doctor-info-clinic._active {
    display: block;
}

.doctor-info-clinic a {
}

.doctor-info-clinic ._name {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 12px;
    display: block;
}

.doctor-info-clinic ._data {
}

.doctor-info-clinic._detail ._data {
}

.doctor-info-clinic ._data ul {
    display: flex;
    overflow: auto;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.doctor-info-clinic._detail ._data ul {
    flex-direction: inherit !important;
    flex-flow: row wrap;
    gap: 15px !important;
}

.doctor-info-clinic ._data ul li {
}

.doctor-info-clinic._detail ._data ul li {
    background: #f0f4f7;
    padding: 4px 7px;
    border-radius: 10px;
}

.doctor-info-clinic ._data ul li ._link {
    display: flex;
}

.doctor-info-clinic ._data ul li ._link-name {
    display: flex;
    align-items: center;
    gap: 2px;
}

.doctor-info-clinic ._data ul li ._link-name ._link-name-color {
    display: block;
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: red;
}

.doctor-info-clinic ._data ul li ._link-name ._link-name-name {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    margin-left: 4px;
}

.doctor-info-clinic ._data ul li ._link-desc {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 0 0 10px;
    background-color: transparent;
    color: #828ea5;
}

.doctor-info-clinic._detail ._data ul li ._link-desc {
    margin: 0 0 0 2px;
}

.doctor-info-clinic ._data ul li ._link-desc ._link-desc-img {
    display: inline-block;
    width: 23px;
    height: 12px;
}

.doctor-info-clinic ._data ul li ._link-desc ._link-desc-walking {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #828ea5;
}

.detail-clinic-name {
    text-align: left;
    font-size: 30px;
}

.price-body {
}

.price-body-s {
}

.price-body-sr {
}

.price-body-pr {
}

.price-body._price {
}

.doctor-block,
.clinic-block {
    padding: 20px 0 20px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    background-color: #fff;
    color: var(--dark-color);
    border-radius: 15px;
    box-shadow:
        0 2px 24px rgba(26, 61, 107, 0.08),
        0 0 2px rgba(38, 54, 75, 0.08);
}

.doctor-slip-left,
.clinic-slip-left {
    width: 178px;
    flex-shrink: 0;
    padding: 0 20px;
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
}

.doctor-slip-avatar {
    width: 112px;
    height: 112px;
    margin: 0 auto 10px;
    position: relative;
}

.doctor-slip-avatar-link {
}

.clinic-slip-avatar-link {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    margin-bottom: 0px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    border: 1px solid var(--bg-light-color);
    padding: 6px;
    width: 112px;
    height: 112px;
}

.clinic-slip-avatar-link img {
    max-width: 100px;
    max-height: 100px;
    width: 100%;
    height: auto;
}

.clinic-slip-license {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #828ea5;
    margin-bottom: 8px;
}

.doctor-slip-avatar-link-e {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 1px solid var(--bg-light-color);
    border-radius: 50%;
    background-color: #eef2f8;
    /* background-image: var(--a1xvldy-0); */
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.doctor-slip-avatar-link-pic {
    display: flex;
    overflow: hidden;
    height: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: unset;
    border: none;
    border-radius: 0;
}

.doctor-slip-avatar-link-img {
    height: 100%;
    object-fit: cover;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.doctor-slip-left-detail {
    display: flex;
    flex: 1 1;
    flex-direction: column;
}

.doctor-slip-left-detail-spec {
    margin-bottom: 8px;
    word-break: break-word;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
}

.specialist_li {
}

.doctor-slip-left-detail-name {
    /* display: none; */
}

.doctor-slip-left-detail-name a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 0px;
    display: block;
}

.doctor-slip-rating {
    width: 100%;
}

.doctor-slip-rating-cx {
}

.doctor-slip-rating-cx a {
    display: block;
    text-align: center;
    color: var(--primary-color) !important;
    font-weight: bold;
}

.doctor-slip-left-detail-experience {
    font-size: 13px;
    margin-bottom: 10px;
}

.doctor-slip-right,
.clinic-slip-right {
    display: flex;
    width: 100%;
    flex-basis: 100%;
    justify-content: space-between;
    padding: 0 24px 0 0;
    position: relative;
    box-sizing: border-box;
    gap: 30px;
}

.clinic-slip-right-l {
    flex: 1 27%;
}

.doctor-slip-name,
.clinic-slip-name {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 13px;
    display: block;
}

.doctor-slip-right-l-d {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 15px;
}

.doctor-slip-right-l-p {
}

.doctor-slip-right-l-p .phone-lp {
}

.doctor-slip-right-l-p .phone-lp div {
    padding-bottom: 7px;
    font-size: 16px;
    font-weight: 400;
}

.doctor-slip-right-l-p .phone-lp a {
    font-size: 16px;
    font-weight: 400;
}

.doctor-slip-right-r {
    min-width: 360px;
    max-width: 360px;
}

.clinic-slip-right-r {
    min-width: 260px;
    max-width: 260px;
}

.doctor-slip-right-r-text-top {
    padding-bottom: 17px;
}

.doctor-detail-ymap {
    padding-top: 40px;
}

.online-note {
    display: block;
    align-items: center;
    justify-content: center;
    padding: 20px 0px 0px 0px;
}

.online-note-clinic {
    display: none;
}

.online-note-clinic._active {
    display: block;
}

.online-clinic-note-detail {
    position: relative;
}

.online-clinic-note-headers {
    padding-bottom: 12px;
    overflow-x: hidden;
}

.online-clinic-note-headers-track {
    display: flex;
    gap: 10px;
    transition: transform 0.5s ease;
}

.online-clinic-note-header:hover {
    background-color: var(--bg-light-color);
}

.online-raspisanie-places {
}

.online-clinic-note-header {
    display: flex;
    border: 1px solid var(--bg-light-color);
    box-shadow: inset 0 0 0 1px var(--bg-light-color);
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
    border-radius: 8px;
    padding: 8px 12px;
    min-width: 80px;
    box-sizing: border-box;
    cursor: pointer;
}

.online-clinic-note-header._active {
    border: 1px solid var(--primary-color);
    box-shadow: inset 0 0 0 1px var(--primary-color);
}

.online-clinic-note-header:hover {
    display: flex;
}

.online-clinic-note-header ._day {
    font-weight: bold;
    padding-bottom: 3px;
}

.online-clinic-note-header ._week {
    font-weight: 400;
    text-transform: uppercase;
}

.online-clinic-note-header span {
}

.online-clinic-note-header + span {
}

.online-raspisanie-place {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    flex-wrap: wrap;
    gap: 10px;
}

.online-raspisanie-place._active {
    display: flex;
}

.online-note-time {
    position: relative;
    display: inline-flex;
    width: 64px;
    height: 32px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    border: var(--primary-color);
    border-radius: 9px;
    background: var(--primary-color);
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    transition: background-color 0.3s ease;
}

.online-note-time:hover,
.online-note-time._active {
    border: var(--primary-color-hover);
    background: var(--primary-color-hover);
}

.doctor-slip-right-l-spec {
    font-weight: 500;
    padding-bottom: 15px;
    overflow-wrap: break-word;
}

.doctor-slip-right-l-price {
    padding-bottom: 20px;
}

.online-button-note {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.d-fl-center {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.online-note-help {
    padding-bottom: 11px;
}

.w-100 {
    width: 100%;
}

.online-note-navigation {
    display: flex;
    position: absolute;
    width: 100%;
}

.online-note-navigation > div {
    position: absolute;
    z-index: 1;
    width: 32px;
    height: 32px;
    border: 1px solid #e2e9f9;
    border-radius: 50%;
    margin-top: 0;
    background: #fff;
    cursor: pointer;
    top: 8px;
    display: none;
}

.online-note-navigation > div._active {
    display: block;
}

.online-note-navigation ._prev {
    left: -40px;
}

.online-note-navigation ._prev > svg {
    transform: rotate(-90deg);
}

.online-note-navigation ._next {
    right: -40px;
    user-select: none;
}

.online-note-navigation ._next > svg {
    transform: rotate(90deg);
}

.online-note-navigation > div > svg > path {
    fill: var(--primary-color) !important;
}

.form-card {
    padding: 0px 18px;
    max-width: 565px;
}

.form-card-body {
    display: flex;
    padding-bottom: 20px;
}

.form-card-img {
    padding-right: 32px;
}

.card-right-block {
    width: 100%;
}

.card-right-block ._doctor_name {
    margin: 0 0 10px !important;
    line-height: normal;
}

.card-right-description {
    padding-bottom: 14px;
}

.form-card-note-online {
    padding: 0px 30px;
}

.popup-slot-time {
    min-width: 200px;
    padding: 10px;
    border: 1px solid var(--bg-light-color);
    box-shadow: inset 0 0 0 1px var(--bg-light-color);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
}

.popup-slot-time:hover {
    background-color: var(--bg-light-color);
}

.popup-slot-time .popup-slot-time-desc span {
    font-weight: 400;
    padding-right: 10px;
}

.popup-slot-time .popup-slot-time-desc i {
    font-style: normal;
}

.popup-slot-time {
}

.popup-slot-time .popup-slot-time-desc > div {
    padding-bottom: 2px;
}

.popup-slot-time ._full_time {
}

.popup-slot-time ._week {
    padding: 0px 25px;
}

.popup-slot-time ._time {
}

.popup-slot-time ._null {
    flex: 1 100%;
    text-align: center;
    color: red;
}

.popup-slot-time > div:last-child {
    padding-bottom: 0px;
}

.popup-slot-time-calendar {
    padding-right: 15px;
}

.popup-slot-time-calendar > svg {
    width: 27px;
}

.popup-slot-time-desc {
    display: flex;
    flex-flow: row wrap;
}

/* doctor card end*/

.clinic-street {
    font-weight: 400;
    padding-bottom: 10px;
}

.clinic-metro {
    margin: 0px;
    padding-bottom: 15px;
}

.phone-clinic-card {
    padding-bottom: 20px;
}

.schedule-card {
    padding-bottom: 20px;
}

.clinic-schedule {
}

.clinic-schedule > ._title {
}

.clinic-schedule > ._content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 5px;
}

.clinic-schedule ._days {
    font-weight: 400;
}

.clinic-schedule ._days > ._day {
    min-width: 48px;
    margin-right: 16px;
    display: inline-flex;
}

.clinic-schedule ._days > ._time {
}

.clinic-note-online {
    margin-bottom: 20px;
    text-transform: initial;
    padding: 10px 15px;
    background: var(--bg-light-color);
    border-color: var(--bg-light-color);
    color: #26364b;
    width: 100%;
}

.clinic-note {
    margin-bottom: 20px;
    text-transform: initial;
    padding: 10px 15px;
    width: 100%;
}

.clinic-person {
    margin-bottom: 16px;
    width: 100%;
}

.clinic-img-cnt-slide {
    height: 300px;
    width: 100%;
    position: relative;
}

.clinic-logo-slide {
    position: absolute;
    z-index: 10;
    background: #fff;
    width: 150px;
}

.clinic-logo--slide {
    width: 100%;
    height: 150px;
    padding: 10px;
    box-sizing: border-box;
}

.clinic-logo--slide-img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.clinic-slide-item {
    height: 300px;
}

.clinic-slide-item ._img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
}

.clinic-img-cnt-slide .owl-controls {
    display: none !important;
}

.clinic-img-cnt-slide .clinic-slide-nav {
    top: auto;
    bottom: 50px;
    width: 100%;
    position: absolute;
    text-align: center;
    height: 1px;
}

.clinic-img-cnt-slide .clinic-slide-nav > a {
    cursor: pointer;
}

.clinic-img-cnt-slide .clinic-slide-nav > a > i {
    width: 37px;
    height: 37px;
    padding: 0px;
    display: block;
    background: #fff;
    border-radius: 100%;
    box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.15);
}

.clinic-img-cnt-slide .clinic-slide-nav ._prev-btn {
    float: left;
    margin-left: 15px;
}

.clinic-img-cnt-slide .clinic-slide-nav ._next-btn {
    float: right;
    margin-right: 15px;
}

.clinic-img-cnt-slide .clinic-slide-nav ._prev-btn i {
    transform: rotate(-90deg);
}

.clinic-img-cnt-slide .clinic-slide-nav ._next-btn i {
    transform: rotate(90deg);
}

.clinic-logo-slide .line-stars {
    padding-bottom: 10px;
}

.clinic-slide-content {
    position: relative;
}

.cmt-map > div {
    /* width: 344px; */
    height: 366px;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #ebebeb;
}

.clinic-information {
}

.article-content {
    margin: 0px 0px;
}

.clinic-about {
}

.clinic-about ._specialist {
    font-size: 25px;
    line-height: 28px;
}

/* custom select */

.body-content-tabs {
    padding: 20px 0;
    border-top: 1px solid #ccc;
}

.body-content-tabs > ._item {
    display: none;
}

.body-content-tabs > ._active {
    display: block;
}

.body-content-tabs > ._item > ._header {
    margin-bottom: 25px;
}

.body-content-tabs > ._item > ._header > ._title {
    font-size: 25px;
    line-height: 28px;
    font-weight: 400;
    display: inline;
    word-break: break-word;
}

.body-content-tabs > ._item > ._header > ._title > span {
    font-size: 25px;
    line-height: 28px;
    font-weight: 400;
    display: inline-block;
    color: #828ea5;
}

.body-content-tabs > ._item > ._filters {
    display: flex;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.clinic-tf-type {
    display: flex;
    align-items: center;
    border: 1px solid #cad6f4;
    border-radius: 8px;
    overflow: hidden;
}

.clinic-tf-type > div {
    padding: 13px;
    font-weight: 400;
    cursor: pointer;
}

.clinic-tf-type > div:hover,
.clinic-tf-type > ._active {
    background: var(--bg-light-color);
}

.clinic-tf-type > ._in-clinic {
    border-right: 1px solid #cad6f4;
}

.clinic-tf-type > ._on-house {
}

.clinic-tf-specialists {
    min-width: 250px;
}

.paginate-button-all {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paginate-button-all > ._content {
    padding: 10px 20px;
    border: 1px solid #cad6f4;
    border-radius: 8px;
    cursor: pointer;
}

.paginate-button-all > ._content:hover {
    background: var(--bg-light-color);
}

.paginate-button-all > ._content > ._placeholder {
    font-weight: 400;
}

.body-item-tabs {
    border-radius: 5px;
    padding: 16px 0px 0px;
    display: flex;
    margin-bottom: 0px;
    flex-flow: row wrap;
}

.body-item-tabs > ._item {
    position: relative;
    display: inline-block;
    padding: 15px 15px 25px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
}

.body-item-tabs > ._active {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    border-radius: 5px 5px 0px 0px;
}

.phone-view-title {
    padding-bottom: 7px;
    font-weight: normal;
}

.select-block {
    position: relative;
}

.select-block .select-list {
    position: absolute;
    z-index: 3;
    display: none;
    overflow: unset;
    flex-flow: column;
    padding: 0px 0 0px;
    border-radius: 8px;
    margin: var(--gap-general-400) 0;
    background-color: #fff;
    box-shadow:
        0 6px 24px rgb(26 61 107 / 16%),
        0 0 2px rgb(38 54 75 / 8%);
    inset: calc(100% + 8px) auto auto 0;
    box-sizing: border-box;
    width: 100%;
}

.select-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-color: var(--bg-light-color);
    border-radius: 8px;
    background-color: var(--bg-light-color);
    padding: 10px 16px;
    cursor: pointer;
}

.select-button ._name,
.select-button ._placeholder {
    color: #000;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select-button ._placeholder {
    color: rgb(118 118 118);
}

.select-button ._arrow {
    width: 24px;
    height: 24px;
    transform: rotate(-180deg);
}

.select-button ._arrow path {
    fill: var(--primary-color) !important;
}

.select-block .select-list ._option {
    padding: 10px 16px;
    cursor: pointer;
    color: #000;
    position: relative;
}

.select-block .select-list ._option._active {
    display: block !important;
    visibility: inherit;
}

.select-block .select-list ._active::after {
    content: " ";
    display: inline-block;
    width: 3px;
    height: 8px;
    margin: 0px 0px 0px;
    border: solid var(--primary-color);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 33%;
}

.select-block .select-list ._option:hover {
    background-color: var(--bg-light-color);
}

.select-block._active .select-list {
    display: flex;
}

.select-block._active .select-button ._arrow {
    transform: rotate(0deg);
}

.d-none {
    display: none !important;
}

/* custom select end */

.reviews-panel {
}

.reviews-panel-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
}

.reviews-panel-top > ._count {
    font-size: 25px;
    line-height: 28px;
    font-weight: 400;
}

.reviews-panel-center {
    display: flex;
    transition-duration: 0ms;
    transform: translate3d(0px, 0px, 0px);
    transition-delay: 0ms;
    gap: 15px;
    padding-bottom: 20px;
}

.reviews-panel-center > div {
    background-color: var(--bg-light-color);
    padding: 10px 16px;
    cursor: pointer;
    border-radius: 8px;
}

.reviews-panel-center > div > span {
    font-weight: 400;
}

.reviews-panel-center > div._active,
.reviews-panel-center > div:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.reviews-panel-center ._all {
}

.reviews-panel-center ._all span {
}

.reviews-panel-center ._positive {
}

.reviews-panel-center ._positive span {
}

.reviews-panel-center ._normalsve {
}

.reviews-panel-center ._normalsve span {
}

.reviews-panel-center ._negativel {
}

.reviews-panel-center ._negativel span {
}

.review-healing-doctor {
}

.review-healing-doctor span {
    font-weight: 500;
    padding-right: 8px;
}

.reviews-main {
}

.review-healing-doctor-content {
    display: inline-block;
    padding: 5px 10px;
    background: #f0f4f7;
    border-radius: 10px;
    font-weight: 400;
    font-size: 15px;
}

.review-healing-doctor a {
}

.form-card-note {
}

.content-services-categories {
}

.content-services-categories > ._filters {
    padding-bottom: 25px;
}

.services-categories {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row wrap;
    font-size: 17px;
    gap: 15px;
    padding-bottom: 40px;
}

.services-categories > .category {
    background-color: var(--bg-light-color);
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 8px;
}

.services-categories > .category:hover,
.services-categories > ._active {
    background-color: var(--primary-color);
    color: #fff;
}

.content-services-categories > .services {
}

.clinic-diagnostics {
    max-height: 400px;
    overflow-y: auto;
}

.service {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f6f8f9;
    flex-flow: row wrap;
    font-size: 17px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    gap: 37px;
}

.service .component-clinic-price-content ._name-price {
    display: none;
}

.service.mini {
    cursor: pointer;
}

.service > ._name {
    max-width: 55%;
}

.service.mini > ._name {
}

.service.mini:hover > ._content > ._price > .component-clinic-price-content {
    border: 1px solid var(--primary-color);
    cursor: pointer;
}

.service.mini:hover > ._name {
    color: var(--primary-color);
}

.service > ._content {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-flow: row wrap;
    gap: 25px;
}

.service.mini > ._content {
}

.service > ._content > ._price {
}

.service > ._content > ._note > .button {
    padding: 10px;
    font-size: 16px;
    text-transform: inherit;
}

.service > ._content > ._price > .component-clinic-price-content {
    max-width: initial;
    margin-bottom: 0px;
}

.filter-all-input {
    flex: 1;
    position: relative;
}

.filter-all-input input {
    width: 100%;
}

.filter-all-input span {
    cursor: pointer;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    right: 24px;
    top: 50%;
    width: 24px;
}

.filter-all-input span svg {
    fill: var(--dark-color);
}

.clinics-nearest {
    padding-top: 40px;
}

.clinics-nearest ._title {
    font-size: 25px;
    line-height: 28px;
    padding-bottom: 20px;
}

.clinics-nearest ._body {
}

.nearest-clinic-block {
    box-sizing: border-box;
    font-size: 13px;
    line-height: 16px;
    color: rgb(38, 54, 75);
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(26, 61, 107, 0.08) 0px 4px 8px;
    padding: 12px 12px 16px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(238, 242, 248);
    border-image: initial;
    border-radius: 12px;
    margin: 0px 20px;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    gap: 20px;
}

.clinic-slip-left .clinic-slip-avatar-link {
    width: 100% !important;
    height: 120px !important;
}

.clinic-slip-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 15px;
}

.nearest-clinic-slip-left {
}

.nearest-clinic-slip-left a {
}

.nearest-review-rating {
    padding-top: 10px;
}

.nearest-clinic-slip-right {
    width: 57%;
    flex-grow: 1;
}

.nearest-clinic-slip-right > ._name {
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    padding-bottom: 15px;
}

.nearest-clinic-slip-right > ._reviews {
}

/* Стили для отзыва */
.review {
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 25px;
    border-left: 4px solid var(--bg-light-color);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
    position: relative;
}

.review:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.review-author {
    display: flex;
    align-items: center;
    gap: 15px;
}

.author-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--bg-light-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8d8d8d;
    font-weight: bold;
    font-size: 1.2em;
}

.author-info h3 {
    color: #2c3e50;
    margin-bottom: 5px;
    font-size: 20px;
    margin-top: 0px;
}

.review-date {
    color: #7f8c8d;
    font-size: 14px;
}

.review-rating {
    color: #f39c12;
    font-size: 1.2em;
}

.review-content {
    color: #34495e;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Стили для ответа на отзыв */
.review-response {
    background: white;
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
    border-left: 4px solid var(--bg-light-color);
    position: relative;
}

.response-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.response-badge {
    background: #7b8da1;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.response-author {
    color: #27ae60;
    font-weight: bold;
}

.response-content {
    color: #2c3e50;
    line-height: 1.6;
}

/* Анимации */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.review {
    animation: fadeIn 0.6s ease-out;
}

/* Адаптивность */
@media (max-width: 768px) {
    .review-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .review-rating {
        align-self: flex-start;
    }

    .section-header h1 {
        font-size: 2em;
    }
}

/* Дополнительные декоративные элементы */
.review::before {
    content: '"';
    font-size: 4em;
    color: #3498db;
    opacity: 0.1;
    position: absolute;
    top: 10px;
    right: 20px;
    font-family: serif;
}

._row {
    padding-bottom: 15px;
}

._row > ._label {
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 6px;
}

.clear-ul-style {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.clear-ul-style li {
}

.service-show-more {
    padding-top: 10px;
}

.service-show-more::before {
    display: none;
}

.service-show-more a {
    color: #008cba;
}

.pagination {
    margin-top: 23px;
    text-align: center;
}

.pagination ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.pagination li {
    display: inline-block;
}

.pagination .active,
.pagination a:hover {
    color: #fff;
    background: var(--dark-color);
}

.pagination a {
    background: #fff;
}

.pagination span,
.pagination a {
    width: 41px;
    height: 41px;
    margin-right: 3px;
    font-style: normal;
    font-size: 19px;
    display: flex;
    font-weight: 700;
    cursor: pointer;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
}

.footer {
    height: auto;
    padding-top: 23px;
    background-color: #fff;
}

.footer h5 {
    margin-bottom: 24px;
    text-transform: uppercase;
    color: var(--dark-color);
    font-weight: 400;
    font-size: 18px;
}

.footer p {
    color: var(--dark-color);
}

.footer > .row > ._content {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.copyright {
    padding-top: 35px;
    border-top: 1px solid #d8dde3;
    margin-top: 34px;
    text-align: center;
}

.hleft {
    width: 27%;
    font-size: 28px;
    text-align: left;
    font-weight: 400;
    padding-top: 9px;
}

.ogrip {
    font-size: 14px;
}

.hright {
    width: 24%;
    font-size: 16px;
    padding-top: 13px;
}

.hpadding {
    padding: 10px 0px 18px;
}

.hright .hpadding {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.list-links {
    margin: 0;
    list-style: none outside none;
    padding: 0px;
    position: relative;
    top: -11px;
}

.list-links li {
    margin-bottom: 0px;
}

.hpadding a {
    text-decoration: none;
    font-weight: 400;
    color: var(--dark-color);
}

.list-links a {
    color: var(--dark-color);
    font-size: 15px;
    line-height: 2;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

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

.ogranichenie_18 {
    font-size: 26px;
    border-radius: 100%;
    border: 1px solid darkgrey;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ogr_rightbl {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    margin-left: 12px;
}

body {
    height: 100%;
    background: #f0f4f7;
    color: var(--dark-color);
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    font-family: ssinterface, sans-serif;
    overflow-x: hidden;
}

.header {
    background: white;
}

.row {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0px 10px;
    box-sizing: border-box;
}

.ourshouss {
    display: inline-block;
    vertical-align: top;
    width: 259px;
}

.list-work-times {
    margin: -20px 0 0;
    list-style: none outside none;
    padding: 0px;
}

.contactsf {
}

.footer .contactsf ul {
    margin: 0;
    list-style: none outside none;
    padding: 0px;
}

.footer .contactsf ul p {
    margin-bottom: 0;
}

.footer .contactsf ul li {
    padding-bottom: 14px;
}

.footer .contactsf ul p span:first-child {
    color: var(--dark-color);
}

.list-work-times li + li {
    border-top: 1px solid #d8dde3;
}

.list-work-times p {
    overflow: hidden;
    margin-bottom: 0;
    font-weight: 400;
    margin-top: 0px;
}

.menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: right 0.5s cubic-bezier(0, 0, 0, 0);
    z-index: 90;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    overflow: auto;
}

.menu.active {
    right: 0;
}

.menu ul {
    display: flex;
    list-style: none;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    gap: 20px;
}

.menu li {
    transition: all 0.4s ease;
    background-color: var(--light-color) !important;
    padding: 24px;
    border-radius: 15px;
    box-shadow: 0px 2px 40px rgba(8, 70, 78, 0.1);
}

.menu.active li {
    opacity: 1;
    transform: translateX(0);
}

.menu li:nth-child(1) {
    transition-delay: 0.1s;
}

.menu li:nth-child(2) {
    transition-delay: 0.2s;
}

.menu li:nth-child(3) {
    transition-delay: 0.3s;
}

.menu li:nth-child(4) {
    transition-delay: 0.4s;
}

.menu li:nth-child(5) {
    transition-delay: 0.5s;
}

.menu a {
    transition: all 0.3s ease;
}

.menu a:hover {
    color: #fdbb2d;
    transform: scale(1.1);
}

.burger {
    width: 33px;
    height: 25px;
    position: relative;
    cursor: pointer;
    z-index: 100;
}

.burger-line {
    position: absolute;
    height: 4px;
    width: 100%;
    background: var(--primary-color);
    border-radius: 4px;
    transition: all 0.3s ease;
}

.line-1 {
    top: 0;
}

.line-2 {
    top: 11px;
}

.line-3 {
    top: 22px;
}

.burger.active .line-1 {
    transform: rotate(45deg);
    top: 11px;
}

.burger.active .line-2 {
    opacity: 0;
}

.burger.active .line-3 {
    transform: rotate(-45deg);
    top: 11px;
}

@media screen and (max-width: 700px) {
    .doctor-note-detail-clinics {
        flex-direction: column;
    }

    .doctor-note-detail-clinics > ._block {
        padding-top: 0px;
        flex: 1;
        padding-right: 0px;
    }

    .doctor-note-detail-clinics ._note-block {
        min-width: initial;
        max-width: initial;
        box-sizing: border-box;
    }

    .component-clinic-price-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-flow: row wrap;
        gap: 20px;
    }

    .component-clinic-price-content > ._name {
        margin-bottom: 0px;
    }

    .component-clinic-price-content > ._name::after {
        content: ":";
    }
}

.popup_main_header-title {
    font-size: 23px;
    padding-left: 16px;
    padding-top: 16px;
}

.popup_close_he {
    height: 30px;
    width: 28px;
    cursor: pointer;
    background-image: url(/upload/images/closeib.png);
    background-position: center;
    background-repeat: no-repeat;
}

.loadajaxex {
    color: var(--primary-color);
}

.loadajaxex .popup_main_child_1 {
    background: none;
    box-shadow: none;
}

.popup_main_header {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    padding-bottom: 20px;
}

.usloviyes {
    font-size: 13px;
    padding: 25px 15px 15px;
    text-align: center;
}

.usloviyes a {
    text-decoration: underline;
}

:is(#back2087, #front2087) {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#back2087 {
    fill: none;
    stroke: currentColor;
    opacity: 0.1;
}

#front2087 {
    fill: none;
    stroke: currentColor;
    stroke-dasharray: 48, 144;
    stroke-dashoffset: 192;
    animation: dash_682 1.4s linear infinite;
}

@keyframes dash_682 {
    72.5% {
        opacity: 0;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.containerss {
    max-width: 587px;
    padding: 0px 14px;
}

.custom-ul-li {
}

.custom-ul-li ul {
    -webkit-column-count: 3;
    column-count: 3;
}

.custom-ul-li ul li {
    margin: 4px;
    font-size: 16px;
    /* margin: 0px; */
}

.custom-ul-li ul li a {
    font-weight: 300;
    display: block;
}

.cmp-search {
}

.cmp-search > ._content {
}

.cmp-search > ._content > ._bl-form {
    position: relative;
}

.cmp-search > ._content > ._bl-form > ._popup {
    display: none;
    -webkit-box-shadow: 0 15px 20px rgba(151, 158, 167, 0.2);
    -webkit-box-sizing: border-box;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 15px 20px rgba(151, 158, 167, 0.2);
    box-sizing: border-box;
    color: #979ea7;
    font-size: 16px;
    padding: 16px 24px;
    position: absolute;
    top: calc(100% + 8px) !important;
    width: 100%;
    z-index: 31;
    max-height: 412px;
    overflow: auto;
}

.cmp-search > ._content > ._bl-form > ._popup._active {
    display: block !important;
}

.cmp-search > ._content > ._bl-form > ._input-bl {
    position: relative;
}

.cmp-search > ._content > ._bl-form > ._input-bl > ._input {
    height: 60px;
    border: 1px solid #fff;
    background-color: #fff;
}

.cmp-search > ._content > ._bl-form > ._input-bl > ._icon {
    position: absolute;
    right: 16px;
    top: 16px;
}

.section-main {
    padding-top: 130px;
}

.form-head-hh {
    padding-bottom: 50px;
}

.detail-panel-top {
    padding: 14px 0px 24px;
    background: #fff;
    z-index: 10;
}

.detail-panel-top > .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.detail-panel-top ._left-panel {
    padding-left: 0px;
    width: 57%;
    flex-grow: 1;
}

.detail-panel-top ._left-panel ._name {
    padding-bottom: 9px;
    text-align: left;
}

.detail-panel-top ._left-panel ._settings {
    display: flex;
    gap: 15px;
}

.detail-panel-top ._left-panel ._settings ._select-setting a:hover {
    color: var(--primary-color);
}

.detail-panel-top ._left-panel ._settings ._select-setting a {
}

.detail-panel-top._active {
    box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.15);
    position: sticky;
    top: 0px;
}

.detail-panel-top ._right-panel > .button {
    display: none;
}

.detail-panel-top._active ._right-panel > .button {
    display: block;
}

.doctor-reviews-detail {
    padding: 30px 0px;
}

.doctor-about-detail {
    padding: 30px 0px;
}

.doctor-about-detail > .row {
}

.h2-m {
    text-align: left;
    font-size: 25px;
    font-weight: 400;
}

.description-about-detail b {
    font-size: 18px;
    padding-bottom: 10px;
    display: block;
}

.description-about-detail ul {
    padding-left: 19px;
    list-style: initial;
}

.description-about-detail ul li {
    margin-bottom: 10px;
    font-size: 17px;
}

.block-brick {
    -ms-flex-flow: row wrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0 0px;
    gap: 20px;
}

.block-brick li {
    -ms-flex: 0 0 33%;
    -ms-flex-align: start;
    -ms-flex-flow: column nowrap;
    -webkit-box-align: start;
    -webkit-box-direction: normal;
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-sizing: border-box;
    align-items: flex-start;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 31.46%;
    flex-flow: column nowrap;
    margin: 0px;
    padding: 15px;
    border-left: 4px solid var(--primary-color);
    background: #fff;
    padding-left: 13px;
    border-radius: 8px;
    box-shadow:
        0 2px 24px rgba(26, 61, 107, 0.08),
        0 0 2px rgba(38, 54, 75, 0.08);
}

.block-brick li > ._number {
    background: var(--primary-color);
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
    padding: 8px;
    text-align: center;
    margin: -15px 0px 8px -13px;
}

.block-brick li > ._title {
    color: #3a3a3a;
    font-size: 17px;
    font-weight: 500;
    line-height: 130%;
    width: 100%;
}

.block-brick li > ._subtitle {
    color: #818181;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    margin: 8px 0 0;
}

.pb-30 {
    padding-bottom: 30px;
}

.block-brick {
}

.items-block {
    background: #f0f4f7;
    padding: 20px 0px;
}

.doctors-nearest {
    background: #f0f4f7;
    padding: 30px 0px;
}

.nearest-doctor {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.nearest-doctor > ._main {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}

.nearest-doctor > ._main > ._content {
}

.nearest-doctor > ._main > ._content > ._picture {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

.nearest-doctor > ._main > ._content > ._picture > div {
    position: relative;
    z-index: 0;
    display: flex;
    width: 128px;
    height: 128px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    border-radius: var(--agwdj7z-2);
}

.nearest-doctor > ._main > ._content > ._picture > div {
}

.nearest-doctor > ._main > ._content > ._picture > div > ._img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.nearest-doctor > ._main > ._content > ._price {
    margin-bottom: 5px;
}

.nearest-doctor > ._main > ._content > ._reviews {
    display: flex;
    align-items: center;
    gap: 0 10px;
}

.nearest-doctor > ._main > ._content > ._reviews > ._opinion-count {
}

.nearest-doctor > ._main > ._name {
    padding: 10px 0px;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 62px;
}

.nearest-doctor > ._main > ._station {
    display: block;
}

.items-nearest .clinic-img-cnt-slide {
    height: auto;
}

.items-nearest .clinic-slide-nav {
    top: 46%;
}

.items-nearest .clinic-slide-nav ._prev-btn {
    margin-left: -13px;
}

.items-nearest .clinic-slide-nav ._next-btn {
    margin-right: -13px;
}

._mini .line-stars-body {
    width: auto;
    display: flex;
    align-items: center;
    gap: 5px;
}

._mini .line-stars-body ._star {
    top: 0px;
}

.ruble {
    font-family: "ALSRublArial-Regular";
    font-size: 13px;
    padding-left: 3px;
}

.component-clinic-mini-price-content ._price-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.component-clinic-mini-price-content ._price-item > ._price {
    font-weight: 500;
    font-size: 18px;
}

.component-clinic-mini-price-content ._price-item > ._price ._price-text {
}

.component-clinic-mini-price-content ._price-item > ._price-discount {
    display: flex;
    align-items: center;
}

.component-clinic-mini-price-content
    ._price-item
    > ._price-discount
    > ._discount {
    color: red;
    font-weight: 500;
    padding-left: 8px;
}

.component-clinic-mini-price-content
    ._price-item
    > ._price-discount
    > ._discount-inner {
}

.component-clinic-mini-price-content
    ._price-item
    > ._price-discount
    > ._discount-inner
    ._value {
}

.component-clinic-mini-price-content
    ._price-item
    > ._price-discount
    > ._discount-inner
    > ._discount-ruble {
    position: relative;
}

.component-clinic-mini-price-content
    ._price-item
    > ._price-discount
    > ._discount-inner
    > ._discount-ruble:after {
    background: #ed2227;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}

.component-clinic-mini-price-content .ruble {
    position: relative;
    left: -5px;
}

.breadcrumb {
    background: #fff;
    padding-bottom: 25px;
}

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

.components-forms-search-global {
    background-image: url(/upload/images/bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 33px 0px;
}

.components-forms-search-global ._h1 {
    font-weight: 600;
    color: #fff;
    font-size: 34px;
}

.specialists-image {
    padding: 30px 0px;
}

.specialists-image .__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    gap: 10px;
}

.specialists-image .__item {
    flex: 1 13%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e9f9;
    border-radius: 16px;
    padding: 12px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.specialists-image .__item:hover {
    transform: translateY(-5px);
}

.specialists-image .__item svg {
    color: var(--dark-color) !important;
}

.specialists-image .__item svg circle {
    color: var(--dark-color) !important;
}

.specialists-image .__item svg path {
    color: var(--dark-color) !important;
}

.specialists-image .__item svg path {
    fill: var(--dark-color) !important;
}

.specialists-image .__item:hover svg {
    color: var(--primary-color) !important;
}

.specialists-image .__item:hover svg path {
    color: var(--primary-color) !important;
}

.specialists-image .__item:hover svg path {
    fill: var(--primary-color) !important;
}

.specialists-image .__item:hover svg circle {
    fill: var(--primary-color) !important;
}

.specialists-image .__item > .__item-icon {
    width: 36px;
    height: 36px;
}

.specialists-image .__item > .__item-icon.fizioterapevt {
    position: relative;
}

.specialists-image .__item > .__item-icon.fizioterapevt svg {
    position: absolute;
    width: 48px;
    height: 53px;
    left: -6px;
    top: -6px;
}

.specialists-image .__item > .__item-icon > img {
}

.specialists-image .__item > .__item-icon > svg {
    width: 100%;
    height: 100%;
}

.specialists-image .__name {
    text-align: center;
    padding-top: 12px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fancy-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-family: "Arial", sans-serif;
    font-size: 16px;
}

.fancy-checkbox input {
    display: none;
}

.checkbox-icon {
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    border-radius: 6px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    background: white;
}

.checkbox-icon svg {
    width: 16px;
    height: 16px;
    fill: white;
    transform: scale(0);
    transition: transform 0.2s ease;
}

.fancy-checkbox input:checked + .checkbox-icon {
    background: var(--primary-color);
    border-color: var(--primary-color);
    animation: bounce 0.3s ease;
}

.fancy-checkbox input:checked + .checkbox-icon svg {
    transform: scale(1);
}

.post-header {
}

.post-title {
}

.post-description {
}

.post-description b {
    font-weight: 600;
}

.post-description p {
}

.post-description p:last-child {
    margin-bottom: 0px;
}

.info-block-position {
    padding-bottom: 30px;
}

.no-find-item {
    background: #f0f4f7;
    padding: 0px 0px 20px;
}

.items-rows-list > .doctor-block:last-child {
    margin-bottom: 0px;
}

.empty-items-rows-list {
    padding: 20px;
    background: #fff;
    text-align: center;
    font-size: 20px;
    border-radius: 10px;
}

.center_content > .items-block + .items-block {
    padding-top: 0px !important;
}

.items-block > .row > h3 {
    margin: 0px;
    font-size: 20px;
    padding-bottom: 20px;
}

.empty-items-rows-list {
}

.empty-items-rows-list > h3 {
    margin: 0px;
}

.empty-items-rows-list > ._info {
    font-size: 16px;
    margin: 0px;
    padding: 20px 0px;
}

.empty-items-rows-list > ._phone {
}

.empty-items-rows-list > ._phone > a {
}

.reviews-cart-items {
    padding-top: 60px;
}

.reviews-cart-content-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    gap: 18px;
}

.reviews-cart-items .review {
    flex: 1 43%;
}

.reviews-cart-items .author-info > h3 {
    font-size: 17px;
}

.reviews-cart-items .author-avatar {
    overflow: hidden;
}

.review-mode-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reviews-cart-title {
    font-size: 25px;
    padding-bottom: 40px;
    text-align: center;
}

@keyframes bounce {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.checkbox-label {
    color: #333;
    font-weight: 500;
}

.items-services {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    gap: 2%;
}

.items-services ._item {
    flex: 1 20%;
    transition: all 0.3s ease;
}

.items-services ._item .icon-box {
    background-color: var(--light-color) !important;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 2px 40px rgba(8, 70, 78, 0.1);
}

.items-services ._item .icon-box .icon-box-icon {
    width: 100%;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.items-services ._item .icon-box .icon-box-content {
    padding-top: 14px;
}

.items-services ._item .icon-box .icon-box-content .card-title {
    height: 50px;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    margin: 0px;
    text-align: center;
    font-size: 20px;
}

.items-services ._item .icon-box .icon-box-content p {
    text-align: center;
    margin-bottom: 0px;
    line-height: 22px;
    font-size: 14px;
    font-weight: normal;
}

.items-services ._item .icon-box .icon-box-icon.doctors {
    background-image: url("/upload/images/specip.png");
}

.items-services ._item .icon-box .icon-box-icon.clinics {
    background-image: url("/upload/images/klinikip.png");
}

.items-services ._item .icon-box .icon-box-icon.services {
    background-image: url("/upload/images/uslugiip.png");
}

.items-services ._item .icon-box .icon-box-icon.diagnostics {
    background-image: url("/upload/images/diagip.png");
}

.items-services ._item:hover {
    transform: translateY(-10px);
}

.crumbs-list {
    padding-top: 30px;
}

.popselcity {
}

.oifnejfe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    gap: 10px;
    padding-bottom: 20px;
}

.oifnejfe > a {
    flex: 1 24%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e9f9;
    border-radius: 16px;
    padding: 12px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    font-size: 18px;
    padding-top: 12px;
}

.oifnejfe > a._active {
    border-color: var(--primary-color);
}

.oifnejfe > div._active a {
    color: var(--primary-color) !important;
}

.state-content {
    padding-top: 60px;
    font-size: 16px;
    line-height: 23px;
}

.h3 {
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    margin: 0px;
}

.mt-1 {
    margin-top: 5px;
}

.mt-2 {
    margin-top: 10px;
}

.mt-3 {
    margin-top: 15px;
}

.mt-4 {
    margin-top: 20px;
}

.mt-5 {
    margin-top: 25px;
}

.mb-1 {
    margin-bottom: 5px;
}

.mb-2 {
    margin-bottom: 10px;
}

.mb-3 {
    margin-bottom: 15px;
}

.mb-4 {
    margin-bottom: 20px;
}

.mb-5 {
    margin-bottom: 25px;
}

.fs-16 {
    font-size: 16px;
}

.state-content ul {
    list-style: disc;
    padding-left: 20px;
}

.state-content ul li {
    margin-bottom: 7px;
}

.state-content ul li:last-child {
    margin-bottom: 0px;
}

.numbers {
    list-style: decimal !important;
}

.state-content b,
.fw-bold {
    font-weight: 600;
}

.end-like {
}

.alert-content {
    padding-top: 60px;
}

.alert-block {
}

.alert-block {
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    border: 2px solid #ffff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px 15px;
}

.alert-block svg {
    width: 41px;
}

.warning-alert {
    border-color: #9e4bf8;
}

.warning-alert svg,
.warning-alert path {
    color: #9e4bf8;
    fill: #9e4bf8;
}

.info-alert {
    border-color: var(--primary-color);
}

.h2 {
    font-size: 22px;
}

._description {
    padding-top: 7px;
}

@media screen and (max-width: 1235px) {
    .online-note-navigation ._next {
        right: -22px;
    }

    .items-nearest .clinic-img-cnt-slide .clinic-slide-nav {
        top: -25px !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 15px;
    }

    .items-nearest .clinic-img-cnt-slide .clinic-slide-nav ._prev-btn {
        float: none;
        margin-left: 0px;
    }

    .items-nearest .clinic-img-cnt-slide .clinic-slide-nav ._next-btn {
        margin-right: 0px;
        float: none;
    }
}

@media screen and (max-width: 1100px) {
    .hright {
        width: 33%;
    }
}

@media screen and (max-width: 1044px) {
    .items-services ._item {
        flex: 1 33%;
    }

    .items-services {
        gap: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .doctor-note-detail > .row {
        padding: 0px 0px !important;
    }

    .doctor-note-detail ._title {
        padding-left: 10px;
        padding-right: 10px;
    }

    .doctor-note-detail-clinics {
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 0px;
    }

    .doctor-note-detail-clinics ._block {
        flex: 1 100%;
        order: 2;
        padding-right: 0px;
    }

    .doctor-note-detail-clinics ._note-block {
        flex: 1 100%;
        min-width: 100%;
        max-width: 100%;
        order: 1;
        padding-bottom: 20px;
        padding-left: 37px;
        padding-right: 37px;
        box-sizing: border-box;
    }

    .doctor-note-detail-clinics ._note-block .online-note-name-clinic {
        display: block !important;
        font-weight: 500;
        font-size: 22px;
        color: var(--dark-color);
        margin-left: -37px;
        padding-bottom: 27px;
    }

    .online-clinic-note-detail ._prev {
        left: -37px !important;
        display: block;
    }

    .online-clinic-note-detail ._next {
        right: -24px;
    }

    .doctor-note-detail-clinics > ._block > ._name {
        display: none;
    }
}

@media screen and (max-width: 930px) {
    .clinic-top .cmt-map {
        width: 350px;
    }
}

@media screen and (max-width: 879px) {
    .doctor-slip-right,
    .clinic-slip-right {
        flex-flow: row wrap;
        width: calc(100% - 178px);
        gap: 11px;
    }

    .doctor-slip-right-r {
        min-width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .doctor-detail {
        margin-bottom: 0px;
    }

    .doctor-detail > .row {
        flex-direction: column;
        padding: 0px 0px;
        gap: 0px;
    }

    .doctor-detail-card {
        width: 100%;
        min-width: 100%;
        padding: 0px 10px;
    }

    .doctor-detail-info {
        width: 100%;
        padding: 20px 10px 20px 10px;
        box-shadow: 0px -4px 16px -13px rgba(0, 0, 0, 0.8);
        box-sizing: border-box;
    }

    .doctor-note-detail-clinics ._note-block .online-note-name-clinic {
        margin-left: 0px;
    }

    .doctor-note-detail-clinics ._note-block {
        padding-left: 0px;
        padding-right: 0px;
    }

    .detail-panel-top ._left-panel ._settings {
        display: none;
    }

    .doctor-detail-info ._settings {
        display: flex !important;
        padding-bottom: 20px;
        flex-flow: row wrap;
        gap: 15px;
    }
}

@media screen and (max-width: 800px) {
    .doctor-note-detail-clinics ._note-block {
        min-width: 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
    }

    .cmt-map > div {
        height: 225px;
    }

    .doctor-note-detail .online-note-navigation ._prev {
        /* left: -22px; */
    }

    .block-brick li {
        flex: 0 0 100%;
    }

    .detail-panel-top._active {
        box-shadow: none;
        position: initial;
    }

    .detail-panel-top._active ._right-panel > .button {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .specialists-image .__item {
        flex: 1 23%;
    }

    ._h1,
    h1,
    h2 {
        font-size: 30px;
    }

    .center_content .components-forms-search-global ._h1 {
        font-size: 30px;
    }

    .menu {
        width: 320px;
        background: #54667a;
    }

    .menu .row {
        height: 100%;
    }

    .menu .items-services {
    }

    .menu .items-services ._item .icon-box .icon-box-content .card-title {
        color: #fff;
        font-size: 16px;
        height: auto;
        padding-left: 15px;
    }

    .menu .items-services ._item .icon-box {
        background: none !important;
        display: flex;
        align-items: center;
        justify-content: left;
        padding-top: 10px;
        padding-right: 7px;
        padding-left: 7px;
        padding-bottom: 0px;
    }

    .home .components-forms-search-global {
        padding: 53px 0px 72px;
    }

    .home .components-forms-search-global ._h1 {
        font-size: 30px;
    }

    .our-services {
        margin-bottom: 5em;
    }

    .section-main {
        padding-top: 58px;
    }

    .form-head-hh {
        padding-bottom: 25px;
    }

    .padding-large {
        padding-top: 4em;
        padding-bottom: 0em;
    }

    .menu .items-services ._item .icon-box .icon-box-icon {
        width: 27px;
        height: 27px;
    }

    .menu .items-services ._item .icon-box .icon-box-content {
        padding-top: 0px;
    }

    .section-title {
        font-size: 1.8rem;
    }

    .logo h1 {
        font-size: 1.8rem;
    }

    .tagline {
        font-size: 1rem;
    }

    .hright {
        width: 44%;
    }

    .reviews .review {
        padding: 25px 0px 0px;
        border-left: none;
    }

    .menu .icon-box-content p {
        display: none;
    }

    .menu .items-services ._item {
        flex: 100%;
    }

    .reviews-panel-top {
        flex-direction: column;
    }

    .reviews-panel-top > ._count {
        padding-bottom: 16px;
    }

    .reviews-panel-top > ._sort {
        width: 100%;
    }

    .reviews-panel-center {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 751px) {
    .doctor-slip-right-l .doctor-description {
        display: none;
    }

    .phone-view {
        display: flex;
        gap: 12px;
    }

    .doctor-info-clinic ._data ul {
        flex-flow: row wrap;
    }

    .doctor-slip-right-l {
        width: 100%;
    }

    .clinic-top .cmt-map {
        display: none;
    }
}

@media screen and (max-width: 604px) {
    .header-center {
        display: none;
    }

    .items-services ._item {
        flex: 1 100%;
    }
}

@media screen and (max-width: 579px) {
    .component-clinic-departure-price-content {
        flex-direction: column;
        gap: 0px;
    }

    .component-clinic-price-content.card {
        max-width: 100%;
    }

    .component-clinic-price-content ._block {
        flex-flow: row wrap !important;
    }

    .component-clinic-price-content ._block > ._name-price {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 559px) {
    .online-clinic-note-detail ._prev {
        left: -20px !important;
    }

    .online-clinic-note-detail ._next {
        right: -20px;
    }

    .specialists-image .__item {
        flex: 1 30%;
    }

    .doctor-block,
    .clinic-block {
        flex-flow: row wrap;
    }

    .online-note-navigation ._prev {
        left: 0px;
    }

    .hleft {
        width: 100%;
    }

    .hright {
        width: 100%;
        padding-top: 0px;
    }

    .list-links {
        display: flex;
        flex-flow: row wrap;
        gap: 13px;
    }

    .doctor-slip-right-l .doctor-slip-right-l-spec,
    .doctor-slip-right-l .doctor-slip-name,
    .doctor-slip-right-l .doctor-slip-right-l-d {
        display: none;
    }

    .doctor-slip-right,
    .clinic-slip-right {
        padding: 0 20px 0 20px;
        width: 100%;
    }

    .doctor-slip-left-detail {
        display: block !important;
    }

    .doctor-slip-left-detail-spec,
    .doctor-slip-left-detail-name,
    .doctor-slip-left-detail-experience {
        display: block !important;
    }

    .doctor-slip-left,
    .clinic-slip-left {
        width: 100%;
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 20px;
    }

    .doctor-slip-rating {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .component-clinic-price-content.card {
        margin-bottom: 9px;
    }
}

@media screen and (max-width: 499px) {
    .doctor-slip-avatar {
        width: 84px;
        height: 84px;
    }
}

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

    .header-logo {
        width: 100%;
    }

    .form-card {
        padding: 0px 18px;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 450px) {
    .specialists-image .__item {
        flex: 1 45%;
    }
}

@media screen and (max-width: 349px) {
    .items-nearest .clinic-slide-nav {
        display: none !important;
    }
    .reviews-panel-center {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 280px) {
    .specialists-image .__item {
        flex: 1 50%;
    }
}

/* end new style */