@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

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

* {
    outline: 0
}

* {
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    width: 100%;
    min-width: 320px
}

.mob {
    display: none !important
}

.tab {
    display: none !important
}

img {
    display: block
}

.wrong {
    width: 1170px;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center
}

.wrong h1 {
    font: 50px/60px "Open Sans", sans-serif;
    color: #000
}

.wrong img {
    margin: 30px auto 0
}

a {
    text-decoration: none
}

button {
    cursor: pointer
}

.header {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    position: relative
}

.header__body {
    width: 1170px;
    margin: 0 auto;
    padding: 33px 0 51px
}

.header__logo {
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0
}

.header__geo {
    display: inline-block;
    vertical-align: top;
    margin: 11px 0 0 78px;
    background: url(../images/geo.svg) no-repeat left center;
    padding-left: 19px
}

.header__geo a {
    font: 16px/22px "Open Sans", sans-serif;
    color: #000;
    border-bottom: 1px dashed #000;
    text-decoration: none;
    padding-bottom: 1px
}

.header__geo:hover {
    background: url(../images/geo-hover.svg) no-repeat left center
}

.header__geo:hover a {
    border-bottom: 1px dashed #0359a9;
    color: #0359a9
}

.header__right {
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-right: 3px
}

.header__btn {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.header__btn button {
    width: 204px;
    height: 46px;
    border: 1px solid #0595d6;
    border-radius: 6px;
    background: #fff;
    font: 16px/22px "Open Sans", sans-serif;
    color: #000;
    cursor: pointer
}

.header__btn button:hover {
    background: #0595d6;
    color: #fff
}

.header__btn-select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.header__btn-select select {
    width: 100%;
    opacity: 0
}

.header__btn-select option {
    width: 90%
}

.header__lk {
    /*display: inline-block;*/
    vertical-align: top;
    margin: 12px 0px 0 0px;
    font: 16px/22px "Open Sans", sans-serif;
    color: #000
}

.header__reg {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-right: 4px
}

.header__reg p {
    font: 16px/22px "Open Sans", sans-serif;
    color: #000
}

.header__reg p:hover {
    border-bottom: 1px dashed #000
}

.header__enter {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px
}

.header__enter p {
    font: 16px/22px "Open Sans", sans-serif;
    color: #000
}

.header__enter p:hover {
    border-bottom: 1px dashed #000
}

.header__login {
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 28px;
    margin: 9px 0 0;
    background: url(../images/lk-icon.svg) no-repeat center;
    cursor: pointer;
    position: relative
}

.header__login-dropdown {
    position: absolute;
    top: 100%;
    right: -17px;
    width: 196px;
    background: #fff;
    -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
    box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
    border-radius: 6px;
    padding: 26px 8px 21px 9px;
    margin: 20px 0 0;
    display: none;
    z-index: 5;
    cursor: initial;
}

.header__login-dropdown ul {
    text-align: left
}

.header__login-dropdown li {
    padding: 9px 0 11px 10px;
    border-radius: 6px;
    margin-bottom: 4px
}

.header__login-dropdown li a {
    font: 16px/20px "Open Sans", sans-serif;
    color: #000;
    padding-left: 25px
}

.header__login-dropdown li:last-child {
    margin-bottom: 0
}

.header__login-dropdown .login {
    background: url(../images/login.svg) no-repeat 10px center
}

.header__login-dropdown .reg {
    background: url(../images/reg.svg) no-repeat 8px center
}

.header__login-dropdown .lk {
    background: url(../images/lk.svg) no-repeat 8px center
}

.header__login-dropdown .set {
    background: url(../images/set.svg) no-repeat 8px center
}

.header__login-dropdown .logout {
    background: url(../images/logout.svg) no-repeat 10px center
}

.header__login-dropdown .login:hover {
    background: #f5f5f5 url(../images/login.svg) no-repeat 10px center
}

.header__login-dropdown .reg:hover {
    background: #f5f5f5 url(../images/reg.svg) no-repeat 8px center
}

.header__login-dropdown .lk:hover {
    background: #f5f5f5 url(../images/lk.svg) no-repeat 8px center
}

.header__login-dropdown .set:hover {
    background: #f5f5f5 url(../images/set.svg) no-repeat 8px center
}

.header__login-dropdown .logout:hover {
    background: #f5f5f5 url(../images/logout.svg) no-repeat 10px center
}

.header__login-dropdown .login.active {
    background: #f5f5f5 url(../images/login.svg) no-repeat 10px center
}

.header__login-dropdown .reg.active {
    background: #f5f5f5 url(../images/reg.svg) no-repeat 8px center
}

.header__login-dropdown .lk.active {
    background: #f5f5f5 url(../images/lk.svg) no-repeat 8px center
}

.header__login-dropdown .set.active {
    background: #f5f5f5 url(../images/set.svg) no-repeat 8px center
}

.header__login-dropdown .logout.active {
    background: #f5f5f5 url(../images/logout.svg) no-repeat 10px center
}

.header__login-dropdown::after {
    content: '';
    position: absolute;
    right: 19px;
    top: -17px;
    border: 10px solid transparent;
    border-bottom: 7px solid #fff
}

.header__search {
    margin: 63px 0 0
}

.header__search select {
    width: 300px;
    height: 60px;
    display: inline-block;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f5f5f5 url(../images/arrow-down.svg) no-repeat right 14px center;
    border: 1px solid #cdcdcd;
    border-radius: 6px 0 0 6px;
    padding-left: 15px;
    font: 16px/22px "Open Sans", sans-serif;
    color: #000
}

.header__search input {
    width: -webkit-calc(100% - 380px);
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: top;
    height: 60px;
    border: 0;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    text-indent: 35px;
    font: 16px/22px "Open Sans", sans-serif;
    color: grey
}

.header__search button {
    width: 80px;
    height: 60px;
    display: inline-block;
    vertical-align: top;
    border: 0;
    background: #0595d6 url(../images/search.svg) no-repeat center;
    border-radius: 0 6px 6px 0;
    cursor: pointer
}

.header__search button:hover {
    background: #0359a9 url(../images/search.svg) no-repeat center
}

.counting {
    background: #f5f5f5
}

.counting__body {
    width: 1170px;
    margin: 0 auto;
    padding: 30px 0
}

.counting__title {
    width: 570px;
    display: inline-table;
    vertical-align: top;
    height: 270px
}

.counting__title h1 {
    display: table-cell;
    vertical-align: middle;
    font: 700 46px/58px "Open Sans", sans-serif;
    color: #0359a9
}

.counting__application {
    width: 270px;
    height: 270px;
    display: inline-table;
    vertical-align: top;
    background: url(../images/application-icon.svg) no-repeat right 31px, -webkit-linear-gradient(333.66deg, #f9c7e8 0, #d185e5 100%);
    background: url(../images/application-icon.svg) no-repeat right 31px, linear-gradient(116.34deg, #f9c7e8 0, #d185e5 100%);
    border-radius: 12px;
    padding: 0 35px;
    margin: 0 0 0 30px;
    -webkit-filter: drop-shadow(6px 6px 20px rgba(0, 0, 0, .12));
    filter: drop-shadow(6px 6px 20px rgba(0, 0, 0, .12))
}

.counting__application p {
    display: table-cell;
    vertical-align: middle;
    font: 15px/20px "Open Sans", sans-serif;
    color: #fff
}

.counting__application p span {
    display: block;
    font: 700 48px/65px "Open Sans", sans-serif
}

.counting__work {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 30px
}

.counting__company {
    width: 270px;
    height: 120px;
    display: table;
    background: url(../images/company-icon.svg) no-repeat right 7px top 5px, -webkit-linear-gradient(333.66deg, #efdc34 0, #51d34f 100%);
    background: url(../images/company-icon.svg) no-repeat right 7px top 5px, linear-gradient(116.34deg, #efdc34 0, #51d34f 100%);
    -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
    box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    padding: 0 35px
}

.counting__company p {
    display: table-cell;
    vertical-align: middle;
    font: 15px/20px "Open Sans", sans-serif;
    color: #fff
}

.counting__company p span {
    display: block;
    font: 700 48px/52px "Open Sans", sans-serif
}

.counting__professional {
    width: 270px;
    height: 120px;
    display: table;
    background: url(../images/professional-icon.svg) no-repeat right 1px top 9px, -webkit-linear-gradient(333.66deg, #7ce4fb 0, #8286ec 100%);
    background: url(../images/professional-icon.svg) no-repeat right 1px top 9px, linear-gradient(116.34deg, #7ce4fb 0, #8286ec 100%);
    -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
    box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    padding: 0 35px;
    margin: 30px 0 0
}

.counting__professional p {
    display: table-cell;
    vertical-align: middle;
    font: 15px/20px "Open Sans", sans-serif;
    color: #fff
}

.counting__professional p span {
    display: block;
    font: 700 48px/52px "Open Sans", sans-serif
}

.category {
    width: 1170px;
    margin: 50px auto 0
}

.category.cat {
    margin-bottom: 50px
}

.category__title h2 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.category__slider {
    margin: 30px 0 0
}

.category__slider-item {
    height: 180px;
    position: relative;
    border-radius: 6px;
    margin: 0 15px
}

.category__slider-item.beauty {
    background: url(../images/beauty-bg.png) no-repeat center/cover
}

.category__slider-item.design {
    background: url(../images/design-bg.png) no-repeat center/cover
}

.category__slider-item.seo {

    background: url(../images/seo-bg.png) no-repeat center/cover
}

.category__slider-item.it {

    background: url(../images/it-bg.png) no-repeat center/cover
}


.category__slider-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent 60%, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, .8) 100%);
    border-radius: 0 0 6px 6px
}

.category__slider-desc {
    position: absolute;
    bottom: 14px;
    padding: 0 15px;
    z-index: 2
}

.category__slider-desc h3 {
    font: 700 18px/22px "Open Sans", sans-serif;
    color: #fff
}

.near {
    -webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, .08);
    box-shadow: 0 12px 12px rgba(0, 0, 0, .08)
}

.near__body {
    width: 1170px;
    margin: 69px auto 0;
    padding: 0 0 82px
}

.near__title h2 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.near__category {
    margin: 32px 0 25px;
    width: -webkit-calc(100% + 24px);
    width: calc(100% + 24px);
    padding: 0 12px;
    margin-left: -12px;
    overflow: hidden
}

.near__category:first-child {
    margin-top: 33px
}

.near__category:last-child {
    margin-bottom: 0
}

.near__category-top {
    border-bottom: 1px solid #cdcdcd
}

.near__category-title {
    display: inline-block;
    vertical-align: top;
    margin-left: 1px
}

.near__category-title h3 {
    font: 700 24px/56px "Open Sans", sans-serif;
    color: #000
}

.near__category-all {
    float: right;
    display: inline-block;
    vertical-align: top;
    margin: 22px 3px 0 0;
    background: url(../images/more-icon.svg) no-repeat right center;
    padding-right: 21px
}

.near__category-all a {
    font: 16px/22px "Open Sans", sans-serif;
    color: #0091fb;
    text-decoration: none
}

.near__category-all:hover {
    background: url(../images/more-icon-hover.svg) no-repeat right center
}

.near__category-all:hover a {
    color: #0359a9
}

.near__category-list {
    margin: 5px 0 0;
    padding: 25px 0
}

.near__category-list .slick-list {
    overflow: visible !important
}

.near__category-item {
    width: 370px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, .1);
    box-shadow: 6px 6px 20px rgba(0, 0, 0, .1);
    border-radius: 12px;
    border: 1px solid #fff
}

.near__category-galery {
    position: relative;
    cursor: pointer
}

.near__category-galery__img {
    height: 219px;
    width: 100%
}

.near__category-galery__img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 12px 12px 0 0
}

.near__category-galery__hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background: linear-gradient(to top, rgba(0, 0, 0, .5), transparent);
    display: block;
}

.near__category-galery__bottom {
    position: absolute;
    bottom: 17px;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 0 16px 0 17px
}

.near__category-galery__info {
    width: -webkit-calc(100% - 36px);
    width: calc(100% - 36px);
    display: inline-block;
    vertical-align: bottom
}

.near__category-galery__name p {
    font: 600 15px/16px "Open Sans", sans-serif;
    color: #fff
}

.near__category-galery__price {
    margin-top: 16px
}

.near__category-galery__price p {
    font: 600 18px/20px "Open Sans", sans-serif;
    color: #fff
}

.near__category-galery__count {
    display: inline-block;
    vertical-align: bottom;
    width: 36px;
    height: 32px;
    background: url(../images/count-icon.svg) no-repeat 0 0;
    padding: 4px 0 0
}

.near__category-galery__count p {
    width: 30px;
    text-align: center;
    font: 700 16px/20px "Open Sans", sans-serif;
    color: #fff
}

.near__top {
    height: 96px;
    padding: 22px 21px 0 19px
}

.near__top-title a {
    font: 700 17px/23px "Open Sans", sans-serif;
    color: #0091fb
}

.near__top-title a:hover {
    color: #0359a9;
    text-decoration: underline
}

.near__top-desc {
    margin: 8px 0 0
}

.near__top-desc p {
    font: 14px/19px "Open Sans", sans-serif;
    color: grey
}

.near__desc {
    height: 130px;
    margin: 15px 0 0;
    padding: 0 21px 0 19px
}

.near__desc p {
    font: 16px/20px "Open Sans", sans-serif;
    color: #000;
    text-decoration: none
}

.near__info {
    margin: 0;
    background: #f5f5f5;
    border-radius: 0 0 12px 12px;
    padding: 14px 21px 13px 20px;
    position: relative
}

.near__ava {
    display: inline-table;
    vertical-align: top;
    width: 62px;
    height: 62px;
    border-radius: 31px;
    border: 1px solid #cdcdcd
}

.near__ava img {
    width: 100%;
    border-radius: 31px;
    position: relative;
    z-index: 1
}

.near__ava a {
    display: table;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative
}

.near__ava p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font: 30px/41px "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase
}

.near__ava a:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 31px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
    background: linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
    z-index: 2
}

.near__about {
    width: -webkit-calc(100% - 165px);
    width: calc(100% - 165px);
    display: inline-block;
    vertical-align: top;
    margin-left: 23px
}

.near__name {
    height: 34px;
    display: table
}

.near__name a {
    display: table-cell;
    vertical-align: middle;
    font: 14px/17px "Open Sans", sans-serif;
    color: #000;
    text-decoration: none
}

.near__name a:hover {
    color: #0359a9;
    text-decoration: underline
}

.near__distance {
    margin: 7px 0 0;
    background: url(../images/distance-icon.svg) no-repeat 2px 2px;
    padding-left: 20px;
    display: none
}

.near__distance p {
    font: 14px/19px "Open Sans", sans-serif;
    color: grey
}

.near__connection {
    width: 80px;
    display: inline-block;
    vertical-align: bottom;

}

.near__write {
    width: 24px;
    height: 24px;
    background: url(../images/chat.png) no-repeat center/contain;
    cursor: pointer;
    float: right;
    margin-bottom: 10px;
    display: none
}

.near__map {
    clear: both;
    background: url(../images/map-icon.svg) no-repeat left center;
    padding-left: 20px
}

.near__map a {
    font: 14px/19px "Open Sans", sans-serif;
    color: #0595d6;
    text-decoration: none
}

.near__map a:hover {
    color: #0359a9
}

.near__category-btn {
    margin: 90px 0 0
}

.near__category-btn button {
    width: 237px;
    height: 50px;
    display: block;
    margin: 0 auto;
    border: 1px solid #0595d6;
    border-radius: 6px;
    font: 16px/22px "Open Sans", sans-serif;
    color: #0091fb;
    background: #fff;
    cursor: pointer
}

.near__category-btn button:hover {
    background: #0595d6;
    color: #fff
}

.example {
    min-height: 100px;
    background: -webkit-gradient(linear, left top, right top, from(#562caf), to(#0397d6)), #fff;
    background: -webkit-linear-gradient(left, #562caf 0, #0397d6 100%), #fff;
    background: linear-gradient(90deg, #562caf 0, #0397d6 100%), #fff;
    position: relative
}

.example__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 300px
}

.example__item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.example__item img {
    width: 100%;
    object-fit: cover;
    height: 300px;
    object-position: bottom
}

.card {
    width: 1170px;
    margin: 0 auto
}

.card__master {
    width: 370px;
    display: inline-block;
    vertical-align: top;
    margin: -150px 0 0;
    border-radius: 12px;
    background: #fff;
    -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    z-index: 2;
    position: relative;
    padding: 28px 32px 45px
}

.card__master-photo {
    width: 123px;
    height: 123px;
    margin: 0 auto;
    position: relative
}

.card__master-photo img {
    width: 100%;
    border-radius: 50%
}

.card__master-name {
    margin: 17px 0 0;
    text-align: center
}

.card__master-name p, .card__master-name p a {
    font: 20px/30px "Open Sans", sans-serif;
    color: #000
}

.card__master-location {
    margin: 33px 0 0
}

.card__master-distance {
    display: inline-block;
    vertical-align: top;
    background: url(../images/distance-icon.svg) no-repeat 2px 2px;
    padding-left: 20px
}

.card__master-distance p {
    font: 14px/19px "Open Sans", sans-serif;
    color: grey
}

.card__master-map {
    display: inline-block;
    vertical-align: top;
    float: right;
    background: url(../images/map-icon.svg) no-repeat left center;
    padding-left: 20px
}

.card__master-map a {
    font: 14px/19px "Open Sans", sans-serif;
    color: #0091fb;
    text-decoration: none
}

.card__master-map a:hover {
    color: #0359a9
}

.card__master-call {
    margin: 33px 0 0;
    display: flex;
    gap: 10px;
}

.card__master-call a {
    flex: 1;
}

.card__master-call button {
    width: 100%;
    height: 50px;
    border-radius: 6px;
    background: #0595d6;
    border: 0;
    font: 600 20px/30px "Open Sans", sans-serif;
    color: #fff
}

.card__master-call button:hover {
    background: #0359a9
}

.card__master-write {
    margin: 20px 0 0
}

.card__master-write button {
    width: 100%;
    height: 50px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #0595d6;
    font: 600 20px/30px "Open Sans", sans-serif;
    color: #0595d6
}

.card__master-write button:hover {
    border: 1px solid #0359a9;
    background: #0359a9;
    color: #fff
}

.card__master-social {
    margin: 37px 0 0;
    text-align: center
}

.card__master-social li {
    display: inline-block;
    vertical-align: top;
    margin-right: 51px
}

.card__master-social li:last-child {
    margin-right: 0
}

.card__content {
    width: -webkit-calc(100% - 402px);
    width: calc(100% - 402px);
    display: inline-block;
    vertical-align: top;
    margin: 38px 0 0 32px
}

.card__title.service__name p {
    font: 700 32px/36px "Open Sans", sans-serif;
    color: #000
}

.card__title h1 {
    font: 700 32px/36px "Open Sans", sans-serif;
    color: #000
}

.card__title h2 {
    font: 700 32px/36px "Open Sans", sans-serif;
    color: #000
}

.card__edit {

    width: 100%;
    margin-bottom: 20px
}


.card__info {
    display: table-cell;
    vertical-align: middle
}

.card__desc {
    margin: 13px 0 0
}

.card__desc p {
    font: 20px/30px "Open Sans", sans-serif;
    color: grey
}

.card__brief {
    margin: 15px 0 0
}

.card__brief p {
    font: 20px/30px "Open Sans", sans-serif;
    color: #000
}

.album-service {
    display: none;
    clear: both
}

.album-service.active {
    display: block
}

.card__gallery {
    margin: 43px 0 0;

}

.edit .album-service {
    display: block !important
}

.card__gallery-category {
    width: 253px;
    height: 180px;
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    margin-bottom: 4px;
    border-radius: 6px;
    position: relative
}

.card__gallery-category:nth-child(3n) {
    margin-right: 0
}

.card__gallery-main {
    cursor: pointer
}

.card__gallery-main img {
    width: 100%;
    border-radius: 6px;
    object-fit: cover
}

.card__gallery-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .5)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%);
    padding: 17px 30px 0 20px;
    border-radius: 6px;
    display: none;
    cursor: pointer
}

.card__gallery-desc.main span {
    font: 600 15px / 20px "Open Sans", sans-serif;
    color: #fff;
}

.card__gallery-desc.main h2 {
    font: 600 15px / 20px "Open Sans", sans-serif;
    color: #fff;
}

.card__gallery-desc.main .card__gallery-title p {
    display: none;
}

.card__gallery-title {
    padding-right: 35px
}

