@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 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% - 380px);
    display: inline-block;
    vertical-align: top;
    height: 60px;
    border: 0;
    border-top: 1px solid #cdcdcd;
    border-bottom: 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 .near__category-galery__hover {
    display: block
}

.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: none
}

.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: 70px;
    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
}

.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{
    display: table;
    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
}

.card__gallery {
    margin: 43px 0 0
}

.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-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:hover .card__gallery-desc {
    display: block
}

.card__services {
    margin: 54px 0 0
}

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

.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: 140px;
    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
}

.card__map {
    margin: 57px 0 0
}

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

.card__rate {
    margin: 42px 0 0
}

.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: 253px;
    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: 28px 18px 33px;
    position: relative
}

.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
}

.about-album-list {
    display: none;
}

.card__about-title h3 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}
.card__about-title h1 {
    font: 700 32px/46px "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
}

.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 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}
.about__title h2 {
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.about__body {
    margin: 8px 0 0
}

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

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

.about__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 {
    content: '—';
    margin-left: -22px;
}

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


.about__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
}

.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::-webkit-input-placeholder {
    color: #fff
}

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

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

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

.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
}

.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: 10;
    background: rgba(0, 0, 0, .5);
    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: 11;
    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 {
    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 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__link li {
    margin-bottom: 20px;
    display: table
}

.card__master-edit__link li svg {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    width: 30px
}

.card__master-edit__link li a {
    display: table-cell;
    vertical-align: middle;
    font: 16px/20px "Open Sans", sans-serif;
    color: #000;
    border-bottom: 1px dashed #000
}

.card__master-edit__link li:hover path {
    fill: #0359a9
}

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

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

.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-category:nth-child(3n+1) {
    margin-right: 0
}

.card__note {
    background: #f5f5f5;
    border-radius: 6px;
    padding: 10px 100px 10px 16px;
    margin-bottom: 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__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 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: top;
    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
}

.prate {
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
    width: 1040px;
    margin: 0 auto;
    background: #fff;
    z-index: 11;
    padding: 49px 85px 53px;
    border-radius: 6px;
    display: none
}

.prate.active {
    display: block
}

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

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

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

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

.prate__body {
    margin: 21px 0 0
}

.prate__table table {
    width: 100%;
    border: 0
}

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

.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 {
    background: grey;
    border-radius: 6px;
    padding-left: 18px
}

.prate__table table thead td:nth-child(2) p {
    background: -webkit-gradient(linear, right bottom, left top, from(#8286ec), to(#7ce4fb));
    background: -webkit-linear-gradient(bottom right, #8286ec, #7ce4fb);
    background: linear-gradient(to top left, #8286ec, #7ce4fb);
    border-radius: 6px;
    text-align: center;
    height: 100%
}

.prate__table table thead td:nth-child(3) p {
    background: -webkit-gradient(linear, right bottom, left top, from(#d185e5), to(#f9c7e8));
    background: -webkit-linear-gradient(bottom right, #d185e5, #f9c7e8);
    background: linear-gradient(to top left, #d185e5, #f9c7e8);
    border-radius: 6px;
    text-align: center;
    height: 100%
}

.prate__table table thead td:nth-child(4) p {
    background: -webkit-gradient(linear, right bottom, left top, from(#51d34f), to(#efdc34));
    background: -webkit-linear-gradient(bottom right, #51d34f, #efdc34);
    background: linear-gradient(to top left, #51d34f, #efdc34);
    border-radius: 6px;
    text-align: center;
    height: 100%
}

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

.prate__table table tbody td .prate__table-check {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #cdcdcd;
    border-radius: 6px
}

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

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

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

.prate__table table tbody td .prate__table-check p:hover {
    background: #0595d6
}

.prate__table table tbody td .prate__table-check p.active {
    background: #0595d6
}

.prate__table table tbody tr:last-child td .prate__table-check {
    background: #f5f5f5
}

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

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

.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: #000;
    background: 0 0
}

.prate__btn {
    margin: 33px 0 0
}

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

.prate__btn button:hover {
    background: #0359a9
}

.pabout {
    position: absolute;
    z-index: 11;
    top: 10%;
    left: 0;
    right: 0;
    width: 738px;
    margin: 0 auto;
    background: #fff;
    padding: 54px 55px 44px;
    border-radius: 6px;
    display: none
}

.pabout.active {
    display: block
}

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

.pabout__note {
    background: #f5f5f5;
    border-radius: 6px;
    padding: 12px 17px
}

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

.pabout__title-input {
    margin: 17px 0 0
}

.pabout__title-input input {
    width: 100%;
    height: 60px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    padding: 0 5px 0 29px;
    font: 700 32px/58px "Open Sans", sans-serif;
    color: #000
}

.pabout__desc {
    margin: 49px 0 0
}

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

.pabout__desc-input textarea {
    width: 100%;
    height: 330px;
    resize: none;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    padding: 25px 26px 5px 26px;
    font: 16px/26px "Open Sans", sans-serif;
    color: #000
}

.pabout__btn {
    margin: 37px 0 0
}

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

.pabout__btn button:hover {
    background: #0359a9
}

.peducation {
    position: absolute;
    z-index: 11;
    top: 10%;
    left: 0;
    right: 0;
    width: 738px;
    margin: 0 auto;
    background: #fff;
    padding: 61px 53px 63px;
    border-radius: 6px;
    display: none
}

.peducation.active {
    display: block
}

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

.peducation__title {
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    padding: 0 0 0 17px
}

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

.peducation__note {
    margin: 29px 0 0;
    background: #f5f5f5;
    border-radius: 6px;
    padding: 12px 17px
}

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

.peducation__list {
    margin: 30px 0 0 18px
}

.peducation__list-item {
    list-style-type: auto;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    font: 18px/24px "Open Sans", sans-serif;
    color: #000
}

.peducation__list-pole{
    margin-bottom: 5px
}

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

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

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

.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__btn {
    margin: 75px 0 0
}

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

.peducation__btn button:hover {
    background: #0359a9
}



.peducation__list div{

    font: 300 14px / 24px "Open Sans", sans-serif;
    color: #000;
}

.pwork {
    position: absolute;
    z-index: 11;
    top: 10%;
    left: 0;
    right: 0;
    width: 738px;
    margin: 0 auto;
    background: #fff;
    padding: 61px 55px 45px;
    border-radius: 6px;
    display: none
}

.pwork.active {
    display: block
}

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

.pwork__title {
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    padding-left: 19px
}

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

.pwork__title h3 span {
    color: grey
}

.pwork__note {
    margin: 29px 0 0;
    background: #f5f5f5;
    border-radius: 6px;
    padding: 12px 17px
}

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

.pwork__list {
    margin: 40px 0 0 18px
}

.pwork__list li {
    list-style-type: auto;
    padding-bottom: 19px;
    border-bottom: 1px solid grey;
    margin-bottom: 43px;
    font: 16px/24px "Open Sans", sans-serif;
    color: #000
}

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

.pwork__name {
    position: relative
}

.pwork__name-pole {
    position: relative
}

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

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

.pwork__name-del {
    position: absolute;
    top: 13px;
    right: -27px;
    cursor: pointer
}

.pwork__period {
    margin: 30px 0 0;
    position: relative;
    display: table
}

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

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

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

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

.pwork__period-data {
    padding-left: 5px;
    display: table-cell;
    vertical-align: middle
}

.pwork__period-data input {
    width: 150px;
    height: 40px;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    font: 16px/24px "Open Sans", sans-serif;
    color: #000;
    padding: 0 5px 0 45px;
    background: url(../images/icon-calendar.svg) no-repeat 15px center
}

.pwork__period-after {
    display: table-cell;
    vertical-align: middle;
    padding-left: 19px
}

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

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

.pwork__period-all {
    display: table-cell;
    vertical-align: middle;
    padding-left: 18px
}

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

.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__btn {
    margin: 24px 0 0
}

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

.pwork__btn button:hover {
    background: #0359a9
}

.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{
    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 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-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 button {
    width: 167px;
    height: 46px;
    border: 0;
    background: #0595d6;
    border-radius: 6px;
    font: 16px/20px "Open Sans", sans-serif;
    color: #fff
}

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

.card__profile-social {
    margin: 99px 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
}


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

.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
}

.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
}

#categoryList{
    display: block;
}

.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
}

.card__gallery-addphoto {
    height: 60px;
    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;
    border-radius: 6px;
    width: 100%;
    cursor: pointer
}

.card__gallery-addphoto: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-addphoto__body {
    display: table;
    height: 60px;
    margin: 0 auto
}

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

.card__gallery-addphoto__img img {
    width: 40px;
    opacity: .2
}

.card__gallery-addphoto__desc {
    display: table-cell;
    vertical-align: middle;
    padding-left: 35px
}

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

.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
}




@media (max-width:1270px) {
    .slick-prev {
        left: 0
    }

    .slick-next {
        right: 0
    }

    .category__slider-item {
        margin: 0 20px
    }
}

@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__rate-list {
        height: 391px
    }

    .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
    }
}

@media (max-width:1050px) {
    .slick-prev {
        left: -12px
    }

    .slick-next {
        right: -12px
    }
}

@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: inline-block;
        vertical-align: top
    }

    .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
    }

    .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: 130px;
        padding-left: 0
    }

    .card__services-price {
        width: 130px;
        padding-left: 0
    }

    .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;
        height: 350px
    }

    .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: 39px 45px 43px
    }

    .prate__table table {
        width: 100%;
        border: 0
    }

    .prate__table table thead td {
        font: 600 16px/40px "Open Sans", sans-serif
    }

    .prate__table table thead td:first-child {
        font: 600 16px/24px "Open Sans", sans-serif
    }

    .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__note {
        margin-right: 15px;
        margin-left: 15px
    }

    .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 {
        width: 226px
    }

    .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
    }


}

