* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --curent-size: 1920;

  --font-1: "Montserrat", sans-serif;
  --font-2: "Raleway", sans-serif;
  --main-color: #272727;
  --second-color: #f1f1f1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

ul,
ol {
  list-style: none;
}

.um-account-main .um-field-label label {
  font-family: var(--font-2) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
}

.profile-wrapper .um-account-side li a span.um-account-title {
  font-family: var(--font-2) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
}

.profile-wrapper .um-account-side li a.current span.um-account-icon {
  color: #d0a149 !important;
}

.profile-wrapper .um-account-heading {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((20 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
  position: relative !important;
}

.profile-wrapper .heart-block .heart-head p {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((20 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
  position: relative !important;
}

.um-account-profile-link {
  display: none !important;
}

.profile-wrapper .um-account-main .um-account-tab-delete p {
  margin-top: calc((20 / var(--curent-size)) * 100vw) !important;
  color: #fff !important;
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
}

.profile-wrapper .um-button {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
  background: #d0a149 !important;
}

.profile-wrapper .um-account-name > a {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((23 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
}

a {
  text-decoration: none;
  cursor: pointer;
}

body {
  background: var(--second-color);
}

.container {
  width: calc((1350 / var(--curent-size)) * 100vw);
  margin: 0 auto;
}

header {
  background: #00000084;
  padding: calc((12 / var(--curent-size)) * 100vw) 0;
  position: relative;
  z-index: 10;
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid #ffffff24;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.header-logo img {
  width: calc((120 / var(--curent-size)) * 100vw);
}

.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.header-menu {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.header-menu li a {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((18 / var(--curent-size)) * 100vw);
}

.header-nav {
  display: flex;
  align-items: center;
  position: relative;
}

.login-wrapper-content {
  position: absolute;
  top: calc((50 / var(--curent-size)) * 100vw);
  right: 0;
  width: calc((350 / var(--curent-size)) * 100vw);
  padding: calc((30 / var(--curent-size)) * 100vw);
  background: #fff;
  opacity: 0;
  visibility: hidden;
  display: none !important;
}

.login-wrapper-content.clicked {
  opacity: 1;
  visibility: visible;
  display: block !important;
}

.login-wrapper-content > div {
  margin-bottom: 0 !important;
}

.rwc {
  position: fixed;
  top: 0;
  left: 0;
  background: #00000057;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  overflow-y: auto;
  padding-top: calc((220 / var(--curent-size)) * 100vw);
  opacity: 0;
  visibility: hidden;
}

.rwc.clicked {
  opacity: 1;
  visibility: visible;
}

.register-wrapper-content {
  width: calc((1400 / var(--curent-size)) * 100vw);
  height: calc((360 / var(--curent-size)) * 100vw);
  background: #fff;
  padding: calc((30 / var(--curent-size)) * 100vw);
  z-index: 99999;
  box-shadow: 0 0 calc((12 / var(--curent-size)) * 100vw)
    calc((-6 / var(--curent-size)) * 100vw) #000;
  position: relative;
}

.register-wrapper-content > div {
  margin-bottom: 0 !important;
}

.login-wrapper-content .um-right {
  display: none !important;
}

.register-wrapper-content .um-right {
  display: none !important;
}

.btn-rl {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.btn-rl a {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((16 / var(--curent-size)) * 100vw);
  cursor: pointer;
}

.masters-content {
  padding: calc((120 / var(--curent-size)) * 100vw) 0;
}

.master-content-head {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  position: relative;
}

.conut-masters {
  display: flex;
  align-items: flex-end;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.conut-masters img {
  width: calc((30 / var(--curent-size)) * 100vw);
}

.conut-masters p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((26 / var(--curent-size)) * 100vw);
  font-weight: 600;
  line-height: 1;
}

.master-content-head > h1 {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((26 / var(--curent-size)) * 100vw);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.sort {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.sort p {
  font-family: var(--font-2);
  color: var(--main-color);
  font-size: calc((14 / var(--curent-size)) * 100vw);
  font-weight: 600;
  line-height: 1;
}

.sort-content {
  width: calc((140 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid #aeaeae;
  height: calc((30 / var(--curent-size)) * 100vw);
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 calc((10 / var(--curent-size)) * 100vw);
  cursor: pointer;
}

.dropdown {
  position: absolute;
  top: 100%;
  left: calc((-1 / var(--curent-size)) * 100vw);
  width: calc((140 / var(--curent-size)) * 100vw);
  opacity: 0;
  visibility: hidden;
}

.dropdown.open {
  opacity: 1;
  visibility: visible;
}

.dropdown ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc((140 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid #aeaeae;
}

.dropdown ul li {
  height: calc((30 / var(--curent-size)) * 100vw);
  width: calc((140 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  padding: 0 calc((10 / var(--curent-size)) * 100vw);
  border-top: calc((1 / var(--curent-size)) * 100vw) solid #aeaeae;
  cursor: pointer;
  font-family: var(--font-2);
  color: var(--main-color);
  font-size: calc((14 / var(--curent-size)) * 100vw);
  font-weight: 600;
  line-height: 1;
  transition: 0.3s ease;
}

.dropdown ul li:hover {
  background: #c0c0c0;
}

.dropdown ul li:first-child {
  border: none;
}

.master-content-items {
  display: flex;
  flex-wrap: wrap;
  gap: calc((30 / var(--curent-size)) * 100vw);
  width: 100%;
  margin-top: calc((120 / var(--curent-size)) * 100vw);
}

.master-content-items > p {
  font-family: var(--font-2);
  color: var(--main-color);
  font-size: calc((24 / var(--curent-size)) * 100vw);
  font-weight: 600;
  line-height: 1;
  width: 100%;
  text-align: center;
}

.master-item {
  width: calc((315 / var(--curent-size)) * 100vw);
  height: calc((450 / var(--curent-size)) * 100vw);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: calc((20 / var(--curent-size)) * 100vw);
  user-select: none;
}

.um-user-profile {
  margin: 0 auto calc((20 / var(--curent-size)) * 100vw) auto;
}

.um-user-profile a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.um-user-profile a img {
  width: calc((100 / var(--curent-size)) * 100vw);
  height: calc((100 / var(--curent-size)) * 100vw);
  border-radius: 50%;
}

.um-user-profile a span {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((20 / var(--curent-size)) * 100vw);
  font-weight: 500;
}

.master-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(
    0deg,
    rgba(39, 39, 39, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
}

.burger-profile-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: calc((20 / var(--curent-size)) * 100vw);
  margin-bottom: calc((20 / var(--curent-size)) * 100vw);
}

.burger-profile-menu a {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((18 / var(--curent-size)) * 100vw);
  font-weight: 500;
}

.master-item a {
  width: 100%;
  height: 100%;
}

.master-item a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.master-prices {
  display: flex;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
  width: 100%;
}

.master-prices > p {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((20 / var(--curent-size)) * 100vw);
}

.master-prices {
  display: flex;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.master-data {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 1;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.master-prices div {
  border: calc((1 / var(--curent-size)) * 100vw) solid #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 calc((10 / var(--curent-size)) * 100vw);
  width: calc((100 / var(--curent-size)) * 100vw);
  height: calc((52 / var(--curent-size)) * 100vw);
}

.master-prices div p:first-child {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((12 / var(--curent-size)) * 100vw);
}

.master-prices div p:last-child {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((16 / var(--curent-size)) * 100vw);
}

.master-data > h3 {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((28 / var(--curent-size)) * 100vw);
  font-weight: 700;
}

.master-data > p {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((28 / var(--curent-size)) * 100vw);
  font-weight: 700;
}

.master-data > ul {
  display: flex;
  align-items: center;
  gap: calc((10 / var(--curent-size)) * 100vw);
  list-style: disc;
}

.master-data > ul li:first-child::marker {
  color: #27272700;
}

.master-data > ul li {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((14 / var(--curent-size)) * 100vw);
  font-weight: 700;
  margin-left: calc((16 / var(--curent-size)) * 100vw);
}

.master-data > ul li:first-child {
  margin-left: calc((0 / var(--curent-size)) * 100vw);
}

.masters-icons {
  position: absolute;
  top: calc((20 / var(--curent-size)) * 100vw);
  right: calc((-20 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.masters-icons img {
  width: calc((66 / var(--curent-size)) * 100vw);
}

.masters-icons img:not(:first-child) {
  margin-top: calc((-10 / var(--curent-size)) * 100vw);
}

.text-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.text-content h2 {
  width: 100%;
  text-align: center;
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((20 / var(--curent-size)) * 100vw);
  font-weight: 800;
}

.text-content p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((16 / var(--curent-size)) * 100vw);
  font-weight: 500;
}

#main-text {
  padding: calc((120 / var(--curent-size)) * 100vw) 0;
}

.main-contants {
  width: calc((600 / var(--curent-size)) * 100vw);
  margin: 0 auto;
  height: fit-content;
  padding: calc((30 / var(--curent-size)) * 100vw);
  background: #cacaca;
  margin-bottom: calc((60 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((30 / var(--curent-size)) * 100vw);
}

.main-contants p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((30 / var(--curent-size)) * 100vw);
  font-weight: 600;
  text-transform: uppercase;
}

.contacts-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((30 / var(--curent-size)) * 100vw);
}

.contacts-links li {
  display: flex;
  align-items: center;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.contacts-links li a {
  display: flex;
  align-items: center;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.contacts-links li img {
  width: calc((60 / var(--curent-size)) * 100vw);
}

.contacts-links li p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((16 / var(--curent-size)) * 100vw);
  font-weight: 600;
}

footer {
  background: #3c3c3c;
  padding: calc((30 / var(--curent-size)) * 100vw) 0;
}

.footer-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-wrapper p {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((14 / var(--curent-size)) * 100vw);
  font-weight: 400;
}

.footer-wrapper p:last-child {
  margin-top: calc((10 / var(--curent-size)) * 100vw);
}

.footer-wrapper p:first-child {
  margin-bottom: calc((20 / var(--curent-size)) * 100vw);
}

.footer-wrapper ul {
  display: flex;
  align-items: center;
  margin-bottom: calc((10 / var(--curent-size)) * 100vw);
  gap: calc((6 / var(--curent-size)) * 100vw);
}

.footer-wrapper ul li {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((14 / var(--curent-size)) * 100vw);
  font-weight: 400;
}

.footer-wrapper ul li a {
  font-family: var(--font-1);
  color: #c0ac83;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  font-weight: 400;
}

.footer-wrapper ul li a:hover {
  text-decoration: underline;
}

#main {
  width: 100%;
  height: calc((660 / var(--curent-size)) * 100vw);
  background-image: url(../img/bg-main.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

#maters {
  padding: calc((130 / var(--curent-size)) * 100vw) 0;
}

.master-content {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: calc((40 / var(--curent-size)) * 100vw);
}

.master-visual-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: calc((16 / var(--curent-size)) * 100vw);
  background: #e6e6e6;
  box-shadow: 0 0 9px -5px #484848;
  flex-shrink: 0;
}

.master-photos {
  display: flex;
  align-items: stretch;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.master-photos-list-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((15 / var(--curent-size)) * 100vw);
}

.no-items {
  pointer-events: none;
  user-select: none;
}

.no-items a,
.no-items span {
  color: #bababa !important;
}

.master-photos-list-wrapper > p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((18 / var(--curent-size)) * 100vw);
  font-weight: 500;
  font-style: italic;
}

.master-photos-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style: none;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.master-photos-list li {
  width: calc((124 / var(--curent-size)) * 100vw);
  height: calc((140 / var(--curent-size)) * 100vw);
  display: none;
}

.master-photos-list li:nth-child(1),
.master-photos-list li:nth-child(2),
.master-photos-list li:nth-child(3),
.master-photos-list li:nth-child(4) {
  display: block;
}

.master-photos-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.master-main-photo {
  width: calc((466 / var(--curent-size)) * 100vw);
  height: calc((627 / var(--curent-size)) * 100vw);
  position: relative;
}

.master-main-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-masters-icons {
  position: absolute;
  top: calc((16 / var(--curent-size)) * 100vw);
  right: calc((-10 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.single-masters-icons img {
  width: calc((80 / var(--curent-size)) * 100vw);
  margin-top: calc((-16 / var(--curent-size)) * 100vw);
}

.master-data-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.master-data-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.like-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.like-btn-link {
  width: calc((24 / var(--curent-size)) * 100vw);
  margin-right: calc((20 / var(--curent-size)) * 100vw);
  cursor: pointer;
}

.like-btn-link path:first-child {
  transition: 0.3s ease;
}

.like-btn-link:hover path:first-child {
  fill: #c0ac83;
  transition: 0.3s ease;
}

.like-btn.liked path:first-child {
  fill: #c0ac83;
}

.master-data-head > svg {
  position: absolute;
  top: calc((50 / var(--curent-size)) * 100vw);
  right: 0;
  width: calc((40 / var(--curent-size)) * 100vw);
  cursor: pointer;
}

.like-btn path:first-child {
  transition: 0.3s ease;
}

.like-btn:hover path:first-child {
  fill: #c0ac83;
  transition: 0.3s ease;
}

.like-btn.clicked path:first-child {
  fill: #c0ac83;
}

.master-name-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: calc((40 / var(--curent-size)) * 100vw);
}

.master-name-link div {
  display: flex;
  align-items: center;
}

.arrow-next {
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  background: rgb(212, 212, 212);
  transition: 0.3s ease;
  margin-left: calc((40 / var(--curent-size)) * 100vw);
}

.arrow-next a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.arrow-next a img {
  width: calc((20 / var(--curent-size)) * 100vw);
  transition: 0.3s ease;
}

.arrow-next:hover {
  background: rgb(219, 172, 91);
  transition: 0.3s ease;
}

.arrow-next:hover a img {
  filter: invert(1);
  transition: 0.3s ease;
}

.master-name-link > p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((30 / var(--curent-size)) * 100vw);
  font-weight: 400;
  position: relative;
}

.master-name-link > p:after {
  content: "";
  position: absolute;
  bottom: calc((-10 / var(--curent-size)) * 100vw);
  left: 0;
  width: calc((60 / var(--curent-size)) * 100vw);
  height: calc((1 / var(--curent-size)) * 100vw);
  background: #272727;
}

.master-name-link > div span {
  font-family: var(--font-1);
  color: #c5c5c5;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  font-weight: 500;
  position: relative;
  text-transform: uppercase;
  margin-right: calc((10 / var(--curent-size)) * 100vw);
}

.master-name-link > div > a {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((20 / var(--curent-size)) * 100vw);
  font-weight: 500;
  text-transform: uppercase;
}

.master-name-link > div > a:hover {
  text-decoration: underline;
}

.photo-status-wrapper {
  display: flex;
  align-items: center;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.photo-status-wrapper div {
  display: flex;
  align-items: center;
  gap: calc((10 / var(--curent-size)) * 100vw);
  padding: calc((6 / var(--curent-size)) * 100vw)
    calc((10 / var(--curent-size)) * 100vw);
}

.photo-status-wrapper div p {
  font-family: var(--font-1);
  color: var(--second-color);
  font-size: calc((14 / var(--curent-size)) * 100vw);
  text-transform: uppercase;
}

.photo-status-wrapper div img {
  width: calc((16 / var(--curent-size)) * 100vw);
}

.photo-status-wrapper div:first-child {
  background: #8cb74f;
}

.photo-status-wrapper div:last-child {
  background: #177c94;
}

.master-activity-verify {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((14 / var(--curent-size)) * 100vw);
}

.master-activity-verify > p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((14 / var(--curent-size)) * 100vw);
}

.master-text-about {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc((30 / var(--curent-size)) * 100vw);
}

.master-text-about p,
.master-text-about span,
.master-text-about ul li,
.master-text-about ol li {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((16 / var(--curent-size)) * 100vw);
}

.master-contacts {
  margin-top: calc((30 / var(--curent-size)) * 100vw);
  width: 100%;
  padding: calc((20 / var(--curent-size)) * 100vw);
  background-color: #dddddd;
}

.contacts-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: calc((20 / var(--curent-size)) * 100vw) 0;
}

.contacts-list li {
  width: 50%;
  display: flex;
  align-items: center;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.contacts-list li a {
  display: flex;
  align-items: center;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.contacts-list li a p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((16 / var(--curent-size)) * 100vw);
}

.contacts-list li > p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((16 / var(--curent-size)) * 100vw);
}

.contacts-list li a img {
  width: calc((25 / var(--curent-size)) * 100vw);
}

.contacts-list li > img {
  width: calc((25 / var(--curent-size)) * 100vw);
}

.master-parametres-wrapper {
  margin-top: calc((30 / var(--curent-size)) * 100vw);
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: calc((30 / var(--curent-size)) * 100vw);
}

.master-parametres {
  width: calc(50% - 17px);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc((6 / var(--curent-size)) * 100vw) 0;
}

.master-parametres li {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
}

.master-parametres li span {
  flex-grow: 1;
  position: relative;
  margin: 0 calc((4 / var(--curent-size)) * 100vw);
}

.master-parametres li span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc((4 / var(--curent-size)) * 100vw);
  border-bottom: calc((1 / var(--curent-size)) * 100vw) dotted #00000046;
}

.master-parametres li p:first-child {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((14 / var(--curent-size)) * 100vw);
}

.master-parametres li p:last-child {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((14 / var(--curent-size)) * 100vw);
  font-weight: 600;
  text-transform: uppercase;
  text-align: right;
}

.master-parametres li a {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((14 / var(--curent-size)) * 100vw);
  font-weight: 600;
  text-transform: uppercase;
}

.prices-wrapper {
  display: flex;
  width: 100%;
}

.mater-prices-wrapper {
  margin-top: calc((30 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
  width: 100%;
}

.mater-prices-wrapper > p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((30 / var(--curent-size)) * 100vw);
  font-weight: 400;
  position: relative;
}

.mater-prices-wrapper > p:after {
  content: "";
  position: absolute;
  bottom: calc((-10 / var(--curent-size)) * 100vw);
  left: 0;
  width: calc((60 / var(--curent-size)) * 100vw);
  height: calc((1 / var(--curent-size)) * 100vw);
  background: #272727;
}

.prices-wrapper {
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw);
  background: #e0e0e0;
}

.prices-wrapper div {
  display: flex;
  align-items: center;
  gap: calc((10 / var(--curent-size)) * 100vw);
  width: 20%;
}

.prices-wrapper div p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((16 / var(--curent-size)) * 100vw);
  font-weight: 600;
}

.prices-wrapper div:not(:first-child) {
  width: 40%;
}

.prices-wrapper div img {
  width: calc((20 / var(--curent-size)) * 100vw);
  filter: invert(1);
}

.mater-prices {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.master-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  width: 100%;
}

.master-price li {
  display: flex;
  align-items: center;
  width: 100%;
  border: calc((1 / var(--curent-size)) * 100vw) solid #d8d8d8;
  padding: calc((10 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw);
  border-top: none;
}

.master-price li p:first-child {
  flex: 1 0 20%;
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((16 / var(--curent-size)) * 100vw);
  font-weight: 500;
}

.master-price li p:nth-child(2),
.master-price li p:nth-child(3) {
  flex: 1 0 40%;
  font-family: var(--font-1);
  color: #d0a149;
  font-size: calc((18 / var(--curent-size)) * 100vw);
  font-weight: 500;
}

.master-services {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((40 / var(--curent-size)) * 100vw);
}

.master-services > p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((30 / var(--curent-size)) * 100vw);
  font-weight: 400;
  position: relative;
}

.master-services > p:after {
  content: "";
  position: absolute;
  bottom: calc((-10 / var(--curent-size)) * 100vw);
  left: 0;
  width: calc((60 / var(--curent-size)) * 100vw);
  height: calc((1 / var(--curent-size)) * 100vw);
  background: #272727;
}

.master-services-data {
  width: 100%;
  padding: calc((30 / var(--curent-size)) * 100vw)
    calc((30 / var(--curent-size)) * 100vw)
    calc((30 / var(--curent-size)) * 100vw)
    calc((120 / var(--curent-size)) * 100vw);
  background: #d2d2d246;
  display: flex;
  align-items: flex-start;

  gap: calc((80 / var(--curent-size)) * 100vw);
}

.master-services-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.master-services-item > p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((18 / var(--curent-size)) * 100vw);
  font-weight: 600;
  text-transform: uppercase;
}

.master-services-item ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.master-services-item ul a {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((16 / var(--curent-size)) * 100vw);
  font-weight: 400;
  transition: 0.3s ease;
  position: relative;
  padding-left: calc((24 / var(--curent-size)) * 100vw);
}

.master-services-item ul a:hover {
  color: #8cb74f;
  transition: 0.3s ease;
}

.master-services-item ul a:before {
  content: "";
  position: absolute;
  top: calc((2 / var(--curent-size)) * 100vw);
  left: 0;
  width: calc((16 / var(--curent-size)) * 100vw);
  height: calc((16 / var(--curent-size)) * 100vw);
  background-image: url(../img/li.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.master-video-wrapper {
  margin-top: calc((10 / var(--curent-size)) * 100vw);
  width: 100%;
  height: calc((300 / var(--curent-size)) * 100vw);
}

.master-video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.h100 {
  height: 100%;
}

.filter-wrapper {
  width: calc((1000 / var(--curent-size)) * 100vw);
  height: fit-content;
  padding: calc((30 / var(--curent-size)) * 100vw);
  background: #fff;
}

.filter-tabs {
  width: fit-content;
  height: calc((40 / var(--curent-size)) * 100vw);
  background: #252525;
  display: flex;
  align-items: center;
  position: relative;
}

.filter-tabs > li {
  padding: 0 calc((20 / var(--curent-size)) * 100vw);
  border-right: calc((1 / var(--curent-size)) * 100vw) solid #dfdfdf;
  height: 100%;
  display: flex;
  align-items: center;
  gap: calc((10 / var(--curent-size)) * 100vw);
  cursor: pointer;
}

.filter-tabs > li.last {
  border-right: none;
}

.filter-tabs > li p {
  color: #fff;
  font-family: var(--font-1);
  font-size: calc((16 / var(--curent-size)) * 100vw);
}

.filter-tabs > li img {
  transform: rotate(90deg);
  filter: invert(1);
  width: calc((16 / var(--curent-size)) * 100vw);
}

.filter-tabs > li img.open {
  transform: rotate(-90deg);
}

.dropdown-panel {
  position: absolute;
  top: 100%;
  left: 0;
  width: calc((1000 / var(--curent-size)) * 100vw);
  height: fit-content;
  background: #ffffff;
  z-index: 8;
  padding: calc((30 / var(--curent-size)) * 100vw);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: calc((35 / var(--curent-size)) * 100vw);
}

.dropdown-panel.open {
  transition: 0.3s ease;
  opacity: 1;
  visibility: visible;
}

.dropdown-panel > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc((290 / var(--curent-size)) * 100vw);
}

.dropdown-panel div ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((4 / var(--curent-size)) * 100vw);
}

.dropdown-panel div ul li {
  display: flex;
  align-items: center;
  gap: calc((4 / var(--curent-size)) * 100vw);
}

.dropdown-panel div ul li a,
.dropdown-panel div ul li span {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((14 / var(--curent-size)) * 100vw);
}

.dropdown-panel > ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((4 / var(--curent-size)) * 100vw);
  width: calc((212 / var(--curent-size)) * 100vw);
}

.dropdown-panel > ul li {
  display: flex;
  align-items: center;
  gap: calc((4 / var(--curent-size)) * 100vw);
}

.dropdown-panel > ul li a,
.dropdown-panel > ul li span {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((14 / var(--curent-size)) * 100vw);
}

.dropdown-panel div > p {
  color: var(--main-color);
  font-size: calc((16 / var(--curent-size)) * 100vw);
  font-weight: 600;
  margin-bottom: calc((10 / var(--curent-size)) * 100vw);
  text-transform: uppercase;
  font-family: var(--font-1);
}

.filter-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.range-filters-wrapper {
  display: flex;
  align-items: center;
  gap: calc((30 / var(--curent-size)) * 100vw);
  width: 100%;
}

.range-filter {
  width: calc((212 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
}

.range-filter > p {
  font-family: var(--font-1);
  font-size: calc((14 / var(--curent-size)) * 100vw);
}

.irs-grid,
.irs-min,
.irs-max {
  display: none !important;
}

.irs-from,
.irs-to {
  background: initial !important;
  color: var(--main-color) !important;
  font-family: var(--font-1);
}

.irs-from:before,
.irs-to:before {
  content: unset !important;
}

.irs--round .irs-handle {
  top: 30px !important;
  width: 15px !important;
  height: 15px !important;
  border: 1px solid #000000 !important;
  background-color: white;
  border-radius: 24px;
  box-shadow: none !important;
}

.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #cbcbcb !important;
}

.irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #242424 !important;
  color: white;
  border-radius: 4px;
}

.irs--round .irs-single:before {
  content: unset !important;
}

.prices-filter-wrapper {
  display: flex;
  align-items: center;
  gap: calc((30 / var(--curent-size)) * 100vw);
}

.prices-filter {
  width: calc((212 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((4 / var(--curent-size)) * 100vw);
  flex-shrink: 0;
}

.prices-filter > p {
  font-family: var(--font-1);
  font-size: calc((14 / var(--curent-size)) * 100vw);
}

.prices-filter > div {
  display: flex;
  align-items: center;
  gap: calc((6 / var(--curent-size)) * 100vw);
}

.prices-filter > div input {
  width: 100%;
  padding: calc((6 / var(--curent-size)) * 100vw);
  outline: none;
  border: calc((1 / var(--curent-size)) * 100vw) solid #cdcdcd;
}

.phone-name-filter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((4 / var(--curent-size)) * 100vw);
  width: 100%;
}

.phone-name-filter > p {
  font-family: var(--font-1);
  font-size: calc((14 / var(--curent-size)) * 100vw);
}

.phone-name-filter > input {
  width: 100%;
  padding: calc((6 / var(--curent-size)) * 100vw);
  outline: none;
  border: calc((1 / var(--curent-size)) * 100vw) solid #cdcdcd;
}

.mobile-nav,
.mobile-data {
  display: none;
}

.hidden {
  display: none;
}

.burger-content {
  display: none;
}

.mobile-version,
.activity {
  display: none;
}

.anothe-filters {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: calc((10 / var(--curent-size)) * 100vw)
    calc((30 / var(--curent-size)) * 100vw);
  margin: calc((20 / var(--curent-size)) * 100vw) 0;
}

.anothe-filter {
  display: flex;
  align-items: center;
  gap: calc((4 / var(--curent-size)) * 100vw);
  width: calc((212 / var(--curent-size)) * 100vw);
}

.anothe-filter > p {
  font-family: var(--font-1);
  font-size: calc((13 / var(--curent-size)) * 100vw);
}

.check-input-filter {
  width: calc((22 / var(--curent-size)) * 100vw);
  height: calc((22 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid #cdcdcd;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.check-input-filter.checked {
  background: #cdcdcd;
  cursor: pointer;
}

.check-input-filter.checked:after {
  content: "";
  background-image: url(../img/check-mark.png);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.check-input-filter input {
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.filter-btns {
  display: flex;
  align-items: center;
  gap: calc((20 / var(--curent-size)) * 100vw);
  justify-content: flex-end;
}

.filter-btns button {
  border: none;
  width: calc((180 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-1);
  color: var(--main-color);
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 600;
}

.filter-btns button.ac-btn {
  background: #be785e;
  color: #fff;
}

.filter-btns button.cl-btn {
  background: #3a3a3a;
  color: #fff;
}

.no-click {
  pointer-events: none;
}

.no-click > p {
  color: #bababa;
}

.preload {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  background: #000000b0;
  opacity: 0;
  visibility: hidden;
}

.preload.open {
  opacity: 1;
  visibility: visible;
}

.preload > img {
  width: calc((40 / var(--curent-size)) * 100vw);
}

.login-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000096;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
}

.login-wrapper.open {
  opacity: 1;
  visibility: visible;
}

.login-content {
  background: #fff;
  border-radius: calc((12 / var(--curent-size)) * 100vw);
  padding: calc((30 / var(--curent-size)) * 100vw);
  position: relative;
}

.close-log {
  position: absolute;
  top: calc((30 / var(--curent-size)) * 100vw);
  right: calc((260 / var(--curent-size)) * 100vw);
  background: initial;
  border: none;
  cursor: pointer;
}

.close-log img {
  width: calc((30 / var(--curent-size)) * 100vw);
  filter: invert(1);
}

.login-content .um:not(.um-admin) {
  margin-bottom: 0 !important;
}

.profile-wrapper {
  padding: calc((120 / var(--curent-size)) * 100vw) 0;
}

.login-content .um-field {
  padding: 0 !important;
}

.heart-block.hide {
  display: none;
}

.anketa-block.hide {
  display: none;
}

#profil {
  padding: calc((140 / var(--curent-size)) * 100vw) 0;
}

.login-content .um-field-label {
  margin-bottom: calc((0 / var(--curent-size)) * 100vw);
}

.login-content .um-field-label label {
  font-family: var(--font-2);
  font-size: calc((16 / var(--curent-size)) * 100vw);
}

.login-content .um-col-alt {
  margin: 0 !important;
}

.login-content .um-row {
  margin-bottom: calc((10 / var(--curent-size)) * 100vw) !important;
}

.heart-head {
  display: flex;
  align-items: center;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.heart-block .heart-head p {
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  margin-top: 0 !important;
  color: #555;
}

.anketa-block .heart-head p {
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  margin-top: 0 !important;
  color: #555;
  font-weight: 600;
}

.login-content .um-button {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  text-transform: uppercase !important;
  cursor: pointer;
  font-weight: 600;
}

.login-content #um-submit-btn {
  background: #be785e !important;
}

.tabs-ul li:nth-child(3) {
  display: none;
}

.girls-heart-wrapper {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((20 / var(--curent-size)) * 100vw);
  padding: calc((30 / var(--curent-size)) * 100vw) 0;
}

.um-form .um-account-main p {
  margin: 0 0 0 0 !important;
  padding: 0 !important;
}

.girls-heart-wrapper .master-item {
  width: calc((293 / var(--curent-size)) * 100vw);
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc((30 / var(--curent-size)) * 100vw);
}

.pagination button {
  padding: calc((10 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--main-color);
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}

.pagination button.active {
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--main-color);
  background: #fff;
  color: var(--main-color);
  cursor: auto;
}

.main-wrapper > button {
  display: none;
}

.anketa-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc((30 / var(--curent-size)) * 100vw);
}

.inputs-data {
  width: 100%;
  display: flex;
  align-items: stretch;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.inputs-data > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.anketa-form .inputs-data > div input {
  width: 100% !important;
  padding: calc((13 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw) !important;
  height: fit-content !important;
}

.anketa-form .inputs-data > div input[type="number"] {
  width: 100% !important;
  padding: calc((13 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw) !important;
  height: fit-content !important;
}

.anketa-form .inputs-data > div textarea {
  padding: calc((13 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw) !important;
  height: 100% !important;
  resize: none;
}

.inputs-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
  width: 100%;
  margin-top: calc((20 / var(--curent-size)) * 100vw);
}

.inputs-wrapper label {
  font-weight: 600;
}

.inputs-wrapper > div {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.inputs-wrapper > div > div {
  display: flex;
  align-items: center;
  gap: calc((6 / var(--curent-size)) * 100vw);
}

.anketa-contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
  width: 100%;
  margin-top: calc((20 / var(--curent-size)) * 100vw);
}

.anketa-contacts > p {
  font-weight: 600;
  text-align: left;
}

.anketa-contacts div {
  display: flex;
  align-items: center;
  width: 100%;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.anketa-contacts div input {
  width: 100% !important;
  padding: calc((13 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw) !important;
  height: fit-content !important;
}

.anketa-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc((20 / var(--curent-size)) * 100vw);
  gap: calc((10 / var(--curent-size)) * 100vw);
  width: 100%;
}

.anketa-price > p {
  font-weight: 600;
  margin-bottom: calc((10 / var(--curent-size)) * 100vw);
}

.anketa-price > div {
  display: flex;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
  width: 100%;
  justify-content: space-between;
}

.anketa-price > div div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
  padding: calc((10 / var(--curent-size)) * 100vw);
  background: #bfbfbf40;
}

.anketa-price > div div input[type="number"] {
  width: 100% !important;
  padding: calc((13 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw) !important;
  height: fit-content !important;
}

.anketa-category-tabs {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
  margin-top: calc((20 / var(--curent-size)) * 100vw);
}

.anketa-category-tabs > p {
  font-weight: 600;
}

.anketa-category-tabs > ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.anketa-category-tabs > ul li {
  padding: calc((10 / var(--curent-size)) * 100vw)
    calc((10 / var(--curent-size)) * 100vw) !important;
  cursor: pointer;
  background: #bfbfbf40;
  user-select: none;
}

.tabs-contents {
  display: flex;
  width: 100%;
  margin-top: calc((20 / var(--curent-size)) * 100vw);
}

.tabs-contents > div {
  border: 1px solid rgb(108, 108, 108);
  padding: calc((20 / var(--curent-size)) * 100vw);
}

.tabs-contents div ul {
  display: flex;
  align-items: center;
  gap: calc((20 / var(--curent-size)) * 100vw);
  flex-wrap: wrap;
  width: 100%;
}

.tabs-contents div ul li {
  display: flex;
  align-items: center;
  gap: calc((4 / var(--curent-size)) * 100vw);
}

.anketa-category-tabs ul li.active {
  background-color: #23232340;
}

.tabs-contents > div.hide {
  display: none;
}

.tabs-contents > div.active {
  display: flex;
}

.anketa-video {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.anketa-video > div {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.photo-thumbnail {
  position: relative;
  width: calc((100 / var(--curent-size)) * 100vw);
  height: calc((100 / var(--curent-size)) * 100vw);
  cursor: pointer;
}

.perview-photo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc((10 / var(--curent-size)) * 100vw);
  width: calc((540 / var(--curent-size)) * 100vw);
}

.photo-thumbnail:hover:after {
  content: "";
  position: absolute;
  top: calc((10 / var(--curent-size)) * 100vw);
  right: calc((10 / var(--curent-size)) * 100vw);
  width: calc((20 / var(--curent-size)) * 100vw);
  height: calc((20 / var(--curent-size)) * 100vw);
  background-image: url(../img/close.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.photo-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reviews-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: calc((120 / var(--curent-size)) * 100vw) 0;
}

.reviews-wrapper h1 {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((26 / var(--curent-size)) * 100vw);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  position: relative;
}

.reviews-wrapper h1:after {
  content: "";
  position: absolute;
  bottom: calc((-10 / var(--curent-size)) * 100vw);
  left: 0;
  width: calc((60 / var(--curent-size)) * 100vw);
  height: calc((1 / var(--curent-size)) * 100vw);
  background: #272727;
}

.reviews-items {
  margin-top: calc((60 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((60 / var(--curent-size)) * 100vw);
  width: 100%;
}

.reviews-item {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.review-item-block {
  width: calc((900 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  gap: calc((100 / var(--curent-size)) * 100vw);
  position: relative;
}

.review-rating {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.review-rating p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((18 / var(--curent-size)) * 100vw);
  color: #9f9f9f;
}

.review-rating span {
  font-size: calc((44 / var(--curent-size)) * 100vw);
  color: #d0a149;
}
.review-header {
  position: absolute;
  top: 0;
  right: 0;
}

.review-header span {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((20 / var(--curent-size)) * 100vw);
}

.review-text {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((20 / var(--curent-size)) * 100vw);
  font-weight: 500;
  position: relative;
}
.review-text:after {
  content: "";
  position: absolute;
  bottom: calc((-10 / var(--curent-size)) * 100vw);
  left: 0;
  width: 70%;
  height: calc((1.5 / var(--curent-size)) * 100vw);
  background: #000;
}

#master-review-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.reviews-form-content {
  display: flex;
  align-items: stretch;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.reviews-form-content-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
  width: calc((400 / var(--curent-size)) * 100vw);
}

.rate-item {
  width: 100%;
  position: relative;
}

.rate-item > input {
  cursor: pointer;
}

.form-arrow {
  position: absolute;
  top: 50%;
  right: calc((16 / var(--curent-size)) * 100vw);
  transform: translate(0, -50%) rotate(90deg);
  width: calc((16 / var(--curent-size)) * 100vw);
}

.rate-dropdowm {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: calc((1 / var(--curent-size)) * 100vw) solid #d0a149;
  opacity: 0;
  visibility: hidden;
}

.open-list {
  opacity: 1;
  visibility: visible;
}

.rate-dropdowm li {
  padding: calc((16 / var(--curent-size)) * 100vw);
  background: #fff;
  width: 100%;
  transition: 0.3s ease;
  cursor: pointer;
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((18 / var(--curent-size)) * 100vw);
  font-weight: 400;
}

.rate-dropdowm li:not(:first-child) {
  border-top: calc((1 / var(--curent-size)) * 100vw) solid #d0a149;
}

.rate-dropdowm li:hover {
  background: #9c9c9c;
  transition: 0.3s ease;
}

.reviews-form-content-item input {
  width: 100%;
  height: calc((50 / var(--curent-size)) * 100vw);
  padding: 0 calc((16 / var(--curent-size)) * 100vw);
  outline: none;
  border: calc((1 / var(--curent-size)) * 100vw) solid #d0a149;
  background: initial;
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((18 / var(--curent-size)) * 100vw);
  font-weight: 400;
}

.form-group textarea {
  width: calc((400 / var(--curent-size)) * 100vw);
  height: 100%;
  padding: calc((16 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw) 0
    calc((16 / var(--curent-size)) * 100vw);
  outline: none;
  border: calc((1 / var(--curent-size)) * 100vw) solid #d0a149;
  background: initial;
  resize: none;
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((18 / var(--curent-size)) * 100vw);
  font-weight: 400;
}

.reviews-form-content-item button {
  width: 100%;
  height: calc((50 / var(--curent-size)) * 100vw);
  background: #d0a149;
  border: none;
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((18 / var(--curent-size)) * 100vw);
  font-weight: 400;
  cursor: pointer;
}

.master-reviews-section {
  margin-top: calc((60 / var(--curent-size)) * 100vw);
}

.review-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: calc((40 / var(--curent-size)) * 100vw);
}

.review-form p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((30 / var(--curent-size)) * 100vw);
  font-weight: 400;
  position: relative;
}

.review-form p:after {
  content: "";
  position: absolute;
  bottom: calc((-10 / var(--curent-size)) * 100vw);
  left: 0;
  width: calc((60 / var(--curent-size)) * 100vw);
  height: calc((1 / var(--curent-size)) * 100vw);
  background: #272727;
}

#review-message {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((18 / var(--curent-size)) * 100vw);
  font-weight: 400;
}

.checkbox-r {
  width: calc((22 / var(--curent-size)) * 100vw);
  height: calc((22 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid #cdcdcd;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.checkbox-r input {
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.checkbox-r.checked:after {
  content: "";
  background-image: url(../img/check-mark.png);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.register-contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((40 / var(--curent-size)) * 100vw);
  width: 100%;
}

.register-contents > a {
  border: none;
  width: calc((260 / var(--curent-size)) * 100vw);
  height: calc((50 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-1);
  color: var(--main-color);
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 600;
  background: #be785e;
  color: #fff;
}

.choose-profile {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((200 / var(--curent-size)) * 100vw);
  justify-content: center;
}

.prifile-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
}

.prifile-item > div {
  display: flex;
  align-items: center;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.register-contents > p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((30 / var(--curent-size)) * 100vw);
  font-weight: 400;
  position: relative;
}

.register-contents > p:after {
  content: "";
  position: absolute;
  bottom: calc((-10 / var(--curent-size)) * 100vw);
  left: 0;
  width: calc((60 / var(--curent-size)) * 100vw);
  height: calc((1 / var(--curent-size)) * 100vw);
  background: #272727;
}

.prifile-item > div span {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((20 / var(--curent-size)) * 100vw);
  font-weight: 400;
}

.prifile-item > ul {
  margin-top: calc((30 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.prifile-item > ul li {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((16 / var(--curent-size)) * 100vw);
  font-weight: 400;
  position: relative;
  padding-left: calc((30 / var(--curent-size)) * 100vw);
}

.prifile-item > ul li:before {
  content: "";
  position: absolute;
  top: calc((2 / var(--curent-size)) * 100vw);
  left: 0;
  width: calc((16 / var(--curent-size)) * 100vw);
  height: calc((16 / var(--curent-size)) * 100vw);
  background-image: url(../img/li.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.rm {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc((250 / var(--curent-size)) * 100vw);
}

.rg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc((250 / var(--curent-size)) * 100vw);
}

.rm-p {
  position: absolute;
  bottom: calc((-141 / var(--curent-size)) * 100vw);
  right: 0;
  width: calc((320 / var(--curent-size)) * 100vw);
}

.rg-p {
  position: absolute;
  bottom: calc((-141 / var(--curent-size)) * 100vw);
  right: 0;
  width: calc((350 / var(--curent-size)) * 100vw);
}

.register-page-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.register-page-wrapper > p {
  font-family: var(--font-1);
  color: var(--main-color);
  font-size: calc((30 / var(--curent-size)) * 100vw);
  font-weight: 400;
  position: relative;
}

.register-page-wrapper > p:after {
  content: "";
  position: absolute;
  bottom: calc((-10 / var(--curent-size)) * 100vw);
  left: 0;
  width: calc((60 / var(--curent-size)) * 100vw);
  height: calc((1 / var(--curent-size)) * 100vw);
  background: #272727;
}

.form-reg {
  width: calc((700 / var(--curent-size)) * 100vw);
  margin: calc((120 / var(--curent-size)) * 100vw) auto 0 0;
}

.form-reg .um .um-form input[type="text"],
.form-reg .um .um-form input[type="password"] {
  background-color: #fff !important;
  border: calc((1 / var(--curent-size)) * 100vw) solid #d0a149 !important;
}

.form-reg .um .um-form input[type="text"]:-webkit-autofill,
.form-reg .um .um-form input[type="password"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #333 !important;
}

.form-reg .um input[type="submit"].um-button {
  background: #d0a149 !important;
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((20 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
  color: #fff !important;
}

.form-reg .um-field-label label {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((20 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
}

.login-wrapper-content .um .um-form input[type="text"],
.login-wrapper-content .um .um-form input[type="password"] {
  background-color: #fff !important;
  border: calc((1 / var(--curent-size)) * 100vw) solid #d0a149 !important;
}

.login-wrapper-content .um .um-form input[type="text"]:-webkit-autofill,
.login-wrapper-content .um .um-form input[type="password"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #333 !important;
}

.login-wrapper-content .um input[type="submit"].um-button {
  background: #d0a149 !important;
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((20 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
  color: #fff !important;
}

.login-wrapper-content .um-field-label label {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((20 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
}

header .header-nav .login-wrapper-content .um-login {
  margin-bottom: 0 !important;
}

#masters-form {
  max-width: 100% !important;
  width: 100%;
}

.post-data-inputs {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: calc((40 / var(--curent-size)) * 100vw) !important;
  margin-top: calc((30 / var(--curent-size)) * 100vw) !important;
}

/* .post-data-inputs > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: calc((10 / var(--curent-size)) * 100vw);
} */

.post-data-parametres {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc((20 / var(--curent-size)) * 100vw) 0 !important;
  width: 50%;
}

.post-data-parametres > div {
  width: 48%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw) !important;
}

#masters-form .post-data-inputs .post-data-parametres > div input {
  width: 100% !important;
  height: calc((50 / var(--curent-size)) * 100vw) !important;
  padding: 0 calc((20 / var(--curent-size)) * 100vw) !important;
  border: calc((1 / var(--curent-size)) * 100vw) solid #d0a149 !important;
}

#masters-form .post-data-inputs .post-data-parametres > div input:focus {
  box-shadow: 0 0 12px -4px #d0a149 !important;
}

.post-data-parametres > div label {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
}

.check-item {
  display: flex;
  align-items: center;
  gap: calc((10 / var(--curent-size)) * 100vw);
  position: relative;
}

.check-item-input input {
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.check-item-input {
  width: calc((22 / var(--curent-size)) * 100vw);
  height: calc((22 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid #cdcdcd;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

.check-item-input.clk:after {
  content: "";
  background-image: url(../img/check-mark.png);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.check-item p {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
}

#existing-gallery,
#existing-verification-gallery {
  width: 100%;
}

#existing-gallery > div,
#new-preview > div,
#existing-verification-gallery > div {
  width: calc((100 / var(--curent-size)) * 100vw);
  height: calc((100 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid #d0a149 !important;
  position: relative;
}

#existing-gallery > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#existing-verification-gallery > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#existing-verification-gallery > div img,
#existing-gallery > div img,
#new-preview > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imgs-wrapper {
  width: 100%;
  margin-top: calc((24 / var(--curent-size)) * 100vw);
}
.imgs-wrapper #existing-verification-gallery,
.imgs-wrapper #existing-gallery,
.imgs-wrapper #new-preview {
  padding: calc((10 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid #d0a149 !important;
  display: flex;
  align-items: center;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.post-data-parametres > p {
  width: 100% !important;
}

.cont-post-data-parametres > div:last-child {
  width: 100% !important;
}

#masters-form .block-title-master {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  font-weight: 600 !important;
  position: relative;
}

#masters-form .block-title-master:after {
  content: "";
  position: absolute;
  bottom: calc((-10 / var(--curent-size)) * 100vw);
  left: 0;
  width: calc((60 / var(--curent-size)) * 100vw);
  height: calc((1 / var(--curent-size)) * 100vw);
  background: #272727;
}

#masters-form .anketa-name-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((24 / var(--curent-size)) * 100vw);
  margin-top: calc((40 / var(--curent-size)) * 100vw);
}

#masters-form .anketa-block > p {
  margin-top: calc((20 / var(--curent-size)) * 100vw) !important;
  font-family: var(--font-1) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
}

#masters-form .anketa-name-block label {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  font-weight: 600 !important;
  position: relative;
}

#masters-form .anketa-name-block input {
  width: 100% !important;
  height: calc((50 / var(--curent-size)) * 100vw) !important;
  padding: 0 calc((20 / var(--curent-size)) * 100vw) !important;
  border: calc((1 / var(--curent-size)) * 100vw) solid #d0a149 !important;
}

#masters-form .anketa-name-block input:focus {
  box-shadow: 0 0 12px -4px #d0a149 !important;
}

.profile-wrapper .heart-head {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((20 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
  position: relative !important;
}

.profile-wrapper .heart-head p {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((20 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
  position: relative !important;
}

.profile-wrapper .heart-head i {
  font-size: calc((26 / var(--curent-size)) * 100vw) !important;
}
#existing-verification-gallery .delete-btn,
#existing-gallery .delete-btn,
#new-preview .delete-btn {
  position: absolute;
  top: calc((0 / var(--curent-size)) * 100vw);
  right: calc((0 / var(--curent-size)) * 100vw);
  z-index: 3;
  width: 100%;
  height: 100%;
  background: #9c9c9c88;
  color: #000;
  border: none;
  cursor: pointer;
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
#existing-verification-gallery .gallery-item:hover .delete-btn,
#existing-gallery .gallery-item:hover .delete-btn,
#new-preview .gallery-item:hover .delete-btn {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease;
}

#existing-verification-gallery .delete-btn i,
#existing-gallery .delete-btn i,
#new-preview .delete-btn i {
  font-size: 10px;
  color: #fff;
}

.upload-imgs-btn {
  width: calc((360 / var(--curent-size)) * 100vw);
  height: calc((50 / var(--curent-size)) * 100vw);
  overflow: hidden;
  background: #d0a149 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer !important;
}

.upload-imgs-btn p {
  pointer-events: none;
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((20 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
  cursor: pointer;
}

.upload-imgs-btn input {
  width: 130%;
  height: 160%;
  opacity: 0;
  position: absolute;
  top: calc((-30 / var(--curent-size)) * 100vw) !important;
  left: 0;
  cursor: pointer;
}

.all-items-taxonomy {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: calc((60 / var(--curent-size)) * 100vw) !important;
}

.all-items-taxonomy .item-taxonomy {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
  margin-top: calc((40 / var(--curent-size)) * 100vw);
}

.item-taxonomy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.item-taxonomy.clc {
  display: flex;
}

.tax-dropdown {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

#masters-list-container h3 {
  margin-top: calc((20 / var(--curent-size)) * 100vw);
  font-family: var(--font-1) !important;
  font-size: calc((20 / var(--curent-size)) * 100vw) !important;
}

.delete-master-btn {
  background: #ff9090;
  border: none;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.delete-master-btn svg {
  width: 30px;
  fill: #fff;
}

.all-items-taxonomy .item-taxonomy > p {
  margin-bottom: calc((20 / var(--curent-size)) * 100vw) !important;
}

.master-create-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.master-create-price > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.master-create-price > div > div {
  display: flex;
  align-items: center;
  gap: calc((10 / var(--curent-size)) * 100vw) !important;
}

#masters-form .master-create-price > div > div > input {
  width: calc((250 / var(--curent-size)) * 100vw) !important;
  height: calc((50 / var(--curent-size)) * 100vw) !important;
  padding: 0 calc((20 / var(--curent-size)) * 100vw) !important;
}

.master-create-price {
  margin-top: calc((60 / var(--curent-size)) * 100vw) !important;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.master-create-price.under {
  margin-top: calc((30 / var(--curent-size)) * 100vw) !important;
}

#masters-form .master-create-price > p {
  margin-bottom: calc((10 / var(--curent-size)) * 100vw) !important;
}

.tabs-mast {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: calc((40 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid #d0a149;
  border-radius: calc((10 / var(--curent-size)) * 100vw) !important;
  overflow: hidden;
}

.tabs-mast li {
  width: calc(100% / 4);
  text-align: center;
  padding: calc((16 / var(--curent-size)) * 100vw) 0;
  font-family: var(--font-1) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
  cursor: pointer;
  transition: 0.3s ease;
  color: #d0a149;
}

.tabs-mast li.active {
  transition: 0.3s ease;
  background: #d0a149;
  color: #000;
}

.tabs-mast li:not(:first-child) {
  border-left: calc((1 / var(--curent-size)) * 100vw) solid #d0a149;
}

.kdk {
  display: flex;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
  margin-top: calc((20 / var(--curent-size)) * 100vw);
  padding-top: calc((20 / var(--curent-size)) * 100vw);
  border-top: calc((1 / var(--curent-size)) * 100vw) solid #b0b0b0;
}

.kdk .item-taxonomy {
  gap: calc((30 / var(--curent-size)) * 100vw);
}

.master-create-price div p {
  font-family: var(--font-1) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
}

.territory-block {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  gap: calc((30 / var(--curent-size)) * 100vw);
  margin-top: calc((20 / var(--curent-size)) * 100vw);
  padding-top: calc((20 / var(--curent-size)) * 100vw);
  border-top: calc((1 / var(--curent-size)) * 100vw) solid #b0b0b0;
}

.territory-block > div {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.save-post-masters {
  margin-top: calc((30 / var(--curent-size)) * 100vw);
  height: calc((50 / var(--curent-size)) * 100vw);
  overflow: hidden;
  background: #d0a149 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer !important;
}

#new-preview:is(:empty),
#existing-gallery:is(:empty) {
  display: none !important;
}

.my-comments {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: calc((18 / var(--curent-size)) * 100vw);
  margin-top: calc((40 / var(--curent-size)) * 100vw);
}

.comment-item {
  width: 49%;
  padding: calc((20 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid #d0a149;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: calc((210 / var(--curent-size)) * 100vw);
}

.comment-item > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.comment-item > div span {
  font-family: var(--font-1) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
}

.comment-item > div p {
  font-family: var(--font-1) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
}

.comment-item > div span a {
  font-family: var(--font-1) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  font-weight: 500 !important;
  color: #d0a149;
}

.comment-content {
  margin: calc((20 / var(--curent-size)) * 100vw) 0;
}

.comment-content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
  font-family: var(--font-1) !important;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
}

.comment-item > a {
  width: 100%;
  text-align: center;
  padding: calc((10 / var(--curent-size)) * 100vw) 0 !important;
  background: #d0a149;
  font-family: var(--font-1) !important;
  font-size: calc((18 / var(--curent-size)) * 100vw) !important;
  color: #fff;
  margin-top: auto;
}

.masters-list-info h4 {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((20 / var(--curent-size)) * 100vw) !important;
  font-weight: 600 !important;
  position: relative !important;
}

.masters-list-info p {
  font-family: var(--font-1) !important;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
}

.masters-list-inf p span {
  font-family: var(--font-1) !important;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
}
.masters-form-header {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-top: calc((20 / var(--curent-size)) * 100vw);
}

.masters-form-header h2 {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((20 / var(--curent-size)) * 100vw) !important;
  font-weight: 600 !important;
  position: relative !important;
}

#back-to-list {
  font-family: var(--font-1) !important;
  color: var(--main-color) !important;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
  background: #d0a149 !important;
  cursor: pointer;
  border: none;
  padding: calc((14 / var(--curent-size)) * 100vw)
    calc((10 / var(--curent-size)) * 100vw);
  border-radius: 8px;
}

.masters-list-actions {
  display: flex;
  align-items: center;
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.masters-list-actions button,
.masters-list-actions a {
  border: none !important;
  background: initial !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.masters-list-actions button img,
.masters-list-actions a img {
  width: calc((40 / var(--curent-size)) * 100vw) !important;
}

#create-new-master {
  font-family: var(--font-1) !important;
  color: #fff;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  font-weight: 400 !important;
  background: #0075a7 !important;
  cursor: pointer;
  border: none;
  padding: calc((14 / var(--curent-size)) * 100vw)
    calc((10 / var(--curent-size)) * 100vw);
  border-radius: 8px;
}

.no-ank {
  font-weight: 700;
  font-family: var(--font-1) !important;
  color: #000;
  margin-bottom: calc((20 / var(--curent-size)) * 100vw) !important;
}

.new-ank-p {
  margin-top: calc((20 / var(--curent-size)) * 100vw) !important;
  font-weight: 400;
  font-family: var(--font-1) !important;
  color: #000;
}

.preload-img {
  width: calc((30 / var(--curent-size)) * 100vw) !important;
}

.verf-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: calc((30 / var(--curent-size)) * 100vw) !important;
}

.verf-block div {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.verf-block div img {
  width: calc((30 / var(--curent-size)) * 100vw);
}

.tooltip-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding-top: calc((120 / var(--curent-size)) * 100vw);
  padding-bottom: calc((60 / var(--curent-size)) * 100vw);
  justify-content: center;
  overflow-y: auto;
  background: #0000005f;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}

.tooltip-wrapper.open {
  opacity: 1;
  visibility: visible;
}

.tooltip-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.tooltip {
  width: calc((1200 / var(--curent-size)) * 100vw);
  padding: calc((30 / var(--curent-size)) * 100vw);
  height: fit-content;
  background: #f6f6f6;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0 0 12px -2px #00000062;
  position: relative;
}

.close-tooltip {
  position: absolute;
  top: calc((20 / var(--curent-size)) * 100vw);
  right: calc((20 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc((10 / var(--curent-size)) * 100vw);
  cursor: pointer;
  background: #d0a149;
}

.close-tooltip img {
  width: calc((20 / var(--curent-size)) * 100vw);
}

.tooltip > h6 {
  font-weight: 500;
  font-family: var(--font-1) !important;
  color: #d0a149;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  margin-bottom: calc((20 / var(--curent-size)) * 100vw);
}

.tooltip > h5 {
  font-weight: 800;
  font-family: var(--font-1) !important;
  color: #000;
  font-size: calc((18 / var(--curent-size)) * 100vw);
  text-transform: uppercase;
  margin: calc((30 / var(--curent-size)) * 100vw) 0;
}

.tooltip > span {
  font-weight: 500;
  font-family: var(--font-1) !important;
  color: #000;
  font-size: calc((18 / var(--curent-size)) * 100vw);
  margin-top: calc((18 / var(--curent-size)) * 100vw);
}

.tooltip > p {
  font-weight: 400;
  font-family: var(--font-1) !important;
  color: #000;
  font-size: calc((18 / var(--curent-size)) * 100vw);
}

.tooltip ol {
  padding-left: calc((20 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
  margin-top: calc((30 / var(--curent-size)) * 100vw);
}

.tooltip ol li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  counter-increment: name;
}

.tooltip ol li:before {
  content: counter(name);
  position: absolute;
  top: 0;
  left: calc((-20 / var(--curent-size)) * 100vw);
  font-weight: 900;
  font-family: var(--font-1) !important;
  color: #d0a149;
  font-size: calc((18 / var(--curent-size)) * 100vw);
}

.tooltip ol li img {
  width: calc((100 / var(--curent-size)) * 100vw);
  margin-top: calc((10 / var(--curent-size)) * 100vw);
}

.tooltip ol li p {
  font-weight: 400;
  font-family: var(--font-1) !important;
  color: #000;
  font-size: calc((18 / var(--curent-size)) * 100vw);
}

.tooltip ol li span {
  font-weight: 500;
  font-family: var(--font-1) !important;
  color: #000;
  font-size: calc((18 / var(--curent-size)) * 100vw);
  margin: calc((14 / var(--curent-size)) * 100vw) 0;
}

.close-btn-f {
  display: none;
}

@media all and (max-width: 768px) {
  :root {
    --curent-size: 375;
  }

  /* .mobile-filters {
    display: none;
  } */

  .filter-content-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100;
    background: #00000061;
    display: none;
    justify-content: center;
    z-index: 99;
    overflow-y: auto;
    padding: calc((90 / var(--curent-size)) * 100vw) 0
      calc((20 / var(--curent-size)) * 100vw) 0;
  }

  .filter-content-wrapper.open {
    display: flex;
  }

  .filter-content {
    position: relative;
  }

  .close-btn-f {
    display: flex;
    position: absolute;
    top: calc((-30 / var(--curent-size)) * 100vw);
    right: calc((0 / var(--curent-size)) * 100vw);
    border: none;
    background: initial;
    cursor: pointer;
  }

  .close-btn-f img {
    width: calc((24 / var(--curent-size)) * 100vw);
  }

  .main-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc((30 / var(--curent-size)) * 100vw);
  }

  .mobile-filters.open {
    display: flex;
  }

  .main-wrapper > button {
    border: none;
    width: calc((180 / var(--curent-size)) * 100vw);
    height: calc((40 / var(--curent-size)) * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-1);
    color: var(--main-color);
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 600;
  }

  .prices-filter {
    width: 100%;
  }

  .range-filter {
    width: 100%;
  }

  .check-input-filter {
    width: calc((16 / var(--curent-size)) * 100vw);
    height: calc((16 / var(--curent-size)) * 100vw);
  }

  .anothe-filter > p {
    font-size: calc((10 / var(--curent-size)) * 100vw);
  }

  .anothe-filter {
    width: calc((140 / var(--curent-size)) * 100vw);
  }

  #main {
    width: 100%;
    height: calc((300 / var(--curent-size)) * 100vw);
    background-image: url(../img/bg-main.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
  }

  .open-main {
    height: calc((1000 / var(--curent-size)) * 100vw) !important;
  }

  .filter-wrapper {
    width: calc((350 / var(--curent-size)) * 100vw);
    height: fit-content;
    padding: calc((20 / var(--curent-size)) * 100vw);
    background: #fff;
  }

  .prices-filter-wrapper,
  .range-filters-wrapper {
    flex-direction: column;
    align-items: center;
    gap: calc((10 / var(--curent-size)) * 100vw);
  }

  .container {
    width: calc((375 / var(--curent-size)) * 100vw);
    padding: 0 calc((10 / var(--curent-size)) * 100vw);
  }

  nav,
  .header-nav {
    display: none;
  }

  .mobile-nav {
    display: flex;
    align-items: center;
    gap: calc((10 / var(--curent-size)) * 100vw);
  }

  .mobile-nav button {
    background: initial;
    border: none;
  }

  .mobile-nav button img {
    width: calc((30 / var(--curent-size)) * 100vw);
  }

  .mobile-nav button svg {
    width: calc((25 / var(--curent-size)) * 100vw);
  }

  .header-logo img {
    width: calc((80 / var(--curent-size)) * 100vw);
  }

  .master-content-head > h1 {
    font-family: var(--font-1);
    color: var(--main-color);
    font-size: calc((18 / var(--curent-size)) * 100vw);
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    position: static;
    top: 0;
    left: 50%;
    transform: unset;
  }

  .master-content-head {
    flex-direction: column;
    align-items: center;
    gap: calc((20 / var(--curent-size)) * 100vw);
  }

  .master-content-items {
    gap: calc((10 / var(--curent-size)) * 100vw);
    margin-top: calc((30 / var(--curent-size)) * 100vw);
  }

  .master-item {
    width: calc((180 / var(--curent-size)) * 100vw);
    height: calc((270 / var(--curent-size)) * 100vw);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: calc((20 / var(--curent-size)) * 100vw);
  }

  .master-data {
    width: calc((155 / var(--curent-size)) * 100vw);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: calc((195 / var(--curent-size)) * 100vw);
    z-index: 1;
    gap: calc((10 / var(--curent-size)) * 100vw);
  }

  .master-data > p {
    font-family: var(--font-1);
    color: var(--main-color);
    font-size: calc((16 / var(--curent-size)) * 100vw);
    font-weight: 700;
  }

  .master-prices {
    display: none;
  }

  .mobile-data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc((16 / var(--curent-size)) * 100vw);
  }

  .mobile-data ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc((4 / var(--curent-size)) * 100vw);
  }

  .mobile-data ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc((4 / var(--curent-size)) * 100vw);
  }

  .mobile-data a {
    font-family: var(--font-1);
    color: var(--main-color);
    font-size: calc((15 / var(--curent-size)) * 100vw);
    font-weight: 400;
  }

  .mobile-data ul li p {
    font-family: var(--font-1);
    color: var(--main-color);
    font-size: calc((14 / var(--curent-size)) * 100vw);
    font-weight: 400;
  }

  .price-main li p:last-child {
    font-weight: 600;
  }

  .mobile-data > p {
    font-family: var(--font-1);
    color: var(--main-color);
    font-size: calc((14 / var(--curent-size)) * 100vw);
    font-weight: 600;
  }

  .verify-photo {
    display: flex;
    align-items: center;
    gap: calc((6 / var(--curent-size)) * 100vw);
    background: #8cb74f;
    padding: calc((3 / var(--curent-size)) * 100vw)
      calc((7 / var(--curent-size)) * 100vw);
    margin-top: calc((6 / var(--curent-size)) * 100vw);
  }

  .verify-photo img {
    width: calc((20 / var(--curent-size)) * 100vw);
  }

  .verify-photo p {
    font-family: var(--font-1);
    color: var(--second-color);
    font-size: calc((13 / var(--curent-size)) * 100vw);
  }

  .masters-icons img {
    width: calc((40 / var(--curent-size)) * 100vw);
  }

  .masters-icons {
    top: calc((10 / var(--curent-size)) * 100vw);
    right: calc((-10 / var(--curent-size)) * 100vw);
  }

  #masters {
    overflow: hidden;
  }

  .master-item a {
    width: 220%;
    height: 100%;
  }

  #main-text {
    padding: 0 0 calc((60 / var(--curent-size)) * 100vw) 0;
  }

  .main-contants {
    width: 100%;
    padding: calc((20 / var(--curent-size)) * 100vw);
    background: #cacaca;
    margin-bottom: calc((60 / var(--curent-size)) * 100vw);
    gap: calc((10 / var(--curent-size)) * 100vw);
  }

  .main-contants p {
    font-size: calc((20 / var(--curent-size)) * 100vw);
  }

  .contacts-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc((20 / var(--curent-size)) * 100vw);
  }

  .text-content p {
    font-size: calc((14 / var(--curent-size)) * 100vw);
  }

  .master-content-head > h1 {
    order: -1;
  }

  .dropdown ul li {
    background: #fff;
  }

  .sort-content {
    position: relative;
    z-index: 10;
  }

  .master-content-head {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .footer-wrapper p {
    text-align: center;
    font-size: calc((13 / var(--curent-size)) * 100vw);
  }

  .footer-wrapper ul {
    flex-direction: column;
  }

  .footer-wrapper ul li:nth-child(2),
  .footer-wrapper ul li:nth-child(4) {
    display: none;
  }

  .burger-content {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--main-color);
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 9;
    padding: calc((90 / var(--curent-size)) * 100vw) 0
      calc((20 / var(--curent-size)) * 100vw) 0;
    /* opacity: 0;
    visibility: hidden; */
    transform: translateX(100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
  }

  .burger-content.open {
    /* opacity: 1;
    visibility: visible; */
    transform: translateX(0%);
    transition: transform 0.3s ease;
  }

  .burger-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .burger-menu li {
    width: 100%;
  }

  .burger-menu li a {
    width: 100%;
    padding: calc((14 / var(--curent-size)) * 100vw)
      calc((20 / var(--curent-size)) * 100vw);
    background: #48484800;
    display: flex;
    font-family: var(--font-1);
    color: var(--second-color);
    font-size: calc((18 / var(--curent-size)) * 100vw);
    font-weight: 500;
    border-bottom: calc((1 / var(--curent-size)) * 100vw) solid #ffffff55;
  }

  .burger-menu li:first-child a {
    border-top: calc((1 / var(--curent-size)) * 100vw) solid #ffffff55;
  }

  .master-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .master-name-link {
    display: none;
  }

  .master-photos {
    flex-direction: column-reverse;
    align-items: center;
  }

  .master-visual-content {
    align-items: center;
    width: 100%;
    padding: calc((10 / var(--curent-size)) * 100vw);
    background: #e6e6e600;
    box-shadow: unset;
    flex-shrink: 0;
  }

  .master-main-photo {
    width: calc((350 / var(--curent-size)) * 100vw);
    height: calc((400 / var(--curent-size)) * 100vw);
  }

  .master-photos-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    list-style: none;
    gap: calc((10 / var(--curent-size)) * 100vw);
  }

  .master-photos-list li {
    width: calc((124 / var(--curent-size)) * 100vw);
    height: calc((140 / var(--curent-size)) * 100vw);
  }

  .master-photos-list li {
    width: calc((80 / var(--curent-size)) * 100vw);
    height: calc((120 / var(--curent-size)) * 100vw);
  }

  .master-photos-list-wrapper > p {
    display: none;
  }

  .photo-status-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: calc((10 / var(--curent-size)) * 100vw);
  }

  .photo-status-wrapper > div {
    width: calc((250 / var(--curent-size)) * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .master-data-head > svg {
    position: absolute;
    top: calc((0 / var(--curent-size)) * 100vw);
    right: 0;
    width: calc((40 / var(--curent-size)) * 100vw);
    cursor: pointer;
  }

  .master-text-about p,
  .master-text-about span,
  .master-text-about ul li,
  .master-text-about ol li {
    font-size: calc((14 / var(--curent-size)) * 100vw);
  }

  .master-parametres-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: calc((6 / var(--curent-size)) * 100vw);
  }

  .master-parametres {
    width: 100%;
  }

  .contacts-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: calc((20 / var(--curent-size)) * 100vw) 0;
  }

  .contacts-list li {
    width: 100%;
  }

  .master-services-data {
    width: 100%;
    padding: calc((20 / var(--curent-size)) * 100vw);
    background: #d2d2d246;
    display: flex;
    align-items: flex-start;
    gap: calc((20 / var(--curent-size)) * 100vw);
    flex-wrap: wrap;
  }

  .master-services-item > p {
    font-size: calc((14 / var(--curent-size)) * 100vw);
  }

  .master-services-item ul a {
    font-size: calc((13 / var(--curent-size)) * 100vw);
    padding-left: calc((24 / var(--curent-size)) * 100vw);
  }

  .master-services-item {
    width: 45%;
    gap: calc((10 / var(--curent-size)) * 100vw);
  }

  .master-services-item ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc((4 / var(--curent-size)) * 100vw);
  }

  .prices-wrapper div p {
    font-size: calc((14 / var(--curent-size)) * 100vw);
  }

  .master-price li p:first-child {
    font-size: calc((13 / var(--curent-size)) * 100vw);
  }

  .master-price li p:nth-child(2),
  .master-price li p:nth-child(3) {
    font-size: calc((13 / var(--curent-size)) * 100vw);
  }

  .prices-wrapper {
    padding: calc((12 / var(--curent-size)) * 100vw);
  }

  .master-price li {
    padding: calc((10 / var(--curent-size)) * 100vw)
      calc((12 / var(--curent-size)) * 100vw);
  }

  .prices-wrapper div img {
    display: none;
  }

  .prices-wrapper div:not(:first-child) {
    width: 40%;
    padding-left: calc((20 / var(--curent-size)) * 100vw);
  }

  .master-price li p:nth-child(2),
  .master-price li p:nth-child(3) {
    padding-left: calc((20 / var(--curent-size)) * 100vw);
  }

  .master-services {
    margin-top: calc((20 / var(--curent-size)) * 100vw);
  }

  .mobile-version {
    display: flex;
  }

  .master-name-link > p {
    font-size: calc((24 / var(--curent-size)) * 100vw);
    font-weight: 500;
  }

  .master-name-link > div span {
    font-size: calc((16 / var(--curent-size)) * 100vw);
  }

  .arrow-next {
    margin-left: calc((20 / var(--curent-size)) * 100vw);
  }

  .master-activity-verify > p {
    display: none;
  }

  .activity {
    display: block;
    font-family: var(--font-1);
    color: var(--main-color);
    font-size: calc((14 / var(--curent-size)) * 100vw);
  }

  #maters {
    padding: calc((30 / var(--curent-size)) * 100vw) 0;
  }

  .master-video-wrapper {
    margin-top: calc((10 / var(--curent-size)) * 100vw);
    width: 100%;
    height: calc((220 / var(--curent-size)) * 100vw);
  }

  .filter-tabs > li {
    padding: 0 calc((10 / var(--curent-size)) * 100vw);
  }

  .filter-tabs > li img {
    width: calc((12 / var(--curent-size)) * 100vw);
  }

  .filter-tabs > li p {
    font-size: calc((9 / var(--curent-size)) * 100vw);
  }

  .dropdown-panel {
    position: absolute;
    top: 100%;
    left: 0;
    width: calc((350 / var(--curent-size)) * 100vw);
    height: fit-content;
    background: #ffffff;
    z-index: 8;
    padding: calc((10 / var(--curent-size)) * 100vw);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: calc((35 / var(--curent-size)) * 100vw);
  }

  .dropdown-panel.open {
    box-shadow: 0 0 12px -2px #00000059;
  }

  .master-data > h3 {
    color: #000000;
    font-size: calc((18 / var(--curent-size)) * 100vw);
  }

  .register-wrapper-content {
    width: calc((355 / var(--curent-size)) * 100vw);
    height: fit-content;

    padding: calc((20 / var(--curent-size)) * 100vw);
  }

  .choose-profile {
    flex-direction: column;
    align-items: center;
    gap: calc((20 / var(--curent-size)) * 100vw);
  }

  .rg {
    width: calc((90 / var(--curent-size)) * 100vw);
    bottom: calc((273 / var(--curent-size)) * 100vw);
  }

  .rm {
    width: calc((90 / var(--curent-size)) * 100vw);
    bottom: calc((101 / var(--curent-size)) * 100vw);
    right: calc((13 / var(--curent-size)) * 100vw);
  }

  .prifile-item:first-child {
    align-self: flex-end;
  }

  .prifile-item:last-child {
    align-self: flex-start;
  }

  .register-contents {
    align-items: flex-start;
  }

  .register-contents > a {
    width: 100%;
    height: calc((40 / var(--curent-size)) * 100vw);
    font-size: calc((16 / var(--curent-size)) * 100vw);
  }

  .rwc {
    padding-top: calc((80 / var(--curent-size)) * 100vw);
  }

  .register-contents > p {
    font-size: calc((20 / var(--curent-size)) * 100vw);
  }

  .close-log {
    top: calc((10 / var(--curent-size)) * 100vw);
    right: calc((10 / var(--curent-size)) * 100vw);
  }

  .close-log img {
    width: calc((20 / var(--curent-size)) * 100vw);
  }

  .checkbox-r {
    width: calc((16 / var(--curent-size)) * 100vw);
    height: calc((16 / var(--curent-size)) * 100vw);
  }

  .prifile-item > div span {
    font-size: calc((16 / var(--curent-size)) * 100vw);
  }

  .prifile-item > ul li {
    font-size: calc((13 / var(--curent-size)) * 100vw);
  }

  .prifile-item > ul {
    width: calc((200 / var(--curent-size)) * 100vw);
  }

  .prifile-item {
    position: relative;
  }

  .prifile-item:last-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: calc((315 / var(--curent-size)) * 100vw);
    background: #be785e;
  }

  .prifile-item:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    width: calc((315 / var(--curent-size)) * 100vw);
    background: #be785e;
  }

  .prifile-item {
    padding-bottom: calc((20 / var(--curent-size)) * 100vw);
  }

  .form-reg {
    width: 100%;
    margin: calc((20 / var(--curent-size)) * 100vw) auto 0 auto;
  }

  #profil {
    padding: calc((80 / var(--curent-size)) * 100vw) 0;
    overflow: hidden;
  }

  .rg-p {
    position: absolute;
    left: unset;
    right: calc((-44 / var(--curent-size)) * 100vw);
    bottom: calc((-81 / var(--curent-size)) * 100vw);
    width: calc((200 / var(--curent-size)) * 100vw);
  }

  .rm-p {
    position: absolute;
    left: unset;
    right: calc((-44 / var(--curent-size)) * 100vw);
    bottom: calc((-81 / var(--curent-size)) * 100vw);
    width: calc((170 / var(--curent-size)) * 100vw);
  }

  .form-reg .um-field-area {
    width: calc((230 / var(--curent-size)) * 100vw);
  }

  .form-reg #um_field_93_user_email .um-field-area {
    width: 100%;
  }
  .form-reg #um_field_460_user_email .um-field-area {
    width: 100%;
  }

  .form-reg .um-field-label label {
    font-size: calc((15 / var(--curent-size)) * 100vw) !important;
  }

  .form-reg .um-col-alt {
    width: calc((230 / var(--curent-size)) * 100vw);
  }

  .form-reg .um input[type="submit"].um-button {
    font-size: calc((16 / var(--curent-size)) * 100vw) !important;
    min-width: unset !important;
    width: 100% !important;
  }

  .profile-wrapper {
    padding: calc((40 / var(--curent-size)) * 100vw) 0;
  }

  .um-account-nav {
    display: none !important;
  }

  #masters-form {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: calc((30 / var(--curent-size)) * 100vw) !important;
  }

  .um-account-side {
    width: 100% !important;
  }

  .masters-form-header {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: calc((10 / var(--curent-size)) * 100vw);
  }

  .masters-list-actions {
    flex-direction: column;
  }

  .masters-list-actions button img,
  .masters-list-actions a img {
    width: calc((30 / var(--curent-size)) * 100vw) !important;
  }

  .post-data-inputs {
    flex-direction: column;
    align-items: flex-start;
  }

  .anketa-name-block,
  .post-data-parametres,
  .cont-post-data-parametres {
    width: 100%;
  }

  .post-data-parametres > div label {
    font-size: calc((14 / var(--curent-size)) * 100vw) !important;
  }

  .post-data-inputs {
    gap: calc((20 / var(--curent-size)) * 100vw) !important;
    margin-top: calc((0 / var(--curent-size)) * 100vw) !important;
  }

  .cont-post-data-parametres > div:nth-child(4) {
    width: 100%;
  }

  .imgs-wrapper {
    margin-top: calc((0 / var(--curent-size)) * 100vw);
  }

  #existing-gallery > div,
  #new-preview > div,
  #existing-verification-gallery > div {
    width: calc((70 / var(--curent-size)) * 100vw);
    height: calc((70 / var(--curent-size)) * 100vw);
  }

  .upload-imgs-btn {
    width: 100%;
  }

  .imgs-wrapper #existing-verification-gallery,
  .imgs-wrapper #existing-gallery,
  .imgs-wrapper #new-preview {
    padding: calc((0 / var(--curent-size)) * 100vw);
  }

  .upload-imgs-btn p {
    font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  }

  .territory-block > div {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: calc((10 / var(--curent-size)) * 100vw)
      calc((20 / var(--curent-size)) * 100vw);
  }

  .check-item {
    display: flex;
    align-items: center;
    gap: calc((4 / var(--curent-size)) * 100vw);
    position: relative;
  }

  .check-item-input {
    width: calc((20 / var(--curent-size)) * 100vw);
    height: calc((20 / var(--curent-size)) * 100vw);
  }

  .check-item p {
    font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  }

  .tabs-mast {
    margin-top: calc((20 / var(--curent-size)) * 100vw);
    border-radius: calc((4 / var(--curent-size)) * 100vw) !important;
    flex-wrap: wrap;
  }

  .tabs-mast li {
    width: 50%;
  }

  .tabs-mast li:not(:first-child) {
    border-left: none;
  }

  .tabs-mast li:nth-child(2) {
    border-left: calc((1 / var(--curent-size)) * 100vw) solid #d0a149;
  }

  .tabs-mast li:not(:last-child) {
    border-left: none;

    border-right: calc((1 / var(--curent-size)) * 100vw) solid #d0a149;
  }

  .all-items-taxonomy .item-taxonomy {
    margin-top: 0;
  }

  .kdk {
    flex-wrap: wrap;
    gap: calc((30 / var(--curent-size)) * 100vw) 0;
    justify-content: flex-start;
  }

  #masters-form .block-title-master {
    font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  }

  .check-item p {
    font-size: calc((14 / var(--curent-size)) * 100vw) !important;
  }

  .item-taxonomy {
    width: 50%;
  }

  .master-create-price {
    margin-top: calc((0 / var(--curent-size)) * 100vw) !important;
  }

  .master-create-price > div {
    flex-direction: column-reverse;
    gap: calc((10 / var(--curent-size)) * 100vw);
    align-items: flex-start;
  }

  .master-create-price > div > div {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .save-post-masters {
    margin-top: calc((0 / var(--curent-size)) * 100vw);
  }

  #masters-form .master-create-price > div > div > input {
    width: 100% !important;
    height: calc((50 / var(--curent-size)) * 100vw) !important;
    padding: 0 calc((20 / var(--curent-size)) * 100vw) !important;
  }

  #create-new-master {
    width: 100%;
  }

  .um:not(.um-admin) {
    margin-bottom: 0 !important;
  }

  #profil {
    padding: calc((80 / var(--curent-size)) * 100vw) 0 0 0;
    overflow: hidden;
  }

  .profile-wrapper {
    padding: calc((40 / var(--curent-size)) * 100vw) 0 0 0;
  }

  .comment-item {
    width: 100%;
    padding: calc((20 / var(--curent-size)) * 100vw);
    height: fit-content;
  }

  .tooltip > h6 {
    font-size: calc((18 / var(--curent-size)) * 100vw);
  }

  .tooltip > p {
    font-size: calc((16 / var(--curent-size)) * 100vw);
  }

  .tooltip ol li p {
    font-size: calc((16 / var(--curent-size)) * 100vw);
  }

  .tooltip ol li span {
    font-size: calc((16 / var(--curent-size)) * 100vw);
  }

  .tooltip ol li img {
    width: calc((60 / var(--curent-size)) * 100vw);
  }

  .tooltip > h5 {
    font-size: calc((15 / var(--curent-size)) * 100vw);
  }

  .tooltip > span {
    font-size: calc((16 / var(--curent-size)) * 100vw);
  }

  .tooltip-wrapper {
    padding-top: calc((60 / var(--curent-size)) * 100vw);
  }

  .close-tooltip {
    position: absolute;
    top: calc((10 / var(--curent-size)) * 100vw);
    right: calc((10 / var(--curent-size)) * 100vw);
    padding: calc((5 / var(--curent-size)) * 100vw);
  }

  .close-tooltip img {
    width: calc((16 / var(--curent-size)) * 100vw);
  }

  .masters-content {
    padding: calc((80 / var(--curent-size)) * 100vw) 0;
  }
}