.card__gallery-title p {
    font: 600 15px/20px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-bottom {
    position: absolute;
    bottom: 19px;
    left: 0;
    width: 100%;
    padding: 0 19px 0 20px
}

.card__gallery-price {
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0
}

.card__gallery-price p {
    font: 600 18px/20px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-price.small p {
    font-size: 15px;
}

.card__gallery-count {
    float: right;
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 32px;
    background: url(../images/count-icon.svg) no-repeat 0 0;
    padding: 4px 0 0
}

.card__gallery-count p {
    width: 30px;
    text-align: center;
    font: 700 16px/20px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-category .card__gallery-desc {
    display: block
}

.card__services {
    margin: 54px 0 0
}

.card__services-main-item {
    padding: 8px 0 15px;
    border-bottom: 1px solid #e4e4e4;

}

.card__services-main-item:last-child {
    margin-bottom: 0
}

.card__services-main-item .card__gallery {
    margin: 15px 0 0
}

.card__services-item {

    display: table
}

.card__services-name {
    width: 370px;
    display: table-cell;
    vertical-align: middle
}

.card__services-name p {
    font: 14px/18px "Open Sans", sans-serif;
    color: #000
}

.card__services-time {
    width: 145px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

.card__services-time p {
    font: 14px/18px "Open Sans", sans-serif;
    color: #000
}

.card__services-price {
    width: 150px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 24px
}

.card__services-price p {
    font: 14px/18px "Open Sans", sans-serif;
    color: #000
}

.card__services-btn {
    display: table-cell;
    vertical-align: middle
}

.card__services-btn button {
    width: 110px;
    height: 25px;
    border-radius: 15px;
    border: 1px solid #0595d6;
    font: 14px/20px "Open Sans", sans-serif;
    color: #0595d6;
    background: #fff
}

.card__services-btn button:hover {
    background: #0595d6;
    color: #fff
}

section#map {
    margin: 57px 0 0
}

.card__map-address {
    padding: 12px 16px;
    background-color: #f5f5f5;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    font-family: "Open Sans", sans-serif;
}

.card__map {
    margin: 17px 0 0
}

.card__map iframe {
    width: 100%;
    height: 300px
}

.card__rate {
    margin: 42px 0 0
}

#prod.card__rate {
    margin: 70px 0 0
}

.card__rate-title h3, .card__rate-title p {
    font: 700 24px/58px "Open Sans", sans-serif;
    color: #000
}

.card__rate-content {
    margin: 38px 0 0
}

.card__rate-item {
    width: 251px;
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    border-radius: 12px;
    background: #fff;
    -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    padding: 26px 14px 31px;
    position: relative;
    border: 2px solid #fff;
}

.card__rate-item.your {
    border: 2px solid #FF00BF
}


.cloudlet {
    position: absolute;
    top: -75px;
    width: 142px;
    left: 0;
    background: url(../images/baton1.png) no-repeat center;
    padding: 37px 5px 43px;
    text-align: center
}

.card__rate-item:nth-child(2) .cloudlet {
    background: url(../images/baton2.png) no-repeat center;
    padding: 31px 5px;
    top: -85px;
}

.cloudlet p {
    transform: rotate(-31deg);
    font: 600 13px/120% "Open Sans", sans-serif;
    color: #fff;
}

.card__rate-item:last-child {
    margin-right: 0
}

.card__rate-icon {
    position: absolute;
    top: -14px;
    right: 19px;
    width: 70px;
    height: 70px;
    border-radius: 12px;
    display: table;
    background: -webkit-linear-gradient(315deg, #7ce4fb 0, #8286ec 100%);
    background: linear-gradient(135deg, #7ce4fb 0, #8286ec 100%)
}

.card__rate-icon p {
    display: table-cell;
    vertical-align: middle
}

.card__rate-icon p img {
    margin: 0 auto
}

.card__rate-item:nth-child(2) .card__rate-icon {
    background: -webkit-linear-gradient(315deg, #f9c7e8 0, #d185e5 100%), -webkit-linear-gradient(315deg, #7ce4fb 0, #8286ec 100%);
    background: linear-gradient(135deg, #f9c7e8 0, #d185e5 100%), linear-gradient(135deg, #7ce4fb 0, #8286ec 100%)
}

.card__rate-item:nth-child(3) .card__rate-icon {
    background: -webkit-linear-gradient(315deg, #efdc34 0, #51d34f 100%);
    background: linear-gradient(135deg, #efdc34 0, #51d34f 100%)
}

.card__rate-name p {
    font: 700 20px/30px "Open Sans", sans-serif;
    color: #000
}

.card__rate-list {
    margin: 26px 0 0;

}

.card__rate-list li {
    font: 14px/16px "Open Sans", sans-serif;
    color: #000;
    position: relative;
    padding: 0 0 0 21px;
    margin-bottom: 15px
}

.card__rate-list li:last-child {
    margin-bottom: 0
}

.card__rate-list li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 9px;
    width: 3px;
    height: 4px;
    border-radius: 50%;
    background: #000
}

.card__rate-price {
    margin: 26px 0 0;
    text-align: center
}

.card__rate-price p {
    font: 700 20px/30px "Open Sans", sans-serif;
    color: #000
}

.card__rate-btn {
    margin: 27px 0 0;
    text-align: center
}

.card__rate-btn a {
    width: 136px;
    height: 46px;
    border-radius: 6px;
    background: #0595d6;
    border: 0;
    font: 16px/20px "Open Sans", sans-serif;
    color: #fff;
    padding: 14px 30px
}

.card__rate-btn a:hover {
    background: #0359a9
}

.card__about {
    margin: 62px 0 0
}


.card__about-title h3 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.card__about-title h1 {
    font: 700 32px/36px "Open Sans", sans-serif;
    color: #000
}

.card__about-title h2 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.card__about-desc {
    margin: 30px 0 0;
    font: 16px/26px "Open Sans", sans-serif;
    color: #000;
}

.card__about-desc p {
    font: 16px/26px "Open Sans", sans-serif;
    color: #000;
    margin-bottom: 5px
}

.card__about-desc p:last-child {
    margin-bottom: 0
}

.card__about-ed {
    margin: 62px 0 0
}

.card__about-ed__title {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px
}

.card__about-ed__title h3 {
    font: 20px/30px "Open Sans", sans-serif;
    color: grey
}

.card__about-ed__title h4 {
    font: 20px/30px "Open Sans", sans-serif;
    color: grey
}

.card__about-ed__list {
    margin: 20px 0 0
}

.card__about-ed__list li {
    font: 14px/16px "Open Sans", sans-serif;
    color: #000;
    position: relative;
    padding: 0 0 0 21px;
    margin-bottom: 15px
}

.card__about-ed__list li a {
    background: url(../images/pdf.png) no-repeat 0 center;
    color: #0091fb;
    padding: 0 0 0 22px
}

.card__about-ed__list li:last-child {
    margin-bottom: 0
}

.card__about-ed__list li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 9px;
    width: 3px;
    height: 4px;
    border-radius: 50%;
    background: #000
}

.card__about-exp {
    margin: 50px 0 0
}

.card__about-exp__title {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px
}

.card__about-exp__title h3 {
    font: 20px/30px "Open Sans", sans-serif;
    color: grey
}

.card__about-exp__title h4 {
    font: 20px/30px "Open Sans", sans-serif;
    color: grey
}

.card__about-exp__list {
    margin: 20px 0 0
}

.card__about-exp__list li {
    font: 14px/16px "Open Sans", sans-serif;
    color: #000;
    position: relative;
    padding: 0 0 0 21px;
    margin-bottom: 15px
}

.card__about-exp__list li span {
    color: grey
}

.card__about-exp__list li:last-child {
    margin-bottom: 0
}

.card__about-exp__list li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 9px;
    width: 3px;
    height: 4px;
    border-radius: 50%;
    background: #000
}

.card__about-sert {
    margin: 50px 0 0
}

.card__about-sert__title {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px
}

.card__about-sert__title h3 {
    font: 20px/30px "Open Sans", sans-serif;
    color: grey
}

.card__about-sert__title h4 {
    font: 20px/30px "Open Sans", sans-serif;
    color: grey
}

.card__about-sert__slider {
    margin: 35px 44px 0
}


.card__about-sert__img {
    width: 150px;
    height: 150px;
    border-radius: 12px;
    border: 1px solid #e4e4e4;
    display: table;
    position: relative;
}

.card__about-sert__img p {
    display: table-cell;
    vertical-align: middle
}

.card__about-sert__img p img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    cursor: pointer
}

.card__about-feed {
    margin: 50px 0 0
}

.card__about-feed__top {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px
}

.card__about-feed__title {
    display: inline-block;
    vertical-align: top
}

.card__about-feed__title h4 {
    font: 20px/30px "Open Sans", sans-serif;
    color: grey
}

.card__about-feed__wr {
    float: right;
    display: inline-block;
    vertical-align: top;
    margin: 3px 0 0 0;
    background: url(../images/more-icon.svg) no-repeat right center;
    padding-right: 24px
}

.card__about-feed__wr a {
    font: 16px/22px "Open Sans", sans-serif;
    color: #0091fb;
    text-decoration: none
}

.card__about-feed__wr:hover {
    background: url(../images/more-icon-hover.svg) no-repeat right center
}

.card__about-feed__wr:hover a {
    color: #0359a9
}

.card__about-feed__content {
    margin: 18px 0 0
}

.card__about-feed__type li {
    display: inline-block;
    vertical-align: top;
    padding: 7px 20px;
    border-radius: 17px;
    border: 1px solid #0595d6;
    font: 14px/17px "Open Sans", sans-serif;
    color: #0595d6;
    margin-right: 20px;
    cursor: pointer
}

.card__about-feed__type li:last-child {
    margin-right: 0
}

.card__about-feed__type li:hover {
    background: #0595d6;
    color: #fff
}

.card__about-feed__type li.active {
    background: #0595d6;
    color: #fff
}

.card__about-feed__tab {
    margin: 19px 0 0;
    display: none
}

.card__about-feed__tab.active {
    display: block
}

.card__about-feed__item {
    padding: 20px 0 18px;
    border-bottom: 1px solid #f5f5f5
}

.card__about-feed__about {
    width: 109px;
    display: inline-block;
    vertical-align: top
}

.card__about-feed__name p {
    font: 600 14px/18px "Open Sans", sans-serif;
    color: #000
}

.card__about-feed__data {
    margin: 1px 0 0
}

.card__about-feed__data p {
    font: 300 14px/24px "Open Sans", sans-serif;
    color: grey
}

.card__about-feed__review {
    width: 442px;
    display: inline-block;
    vertical-align: top;
    margin: 3px 0 0 49px
}

.card__about-feed__desc p {
    font: 300 14px/20px "Open Sans", sans-serif;
    color: #000
}

.card__about-feed__img {
    margin: 18px 0 0
}

.card__about-feed__img li {
    display: inline-block;
    vertical-align: top;
    width: 56px;
    height: 56px;
    margin-right: 10px
}

.card__about-feed__img li img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #e4e4e4
}

.card__about-feed__img li:last-child {
    margin-right: 0
}

.card__about-feed__star {
    float: right;
    margin: 4px 0 0
}

.card__about-feed__star li {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px
}

.card__about-feed__star li:last-child {
    margin-right: 0
}

.card__about-feed__more {
    margin: 44px 0 0
}

.card__about-feed__more button {
    width: 204px;
    height: 46px;
    display: block;
    margin: 0 auto;
    border: 1px solid #0595d6;
    border-radius: 6px;
    font: 16px/22px "Open Sans", sans-serif;
    color: #0091fb;
    background: #fff;
    cursor: pointer
}

.card__about-feed__more button:hover {
    background: #0595d6;
    color: #fff
}


.card__about-avatar__edit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    border-radius: 12px;
    text-align: center;
    padding: 40px 0 0;
    border-radius: 50%;
    display: none
}


.card__master-photo:hover .card__about-avatar__edit {
    display: block
}

.card__about-avatar__desc {
    margin-top: 10px;
    position: relative;
    z-index: 2
}

.card__about-avatar__desc p {
    width: 108px;
    height: 30px;
    border: 0;
    background: 0 0;
    font: 600 14px / 30px "Open Sans", sans-serif;
    color: #fff;
    cursor: pointer;
    margin: 0 auto
}


.card__about-avatar__desc p:hover {
    border-radius: 6px;
    background: rgba(0, 0, 0, .5);
}


.card__gallery-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 3;
    display: none
}

.card__gallery-popup.active {
    display: block
}

.card__gallery-popup__close {
    position: absolute;
    top: 16px;
    right: 24px;
    width: 48px;
    height: 48px;
    background: url(../images/close-white.png) no-repeat center;
    cursor: pointer
}

.card__gallery-popup__body {
    width: 1170px;
    margin: 0 auto;
    padding: 56px 0 0
}

.card__gallery-popup__title h3 {
    font: 600 20px/24px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-popup__title h3 span {
    display: block;
    font: 600 24px/24px "Open Sans", sans-serif
}

.card__gallery-popup__slider {
    margin: 20px 0 0
}

.card__gallery-sliderfor {
    width: -webkit-calc(100% - 213px);
    width: calc(100% - 213px);
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid grey;
    padding-right: 46px
}

.card__gallery-sliderfor__img {
    position: relative
}

.card__gallery-sliderfor__img img {
    width: 100%;

}

.card__gallery-sliderfor__desc {
    margin: 21px 0 0
}

.card__gallery-sliderfor__desc p {
    font: 16px/24px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-slidernav {
    width: 174px;
    display: inline-block;
    vertical-align: top;
    margin-left: 39px
}

.card__gallery-slidernav__img {
    padding: 7px;
    border: 2px solid transparent;
    border-radius: 10px
}

.card__gallery-slidernav__img img {
    width: 100%;
    border-radius: 6px
}

.slick-current .card__gallery-slidernav__img {
    border: 2px solid #0595d6
}

.breadcrumbs {
    width: 1170px;
    margin: 23px auto 0
}

.breadcrumbs li {
    display: inline-block;
    vertical-align: top;
    font: 12px/100% "Open Sans", sans-serif;
    color: #cdcdcd;
    padding-right: 9px;
    position: relative
}

.breadcrumbs li a {
    color: #000
}

.breadcrumbs li:last-child {
    padding-right: 0
}

.breadcrumbs li:after {
    content: "/";
    position: relative;
    left: 3px
}

.breadcrumbs li:last-child:after {
    display: none
}

.about {
    width: 1170px;
    margin: 20px auto 0
}

.about__title h1, .help__body h1 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.about__title h2, .help__body h2 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.about__body, .help__body {
    margin: 8px 0 0
}

.about__body img, .help__body img {
    width: 100%;
    border-radius: 12px;
}

.about__body p, .help__body p {
    font: 16px / 24px "Open Sans", sans-serif;
    color: #000;
    margin-bottom: 5px;
}

.about__body ul, .help__body ul {
    font: 16px / 24px "Open Sans", sans-serif;
    color: #000;
    margin-bottom: 10px;
    margin-left: 35px;
    list-style-type: none;
}

.about__body ul li:before, .help__body ul li:before {
    content: '—';
    margin-left: -22px;
}

.about__body b, .help__body b {
    font-weight: bold;
}

.about__body h2, .help__body h2 {
    margin: 22px 0 10px;
    font: 600 20px / 24px "Open Sans", sans-serif;
    color: #000;
}

.about__body a, .help__body a {
    color: #0595d6
}

.about__img {
    float: right;
    margin: 5px 0 0;
    padding-left: 30px;
    width: -webkit-calc(100% - 600px);
    width: calc(100% - 600px)
}

.about__img img {
    width: 100%;
    border-radius: 12px
}

.help__button {
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #0595d6;
    text-align: center;
    border-radius: 50%;
    color: #0595d6;
    font-size: 0.8em;
    font-weight: bold;
    cursor: help;
    font: 13px / 25px "Open Sans", sans-serif;
}

.tippy-content span {
    width: 100%;
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid #E5E7EB;
}

.tippy-content {
    text-align: left;
    font: 15px / 21px "Open Sans", sans-serif;
    padding: 15px;
}

.tippy-content img {
    width: 100%;
    padding-top: 15px;
}

.tippy-box {
    border-radius: 10px;
}

.about__desc {

}

.about__desc p {
    font: 16px/24px "Open Sans", sans-serif;
    coloe: #000;
    margin-bottom: 15px
}

.about__desc p:last-child {
    margin-bottom: 0
}

.clear {
    clear: both
}

.statistics {
    background: #f5f5f5;
    margin: 88px 0 0
}

.statistics__body {
    width: 1170px;
    margin: 0 auto;
    padding: 95px 0
}

.statistics__application {
    width: 368px;
    height: 140px;
    display: inline-table;
    vertical-align: top;
    background: url(../images/application-icon.svg) no-repeat right 19px top 20px/90px, -webkit-linear-gradient(333.66deg, #f9c7e8 0, #d185e5 100%);
    background: url(../images/application-icon.svg) no-repeat right 19px top 20px/90px, linear-gradient(116.34deg, #f9c7e8 0, #d185e5 100%);
    border-radius: 12px;
    padding: 24px 121px 0 45px;
    -webkit-filter: drop-shadow(6px 6px 20px rgba(0, 0, 0, .12));
    filter: drop-shadow(6px 6px 20px rgba(0, 0, 0, .12))
}

.statistics__application p {
    font: 15px/20px "Open Sans", sans-serif;
    color: #fff
}

.statistics__application p span {
    display: block;
    font: 700 48px/65px "Open Sans", sans-serif;
    margin-bottom: -6px
}

.statistics__company {
    width: 368px;
    height: 140px;
    display: inline-table;
    vertical-align: top;
    background: url(../images/company-icon.svg) no-repeat right 22px top 17px, -webkit-linear-gradient(333.66deg, #efdc34 0, #51d34f 100%);
    background: url(../images/company-icon.svg) no-repeat right 22px top 17px, linear-gradient(116.34deg, #efdc34 0, #51d34f 100%);
    -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
    box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    padding: 24px 121px 0 45px;
    margin-left: 32px
}

.statistics__company p {
    font: 15px/20px "Open Sans", sans-serif;
    color: #fff
}

.statistics__company p span {
    display: block;
    font: 700 48px/65px "Open Sans", sans-serif;
    margin-bottom: -6px
}

.statistics__professional {
    width: 368px;
    height: 140px;
    display: inline-table;
    vertical-align: top;
    background: url(../images/professional-icon.svg) no-repeat right 17px top 24px, -webkit-linear-gradient(333.66deg, #7ce4fb 0, #8286ec 100%);
    background: url(../images/professional-icon.svg) no-repeat right 17px top 24px, linear-gradient(116.34deg, #7ce4fb 0, #8286ec 100%);
    -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
    box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
    border-radius: 12px;
    padding: 24px 121px 0 45px;
    margin-left: 32px
}

.statistics__professional p {
    font: 15px/20px "Open Sans", sans-serif;
    color: #fff
}

.statistics__professional p span {
    display: block;
    font: 700 48px/65px "Open Sans", sans-serif;
    margin-bottom: -6px
}

.contactinfo {
    width: 1170px;
    margin: 67px auto 91px
}

.contactinfo__left {
    width: 569px;
    display: inline-block;
    vertical-align: top
}

.contactinfo__left-title {
    margin-bottom: 33px
}

.contactinfo__left-title h2 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.contactinfo__left-desc {
    margin-bottom: 15px
}

.contactinfo__left-desc h3 {
    font: 600 16px/22px "Open Sans", sans-serif;
    color: #000
}

.contactinfo__left-desc p {
    font: 16px/22px "Open Sans", sans-serif;
    color: #000;
    margin-top: 15px
}

.contactinfo__left-desc:last-child {
    margin-bottom: 0
}

.contactinfo__right {
    width: -webkit-calc(100% - 600px);
    width: calc(100% - 600px);
    display: inline-block;
    vertical-align: top;
    margin: 18px 0 0 30px;
    background: #e7f4fe;
    border-radius: 12px;
    padding: 51px 72px 71px;
    text-align: center
}

.contactinfo__right-title h2 {
    font: 700 32px/34px "Open Sans", sans-serif;
    color: #000
}

.contactinfo__right-desc {
    margin-top: 35px
}

.contactinfo__right-desc p {
    font: 20px/34px "Open Sans", sans-serif;
    color: #000
}

.contactinfo__right-desc p span {
    display: block
}

.contactinfo__right-btn {
    margin: 51px 0 0
}

.contactinfo__right-btn button {
    width: 202px;
    height: 46px;
    background: #0595d6;
    border-radius: 6px;
    border: 0;
    font: 16px/100% "Open Sans", sans-serif;
    color: #fff
}

.help {
    width: 1170px;
    margin: -3px auto 0
}

.help__body {
    width: -webkit-calc(100% - 500px);
    width: calc(100% - 500px);
    display: inline-block;
    vertical-align: top
}

.help__title h1 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000;
    margin-top: 20px;
}

.help__title {
    margin-bottom: 26px
}

.help__title h2 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.help__desc p {
    font: 16px/24px "Open Sans", sans-serif;
    color: #000;
    margin-top: 16px
}

.help__desc p span {
    font: 14px/22px "Open Sans", sans-serif;
    color: grey
}

.help__subtitle {
    margin: 52px 0 0
}

.help__subtitle h3 {
    font: 600 20px/24px "Open Sans", sans-serif;
    color: #000
}

.help__img {
    margin: 52px 0 0
}

.help__img img {
    width: 100%;
    border-radius: 12px
}

.faq {
    margin-top: 72px
}

.help__faq li {
    border-radius: 12px;
    background: #fff;
    -webkit-box-shadow: 6px 6px 30px 0 rgba(0, 0, 0, .12);
    box-shadow: 6px 6px 30px 0 rgba(0, 0, 0, .12);
    margin-bottom: 20px
}

.help__faq li:last-child {
    margin-bottom: 0
}

.help__title-question {
    padding: 14px 76px 12px 26px;
    background: url(../images/faq-close.svg) no-repeat right 28px center;
    cursor: pointer
}

.help__title-question p {
    font: 600 20px/24px "Open Sans", sans-serif;
    color: #0595d6
}

.help__title-question.active {
    background: url(../images/faq-open.svg) no-repeat right 28px center
}

.help__title-answer {
    display: none;
    padding: 31px 76px 44px 26px;
    border-top: 1px solid #cdcdcd
}

.help__title-answer p {
    font: 16px/24px "Open Sans", sans-serif;
    color: #000
}

.help__title-answer.active {
    display: block
}

.help__menu {
    width: 300px;
    display: inline-block;
    vertival-align: top;
    margin: 63px 0 0 200px;
    border-radius: 12px;
    background: #f5f5f5;
    padding: 33px 12px 44px 30px
}

.help__menu-title h3 {
    font: 600 20px/24px "Open Sans", sans-serif;
    colopr: #000
}

.help__menu-list {
    margin: 16px 0 0
}

.help__menu-list li {
    margin-bottom: 15px
}

.help__menu-list li a {
    font: 16px/24px "Open Sans", sans-serif;
    color: #0595d6;
    text-decoration: underline
}

.help__menu-list li a:hover {
    text-decoration: none
}

.help__menu-list li:last-child {
    margin-bottom: 0
}

.question {
    width: 1170px;
    margin: 102px auto 104px;
    border-radius: 12px;
    background: url(../images/question-icon.png) no-repeat right 16px top 11px, -webkit-linear-gradient(334deg, #7ce4fb 0, #8286ec 100%);
    background: url(../images/question-icon.png) no-repeat right 16px top 11px, linear-gradient(116deg, #7ce4fb 0, #8286ec 100%);
    -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .12);
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .12);
    display: table;
    padding: 47px 0 33px 83px
}

.question__title {
    width: 330px;
    display: table-cell;
    vertical-align: middle
}

.question__title h2 {
    font: 700 40px/55px "Open Sans", sans-serif;
    color: #fff
}

.question__form {
    padding-left: 116px;
    display: table-cell;
    vertical-align: middle
}

.question__form .form-group {
    width: 202px;
    display: inline-block;
    vertical-align: top;
    margin: 0 50px 36px 0
}

.question__form .form-group input {
    width: 100%;
    height: 20px;
    border: 0;
    border-bottom: 1px solid #fff;
    font: 15px/20px "Open Sans", sans-serif;
    color: #fff;
    background: 0 0
}

.question__form .form-group input:-moz-placeholder,
.question__form .form-group input:-ms-input-placeholder,
.question__form .form-group input::-moz-placeholder,
.question__form .form-group input::-webkit-input-placeholder {
    color: #fff
}

.form-group .ql-editor.ql-blank::before {
    color: #999
}

.modal-custom--pabout .ql-container {
    height: 300px;
}

.question__form .form-group .control-label {
    font: 15px/20px "Open Sans", sans-serif;
    color: #fff;
    margin: -3px 0 0;
    display: block
}

.question__form .form-group textarea {
    width: 100%;
    height: 80px;
    border: 1px solid #fff;
    border-radius: 12px;
    resize: none;
    background: 0 0;
    margin: 3px 0 0
}

.question__form .form-group:nth-child(2n) {
    mmargin-right: 0
}

.question__form .form-group:nth-last-child(2),
.question__form last-child {
    margin-bottom: 0
}

.question__form .penter__btn {
    margin: -85px 0 0;
    width: 202px
}

.question__form .penter__btn button {
    width: 100%;
    height: 46px;
    border-radius: 6px;
    border: 1px solid #fff;
    background: #0595d6;
    font: 16px/100% "Open Sans", sans-serif;
    color: #fff
}

.question__form .form-group__desc {
    margin: -40px 0 0 3px;
    display: table
}

.question__form .form-group__desc p {
    font: 12px/15px "Open Sans", sans-serif;
    color: #fff
}

.question__form .form-group__desc a {
    color: #fff;
    text-decoration: underline;
    display: block
}

.question__form .form-group__desc a:hover {
    text-decoration: none
}

.contacts {
    width: 1170px;
    margin: -3px auto 0
}

.contacts__title h2 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.contacts__title h1 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000;
    margin-top: 20px;
}

.contacts__body {
    margin: 58px 0 0
}

.contacts__info {
    width: 370px;
    display: inline-block;
    vertical-align: top
}

.contacts__info-phone {
    margin-bottom: 29px
}

.contacts__info-phone p {
    font: 600 24px/33px "Open Sans", sans-serif;
    color: #000
}

.contacts__item {
    margin-bottom: 24px;
    padding-left: 28px
}

.contacts__item p {
    font: 16px/24px "Open Sans", sans-serif;
    color: #000
}

.contacts__item p span {
    display: block
}

.contacts__item.geo {
    background: url(../images/contact-icon1.png) no-repeat left 5px
}

.contacts__item.mail {
    background: url(../images/contact-icon2.png) no-repeat left 5px
}

.contacts__item.time {
    background: url(../images/contact-icon3.png) no-repeat left 5px
}

.contacts__item:last-child {
    margin-bottom: 0
}

.contacts__map {
    width: -webkit-calc(100% - 400px);
    width: calc(100% - 400px);
    display: inline-block;
    vertical-align: top;
    margin-left: 30px
}

.contacts__map iframe {
    width: 100%;
    height: 322px
}

.contacts__form {
    margin: 113px 0 161px
}

.contacts__form-title h2 {
    font: 700 32px/38px "Open Sans", sans-serif;
    color: #000
}

.contacts__form-body {
    margin: 52px 0 0
}

.contacts__form-left {
    width: 270px;
    display: inline-block;
    vertical-align: top
}

.contacts__form-left input {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #fff;
    text-indent: 24px;
    font: 15px/22px "Open Sans", sans-serif;
    color: grey
}

.contacts__form-left input::-webkit-input-placeholder {
    color: grey
}

.contacts__form-left input::-moz-placeholder {
    color: grey
}

.contacts__form-left input:-moz-placeholder {
    color: grey
}

.contacts__form-left input:-ms-input-placeholder {
    color: grey
}

.contacts__form-left .form-group {
    margin-bottom: 20px
}

.contacts__form-left .form-group:last-child {
    margin-bottom: 0
}

.contacts__form-right {
    width: 270px;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px
}

.contacts__form-right textarea {
    width: 100%;
    height: 190px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 14px 0 0 23px;
    font: 15px/22px "Open Sans", sans-serif;
    color: grey;
    resize: none
}

.contacts__form-bottom {
    margin: 37px 0 0
}

.penter__btn {
    display: inline-block;
    vertical-align: top
}

.penter__btn button {
    width: 168px;
    height: 50px;
    border-radius: 4px;
    background: #0595d6;
    border: 0;
    font: 600 16px/32px "Open Sans", sans-serif;
    color: #fff
}

.form-group__desc {
    display: inline-block;
    vertical-align: top;
    margin: 7px 0 0 32px
}

.form-group__desc p {
    font: 14px/19px "Open Sans", sans-serif;
    color: #96999e
}

.form-group__desc a {
    display: block;
    color: #3a3a3a;
    text-decoration: underline
}

.form-group__desc a:hover {
    text-decoration: none
}

.pcart {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    overflow-y: scroll;
    padding-bottom: 84px;
    display: none
}

.pcart.active {
    display: block
}

.pcart__close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.pcart__body {
    width: 1170px;
    margin: 0 auto;
    padding: 35px 0 0
}

.pcart__top {
    display: table;
    width: 100%
}

.pcart__title {
    width: -webkit-calc(100% - 374px);
    width: calc(100% - 374px);
    display: table-cell;
    vertical-align: middle
}

.pcart__title h3 {
    font: 700 32px/40px "Open Sans", sans-serif;
    color: #fff
}

.pcart__info {
    width: 374px;
    display: table-cell;
    vertical-align: middle;
    background: #fff;
    border-radius: 16px;
    padding: 12px 22px
}

.pcart__info-img {
    display: inline-block;
    vertical-align: top
}

.pcart__info-img img {
    width: 62px;
    border-radius: 32px;
    border: 1px solid #cdcdcd
}

.pcart__info-desc {
    width: -webkit-calc(100% - 164px);
    width: calc(100% - 164px);
    display: inline-block;
    vertical-align: top;
    margin-left: 22px
}

.pcart__info-name a {
    font: 14px/17px "Open Sans", sans-serif;
    color: #000
}

.pcart__info-dis {
    margin: 7px 0 0;
    background: url(../images/distance-icon.svg) no-repeat 2px 2px;
    padding-left: 20px
}

.pcart__info-dis p {
    font: 14px/19px "Open Sans", sans-serif;
    color: grey
}

.pcart__info-connection {
    width: 80px;
    display: inline-block;
    vertical-align: top
}

.pcart__info-send {
    width: 24px;
    height: 24px;
    background: url(../images/chat.png) no-repeat center/contain;
    cursor: pointer;
    float: right;
    margin-bottom: 10px;
    margin-top: 5px
}

.pcart__info-map {
    clear: both;
    background: url(../images/map-icon.svg) no-repeat left center;
    padding-left: 20px;
    margin: 2px 0 0
}

.pcart__info-map a {
    font: 14px/19px "Open Sans", sans-serif;
    color: #0595d6;
    text-decoration: none
}

.pcart__info-map a:hover {
    color: #0359a9
}

.pcart__choice {
    margin: 35px 0 0
}

.pcart__choice-border {
    padding: 14px 15px;
    border: 2px solid #000;
    position: relative
}

.pcart__choice-border.click {
    border-color: #0595d6;
    border-radius: 10px
}

.pcart__choice-img {
    height: 180px;
    width: 100%
}

.pcart__choice-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px
}

.pcart__choice-info {
    position: absolute;
    top: 14px;
    left: 15px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    height: -webkit-calc(100% - 28px);
    height: calc(100% - 28px);
    background: rgba(0, 0, 0, .25);
    padding: 20px 16px 0;
    border-radius: 6px
}

.pcart__choice-title p {
    font: 500 15px/20px "Open Sans", sans-serif;
    color: #fff
}

.pcart__choice-bottom {
    position: absolute;
    bottom: 20px;
    left: 16px;
    right: 16px
}

.pcart__choice-price {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px
}

.pcart__choice-price p {
    font: 500 18px/20px "Open Sans", sans-serif;
    color: #fff
}

.pcart__choice-count {
    float: right;
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 32px;
    background: url(../images/count-icon.svg) no-repeat 0 0;
    padding: 4px 0 0
}

.pcart__choice-count p {
    width: 30px;
    text-align: center;
    font: 700 16px/20px "Open Sans", sans-serif;
    color: #fff
}

.pcart__gallery {
    margin: 49px 0 0;
    padding: 36px 0 0;
    border-top: 1px solid grey
}

.pcart__gallery-title h3 {
    font: 32px/32px "Open Sans", sans-serif;
    color: #fff
}

.pcart__gallery-body {
    margin: 20px 0 0
}

.pcart__gallery-left {
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 300px);
    display: inline-block;
    vertical-align: top
}

.pcart__gallery-photo img {
    width: 100%
}

.pcart__gallery-right {
    width: 300px;
    display: inline-block;
    vertical-align: top
}

.pcart__btn {
    margin: 50px 0 0
}

.pcart__btn button {
    width: 254px;
    height: 59px;
    border: 0;
    border-radius: 6px;
    background: #0595d6;
    font: 600 16px/20px "Open Sans", sans-serif;
    color: #fff
}

.pcard__gallery-popup__body {
    width: 1170px;
    margin: 0 auto
}

.pcard__gallery-popup__title h3 {
    font: 600 20px/24px "Open Sans", sans-serif;
    color: #fff
}

.pcard__gallery-popup__title h3 span {
    display: block;
    font: 600 24px/24px "Open Sans", sans-serif
}

.pcard__gallery-popup__slider {
    margin: 22px 0 0
}

.pcard__gallery-sliderfor {
    width: -webkit-calc(100% - 213px);
    width: calc(100% - 213px);
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid grey;
    padding-right: 52px
}

.pcard__gallery-sliderfor__img img {
    width: 100%;
    border-radius: 6px
}

.pcard__gallery-sliderfor__desc {
    padding: 46px 40px 36px 40px;
    background: #fff;
    border-radius: 0 0 6px 6px
}

.pcard__gallery-sliderfor__desc p {
    font: 16px/24px "Open Sans", sans-serif;
    color: #000
}

.pcard__gallery-slidernav {
    width: 174px;
    display: inline-block;
    vertical-align: top;
    margin-left: 39px;
    float: right
}

.pcard__gallery-slidernav__img {
    padding: 7px;
    border: 2px solid transparent;
    border-radius: 10px
}

.pcard__gallery-slidernav__img img {
    width: 100%;
    border-radius: 6px;
    min-height: 70px;
}

.slick-current .pcard__gallery-slidernav__img {
    border: 2px solid #0595d6
}

.footer__info {
    background: #f5f5f5
}

.footer__info-body {
    width: 1170px;
    margin: 0 auto;
    padding: 54px 0 72px
}

.footer__logo {
    display: inline-block;
    vertical-align: top
}

.footer__category {
    width: 305px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 50px
}

.footer__chapter {
    width: 170px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 40px
}

.footer__contact {
    width: 255px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 80px
}

.footer__name {
    margin: 0 0 15px
}

.footer__name h3 {
    font: 600 16px/22px "Open Sans", sans-serif;
    color: #000;
    text-transform: uppercase
}

.footer__list li {
    margin-bottom: 15px
}

.footer__list li a {
    font: 16px/22px "Open Sans", sans-serif;
    color: #000;
    text-decoration: none
}

.footer__list li a:hover {
    border-bottom: 1px dashed #000
}

.footer__list li:last-child {
    margin-bottom: 0
}

.footer__adress,
.footer__email,
.footer__phone {
    margin-bottom: 15px
}

.footer__adress p,
.footer__email p,
.footer__phone p,
.footer__work p {
    font: 16px/22px "Open Sans", sans-serif;
    color: #000
}

.footer__bottom {
    background: #d9d9d9
}

.footer__bottom-body {
    width: 1170px;
    margin: 0 auto;
    padding: 24px 0 24px
}

.footer__copy {
    display: inline-block
}

.footer__copy p {
    font: 15px/20px "Open Sans", sans-serif;
    color: #000
}

.footer__link {
    float: right;
    display: inline-block
}

.footer__link a {
    font: 15px/20px "Open Sans", sans-serif;
    color: #000;
    text-decoration: none
}

.footer__link a:hover {
    border-bottom: 1px dashed #000
}

.blackout {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}

.blackout.active {
    display: block;
}

.penter {
    position: absolute;
    top: 59px;
    left: 0;
    right: 0;
    width: 570px;
    margin: 0 auto;
    background: #fff;
    border-radius: 6px;
    z-index: 9999;
    padding: 52px 100px 57px;
    display: none
}

.penter.active {
    display: block
}

.penter__close {
    position: absolute;
    top: 24px;
    right: 25px;
    width: 21px;
    height: 21px;
    background: url(../images/close.svg) no-repeat center;
    cursor: pointer
}

.penter__title {
    text-align: center
}

.penter__title h2, .penter__title p {
    font: 700 32px/44px "Open Sans", sans-serif;
    color: #0359a9
}

.penter__form {
    margin: 25px 0 0
}

.penter__form .form-group {
    margin-bottom: 22px
}

.penter__form .form-group label {
    font: 700 16px/22px "Open Sans", sans-serif;
    color: #000
}

.penter__form .form-group label sup {
    font: 16px/22px "Open Sans", sans-serif;
    color: #ed1e79
}

.penter__form .form-group input {
    width: 100%;
    height: 50px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    text-indent: 23px;
    font: 16px/22px "Open Sans", sans-serif;
    color: #000
}

.penter__form .form-login {
    margin-top: 5px
}

.penter__form .form-forgot {
    margin: 5px 0 0
}

.penter__form .form-forgot p {
    font: 16px/22px "Open Sans", sans-serif;
    color: #0595d6;
    cursor: pointer
}

.penter__form .form-forgot p:hover {
    color: #0359a9
}

.penter__form .penter__btn {
    display: table
}

.penter__form .form-group__btn {
    display: table-cell;
    vertical-align: middle
}

.penter__form .form-group__btn button {
    width: 136px;
    height: 46px;
    background: #0595d6;
    border: 1px solid #0595d6;
    border-radius: 6px;
    font: 600 16px/22px "Open Sans", sans-serif;
    color: #fff;
    cursor: pointer
}

.penter__form .form-group__btn button:hover {
    background: #0359a9;
    border-radius: 6px
}

.penter__form .form-group__create {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px
}

.penter__form .form-group__create a {
    font: 16px/22px "Open Sans", sans-serif;
    color: #0595d6
}

.penter__form .form-group__create a:hover {
    color: #0359a9
}

.penter__other {
    margin: 32px 0 0;
    border-top: 1px solid #cdcdcd;
    padding: 20px 0 0;
    /*display: none*/
}

.capcha-block {
    /*display: none*/
}

.penter__other-title p {
    font: 16px/22px "Open Sans", sans-serif;
    color: grey
}

.penter__other-list {
    margin: 11px 0 0
}

.penter__other-item, .auth-link {
    display: inline-block;
    vertical-align: top;
    margin-right: 52px
}

.auth-link .auth-icon.yandex {
    background-image: url('../images/yandex-icon.png');
    background-position: 0 0;
}

.auth-link .auth-icon.vkontakte {
    background-image: url('../images/vk-icon.svg');
    background-position: 0 0;
}

.auth-link .auth-icon.google {
    background-image: url('../images/google-icon.svg');
    background-position: 0 0;
}

.penter__other-item:last-child {
    margin-right: 0
}

.choose-town {
    position: absolute;
    top: 99px;
    left: 0;
    right: 0;
    width: 772px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
    box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
    border-radius: 6px;
    z-index: 11;
    padding: 44px 90px 61px;
    display: none
}

.choose-town.active {
    display: block
}

.choose-town__close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 21px;
    height: 21px;
    background: url(../images/close.svg) no-repeat center;
    cursor: pointer
}

.choose-town__title {
    padding-left: 12px
}

.choose-town__title h2 {
    font: 700 32px/44px "Open Sans", sans-serif;
    color: #0359a9
}

.choose-town__list {
    margin: 28px 0 0
}

.choose-town__list ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-width: 182px;
    -moz-column-width: 182px;
    column-width: 182px
}

.choose-town__list li {
    border-radius: 6px;
    padding: 10px 0 10px 12px;
    font: 16px/20px "Open Sans", sans-serif;
    color: #000;
    cursor: pointer
}

.choose-town__list li:hover {
    background: #f5f5f5
}

.choose-town__form {
    margin: 33px 10px 0 12px;
    border: 1px solid #cdcdcd;
    border-radius: 6px
}

.choose-town__form .form-group.input {
    width: -webkit-calc(100% - 72px);
    width: calc(100% - 72px);
    display: inline-block;
    vertical-align: top
}

.choose-town__form .form-group.input input {
    width: 100%;
    height: 48px;
    padding-left: 43px;
    font: 16px/22px "Open Sans", sans-serif;
    color: grey;
    border: 0;
    background: 0 0
}

.choose-town__form .form-group.btn {
    display: inline-block;
    vertical-align: top;
    margin-left: 23px
}

.choose-town__form button {
    width: 26px;
    height: 48px;
    display: inline-block;
    vertical-align: top;
    border: 0;
    background: url(../images/search-town.svg) no-repeat center
}

.choose-town__form button:hover {
    background: url(../images/search-town-hover.svg) no-repeat center
}

.pservice {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: -350px auto 0;
    width: 1040px;
    z-index: 11;
    background: #fff;
    border-radius: 6px;
    padding: 49px 87px 101px;
    display: none
}

.pservice.active {
    display: block
}

.pservice__close {
    position: absolute;
    top: 25px;
    right: 22px
}

.pservice__title h2 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.pservice__desc {
    background: #f5f5f5;
    padding: 21px 0 21px 25px;
    border-radius: 6px;
    margin: 6px 0 0
}

.pservice__desc p {
    font: 14px/18px "Open Sans", sans-serif;
    color: grey;
    font-style: italic
}

.pservice__sign {
    margin: 64px 0 0
}

.pservice__calendar {
    background: #fff;
    -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    border-radius: 12px;
    width: 407px;
    display: inline-block;
    vertical-align: top
}

.pservice__date {
    width: 407px;
    min-height: 363px;
    display: inline-block;
    vertical-align: top;
    margin-left: 46px;
    background: #fff;
    -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    border-radius: 12px;
    padding: 28px 34px 0
}

.pservice__date-name {
    text-align: center
}

.pservice__date-name p {
    font: 600 16px/34px "Open Sans", sans-serif;
    color: #000
}

.pservice__date-name p span {
    display: block;
    color: #0595d6
}

.pservice__date-time {
    margin: 29px 0 0
}

.pservice__date-time li {
    width: 77px;
    height: 40px;
    background: #e7f7fd;
    border-radius: 6px;
    display: inline-table;
    vertical-align: top;
    margin: 0 10px 10px 0;
    text-align: center;
    cursor: pointer
}

.pservice__date-time li p {
    display: table-cell;
    vertical-align: middle;
    font: 16px/24px "Open Sans", sans-serif;
    color: #000
}

.pservice__date-time li:hover {
    background: #0595d6
}

.pservice__date-time li:hover p {
    color: #fff;
    font-weight: 600
}

.pservice__date-time li:nth-child(4n) {
    margin-right: 0
}

.pservice__date-btn {
    margin: 44px 0 0;
    text-align: center
}

.pservice__date-btn button {
    width: 164px;
    height: 46px;
    border: 0;
    background: #0595d6;
    border-radius: 6px;
    font: 16px/24px "Open Sans", sans-serif;
    color: #fff
}

.pservice__date-btn button:hover {
    background: #0359a9
}

.catalog {
    width: 1170px;
    margin: -3px auto 0
}

.catalog__title {
    display: inline-block;
    vertical-align: top
}

.catalog__title h1 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.catalog__type {
    display: inline-block;
    vertical-align: top;
    float: right;
    margin: 6px 0 0
}

.catalog__type li {
    display: inline-block;
    vertical-align: top;
    padding: 3px 20px 1px;
    margin-right: 20px;
    border: 1px solid #0595d6;
    border-radius: 15px;
    cursor: pointer;
    font: 14px/20px "Open Sans", sans-serif;
    color: #000
}

.catalog__type li:hover {
    background: #0595d6;
    color: #fff
}

.catalog__type li.active {
    background: #0595d6;
    color: #fff
}

.catalog__type li:last-child {
    margin-right: 0
}

.catalog__work {
    margin: 4px 0 0;
    display: none
}

.catalog__work.active {
    display: block
}

.catalog__work-near {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px
}

.catalog__work-near p {
    font: 14px/16px "Open Sans", sans-serif;
    color: grey
}

.catalog__work-near p span {
    color: #000
}

.catalog__work-sort {
    display: inline-block;
    vertical-align: top;
    float: right;
    position: relative
}

.catalog__work-sort p {
    font: 14px/20px "Open Sans", sans-serif;
    color: grey;
    background: url(../images/arr-choice.svg) no-repeat center right;
    padding: 0 20px 4px 0
}

.catalog__work-sort p span {
    color: #0595d6;
    cursor: pointer
}

.catalog__work-sort__choice {
    position: absolute;
    z-index: 2;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, .2);
    box-shadow: 6px 6px 20px rgba(0, 0, 0, .2);
    padding: 18px 18px 40px;
    right: 0;
    display: none
}

.catalog__work-sort__choice li {
    width: 205px;
    padding: 10px 0 10px 10px;
    margin-bottom: 5px;
    font: 16px/20px "Open Sans", sans-serif;
    color: #000;
    cursor: pointer
}

.catalog__work-sort__choice li:last-child {
    margin-bottom: 0
}

.catalog__work-sort__choice li:hover {
    background: #f5f5f5;
    border-radius: 6px
}

.catalog__work-sort:hover .catalog__work-sort__choice {
    display: block
}

.catalog__work-body {
    margin: 20px 0 0;
    clear: both
}

.catalog__work-body .near__category-item {
    margin: 0 30px 30px 0
}

.catalog__work-body .near__category-item:nth-child(3n) {
    margin-right: 0
}

.catalog__work-paginator {
    margin: 28px 0 100px
}

.catalog__work-paginator ul {
    display: table;
    text-align: center;
    margin: 0 auto
}

.catalog__work-paginator ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px
}

.catalog__work-paginator ul li p {
    width: 8px;
    height: 8px;
    background: #d9d9d9;
    border-radius: 4px
}

.catalog__work-paginator ul li:first-child {
    padding: 0 50px 0 0
}

.catalog__work-paginator ul li:first-child p {
    background: url(../images/arr-right.svg) no-repeat center;
    width: 8px;
    height: 14px
}

.catalog__work-paginator ul li:last-child {
    padding: 0 0 0 50px
}

.catalog__work-paginator ul li:last-child p {
    background: url(../images/arr-left.svg) no-repeat center;
    width: 8px;
    height: 14px
}

.catalog__service {
    margin: 4px 0 0;
    display: none
}

.catalog__service.active {
    display: block
}

.catalog__service-body {
    margin: 20px 0 0;
    clear: both
}

.catalog__service-body .near__category-item {
    margin: 0 30px 30px 0
}

.catalog__service-body .near__category-item:nth-child(3n) {
    margin-right: 0
}

.catalog__service-paginator {
    margin: 28px 0 100px
}

.catalog__service-paginator ul {
    display: table;
    text-align: center;
    margin: 0 auto
}

.catalog__service-paginator ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px
}