@media (max-width:805px) {
    .near__body {
        width: 700px
    }

    .near__category-item {
        width: 330px
    }

    .near__top {
        height: 126px
    }
}

@media (max-width:767px) {
    .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% - 72px);
        width: calc(100% - 72px);
        display: inline-block !important;
        vertical-align: top;
        margin: 22px 0 0 18px
    }

    .header__search input {
        width: -webkit-calc(100% - 54px);
        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 {
        width: auto
    }

    .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 / 58px "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: block
    }

    .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:hover .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 20px;
    }

    .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: 38%;
        display: inline-block;
        padding-left: 2%
    }

    .card__services-btn {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        float: 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-slidernav {
        width: auto;
        display: block;
        margin-left: 0;
        padding: 0 15px;
        float: none
    }

    .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
    }

    .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(transparent));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, transparent 100%);
        background: linear-gradient(to top, rgba(0, 0, 0, .5) 0, transparent 100%);
        padding: 17px 30px 0 20px;
        border-radius: 6px;
        display: block;
        cursor: pointer
    }

    .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
    }

    .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: inline-table;
        padding: 13px 15px 12px 8px
    }

    .card__master-edit li svg {
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px;
        width: 30px
    }

    .card__master-edit li a {
        display: table-cell;
        vertical-align: middle;
        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-add__time {
        width: 134px
    }

    .card__gallery-add__price {
        width: 134px;
        margin-left: 20px
    }

    .card__gallery-addphoto__desc {
        padding-left: 15px
    }

    .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;
    }
}