.catalog__service-paginator ul li p {
    width: 8px;
    height: 8px;
    background: #d9d9d9;
    border-radius: 4px
}

.catalog__service-paginator ul li:first-child {
    padding: 0 50px 0 0
}

.catalog__service-paginator ul li:first-child p {
    background: url(../images/arr-right.svg) no-repeat center;
    width: 8px;
    height: 14px
}

.catalog__service-paginator ul li:last-child {
    padding: 0 0 0 50px
}

.catalog__service-paginator ul li:last-child p {
    background: url(../images/arr-left.svg) no-repeat center;
    width: 8px;
    height: 14px
}

.example__edit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    padding: 30px 0 0
}

.example__edit-title h3 {
    font: 600 20px/30px "Open Sans", sans-serif;
    color: #fff
}

.example__edit-desc p {
    font: 16px/30px "Open Sans", sans-serif;
    color: #fff
}

.example__edit-change {
    margin: 20px 0 0
}

.example__edit-change button {
    width: 214px;
    height: 30px;
    border-radius: 6px;
    border: 0;
    background: 0 0;
    font: 600 14px/20px "Open Sans", sans-serif;
    color: #fff;
    cursor: pointer
}

.example__edit-change button:hover {
    background: rgba(0, 0, 0, .5)
}

.example__edit-delete {
    margin: 10px 0 0
}

.example__edit-delete button {
    width: 214px;
    height: 30px;
    border-radius: 6px;
    border: 0;
    background: 0 0;
    font: 600 14px/20px "Open Sans", sans-serif;
    color: #fff;
    cursor: pointer
}

.example__edit-delete button:hover {
    background: rgba(0, 0, 0, .5)
}

.card__master-edit {
    margin: 50px 0 0
}

.card__master-edit__btn {
    margin: 35px 0 0
}

.card__master-edit__btn.addNewAlbum {
    margin: 20px 0 0
}

.main__form-wk-widget {
    width: 78% !important;
    height: 28px !important;
    background: #edeef0 !important;
    padding: 3px 7px;
    text-align: center;
    border-radius: 9px;
}

.card__master-edit__btn a {
    width: 100%;
    height: 50px;
    display: block;
    background: #0595d6;
    border-radius: 6px;
    text-align: center;
    font: 600 20px/50px "Open Sans", sans-serif;
    color: #fff;
    -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1)
}

.card__master-edit__btn a:hover {
    background: #0359a9
}

.card__master-edit__create {
    margin: 20px 0 0;
}

.card__master-edit__create a {
    width: 100%;
    height: 50px;
    display: block;
    background: #fff;
    border: 1px solid #0595d6;
    border-radius: 6px;
    text-align: center;
    font: 600 20px/50px "Open Sans", sans-serif;
    color: #0595d6;
    -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1)
}

.card__master-edit__create a:hover {
    background: #0595d6;
    color: #fff
}

.card__master-edit__create a.copy-success {
    background: #4CAF50 !important;
    border-color: #4CAF50 !important;
    color: #fff !important;
}

.card__master-edit__create a.copy-error {
    background: #f44336 !important;
    border-color: #f44336 !important;
    color: #fff !important;
}

.card__master-edit__link li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.card__master-edit__link li img {
    flex-shrink: 0;
    padding-right: 10px;
    width: 30px;
}

.card__master-edit__link li a {
    font: 16px/20px "Open Sans", sans-serif;
    color: #000;
    border-bottom: 1px dashed #000;
    white-space: nowrap;
}

/* Планшет — меню в строку с переносом */
@media (max-width: 767px) {
    .card__master-edit__link ul {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }
    .card__master-edit__link li {
        margin-bottom: 0;
    }
}

/* Мобилка — снова в столбец */
@media (max-width: 480px) {
    .card__master-edit__link ul {
        display: block;
        gap: 0;
    }
    .card__master-edit__link li {
        margin-bottom: 20px;
    }
}

.card__master-edit__link li:hover img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(95%) saturate(2000%) hue-rotate(210deg) brightness(90%) contrast(90%);
}

.card__master-edit__link li:hover a {
    color: #0359a9;
    border-color: #0359a9
}

.card__master-edit__link li:last-child {
    margin-bottom: 0
}

.card__master-edit__link li.active a {
    color: #0359a9;
    border-bottom: 1px dashed #0359a9
}

.card__master-edit__link li.active img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(95%) saturate(2000%) hue-rotate(210deg) brightness(90%) contrast(90%);
}

.card__master-edit__link li.active img[src*="icon-request"] {
    filter: none;
}

.card__content.edit {
    margin-top: 21px
}

.card__content.edit .card__gallery {
    margin-top: 0
}

.card__content.edit .card__gallery-category:nth-child(3n) {
    margin-right: 4px
}

.card__content.edit .card__gallery .card__gallery-category:nth-child(3n) {
    margin-right: 0
}

.card__note {
    background: #f5f5f5;
    border-radius: 6px;
    padding: 10px 100px 10px 16px;
    margin-bottom: 20px
}

.card__gallery .card__note {
    margin-top: 20px
}

.card__note p {
    font: 14px/18px "Open Sans", sans-serif;
    color: grey;
    font-style: italic
}

.card__note p a {
    color: #0595d6;
    text-decoration: underline
}

.card__note p a:hover {
    text-decoration: none
}

.card__note.service {
    margin-top: 45px
}

.card__note.map {
    margin: 45px 0 20px
}

.card__note--warning {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-left: 4px solid #e85d04;
}

.card__note--warning p {
    color: #856404;
    font-style: normal;
}