@media (max-width:480px) {
    .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;
    }


    .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: table
    }

    .card__note {
        margin-right: 0;
        margin-left: 0;
        padding: 10px 10px 10px 16px
    }

    .card__gallery-category.edit {
        padding: 23px 0 0
    }

    .card__gallery-icon {
        cursor: pointer
    }

    .card__gallery-icon img {
        width: 87px
    }

    .card__rate-edit__see {
        display: table
    }

    .card__rate-edit__change {
        display: table;
        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;
        margin: 5px 0 0
    }


    .card__services-time{
        display: block;
        width: 100%;
        margin-bottom: 6px
    }

    .card__services-price {
        width: 45%;
        display: inline-block;
        padding-left: 1%;
    }
}
@media (max-width:440px) {

    .header__logo{
        display: block
    }
    .header__geo {
        margin: 24px 0 0 0px;
    }

    .header__lk {
        margin: 24px 0 0 15px;
    }
}

@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
    }

    .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-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
    }

    .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
    }
}

@media (max-width:375px) {
    .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
    }
}

div.errors {
    color: red;
    margin-top: 5px;
}

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

.modal-phone {
    display: none;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    justify-content: center;
    align-items: center;
}

.modal-phone.active {
    display: flex;
}

.modal-content {
    max-width: 300px;
    background: #fff;
    border-radius: 6px;
    padding: 20px;
    position: relative;
    text-align: center
}

.modal-content p {
    font: 20px / 24px "Open Sans", sans-serif;
    color: grey;
}

.modal-content .card__callbtn {
    display: table;
    width: 167px;
    height: 36px;
    margin: 5px auto 0;
    border: 0;
    border-radius: 6px;
    background: #0595d6;
    font: 16px / 36px "Open Sans", sans-serif;
    color: #fff;
}

.modal-content a{
    color: #fff;
}

.modal-content .card__callbtn:hover {
    background: #0359a9;
}
.notifyjs-corner {
    margin-top: 80px !important;
}

.modal-sert{
    position: absolute;
    z-index: 11;
    top: 10%;
    left: 0;
    right: 0;
    width: fit-content;
    margin: 0 auto;
    background: #fff;
    padding: 61px 55px 45px;
    border-radius: 6px;
    display: none
}

.modal-sert.active{
    display: block
}

.modal-sert__close{
    position: absolute;
    top: 23px;
    right: 19px;
    width: 21px;
    height: 21px;
    background: url(../images/close.svg) no-repeat center;
    cursor: pointer
}

.modal-body img{
    max-width: 910px;
    height: 100%;
    max-height: 700px
}

@media (max-width:930px) {
    .modal-sert{
        width: 95%;
        padding: 20px 10px 20px;
    }

    .modal-body img{
        max-width: 100%;
    }
}