.card__gallery-category.edit {
    background: -webkit-gradient(linear, right bottom, left top, from(#0595d6), to(#562db0));
    background: -webkit-linear-gradient(bottom right, #0595d6, #562db0);
    background: linear-gradient(to top left, #0595d6, #562db0);
    text-align: center;
    padding: 27px 20px 0
}

.card__gallery-category.edit:hover {
    background: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(bottom right, rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));
    background: linear-gradient(to top left, rgba(0, 0, 0, .5), rgba(0, 0, 0, .8))
}

.card__gallery-icon {
    cursor: pointer
}

.card__gallery-icon img {
    opacity: .15;
    margin: 0 auto
}

.card__gallery-edit {
    margin: 10px 0 0
}

.card__gallery-edit p {
    font: 600 18px/24px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-category__edit {
    position: absolute;
    top: 10px;
    right: 7px;
    padding: 6px 25px 6px 7px;
    background: url(../images/arr-edit.svg) no-repeat right 11px center, rgba(0, 0, 0, .5);
    border-radius: 20px
}

.card__gallery-category__window {
    position: absolute;
    padding-top: 15px;
    display: none;
    right: 0;
    top: 100%
}

.card__gallery-category__window-body {
    background: #fff;
    border-radius: 6px;
    padding: 8px;
    position: relative
}

.card__gallery-category__window-body li {
    padding: 10px 0 10px 11px;
    font: 16px/20px "Open Sans", sans-serif;
    color: #000
}

.card__gallery-category__window-body li:hover {
    background: #f5f5f5;
    border-radius: 6px
}

.card__gallery-category__window-body:before {
    content: '';
    position: absolute;
    right: 17px;
    top: -14px;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.card__gallery-category__edit:hover .card__gallery-category__window {
    display: block
}

.edit .card__services {
    margin-top: 0
}

.edit .card__map {
    margin-top: 0
}

.card__rate-top {
    display: table;
    width: 100%
}

.card__rate-top .card__rate-title {
    display: table-cell;
    vertical-align: middle
}

.card__rate-edit {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}

.card__rate-edit__see {
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
    background: url(../images/icon-eye.png) no-repeat center left;
    cursor: pointer
}

.card__rate-edit__see p {
    font: 16px/20px "Open Sans", sans-serif;
    color: #0595d6;
    border-bottom: 1px dashed #0595d6
}

.card__rate-edit__see p:hover {
    border-color: #fff
}

.card__rate-edit__see.open {
    background: url(../images/icon-eyeopen.png) no-repeat center left
}

.card__rate-edit__change {
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
    background: url(../images/icon-pan.png) no-repeat center left;
    margin-left: 30px;
    cursor: pointer
}

.card__rate-edit__change p {
    font: 16px/20px "Open Sans", sans-serif;
    color: #0595d6;
    border-bottom: 1px dashed #0595d6
}

.card__rate-edit__change p:hover {
    border-color: #fff
}

.card__about-top {
    display: table;
    width: 100%
}

.card__about-top .card__about-title {
    display: table-cell;
    vertical-align: middle
}

.card__about-edit {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}

.card__about-edit__change {
    display: inline-block;
    padding-left: 30px;
    background: url(../images/icon-pan.png) no-repeat center left;
    margin-left: 30px;
    cursor: pointer
}

.card__about-edit__change.without__icon, .card__about-ed__change.without__icon, .card__services-btn.without__icon, .card__rate-edit__change.without__icon {
    background: none;
    padding-left: 5px;
    margin-left: 5px;
}


.card__about-edit__change p {
    font: 16px/20px "Open Sans", sans-serif;
    color: #0595d6;
    border-bottom: 1px dashed #0595d6
}

.card__about-edit__change p:hover {
    border-color: #fff
}

.card__about-ed__top {
    display: table;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
    width: 100%
}

.card__about-ed__top .card__about-ed__title {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 0;
    padding-bottom: 0
}

.card__about-ed__top .card__about-exp__title {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 0;
    padding-bottom: 0
}

.card__about-ed__top .card__about-sert__title {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 0;
    padding-bottom: 0
}

.card__about-ed__edit {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}


.card__edit .card__about-ed__edit {
    vertical-align: top;
}

.card__about-ed__see {
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
    background: url(../images/icon-eye.png) no-repeat center left;
    cursor: pointer
}

.card__about-ed__see p {
    font: 16px/20px "Open Sans", sans-serif;
    color: #0595d6;
    border-bottom: 1px dashed #0595d6
}

.card__about-ed__see p:hover {
    border-color: #fff
}

.card__about-ed__see.open {
    background: url(../images/icon-eyeopen.png) no-repeat center left
}

.card__about-ed__change {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    background: url(../images/icon-pan.png) no-repeat center left;
    margin-left: 30px;
    cursor: pointer
}

.card__about-ed__change p {
    font: 16px/20px "Open Sans", sans-serif;
    color: #0595d6;
    border-bottom: 1px dashed #0595d6
}

.card__about-ed__change p:hover {
    border-color: #fff
}

.card__about-sert__edit {
    width: 150px;
    height: 150px;
    border-radius: 12px;
    background: -webkit-gradient(linear, right bottom, left top, from(#0595d6), to(#562db0));
    background: -webkit-linear-gradient(bottom right, #0595d6, #562db0);
    background: linear-gradient(to top left, #0595d6, #562db0);
    text-align: center;
    padding: 27px 20px 0;
    display: table
}

.card__about-sert__edit:hover {
    background: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(bottom right, rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));
    background: linear-gradient(to top left, rgba(0, 0, 0, .5), rgba(0, 0, 0, .8))
}

.card__about-sert__icon {
    cursor: pointer
}

.card__about-sert__icon img {
    opacity: .15;
    margin: 0 auto;
    width: 50px
}

.card__about-sert__desc {
    margin: 10px 0 0
}

.card__about-sert__desc p {
    font: 600 14px/20px "Open Sans", sans-serif;
    color: #fff
}

.card__about-sert__img-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    border-radius: 12px;
    text-align: center;
    padding: 40px 0 0;
    display: none
}

.card__about-sert__img-hover button {
    width: 108px;
    height: 30px;
    border: 0;
    background: 0 0;
    font: 600 14px/20px "Open Sans", sans-serif;
    color: #fff
}

.card__about-sert__img-hover button:hover {
    border-radius: 6px;
    background: rgba(0, 0, 0, .5)
}

.card__about-sert__img-delete {
    margin-top: 10px
}

.edit .card__about-sert__img:hover .card__about-sert__img-hover {
    display: block
}

/* ========================================
   МОДАЛЬНЫЕ ОКНА - ЕДИНАЯ СИСТЕМА
   ======================================== */

/* Blackout — затемнение фона */
.blackout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1101;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}

.blackout.active {
    display: block;
}

/* Блокировка прокрутки body при открытой модалке */
html, body {
    position: relative;
}

body.modal-open {
    overflow-y: hidden;
    overscroll-behavior: none;
    position: relative;
    touch-action: none;
}

/* ========================================
   СПЕЦИФИЧНЫЕ СТИЛИ ПОПАПОВ
   ======================================== */

/* === ТАБЛИЦА ТАРИФОВ (prate) === */
.prate__table table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
}

.prate__table table td {
    height: 40px;
    vertical-align: middle;
    font: 600 16px/40px "Open Sans", sans-serif;
    color: #fff;
    padding: 8px;
}

.prate__table table td:nth-child(2) {
    padding-left: 10px;
    width: 130px;
}

.prate__table table td:nth-child(3) {
    padding-left: 10px;
    width: 130px;
}

.prate__table table td:nth-child(4) {
    padding-left: 10px;
    width: 130px;
}

.prate__table table thead td:first-child {
    border-radius: 6px;
    padding-left: 18px;
}

.prate__table table thead td:nth-child(2) p {
    background: linear-gradient(to top left, #8286ec, #7ce4fb);
    border-radius: 6px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.prate__table table thead td:nth-child(3) p {
    background: linear-gradient(to top left, #d185e5, #f9c7e8);
    border-radius: 6px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.prate__table table thead td:nth-child(4) p {
    background: linear-gradient(to top left, #51d34f, #efdc34);
    border-radius: 6px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.prate__table table tbody td {
    padding-top: 10px;
}

.prate__table table tbody td .prate__table-check {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #2a2a2a;
    border: 1px solid #4b5563;
    border-radius: 6px;
}

.prate__table table tbody td .prate__table-check input {
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    padding-left: 18px;
    font: 16px/24px "Open Sans", sans-serif;
    color: #fff;
}

.prate__table table tbody td .prate__table-check input::placeholder {
    color: #6b7280;
}

.prate__table table tbody td .prate__table-check p {
    width: 28px;
    height: 28px;
    border-radius: 14px;
    display: block;
    background: #4b5563;
    padding: 6px 0 0;
    margin: 5px auto 0;
    cursor: pointer;
    transition: background 0.2s;
}

.prate__table table tbody td .prate__table-check p img {
    margin: 0 auto;
}

.prate__table table tbody td .prate__table-check p:hover {
    background: #2563eb;
}

.prate__table table tbody td .prate__table-check p.active {
    background: #2563eb;
}

.prate__table table tbody tr:last-child td .prate__table-check {
    background: #2a2a2a;
}

.prate__table table tbody tr:last-child td .prate__table-check input {
    font: 600 24px/24px "Open Sans", sans-serif;
    color: #9ca3af;
}

.prate__table table tbody tr:last-child td:first-child .prate__table-check {
    border: none;
    border-radius: 0;
    background: transparent;
}

.prate__table table tbody tr:last-child td:first-child p {
    width: auto;
    height: 100%;
    padding: 0 12px 0 0;
    margin: 0;
    text-align: right;
    font: 600 18px/40px "Open Sans", sans-serif;
    color: #fff;
    background: transparent;
}

/* === ОПЫТ РАБОТЫ - ПЕРИОДЫ (pwork) === */
.pwork__period {
    margin: 35px 0 0;
    position: relative;
    display: table;
}

.pwork__period:before {
    content: 'Период работы';
    position: absolute;
    top: -24px;
    font: 300 14px/24px "Open Sans", sans-serif;
    color: #9ca3af;
}

.pwork__period-before,
.pwork__period-before__desc,
.pwork__period-data,
.pwork__period-after,
.pwork__period-after__desc,
.pwork__period-all {
    display: table-cell;
    vertical-align: middle;
}

.pwork__period-before__desc p,
.pwork__period-after__desc p {
    font: 16px/24px "Open Sans", sans-serif;
    color: #fff;
    padding-right: 10px;
}

.pwork__period-data input {
    width: 150px;
    height: 40px;
    border: 1px solid #4b5563;
    border-radius: 6px;
    font: 16px/24px "Open Sans", sans-serif;
    color: #fff;
    padding: 0 5px 0 45px;
}

.pwork__period-data input::placeholder {
    color: #6b7280;
}

.pwork__period-after {
    padding-left: 19px;
}

.pwork__period-all {
    padding-left: 18px;
}

.pwork__period-all p {
    font: 16px/24px "Open Sans", sans-serif;
    color: #9ca3af;
}

/* === ОБРАЗОВАНИЕ - СПИСОК (peducation) === */
.peducation__list {
    margin: 20px 0 0;
}

.peducation__list-item {
    list-style-type: auto;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.modal-custom--peducation.modal-overlay .modal-content {
    padding-right: 45px;
    padding-left: 40px;
}

.modal-custom--pwork.modal-overlay .modal-content {
    padding-left: 45px;
}

.peducation__list-pole {
    flex: 1;
    margin-bottom: 0;
}

.peducation__list-add {
    text-align: right;
    background: url(../images/arr-add.svg) no-repeat right 5px center;
    padding-right: 26px;
    cursor: pointer;
    margin: 14px 0 0;
}

.peducation__list-add p {
    font: 16px / 20px "Open Sans", sans-serif;
    color: #0595d6;
}

.peducation__list-pole input,
.peducation__list-pole select {
    width: 100%;
    height: 40px;
    border: 1px solid #4b5563;
    border-radius: 6px;
    font: 16px/24px "Open Sans", sans-serif;
    color: #fff;
    padding: 0 5px 0 15px;
    background: #2a2a2a;
}

.peducation__list-del {
    position: absolute;
    top: 13px;
    right: -27px;
}

/* === ОПИСАНИЕ - TEXTAREA (pabout) === */
.pabout__desc {
    margin: 32px 0 0;
}

.pabout__desc-input {
    margin: 20px 0 0;
}

.pabout__desc textarea {
    display: none;
}


.pabout__desc .textarea strong, .card__about-desc strong {
    font-weight: bold;
}

.pabout__desc .textarea u, .card__about-desc u {
    text-decoration: underline;
}

.pabout__desc .textarea em, .card__about-desc em {
    font-style: italic;
}

/* ========================================
   СПЕЦИФИЧНЫЕ ЭЛЕМЕНТЫ (уникальные для каждого попапа)
   ======================================== */

/* Таблица тарифов */
.prate__table table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
}

/* Опыт работы - список */
.pwork__list {
    margin: 40px 0 0;
}

.pwork__list li {
    list-style-type: auto;
    padding: 16px 40px 19px 16px;
    border-bottom: 1px solid #4b5563;
    margin-top: 22px;
    margin-bottom: 0;
    font: 16px/24px "Open Sans", sans-serif;
    color: #fff;
    position: relative;
}

.pwork__list li:last-child {
    margin-bottom: 0;
}

.pwork__name-pole {
    position: relative;
}

.pwork__add {
    text-align: right;
    background: url(../images/arr-add.svg) no-repeat right 1px center;
    padding-right: 22px;
    cursor: pointer;
    margin: 21px 0 0;
}

.pwork__add p {
    font: 16px / 20px "Open Sans", sans-serif;
    color: #0595d6;
}

.pwork__name-pole input {
    width: 100%;
    height: 40px;
    border: 1px solid #4b5563;
    border-radius: 6px;
    padding: 0 5px 0 15px;
    font: 16px/24px "Open Sans", sans-serif;
    color: #fff;
    background: #2a2a2a;
}

.pwork__name-pole input::placeholder {
    color: #6b7280;
}

.modal-custom--service-name .modal {
    max-width: 700px;
}

.modal-custom .modal-footer {
    justify-content: end;
}

.pwork__name-pole:before {
    content: 'Название компании и ваша должность';
    position: absolute;
    top: -24px;
    font: 300 14px/24px "Open Sans", sans-serif;
    color: #9ca3af;
}

.pwork__name-del {
    position: absolute;
    top: 26px;
    right: 12px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.pwork__name-del:hover {
    opacity: 1;
}

.card__profile {
    width: -webkit-calc(100% - 400px);
    width: calc(100% - 400px);
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 140px 30px;
}

/* card profile top */
.card__profile-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card__profile-title h2 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.card__profile-personal {
    margin: 19px 0 0
}

.card__profile-personal__title {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 5px
}

.card__profile-personal__title h3 {
    font: 20px/30px "Open Sans", sans-serif;
    color: grey
}

.card__profile-personal__form {
    margin: 24px 0 0
}

.card__profile-personal__pole {
    width: 230px;
    display: inline-block;
    vertical-align: top;
    margin: 0 40px 20px 0
}

.card__profile-personal__pole.big {
    width: 362px;
}

.card__profile-personal__pole.big.last {
    margin-right: 0px;
}

.card__profile-personal__pole label {
    font: 300 14px/24px "Open Sans", sans-serif;
    color: #000
}

.card__profile-personal__pole input {
    width: 100%;
    height: 40px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: 0 5px 0 15px;
    font: 16px/24px "Open Sans", sans-serif;
    color: #000
}

.card__profile-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
}

.tab-link, .base-link {
    margin-left: 32px;
    color: rgb(5, 149, 214);
    font: 16px / 20px "Open Sans", sans-serif;
    border-bottom: 1px dashed #0595d6;
}

.tab-link:first-child {
    margin-left: 0px;
}

.base-link {
    margin-left: 5px;
}

.card__profile-tabs .tab-link.active {
    color: #000000;
}


.card__profile-personal__pole input:focus {
    border: 1px solid grey
}

.card__profile-personal__pole:nth-child(4n) {
    margin-right: 0
}

.card__profile-personal__pole.mail {
    margin-right: 0;
    width: 100%
}

.card__profile-personal__btn {
    margin-top: 20px
}

.card__profile-personal__btn a {
    width: 167px;
    height: 46px;
    font: 600 16px / 46px "Open Sans", sans-serif;
}

.card__profile-personal__btn div {
    display: inline-block;
    vertical-align: middle;
}

.card__profile-personal__btn button {
    height: 46px;
    border: 0;
    background: #0595d6;
    border-radius: 6px;
    font: 16px/20px "Open Sans", sans-serif;
    color: #fff;
    padding: 0 40px
}

.card__profile-personal__btn button:hover {
    background: #0359a9
}

.card__profile-personal__btn p {
    font: 16px/20px "Open Sans", sans-serif;
    color: #000;
}

.card__profile-social {
    margin: 39px 0 0
}

.card__profile-social__title {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 5px
}

.card__profile-social__title h3 {
    font: 20px/30px "Open Sans", sans-serif;
    color: grey
}

.card__profile-social__form {
    margin: 30px 0 0
}

.card__profile-social__pole {
    width: 370px;
    margin: 0 30px 18px 0;
    display: inline-block;
    vertical-align: top
}

.card__profile-social__pole label {
    font: 300 14px/24px "Open Sans", sans-serif;
    color: #000
}

.card__profile-social__pole input {
    width: 100%;
    height: 40px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: 0 5px 0 15px;
    font: 16px/24px "Open Sans", sans-serif;
    color: #000
}

.card__profile-social__pole input[type='checkbox'] {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}


.ui-menu-item > div {
    font: 16px/24px "Open Sans", sans-serif;
    color: #fff;
}

.card__profile-social__pole input:focus {
    border: 1px solid grey
}

.card__profile-social__pole:nth-child(3n) {
    margin-right: 0
}

.card__profile-social__pole.map {
    width: 100%;
    display: block;
    margin-right: 0
}

.card__profile-social__network {
    margin: 42px 0 0
}

.card__profile-social__network-item {
    display: table;
    margin-bottom: 49px
}

.card__profile-social__network-icon {
    display: table-cell;
    vertical-align: middle
}

.card__profile-social__network-link {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px 0 21px
}

.card__profile-social__network-pole {
    width: 670px;
    position: relative;
    display: table-cell;
    vertical-align: middle
}


.card__profile-social__network-pole input::-webkit-input-placeholder {
    color: #bbb
}

.card__profile-social__network-pole input::-moz-placeholder {
    color: #bbb
}

.card__profile-social__network-pole input:-moz-placeholder {
    color: #bbb
}

.card__profile-social__network-pole input:-ms-input-placeholder {
    color: #bbb
}

.card__profile-social__network-pole label {
    font: 300 14px/24px "Open Sans", sans-serif;
    color: #000;
    position: absolute;
    top: -24px;
    left: 0
}

.card__profile-social__network-pole input {
    width: 100%;
    height: 40px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: 0 5px 0 15px;
    font: 16px/24px "Open Sans", sans-serif;
    color: #000
}

.card__profile-social__network-pole input:focus {
    border: 1px solid grey
}

.card__profile-social__btn {
    margin-top: -4px
}

.card__profile-social__btn button {
    width: 167px;
    height: 46px;
    border: 0;
    background: #0595d6;
    border-radius: 6px;
    font: 16px/20px "Open Sans", sans-serif;
    color: #fff
}

.card__profile-social__btn button:disabled {
    background: #cdcdcd
}

.card__profile-social__btn button:disabled:hover {
    background: #cdcdcd
}

.card__profile-social__btn button:hover {
    background: #0359a9
}

.card__profile-password {
    margin: 99px 0 0
}

.card__profile-password__title {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 5px
}

.card__profile-password__title h3 {
    font: 20px/30px "Open Sans", sans-serif;
    color: grey
}

.card__profile-password__form {
    margin: 30px 0 0
}

.card__profile-password__pole {
    width: 370px;
    margin: 0 0 20px 0
}

.card__profile-password__pole label {
    font: 300 14px/24px "Open Sans", sans-serif;
    color: #000
}

.card__profile-password__pole input {
    width: 100%;
    height: 40px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: 0 5px 0 15px;
    font: 16px/24px "Open Sans", sans-serif;
    color: #000
}

.card__profile-password__pole input:focus {
    border: 1px solid grey
}

.card__profile-password__pole:first-child {
    margin-bottom: 40px
}

.card__profile-password__btn {
    margin: 20px 0 0
}

.card__profile-password__btn button {
    width: 167px;
    height: 46px;
    border: 0;
    background: #0595d6;
    border-radius: 6px;
    font: 16px/20px "Open Sans", sans-serif;
    color: #fff
}

.card__profile-password__btn button:disabled {
    background: #cdcdcd
}

.card__profile-password__btn button:disabled:hover {
    background: #cdcdcd
}

.card__profile-password__btn button:hover {
    background: #0359a9
}

.card__profile-back {

}

.card__profile-back a {
    padding-left: 32px;
    background: url(../images/arr-back.svg) no-repeat left 2px center;
    font: 16px/20px "Open Sans", sans-serif;
    color: #0595d6
}

.card__profile-back a span {
    border-bottom: 1px dashed #0595d6
}

.card__profile-back a:hover span {
    border-bottom: 1px dashed #fff
}

.card__gallery-popup.edit {
    overflow-y: scroll;
    padding-bottom: 50px
}

.card__gallery-popup__edtitle h4 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-popup__edtitle h3 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #fff
}

.pcart__choice-border__edit {
    height: 180px;
    background: -webkit-gradient(linear, right bottom, left top, from(#0595d6), to(#562db0));
    background: -webkit-linear-gradient(bottom right, #0595d6, #562db0);
    background: linear-gradient(to top left, #0595d6, #562db0);
    text-align: center;
    padding: 27px 20px 0;
    border-radius: 6px
}

.pcart__choice-border__edit:hover {
    background: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(bottom right, rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));
    background: linear-gradient(to top left, rgba(0, 0, 0, .5), rgba(0, 0, 0, .8))
}

.card__gallery-add {
    margin: 47px 0 30px;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    padding: 60px 0 39px
}

.card__gallery-altitle h4 {
    font: 32px/40px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-altitle h3 {
    font: 32px/40px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-add__body {
    margin: 55px 0 0
}

.card__gallery-add__body input {
    width: 100%;
    height: 60px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    background: 0 0;
    padding: 0 0 0 18px;
    font: 600 24px/24px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-add__body label {
    font: 300 14px/24px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-add__name {
    width: -webkit-calc(100% - 500px);
    width: calc(100% - 500px);
    display: inline-block;
    vertical-align: top
}

.card__gallery-add__time {
    width: 220px;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px
}

.card__gallery-add__price {
    width: 220px;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px
}

.card__gallery-add__bottom {
    margin: 24px 0 0
}

.card__gallery-add__check {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.card__gallery-add__check input {
    position: absolute;
    z-index: -1;
    opacity: 0
}


.card__gallery-add__check input + label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font: 16px/24px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-add__check input + label::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: 1px solid #cdcdcd;
    border-radius: 14px;
    margin-right: .5em;
    background: #cdcdcd url(../images/arr-check.svg) no-repeat center
}

.card__gallery-add__check input:checked + label::before {
    border-color: #0595d6;
    background: #0595d6 url(../images/arr-check.svg) no-repeat center
}

.card__gallery-add__btn {
    display: inline-block;
    vertical-align: top;
    float: right
}

.card__gallery-add__btn button {
    width: 167px;
    height: 46px;
    border: 0;
    background: #0595d6;
    border-radius: 6px;
    font: 16px/20px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-add__btn button:disabled {
    background: grey
}

.card__gallery-add__btn button:disabled:hover {
    background: grey
}

.card__gallery-add__btn button:hover {
    background: #0359a9
}


.edit .card__gallery-sliderfor__img {
    background: grey
}

.edit .card__gallery-sliderfor__desc {
    margin: 0;
    background: #fff;
    padding: 20px 20px 23px
}

.edit .card__gallery-sliderfor__desc textarea {
    width: 100%;
    height: 89px;
    resize: none;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    font: 14px/24px "Open Sans", sans-serif;
    color: #000
}

.edit .card__gallery-sliderfor__desc label {
    font: 300 14px/24px "Open Sans", sans-serif;
    color: #000
}

.card__gallery-save {
    margin: 40px 0 0;
    padding: 40px 0 0;
    border-top: 1px solid grey
}

.card__gallery-save button {
    width: 353px;
    height: 59px;
    border: 0;
    border-radius: 6px;
    background: #0595d6;
    font: 600 16px/24px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-save button:hover {
    background: #0359a9
}

.card__gallery-slidernav__clear {
    min-height: 110px;
    background: #c4c4c4
}

.card__gallery-sliderfor__img-edit {
    position: absolute;
    top: 25px;
    left: 23px
}

.card__gallery-sliderfor__img-edit button {
    width: 214px;
    height: 30px;
    border: 0;
    border-radius: 6px;
    background: rgba(0, 0, 0, .5);
    font: 600 14px/20px "Open Sans", sans-serif;
    color: #fff
}

.card__gallery-sliderfor__img-change {
    display: inline-block;
    vertical-align: top
}

.card__gallery-sliderfor__img-delete {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px
}


.card-header {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
}

.card-header h6 {
    font: 20px / 30px "Open Sans", sans-serif;
    color: grey;
}

.card__stats {
    margin-bottom: 50px
}

.chart-container {
    margin-top: 10px
}


.modal-header h2 {
    color: white;
    font-size: 1.25rem;
    font-family: "Open Sans", sans-serif;
}

.btn-close {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    padding: 4px;
    display: flex;
    transition: color 0.2s;
}

.btn-close svg {
    pointer-events: none;
}

.btn-close:hover {
    color: white;
}

/* Progress Section */
.progress-section {
    padding: 24px 24px 0;
}

.progress-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.progress-info span {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #9ca3af;
}

.progress-bar {
    width: 100%;
    height: 8px;
    background-color: #374151;
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    background-color: #2563eb;
    transition: width 0.3s ease;
}

.step-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

.step-label {
    font-size: 12px;
    color: #6b7280;
    transition: color 0.3s;
    text-align: center;
    flex: 1;
}

.step-label.active {
    color: #60a5fa;
}

/* Modal Content */
.modal-overlay .modal-content {
    padding: 24px;
    max-width: 100%;
    background: none;
    border-radius: 0;
    position: relative;
    text-align: left;
    margin: 0;
    overflow-y: auto;
}

.step {
    display: none;
}

.step.active {
    display: block;
}

.step.active .btn.btn-success {
    width: 100%;
}

.form-group {
    margin-bottom: 20px;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.modal-overlay .modal-content label {
    display: block;
    color: white;
    margin-bottom: 8px;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

.modal-overlay .modal-content input[type="text"],
.modal-overlay .modal-content input[type="email"],
.modal-overlay .modal-content input[type="tel"],
.modal-overlay .modal-content select,
.modal-overlay .modal-content textarea {
    width: 100%;
    padding: 10px 12px;
    background-color: #2a2a2a;
    border: 1px solid #4b5563;
    border-radius: 6px;
    color: white;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}


.modal-overlay .modal-content textarea::placeholder {
    color: #6b7280;
}

.modal-overlay .modal-content textarea {
    resize: none;
    min-height: 250px;
    font-family: "Open Sans", sans-serif;
}

/* Quill Editor в модальном окне */
.modal-overlay .modal-content .ql-toolbar {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal-overlay .modal-content .ql-container {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    font-family: "Open Sans", sans-serif;
}

.modal-overlay .modal-content .ql-editor {
    min-height: 100px;
    font-family: "Open Sans", sans-serif;
    background-color: #2a2a2a;
    color: white;
}

.modal-overlay .modal-content .ql-editor::placeholder {
    color: #6b7280;
}

.checkbox-group {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 8px;
}

.modal-overlay .modal-content input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.checkbox-group label {
    margin: 0;
    color: #d1d5db;
    cursor: pointer;
    font-size: 14px;
}

/* Заголовок секции формы внутри модалки */
.modal-overlay .modal-content h3 {
    color: #e5e7eb;
    font-size: 1rem;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    margin: 20px 0 12px;
    padding-top: 16px;
    border-top: 1px solid #374151;
}

.modal-overlay .modal-content h3:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

/* Step 2 - Photo Upload */
.upload-description {
    color: #9ca3af;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 16px;
}

.upload-area {
    border: 2px dashed #4b5563;
    border-radius: 8px;
    padding: 48px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.3s;
}

.upload-area:hover {
    border-color: #2563eb;
}

.upload-icon {
    color: #9ca3af;
    margin-bottom: 12px;
}

.upload-text {
    color: white;
    margin-bottom: 4px;
}

.upload-subtext {
    color: #9ca3af;
    font-size: 14px;
}

.photo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 16px;
}

.photo-item {
    position: relative;
    aspect-ratio: 1;
    border-radius: 8px;
    overflow: hidden;
}

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

.btn-remove-photo {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: #ef4444;
    color: white;
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s;
}

.photo-item:hover .btn-remove-photo {
    opacity: 1;
}

.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 0;
    color: #6b7280;
}

.empty-icon {
    margin-bottom: 12px;
    opacity: 0.5;
}

/* Summary Card */


/* Modal Footer */
.modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-top: 1px solid #374151;
}

.footer-right {
    display: flex;
    gap: 12px;
}

.btn {
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    transition: background-color 0.2s;
}

.btn-outline {
    background-color: transparent;
    border: 1px solid #4b5563;
    color: white;
}

.btn-outline:hover:not(:disabled) {
    background-color: #1f2937;
}

.btn-outline:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-primary {
    background-color: #2563eb;
    color: white;
}

.btn-primary:hover {
    background-color: #1d4ed8;
}

.btn-success {
    background-color: #16a34a;
    color: white;
}

.btn-success:hover {
    background-color: #15803d;
}

/* Icons (using Unicode symbols) */
.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
}


.modal.seo {
    background-color: #1a1a1a;
    border-radius: 12px;
    width: 100%;
    max-width: 950px;
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    font-family: "Open Sans", sans-serif;
}

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

.form-section {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.preview-section {
    position: sticky;
    top: 0;
}

.label-info {
    color: #9ca3af;
    font-size: 12px;
    font-weight: 400;
    margin-top: 2px;
}

.char-counter {
    font-size: 12px;
    color: #9ca3af;
    margin-top: 4px;
    text-align: right;
}

.char-counter.warning {
    color: #f59e0b;
}

.char-counter.error {
    color: #ef4444;
}

/* Search Preview */
.preview-card {
    background-color: #2a2a2a;
    border: 1px solid #374151;
    border-radius: 8px;
    padding: 18px;
}

.preview-title {
    color: white;
    font-size: 14px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.preview-icon {
    width: 20px;
    height: 20px;
}

.search-result {
    background-color: white;
    padding: 14px;
    border-radius: 8px;
}

.search-url {
    font-size: 12px;
    color: #5f6368;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.search-url-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #4285f4;
}

.search-title {
    font-size: 18px;
    color: #1a0dab;
    margin-bottom: 4px;
    font-weight: 400;
    cursor: pointer;
    line-height: 1.3;
}

.search-title:hover {
    text-decoration: underline;
}

.search-description {
    font-size: 13px;
    color: #4d5156;
    line-height: 1.5;
}

.search-title-empty,
.search-description-empty {
    color: #dadce0;
    font-style: italic;
}

.preview-hint {
    margin-top: 12px;
    padding: 10px;
    background-color: #1a1a1a;
    border-radius: 6px;
    font-size: 12px;
    color: #9ca3af;
    line-height: 1.4;
}


/* Entity Type Selector */
.entity-selector {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
}

.entity-option {
    flex: 1;
    background-color: #2a2a2a;
    border: 2px solid #374151;
    border-radius: 8px;
    padding: 14px;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    position: relative;
}

.entity-option:hover {
    border-color: #4b5563;
}

.entity-option.active {
    background-color: #1e3a5f;
    border-color: #2563eb;
}

.entity-option.active::before {
    content: '✓';
    position: absolute;
    top: 11px;
    right: 8px;
    width: 20px;
    height: 20px;
    background-color: #2563eb;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
}

.entity-option-title {
    color: white;
    font-size: 15px;
    font-weight: 600;
}

.entity-fields {
    display: none;
}

.entity-fields.active {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.field-note {
    font-size: 11px;
    color: #9ca3af;
    margin-top: 4px;
    line-height: 1.4;
}

/* Step 2 specific styles */
.step2-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.entity-card {
    background-color: #2a2a2a;
    border: 1px solid #374151;
    border-radius: 8px;
    padding: 24px;
}

.entity-card-title {
    color: white;
    font-size: 16px;
    margin-bottom: 14px;
    font-weight: 600;
}

/* Responsive */


#mainInfornmation .ql-snow .ql-stroke, .pabout__desc .ql-snow .ql-stroke {
    stroke: #ddd;
}

#mainInfornmation .ql-editor {
    color: #ddd;
}

#mainInfornmation .ql-editor strong {
    font-weight: bold;
}

#mainInfornmation .ql-editor em {
    font-style: italic;
}

#mainInfornmation .form-group.quill-redactor {
    margin-bottom: 60px;
}


textarea#Profile_description {
    display: none;
}

textarea#Profile_anonce {
    min-height: 130px;
}

.popedit.tarif {
    padding: 0;
    width: 900px
}


div.errors {
    color: red;
    margin-top: 5px;
}

.card__callbtn-paragraph {
    text-align: center;
    color: #d1d5db;
    font-size: 14px;
    margin: 0 0 16px;
}

/* Стили для модалки телефона */
.modal-custom--phone .modal {
    text-align: center;
    max-width: 400px;
}

.modal-custom--phone .card__callbtn {
    display: table;
    width: 167px;
    height: 36px;
    margin: 5px auto 0;
    border: 0;
    border-radius: 6px;
    background: #2563eb;
    text-align: center;
    font: 16px / 36px "Open Sans", sans-serif;
    color: #fff;
}

.modal-custom--phone a {
    color: #fff;
}

.modal-custom--phone .card__callbtn:hover {
    background: #0359a9;
}

/* Стрелки свайпера сертификатов */
.card__about-sert .swiper-button-prev,
.card__about-sert .swiper-button-next {
    width: 12px !important;
    height: 20px !important;
    margin: 0;
}

.card__about-sert .swiper-button-prev svg,
.card__about-sert .swiper-button-next svg {
    display: none;
}

.card__about-sert .swiper-button-prev::after,
.card__about-sert .swiper-button-next::after {
    font-size: 14px !important;
    width: 14px !important;
    height: 24px !important;
    color: #000 !important;
    line-height: 24px !important;
}

.notifyjs-corner {
    margin-top: 80px !important;
    max-width: 100%;
    z-index: 9999!important;
}

.notifyjs-container .notifyjs-bootstrap-base {
    text-wrap: auto;
    white-space: normal;
}

/* Notify.js стили уведомлений */
.notifyjs-bootstrap-success,
.notifyjs-bootstrap-error,
.notifyjs-bootstrap-info,
.notifyjs-bootstrap-warn,
.notifyjs-bootstrap-warning {
    border-radius: 8px !important;
    padding: 16px 20px 16px 48px !important;
    min-width: 280px;
    max-width: 400px;
    position: relative;
    font: 14px/20px "Open Sans", sans-serif !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
    animation: notifySlideIn 0.3s ease-out;
    margin: 8px 0 !important;
}

/* Убираем встроенные иконки notify.js */
.notifyjs-bootstrap-success,
.notifyjs-bootstrap-error,
.notifyjs-bootstrap-info,
.notifyjs-bootstrap-warn,
.notifyjs-bootstrap-warning {
    background-image: none !important;
}

.notifyjs-bootstrap-success span[data-notify-text],
.notifyjs-bootstrap-error span[data-notify-text],
.notifyjs-bootstrap-info span[data-notify-text],
.notifyjs-bootstrap-warn span[data-notify-text],
.notifyjs-bootstrap-warning span[data-notify-text] {
    background-image: none !important;
    padding-left: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Иконки перед текстом */
.notifyjs-bootstrap-success::before,
.notifyjs-bootstrap-error::before,
.notifyjs-bootstrap-info::before,
.notifyjs-bootstrap-warn::before,
.notifyjs-bootstrap-warning::before {
    content: '';
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@keyframes notifySlideIn {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Success - зелёный */
.notifyjs-bootstrap-success {
    background: #10b981 !important;
    background-image: none !important;
}

.notifyjs-bootstrap-success::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

/* Error - красный */
.notifyjs-bootstrap-error {
    background: #ef4444 !important;
    background-image: none !important;
}

.notifyjs-bootstrap-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

/* Info - синий */
.notifyjs-bootstrap-info {
    background: #3b82f6 !important;
    background-image: none !important;
}

.notifyjs-bootstrap-info::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

/* Warning - оранжевый */
.notifyjs-bootstrap-warn,
.notifyjs-bootstrap-warning {
    background: #f59e0b !important;
    background-image: none !important;
}

.notifyjs-bootstrap-warn::before,
.notifyjs-bootstrap-warning::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.notifyjs-bootstrap-warn *,
.notifyjs-bootstrap-warning * {
    color: #fff !important;
    font-family: "Open Sans", sans-serif !important;
}

/* Payment status block */
.payment-status-block {
    display: block;
    padding: 20px 40px;
    border-radius: 12px;
    width: 100%;
    margin: 0 auto
}

.payment-status-block.notifyjs-bootstrap-success {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: #fff;
}

.payment-status-block.notifyjs-bootstrap-error {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: #fff;
}

.payment-status-block.notifyjs-bootstrap-info {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    color: #fff;
}

.payment-status-title {
    margin: 0 0 15px 0;
    font-size: 24px;
    font-weight: 600;
}

.payment-status-text {
    margin: 0;
    font-size: 16px;
}

.payment-error-details {
    display: none;
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
}

.payment-error-details p {
    margin: 5px 0;
}

.payment-loader {
    margin-top: 20px;
}

.payment-spinner {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 4px solid #fff;
    width: 40px;
    height: 40px;
    animation: payment-spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes payment-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.payment-buttons {
    margin-top: 30px;
    display: none;

}

.payment-buttons a {
    text-decoration: none;
    border-radius: 6px;
    background: #0595d6;
    border: 0;
    font: 16px / 20px "Open Sans", sans-serif;
    color: #fff;
    padding: 14px 30px;
    display: inline-table;
}

.payment-buttons .btn-secondary {
    margin-right: 10px;
}

.payment-buttons .btn-primary,
.payment-buttons .btn-secondary {
    border-radius: 8px;
    padding: 12px 30px;
    font-size: 15px;
}


.promotion {
    margin: 65px 0 0
}

.promotion__title h3 {
    font: 700 32px / 58px "Open Sans", sans-serif;
    color: #000;
}

.promotion__tab {
    margin: 55px 0 0
}

.promotion__item {
    border-radius: 6px;
    background: #fff;
    -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
    margin-bottom: 40px;
}


.promotion__item:last-child {
    margin-bottom: 0
}

.promotion__name {
    padding: 25px 0 25px 25px;
    border-bottom: 1px solid #fff;
    background: url(../images/promotion-close.png) no-repeat center right 27px;
    cursor: pointer
}

.promotion__name.open {
    border-bottom: 1px solid #CDCDCD;
    background: url(../images/promotion-arr.svg) no-repeat center right 27px;
}

.promotion__name p {
    font: 20px / 24px "Open Sans", sans-serif;
    color: #0595D6;
}

.promotion__name.open p {
    font-weight: 700
}

.promotion__desc {
    padding: 19px 0 30px;
    display: none
}

.promotion__desc.open {
    display: block
}

.promotion__desc img {
    width: 100%
}

.promotion__desc p {
    font: 16px / 24px "Open Sans", sans-serif;
    color: #000;
    padding: 0 27px 20px;
}

.promotion__desc p:last-child {
    padding-bottom: 0
}


.btn-add {
    background-color: #2563eb;
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.2s;
}

.btn-add:hover {
    background-color: #1d4ed8;
}

/* Modal Overlay */
.modal-overlay {
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    padding: 0px;
    overflow-y: auto;
}

.modal-overlay.active {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    overflow-y: auto;
}

.modal {
    font-family: "Open Sans", sans-serif;
    background-color: #1a1a1a;
    border-radius: 12px;
    width: 100%;
    max-width: 950px;
    max-height: 95vh;
    display: flex;
    flex-direction: column;
    margin: auto 0;
    position: relative;
}

/* Modal Header */
.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-bottom: 1px solid #374151;
}

/* Мобильные отступы попапов */


/* === Tarif Select Modal === */
.modal--tarif-select {
    color: #fff;
}

.modal--tarif-select .tarif-intro {
    margin: 0 0 20px;
    color: #d1d5db;
    font-size: 15px;
    line-height: 1.5;
}

.modal--tarif-select .tarif-benefits {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modal--tarif-select .tarif-benefits li {
    padding: 8px 0 8px 28px;
    position: relative;
    color: #e5e7eb;
    font-size: 14px;
    line-height: 1.5;
}

.modal--tarif-select .tarif-benefits li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #4caf50;
    font-weight: 700;
}

.modal--tarif-select .tarif-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.modal--tarif-select .tarif-option {
    padding: 14px 16px;
    border: 2px solid #374151;
    border-radius: 10px;
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
}

.modal--tarif-select .tarif-option:hover {
    border-color: #6366f1;
    background-color: rgba(99, 102, 241, 0.1);
}

.modal--tarif-select .tarif-option.active {
    border-color: #6366f1;
    background-color: rgba(99, 102, 241, 0.15);
}

.modal--tarif-select .tarif-option-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.modal--tarif-select .tarif-name {
    font-weight: 600;
    font-size: 15px;
    color: #f9fafb;
}

.modal--tarif-select .tarif-price {
    font-weight: 700;
    font-size: 16px;
    color: #a5b4fc;
}

.modal--tarif-select .tarif-note {
    font-size: 13px;
    color: #9ca3af;
}

.modal--tarif-select .tarif-checks {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.modal--tarif-select .tarif-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.4;
    color: #d1d5db;
}

.modal--tarif-select .tarif-check input[type="checkbox"] {
    margin-top: 2px;
    flex-shrink: 0;
}

.modal--tarif-select .tarif-check a {
    color: #a5b4fc;
    text-decoration: underline;
}

.modal--tarif-select .tarif-check a:hover {
    text-decoration: none;
}

.modal--tarif-select .entity-card {
    background: #2d2d2d;
    border-radius: 12px;
    padding: 20px;
}

.modal--tarif-select .entity-card-title {
    font-size: 16px;
    font-weight: 700;
    color: #f9fafb;
    margin-bottom: 16px;
}

#tarifSelectPay:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.tarif-select-grid {
    grid-template-columns: 1fr 1fr;
}


/* Responsive: max-width: 1270px */
@media (max-width: 1270px) {
    .slick-prev {
        left: 0
    }

    .slick-next {
        right: 0
    }

    .category__slider-item {
        margin: 0 20px
    }
}


/* Responsive: max-width: 1194px */
@media (max-width: 1194px) {
    .header__body {
        width: 980px
    }

    .header__geo {
        margin: 11px 0 0 58px
    }

    .header__lk {
        margin: 12px 54px 0 64px
    }

    .header__right {
        text-align: right
    }

    .counting__body {
        width: 980px
    }

    .counting__title {
        width: 420px
    }

    .counting__application {
        width: 250px;
        padding: 0 25px
    }

    .counting__company {
        width: 250px;
        padding: 0 25px
    }

    .counting__professional {
        width: 250px;
        padding: 0 25px
    }

    .category {
        width: 980px
    }

    .category__slider-item {
        margin: 0 10px
    }

    .slick-prev {
        left: -30px
    }

    .slick-next {
        right: -30px
    }

    .near__body {
        width: 980px
    }

    .near__category-item {
        width: 313px;
        margin-right: 20px
    }

    .near__top {
        height: 122px
    }

    .near__desc {
        height: 80px
    }

    .near__about {
        margin-left: 5px
    }

    .near__map {
        right: 10px
    }

    .footer__info-body {
        width: 980px
    }

    .footer__logo {
        width: 189px;
    }

    .footer__logo img {
        width: 100%
    }

    .footer__category {
        width: 270px;
        margin: 0 0 0 60px
    }

    .footer__chapter {
        margin: 0 0 0 20px
    }

    .footer__contact {
        width: 237px;
        margin: 0 0 0 34px
    }

    .footer__bottom-body {
        width: 980px
    }

    .wrong {
        width: 100%;
    }

    .wrong img {
        width: 100%;
    }

    .card {
        width: 980px
    }

    .card__master {
        width: 320px
    }

    .card__content {
        width: -webkit-calc(100% - 352px);
        width: calc(100% - 352px)
    }

    .card__gallery-category {
        width: 206px;
        height: 147px
    }

    .card__services-name {
        width: 310px
    }

    .card__rate-item {
        width: 206px;
        padding: 28px 13px 33px
    }

    .card__rate-icon {
        right: 14px
    }

    .card__about-feed__review {
        width: 386px;
        margin: 3px 0 0 29px
    }

    .breadcrumbs {
        width: 980px
    }

    .about {
        width: 980px
    }

    .statistics__body {
        width: 980px
    }

    .statistics__application {
        width: 305px;
        padding: 24px 61px 0 45px
    }

    .statistics__company {
        width: 305px;
        padding: 24px 61px 0 45px
    }

    .statistics__professional {
        width: 305px;
        padding: 24px 61px 0 45px
    }

    .contactinfo {
        width: 980px
    }

    .contactinfo__right {
        padding: 51px 42px 71px
    }

    .help {
        width: 980px
    }

    .question {
        width: 980px;
        padding: 47px 0 33px 43px
    }

    .question__form {
        padding-left: 0
    }

    .contacts {
        width: 980px
    }

    .pcart__body {
        width: 980px
    }

    .pcard__gallery-popup__body {
        width: 100%
    }

    .card__gallery-popup__body {
        width: 980px
    }

    .pservice {
        width: 980px;
        padding: 40px 60px 40px;
        top: 0;
        margin: 0 auto 0
    }

    .catalog {
        width: 980px
    }

    .catalog__work-body .near__category-item {
        margin: 0 20px 20px 0
    }

    .catalog__service-body .near__category-item {
        margin: 0 20px 20px 0
    }

    .prate {
        width: 980px
    }

    .card__master-edit__btn a {
        font: 600 18px/50px "Open Sans", sans-serif
    }

    .card__master-edit__create a {
        font: 600 18px/50px "Open Sans", sans-serif
    }

    .card__gallery-category.edit {
        padding: 12px 15px 0
    }

    .edit .card__rate-title h3 {
        font: 700 19px/50px "Open Sans", sans-serif
    }

    .edit .card__about-ed__title h4 {
        font: 15px/30px "Open Sans", sans-serif
    }

    .edit .card__about-ed__title h3 {
        font: 15px/30px "Open Sans", sans-serif
    }

    .edit .card__about-exp__title h4 {
        font: 15px/30px "Open Sans", sans-serif
    }

    .edit .card__about-exp__title h3 {
        font: 15px/30px "Open Sans", sans-serif
    }

    .edit .card__about-sert__title h4 {
        font: 15px/30px "Open Sans", sans-serif
    }

    .edit .card__about-sert__title h3 {
        font: 15px/30px "Open Sans", sans-serif
    }

    .card__profile {
        width: -webkit-calc(100% - 350px);
        width: calc(100% - 350px)
    }

    .card__profile-personal__pole {
        width: 200px;
        margin: 0 15px 20px 0
    }

    .card__profile-social__pole {
        width: 307px;
        margin: 0 15px 18px 0;
        display: inline-block;
        vertical-align: top
    }

    .card__profile-social__network-pole {
        width: 530px
    }
}


/* Responsive: max-width: 1050px */
@media (max-width: 1050px) {
    .slick-prev {
        left: -12px
    }

    .slick-next {
        right: -12px
    }
}


/* Responsive: max-width: 1021px */
@media (max-width: 1021px) {
    .header__body {
        width: 738px;
        padding: 30px 0 34px
    }

    .header__logo img {
        width: 227px
    }

    .header__geo {
        margin: 11px 0 0 49px
    }

    .header__right {
        margin-right: 2px
    }

    .header__login {
        margin: 5px 0 0 76px
    }

    .header__login-dropdown {
        right: -2px
    }

    .header__login-dropdown::after {
        right: 4px
    }

    .header__search {
        margin: 30px 0 0
    }

    .counting__body {
        width: 738px;
        margin: 0 auto;
        padding: 41px 0 39px
    }

    .counting__title {
        width: 354px;
        height: auto
    }

    .counting__title h1 {
        display: block;
        vertical-align: top;
        font: 700 36px/42px "Open Sans", sans-serif
    }

    .counting__application {
        width: 354px;
        height: 210px;
        background: url(../images/application-icon.svg) no-repeat right 11px top 23px, -webkit-linear-gradient(333.66deg, #f9c7e8 0, #d185e5 100%);
        background: url(../images/application-icon.svg) no-repeat right 11px top 23px, linear-gradient(116.34deg, #f9c7e8 0, #d185e5 100%);
        padding: 47px 102px 0 52px;
        margin: 0 0 0 30px
    }

    .counting__application p {
        display: block;
        vertical-align: top
    }

    .counting__work {
        display: block;
        margin: 30px 0 0
    }

    .counting__company {
        width: 354px;
        height: 120px;
        display: inline-table;
        vertical-align: top;
        background: url(../images/company-icon.svg) no-repeat right 15px top 11px, -webkit-linear-gradient(333.66deg, #efdc34 0, #51d34f 100%);
        background: url(../images/company-icon.svg) no-repeat right 15px top 11px, linear-gradient(116.34deg, #efdc34 0, #51d34f 100%);
        padding: 4px 101px 0 51px
    }

    .counting__professional {
        width: 354px;
        height: 120px;
        display: inline-table;
        vertical-align: top;
        background: url(../images/professional-icon.svg) no-repeat right 13px top 13px, -webkit-linear-gradient(333.66deg, #7ce4fb 0, #8286ec 100%);
        background: url(../images/professional-icon.svg) no-repeat right 13px top 13px, linear-gradient(116.34deg, #7ce4fb 0, #8286ec 100%);
        padding: 4px 101px 0 51px;
        margin: 0 0 0 30px
    }

    .category {
        width: 738px;
        margin: 30px auto 0
    }

    .category__slider {
        margin: 20px 0 0
    }

    .category__slider-item {
        margin: 0 10px
    }

    .near {
        -webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, .08);
        box-shadow: 0 12px 12px rgba(0, 0, 0, .08)
    }

    .near__body {
        width: 738px;
        margin: 40px auto 0;
        padding: 0 0 57px
    }

    .near__category {
        margin: 30px 0 50px
    }

    .near__category:first-child {
        margin-top: 33px
    }

    .near__category-list {
        margin: 30px 0 0
    }

    .near__category-item {
        width: 354px;
        margin-right: 16px
    }

    .near__top {
        height: 96px;
        padding: 22px 12px 0 13px
    }

    .near__desc {
        height: 70px;
        margin: 15px 0 0;
        padding: 0 12px 0 13px
    }

    .near__info {
        padding: 14px 12px 13px 13px
    }

    .near__about {
        width: -webkit-calc(100% - 163px);
        width: calc(100% - 163px);
        display: inline-block;
        vertical-align: top;
        margin-left: 21px
    }

    .near__category-btn {
        margin: 70px 0 0
    }

    .footer__info-body {
        width: 738px;
        margin: 0 auto;
        padding: 70px 0 53px
    }

    .footer__logo {
        display: block;
        vertical-align: top
    }

    .footer__logo img {
        margin: 0 auto;
        width: 268px
    }

    .footer__category {
        width: 290px;
        margin: 62px 0 0
    }

    .footer__chapter {
        width: 170px;
        margin: 62px 0 0 25px
    }

    .footer__contact {
        width: 203px;
        margin: 62px 0 0 50px
    }

    .footer__bottom-body {
        width: 738px;
        margin: 0 auto;
        padding: 25px 0 25px
    }

    .choose-town {
        width: 738px;
        padding: 44px 71px 61px
    }

    .example__item {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .example__list {
        min-height: 150px
    }

    .example__item img {
        width: 100%;
        object-fit: cover;
        height: 150px
    }

    .dec-tab {
        display: none !important
    }

    .tab {
        display: block !important
    }

    .card {
        width: 100%;
        margin: 30px auto 0
    }

    .card__master {
        width: auto;
        display: table;
        margin: 0 auto !important;
        padding: 28px 56px 35px 51px
    }

    .card__master-photo {
        display: inline-block;
        vertical-align: top
    }

    .card__master-name {
        width: 224px;
        display: inline-block;
        vertical-align: top;
        margin: 8px 0 0 32px;
        text-align: left
    }

    .card__master-location {
        float: right;
        display: inline-block;
        vertical-align: top;
        margin: 13px 0 0
    }

    .card__master-distance {
        display: block;
        background: url(../images/distance-icon.svg) no-repeat 2px 2px;
        padding-left: 20px
    }

    .card__master-map {
        display: block;
        float: right;
        background: url(../images/map-icon.svg) no-repeat left center;
        padding-left: 20px;
        margin: 11px 0 0
    }

    .card__master-call {
        width: 305px;
        margin: 24px 0 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .card__master-write {
        width: 305px;
        margin: 24px 0 0 21px;
        display: inline-block;
        vertical-align: top
    }

    .card__master-social {
        margin: 11px 0 0;
        text-align: left
    }

    .card__master-social li {
        margin-right: 27px
    }

    .card__content {
        width: 100%;
        display: block;
        margin: 30px 0 0
    }

    .card__edit {
        width: 738px;
        margin: 0 auto 20px;
        display: inherit
    }

    .card__title {

        margin: 0 auto
    }

    .card__desc {

        margin: 13px auto 0
    }

    .card__brief {

        margin: 15px auto 0
    }

    .card__gallery {
        margin: 30px 15px 0;

    }

    .card__gallery-category {
        width: 32.9%;
        height: 180px;
        margin-right: .65%;
        margin-bottom: 5px
    }

    .card__gallery-main {
        cursor: pointer
    }

    .card__gallery-main img {
        width: 100%;
        border-radius: 6px;
        object-fit: cover;
        height: 180px
    }

    #map {
        margin: 0px 15px 0;
    }

    .card__services {
        width: 738px;
        margin: 49px auto 0
    }

    .card__services-main-item {
        padding: 8px 0 5px
    }

    .card__services-name {
        width: 370px
    }

    .card__services-time {
        width: 190px;
        padding-left: 0;
        margin-left: 10px
    }

    .card__services-price {
        width: 170px;
        padding-left: 0
    }

    .card__about-ed__change {
        margin-left: 15px
    }

    .card__map {
        margin: 40px 0 0
    }

    .card__rate {
        width: 738px;
        margin: 40px auto 0
    }

    .card__rate-item {
        width: 242px;
        margin-right: 5px;
        padding: 29px 18px 33px
    }

    .card__rate-icon {
        width: 67px;
        right: 18px
    }

    .card__rate-list {
        margin: 28px 0 0;

    }

    .card__rate-price {
        margin: 16px 0 0
    }

    .card__rate-btn {
        margin: 27px 0 0
    }

    .card__rate-btn a {
        height: 46px
    }

    .card__about {
        width: 738px;
        margin: 40px auto 0
    }

    .card__about-desc p {
        margin-bottom: 10px
    }

    .card__about-ed {
        margin: 39px 0 0
    }

    .card__about-ed__title {
        padding-bottom: 7px
    }

    .card__about-ed__list {
        margin: 20px 0 0
    }

    .card__about-ed__list li {
        font: 16px/24px "Open Sans", sans-serif;
        color: #000;
        position: relative;
        padding: 0 0 0 26px;
        margin-bottom: 20px
    }

    .card__about-ed__list li a {
        background: url(../images/pdf.png) no-repeat 0 center;
        color: #0091fb;
        padding: 0 0 0 22px
    }

    .card__about-ed__list li:before {
        top: 10px;
        left: 11px;
        width: 4px;
        height: 4px
    }

    .card__about-exp {
        margin: 39px 0 0
    }

    .card__about-exp__title {
        padding-bottom: 7px
    }

    .card__about-exp__list {
        margin: 20px 0 0
    }

    .card__about-exp__list li {
        font: 16px/24px "Open Sans", sans-serif;
        padding: 0 0 0 26px;
        margin-bottom: 20px
    }

    .card__about-exp__list li:before {
        top: 10px;
        left: 11px;
        width: 4px;
        height: 4px
    }

    .card__about-sert {
        margin: 39px 0 0
    }

    .card__about-sert__title {
        padding-bottom: 7px
    }

    .card__about-sert__slider {
        margin: 35px 57px 0
    }

    .card__about-sert__img {
        width: 143px;
        height: 143px;
        border-radius: 12px;
        border: 1px solid #e4e4e4;
        display: table
    }

    .card__about-sert__img p {
        display: table-cell;
        vertical-align: middle
    }

    .card__about-sert__img p img {
        margin: 0 auto;
        max-width: 100%;
        max-height: 100%
    }

    .card__about-feed {
        margin: 39px 0 0
    }

    .card__about-feed__top {
        padding-bottom: 7px
    }

    .card__about-feed__content {
        margin: 18px 0 0
    }

    .card__about-feed__about {
        width: 109px
    }

    .card__about-feed__review {
        margin: 3px 0 0 39px
    }

    .card__about-feed__img {
        margin: 68px 0 0
    }

    .breadcrumbs {
        width: 738px
    }

    .about {
        width: 738px
    }

    .about__body {
        margin: 13px 0 0
    }

    .about__img {
        float: none;
        margin: 0;
        padding-left: 0;
        width: 100%
    }

    .about__desc {
        width: 100%;
        margin: 29px 0 0
    }

    .statistics {
        margin: 58px 0 0
    }

    .statistics__body {
        width: 738px;
        padding: 61px 0
    }

    .statistics__application {
        width: 226px;
        height: 218px;
        background: url(../images/application-icon.svg) no-repeat right 30px top 30px/78px, -webkit-linear-gradient(333.66deg, #f9c7e8 0, #d185e5 100%);
        background: url(../images/application-icon.svg) no-repeat right 30px top 30px/78px, linear-gradient(116.34deg, #f9c7e8 0, #d185e5 100%);
        padding: 93px 30px 0
    }

    .statistics__company {
        width: 226px;
        height: 218px;
        background: url(../images/company-icon.svg) no-repeat right 30px top 25px/54px, -webkit-linear-gradient(333.66deg, #efdc34 0, #51d34f 100%);
        background: url(../images/company-icon.svg) no-repeat right 30px top 25px/54px, linear-gradient(116.34deg, #efdc34 0, #51d34f 100%);
        padding: 93px 24px 0;
        margin-left: 30px
    }

    .statistics__professional {
        width: 226px;
        height: 218px;
        background: url(../images/professional-icon.svg) no-repeat right 20px top 31px/65px, -webkit-linear-gradient(333.66deg, #7ce4fb 0, #8286ec 100%);
        background: url(../images/professional-icon.svg) no-repeat right 20px top 31px/65px, linear-gradient(116.34deg, #7ce4fb 0, #8286ec 100%);
        padding: 93px 0 0 18px;
        margin-left: 30px
    }

    .contactinfo {
        width: 738px;
        margin: 45px auto 65px
    }

    .contactinfo__left {
        width: 100%;
        display: block
    }

    .contactinfo__right {
        width: 100%;
        display: block;
        margin: 56px 0 0;
        padding: 51px 0 71px;
        text-align: center
    }

    .contactinfo__right-title {
        width: 426px;
        margin: 0 auto
    }

    .contactinfo__right-desc {
        width: 426px;
        margin: 35px auto 0
    }

    .help {
        width: 738px
    }

    .help__body {
        width: 100%;
        display: block
    }

    .help__menu {
        display: none
    }

    .question {
        width: 738px;
        margin: 57px auto 59px;
        background: url(../images/question-icon.png) no-repeat right 25px top 33px, -webkit-linear-gradient(334deg, #7ce4fb 0, #8286ec 100%);
        background: url(../images/question-icon.png) no-repeat right 25px top 33px, linear-gradient(116deg, #7ce4fb 0, #8286ec 100%);
        padding: 57px 0 40px 83px
    }

    .question__title {
        width: 330px;
        display: block;
        vertical-align: top
    }

    .question__title h2 {
        font: 700 48px/55px "Open Sans", sans-serif
    }

    .question__form {
        padding-left: 0;
        display: block;
        vertical-align: top;
        margin: 54px 0 0
    }

    .contacts {
        width: 738px
    }

    .contacts__body {
        margin: 45px 0 0
    }

    .contacts__info {
        width: 270px
    }

    .contacts__map {
        width: -webkit-calc(100% - 282px);
        width: calc(100% - 282px);
        margin-left: 12px
    }

    .contacts__map iframe {
        height: 248px
    }

    .contacts__form {
        margin: 111px 0 188px
    }

    .pcart__body {
        width: 738px;
        padding: 85px 0 0;
    }

    .card__gallery-popup__body {
        width: 738px
    }

    .pservice__close {
        right: 25px
    }

    .pservice {
        width: 738px;
        padding: 49px 40px 101px
    }

    .pservice__sign {
        margin: 48px 0 0
    }

    .pservice__calendar {
        width: 407px;
        display: block;
        margin: 0 auto
    }

    .pservice__date {
        width: 407px;
        min-height: 363px;
        display: block;
        margin: 30px auto 0
    }

    .pservice__desc {
        padding: 21px 0 21px 21px
    }

    .catalog {
        width: 738px
    }

    .catalog__work-body .near__category-item {
        margin: 0 30px 30px 0
    }

    .catalog__work-body .near__category-item:nth-child(3n) {
        margin-right: 30px
    }

    .catalog__work-body .near__category-item:nth-child(2n) {
        margin-right: 0
    }

    .catalog__service-body .near__category-item {
        margin: 0 30px 30px 0
    }

    .catalog__service-body .near__category-item:nth-child(3n) {
        margin-right: 30px
    }

    .catalog__service-body .near__category-item:nth-child(2n) {
        margin-right: 0
    }

    .prate {
        width: 738px;
        padding: 29px 25px 23px
    }

    .prate__table table {
        width: 100%;
        border: 0
    }

    .prate__table table td {
        height: 35px;
    }

    .prate__table table thead td {
        font: 600 16px/35px "Open Sans", sans-serif
    }

    .prate__table table thead td:first-child {
        font: 600 14px/24px "Open Sans", sans-serif;
        padding-left: 10px;
    }

    .prate__table table tbody td .prate__table-check input {
        width: 100%;
        height: 100%;
        border: 0;
        background: 0 0;
        padding-left: 10px;
        font: 13px / 24px "Open Sans", sans-serif;
        color: #000;
    }

    .prate__note {
        padding: 15px 15px;
    }

    .example__edit {
        position: absolute;
        top: 55px;
        right: 15px;
        left: auto;
        width: 236px;
        height: auto;
        background: #fff;
        text-align: center;
        padding: 20px 0 23px;
        z-index: 3;
        -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
        border-radius: 6px;
        display: none
    }

    .example__edit:before {
        content: '';
        position: absolute;
        right: 17px;
        top: -14px;
        border: 8px solid transparent;
        border-bottom: 8px solid #fff
    }

    .example__editicon {
        position: absolute;
        top: 14px;
        right: 20px;
        cursor: pointer
    }

    .example__edit-change {
        margin: 0
    }

    .example__edit-change button {
        font: 600 14px/20px "Open Sans", sans-serif;
        color: #000;
        cursor: pointer
    }

    .example__edit-change button:hover {
        background: rgba(0, 0, 0, .1)
    }

    .example__edit-delete {
        margin: 14px 0 0
    }

    .example__edit-delete button {
        font: 600 14px/20px "Open Sans", sans-serif;
        color: #000;
        cursor: pointer
    }

    .example__edit-delete button:hover {
        background: rgba(0, 0, 0, .1)
    }

    .edit .card__master__info {

        vertical-align: top
    }

    .card__master-edit {
        float: left;
        margin-right: 50px;
        margin-top: 20px
    }

    .card__gallery .card__note {
        margin-right: 0;
        margin-left: 0
    }

    .card__note.map {
        margin: 45px 15px 20px;
    }

    .edit .card__rate-title h3 {
        font: 700 24px/50px "Open Sans", sans-serif
    }

    .edit .card__about-ed__title h4 {
        font: 18px/30px "Open Sans", sans-serif
    }

    .edit .card__about-exp__title h4 {
        font: 18px/30px "Open Sans", sans-serif
    }

    .edit .card__about-sert__title h4 {
        font: 18px/30px "Open Sans", sans-serif
    }

    .edit .card__about-ed__title h3 {
        font: 18px/30px "Open Sans", sans-serif
    }

    .edit .card__about-exp__title h3 {
        font: 18px/30px "Open Sans", sans-serif
    }

    .edit .card__about-sert__title h3 {
        font: 18px/30px "Open Sans", sans-serif
    }

    .card__profile {
        width: auto;
        display: block;
        margin: 30px 15px 90px
    }

    .card__profile-personal {
        margin: 29px 0 0
    }

    .card__profile-personal__pole {
        width: 220px;
        margin: 0 39px 20px 0
    }

    .card__profile-personal__btn button {
        margin-top: 5px;
    }

    .card__profile-personal__btn a {
        width: auto;
        padding: 0 20px;
        margin-top: 5px;
    }

    .card__master-edit__create a {
        font: 600 18px / 45px "Open Sans", sans-serif;
    }

    .card__profile-social__pole {
        width: 355px;
        margin: 0 28px 18px 0
    }

    .card__profile-social__btn button {
        width: 226px
    }

    .card__profile-social__network-pole {
        width: 638px
    }

    .card__profile-password__btn button {
        width: 226px
    }

    .card__gallery-add__name {
        width: 100%;
        display: block;
        margin-bottom: 20px
    }

    .card__gallery-add__time {
        margin-left: 0
    }

    

    

    

    .popedit.tarif {
        width: 95%;
    }
}


/* Responsive: max-width: 930px */
@media (max-width: 930px) {
    

    .modal-body img {
        max-width: 100%;
    }
}


/* Responsive: max-width: 805px */
@media (max-width: 805px) {
    .near__body {
        width: 700px
    }

    .near__category-item {
        width: 330px
    }

    .near__top {
        height: 126px
    }
}

/* Responsive: max-width: 767px */
@media (max-width: 767px) {

    .content-grid,
    .step2-layout {
        grid-template-columns: 1fr;
    }

    .preview-section {
        position: static;
    }

    .entity-selector {
        flex-direction: column;
    }

    .tarif-select-grid {
        grid-template-columns: 1fr;
    }

    .modal-header, .modal-footer, .preview-card {
        padding-top: 10px;
        padding-bottom: 10px;
    }

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

    .modal-header h2 {
        font-size: 1.2rem;
    }

    .form-section, .content-grid {
        gap: 0px;
    }

    .preview-card {
        padding: 10px;
    }

    .slick-initialized .slick-slide {
        margin-right: 10px;
    }

    .mob {
        display: block !important
    }

    .dec {
        display: none !important
    }

    .header__body {
        width: auto;
        margin: 0 auto;
        padding: 22px 15px 22px
    }

    .header__logo {
        margin: 0
    }

    .header__logo img {
        width: 150px
    }

    .header__geo {
        margin: 4px 0 0 15px
    }

    .header__geo:hover {
        background: url(../images/geo-hover.svg) no-repeat left center
    }

    .header__geo:hover a {
        border-bottom: 1px dashed #0359a9;
        color: #0359a9
    }

    .header__right {
        margin-right: 2px
    }

    .header__lk {
        margin: 4px 0px 0 15px;
    }

    .header__login {
        margin: 0
    }

    .header__btn.mob {
        display: inline-block !important
    }

    .header__info {
        width: 100%;
        display: table
    }

    .header__btn {
        margin: 22px 0 0;
        width: 54px;
        vertical-align: top
    }

    .header__btn button {
        width: 100%;
        height: 46px;
        border: 0;
        background: #0595d6 url(../images/menu1.png) no-repeat center / 30px;
        border-radius: 6px
    }

    .header__btn button:hover {
        background: #0359a9 url(../images/menu1.png) no-repeat center / 30px
    }

    .header__search {
        width: -webkit-calc(100% - 32px);
        width: calc(100% - 32px);
        display: inline-block !important;
        vertical-align: top;
        margin: 22px 0 0 18px
    }

    .header__search input {
        width: -webkit-calc(100% - 24px);
        width: calc(100% - 54px);
        height: 46px;
        border: 1px solid #cdcdcd;
        border-right: 0;
        border-radius: 6px 0 0 6px;
        text-indent: 11px
    }

    .header__search button {
        width: 54px;
        height: 46px;
        background: #0595d6 url(../images/search.svg) no-repeat center/19px
    }

    .header__search button:hover {
        background: #0359a9 url(../images/search.svg) no-repeat center/19px
    }

    .counting__body {
        width: 100%;
        margin: 0 auto;
        padding: 20px 15px 36px
    }

    .counting__title {
        width: auto;
        display: block;
        height: auto
    }

    .counting__title h1 {
        display: block;
        vertical-align: top;
        font: 700 26px/35px "Open Sans", sans-serif
    }

    .counting__application {
        width: 100%;
        height: 70px;
        display: table;
        vertical-align: top;
        background: url(../images/application-icon.svg) no-repeat right 9px center/76px, -webkit-linear-gradient(333.66deg, #f9c7e8 0, #d185e5 100%);
        background: url(../images/application-icon.svg) no-repeat right 9px center/76px, linear-gradient(116.34deg, #f9c7e8 0, #d185e5 100%);
        border-radius: 12px;
        padding: 0 67px 0 19px;
        margin: 19px 0 0
    }

    .counting__application p {
        display: table-cell;
        vertical-align: middle;
        font: 15px/18px "Open Sans", sans-serif;
        color: #fff
    }

    .counting__application p font {
        display: table-cell;
        vertical-align: middle;
        padding-left: 11px
    }

    .counting__application p span {
        width: 110px;
        display: table-cell;
        vertical-align: middle;
        font: 700 48px/65px "Open Sans", sans-serif
    }

    .counting__work {
        display: block;
        margin: 10px 0 0
    }

    .counting__company {
        width: 100%;
        height: 80px;
        display: table;
        background: url(../images/company-icon.svg) no-repeat right 14px center/54px, -webkit-linear-gradient(333.66deg, #efdc34 0, #51d34f 100%);
        background: url(../images/company-icon.svg) no-repeat right 14px center/54px, linear-gradient(116.34deg, #efdc34 0, #51d34f 100%);
        -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
        box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
        border-radius: 12px;
        padding: 0 65px 0 19px
    }

    .counting__company p {
        display: table-cell;
        vertical-align: middle;
        font: 15px/18px "Open Sans", sans-serif;
        color: #fff
    }

    .counting__company p font {
        display: table-cell;
        vertical-align: middle;
        padding-left: 11px
    }

    .counting__company p span {
        width: 110px;
        display: table-cell;
        vertical-align: middle;
        font: 700 48px/65px "Open Sans", sans-serif
    }

    .counting__professional {
        width: 100%;
        height: 80px;
        display: table;
        background: url(../images/professional-icon.svg) no-repeat right 7px center/65px, -webkit-linear-gradient(333.66deg, #7ce4fb 0, #8286ec 100%);
        background: url(../images/professional-icon.svg) no-repeat right 7px center/65px, linear-gradient(116.34deg, #7ce4fb 0, #8286ec 100%);
        -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
        box-shadow: 6px 6px 20px rgba(0, 0, 0, .12);
        border-radius: 12px;
        padding: 0 65px 0 19px;
        margin: 10px 0 0
    }

    .counting__professional p {
        display: table-cell;
        vertical-align: middle;
        font: 15px/18px "Open Sans", sans-serif;
        color: #fff
    }

    .counting__professional p font {
        display: table-cell;
        vertical-align: middle;
        padding-left: 11px
    }

    .counting__professional p span {
        width: 110px;
        display: table-cell;
        vertical-align: middle;
        font: 700 48px/65px "Open Sans", sans-serif
    }

    .category {
        width: 100%;
        margin: 20px auto 0;
        padding: 0 15px
    }

    .category__slider {
        margin: 20px 0 0
    }

    .category__slider-item {
        height: 180px;
        position: relative;
        border-radius: 6px;
        margin: 0 5px
    }

    .near__body {
        width: 100%;
        margin: 40px auto 0;
        padding: 0 15px 60px
    }

    .near__category {
        margin: 0 0 30px
    }

    .near__category:first-child {
        margin-top: 20px
    }

    .near__category-all {
        margin: 22px 3px 0 0
    }

    .near__category-list {
        margin: 30px 0 0
    }

    .near__category-item {
        width: -webkit-calc(100% - 16px);
        width: calc(100% - 16px)
    }

    .near__top {
        height: auto;
        padding: 23px 25px 0 24px
    }

    .near__title h2 {
        font: 700 26px / 48px "Open Sans", sans-serif;
    }

    .near__desc {
        height: auto;
        margin: 15px 0 0;
        padding: 0 25px 23px 24px
    }

    .near__info {
        padding: 14px 25px 14px 24px
    }

    .near__about {
        width: -webkit-calc(100% - 163px);
        width: calc(100% - 163px);
        margin-left: 21px
    }

    .near__map {
        right: 25px
    }

    .near__category-btn {
        margin: 59px 0 0
    }

    .footer__info-body {
        width: 100%;
        margin: 0 auto;
        padding: 60px 15px 51px
    }

    .footer__logo {
        display: block
    }

    .footer__logo img {
        width: 268px;
        margin: 0 auto
    }

    .footer__category {
        width: auto;
        display: block;
        margin: 65px 0 0;
        border-bottom: 1px solid #d9d9d9;
        padding: 0 0 18px
    }

    .footer__chapter {
        width: auto;
        display: block;
        margin: 15px 0 0;
        border-bottom: 1px solid #d9d9d9;
        padding: 0 0 18px
    }

    .footer__contact {
        width: auto;
        display: block;
        margin: 15px 0 0;
        border-bottom: 1px solid #d9d9d9;
        padding: 0 0 18px
    }

    .footer__name {
        margin: 0;
        background: url(../images/plus-icon-blue.svg) no-repeat right center
    }

    .footer__name.click {
        background: url(../images/minus-icon-blue.svg) no-repeat right center
    }

    .footer__list {
        margin: 16px 0 0;
        display: none
    }

    .footer__list li {
        margin-bottom: 16px
    }

    .footer__list.active {
        display: block
    }

    .footer__adress,
    .footer__email,
    .footer__phone {
        margin-bottom: 15px
    }

    .footer__adress p,
    .footer__email p,
    .footer__phone p,
    .footer__work p {
        font: 16px/22px "Open Sans", sans-serif;
        color: #000
    }

    .footer__bottom {
        background: #d9d9d9
    }

    .footer__bottom-body {
        width: 100%;
        margin: 0 auto;
        padding: 24px 15px 24px
    }

    .footer__copy {
        display: inline-block
    }

    .footer__copy p {
        font: 15px/20px "Open Sans", sans-serif;
        color: #000
    }

    .footer__link {
        float: right;
        display: inline-block
    }

    .footer__link a {
        font: 15px/20px "Open Sans", sans-serif;
        color: #000;
        text-decoration: none
    }

    .footer__link a:hover {
        border-bottom: 1px dashed #000
    }

    .penter {
        top: 52px;
        width: 407px;
        max-width: -webkit-calc(100% - 30px);
        max-width: calc(100% - 30px);
        padding: 52px 18px 57px 19px;
    }

    .capcha-block img {
        max-width: 100%
    }

    .choose-town {
        top: 100px;
        width: 407px;
        max-width: -webkit-calc(100% - 30px);
        max-width: calc(100% - 30px);
        padding: 44px 12px 61px
    }

    .choose-town__list ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .choose-town__list li {
        padding: 10px 0 10px 20px
    }

    .choose-town__form {
        margin: 33px 10px 0 20px;
        border: 1px solid #cdcdcd;
        border-radius: 6px
    }

    .choose-town__form .form-group.input {
        width: -webkit-calc(100% - 58px);
        width: calc(100% - 58px)
    }

    .choose-town__form .form-group.input input {
        width: 100%;
        padding-left: 29px
    }

    .choose-town__form .form-group.btn {
        margin-left: 0
    }

    .choose-town__form button {
        width: 58px
    }

    .example__list {
        min-height: 105px
    }

    .example__item img {
        height: 105px
    }

    .card {
        width: 100%;
        margin: 20px auto 0
    }

    .card__master {
        width: 470px;
        max-width: 100%;
        display: block;
        margin: 0 auto !important;
        padding: 28px 51px 45px
    }

    .card__master-photo {
        display: block
    }

    .card__master-name {
        width: auto;
        margin: 17px 0 0;
        display: block;
        text-align: center
    }

    .card__master-location {
        margin: 33px 0 0;
        float: none;
        display: block
    }

    .card__master-distance {
        display: inline-block;
        vertical-align: top;
        background: url(../images/distance-icon.svg) no-repeat 2px 2px;
        padding-left: 20px
    }

    .card__master-distance p {
        font: 14px/19px "Open Sans", sans-serif;
        color: grey
    }

    .card__master-map {
        display: inline-block;
        vertical-align: top;
        float: right;
        background: url(../images/map-icon.svg) no-repeat left center;
        padding-left: 20px;
        margin: 0
    }

    .card__master-call {
        margin: 33px 0 0;
        width: auto;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .card__master-write {
        margin: 20px 0 0;
        width: auto;
        display: block
    }

    .card__master-social {
        margin: 37px 0 0;
        text-align: center
    }

    .card__content {
        width: 100%;
        display: block;
        vertical-align: top;
        margin: 30px 0 0
    }

    .card__edit {
        width: 100%;
        padding: 0 15px
    }

    .card__edit .card__about-ed__edit {
        text-align: right;
        margin-top: 0;
        float: none
    }

    .card__title {
        padding: 0 0px;
        width: auto
    }

    .card__desc {
        margin: 13px 0 0;
        padding: 0 0px;
        width: auto
    }

    .card__brief {
        margin: 19px 0 0;
        padding: 0 0px;
        width: auto
    }

    .card__gallery {
        margin: 30px 0 0;
        padding: 0 15px
    }

    .card__gallery-category {
        width: 100%;
        height: 290px;
        display: block;
        margin-right: 0;
        margin-bottom: 30px
    }

    .card__gallery-category:last-child {
        margin-bottom: 0
    }

    .card__gallery-main img {
        height: 290px
    }

    .card__gallery-desc {
        padding: 17px 30px 0 20px
    }

    .card__gallery-title {
        position: absolute;
        bottom: 53px;
        left: 0;
        padding: 0 107px 0 20px
    }

    .card__gallery-title p {
        font: 600 15px/16px "Open Sans", sans-serif
    }

    .card__gallery-bottom {
        position: absolute;
        bottom: 19px;
        left: 0;
        width: 100%;
        padding: 0 16px 0 20px
    }

    .card__gallery-price {
        margin: 4px 0 0
    }

    .card__gallery-price p {
        font: 600 18px/20px "Open Sans", sans-serif
    }

    .card__gallery-count {
        float: right;
        display: inline-block;
        vertical-align: top;
        width: 36px;
        height: 32px;
        background: url(../images/count-icon.svg) no-repeat 0 0;
        padding: 4px 0 0
    }

    .card__gallery-count p {
        width: 30px;
        text-align: center;
        font: 700 16px/20px "Open Sans", sans-serif;
        color: #fff
    }

    .card__gallery-category .card__gallery-desc {
        display: block
    }

    .card__gallery-altitle h4 {
        font: 28px/36px "Open Sans", sans-serif;
        color: #fff
    }

    .card__gallery-altitle h3 {
        font: 28px/36px "Open Sans", sans-serif;
        color: #fff
    }

    .card__services {
        width: 100%;
        margin: 9px 0 0;
        padding: 0 15px
    }

    .card__services-main-item {
        padding: 21px 0 45px;
    }

    .card__services-item {
        width: 100%;

        display: block
    }

    .card__services-main-item .card__gallery {
        padding: 0
    }

    .card__services-name {
        width: 100%;
        display: block;
        vertical-align: top;
        margin-bottom: 6px
    }

    .card__services-time {
        width: 28%;
        display: inline-block;
        padding-left: 0
    }

    .card__services-price {
        width: 27%;
        display: inline-block;
        padding-left: 2%
    }

    .card__services-btn {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
    }

    .card__services-btn button {
        width: auto;
        height: 25px;
        border-radius: 0;
        border: 0;
        border-bottom: 1px dashed #0595d6;
        font: 14px/20px "Open Sans", sans-serif;
        color: #0595d6;
        background: #fff;
        padding: 0
    }

    .card__services-btn button:hover {
        background: #0595d6;
        color: #fff
    }

    .card__map {
        margin: 30px 0 0
    }

    .card__map iframe {
        width: 100%;
        height: 437px
    }

    .card__rate {
        width: 100%;
        margin: 42px 0 0;
        padding: 0 15px
    }

    .card__rate-title h3 {
        font: 700 24px/58px "Open Sans", sans-serif;
        color: #000
    }

    .card__rate-content {
        margin: 38px 0 0
    }

    .card__rate-item {
        width: auto;
        display: block;
        vertical-align: top;
        margin: 0 auto 20px;
        border-radius: 12px;
        background: #fff;
        -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
        padding: 28px 18px 33px;
        position: relative
    }

    .card__rate-item:last-child {
        margin: 0 auto
    }

    .card__rate-icon {
        position: absolute;
        top: -14px;
        right: 19px;
        width: 70px;
        height: 70px;
        border-radius: 12px;
        display: table;
        background: -webkit-linear-gradient(315deg, #7ce4fb 0, #8286ec 100%);
        background: linear-gradient(135deg, #7ce4fb 0, #8286ec 100%)
    }

    .card__rate-icon p {
        display: table-cell;
        vertical-align: middle
    }

    .card__rate-icon p img {
        margin: 0 auto
    }

    .card__rate-item:nth-child(2) .card__rate-icon {
        background: -webkit-linear-gradient(315deg, #f9c7e8 0, #d185e5 100%), -webkit-linear-gradient(315deg, #7ce4fb 0, #8286ec 100%);
        background: linear-gradient(135deg, #f9c7e8 0, #d185e5 100%), linear-gradient(135deg, #7ce4fb 0, #8286ec 100%)
    }

    .card__rate-item:nth-child(3) .card__rate-icon {
        background: -webkit-linear-gradient(315deg, #efdc34 0, #51d34f 100%);
        background: linear-gradient(135deg, #efdc34 0, #51d34f 100%)
    }

    .card__rate-name p {
        font: 700 20px/30px "Open Sans", sans-serif;
        color: #000
    }

    .card__rate-list {
        margin: 26px 0 0;
        height: auto !important
    }

    .card__rate-list li {
        font: 14px/16px "Open Sans", sans-serif;
        color: #000;
        position: relative;
        padding: 0 0 0 21px;
        margin-bottom: 15px
    }

    .card__rate-list li:last-child {
        margin-bottom: 0
    }

    .card__rate-list li:before {
        content: "";
        position: absolute;
        top: 6px;
        left: 9px;
        width: 3px;
        height: 4px;
        border-radius: 50%;
        background: #000
    }

    .card__rate-price {
        margin: 26px 0 0;
        text-align: center
    }

    .card__rate-price p {
        font: 700 20px/30px "Open Sans", sans-serif;
        color: #000
    }

    .card__rate-btn {
        margin: 27px 0 0;
        text-align: center
    }

    .card__rate-btn a {
        width: 136px;
        height: 46px;
        border-radius: 6px;
        background: #0595d6;
        border: 0;
        font: 16px/20px "Open Sans", sans-serif;
        color: #fff;
        padding: 14px 30px
    }

    .card__rate-btn a:hover {
        background: #0359a9
    }

    .card__about {
        width: auto;
        margin: 78px 0 0;
        padding: 0 15px
    }

    .card__about-desc {
        margin: 30px 0 0
    }

    .card__about-ed {
        margin: 30px 0 0
    }

    .card__about-ed__title {
        padding-bottom: 10px;
        background: url(../images/about-arr.svg) no-repeat right center;
        cursor: pointer
    }

    .card__about-ed__title h4 {
        font: 20px/30px "Open Sans", sans-serif
    }

    .card__about-ed__title h3 {
        font: 20px/30px "Open Sans", sans-serif
    }

    .card__about-ed__title.active {
        background: url(../images/about-arr-open.svg) no-repeat right center
    }

    .card__about-ed__list {
        margin: 20px 0 0;
        display: none
    }

    .card__about-ed__list li {
        font: 16px/24px "Open Sans", sans-serif;
        padding: 0 0 0 21px;
        margin-bottom: 15px
    }

    .card__about-ed__list li:before {
        content: "";
        position: absolute;
        top: 6px;
        left: 9px;
        width: 3px;
        height: 4px;
        border-radius: 50%;
        background: #000
    }

    .card__about-ed__list.active {
        display: block
    }

    .card__about-exp {
        margin: 30px 0 0
    }

    .card__about-exp__title {
        padding-bottom: 10px;
        background: url(../images/about-arr.svg) no-repeat right center;
        cursor: pointer
    }

    .card__about-exp__title h4 {
        font: 20px/30px "Open Sans", sans-serif
    }

    .card__about-exp__title.active {
        background: url(../images/about-arr-open.svg) no-repeat right center
    }

    .card__about-exp__list {
        margin: 20px 0 0;
        display: none
    }

    .card__about-exp__list li {
        font: 16px/24px "Open Sans", sans-serif;
        padding: 0 0 0 21px;
        margin-bottom: 15px
    }

    .card__about-exp__list li:before {
        content: "";
        position: absolute;
        top: 6px;
        left: 9px;
        width: 3px;
        height: 4px;
        border-radius: 50%;
        background: #000
    }

    .card__about-exp__list.active {
        display: block
    }

    .card__about-sert {
        margin: 20px 0 0
    }

    .card__about-sert__title {
        background: url(../images/about-arr.svg) no-repeat right center;
        cursor: pointer;
        padding-bottom: 10px
    }

    .card__about-sert__title h3 {
        font: 20px/30px "Open Sans", sans-serif
    }

    .card__about-sert__title h4 {
        font: 20px/30px "Open Sans", sans-serif
    }

    .card__about-sert__title.active {
        background: url(../images/about-arr-open.svg) no-repeat right center
    }

    .card__about-sert__slider {
        margin: 35px 44px 0;
        display: none
    }

    .card__about-sert__slider.active {
        display: block
    }

    .card__about-sert__img {
        width: 150px;
        height: 150px;
        border-radius: 12px;
        border: 1px solid #e4e4e4;
        display: table
    }

    .card__about-sert__img p {
        display: table-cell;
        vertical-align: middle
    }

    .card__about-sert__img p img {
        margin: 0 auto;
        max-width: 100%;
        max-height: 100%
    }

    .card__about-feed {
        margin: 50px 0 0
    }

    .card__about-feed__top {
        padding-bottom: 10px
    }

    .card__about-feed__wr {
        margin: 3px 0 0 0;
        padding-right: 24px
    }

    .card__about-feed__tab {
        margin: 9px 0 0;
        display: none
    }

    .card__about-feed__tab.active {
        display: block
    }

    .card__about-feed__item {
        padding: 30px 0 30px
    }

    .card__about-feed__about {
        width: 108px
    }

    .card__about-feed__review {
        width: -webkit-calc(100% - 148px);
        width: calc(100% - 148px);
        margin: 3px 0 0 40px
    }

    .card__about-feed__img {
        margin: 16px 0 0
    }

    .card__about-feed__star {
        float: none;
        margin: 20px 0 0
    }

    .card__gallery-add__body input {
        padding: 0 0 0 10px;
        font: 600 14px / 24px "Open Sans", sans-serif;
    }

    .card__gallery-sliderfor__img-change {
        display: table;
        margin: 0 auto
    }

    .card__gallery-sliderfor__img-delete {
        display: table;
        margin: 20px auto 0
    }

    .card__gallery-sliderfor__img-edit {
        left: 0;
        width: 100%;
    }

    .near__category-title h3 {
        font: 700 22px / 56px "Open Sans", sans-serif;
        color: #000;
    }

    .card__info {
        display: block
    }

    .card__about-title h1 {
        font: 700 26px / 38px "Open Sans", sans-serif;
    }

    .near__top-title a {
        font: 700 14px / 20px "Open Sans", sans-serif;
    }

    .breadcrumbs {
        width: 100%;
        margin: 16px auto 0;
        padding: 0 15px
    }

    .about {
        width: 100%;
        padding: 0 15px
    }

    .about__body {
        margin: 16px 0 0
    }

    .about__desc {
        margin: 32px 0 0
    }

    .about__title h1 {
        font: 700 24px / 38px "Open Sans", sans-serif;
    }

    .about__body ul {
        margin-left: 20px;
    }

    .statistics {
        margin: 34px 0 0
    }

    .statistics__body {
        width: 100%;
        margin: 0 auto;
        padding: 37px 15px 38px
    }

    .statistics__application {
        width: 100%;
        height: 80px;
        display: table;
        background: url(../images/application-icon.svg) no-repeat right 9px top 17px/76px, -webkit-linear-gradient(333.66deg, #f9c7e8 0, #d185e5 100%);
        background: url(../images/application-icon.svg) no-repeat right 9px top 17px/76px, linear-gradient(116.34deg, #f9c7e8 0, #d185e5 100%);
        padding: 8px 0px 0 19px
    }

    .statistics__application p {
        font: 15px/18px "Open Sans", sans-serif;
        color: #fff
    }

    .statistics__application p span {
        display: table-cell;
        vertical-align: middle;
        font: 700 48px/65px "Open Sans", sans-serif;
        margin-bottom: 0
    }

    .statistics__application p font {
        display: table-cell;
        vertical-align: middle;
        padding-left: 11px
    }

    .statistics__company {
        width: 100%;
        height: 80px;
        display: table;
        background: url(../images/company-icon.svg) no-repeat right 9px top 17px/65px, -webkit-linear-gradient(333.66deg, #efdc34 0, #51d34f 100%);
        background: url(../images/company-icon.svg) no-repeat right 9px top 17px/65px, linear-gradient(116.34deg, #efdc34 0, #51d34f 100%);
        padding: 8px 0px 0 19px;
        margin: 20px 0 0
    }

    .statistics__company p {
        font: 15px/18px "Open Sans", sans-serif;
        color: #fff
    }

    .statistics__company p span {
        display: table-cell;
        vertical-align: middle;
        font: 700 48px/65px "Open Sans", sans-serif;
        margin-bottom: 0
    }

    .statistics__company p font {
        display: table-cell;
        vertical-align: middle;
        padding-left: 11px
    }

    .statistics__professional {
        width: 100%;
        height: 80px;
        display: table;
        background: url(../images/professional-icon.svg) no-repeat right 14px top 11px/54px, -webkit-linear-gradient(333.66deg, #7ce4fb 0, #8286ec 100%);
        background: url(../images/professional-icon.svg) no-repeat right 14px top 11px/54px, linear-gradient(116.34deg, #7ce4fb 0, #8286ec 100%);
        padding: 8px 0px 0 19px;
        margin: 20px 0 0
    }

    .statistics__professional p {
        font: 15px/18px "Open Sans", sans-serif;
        color: #fff
    }

    .statistics__professional p span {
        display: table-cell;
        vertical-align: middle;
        font: 700 48px/65px "Open Sans", sans-serif;
        margin-bottom: 0
    }

    .statistics__professional p font {
        display: table-cell;
        vertical-align: middle;
        padding-left: 11px
    }

    .contactinfo {
        width: 100%;
        margin: 32px auto 67px;
        padding: 0 15px
    }

    .contactinfo__left-title {
        margin-bottom: 56px
    }

    .contactinfo__left-title h2 {
        font: 700 32px/46px "Open Sans", sans-serif
    }

    .contactinfo__right {
        margin: 53px 0 0;
        padding: 51px 0 71px
    }

    .contactinfo__right-title {
        width: 90%;
        margin: 0 auto
    }

    .contactinfo__right-title h2 {
        font: 700 28px / 34px "Open Sans", sans-serif;
        color: #000;
    }

    .contactinfo__right-desc {
        width: 100%;
    }

    .contactinfo__right-desc p {
        font: 18px / 34px "Open Sans", sans-serif;
        color: #000;
    }

    .contactinfo__right-btn {
        margin: 51px 0 0
    }

    .contactinfo__right-btn button {
        width: 270px;
        height: 46px
    }

    .help {
        width: 100%;
        padding: 0 15px
    }

    .faq {
        margin-top: 25px
    }

    .help__title-question {
        padding: 13px 63px 20px 26px;
        background: url(../images/faq-close.svg) no-repeat right 12px center
    }

    .help__title-question.active {
        background: url(../images/faq-open.svg) no-repeat right 12px center
    }

    .help__title-answer {
        display: none;
        padding: 41px 26px 49px 20px
    }

    .question {
        width: auto;
        display: block;
        margin: 51px 15px 44px;
        border-radius: 12px;
        background: url(../images/question-icon.png) no-repeat right 14px top 80px/102px, -webkit-linear-gradient(334deg, #7ce4fb 0, #8286ec 100%);
        background: url(../images/question-icon.png) no-repeat right 14px top 80px/102px, linear-gradient(116deg, #7ce4fb 0, #8286ec 100%);
        padding: 29px 0 58px 45px
    }

    .question__title {
        width: auto
    }

    .question__title h2 {
        font: 700 40px/48px "Open Sans", sans-serif
    }

    .question__form {
        margin: 67px 0 0
    }

    .question__form .form-group {
        width: 297px;
        display: block;
        margin: 0 0 30px
    }

    .question__form .form-group input {
        width: 100%;
        height: 26px
    }

    .question__form .form-group .control-label {
        margin: 0
    }

    .question__form .form-group textarea {
        margin: 3px 0 0
    }

    .question__form .form-group:nth-child(2n) {
        mmargin-right: 0
    }

    .question__form .form-group:nth-last-child(2) {
        margin-bottom: 30px
    }

    .question__form .penter__btn {
        margin: 29px 0 0;
        width: 297px
    }

    .question__form .penter__btn button {
        width: 100%;
        height: 46px
    }

    .question__form .form-group__desc {
        margin: 11px 0 0 3px
    }

    .help__title-question p {
        font: 600 16px / 24px "Open Sans", sans-serif;
    }

    .contacts {
        width: 100%;
        padding: 0 15px
    }

    .contacts__body {
        margin: 16px 0 0
    }

    .contacts__info {
        width: 100%;
        display: block
    }

    .contacts__info-phone {
        display: none
    }

    .contacts__map {
        width: 100%;
        display: block;
        margin: 32px 0 0
    }

    .contacts__map iframe {
        height: 248px
    }

    .contacts__form {
        margin: 41px 0 69px
    }

    .contacts__form-body {
        margin: 42px 0 0
    }

    .contacts__form-title {
        text-align: center
    }

    .contacts__form-left {
        width: 407px;
        max-width: 100%;
        display: block;
        margin: 0 auto
    }

    .contacts__form-right {
        width: 407px;
        max-width: 100%;
        display: block;
        margin: 20px auto 0
    }

    .contacts__form-bottom {
        margin: 34px 0 0
    }

    .penter__btn {
        display: block;
        text-align: center
    }

    .penter__btn button {
        width: 219px
    }

    .form-group__desc {
        width: 407px;
        max-width: 100%;
        display: block;
        text-align: center;
        margin: 20px auto 0
    }

    .pcart__body {
        width: 100%;
        margin: 0 auto;
        padding: 58px 0 0
    }

    .pcart__close {
        top: 14px;
        right: 15px
    }

    .pcart__close img {
        width: 48px
    }

    .pcart__top {
        padding: 0 15px
    }

    .pcart__title {
        width: auto;
        display: block;
        vertical-align: top
    }

    .pcart__title h3 {
        font: 700 32px/44px "Open Sans", sans-serif;
        color: #fff
    }

    .pcart__info {
        width: 374px;
        display: block;
        vertical-align: top;
        margin: 19px 0 0
    }

    .pcart__choice {
        margin: 25px 0 0
    }

    .pcart__gallery {
        margin: -4px 15px 0;
        padding: 27px 0 0
    }

    .pcart__gallery-title {
        padding: 0
    }

    .pcart__gallery-title h3 {
        font: 30px/36px "Open Sans", sans-serif
    }

    .pcard__gallery-sliderfor {
        width: 100%;
        display: block;
        border-right: 0;
        padding: 0;
        margin: 18px 0 0
    }

    .pcard__gallery-sliderfor__desc {
        padding: 46px 20px 36px 30px
    }

    .pcard__gallery-popup__slider {
        margin: 16px 0 0
    }

    .pcart__btn {
        margin: 33px 0 0;
        padding: 0 15px
    }

    .pcart__btn button {
        width: 100%
    }

    .card__gallery-popup__body {
        width: 100%;
        padding: 55px 15px 0
    }

    .card__gallery-slidernav {
        width: auto;
        display: block;
        margin: 20px 0 0;
        padding-top: 38px;
        border-top: 1px solid grey
    }

    .card__gallery-sliderfor {
        width: auto;
        display: block;
        border-right: 0;
        padding-right: 0
    }

    .pservice {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto 0;
        width: 100%;
        border-radius: 0;
        padding: 49px 15px 61px
    }

    .pservice__close {
        top: 15px;
        right: 13px
    }

    .pservice__title {
        text-align: center
    }

    .pservice__desc {
        text-align: center;
        padding: 12px 80px 12px;
        margin: 16px 0 0
    }

    .pservice__sign {
        margin: 37px 0 0
    }

    .popedit {
        width: 100%;
        padding: 49px 15px 40px;
    }

    .pabout__title-input input {
        font: 700 26px / 58px "Open Sans", sans-serif;
    }

    .catalog {
        width: 100%;
        padding: 0 15px
    }

    .catalog__type {
        margin: 16px 0 0
    }

    .catalog__work {
        margin: 4px 0 0
    }

    .catalog__work-near {
        display: block;
        margin-top: 0
    }

    .catalog__work-sort {
        display: table;
        float: none;
        margin: 10px 0 0
    }

    .catalog__work-sort__choice {
        position: absolute;
        z-index: 2;
        background: #fff;
        border-radius: 6px;
        -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, .2);
        box-shadow: 6px 6px 20px rgba(0, 0, 0, .2);
        padding: 18px 10px 18px;
        right: 0;
        display: none;
        width: 100%
    }

    .catalog__work-sort__choice li {
        width: 100%;
        padding: 10px 0 10px 10px;
        margin-bottom: 5px;
        font: 16px/20px "Open Sans", sans-serif;
        color: #000;
        cursor: pointer
    }

    .catalog__work-sort__choice li:last-child {
        margin-bottom: 0
    }

    .catalog__work-sort__choice li:hover {
        background: #f5f5f5;
        border-radius: 6px
    }

    .catalog__work-sort:hover .catalog__work-sort__choice {
        display: block
    }

    .catalog__work-body {
        margin: 20px 0 0;
        clear: both
    }

    .catalog__work-body .near__category-item {
        width: 380px;
        display: block;
        margin: 0 auto 30px
    }

    .catalog__work-body .near__category-item:nth-child(3n) {
        margin-right: auto
    }

    .catalog__work-body .near__category-item:nth-child(2n) {
        margin-right: auto
    }

    .catalog__service-body {
        margin: 20px 0 0;
        clear: both
    }

    .catalog__service-body .near__category-item {
        width: 380px;
        display: block;
        margin: 0 auto 30px
    }

    .catalog__service-body .near__category-item:nth-child(3n) {
        margin-right: auto
    }

    .catalog__service-body .near__category-item:nth-child(2n) {
        margin-right: auto
    }

    .prate {
        width: 100%;
        padding: 19px 15px 13px
    }

    .prate__table table td:nth-child(2) {
        width: 100px
    }

    .prate__table table td:nth-child(3) {
        width: 100px
    }

    .prate__table table td:nth-child(4) {
        width: 100px
    }

    .prate__table table thead td:first-child {
        padding-left: 8px;
        font: 600 15px/24px "Open Sans", sans-serif
    }

    .prate__table table tbody tr:last-child td .prate__table-check input {
        font: 600 15px/24px "Open Sans", sans-serif
    }

    .prate__table table tbody tr:last-child td:first-child p {
        font: 600 15px/24px "Open Sans", sans-serif
    }

    .edit.card .card__master {
        width: auto;
        display: block;
        margin: 20px 15px 0 !important;
        padding: 28px 20px 24px
    }

    .edit.card .card__master-photo {
        width: 123px;
        height: 123px;
        margin: 0 auto;
        display: inline-block;
        vertical-align: top
    }

    .edit.card .card__master-photo img {
        width: 100%;
        border-radius: 50%
    }

    .edit.card .card__master-name {
        width: -webkit-calc(100% - 141px);
        width: calc(100% - 141px);
        display: inline-block;
        vertical-align: top;
        margin: 8px 0 0 18px;
        text-align: left
    }

    .edit.card .card__master-social {
        margin: 13px 0 0;
        text-align: center
    }

    .edit.card .card__master-social li {
        width: 32%;
        display: inline-block;
        vertical-align: top;
        margin-right: 0
    }

    .edit.card .card__master-social li:last-child {
        margin-right: 0
    }

    .card__master-edit__btn {
        margin: 24px 0 0
    }

    .card__master-edit {
        margin: 28px 0 0;
        float: none
    }

    .card__master-edit li {
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        padding: 13px 15px 12px 8px
    }

    .card__master-edit li svg {
        flex-shrink: 0;
        padding-right: 10px;
        width: 30px
    }

    .card__master-edit li a {
        font: 16px/20px "Open Sans", sans-serif;
        color: #000;
        border-bottom: 1px dashed #000
    }

    .card__master-edit li:hover path {
        fill: #0359a9
    }

    .card__master-edit li:hover a {
        color: #0359a9;
        border-color: #0359a9
    }

    .card__master-edit li:last-child {
        margin-bottom: 0
    }

    .card__master-edit li.active {
        border-radius: 6px;
        background: #fff;
        -webkit-box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 6px 6px 20px 0 rgba(0, 0, 0, .1)
    }

    .card__master-edit li.active path {
        fill: #0359a9
    }

    .card__master-edit li.active a {
        color: #0359a9;
        border-color: #0359a9
    }

    .card__note {
        margin-right: 0;
        margin-left: 0
    }

    .card__gallery-category.edit {
        padding: 63px 0 0
    }

    .card__gallery-icon {
        cursor: pointer
    }

    .card__gallery-icon img {
        width: 107px
    }

    .card__gallery-edit {
        margin: 10px 0 0
    }

    .card__gallery-edit p {
        font: 600 16px/24px "Open Sans", sans-serif
    }

    .edit .card__rate-top .card__rate-title {
        display: block;
        vertical-align: top
    }

    .card__rate-edit {
        display: block;
        vertical-align: top;
        text-align: left;
        margin: 20px 0 0
    }

    .card__rate-edit__change {
        margin-left: 24px
    }

    .edit .card__about-ed__title {
        display: block;
        vertical-align: top
    }

    .edit .card__about-exp__title {
        display: block;
        vertical-align: top
    }

    .edit .card__about-sert__title {
        display: block;
        vertical-align: top
    }

    .card__about-ed__edit {
        display: block;
        vertical-align: top;
        text-align: left;
        margin: 20px 0 0
    }

    .card__about-ed__change {
        margin-left: 24px
    }

    .card__profile-personal__pole {
        width: 100%;
        display: block;
        margin: 0 0 10px 0
    }

    .card__profile-personal__btn {
        margin-top: 40px
    }

    .card__profile-social {
        margin: 80px 0 0
    }

    .card__profile-social__title {
        padding-bottom: 6px
    }

    .card__profile-social__title h3 {
        font: 20px/27px "Open Sans", sans-serif
    }

    .card__profile-social__form {
        margin: 24px 0 0
    }

    .card__profile-social__pole {
        width: 100%;
        margin: 0 0 10px 0;
        display: block
    }

    .card__profile-social__network {
        margin: 48px 0 0
    }

    .card__profile-social__network-item {
        width: 100%
    }

    .card__profile-social__btn {
        margin-top: -9px
    }

    .card__profile-password {
        margin: 79px 0 0
    }

    .card__profile-password__pole {
        width: 100%
    }

    .card__profile-password__btn {
        margin: 40px 0 0
    }

    .card__gallery-add__time {
        width: 189px
    }

    .card__gallery-add__price {
        width: 189px;
        margin-left: 22px
    }

    .card__gallery-add__check {
        display: inline
    }

    .card__gallery-add__btn {
        display: block;
        float: none;
        margin: 38px 0 0
    }

    

    .card__gallery-slidernav__clear {
        min-height: 56px
    }

    .card__gallery-save button {
        width: 100%
    }

    .near__desc p {
        font: 14px / 18px "Open Sans", sans-serif;
    }

    .card__title.service__name p {
        font: 700 28px / 36px "Open Sans", sans-serif;
        color: #000;
    }

    

    

    

    

    

    

    .card__profile-tabs {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    #mainInfornmation .entity-selector {
        grid-template-columns: 1fr;
    }

    #mainInfornmation .entity-card {
        margin-top: 30px;
    }

    .payment-buttons .btn-secondary {
        margin: 0 0 10px
    }

    .modal-custom__content {
        padding: 10px !important;
    }

    .modal-custom__content--wide {
        padding: 10px !important;
    }

    .modal-custom__content--scrollable .progress-section {
        padding: 10px 10px 0 !important;
    }

    .modal-custom__scrollable {
        padding: 10px !important;
    }

    .modal-custom__footer {
        padding: 10px !important;
    }

    .modal-custom__close {
        top: 10px !important;
        right: 10px !important;
    }
}


/* Responsive: max-width: 580px */
@media (max-width: 580px) {

    .card__profile-social__network-pole {
        width: 100%;
        margin: 0 0 10px 0;
        display: block;
    }

    .card__profile-social__network-pole label {
        position: initial;
    }

    .promotion__name {
        padding: 25px 36px 25px 15px;
        background: url(../images/promotion-close.png) no-repeat center right 15px;
    }

    .promotion__name.open {
        background: url(../images/promotion-arr.svg) no-repeat center right 15px;
    }

    .promotion__name p {
        font: 18px / 24px "Open Sans", sans-serif;
    }

    .promotion__desc p {
        padding: 0 17px 10px;
    }
}


/* Responsive: max-width: 480px */
@media (max-width: 480px) {
    * {
        -webkit-transition: 0s;
        transition: 0s;
    }

    .step-labels {
        display: none;
    }

    .progress-section {
        padding-top: 10px;
    }

    textarea#Profile_anonce {
        min-height: 90px;
    }

    .card__profile-top {
        display: block
    }

    .pservice__title h2 {
        font: 700 25px/38px "Open Sans", sans-serif
    }

    .pservice__desc {
        background: #f5f5f5;
        padding: 12px
    }

    .pservice__calendar {
        width: 100%
    }

    .pservice__calendar img {
        width: 100%
    }

    .pservice__date {
        width: 100%;
        padding: 28px 20px 28px;
        min-height: auto
    }

    .pservice__date-time {
        margin: 29px 0 0
    }

    .pservice__date-time li {
        width: 55px
    }

    .catalog__title {
        display: block;
        text-align: center
    }

    .catalog__type {
        display: block;
        float: none;
        margin: 6px 0 0;
        text-align: center
    }

    .catalog__type li {
        padding: 10px 20px 10px;
        margin-right: 10px;
        font: 18px/20px "Open Sans", sans-serif
    }

    .catalog__work-body .near__category-item {
        width: 100%
    }

    .catalog__work-body .near__category-item .near__category-galery__img {
        height: 180px
    }

    .catalog__service-body .near__category-item {
        width: 100%
    }

    .near__category-title {
        display: block;
    }

    .near__category-all {
        display: table;
        vertical-align: top;
        float: none;
        margin: 10px 0px 10px;
    }

    .near__category-galery__hover {
        display: block
    }

    .prate {
        padding: 39px 15px 13px
    }

    .prate__title h3 {
        font: 700 25px/44px "Open Sans", sans-serif;
        color: #000
    }

    .prate__table {
        overflow-x: scroll
    }

    .prate__table table {
        width: 480px
    }

    .pabout {
        padding: 54px 15px 44px;
        width: 100%
    }

    .peducation {
        width: 100%;
        padding: 61px 25px 43px
    }

    .peducation__title {
        padding: 0 0 0 15px
    }

    .peducation__title h3 {
        font: 700 26px/38px "Open Sans", sans-serif
    }

    .peducation__list-del {
        position: absolute;
        top: 13px;
        right: -20px;
        cursor: pointer
    }

    .pwork {
        width: 100%;
        padding: 61px 25px 45px
    }

    .pwork__title {
        padding: 0 0 0 15px
    }

    .pwork__title h3 {
        font: 700 26px/38px "Open Sans", sans-serif
    }

    .pwork__name-pole:before {
        font: 300 13px/24px "Open Sans", sans-serif
    }

    .pwork__name-del {
        right: -20px
    }

    .pwork__period-before {
        display: table;
        vertical-align: top
    }

    .pwork__period-before__desc {
        width: 20px
    }

    .pwork__period-after {
        display: table;
        vertical-align: top;
        padding-left: 0;
        margin-top: 5px
    }

    .pwork__period-after__desc {
        width: 20px;
    }

    .edit.card .card__master-photo {
        display: block
    }

    .edit.card .card__master-name {
        width: auto;
        display: block;
        vertical-align: top;
        margin: 8px 0 0;
        text-align: center
    }

    .edit.card .card__master-social li img {
        margin: 0 auto
    }

    .card__master-edit__btn {
        margin: 24px 0 0
    }

    .card__master-edit li {
        display: flex;
        align-items: center;
    }

    .card__note {
        margin-right: 0;
        margin-left: 0;
        padding: 10px 10px 10px 16px
    }

    .card__gallery-icon {
        cursor: pointer
    }

    .card__gallery-icon img {
        width: 87px
    }

    .card__rate-edit__see {
        display: table;
        padding-bottom: 10px
    }

    .card__rate-edit__change {
        display: table-cell;
        margin: 5px 0 0
    }

    .edit .card__about-title {
        display: block
    }

    .card__about-edit {
        display: table
    }

    .card__about-edit__change {
        margin-left: 0
    }

    .card__about-ed__see {
        display: table
    }

    .card__about-ed__change {
        display: table-cell;
        margin: 5px 0 0
    }

    .card__services-time {
        display: block;
        width: 100%;
        margin-bottom: 6px;
        margin-left: 0
    }

    .card__services-price {
        width: 100%;
        display: inline-block;
        padding-left: 0;
    }

    .card__services-btn {
        margin-bottom: 10px
    }

    .card__gallery .card__note {
        clear: both
    }

    .card__gallery-popup__edtitle h3 {
        font: 700 27px / 38px "Open Sans", sans-serif;
    }

    .card__gallery-add {
        margin: 25px 0 30px;
        padding: 30px 0 39px;
    }

    .card__gallery-altitle h3 {
        font: 23px / 36px "Open Sans", sans-serif;
    }

    .card__gallery-add__body {
        margin: 25px 0 0;
    }

    .card__profile-title h2 {
        font: 700 26px / 48px "Open Sans", sans-serif;
    }

    .card-header h6 {
        font: 18px / 30px "Open Sans", sans-serif;
    }

    
}


/* Responsive: max-width: 440px */
@media (max-width: 440px) {
    .header__logo {

    }

    .header__geo {
        margin: 24px 0 0 0px;
    }

    .header__lk {
        margin: 0px 0 0 15px;
    }

    .header__search input {
        text-indent: 7px;
        font: 12px / 22px "Open Sans", sans-serif;
    }
}


/* Responsive: max-width: 400px */
@media (max-width: 400px) {
    .question {
        width: auto;
        display: block;
        margin: 51px 15px 44px;
        border-radius: 12px;
        background: url(../images/question-icon.png) no-repeat right 14px top 80px/102px, -webkit-linear-gradient(334deg, #7ce4fb 0, #8286ec 100%);
        background: url(../images/question-icon.png) no-repeat right 14px top 80px/102px, linear-gradient(116deg, #7ce4fb 0, #8286ec 100%);
        padding: 29px 0 58px
    }

    #mainInfornmation .entity-card {
        margin-top: 30px;
    }

    .question__title {
        width: 250px;
        margin: 0 auto
    }

    .question__form .form-group {
        width: 250px;
        margin: 0 auto 30px
    }

    .question__form .form-group__desc {
        margin: 11px auto 0;
        width: 250px
    }

    .question__form .form-group__desc a {
        display: inline
    }

    .pcart__info {
        width: 100%;
        padding: 10px 12px 0
    }

    .pcart__info-desc {
        width: -webkit-calc(100% - 74px);
        width: calc(100% - 74px);
        display: inline-block;
        vertical-align: top;
        margin-left: 12px
    }

    .pcart__info-connection {
        width: auto;
        display: block;
        margin: 10px 0 0
    }

    .pcart__info-send {
        float: none;
        margin-top: 0;
        display: inline-block;
        vertical-align: top
    }

    .pcart__info-map {
        padding-left: 20px;
        margin: 2px 0 0;
        display: inline-block;
        vertical-align: top;
        float: right
    }

    .pcart__gallery-title h3 {
        font: 27cpx/32px "Open Sans", sans-serif;
        color: #fff
    }

    .pcard__gallery-sliderfor__desc {
        padding: 26px 20px 16px 20px
    }

    .near__connection {
        width: auto;
        display: block;
        vertical-align: top;
        margin: -16px 0 0;
        text-align: right;
    }

    .near__map {
        display: inline-block;
        vertical-align: top
    }

    .card__title h1 {
        font: 700 24px/32px "Open Sans", sans-serif
    }

    .card__title h2 {
        font: 700 24px/32px "Open Sans", sans-serif
    }

    .card__desc p {
        font: 18px / 30px "Open Sans", sans-serif;
    }

    .card__brief p {
        font: 16px/24px "Open Sans", sans-serif
    }

    .card__gallery-category {
        height: 190px;
    }

    .card__gallery-category.edit {
        padding-top: 34px;
    }

    .card__gallery-main img {
        height: 190px
    }

    .card__about-ed__title h4 {
        font: 18px/30px "Open Sans", sans-serif
    }

    .card__about-exp__title h4 {
        font: 18px/30px "Open Sans", sans-serif
    }

    .card__about-sert__title h4 {
        font: 18px/30px "Open Sans", sans-serif
    }

    .card__about-ed__title h3 {
        font: 18px/30px "Open Sans", sans-serif
    }

    #mainInfornmation .content-grid, .content-grid, #mainInfornmation .step2-layout {
        grid-template-columns: 1fr;
    }

    .card__about-exp__title h3 {
        font: 18px/30px "Open Sans", sans-serif
    }

    .card__about-sert__title h3 {
        font: 18px/30px "Open Sans", sans-serif
    }

    .card__about-feed__type li {
        padding: 7px 10px;
        margin-right: 10px
    }

    .card__about-feed__review {
        width: -webkit-calc(100% - 118px);
        width: calc(100% - 118px);
        margin: 3px 0 0 10px
    }

    .card__about-feed__img li {
        margin-right: 10px;
        margin-bottom: 10px
    }

    .card__about-feed__img li:last-child {
        margin-right: 0
    }

    .card__about-feed__img li:last-child,
    .card__about-feed__img li:nth-last-child(2) {
        margin-bottom: 0
    }
}

/* Responsive: max-width: 375px */
@media (max-width: 375px) {

    .modal-header h2 {
        font-size: 1.05rem;
    }

    ..search-title {
        font-size: 14px;
    }

    .search-description {
        font-size: 11px;
    }

    .header__logo {
        margin: 0
    }

    .header__logo img {
        width: 150px
    }

    .counting__title h1 {
        font: 700 23px/35px "Open Sans", sans-serif
    }

    .counting__application {
        padding: 0 27px 0 19px
    }

    .counting__application p span {
        width: 88px;
        font: 700 36px/45px "Open Sans", sans-serif
    }

    .counting__work {
        display: block;
        margin: 10px 0 0
    }

    .counting__company {
        padding: 0 25px 0 19px
    }

    .counting__company p span {
        width: 88px;
        font: 700 36px/45px "Open Sans", sans-serif
    }

    .counting__professional {
        padding: 0 25px 0 19px
    }

    .counting__professional p span {
        width: 88px;
        font: 700 36px/45px "Open Sans", sans-serif
    }

    .near__top {
        height: auto;
        padding: 13px 15px 0 14px
    }

    .near__desc {
        height: auto;
        padding: 0 15px 13px 14px
    }

    .near__info {
        padding: 14px 15px 20px 14px
    }

    .near__about {
        width: -webkit-calc(100% - 73px);
        width: calc(100% - 73px);
        margin-left: 11px
    }

    .footer__copy {
        display: block;
        text-align: center
    }

    .footer__link {
        float: none;
        display: block;
        text-align: center
    }
}