@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap);

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}

[type=search] {
  outline-offset: -2px
}

[hidden], template {
  display: none
}

.bg-1 {
  background-image: url(../images/fon.png)
}

.bg-1, .bg-room {
  background-repeat: no-repeat;
  background-position: top;
  background-size: auto 100%
}

.bg-room {
  background-image: url(../images/fon-room.png)
}

.bg-room-complect {
  background-image: url(../images/fon-room-complect.png)
}

.bg-room-artifact, .bg-room-complect {
  background-repeat: no-repeat;
  background-position: top;
  background-size: auto 100%
}

.bg-room-artifact {
  background-image: url(../images/fon-room-artifact.png)
}

.bg-room-pet {
  background-image: url(../images/fon-room-pet.png)
}

.bg-room-bag, .bg-room-pet {
  background-repeat: no-repeat;
  background-position: top;
  background-size: auto 100%
}

.bg-room-bag {
  background-image: url(../images/fon-room-bag.png)
}

.bg-burse {
  background-image: url(../images/fon-burse.png)
}

.bg-burse, .bg-burse-housetrade {
  background-repeat: no-repeat;
  background-position: top;
  background-size: auto 100%
}

.bg-burse-housetrade {
  background-image: url(../images/fon-burse-housetrade.png)
}

.bg-smithy-artefact {
  background-image: url(../images/fon-smithy-artefact.png)
}

.bg-smithy-artefact, .bg-smithy-cutter {
  background-repeat: no-repeat;
  background-position: top;
  background-size: auto 100%
}

.bg-smithy-cutter {
  background-image: url(../images/fon-smithy-cutter.png)
}

.bg-fortunawheel {
  background-image: url(../images/fon-fortunawheel.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 1920rem auto
}

.bg-smithy-gov {
  background-image: url(../images/fon-smithy-gov.png), url(../images/fon-smithy-gov.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0 calc(50% + 660rem), 0 0 calc(50% - 1484rem);
  background-size: 2500rem auto, 2500rem auto
}

.bg-garden {
  background-image: url(../images/fon-garden.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: auto 100%
}

.bg-garden-kitchen {
  background-image: url(../images/fon-garden-kitchen.png)
}

.bg-garden-kitchen, .bg-painter {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 1920rem auto
}

.bg-painter {
  background-image: url(../images/fon-painter.png)
}

.bg-painter-cutter {
  background-image: url(../images/fon-painter-cutter.png)
}

.bg-painter-cutter, .bg-reg {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 1920rem auto
}

.bg-reg {
  background-image: url(../images/fon-reg.png)
}

.bg-opushka {
  background-image: url(../images/fon-opushka.png)
}

.bg-opushka, .bg-opushka-buy {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 1920rem auto
}

.bg-opushka-buy {
  background-image: url(../images/fon-opushka-buy.png)
}

.bg-opushka-change {
  background-image: url(../images/fon-opushka-change.png)
}

.bg-opushka-change, .bg-opushka-metallurg {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 1920rem auto
}

.bg-opushka-metallurg {
  background-image: url(../images/fon-opushka-metallurg.png)
}

.bg-opushka-woodman {
  background-image: url(../images/fon-opushka-woodman.png)
}

.bg-church, .bg-opushka-woodman {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 1920rem auto
}

.bg-church {
  background-image: url(../images/fon-church.png)
}

.bg-church-altar {
  background-image: url(../images/fon-church-altar.png)
}

.bg-church-altar, .bg-church-hall-darck {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 1920rem auto
}

.bg-church-hall-darck {
  background-image: url(../images/fon-church-hall-darck.png)
}

.bg-church-hall-light {
  background-image: url(../images/fon-church-hall-light.png)
}

.bg-church-hall-light, .bg-church-wedding {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 1920rem auto
}

.bg-church-wedding {
  background-image: url(../images/fon-church-wedding.png)
}

.bg-church-prayer {
  background-image: url(../images/fon-church-prayer.png)
}

.bg-church-altar-item, .bg-church-prayer {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 1920rem auto
}

.bg-church-altar-item {
  background-image: url(../images/fon-church-altar-item.png)
}

@font-face {
  font-family: BrahmsGotisch;
  src: url(../fonts/BrahmsGotischCyrRegularEdited.ttf) format("truetype")
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

:root {
  --fz: 1px
}

html.fz16 {
  --fz: 1.142857143px
}

html.fz15 {
  --fz: 1.071428571px
}

html.fz14 {
  --fz: 1px
}

html.fz13 {
  --fz: 0.928571429px
}

html.fz12 {
  --fz: 0.857142857px
}

html.fz11 {
  --fz: 0.785714286px
}

html.fz10 {
  --fz: 0.714285714px
}

html.fz9 {
  --fz: 0.642857143px
}

html.fz8 {
  --fz: 0.571428571px
}

html.fz7 {
  --fz: 0.5px
}

html.fz6 {
  --fz: 0.428571429px
}

html {
  font-size: var(--fz)
}

body {
  margin: 0;
  overflow: hidden
}

main {
  display: block
}

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

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

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

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1rem dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2rem
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

[hidden], template {
  display: none
}

:root {
  --brg: "BrahmsGotisch";
  --nato: "Noto Sans", system-ui
}

a {
  background-color: rgba(0, 0, 0, 0)
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html {
  width: 100vw;
  height: 100vh
}

body, html {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body {
  width: 100%;
  height: 100%;
  font-family: Noto Sans, system-ui;
  font-weight: 400;
  font-size: 16rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #18212d
}

.bg-transparent, .church-hall, .church-object__list, .church-prayer, .church-wedding__left, .church-wedding__right, .painter-admin__bottom, .painter-buyer__item-text {
  background: rgba(24, 24, 32, .4);
  border-radius: 7rem;
  position: relative
}

.bg-transparent:before, .church-hall:before, .church-object__list:before, .church-prayer:before, .church-wedding__left:before, .church-wedding__right:before, .painter-admin__bottom:before, .painter-buyer__item-text:before {
  content: "";
  display: block;
  position: absolute;
  top: -3rem;
  left: -3rem;
  width: 100%;
  height: 100%;
  border-radius: 10rem;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) border-box;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  border: 3rem solid rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, right top, from(#95837a), color-stop(#f8f5ef), to(#95837a));
  background: linear-gradient(90deg, #95837a, #f8f5ef, #95837a)
}

.zoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 83px;
  height: 42px;
  background: url(../images/zoom.png) no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  padding: 5px 0 0 2px
}

.zoom button {
  font-size: 30px;
  line-height: 18px;
  font-weight: 600;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-size: contain;
  border: none
}

.zoom button#btn-minus {
  background: url(../images/zoom-minus.png) no-repeat
}

.zoom button#btn-plus {
  background: url(../images/zoom-plus.png) no-repeat
}

.zoom button:hover {
  -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
  filter: sepia(50%) saturate(180%) brightness(130%)
}

.btn__border {
  height: 24rem;
  background: rgba(29, 7, 7, .8);
  border: 2rem solid #948579;
  -webkit-box-shadow: inset 0 0 2rem 4rem #3c2b23;
  box-shadow: inset 0 0 2rem 4rem #3c2b23;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 13rem;
  line-height: 12.5rem;
  font-weight: 400;
  font-family: var(--brg);
  text-decoration: none;
  padding: 0 8rem;
  position: relative
}

.btn__border:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 4rem);
  height: calc(100% + 4rem);
  top: -2rem;
  left: -2rem;
  background: radial-gradient(54.61% 183.7% at 50% 50%, rgba(61, 45, 37, 0) 5%, rgba(61, 45, 37, 0) 82.08%, #3d2d25 95.2%)
}

.btn__border span {
  position: relative;
  z-index: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#95837a), color-stop(46%, #f8f5ef), color-stop(47%, #f9f6f1), color-stop(53%, #faf6f2), color-stop(75%, #afa69c), to(#645645));
  background-image: linear-gradient(180deg, #95837a, #f8f5ef 46%, #f9f6f1 47%, #faf6f2 53%, #afa69c 75%, #645645);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.btn__border.active, .btn__border:hover {
  -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
  filter: sepia(50%) saturate(180%) brightness(130%)
}

.btn__border._disabled.active, .btn__border._disabled:hover {
  -webkit-filter: none;
  filter: none
}

.btn__gradient-invert span, .c-silver, .church-content__img-text span, .church-hall__table-th, .church-object__item-title, .church-prayer__desc, .church__enter-room-label, .enter-room__label, .garden-shop__header a, .opushka-change__label, .opushka-woodman__link span, .opushka__enter-room-label, .painter__enter-room-label, .reg-tab__link span, .reg-table tbody tr td.reg-table__desc, .smithy-artifact__right-desc, .smithy-gov__item b, .smithy-modarm__artifact-text b, .smithy-persarm__right-title, .smithy-persarm__title span, .smithy-specarm__right-title, .smithy-specarm__title span, .smithy-studio-pers__item-title b, .smithy__enter-room-label {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #645645), color-stop(50%, #fffefc), color-stop(90%, #645645));
  background-image: linear-gradient(180deg, #645645 20%, #fffefc 50%, #645645 90%)
}

.btn__gradient, .f-brg {
  font-family: var(--brg)
}

.btn__gradient {
  font-size: 16rem;
  color: #000;
  padding: 3rem 8rem;
  text-align: center;
  border-radius: 0;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  height: 30rem;
  background: -webkit-gradient(linear, left top, right top, from(#2a221c), color-stop(50%, #faf3ed), to(#2a221c));
  background: linear-gradient(90deg, #2a221c, #faf3ed 50%, #2a221c);
  -webkit-box-shadow: inset 0 0 0 1.5rem hsla(0, 0%, 100%, .7), inset 0 0 0 2rem #000, inset 0 0 0 3rem #6c6357;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 3rem;
  background: radial-gradient(52.17% 52.17% at 50% 50%, #faf3ed 1.5%, #2a221c 100%);
  border: 1rem solid #5d5b54;
  box-shadow: inset 0 0 0 1.5rem hsla(0, 0%, 100%, .7), inset 0 0 0 2rem #000, inset 0 0 0 3rem #6c6357
}

.btn__gradient:after, .btn__gradient:before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  background: #7c6c59;
  border: .2rem solid #41342c;
  -webkit-box-shadow: 0 0 0 .2rem #faf3ed, inset 0 0 0 .4rem #d5ccc5;
  box-shadow: 0 0 0 .2rem #faf3ed, inset 0 0 0 .4rem #d5ccc5;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.btn__gradient:before {
  top: 0
}

.btn__gradient:after, .btn__gradient:before {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg)
}

.btn__gradient:after {
  bottom: 0
}

.btn__gradient.active, .btn__gradient:hover {
  -webkit-filter: invert(0) sepia(0) saturate(549%) hue-rotate(368deg) brightness(70%) contrast(107%);
  filter: invert(0) sepia(0) saturate(549%) hue-rotate(368deg) brightness(70%) contrast(107%)
}

.btn__gradient.active span, .btn__gradient:hover span {
  color: #000;
  -webkit-filter: invert(100) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%);
  filter: invert(100) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%);
  text-shadow: 0 0 7px #fff, 0 0 7px #fff
}

.btn__gradient-invert {
  padding: 0 8rem;
  text-align: center;
  border-radius: 0;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  height: 38rem;
  background: -webkit-gradient(linear, left top, right top, from(#2a221c), color-stop(50%, #605b58), to(#2a221c));
  background: linear-gradient(90deg, #2a221c, #605b58 50%, #2a221c);
  border: 1rem solid #5d5b54;
  -webkit-box-shadow: inset 0 0 0 1.5rem hsla(0, 0%, 100%, .7), inset 0 0 0 2rem #000, inset 0 0 0 3rem #6c6357;
  box-shadow: inset 0 0 0 1.5rem hsla(0, 0%, 100%, .7), inset 0 0 0 2rem #000, inset 0 0 0 3rem #6c6357;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 2rem
}

.btn__gradient-invert span {
  font-size: 16rem;
  line-height: .8;
  font-family: var(--brg);
  -webkit-filter: brightness(130%);
  filter: brightness(130%)
}

.btn__gradient-invert:after, .btn__gradient-invert:before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  background: #7c6c59;
  border: .2rem solid #41342c;
  -webkit-box-shadow: 0 0 0 .2rem #faf3ed, inset 0 0 0 .4rem #d5ccc5;
  box-shadow: 0 0 0 .2rem #faf3ed, inset 0 0 0 .4rem #d5ccc5;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.btn__gradient-invert:before {
  top: 0
}

.btn__gradient-invert:after, .btn__gradient-invert:before {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg)
}

.btn__gradient-invert:after {
  bottom: 0
}

.btn__gradient-invert.active, .btn__gradient-invert:hover {
  background: -webkit-gradient(linear, left top, right top, from(#2a221c), color-stop(50%, #faf3ed), to(#2a221c));
  background: linear-gradient(90deg, #2a221c, #faf3ed 50%, #2a221c)
}

.btn__gradient-invert.active span, .btn__gradient-invert:hover span {
  color: #1e1615;
  background-image: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: #1e1615
}

.btn__ramka {
  color: #000;
  padding: 8rem 12rem;
  border-radius: 0;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  height: 36rem;
  background: url(../images/btn-ramka-tl.png), url(../images/btn-ramka-tr.png), url(../images/btn-ramka-bl.png), url(../images/btn-ramka-br.png), url(../images/btn-ramka-t.png), url(../images/btn-ramka-b.png), url(../images/btn-ramka-l.png), url(../images/btn-ramka-r.png), rgba(24, 19, 17, .81);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y;
  background-position: 0 0, 100% 0, 0 100%, 100% 100%, top, bottom, 0, 100%
}

.btn__ramka span {
  text-align: center;
  font-family: var(--brg);
  font-size: 16rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#645645), color-stop(46%, #fffefc), to(#645645));
  background-image: linear-gradient(180deg, #645645, #fffefc 46%, #645645);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.btn__ramka:hover {
  -webkit-filter: invert(0) sepia(0) saturate(289%) hue-rotate(367deg) brightness(90%) contrast(135%);
  filter: invert(0) sepia(0) saturate(289%) hue-rotate(367deg) brightness(90%) contrast(135%)
}

.file-label, .input, .select {
  position: relative;
  padding: 2rem;
  height: 22rem;
  width: 100%
}

._count.file-label, .input._count, .select._count {
  width: 60rem
}

.file-label:before, .input:before, .select:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4rem);
  height: calc(100% - 4rem);
  background: #fff;
  border-radius: 6rem;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) border-box;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  border: 2rem solid rgba(0, 0, 0, 0);
  background: linear-gradient(45deg, #3d2d25, #fff, #3d2d25)
}

.file-label input, .file-label select, .input input, .input select, .select input, .select select {
  position: relative;
  z-index: 1;
  background: rgba(24, 19, 17, .7);
  border: none;
  outline: none;
  border-radius: 5rem;
  width: 100%;
  height: 100%;
  color: #fff;
  font-family: var(--brg);
  font-size: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5rem
}

.f-nato.file-label input, .f-nato.file-label select, .input.f-nato input, .input.f-nato select, .select.f-nato input, .select.f-nato select {
  font-family: var(--nato)
}

.f-14.file-label input, .f-14.file-label select, .input.f-14 input, .input.f-14 select, .select.f-14 input, .select.f-14 select {
  font-size: 14rem
}

.green.file-label input, .green.file-label select, .input.green input, .input.green select, .select.green input, .select.green select {
  background: rgba(14, 36, 12, .7)
}

.input.red input, .input.red select, .red.file-label input, .red.file-label select, .select.red input, .select.red select {
  background: rgba(80, 32, 27, .7)
}

.input__price, .select__price {
  position: absolute;
  z-index: 1;
  right: 5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.input__price span, .select__price span {
  font-size: 10rem;
  font-weight: 600;
  color: #ffb700
}

.input__price img, .select__price img {
  width: 13rem
}

.textarea {
  position: relative;
  padding: 2rem;
  height: 150rem;
  width: 100%
}

.textarea:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4rem);
  height: calc(100% - 4rem);
  background: #fff;
  border-radius: 6rem;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) border-box;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  border: 2rem solid rgba(0, 0, 0, 0);
  background: linear-gradient(45deg, #3d2d25, #fff, #3d2d25)
}

.textarea textarea {
  position: relative;
  z-index: 1;
  background: rgba(24, 19, 17, .7);
  border: none;
  outline: none;
  border-radius: 5rem;
  width: 100%;
  height: 100%;
  color: #fff;
  font-family: var(--brg);
  font-size: 11rem;
  resize: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5rem
}

.radio-round {
  position: relative
}

.radio-round input[type=radio] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1rem;
  width: 1rem;
  margin: -1rem;
  padding: 0;
  border: 0
}

.radio-round input + .radio-round__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5rem
}

.radio-round input + .radio-round__label:before {
  content: "";
  display: block;
  width: 12rem;
  height: 12rem;
  border-radius: 6rem;
  border: 1rem solid #cac6c4
}

.radio-round input + .radio-round__label ._flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5rem
}

.radio-round input + .radio-round__label ._flex span {
  font-size: 12rem;
  color: #e2e2e2
}

.radio-round input:checked + label:before {
  width: 6rem;
  height: 6rem;
  border: 4rem double #cac6c4
}

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: relative
}

.container {
  width: 100%;
  max-width: 1450rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20rem
}

.bl-scroll {
  overflow-y: auto
}

.bl-scroll::-webkit-scrollbar {
  width: 6rem;
  border-radius: 20rem
}

.bl-scroll::-webkit-scrollbar-track {
  background-color: hsla(0, 0%, 100%, .2)
}

.bl-scroll::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, .2);
  border-radius: 20rem
}

.bl-scroll::-webkit-scrollbar-thumb:hover {
  -webkit-filter: none;
  filter: none
}

.rOr {
  color: #30210e
}

.rEl, .rOr {
  font-weight: 700
}

.rEl {
  color: green
}

.rGn {
  color: #664b39
}

.rGn, .rHb {
  font-weight: 700
}

.rHb {
  color: maroon
}

.rHm {
  color: #bc2eea
}

.rDr, .rHm {
  font-weight: 700
}

.rDr {
  color: red
}

.rAr {
  color: #06c
}

.rAb, .rAr {
  font-weight: 700
}

.rAb {
  color: #0800b9
}

.rWm {
  color: #000;
  font-weight: 700
}

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

.area, .area .container, .area__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.area__left {
  min-width: 560rem;
  margin-right: -83rem;
  margin-left: -102rem;
  height: 100%
}

.area__left.bl-scroll {
  overflow-y: auto;
  overflow-x: hidden
}

.area__left.bl-scroll::-webkit-scrollbar {
  width: 0;
  border-radius: 0
}

.area__left.bl-scroll::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0)
}

.area__left.bl-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0
}

.area__left.bl-scroll::-webkit-scrollbar-thumb:hover {
  -webkit-filter: none;
  filter: none
}

.area__right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 1035rem;
  min-width: 889rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.area__right.bl-scroll {
  overflow-y: auto;
  overflow-x: hidden
}

.area__right.bl-scroll::-webkit-scrollbar {
  width: 0;
  border-radius: 0
}

.area__right.bl-scroll::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0)
}

.area__right.bl-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0
}

.area__right.bl-scroll::-webkit-scrollbar-thumb:hover {
  -webkit-filter: none;
  filter: none
}

.nav {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(calc(-50% - 80rem));
  -ms-transform: translateX(calc(-50% - 80rem));
  transform: translateX(calc(-50% - 80rem));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8rem;
  padding-top: 20rem;
  z-index: 4
}

.nav__drop {
  position: relative
}

.nav__drop-content {
  display: none;
  position: absolute;
  top: calc(100% + 5rem);
  left: 0;
  z-index: 10;
  height: auto;
  overflow: hidden
}

.nav__drop-content:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -4rem;
  width: 12rem;
  height: 100%;
  background: url(../images/nav-ul.png) 0 0 repeat-y;
  background-size: 100% auto
}

.nav__drop-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0;
  list-style: none;
  overflow: hidden;
  height: 0;
  padding: 5rem 0;
  opacity: 1;
  gap: 4rem;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 100%)
}

.nav__drop-content[style="display: block;"] ul {
  height: 100%;
  opacity: 1
}

.nav__drop-content li {
  height: 24rem;
  width: auto;
  clip-path: polygon(0 0, calc(100% - 3rem) 0, calc(100% - 10rem) 50%, 100% 100%, 0 100%);
  -webkit-box-shadow: 0 0 4rem 1rem #000;
  box-shadow: 0 0 4rem 1rem #000;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .2)), color-stop(7%, rgba(0, 0, 0, .5)), color-stop(14%, rgba(0, 0, 0, .2)), color-stop(14%, rgba(0, 0, 0, 0)), color-stop(86%, rgba(0, 0, 0, 0)), color-stop(86%, rgba(0, 0, 0, .2)), color-stop(93%, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .2))), -webkit-gradient(linear, left top, right top, from(rgba(255, 157, 0, 0)), to(rgba(255, 157, 0, .5))), radial-gradient(93.88% 400% at 10.2% 45.65%, rgba(77, 3, 2, .04) 20.83%, rgba(255, 166, 0, .1) 29.05%, rgba(77, 3, 2, .04) 38.82%, rgba(255, 166, 0, .1) 46.79%, rgba(77, 3, 2, .04) 54.75%, rgba(255, 166, 0, .1) 62.96%, rgba(77, 3, 2, .04) 71.9%, rgba(255, 166, 0, .1) 82.63%, rgba(77, 3, 2, .04) 91.45%, rgba(255, 166, 0, .1) 100%), -webkit-gradient(linear, left top, right top, from(#4a0000), to(rgba(74, 0, 0, 0))), #c16145;
  background: linear-gradient(180deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .5) 7%, rgba(0, 0, 0, .2) 14%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 86%, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .5) 93%, rgba(0, 0, 0, .2)), linear-gradient(90deg, rgba(255, 157, 0, 0), rgba(255, 157, 0, .5)), radial-gradient(93.88% 400% at 10.2% 45.65%, rgba(77, 3, 2, .04) 20.83%, rgba(255, 166, 0, .1) 29.05%, rgba(77, 3, 2, .04) 38.82%, rgba(255, 166, 0, .1) 46.79%, rgba(77, 3, 2, .04) 54.75%, rgba(255, 166, 0, .1) 62.96%, rgba(77, 3, 2, .04) 71.9%, rgba(255, 166, 0, .1) 82.63%, rgba(77, 3, 2, .04) 91.45%, rgba(255, 166, 0, .1) 100%), linear-gradient(90deg, #4a0000, rgba(74, 0, 0, 0)), #c16145
}

.nav__drop-content a, .nav__drop-content li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.nav__drop-content a {
  height: 100%;
  width: 100%;
  color: #000;
  text-decoration: none;
  font-family: var(--brg);
  font-size: 16rem;
  line-height: 16rem;
  background: -webkit-gradient(linear, left top, right top, from(#dca959), color-stop(46%, #f8f5ef), color-stop(47%, #f3e9d2), color-stop(53%, #eedcb5), color-stop(75%, #bfa678), to(#8f6f3a));
  background: linear-gradient(90deg, #dca959, #f8f5ef 46%, #f3e9d2 47%, #eedcb5 53%, #bfa678 75%, #8f6f3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  padding: 0 30rem 0 10rem;
  position: relative
}

.nav__drop-content a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 100%)
}

.nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none
}

.nav__item.active .nav__img:after, .nav__item:hover .nav__img:after {
  -webkit-filter: sepia(50%) saturate(180%) brightness(130%);
  filter: sepia(50%) saturate(180%) brightness(130%)
}

.nav__item.active .nav__item-text:before, .nav__item:hover .nav__item-text:before {
  color: #000
}

.nav__item.active .nav__item-text span, .nav__item:hover .nav__item-text span {
  background: -webkit-gradient(linear, left top, right top, from(#dca959), color-stop(46%, #f8f5ef), color-stop(47%, #f3e9d2), color-stop(53%, #eedcb5), color-stop(75%, #bfa678), to(#8f6f3a));
  background: linear-gradient(90deg, #dca959, #f8f5ef 46%, #f3e9d2 47%, #eedcb5 53%, #bfa678 75%, #8f6f3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.nav__item.active .nav__item-text:before, .nav__item:hover .nav__item-text:before {
  text-shadow: 2rem 2rem 5rem #000, 2rem -2rem 5rem #000, -2rem 2rem 5rem #000, -2rem -2rem 5rem #000, 0 0 5rem #000
}

.nav__item-text {
  position: relative
}

.nav__item-text span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-gradient(linear, left top, right top, from(#dca959), color-stop(46%, #f8f5ef), color-stop(47%, #f3e9d2), color-stop(53%, #eedcb5), color-stop(75%, #bfa678), to(#8f6f3a));
  background: linear-gradient(90deg, #dca959, #f8f5ef 46%, #f3e9d2 47%, #eedcb5 53%, #bfa678 75%, #8f6f3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  position: relative;
  word-wrap: break-word;
  max-width: 63rem
}

.nav__item-text:before, .nav__item-text span {
  font-size: 13rem;
  line-height: 12.5rem;
  font-weight: 700;
  font-family: var(--brg);
  text-align: center
}

.nav__item-text:before {
  color: #000;
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-shadow: 0 0 5rem #000
}

.nav__img {
  width: 42rem;
  height: 42rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.nav__img:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/nav-bg.png) no-repeat 50%;
  background-size: 100%
}

.nav__img img {
  width: 28rem;
  height: 28rem
}

.nav__full-screen .nav__img {
  position: relative
}

.nav__full-screen .nav__img img:last-child {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.nav__full-screen .nav__item-text:before {
  display: none
}

main.main.full .nav__full-screen .nav__img {
  position: relative
}

main.main.full .nav__full-screen .nav__img img:last-child {
  opacity: 1
}

main.main.full .area__left {
  display: none
}

main.main.full .area__right {
  width: 100%;
  padding-left: 0
}

.pers {
  background: url(../images/left-aside-2.png) no-repeat top -21rem left;
  background-size: 560rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 44rem;
  width: 560rem;
  padding-left: 87rem;
  padding-right: 65rem;
  min-height: 636rem
}

.pers__header {
  height: 34rem;
  width: 100%;
  gap: 21rem;
  margin-bottom: 2rem;
  padding-right: 5rem
}

.pers__header, .pers__header span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.pers__header span {
  font-size: 12rem;
  color: #820000;
  text-align: center;
  width: 50rem;
  background: rgba(195, 165, 123, .7);
  border-radius: 20rem;
  -webkit-box-shadow: 0 0 3rem 0 rgba(195, 165, 123, .7);
  box-shadow: 0 0 3rem 0 rgba(195, 165, 123, .7)
}

.pers__header b {
  color: #820000;
  font-size: 16rem;
  font-weight: 700;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 22rem
}

.pers__header b, .pers__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.pers__main {
  position: relative;
  z-index: 2;
  width: 100%
}

.pers__left {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.pers__left, .pers__right {
  width: 80rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -6rem
}

.pers__right {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.pers__left-btn {
  background: url(../images/pers-left-btn.png) no-repeat 50%;
  width: 70rem;
  height: 50rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 12rem;
  margin-right: -6rem;
  background-size: 100%;
  margin-bottom: -3rem
}

.pers__left-btn img {
  width: 46rem;
  height: 38rem
}

.pers__left-btn:hover {
  -webkit-filter: sepia(50%) saturate(180%);
  filter: sepia(50%) saturate(180%)
}

.pers__left-btn:after {
  content: "";
  display: block;
  position: absolute
}

.pers__left-btn.pers-kojha:after {
  top: 3rem;
  left: 36rem;
  width: 22rem;
  height: 32rem;
  -webkit-transform: rotate(-10deg) skew(10deg, 0deg);
  -ms-transform: rotate(-10deg) skew(10deg, 0deg);
  transform: rotate(-10deg) skew(10deg, 0deg);
  border-radius: 3rem;
  -webkit-box-shadow: inset 0 0 13rem 0 rgba(0, 0, 0, .8), 0 0 13rem 0 rgba(0, 0, 0, .8);
  box-shadow: inset 0 0 13rem 0 rgba(0, 0, 0, .8), 0 0 13rem 0 rgba(0, 0, 0, .8)
}

.pers__left-btn.pers-kojha:hover:after {
  -webkit-box-shadow: inset 0 0 26rem 0 hsla(0, 0%, 100%, .3), 0 0 26rem 0 hsla(0, 0%, 100%, .5), 0 0 26rem 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 0 26rem 0 hsla(0, 0%, 100%, .3), 0 0 26rem 0 hsla(0, 0%, 100%, .5), 0 0 26rem 0 hsla(0, 0%, 100%, .5)
}

.pers__left-btn.pers-kojha:hover img {
  -webkit-filter: brightness(143%);
  filter: brightness(143%)
}

.pers__left-btn.pers-rubin:after {
  top: 2rem;
  left: 35rem;
  width: 26rem;
  height: 26rem;
  -webkit-transform: rotate(-10deg) skew(13deg, 9deg);
  -ms-transform: rotate(-10deg) skew(13deg, 9deg);
  transform: rotate(-10deg) skew(13deg, 9deg);
  border-radius: 3rem;
  -webkit-box-shadow: inset 0 0 26rem 0 rgba(0, 0, 0, .2), 0 0 26rem 0 rgba(0, 0, 0, .8);
  box-shadow: inset 0 0 26rem 0 rgba(0, 0, 0, .2), 0 0 26rem 0 rgba(0, 0, 0, .8)
}

.pers__left-btn.pers-rubin:hover:after {
  -webkit-box-shadow: inset 0 0 20rem 0 rgba(216, 116, 116, .76), 0 0 26rem 0 #d87474, 0 0 26rem 0 #d87474;
  box-shadow: inset 0 0 20rem 0 rgba(216, 116, 116, .76), 0 0 26rem 0 #d87474, 0 0 26rem 0 #d87474
}

.pers__left-btn.pers-rubin:hover img {
  -webkit-filter: brightness(143%);
  filter: brightness(143%)
}

.pers__left-btn.pers-izumrud:after {
  top: 4rem;
  left: 34rem;
  width: 25rem;
  height: 27rem;
  -webkit-transform: rotate(-10deg) skew(12deg, -9deg);
  -ms-transform: rotate(-10deg) skew(12deg, -9deg);
  transform: rotate(-10deg) skew(12deg, -9deg);
  border-radius: 3rem;
  -webkit-box-shadow: inset 0 0 26rem 0 rgba(0, 0, 0, .2), 0 0 26rem 0 rgba(0, 0, 0, .8);
  box-shadow: inset 0 0 26rem 0 rgba(0, 0, 0, .2), 0 0 26rem 0 rgba(0, 0, 0, .8)
}

.pers__left-btn.pers-izumrud:hover:after {
  -webkit-box-shadow: inset 0 0 15rem 0 #36a577, 0 0 26rem 0 #36a577, 0 0 26rem 0 #36a577;
  box-shadow: inset 0 0 15rem 0 #36a577, 0 0 26rem 0 #36a577, 0 0 26rem 0 #36a577
}

.pers__left-btn.pers-izumrud:hover img {
  -webkit-filter: brightness(143%);
  filter: brightness(143%)
}

.pers__left-btn.pers-amatist:after {
  top: 1rem;
  left: 35rem;
  width: 25rem;
  height: 28rem;
  -webkit-transform: rotate(-10deg) skew(13deg, -4deg);
  -ms-transform: rotate(-10deg) skew(13deg, -4deg);
  transform: rotate(-10deg) skew(13deg, -4deg);
  border-radius: 3rem;
  -webkit-box-shadow: inset 0 0 26rem 0 rgba(0, 0, 0, .2), 0 0 26rem 0 rgba(0, 0, 0, .8);
  box-shadow: inset 0 0 26rem 0 rgba(0, 0, 0, .2), 0 0 26rem 0 rgba(0, 0, 0, .8)
}

.pers__left-btn.pers-amatist:hover:after {
  -webkit-box-shadow: inset 0 0 15rem 0 #ab58ca, 0 0 26rem 0 #ab58ca, 0 0 26rem 0 #ab58ca;
  box-shadow: inset 0 0 15rem 0 #ab58ca, 0 0 26rem 0 #ab58ca, 0 0 26rem 0 #ab58ca
}

.pers__left-btn.pers-amatist:hover img {
  -webkit-filter: brightness(143%);
  filter: brightness(143%)
}

.pers__left-btn.pers-moonstone:after {
  top: 2rem;
  left: 35rem;
  width: 28rem;
  height: 26rem;
  -webkit-transform: rotate(-10deg) skew(16deg, 6deg);
  -ms-transform: rotate(-10deg) skew(16deg, 6deg);
  transform: rotate(-10deg) skew(16deg, 6deg);
  border-radius: 3rem;
  -webkit-box-shadow: inset 0 0 26rem 0 rgba(0, 0, 0, .2), 0 0 26rem 0 rgba(0, 0, 0, .8);
  box-shadow: inset 0 0 26rem 0 rgba(0, 0, 0, .2), 0 0 26rem 0 rgba(0, 0, 0, .8)
}

.pers__left-btn.pers-moonstone:hover:after {
  -webkit-box-shadow: inset 0 0 15rem 0 hsla(0, 0%, 100%, .5), 0 0 26rem 0 hsla(0, 0%, 100%, .5), 0 0 26rem 0 hsla(0, 0%, 100%, .5);
  box-shadow: inset 0 0 15rem 0 hsla(0, 0%, 100%, .5), 0 0 26rem 0 hsla(0, 0%, 100%, .5), 0 0 26rem 0 hsla(0, 0%, 100%, .5)
}

.pers__left-btn.pers-moonstone:hover img {
  -webkit-filter: brightness(143%);
  filter: brightness(143%)
}

.pers__left-btn.pers-sapfir:after {
  top: 0;
  left: 36rem;
  width: 24rem;
  height: 30rem;
  -webkit-transform: rotate(-10deg) skew(13deg, -6deg);
  -ms-transform: rotate(-10deg) skew(13deg, -6deg);
  transform: rotate(-10deg) skew(13deg, -6deg);
  border-radius: 3rem;
  -webkit-box-shadow: inset 0 0 26rem 0 rgba(0, 0, 0, .2), 0 0 26rem 0 rgba(0, 0, 0, .8);
  box-shadow: inset 0 0 26rem 0 rgba(0, 0, 0, .2), 0 0 26rem 0 rgba(0, 0, 0, .8)
}

.pers__left-btn.pers-sapfir:hover:after {
  -webkit-box-shadow: inset 0 0 20rem 0 #3f8cde, 0 0 26rem 0 #3f8cde, 0 0 26rem 0 #3f8cde;
  box-shadow: inset 0 0 20rem 0 #3f8cde, 0 0 26rem 0 #3f8cde, 0 0 26rem 0 #3f8cde
}

.pers__left-btn.pers-sapfir:hover img {
  -webkit-filter: brightness(143%);
  filter: brightness(143%)
}

.pers__right-btn {
  background: url(../images/pers-right-btn.png) no-repeat 50%;
  width: 62rem;
  height: 50rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 5rem;
  padding-right: 20rem;
  margin-left: -6rem;
  background-size: 100%;
  margin-bottom: -5rem
}

.pers__right-btn:hover {
  -webkit-filter: sepia(50%) saturate(180%);
  filter: sepia(50%) saturate(180%)
}

.pers__right-btn img {
  width: 70%
}

.pers__center {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-top: 4rem
}

.pers__center, .pers__mana-hp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.pers__mana-hp {
  height: 170rem;
  gap: 9rem;
  padding-right: 4rem
}

.pers__mana-hp-left {
  width: 30rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.pers__hp-icon {
  position: relative;
  margin-bottom: 5rem;
  width: 14rem
}

.pers__hp-icon img {
  max-width: 100%
}

.pers__hp-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8rem;
  margin-left: -5rem;
  width: 10rem;
  height: 16rem;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 4.5rem 2rem #4c82b8;
  box-shadow: 0 0 4.5rem 2rem #4c82b8
}

.pers__hp-count {
  margin-top: 18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #9cb2d3;
  font-size: 10rem
}

.pers__hp-count span {
  padding: 0 3rem
}

.pers__hp-count span:first-child {
  border-bottom: 1rem solid #9cb2d3
}

.pers__mana-icon {
  position: relative;
  width: 14rem;
  margin-bottom: 5rem
}

.pers__mana-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6rem;
  margin-left: -6rem;
  width: 12rem;
  height: 10rem;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 4.5rem 2rem #e72323;
  box-shadow: 0 0 4.5rem 2rem #e72323
}

.pers__mana-icon img {
  max-width: 100%
}

.pers__mana-count {
  margin-top: 18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #e72323;
  font-size: 10rem
}

.pers__mana-count span {
  padding: 0 3rem
}

.pers__mana-count span:first-child {
  border-bottom: 1rem solid #e72323
}

.pers__mana-hp-right {
  width: 30rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.pers__img {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 158rem;
  height: 158rem;
  margin-top: 4rem
}

.pers__img img {
  height: 100%;
  width: 100%
}

.pers__hp {
  background-image: -webkit-gradient(linear, left top, right top, from(#8393ca), to(#fff));
  background-image: linear-gradient(90deg, #8393ca, #fff);
  -webkit-box-shadow: inset -11rem 0 2rem -8rem rgba(0, 0, 0, .3), 0 1rem 9.5rem .5rem #b0c9e7;
  box-shadow: inset -11rem 0 2rem -8rem rgba(0, 0, 0, .3), 0 1rem 9.5rem .5rem #b0c9e7;
  width: 6rem;
  height: 93rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.pers__hp, .pers__hp:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.pers__hp:before {
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, from(#00186e), color-stop(46%, #003090), color-stop(87%, #0047b1));
  background-image: linear-gradient(90deg, #00186e, #003090 46%, #0047b1 87%);
  -webkit-box-shadow: inset -3rem 0 2rem -1rem rgba(0, 0, 0, .6), 0 1rem 9.5rem .5rem #b0c9e7;
  box-shadow: inset -3rem 0 2rem -1rem rgba(0, 0, 0, .6), 0 1rem 9.5rem .5rem #b0c9e7;
  width: 100%;
  height: 45%
}

.pers__mana {
  background-image: -webkit-gradient(linear, left top, right top, from(#8393ca), to(#fff));
  background-image: linear-gradient(90deg, #8393ca, #fff);
  -webkit-box-shadow: inset -11rem 0 2rem -8rem rgba(0, 0, 0, .3), 0 1rem 9.5rem .5rem #b0c9e7;
  box-shadow: inset -11rem 0 2rem -8rem rgba(0, 0, 0, .3), 0 1rem 9.5rem .5rem #b0c9e7;
  width: 6rem;
  height: 93rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.pers__mana, .pers__mana:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.pers__mana:before {
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, from(#bd321f), color-stop(46%, #d52722), color-stop(87%, #ed1c24));
  background-image: linear-gradient(90deg, #bd321f, #d52722 46%, #ed1c24 87%);
  -webkit-box-shadow: inset -3rem 0 2rem -1rem rgba(0, 0, 0, .6), 0 1rem 9.5rem .5rem #ed1c24;
  box-shadow: inset -3rem 0 2rem -1rem rgba(0, 0, 0, .6), 0 1rem 9.5rem .5rem #ed1c24;
  width: 100%;
  height: 45%
}

.pers__neme {
  margin-top: 25rem;
  font-size: 24rem;
  font-family: var(--brg);
  background: -webkit-gradient(linear, right top, left top, from(#d9a960), color-stop(33%, #fff), color-stop(35%, #faeed4), color-stop(72%, #f5dda8), color-stop(85%, #eac687), to(#deae66));
  background: linear-gradient(-90deg, #d9a960, #fff 33%, #faeed4 35%, #f5dda8 72%, #eac687 85%, #deae66);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  font-weight: 400
}

.pers__arm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 7rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 41rem
}

.pers__arm-left, .pers__arm-right {
  width: 75rem;
  height: 53rem
}

.pers__arm-left img, .pers__arm-right img {
  width: 100%;
  height: 100%
}

.pers__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.pers__bottom img {
  -webkit-filter: none;
  filter: none;
  -webkit-filter: grayscale(100%) invert(4%) sepia(60%) saturate(377%) hue-rotate(49deg) brightness(104%) contrast(91%);
  filter: grayscale(100%) invert(4%) sepia(60%) saturate(377%) hue-rotate(49deg) brightness(104%) contrast(91%);
  -webkit-filter: grayscale(100%) invert(0) sepia(22%) saturate(3172%) hue-rotate(327deg) brightness(93%) contrast(114%);
  filter: grayscale(100%) invert(0) sepia(22%) saturate(3172%) hue-rotate(327deg) brightness(93%) contrast(114%)
}

.pers__body {
  width: 160rem;
  height: 160rem;
  position: relative;
  margin-top: 11rem
}

.pers__body-head, .pers__body-left-hand, .pers__body-legs, .pers__body-right-hand, .pers__body-torsos {
  position: absolute
}

.pers__body-head span, .pers__body-left-hand span, .pers__body-legs span, .pers__body-right-hand span, .pers__body-torsos span {
  font-size: 16rem;
  color: #fff
}

.pers__body-head.easi-damag img, .pers__body-left-hand.easi-damag img, .pers__body-legs.easi-damag img, .pers__body-right-hand.easi-damag img, .pers__body-torsos.easi-damag img {
  -webkit-filter: none;
  filter: none
}

.pers__body-head.much-damag img, .pers__body-left-hand.much-damag img, .pers__body-legs.much-damag img, .pers__body-right-hand.much-damag img, .pers__body-torsos.much-damag img {
  -webkit-filter: grayscale(100%) invert(0) sepia(22%) saturate(3172%) hue-rotate(327deg) brightness(93%) contrast(114%);
  filter: grayscale(100%) invert(0) sepia(22%) saturate(3172%) hue-rotate(327deg) brightness(93%) contrast(114%)
}

.pers__body-head.break-damag img, .pers__body-left-hand.break-damag img, .pers__body-legs.break-damag img, .pers__body-right-hand.break-damag img, .pers__body-torsos.break-damag img {
  -webkit-filter: grayscale(100%) invert(0) sepia(22%) saturate(3172%) hue-rotate(327deg) brightness(50%) contrast(150%);
  filter: grayscale(100%) invert(0) sepia(22%) saturate(3172%) hue-rotate(327deg) brightness(50%) contrast(150%)
}

.pers__body-head.norm-damag img, .pers__body-left-hand.norm-damag img, .pers__body-legs.norm-damag img, .pers__body-right-hand.norm-damag img, .pers__body-torsos.norm-damag img {
  -webkit-filter: grayscale(100%) invert(4%) sepia(60%) saturate(377%) hue-rotate(49deg) brightness(104%) contrast(91%);
  filter: grayscale(100%) invert(4%) sepia(60%) saturate(377%) hue-rotate(49deg) brightness(104%) contrast(91%)
}

.pers__body-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 50%;
  margin-left: -14rem;
  width: 28rem;
  height: 40rem;
  gap: 3rem
}

.pers__body-head img {
  width: 18.6rem;
  height: 21rem
}

.pers ._men .pers__body-head {
  margin-left: -14rem
}

.pers ._men .pers__body-head img {
  width: 13.82rem;
  height: 24.8rem
}

.pers ._men .pers__body-left-hand {
  left: 55rem;
  top: 37rem
}

.pers ._men .pers__body-left-hand img {
  width: 29.02rem;
  height: 53.2rem
}

.pers ._men .pers__body-right-hand {
  right: 55rem;
  top: 37rem
}

.pers ._men .pers__body-right-hand img {
  width: 26.25rem;
  height: 51.82rem
}

.pers ._men .pers__body-torsos {
  top: 46rem;
  margin-left: -16rem
}

.pers ._men .pers__body-torsos img {
  width: 34.55rem;
  height: 33.16rem
}

.pers ._men .pers__body-legs {
  top: 64rem;
  margin-left: -16.4rem
}

.pers ._men .pers__body-legs img {
  width: 44.22rem;
  height: 75.31rem
}

.pers__body-left-hand {
  left: 59rem;
  top: 41rem
}

.pers__body-left-hand img {
  width: 17.4rem;
  height: 45rem
}

.pers__body-left-hand span {
  position: absolute;
  left: -29rem;
  bottom: -14rem
}

.pers__body-torsos {
  top: 41rem;
  left: 50%;
  margin-left: -12.3rem
}

.pers__body-torsos img {
  width: 24.6rem;
  height: 33rem
}

.pers__body-torsos span {
  position: absolute;
  top: -15rem
}

.pers__body-torsos span:first-child {
  left: -34rem
}

.pers__body-torsos span:last-child {
  right: -34rem
}

.pers__body-right-hand {
  right: 59rem;
  top: 41rem
}

.pers__body-right-hand img {
  width: 17.5rem;
  height: 45rem
}

.pers__body-right-hand span {
  position: absolute;
  right: -29rem;
  bottom: -14rem
}

.pers__body-legs {
  top: 68rem;
  left: 50%;
  margin-left: -17.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.pers__body-legs img {
  width: 34.8rem;
  height: 65.4rem
}

.pers__body-legs span {
  text-align: center
}

.chat {
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), color-stop(200rem, #000)), url(../images/chat__side.png), url(../images/chat__side.png);
  background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0, #000 200rem), url(../images/chat__side.png), url(../images/chat__side.png);
  background-position: top, calc(50% - 887rem) top, calc(50% + 887rem) top;
  background-repeat: no-repeat, no-repeat, no-repeat
}

.chat .resize-handle {
  cursor: ns-resize;
  display: block;
  width: 100%;
  min-height: 23rem;
  background: url(../images/chat-top-border.jpg) repeat-x 50%;
  background-size: contain
}

.chat .container {
  height: calc(100% - 23rem)
}

.chat__content {
  height: calc(100% - 50rem);
  padding-left: 0;
  padding-right: 100rem
}

.chat__content, .chat__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.chat__left {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
  background: #000;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.chat__left:after, .chat__left:before {
  content: "";
  height: calc(100% + 35rem);
  margin-top: -35rem;
  width: 44rem;
  display: block;
  background: url(../images/chat-v-border-header.png), url(../images/chat-v-border.png);
  background-position: top, top;
  background-repeat: no-repeat, repeat-y;
  background-size: 100%, 8rem
}

.chat__left:before {
  margin-left: -17rem
}

.chat__left:after {
  margin-right: -17rem
}

.chat__right {
  width: 346rem;
  height: 100%
}

.chat__user {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 10rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.chat__form, .chat__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.chat__form {
  padding-top: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12rem;
  margin-left: -17rem
}

.chat__form-input {
  height: 25rem;
  border: 2rem solid #786a64;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 5rem;
  background-color: rgba(136, 130, 127, .302);
  outline: none;
  font-size: 13rem;
  padding: 5rem 10rem;
  cursor: default;
  color: #fff
}

.chat__form-btn {
  border: none;
  border-radius: 38rem;
  width: 38rem;
  height: 38rem;
  background-image: url(../images/chat-form-btn.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: calc(100% + 2rem);
  background-color: #a8a4a1
}

.chat__btn-send, .chat__form-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.chat__btn-send {
  font-family: var(--brg);
  font-size: 20rem;
  color: #000;
  padding: 0 20rem;
  text-align: center;
  border-radius: 0;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  height: 30rem;
  background: -webkit-gradient(linear, left top, right top, from(#2a221c), color-stop(50%, #faf3ed), to(#2a221c));
  background: linear-gradient(90deg, #2a221c, #faf3ed 50%, #2a221c);
  border: 1rem solid #5d5b54;
  -webkit-box-shadow: inset 0 0 0 1.5rem hsla(0, 0%, 100%, .7), inset 0 0 0 2rem #000, inset 0 0 0 3rem #6c6357;
  box-shadow: inset 0 0 0 1.5rem hsla(0, 0%, 100%, .7), inset 0 0 0 2rem #000, inset 0 0 0 3rem #6c6357;
  text-decoration: none
}

.chat__btn-send:after, .chat__btn-send:before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  background: #7c6c59;
  border: .2rem solid #41342c;
  -webkit-box-shadow: 0 0 0 .2rem #faf3ed, inset 0 0 0 .4rem #d5ccc5;
  box-shadow: 0 0 0 .2rem #faf3ed, inset 0 0 0 .4rem #d5ccc5;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.chat__btn-send:before {
  top: 0
}

.chat__btn-send:after, .chat__btn-send:before {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg)
}

.chat__btn-send:after {
  bottom: 0
}

.chat__btn-send:hover {
  -webkit-filter: invert(0) sepia(0) saturate(549%) hue-rotate(368deg) brightness(70%) contrast(107%);
  filter: invert(0) sepia(0) saturate(549%) hue-rotate(368deg) brightness(70%) contrast(107%)
}

.chat__form-timer {
  width: 187rem;
  height: 84rem;
  background: url(../images/bg-time.png);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -34rem;
  color: #fff;
  font-weight: 700;
  font-size: 16rem;
  background-size: 100%
}

.area {
  height: calc(100vh - 300rem)
}

.chat {
  position: relative;
  z-index: 100;
  height: 300rem
}

.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.messages {
  padding: 10rem
}

.messages, .messages__list {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.messages__list {
  font-size: 12rem
}

.messages__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
  color: #fff
}

.messages__row .othtime {
  background: #5f4828;
  color: #28140b
}

.messages__row__user {
  color: navy;
  text-decoration: none;
  text-shadow: 0 0 4rem #bbcbe2, 0 0 4rem #bbcbe2
}

.messages__row__user:hover {
  color: #06f
}

.messages__row span {
  color: #fff
}

.user__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem
}

.user__list, .user__list-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.user__list-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3rem
}

.user__list-row a, .user__list-row span {
  font-size: 14rem;
  text-decoration: none
}

.user__list-row a {
  color: #fff
}

.user__list-row img {
  max-width: 16rem;
  max-height: 16rem
}

.map-bl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.map {
  background: url(../images/map-bg-small.png) no-repeat;
  background-position: top 10rem left;
  background-size: 835rem;
  min-width: 835rem;
  min-height: 609rem;
  margin-right: -84rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.map, .map__content {
  position: relative;
  height: 100%
}

.map__content {
  z-index: 2;
  padding-top: 100rem;
  width: 100%
}

.map .btn__map {
  position: absolute;
  background-color: rgba(0, 0, 0, .5);
  height: 22rem;
  border: 1rem solid #faf6f2;
  font-size: 12rem;
  font-weight: 600;
  color: #faf6f2;
  text-decoration: none;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 5rem
}

.map .btn__map:before {
  content: "";
  display: block;
  position: absolute;
  top: -1rem;
  left: -1rem;
  background: linear-gradient(90.01deg, rgba(61, 45, 37, .7), rgba(61, 45, 37, 0) 50%, rgba(61, 45, 37, .7));
  width: calc(100% + 2rem);
  height: calc(100% + 2rem);
  z-index: 0
}

.map .btn__map.btn-room {
  top: 176.25rem;
  left: 287.67rem
}

.map .btn__map.btn-arenax {
  top: 277.5rem;
  left: 66.54rem
}

.map .btn__map.btn-exchange {
  top: 120.75rem;
  left: 325.578rem
}

.map .btn__map.btn-arenat {
  top: 210rem;
  left: 108.66rem
}

.map .btn__map.btn-smith {
  top: 360rem;
  left: 287.67rem
}

.map .btn__map.btn-bank {
  top: 205.5rem;
  left: 398.235rem
}

.map .btn__map.btn-lic {
  top: 296.25rem;
  left: 287.67rem
}

.map .btn__map.btn-clan {
  top: 381rem;
  left: 414.03rem
}

.map .btn__map.btn-setimage {
  top: 405rem;
  left: 545.655rem
}

.map .btn__map.btn-hram {
  left: 520rem;
  top: 25rem
}

.map .btn__map.btn-jail {
  top: 138.75rem;
  left: 582.51rem
}

.map .btn__map.btn-graveyard {
  top: 173rem;
  left: 398rem
}

.map .btn__map.btn-healer {
  top: 416rem;
  left: 324rem
}

.map .btn__map.btn-fortunawheel {
  top: 323rem;
  left: 606rem
}

.map .btn__map.btn-quest_type_fredegar {
  top: 365rem;
  left: 547rem
}

.map .btn__map.btn-sawmill {
  top: 102rem;
  left: 10rem
}

.map .btn__map.btn-uchastki {
  top: 475rem;
  left: 315rem
}

.map .btn__map.btn-castles {
  top: 134rem;
  left: 180rem
}

.map .btn__map.btn-yard {
  top: 455rem;
  left: 171rem
}

.map .btn__map.btn-forest {
  top: 74rem;
  left: 10rem
}

.map .btn__map.btn-ugodiya {
  top: 131rem;
  left: 10rem
}

.map .btn__map.btn-shop {
  top: 309rem;
  left: 432rem
}

.map .btn__map.btn-mageshop {
  top: 233rem;
  left: 463rem
}

.map .btn__map.btn-hunter {
  top: 465rem;
  left: 616rem
}

.map .btn__map.btn-magschool {
  top: 201rem;
  left: 511rem
}

.map .btn__map.btn-prizrakcastle {
  top: 109rem;
  left: 506rem
}

.map .btn__map.btn-nezhit {
  top: 53rem;
  left: 584rem
}

.map .btn__map.btn-support {
  top: 289rem;
  left: 520rem
}

.map .btn__map.btn-pirs {
  top: 380rem;
  left: 80rem
}

.map .btn__map.btn-gates {
  top: 240rem;
  left: 228rem
}

.map .btn__map.btn-dendrag {
  top: 179rem;
  left: 635rem
}

.map .btn__map.btn-fair {
  top: 431rem;
  left: 431rem
}

.road-sign {
  width: 280rem;
  min-height: 616rem
}

.road-sign__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 30rem;
  -moz-column-gap: 30rem;
  column-gap: 30rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 3;
  height: 100%
}

.road-sign__list {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1
}

.road-sign__list:after {
  min-height: calc(100% - 60rem);
  width: 30rem;
  margin: 0 auto;
  background-image: url(../images/road-sign-center.png);
  background-repeat: repeat-y;
  background-size: 24rem auto;
  background-position: 50%;
  bottom: 50rem;
  z-index: -1
}

.road-sign__list:after, .road-sign__list:before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.road-sign__list:before {
  display: block;
  width: 151rem;
  height: calc(100% + 30rem);
  top: -30rem;
  z-index: 1;
  background-image: url(../images/road-sign-center-bottom.png), url(../images/road-sign-center-top.png);
  background-repeat: no-repeat, no-repeat;
  background-position: bottom, top;
  background-size: 137rem auto, 24rem auto
}

.road-sign__list .btn__road-sign {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.road-sign__list .btn__road-sign img {
  width: 100%
}

.road-sign__list .btn__road-sign:hover {
  -webkit-filter: sepia(15%) saturate(170%);
  filter: sepia(15%) saturate(170%)
}

.road-sign__list-bottom, .road-sign__list-top {
  position: relative;
  z-index: 3;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 24rem;
  -moz-column-gap: 24rem;
  column-gap: 24rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 0;
  margin-bottom: 30rem
}

.road-sign__list-bottom, .road-sign__list-bottom .btn__sign, .road-sign__list-top, .road-sign__list-top .btn__sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.road-sign__list-bottom .btn__sign, .road-sign__list-top .btn__sign {
  min-height: 27rem;
  background-repeat: no-repeat;
  background-size: auto 100%;
  font-size: 11rem;
  line-height: .8;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #000;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 2rem;
  -webkit-filter: saturate(50%);
  filter: saturate(50%);
  margin-bottom: -.5rem
}

.road-sign__list-bottom .btn__sign:hover, .road-sign__list-top .btn__sign:hover {
  -webkit-filter: none;
  filter: none
}

.road-sign__list-bottom li, .road-sign__list-top li {
  width: calc(50% - 12rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.road-sign__list-bottom li:nth-child(odd), .road-sign__list-top li:nth-child(odd) {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.road-sign__list-bottom li:nth-child(odd) .btn__sign, .road-sign__list-top li:nth-child(odd) .btn__sign {
  padding: 2rem 3rem 3rem 18rem;
  background-image: url(../images/btn-sign-left.png);
  background-position: 0
}

.road-sign__list-bottom li:nth-child(2n+2), .road-sign__list-top li:nth-child(2n+2) {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.road-sign__list-bottom li:nth-child(2n+2) .btn__sign, .road-sign__list-top li:nth-child(2n+2) .btn__sign {
  padding: 2rem 18rem 3rem 3rem;
  background-image: url(../images/btn-sign-right.png);
  background-position: 100%;
  -webkit-box-shadow: 40rem 0 10rem -30rem rgba(0, 0, 0, .7) inset;
  box-shadow: inset 40rem 0 10rem -30rem rgba(0, 0, 0, .7)
}

.road-sign__list-bottom li:nth-child(6n+1) .btn__sign, .road-sign__list-top li:nth-child(6n+1) .btn__sign {
  -webkit-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg)
}

.road-sign__list-bottom li:nth-child(6n+2) .btn__sign, .road-sign__list-top li:nth-child(6n+2) .btn__sign {
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
  color: #2d0e22
}

.road-sign__list-bottom li:nth-child(6n+3) .btn__sign, .road-sign__list-top li:nth-child(6n+3) .btn__sign {
  -webkit-transform: skew(0deg, 3.1deg);
  -ms-transform: skew(0deg, 3.1deg);
  transform: skew(0deg, 3.1deg)
}

.road-sign__list-bottom li:nth-child(6n+4) .btn__sign, .road-sign__list-top li:nth-child(6n+4) .btn__sign {
  -webkit-transform: skew(0deg, -4deg);
  -ms-transform: skew(0deg, -4deg);
  transform: skew(0deg, -4deg);
  color: #2d0e22
}

.road-sign__list-bottom li:nth-child(6n+5) .btn__sign, .road-sign__list-top li:nth-child(6n+5) .btn__sign {
  -webkit-transform: skew(0deg, -.9deg);
  -ms-transform: skew(0deg, -.9deg);
  transform: skew(0deg, -.9deg);
  color: #2d0e22
}

.road-sign__list-bottom li:nth-child(6n+6) .btn__sign, .road-sign__list-top li:nth-child(6n+6) .btn__sign {
  -webkit-transform: skew(0deg, -1deg);
  -ms-transform: skew(0deg, -1deg);
  transform: skew(0deg, -1deg)
}

.road-sign__list-bottom {
  margin-bottom: 30rem
}

.road-sign__list-bottom .btn__sign {
  height: 34rem;
  font-size: 10rem;
  margin-bottom: 1rem
}

.room {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.room, .room__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.room__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 8rem;
  position: relative;
  z-index: 3;
  height: 93rem;
  min-height: 93rem
}

.room__header .nav__img {
  width: 30rem;
  height: 30rem
}

.room__header .nav__img img {
  width: 20rem;
  height: 20rem
}

.room__header-nav {
  border-radius: 5rem;
  background-color: rgba(24, 19, 17, .8);
  padding: 6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8rem
}

.room__content, .room__header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.room__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: calc(100% - 93rem)
}

.room .modal-static {
  margin-top: 40rem;
  margin-left: 40rem
}

.burse {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.burse, .burse__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.burse__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 8rem;
  position: relative;
  z-index: 3;
  height: 93rem;
  min-height: 93rem
}

.burse__header .nav__img {
  width: 30rem;
  height: 30rem
}

.burse__header .nav__img img {
  width: 20rem;
  height: 20rem
}

.burse__header-nav {
  border-radius: 5rem;
  background-color: rgba(24, 19, 17, .8);
  padding: 6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8rem
}

.burse__content, .burse__header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.burse__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: calc(100% - 93rem)
}

.burse .modal-static {
  margin-top: 40rem;
  margin-left: 40rem
}

.burse__top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20rem;
  position: relative;
  z-index: 1;
  width: 100%
}

.burse__top, .burse__top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.burse__top-left {
  border-radius: 2rem;
  background-color: rgba(24, 19, 17, .8);
  height: 33rem;
  padding-right: 30rem
}

.burse__top-left-img {
  margin-top: -18rem;
  margin-bottom: -8rem;
  margin-left: -12rem
}

.burse__top-left-img img {
  width: 57rem
}

.burse__top-left-text {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.burse__top-left-text span {
  font-size: 12rem;
  color: #e2e2e2
}

.burse .coin {
  width: 20rem
}

.burse .point {
  width: 14rem
}

.burse__top-left-text2 {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.burse__top-left-text2 span {
  font-size: 12rem;
  color: #e2e2e2
}

.burse__top-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem
}

.burse__top-right span {
  font-size: 12rem;
  color: #e2e2e2
}

.burse__top-right .file-label, .burse__top-right .input {
  width: 80rem;
  height: 24rem
}

.burse__top-right .btn__gradient {
  height: 24rem;
  font-size: 14rem
}

.burse__dealer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%
}

.burse__dealer, .burse__top-admin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.burse__top-admin {
  gap: 10rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-top: 30rem
}

.burse__top-admin .label {
  color: #fff
}

.burse__top-admin .file-label, .burse__top-admin .input {
  height: 30rem;
  width: 300rem
}

.dealer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.dealer, .dealer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.dealer__list {
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(../images/burse-diller-bg.png) repeat-y;
  background-position: left -44rem top 32rem;
  padding-left: 0;
  padding-bottom: 90rem;
  -webkit-column-gap: 30rem;
  -moz-column-gap: 30rem;
  column-gap: 30rem;
  row-gap: 60rem
}

.dealer__item {
  width: 440rem;
  height: 440rem;
  background: url(../images/burse-diller-item2.png) no-repeat 50%;
  background-size: 100% !important;
  padding: 58rem 98rem 59rem 121rem
}

.dealer__separator {
  position: absolute;
  top: 87rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  width: 166rem;
  height: 328rem
}

.dealer__separator img {
  max-width: 100%
}

.dealer__item-content {
  margin-top: 12rem;
  height: 289rem;
  background: rgba(0, 0, 0, .85);
  clip-path: polygon(0 0, 100% 0, 100% 7.47%, 99.09% 7.81%, 99.09% 8.68%, 99.09% 9.38%, 100% 9.72%, 100% 90.8%, 99.09% 91.15%, 98.86% 92.53%, 96.93% 93.32%, 96.14% 93.75%, 95.45% 94.44%, 94.77% 95.31%, 94.55% 96.18%, 93.18% 96.35%, 92.73% 96.7%, 92.27% 97.05%, 91.82% 98.26%, 92.05% 100%, 0 100%, 0 0);
  text-align: center;
  position: relative
}

.dealer__item-name {
  font-size: 12rem;
  color: #e2e2e2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 25rem;
  position: relative;
  z-index: 1
}

.dealer__item-name:before {
  content: "";
  display: block;
  width: 80%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(70, 52, 41, .87);
  -webkit-filter: blur(3rem);
  filter: blur(3rem);
  border-radius: 10rem;
  z-index: -1
}

.dealer__item-name-btn {
  position: absolute;
  top: 0;
  right: -60rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem
}

.dealer__item-name-btn .btn__gradient {
  padding: 0 3rem
}

.dealer__item-name-btn .btn__gradient.redact img {
  margin-right: -5rem
}

.dealer__item-name-btn .btn__gradient img {
  width: 30rem;
  margin-top: -5rem
}

.dealer__item-content {
  padding: 10rem;
  font-size: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem;
  color: #e2e2e2
}

.dealer__item-content p {
  text-align: center
}

.dealer .dealer__hiden {
  background: rgba(0, 0, 0, .7);
  display: none;
  padding: 10rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5rem
}

.dealer .dealer__hiden .textarea {
  height: 220rem
}

.dealer .dealer__hiden .textarea textarea {
  font-size: 12rem
}

.dealer .dealer__hiden .textarea textarea::-webkit-scrollbar {
  width: 6rem;
  border-radius: 20rem
}

.dealer .dealer__hiden .textarea textarea::-webkit-scrollbar-track {
  background-color: hsla(0, 0%, 100%, .2)
}

.dealer .dealer__hiden .textarea textarea::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, .2);
  border-radius: 20rem
}

.dealer .dealer__hiden .textarea textarea::-webkit-scrollbar-thumb:hover {
  -webkit-filter: none;
  filter: none
}

.dealer__hiden-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem
}

.dealer__hiden-text > b {
  font-size: 16rem;
  font-family: var(--brg)
}

.dealer__hiden-text .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5rem
}

.dealer__hiden-text span {
  color: green
}

.dealer__hiden-form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.dealer__hiden-form, .dealer__hiden-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem
}

.dealer__hiden-form-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.housetrade {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15rem;
  height: 100%;
  padding-bottom: 30rem;
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.housetrade, .housetrade__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.housetrade__item {
  width: 314rem;
  height: 361rem;
  padding: 14rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
  background: rgba(0, 0, 0, .7)
}

.housetrade__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/housetrade-ramka.png) no-repeat top;
  background-size: 100%
}

.housetrade__item-top {
  padding: 10rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  height: 70rem;
  margin-bottom: -70rem
}

.housetrade__item-top, .housetrade__item-top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.housetrade__item-top-left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9rem
}

.housetrade__item-top-left b {
  font-size: 18rem;
  font-family: var(--brg);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#95837a), color-stop(46%, #f8f5ef), to(#95837a));
  background-image: linear-gradient(180deg, #95837a, #f8f5ef 46%, #95837a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.housetrade__item-top-left span {
  font-size: 12rem;
  color: #e2e2e2
}

.housetrade__item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8rem
}

.housetrade__item-price img {
  width: 18rem;
  height: 18rem
}

.housetrade__item-price span {
  font-size: 15rem;
  background: -webkit-gradient(linear, right top, left top, from(#d9a960), color-stop(33%, #fff), color-stop(35%, #faeed4), color-stop(72%, #f5dda8), color-stop(85%, #eac687), to(#deae66));
  background: linear-gradient(-90deg, #d9a960, #fff 33%, #faeed4 35%, #f5dda8 72%, #eac687 85%, #deae66);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.housetrade__item-img {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.housetrade__item-img img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.housetrade__item-bottom {
  height: 110rem;
  margin-top: -110rem;
  position: relative;
  padding: 10rem
}

.housetrade__item-bottom span {
  font-size: 12rem;
  color: #e2e2e2
}

.storage {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

.storage.bag {
  width: 100%
}

.storage.bag .storage__left {
  margin-left: auto
}

.storage.bag .storage__right {
  min-width: 539rem
}

.storage__left {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 320rem;
  margin-left: -3rem
}

.storage__left, .storage__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.storage__right {
  min-width: 725rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.storage__menu {
  background: url(../images/room-menu-bg.png) no-repeat top;
  background-size: 100% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 25rem 30rem 29rem;
  min-width: 372rem;
  width: 372rem;
  margin-right: -10rem;
  height: 428rem;
  gap: 18rem
}

.storage__menu-left, .storage__menu-right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: calc(50% - 9rem)
}

.storage__menu-left, .storage__menu-pet .menu-pet-btn, .storage__menu-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.storage__menu-pet .menu-pet-btn {
  width: 100rem;
  height: 40rem;
  background: url(../images/pet-btn.png) no-repeat 50%;
  background-size: 100% 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: var(--brg);
  font-size: 16rem;
  text-decoration: none
}

.storage__menu-pet .menu-pet-btn span {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #95837a), color-stop(50%, #f8f5ef), color-stop(70%, #95837a));
  background-image: linear-gradient(180deg, #95837a 30%, #f8f5ef 50%, #95837a 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.storage__menu-pet-img {
  width: 145rem;
  height: 145rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 21rem 17rem 21rem 21rem;
  background: url(../images/pet-ramka.png) no-repeat 50%;
  background-size: 100%;
  margin-bottom: -4rem;
  position: relative;
  z-index: 1
}

.storage__menu-pet-img img {
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100%;
  max-height: 100%
}

.storage__menu-pet-name {
  width: calc(100% + 12rem);
  height: 37rem;
  background: url(../images/pet-name.png) no-repeat 50%;
  margin-left: -15rem;
  margin-right: -5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem
}

.storage__menu-pet-name span {
  font-size: 9rem;
  font-weight: 700;
  color: #fff
}

.storage__menu-pet-name .c-blue {
  color: #00f
}

.storage__menu-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14rem;
  padding: 1rem 5rem;
  min-height: 18rem;
  -webkit-box-shadow: 0 0 8rem 8rem rgba(0, 0, 0, .5) inset;
  box-shadow: inset 0 0 8rem 8rem rgba(0, 0, 0, .5);
  -webkit-filter: brightness(80%);
  filter: brightness(80%)
}

.storage__menu-btn span {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d9a960), color-stop(50%, #fff), color-stop(80%, #deae66));
  background-image: linear-gradient(180deg, #d9a960 20%, #fff 50%, #deae66 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.storage__menu-btn.active, .storage__menu-btn:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-filter: brightness(110%);
  filter: brightness(110%)
}

.storage__menu-btn._nobg {
  font-size: 16rem
}

.storage__menu-btn._redbg {
  background: url(../images/btn-red.png) no-repeat 50%;
  background-size: 100% 100% !important
}

.storage__menu-btn._brownbg {
  background: url(../images/btn-brown.png) no-repeat 50%;
  background-size: 100% 100% !important
}

.storage__menu-btn._darkbg {
  background: url(../images/btn-dark.png) no-repeat 50%;
  background-size: 100% 100% !important
}

.storage__menu-btn._blue1bg {
  background: url(../images/btn-blue.png) no-repeat 50%;
  background-size: 100% 100% !important
}

.storage__menu-btn._blue2bg {
  background: url(../images/btn-blue2.png) no-repeat 50%;
  background-size: 100% 100% !important
}

.storage__menu-btn._greenbg {
  background: url(../images/btn-green1.png) no-repeat 50%;
  background-size: 100% 100% !important
}

.storage__menu-shelf-1, .storage__menu-shelf-2, .storage__menu-shelf-3, .storage__menu-shelf-4, .storage__menu-shelf-5, .storage__menu-shelf-6, .storage__menu-shelf-7, .storage__menu-shelf-8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 8rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.storage__menu-shelf-1 ._col, .storage__menu-shelf-2 ._col, .storage__menu-shelf-3 ._col, .storage__menu-shelf-4 ._col, .storage__menu-shelf-5 ._col, .storage__menu-shelf-6 ._col, .storage__menu-shelf-7 ._col, .storage__menu-shelf-8 ._col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.storage__menu-shelf-1 {
  height: 45rem
}

.storage__menu-shelf-2 {
  height: 38rem
}

.storage__menu-shelf-2 ._col {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.storage__menu-shelf-3 {
  height: 101rem
}

.storage__menu-shelf-4 {
  height: 105rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 5rem;
  -moz-column-gap: 5rem;
  column-gap: 5rem;
  padding-top: 11rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.storage__menu-shelf-5 {
  height: 71rem
}

.storage__menu-shelf-6 {
  height: 45rem
}

.storage__menu-shelf-7 {
  height: 78rem
}

.storage__menu-shelf-7 ._nobg {
  font-size: 14rem
}

.storage__menu-shelf-8 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 59rem;
  padding-bottom: 3rem
}

.storage__menu-shelf-8 ._blue1bg {
  width: 90rem
}

.storage__menu-shelf-8 ._blue2bg {
  width: 95rem
}

.storage__menu-shelf-8 ._col {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  row-gap: 2rem
}

.amun {
  height: 100%
}

.amun__col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.amun__col, .amun__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.amun__item {
  padding: 7rem 7rem 7rem 0;
  background: linear-gradient(-135deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0) 50%);
  position: relative;
  width: 310rem;
  min-width: 310rem;
  gap: 10rem;
  margin-bottom: 5rem;
  margin-left: 10rem
}

.amun__item:before {
  height: 2rem;
  width: 100%;
  left: 0
}

.amun__item:after, .amun__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background: linear-gradient(45deg, rgba(149, 131, 122, 0), rgba(149, 131, 122, .8) 70%)
}

.amun__item:after {
  height: 100%;
  width: 2rem;
  right: 0
}

.amun__item-left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.amun__item-left, .amun__item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.amun__item-name {
  position: relative
}

.amun__item-name:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 80%);
  top: 0;
  left: 0;
  z-index: 0
}

.amun__item-name span {
  position: relative;
  font-size: 16rem;
  font-family: var(--brg);
  background: linear-gradient(180.07deg, #3d2d25 10%, #fff 50%, #3d2d25 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.amun__item-img {
  width: 75rem;
  height: 50rem
}

.amun__item-img img {
  width: 100%
}

.amun__item-info {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 2rem 8rem;
  background: rgba(24, 19, 17, .8);
  border-radius: 3rem;
  width: 135rem
}

.amun__item-info, .amun__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.amun__item-text {
  font-size: 10rem;
  color: #fff
}

.amun__item-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.amun__item-right .btn__border {
  min-width: calc(50% - 2rem)
}

.amun__trans-content {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5rem 0;
  gap: 4rem
}

.amun__trans-content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.amun__trans-top, .amun__trans-top .file-label, .amun__trans-top .input {
  width: 100%
}

.amun__trans-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.amun__trans-bottom .file-label, .amun__trans-bottom .input {
  width: 28rem
}

.amun__trans-bottom .btn__border {
  min-width: 28rem;
  width: 28rem;
  margin-left: auto
}

.amun__trans-label {
  font-size: 10rem;
  color: hsla(0, 0%, 100%, .7)
}

.amun__item-row {
  gap: 4rem
}

.amun__bottom, .amun__item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.amun__bottom {
  margin-top: 7rem;
  width: 310rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 17rem
}

.amun__bottom .btn__gradient {
  font-size: 16rem;
  padding: 0 5rem
}

.manikin {
  margin-left: -15rem;
  min-width: 353rem;
  width: 353rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: -6rem
}

.manikin__slot-group {
  position: absolute;
  background: rgba(0, 0, 0, .4)
}

.manikin__left {
  width: 79rem;
  margin-right: -8rem;
  position: relative
}

.manikin__left .manikin__slot-group {
  top: 210rem;
  right: 1rem;
  width: 74rem;
  height: 118rem
}

.manikin__left .manikin__slot-group:after {
  content: "";
  display: block;
  position: absolute;
  height: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#cda25f), color-stop(50%, #f9f6f3), to(#cda25f));
  background: linear-gradient(90deg, #cda25f, #f9f6f3 50%, #cda25f);
  -webkit-box-shadow: 0 0 4rem #000;
  box-shadow: 0 0 4rem #000;
  right: -10rem;
  top: 25rem;
  width: 27rem;
  -webkit-transform: rotate(-69deg);
  -ms-transform: rotate(-69deg);
  transform: rotate(-69deg)
}

.manikin__left .manikin__slot._hand1 {
  width: 62rem;
  height: 41rem;
  left: 8rem;
  top: 44rem
}

.manikin__left .manikin__slot._hand1:after {
  right: -27rem;
  top: 45rem;
  width: 32rem;
  -webkit-transform: rotate(31deg);
  -ms-transform: rotate(31deg);
  transform: rotate(31deg)
}

.manikin__left .manikin__slot._shield {
  width: 44rem;
  height: 41rem;
  right: 28rem;
  top: 97rem
}

.manikin__left .manikin__slot._shield:after {
  right: -45rem;
  top: 44rem;
  width: 53rem;
  -webkit-transform: rotate(22deg);
  -ms-transform: rotate(22deg);
  transform: rotate(22deg)
}

.manikin__left .manikin__slot._body {
  width: 40rem;
  height: 60rem;
  right: 29rem;
  top: 143rem
}

.manikin__left .manikin__slot._body:after {
  right: -82rem;
  top: 18rem;
  width: 96rem;
  -webkit-transform: rotate(-34deg);
  -ms-transform: rotate(-34deg);
  transform: rotate(-34deg)
}

.manikin__center {
  height: 402rem;
  padding-top: 30rem
}

.manikin__center img {
  width: 126rem;
  height: 350rem
}

.manikin__right {
  width: 92rem;
  margin-left: 0;
  position: relative
}

.manikin__right .manikin__slot-group {
  top: 183rem;
  left: 15rem;
  width: 74rem;
  height: 118rem
}

.manikin__right .manikin__slot-group:after {
  content: "";
  display: block;
  position: absolute;
  height: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#cda25f), color-stop(50%, #f9f6f3), to(#cda25f));
  background: linear-gradient(90deg, #cda25f, #f9f6f3 50%, #cda25f);
  -webkit-box-shadow: 0 0 4rem #000;
  box-shadow: 0 0 4rem #000;
  left: -44rem;
  top: 10rem;
  width: 48rem;
  -webkit-transform: rotate(-22deg);
  -ms-transform: rotate(-22deg);
  transform: rotate(-22deg)
}

.manikin__right .manikin__slot._hand1 {
  width: 62rem;
  height: 41rem;
  left: 0;
  top: 45rem
}

.manikin__right .manikin__slot._hand1:after {
  left: -29rem;
  top: 43rem;
  width: 33rem;
  -webkit-transform: rotate(-28deg);
  -ms-transform: rotate(-28deg);
  transform: rotate(-28deg)
}

.manikin__right .manikin__slot._shield {
  width: 44rem;
  height: 41rem;
  left: 20rem;
  top: 97rem
}

.manikin__right .manikin__slot._shield:after {
  left: -44rem;
  top: 43rem;
  width: 48rem;
  -webkit-transform: rotate(-22deg);
  -ms-transform: rotate(-22deg);
  transform: rotate(-22deg)
}

.manikin__right .manikin__slot._body {
  width: 40rem;
  height: 60rem;
  left: 20rem;
  top: 309rem
}

.manikin__right .manikin__slot._body:after {
  left: -83rem;
  top: -26rem;
  width: 99rem;
  -webkit-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  transform: rotate(42deg)
}

.manikin__slot {
  position: absolute;
  padding: 1rem;
  background: rgba(37, 35, 34, .7)
}

.manikin__slot:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  background: #fff;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) border-box;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  border: 1rem solid rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, right top, from(rgba(171, 157, 149, .7)), color-stop(50%, rgba(249, 246, 243, .7)), to(rgba(171, 157, 149, .7)));
  background: linear-gradient(90deg, rgba(171, 157, 149, .7), rgba(249, 246, 243, .7) 50%, rgba(171, 157, 149, .7))
}

.manikin__slot:after {
  content: "";
  display: block;
  position: absolute;
  height: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#cda25f), color-stop(50%, #f9f6f3), to(#cda25f));
  background: linear-gradient(90deg, #cda25f, #f9f6f3 50%, #cda25f);
  -webkit-box-shadow: 0 0 4rem #000;
  box-shadow: 0 0 4rem #000
}

.manikin__slot._helmet {
  width: 44rem;
  height: 41rem;
  left: 6rem;
  top: 0
}

.manikin__slot._helmet:after {
  left: -55rem;
  top: 38rem;
  width: 60rem;
  -webkit-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg)
}

.manikin__slot._pants {
  width: 44rem;
  height: 24rem;
  left: 20rem;
  top: 149rem
}

.manikin__slot._pants:after {
  left: -36rem;
  top: 11rem;
  width: 39rem;
  -webkit-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg)
}

.manikin__slot._hand2 {
  width: 62rem;
  height: 41rem;
  left: 6rem;
  top: 3rem
}

.manikin__slot._hand3 {
  width: 28rem;
  height: 28rem;
  left: 6rem;
  top: 50rem
}

.manikin__slot._hand4 {
  width: 28rem;
  height: 28rem;
  left: 40rem;
  top: 50rem
}

.manikin__slot._hand5 {
  width: 28rem;
  height: 28rem;
  left: 6rem;
  top: 82rem
}

.manikin__slot._hand6 {
  width: 28rem;
  height: 28rem;
  left: 40rem;
  top: 82rem
}

.manikin__slot._neck {
  width: 43rem;
  height: 23rem;
  right: 3rem;
  top: 18rem
}

.manikin__slot._neck:after {
  right: -63rem;
  top: 36rem;
  width: 75rem;
  -webkit-transform: rotate(39deg);
  -ms-transform: rotate(39deg);
  transform: rotate(39deg)
}

.manikin__slot._foot {
  width: 43rem;
  height: 41rem;
  right: 27rem;
  top: 334rem
}

.manikin__slot._foot:after {
  right: -54rem;
  top: 27rem;
  width: 57rem;
  -webkit-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  transform: rotate(-9deg)
}

.manikin._pet {
  min-width: 353rem;
  width: 353rem;
  margin-right: -7rem
}

.manikin._pet .manikin__center {
  padding-top: 60rem;
  height: auto
}

.manikin._pet .manikin__center img {
  width: 161rem;
  height: 223rem
}

.manikin._pet .manikin__left {
  width: 175rem;
  margin-right: -46rem
}

.manikin._pet .manikin__left .manikin__slot._helmet {
  left: auto;
  right: 0;
  top: 0
}

.manikin._pet .manikin__left .manikin__slot._helmet:after {
  left: 11rem;
  top: 55rem;
  width: 48rem;
  -webkit-transform: rotate(-112deg);
  -ms-transform: rotate(-112deg);
  transform: rotate(-112deg)
}

.manikin._pet .manikin__left .manikin__slot._hand1 {
  left: 42rem;
  top: 25rem
}

.manikin._pet .manikin__left .manikin__slot._hand1:after {
  right: -101rem;
  top: 79rem;
  width: 135rem;
  -webkit-transform: rotate(56deg);
  -ms-transform: rotate(56deg);
  transform: rotate(56deg)
}

.manikin._pet .manikin__left .manikin__slot._shield {
  left: 42rem;
  top: 71rem
}

.manikin._pet .manikin__left .manikin__slot._shield:after {
  right: -112rem;
  top: 80rem;
  width: 136rem;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg)
}

.manikin._pet .manikin__left .manikin__slot-group._slot-group1 {
  top: 131rem;
  right: 16rem
}

.manikin._pet .manikin__left .manikin__slot-group._slot-group1:after {
  right: -19rem;
  top: 118rem;
  width: 22rem;
  -webkit-transform: rotate(51deg);
  -ms-transform: rotate(51deg);
  transform: rotate(51deg)
}

.manikin._pet .manikin__left .manikin__slot-group._slot-group2 {
  top: 153rem;
  right: 98rem
}

.manikin._pet .manikin__left .manikin__slot-group._slot-group2:after {
  right: -101rem;
  top: 115rem;
  width: 103rem;
  -webkit-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg)
}

.manikin._pet .manikin__right {
  margin-left: -80rem;
  width: 127rem;
  margin-top: 0
}

.manikin._pet .manikin__right .manikin__slot._neck {
  left: 0;
  top: 0
}

.manikin._pet .manikin__right .manikin__slot._neck:after {
  right: 12rem;
  top: 57rem;
  width: 85rem;
  -webkit-transform: rotate(-77deg);
  -ms-transform: rotate(-77deg);
  transform: rotate(-77deg)
}

.manikin._pet .manikin__right .manikin__slot._hand1 {
  left: 0;
  top: 25rem
}

.manikin._pet .manikin__right .manikin__slot._hand1:after {
  left: -54rem;
  top: 79rem;
  width: 94rem;
  -webkit-transform: rotate(-82deg);
  -ms-transform: rotate(-82deg);
  transform: rotate(-82deg)
}

.manikin._pet .manikin__right .manikin__slot._shield {
  z-index: 1;
  left: 19rem;
  top: 77rem
}

.manikin._pet .manikin__right .manikin__slot._shield:after {
  left: -69rem;
  top: 79rem;
  width: 110rem;
  -webkit-transform: rotate(-74deg);
  -ms-transform: rotate(-74deg);
  transform: rotate(-74deg)
}

.manikin._pet .manikin__right .manikin__slot._body {
  left: 77rem;
  top: 25rem
}

.manikin._pet .manikin__right .manikin__slot._body:after {
  left: -70rem;
  top: 84rem;
  width: 85rem;
  -webkit-transform: rotate(-51deg);
  -ms-transform: rotate(-51deg);
  transform: rotate(-51deg)
}

.manikin._pet .manikin__right .manikin__slot._foot {
  right: 0;
  top: 178rem
}

.manikin._pet .manikin__right .manikin__slot._foot:after {
  right: 64rem;
  top: 48rem;
  width: 33rem;
  height: 57rem;
  background: none;
  border-top: 1rem solid #e7d2b0;
  border-right: 1rem solid #e7d2b0;
  -webkit-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
  transform: rotate(0deg) scaleX(1) skewX(-24deg) skewY(-53deg);
  -webkit-box-shadow: none;
  box-shadow: none
}

.manikin._pet .manikin__right .manikin__slot._pants {
  left: 85rem;
  top: 90rem
}

.manikin._pet .manikin__right .manikin__slot._pants:after {
  left: -38rem;
  top: 31rem;
  width: 48rem;
  -webkit-transform: rotate(-53deg);
  -ms-transform: rotate(-53deg);
  transform: rotate(-53deg)
}

.manikin__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem;
  width: 100%
}

.manikin__bottom .file-label, .manikin__bottom .input {
  width: 133rem
}

.manikin__bottom .btn__gradient {
  padding: 0 5rem;
  font-size: 12rem;
  line-height: 12rem
}

.complect {
  padding: 7rem 0 7rem 7rem;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
  border-left: 2rem solid rgba(149, 131, 122, .8);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 370rem;
  min-width: 370rem
}

.complect:before {
  content: "";
  display: block;
  height: 2rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(45deg, rgba(149, 131, 122, .8), rgba(149, 131, 122, 0) 70%)
}

.complect__title {
  font-size: 24rem;
  font-family: var(--brg);
  background: -webkit-gradient(linear, right top, left top, from(#d9a960), color-stop(33%, #fff), color-stop(35%, #faeed4), color-stop(72%, #f5dda8), color-stop(85%, #eac687), to(#deae66));
  background: linear-gradient(-90deg, #d9a960, #fff 33%, #faeed4 35%, #f5dda8 72%, #eac687 85%, #deae66);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.complect__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.complect__left {
  width: 158rem;
  min-width: 158rem;
  gap: 20rem;
  padding-top: 57rem
}

.complect__left, .complect__left-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.complect__left-btn {
  gap: 5rem;
  margin-top: 30rem
}

.complect__left-btn .btn__border {
  width: auto;
  margin: 0 auto
}

.complect__menu {
  width: 207rem;
  min-width: 207rem;
  background: url(../images/room-complect-menu-bg.png) no-repeat top;
  background-size: 100% auto;
  padding: 67rem 25rem 20rem 29rem;
  margin-right: -10rem;
  height: 401rem;
  gap: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: end;
  align-content: flex-end
}

.complect__menu .storage__menu-shelf-4 {
  height: 101rem;
  padding-top: 0;
  -ms-flex-line-pack: end
}

.complect__menu .storage__menu-shelf-4, .complect__menu .storage__menu-shelf-5 {
  margin-top: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  align-content: flex-end
}

.complect__menu .storage__menu-shelf-5 {
  height: 70rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: end
}

.complect__menu .storage__menu-shelf-6 {
  height: 46rem;
  margin-top: 0
}

.complect__menu .storage__menu-shelf-7 {
  height: 73rem;
  margin-top: 0;
  padding-right: 5rem
}

.bag__menu {
  width: 207rem;
  min-width: 207rem;
  background: url(../images/room-bag-menu-bg.png) no-repeat top;
  background-size: 100% auto;
  padding: 50rem 25rem 31rem 29rem;
  margin-right: -10rem;
  height: 471rem;
  gap: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: end;
  align-content: flex-end
}

.bag__menu .storage__menu-shelf-4 {
  height: 101rem;
  padding-top: 0;
  -ms-flex-line-pack: end
}

.bag__menu .storage__menu-shelf-4, .bag__menu .storage__menu-shelf-5 {
  margin-top: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  align-content: flex-end
}

.bag__menu .storage__menu-shelf-5 {
  height: 70rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: end
}

.bag__menu .storage__menu-shelf-6 {
  height: 46rem
}

.bag__menu .storage__menu-shelf-6, .bag__menu .storage__menu-shelf-7 {
  margin-top: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end
}

.bag__menu .storage__menu-shelf-7 {
  height: 79rem
}

.bag__menu .storage__menu-shelf-8 {
  height: 60rem;
  margin-top: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.bag__menu .storage__menu-shelf-8, .bag__menu .storage__menu-shelf-8 ._col {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end
}

.bag__menu .storage__menu-shelf-8 ._col {
  row-gap: 0
}

.radiobox input[type=radio] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1rem;
  width: 1rem;
  margin: -1rem;
  padding: 0;
  border: 0
}

.radiobox input[type=radio] + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem
}

.radiobox input[type=radio] + label:before {
  content: "";
  display: block;
  width: 10rem;
  height: 10rem;
  background: url(../images/radio.png) no-repeat 50%
}

.radiobox input[type=radio]:checked + label:before {
  background: radial-gradient(50% 50% at 50% 50%, hsla(0, 0%, 100%, .7) 0, hsla(0, 0%, 100%, .7) 41.15%, hsla(0, 0%, 100%, 0) 0), url(../images/radio.png)
}

.radiobox input[type=radio] + label span {
  font-size: 14rem;
  position: relative;
  z-index: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#95837a), color-stop(46%, #f8f5ef), color-stop(47%, #f9f6f1), color-stop(53%, #faf6f2), color-stop(75%, #afa69c), to(#645645));
  background-image: linear-gradient(180deg, #95837a, #f8f5ef 46%, #f9f6f1 47%, #faf6f2 53%, #afa69c 75%, #645645);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  font-weight: 400;
  font-family: var(--brg)
}

.modal-static {
  position: relative;
  z-index: 1;
  padding: 11rem;
  background: url(../images/modal-v.png), url(../images/modal-v.png), url(../images/modal-h.png), url(../images/modal-h.png);
  background-position: 0, 100%, top, bottom;
  background-repeat: repeat-y, repeat-y, repeat-x, repeat-x
}

.modal-static:before {
  content: "";
  width: calc(100% + 24rem);
  height: calc(100% + 8rem);
  display: block;
  position: absolute;
  left: -12rem;
  top: -4rem;
  background: url(../images/modal-angl-t-l.png), url(../images/modal-angl-t-r.png), url(../images/modal-angl-b-l.png), url(../images/modal-angl-b-r.png);
  background-position: 0 0, 100% 0, 0 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat
}

.modal-static__content {
  background: rgba(24, 19, 17, .8);
  height: 100%
}

.birzhevaya-modal {
  position: relative;
  z-index: 1;
  width: 560rem;
  padding: 0 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12rem
}

.birzhevaya-modal__img-top {
  margin-top: -10rem;
  margin-bottom: -22rem;
  position: relative;
  z-index: 1
}

.birzhevaya-modal__img-bottom {
  margin-bottom: -10rem
}

.birzhevaya-modal .btn__border {
  height: 38rem;
  font-size: 18rem;
  line-height: 1;
  margin-bottom: 10rem
}

.birzhevaya-modal__desc {
  font-size: 12rem;
  color: #e2e2e2
}

.birzhevaya-modal__desc span {
  font-size: 14rem
}

.birzhevaya-modal__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6rem
}

.birzhevaya-modal__row b {
  font-size: 16rem;
  font-family: var(--brg);
  margin-right: 12rem
}

.birzhevaya-modal__row b, .birzhevaya-modal__row span {
  background: -webkit-gradient(linear, right top, left top, from(#d9a960), color-stop(50%, #faeed4), to(#eac687));
  background: linear-gradient(-90deg, #d9a960, #faeed4 50%, #eac687);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.birzhevaya-modal__row span {
  font-size: 12rem
}

.room-modal {
  height: 100%;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
  padding: 40rem 20rem;
  width: 560rem;
  color: #e2e2e2;
  font-size: 12rem
}

.church-wedding__title, .room-modal, .room-modal__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.church-wedding__title, .room-modal__title {
  margin-top: -60rem;
  margin-bottom: 20rem;
  padding: 5rem 20rem;
  height: 34rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #252322
}

.church-wedding__title span, .room-modal__title span {
  font-size: 18rem;
  font-family: var(--brg);
  background: -webkit-gradient(linear, right top, left top, from(#d9a960), color-stop(50%, #faeed4), to(#eac687));
  background: linear-gradient(-90deg, #d9a960, #faeed4 50%, #eac687);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.church-wedding__title:after, .room-modal__title:after {
  content: "";
  display: block;
  position: absolute;
  top: -17rem;
  left: 0;
  width: 100%;
  height: calc(100% + 26.6rem);
  background: url(../images/room-modal-title-t-l.png), url(../images/room-modal-title-t-r.png), url(../images/room-modal-title-t.png), url(../images/room-modal-title-b-r.png), url(../images/room-modal-title-b-l.png), url(../images/room-modal-title-b.png);
  background-repeat: no-repeat;
  background-position: top 4rem left -1rem, top 4rem right -1rem, top, bottom right -1rem, bottom left -1rem, bottom
}

.church-wedding__title:before, .room-modal__title:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: -7rem;
  width: calc(100% + 14rem);
  height: calc(100% - 4rem);
  background: url(../images/room-modal-title-l.png), url(../images/room-modal-title-r.png);
  background-repeat: no-repeat;
  background-position: 0, 100%;
  background-clip: content-box
}

.room-modal__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem
}

.room-modal__form .file-label, .room-modal__form .input {
  width: 140rem;
  height: 30rem
}

.room-modal__form .file-label input, .room-modal__form .input input {
  font-size: 12rem
}

.room-modal .btn__gradient {
  height: 30rem;
  font-size: 12rem;
  max-width: none;
  padding: 0 10rem
}

.room-modal__row, .room-modal__text {
  text-align: center;
  font-size: 12rem;
  color: #e2e2e2
}

.room-modal__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5rem
}

.room-modal__table-scroll.bl-scroll {
  width: 100%;
  max-height: 200rem
}

.room-modal__table {
  width: 100%;
  border: none
}

.room-modal__table td, .room-modal__table th {
  padding: 5rem;
  font-size: 12rem;
  text-align: center;
  color: #e2e2e2;
  background: hsla(0, 0%, 88.6%, .1)
}

.room-modal__table td:first-child, .room-modal__table th:first-child {
  text-align: left
}

.room-modal__table td:last-child, .room-modal__table th:last-child {
  text-align: right
}

.room-modal__table th {
  text-align: center;
  padding: 10rem 5rem;
  background: hsla(0, 0%, 88.6%, .15)
}

.room-modal__table th:first-child, .room-modal__table th:last-child {
  text-align: center;
  padding: 10rem 5rem;
  background: hsla(0, 0%, 88.6%, .3)
}

.room-modal__table tbody tr:nth-child(odd) td {
  background: hsla(0, 0%, 88.6%, .05)
}

.room-modal__table tbody tr:nth-child(odd) td:first-child, .room-modal__table tbody tr:nth-child(odd) td:last-child {
  background: hsla(0, 0%, 88.6%, .15)
}

.room-modal__table tbody tr:nth-child(2n) td {
  background: hsla(0, 0%, 88.6%, .1)
}

.room-modal__table tbody tr:nth-child(2n) td:first-child, .room-modal__table tbody tr:nth-child(2n) td:last-child {
  background: hsla(0, 0%, 88.6%, .2)
}

.room-modal .pagination {
  margin-bottom: 20rem
}

.room-modal .pagination.small {
  margin-bottom: 10rem
}

.room-modal__mail-list {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem
}

.room-modal__mail-list a {
  color: #fff;
  text-decoration: none
}

.room-modal__mail-item {
  width: 100%;
  gap: 10rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.room-modal__mail-item, .room-modal__mail-theme {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none
}

.room-modal__mail-theme {
  min-width: 15rem;
  gap: 5rem
}

.room-modal__mail {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem
}

.room-modal__mail, .room-modal__mail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.room-modal__mail-row {
  gap: 20rem
}

.room-modal__mail-label {
  width: 80rem;
  min-width: 80rem
}

.room-modal__mail-text {
  font-size: 14rem;
  width: 100%
}

.pagination {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5rem;
  height: 40rem;
  padding: 7rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1rem, #0b100b), color-stop(2rem, #ab8e6e), color-stop(2rem, #19170b), color-stop(3rem, #2b291f), color-stop(4rem, #a89574), color-stop(6rem, #7a674a), color-stop(6rem, #060a03), color-stop(7rem, #262721), color-stop(7rem, rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0)), color-stop(#262721), color-stop(#060a03), color-stop(#7a674a), color-stop(#a89574), color-stop(#2b291f), color-stop(#19170b), color-stop(#ab8e6e), to(#0b100b)), url(../images/pagination-bg.png);
  background: linear-gradient(180deg, #0b100b 1rem, #ab8e6e 2rem, #19170b 0, #2b291f 3rem, #a89574 4rem, #7a674a 6rem, #060a03 0, #262721 7rem, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(100% - 7rem), #262721 calc(100% - 7rem), #060a03 calc(100% - 6rem), #7a674a calc(100% - 6rem), #a89574 calc(100% - 4rem), #2b291f calc(100% - 3rem), #19170b calc(100% - 2rem), #ab8e6e calc(100% - 2rem), #0b100b calc(100% - 1rem)), url(../images/pagination-bg.png)
}

.pagination:before {
  content: "";
  display: block;
  height: 100%;
  width: calc(100% + 50rem);
  position: absolute;
  left: -25rem;
  top: 0;
  background: url(../images/pagination-left.png), url(../images/pagination-right.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 0, 100%;
  background-size: auto 100%, auto 100% !important
}

.pagination__list {
  height: 100%;
  width: calc(100% + 26rem);
  margin-left: -13rem;
  margin-right: -13rem;
  z-index: 1;
  gap: 5rem
}

.pagination__list, .pagination a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.pagination a {
  text-decoration: none;
  width: 22rem;
  height: 22rem;
  line-height: 80%
}

.pagination a span {
  position: relative;
  z-index: 1;
  font-size: 18rem;
  line-height: 80%;
  font-weight: 700;
  font-family: var(--brg);
  background: -webkit-gradient(linear, left top, left bottom, from(#e2b250), color-stop(50%, #fff8f1), to(#deb162));
  background: linear-gradient(-180deg, #e2b250, #fff8f1 50%, #deb162);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.pagination a.active span {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.pagination .pagination__back, .pagination .pagination__next {
  width: 20rem;
  height: 20rem;
  border-radius: 10rem;
  background: #191610
}

.pagination .pagination__back span, .pagination .pagination__next span {
  font-size: 12rem
}

.pagination .pagination__back {
  margin-right: auto
}

.pagination .pagination__next {
  margin-left: auto
}

.pagination.small {
  height: 30rem
}

.pagination.small:before {
  width: calc(100% + 28rem);
  left: -14rem
}

.pagination.small .pagination__list {
  gap: 3rem;
  width: calc(100% + 14rem);
  margin-left: -7rem;
  margin-right: -7rem
}

.pagination.small a {
  width: 16rem;
  height: 16rem
}

.pagination.small a span {
  font-size: 14rem
}

.pagination.small .pagination__back, .pagination.small .pagination__next {
  width: 14rem;
  height: 14rem
}

.pagination.small .pagination__back span, .pagination.small .pagination__next span {
  font-size: 10rem
}

.page__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 8rem;
  -moz-column-gap: 8rem;
  column-gap: 8rem;
  row-gap: 4rem;
  position: relative;
  z-index: 3;
  height: 93rem;
  min-height: 93rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 562rem;
  padding-top: 24rem;
  margin-left: auto
}

.page__header .nav__img {
  width: 30rem;
  height: 30rem;
  margin-top: 4rem
}

.page__header .nav__img img {
  width: 20rem;
  height: 20rem
}

.page__header-nav, .page__header-nav2 {
  border-radius: 5rem;
  background-color: rgba(24, 19, 17, .8);
  padding: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8rem
}

.page__header-nav2 {
  margin-right: 38rem;
  background: none;
  gap: 30rem
}

.page__top {
  position: relative;
  z-index: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 10rem;
  width: 100%
}

.page__top, .page__top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.page__top-left {
  border-radius: 2rem;
  background-color: rgba(24, 19, 17, .8);
  padding: 5rem 30rem 5rem 0
}

.page__top-left-img {
  margin-top: -18rem;
  margin-bottom: -17rem;
  margin-left: 0
}

.page__top-left-img img {
  width: 57rem
}

.page__top-left-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%
}

.page__top-left-content, .page__top-left-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.page__top-left-text {
  gap: 10rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.page__top-left-text span {
  font-size: 12rem;
  color: #e2e2e2
}

.page__top-left-text .coin {
  width: 20rem
}

.page__top-left-text .point {
  width: 14rem
}

.page__top-left-text2 {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.page__top-left-text2 span {
  font-size: 12rem;
  color: #e2e2e2
}

.fortun {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 10
}

.fortun, .fortun__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.fortun__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: calc(100% - 93rem)
}

.fortun__bl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

.fortun__left {
  padding-left: 200rem
}

.fortun__left, .fortun__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.fortun__right {
  height: 100%
}

.fortun__right-bg {
  width: 293rem;
  height: 335rem;
  background: url(../images/fortun-right.png);
  background-size: 100%;
  margin: 91rem 0 0 35rem
}

.fortun__right-bg, .fortun__right-prize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.fortun__right-prize {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50rem;
  height: 71rem;
  margin: 140rem 0 0 25rem
}

.fortun__right-prize img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.wheel-container {
  position: relative;
  z-index: 10;
  width: 446.66rem;
  height: 560.23rem;
  background: url(../images/wheel-fon.png);
  background-size: 100%
}

.wheel-container button {
  cursor: pointer;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  outline: none;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0
}

.wheel {
  width: 440rem;
  height: 440rem;
  border-radius: 50%;
  position: relative;
  background: url(../images/wheel-image2.png) no-repeat 50%;
  background-size: cover;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  margin: 37rem 0 0 1rem
}

.pointer {
  position: absolute;
  z-index: 1;
  top: 218rem;
  right: 20rem;
  width: 248.14rem;
  height: 80.17rem;
  background: url(../images/wheel-pointer.png);
  background-size: 100%
}

.smithy {
  width: 100%;
  height: 100%;
  z-index: 1
}

.smithy, .smithy__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

.smithy__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: calc(100% - 93rem);
  gap: 10rem;
  z-index: 4
}

.smithy .burse__dealer {
  height: auto
}

.smithy__enter-room {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
  margin-left: auto
}

.smithy__enter-room-label {
  font-size: 14rem;
  font-weight: 700
}

.smithy__enter-room-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem
}

.smithy__enter-room-form .file-label, .smithy__enter-room-form .input {
  min-width: 150rem
}

.smithy__enter-room-form .btn__gradient, .smithy__enter-room-form .file-label, .smithy__enter-room-form .input {
  height: 32rem
}

.go-to-top {
  position: fixed;
  bottom: 302rem;
  right: 277rem;
  width: 50rem;
  height: 50rem;
  color: #000;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 24rem;
  -webkit-transition: opacity .3s, visibility .3s;
  transition: opacity .3s, visibility .3s;
  background: url(../images/arrow-top.png), #2b352c;
  background-repeat: no-repeat, repeat;
  background-position: 50%, 50%;
  -webkit-box-shadow: inset 0 0 1rem 2rem #2b352c, inset 0 0 .5rem 2.5rem #000, inset 0 0 .5rem 4rem #8e765a, inset 0 0 .5rem 5rem #000;
  box-shadow: inset 0 0 1rem 2rem #2b352c, inset 0 0 .5rem 2.5rem #000, inset 0 0 .5rem 4rem #8e765a, inset 0 0 .5rem 5rem #000;
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
  z-index: 101
}

.go-to-top:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%)
}

.smithy-gov {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%
}

.smithy-gov__bl {
  width: 730rem;
  background: rgba(24, 19, 17, .8);
  border-radius: 5rem;
  padding: 5rem 20rem;
  height: 100%
}

.smithy-gov__bl, .smithy-gov__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem
}

.smithy-gov__form {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.smithy-gov__form .btn__gradient {
  width: auto
}

.smithy-gov__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.smithy-gov__header .btn__gradient-invert {
  width: auto
}

.smithy-gov__ramka {
  border-radius: 3rem;
  width: 100%;
  max-height: calc(100% - 48rem);
  background: url(../images/smithy-ramka-ba.png), url(../images/smithy-ramka-ba.png), url(../images/smithy-ramka-ta.png), url(../images/smithy-ramka-ta.png), url(../images/smithy-ramka-h.png), url(../images/smithy-ramka-h.png), url(../images/smithy-ramka-v.png), url(../images/smithy-ramka-v.png);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y;
  background-position: 0 100%, 100% 100%, 0 0, 100% 0, top, bottom, left 2rem center, right 2rem center;
  -webkit-box-shadow: 0 0 5rem 2rem #000;
  box-shadow: 0 0 5rem 2rem #000;
  padding: 16rem 19rem
}

.smithy-gov__form-label {
  position: relative;
  text-align: center;
  font-size: 18rem;
  font-weight: 600;
  font-family: var(--brg)
}

.smithy-gov__form-label:before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-shadow: 2rem 2rem 5rem #000
}

.smithy-gov__form-label span {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 18rem;
  font-weight: 600;
  font-family: var(--brg)
}

.smithy-gov__list {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100%
}

.smithy-gov__item, .smithy-gov__list.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.smithy-gov__item {
  background: rgba(20, 20, 30, .8);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  padding: 10rem;
  -webkit-box-shadow: inset 0 10rem 10rem -7rem #000;
  box-shadow: inset 0 10rem 10rem -7rem #000
}

.smithy-gov__item:nth-child(2n) {
  background: rgba(16, 16, 25, .8)
}

.smithy-gov__item b {
  font-family: var(--brg);
  font-size: 16rem
}

.smithy-gov__item span {
  font-size: 12rem;
  color: #fff
}

.smithy-gov__item span img {
  width: 11rem;
  height: 11rem;
  display: inline-block;
  vertical-align: middle
}

.smithy-gov__item small {
  font-size: 12rem;
  line-height: 14rem;
  color: hsla(0, 0%, 100%, .5)
}

.smithy-gov__item-left {
  width: 260rem
}

.smithy-gov__item-left > img {
  float: left;
  margin: 0 5rem 0 0
}

.smithy-gov__item-col {
  border-left: 1rem solid;
  border-image-source: linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
  border-image-slice: 1;
  padding: 0 8rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8rem;
  width: 120rem
}

.smithy-gov__item-col, .smithy-gov__item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.smithy-gov__item-row {
  gap: 6rem
}

.smithy-gov__item-bottom {
  margin-top: 8rem;
  border-top: 1rem solid;
  border-image-source: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5) 10%, hsla(0, 0%, 100%, .5) 90%, hsla(0, 0%, 100%, 0));
  border-image-slice: 1;
  padding-top: 5rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.smithy-gov__item-bottom span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5rem
}

.smithy-gov__item-bottom .btn__gradient {
  padding: 3rem 8rem
}

.smithy-gov__item-bottom .btn__gradient span {
  color: #18212d;
  font-weight: 700
}

.smithy-artifact {
  padding: 20rem 0 0;
  min-height: 333rem
}

.smithy-artifact, .smithy-artifact__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.smithy-artifact__left {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 14rem 0;
  width: 698rem;
  max-height: 310rem;
  background: rgba(24, 19, 17, .5)
}

.smithy-artifact__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 135rem;
  width: 135rem;
  position: relative
}

.smithy-artifact__item:before {
  content: "";
  width: 70rem;
  height: 82rem;
  display: block;
  position: absolute;
  top: 24rem;
  left: calc(50% - 1rem);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50rem 50rem 0 0;
  z-index: -1
}

.smithy-artifact__item.active .btn__gradient, .smithy-artifact__item:hover .btn__gradient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.smithy-artifact__item.active:before, .smithy-artifact__item:hover:before {
  -webkit-box-shadow: 0 0 15rem 5rem #fff;
  box-shadow: 0 0 15rem 5rem #fff
}

.smithy-artifact__item .btn__gradient {
  display: none;
  margin-top: -32rem
}

.smithy-artifact__img {
  width: 135rem;
  height: 135rem;
  background: url(../images/cloche.png) no-repeat top;
  background-size: auto 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.smithy-artifact__img img {
  max-width: 55%
}

.smithy-artifact__right {
  width: 360rem;
  background: rgba(24, 19, 17, .7);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10rem;
  max-height: 310rem
}

.smithy-artifact__right, .smithy-artifact__right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem
}

.smithy-artifact__right-content {
  max-height: 262rem
}

.smithy-artifact__right-content .custom-file {
  width: 120rem
}

.smithy-artifact__right-content .btn__gradient {
  height: auto
}

.smithy-artifact__right-img {
  width: 98rem;
  height: 84rem;
  background: url(../images/smithy-artifact-right-img.png) no-repeat top;
  background-size: 100% !important;
  padding: 10rem
}

.smithy-artifact__right-img, .smithy-artifact__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.smithy-artifact__title {
  background: url(../images/smithy-artifact__title-l.png), url(../images/smithy-artifact__title-r.png), url(../images/smithy-artifact__title-c.png);
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: 0, 100%, 50%;
  background-size: auto 100%, auto 100%, auto 100% !important;
  height: 46rem;
  padding: 10rem 30rem;
  margin-top: -30rem
}

.smithy-artifact__title span {
  font-size: 18rem;
  font-family: var(--brg)
}

.smithy-artifact__right-desc {
  font-size: 20rem;
  font-family: var(--brg)
}

.smithy-artifact__right-text {
  max-width: 180rem
}

.smithy-artifact__right-text span {
  font-size: 12rem;
  line-height: 14rem;
  color: #fff
}

.custom-file {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
  width: 190rem;
  text-align: center
}

.custom-file, .custom-file-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.custom-file-img {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%
}

.custom-file-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.file-icon {
  width: 50rem;
  height: 50rem
}

.file-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(24, 19, 17, .6);
  color: hsla(0, 0%, 88.6%, .56);
  padding: 5rem;
  border-radius: 5rem;
  cursor: pointer;
  font-size: 14rem;
  -webkit-transition: .3s;
  transition: .3s;
  height: auto
}

.file-label:hover {
  background: #181311
}

.file-input {
  display: none
}

.file-name {
  text-align: center;
  font-size: 12rem;
  color: hsla(0, 0%, 88.6%, .53)
}

.smithy-persarm {
  background: rgba(24, 19, 17, .6);
  height: calc(100% - 100rem);
  border-radius: 20rem;
  width: 100%
}

.smithy-persarm, .smithy-persarm__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.smithy-persarm__left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 265rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 5rem 20rem;
  gap: 30rem
}

.smithy-persarm__title {
  height: 44rem;
  background: url(../images/smithy-pers-arm-l-uzor.png), url(../images/smithy-pers-arm-r-uzor.png) #282c2f;
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: left 8rem center, left calc(100% - 8rem) center, 50%;
  -webkit-box-shadow: inset 0 0 1rem 4rem #282c2f, inset 0 0 .5rem 4.5rem #000, inset 0 0 .5rem 6rem #736b63, inset 0 0 .5rem 7rem #000;
  box-shadow: inset 0 0 1rem 4rem #282c2f, inset 0 0 .5rem 4.5rem #000, inset 0 0 .5rem 6rem #736b63, inset 0 0 .5rem 7rem #000;
  padding: 6rem 50rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -25rem
}

.smithy-persarm__title span {
  font-size: 20rem;
  font-family: var(--brg)
}

.smithy-persarm__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem
}

.smithy-persarm__form .file-label, .smithy-persarm__form .input {
  height: 30rem
}

.smithy-persarm__form .file-label select, .smithy-persarm__form .input select {
  font-size: 12rem
}

.smithy-persarm__right {
  background: rgba(24, 19, 17, .8);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem;
  padding: 10rem 20rem 10rem 10rem;
  border-radius: 0 30rem 30rem 0
}

.smithy-persarm__right, .smithy-persarm__right-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.smithy-persarm__right-item {
  border-bottom: 1rem solid;
  border-image-source: linear-gradient(90deg, rgba(222, 174, 102, 0), #deae66 10%, #deae66 90%, rgba(222, 174, 102, 0));
  border-image-slice: 1;
  padding: 10rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30rem
}

.smithy-persarm__right-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
  max-width: 306rem
}

.smithy-persarm__right-form .file-label, .smithy-persarm__right-form .input {
  width: 130rem;
  height: 30rem
}

.smithy-persarm__right-form .file-label input, .smithy-persarm__right-form .input input {
  font-size: 14rem;
  font-family: var(--nato)
}

.smithy-persarm__right-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10rem
}

.smithy-persarm__right-form-row img.coin {
  width: auto;
  height: 12rem
}

.smithy-persarm__right-form-row span {
  color: #c2c2c2;
  font-size: 14rem
}

.smithy-persarm__right-form-row .label {
  color: #c2c2c2;
  font-size: 12rem;
  width: 75rem;
  text-align: center
}

.smithy-persarm__right-title {
  font-size: 22rem;
  font-family: var(--brg)
}

.smithy-persarm__right-text {
  max-width: 414rem;
  display: grid;
  grid-template-columns:1.3fr 1.6fr;
  grid-column-gap: 15rem
}

.smithy-persarm__right-text span {
  color: #c2c2c2;
  font-size: 12rem
}

.smithy-specarm {
  background: rgba(24, 19, 17, .6);
  height: calc(100% - 100rem);
  border-radius: 20rem;
  width: 100%
}

.smithy-specarm, .smithy-specarm__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.smithy-specarm__left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 265rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 5rem 20rem;
  gap: 30rem
}

.smithy-specarm__title {
  height: 44rem;
  background: url(../images/smithy-spec-uzor-l.png), url(../images/smithy-spec-uzor-r.png) #7d6551;
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: left 8rem center, left calc(100% - 8rem) center, 50%;
  -webkit-box-shadow: inset 0 0 1rem 1rem #37282a, inset 0 0 .5rem 4rem #7b6751, inset 0 0 .5rem 5rem #352827;
  box-shadow: inset 0 0 1rem 1rem #37282a, inset 0 0 .5rem 4rem #7b6751, inset 0 0 .5rem 5rem #352827;
  padding: 6rem 50rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -25rem
}

.smithy-specarm__title span {
  font-size: 20rem;
  font-family: var(--brg)
}

.smithy-specarm__form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem
}

.smithy-specarm__form .file-label, .smithy-specarm__form .input {
  min-height: 30rem
}

.smithy-specarm__form .file-label select, .smithy-specarm__form .input select {
  font-size: 12rem
}

.smithy-specarm__right {
  background: rgba(24, 19, 17, .8);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem;
  padding: 10rem 20rem 10rem 10rem;
  border-radius: 0 30rem 30rem 0
}

.smithy-specarm__right, .smithy-specarm__right-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.smithy-specarm__right-item {
  border-bottom: 1rem solid;
  border-image-source: linear-gradient(90deg, rgba(222, 174, 102, 0), #deae66 10%, #deae66 90%, rgba(222, 174, 102, 0));
  border-image-slice: 1;
  padding: 10rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30rem
}

.smithy-specarm__right-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
  max-width: 306rem
}

.smithy-specarm__right-form .file-label, .smithy-specarm__right-form .input {
  width: 130rem;
  height: 30rem
}

.smithy-specarm__right-form .file-label input, .smithy-specarm__right-form .input input {
  font-size: 14rem;
  font-family: var(--nato)
}

.smithy-specarm .smithy-specarm__img {
  min-width: 106rem;
  height: 93rem;
  border-radius: 10rem;
  position: relative
}

.smithy-specarm .smithy-specarm__img:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 15rem 5rem #fff;
  box-shadow: 0 0 15rem 5rem #fff
}

.smithy-specarm .smithy-specarm__img > div {
  position: relative;
  z-index: 1;
  background: url(../images/smithy-specarm-right-img.png);
  background-repeat: no-repeat;
  background-position: 50%;
  padding: 22rem 15rem 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.smithy-specarm .smithy-specarm__img img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.smithy-specarm__right-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10rem
}

.smithy-specarm__right-form-row img.coin {
  width: auto;
  height: 12rem
}

.smithy-specarm__right-form-row span {
  color: #c2c2c2;
  font-size: 14rem
}

.smithy-specarm__right-form-row .label {
  color: #c2c2c2;
  font-size: 12rem;
  width: 75rem;
  text-align: center
}

.smithy-specarm__right-form-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem
}

.smithy-specarm__right-title {
  font-size: 22rem;
  font-family: var(--brg)
}

.smithy-specarm__right-text {
  max-width: 414rem;
  display: grid;
  grid-template-columns:1.3fr 1.6fr;
  grid-column-gap: 15rem
}

.smithy-specarm__right-text span {
  color: #c2c2c2;
  font-size: 12rem
}

.smithy-studio {
  background: rgba(24, 19, 17, .6);
  height: calc(100% - 112rem);
  border-radius: 20rem;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: -50rem;
  position: relative;
  z-index: 0;
  padding: 70rem 20rem 10rem;
  gap: 10rem
}

.smithy-studio, .smithy-studio__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.smithy-studio__title {
  margin-left: 178rem;
  background: url(../images/smithy-studio-title\ .png) no-repeat top;
  padding: 32rem 20rem 14rem;
  min-width: 264rem;
  min-height: 78rem;
  background-size: 100% 100% !important;
  font-size: 24rem;
  color: #000;
  font-family: var(--brg);
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.smithy-studio__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 20rem;
  -webkit-column-gap: 35rem;
  -moz-column-gap: 35rem;
  column-gap: 35rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.smithy-studio__item, .smithy-studio__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.smithy-studio__item {
  background: url(../images/smithy-studio-item.png) no-repeat top;
  background-size: 100% 100% !important;
  width: 298rem;
  height: 298rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 25rem;
  gap: 13rem
}

.smithy-studio__item, .smithy-studio__item-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.smithy-studio__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 34rem;
  font-size: 12rem;
  padding: 0 27rem 0 0
}

.smithy-studio__item-title span {
  color: hsla(0, 0%, 100%, .7)
}

.smithy-studio__item-title small {
  color: hsla(0, 0%, 58.4%, .7);
  font-size: 12rem
}

.smithy-studio__item-text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 12rem;
  padding: 0 25rem;
  height: 190rem
}

.smithy-studio__item-text, .smithy-studio__item-text .bl-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.smithy-studio__item-text .bl-scroll {
  padding: 0 10rem 0 0
}

.smithy-studio__item-text b {
  margin-bottom: 10rem;
  text-align: center;
  color: #fff;
  font-size: 12rem
}

.smithy-studio__item-text span {
  color: #959595
}

.smithy-cutter {
  background: rgba(24, 19, 17, .6);
  height: calc(100% - 50rem);
  border-radius: 20rem;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: -50rem;
  position: relative;
  z-index: 0;
  padding: 45rem 20rem 10rem;
  gap: 10rem
}

.smithy-cutter, .smithy-cutter__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.smithy-cutter__title {
  margin-left: 178rem;
  background: url(../images/smithy-cutter-title.png) no-repeat top;
  padding: 32rem 20rem 14rem;
  min-width: 264rem;
  min-height: 78rem;
  background-size: 100% 100% !important;
  font-size: 24rem;
  color: #000;
  font-family: var(--brg);
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.smithy-cutter__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 20rem;
  -webkit-column-gap: 35rem;
  -moz-column-gap: 35rem;
  column-gap: 35rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.smithy-cutter__item, .smithy-cutter__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.smithy-cutter__item {
  background: url(../images/smithy-cutter-item.png) no-repeat top;
  background-size: 100% 100% !important;
  width: 298rem;
  height: 298rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 25rem;
  gap: 13rem
}

.smithy-cutter__item, .smithy-cutter__item-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.smithy-cutter__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 34rem;
  font-size: 12rem;
  padding: 0
}

.smithy-cutter__item-title span {
  color: hsla(0, 0%, 100%, .7)
}

.smithy-cutter__item-title small {
  color: hsla(0, 0%, 58.4%, .7);
  font-size: 12rem
}

.smithy-cutter__item-text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 12rem;
  padding: 0 25rem;
  height: 190rem
}

.smithy-cutter__item-text, .smithy-cutter__item-text .bl-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.smithy-cutter__item-text .bl-scroll {
  padding: 0 10rem 0 0
}

.smithy-cutter__item-text b {
  margin-bottom: 10rem;
  text-align: center;
  color: #fff;
  font-size: 12rem
}

.smithy-cutter__item-text span {
  color: #959595
}

.smithy-modarm {
  background: rgba(24, 19, 17, .6);
  height: calc(100% - 100rem);
  border-radius: 20rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 0;
  padding: 0 20rem 10rem;
  gap: 10rem
}

.smithy-modarm, .smithy-modarm__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.smithy-modarm__header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10rem 0
}

.smithy-modarm__header .smithy-artifact__title {
  margin-top: -32rem
}

.smithy-modarm__header .smithy-artifact__title span {
  font-size: 24rem
}

.smithy-modarm__header-label {
  font-size: 12rem;
  color: #fff
}

.smithy-modarm__header-form {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20rem
}

.smithy-modarm__header-form, .smithy-modarm__header-form-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.smithy-modarm__header-form-col {
  gap: 10rem
}

.smithy-modarm__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40rem
}

.smithy-modarm__content-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 430rem;
  gap: 20rem
}

.smithy-modarm__content-left .smithy-modarm__form-item {
  width: 135rem
}

.smithy-modarm__artifact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20rem;
  border-bottom: 1rem solid;
  border-image-source: linear-gradient(90deg, rgba(222, 174, 102, 0), #deae66 10%, #deae66 90%, rgba(222, 174, 102, 0));
  border-image-slice: 1;
  padding-bottom: 10rem
}

.smithy-modarm .smithy-artifact__item {
  width: auto
}

.smithy-modarm .smithy-artifact__img {
  width: 120rem
}

.smithy-modarm__artifact-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.smithy-modarm__artifact-text b {
  font-size: 20rem;
  font-family: var(--brg)
}

.smithy-modarm__artifact-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20rem
}

.smithy-modarm__artifact-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(50% - 10rem)
}

.smithy-modarm__artifact-col span {
  font-size: 12rem;
  line-height: 14rem;
  color: #e2e2e2
}

.smithy-modarm__form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem
}

.smithy-modarm__form, .smithy-modarm__form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.smithy-modarm__form-row {
  gap: 20rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.smithy-modarm__form-row .label {
  font-size: 11.5rem;
  color: #e2e2e2
}

.smithy-modarm__form-row .file-label, .smithy-modarm__form-row .input {
  max-width: 130rem;
  height: 24rem
}

.smithy-modarm__form-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10rem
}

.smithy-modarm__form-item, .smithy-modarm__form-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.smithy-modarm__form-item {
  gap: 5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.smithy-modarm__form-item .label {
  font-size: 11.5rem;
  color: #e2e2e2
}

.smithy-modarm__form-item .file-label, .smithy-modarm__form-item .input {
  max-width: 46rem;
  height: 24rem
}

.smithy-modarm__content-right {
  width: 540rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem
}

.smithy-modarm__content-right .smithy-modarm__form-list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.smithy-modarm__content-right .smithy-modarm__form-item .label {
  width: 150rem;
  max-width: 150rem
}

.smithy-modarm__content-right .custom-file .label {
  font-size: 12rem;
  color: #fff
}

.smithy-modarm__form-bottom {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.smithy-modarm__form-bottom, .smithy-modarm__form-bottom-item, .smithy-modarm__form-bottom-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.smithy-modarm__form-bottom-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.smithy-cutter-pers {
  background: url(../images/smithy-cutter-pers.png) no-repeat top;
  background-size: 100% !important;
  min-height: 437rem;
  max-height: 437rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: -50rem;
  position: relative;
  z-index: 0;
  padding: 70rem 58rem 50rem 50rem;
  gap: 34rem
}

.smithy-cutter-pers__col {
  width: 291rem;
  height: 100%
}

.smithy-cutter-pers__col, .smithy-cutter-pers__list {
  gap: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.smithy-cutter-pers__list {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.smithy-cutter-pers__colcenter {
  width: 289rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: calc(100% - 76rem);
  margin-top: 70rem
}

.smithy-cutter-pers__colcenter b {
  color: #000;
  text-align: center;
  font-size: 12rem;
  line-height: 23rem
}

.smithy-cutter-pers__colcenter span {
  color: #000;
  text-align: center;
  font-size: 12rem;
  line-height: 18rem
}

.smithy-cutter-pers__title {
  height: 45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5rem
}

.smithy-cutter-pers__title span {
  font-size: 14rem
}

.smithy-cutter-pers__title b {
  font-size: 20rem;
  font-family: var(--brg)
}

.smithy-cutter-pers__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% - 30rem);
  margin: 0 auto;
  min-height: 30rem;
  background: #0f0d0c;
  -webkit-box-shadow: 0 5rem 5rem 0 rgba(0, 0, 0, .75);
  box-shadow: 0 5rem 5rem 0 rgba(0, 0, 0, .75);
  font-size: 12rem;
  padding: 0;
  gap: 5rem
}

.smithy-cutter-pers__desc b {
  color: hsla(0, 0%, 58.4%, .7)
}

.smithy-cutter-pers__desc span {
  color: hsla(0, 0%, 100%, .7)
}

.smithy-cutter-pers__desc small {
  color: hsla(0, 0%, 58.4%, .7);
  font-size: 12rem
}

.smithy-cutter-pers__item {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.smithy-cutter-pers__item, .smithy-cutter-pers__item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.smithy-cutter-pers__item-img {
  width: 30rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.smithy-cutter-pers__item-img img {
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.smithy-cutter-pers__item-col {
  width: 110rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem
}

.smithy-cutter-pers__item-col small {
  font-size: 12rem;
  color: hsla(0, 0%, 58.4%, .7)
}

.smithy-cutter-pers__item-col span {
  font-size: 12rem;
  color: #fff
}

.smithy-cutter-pers__item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem
}

.smithy-cutter-pers__item-price > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem
}

.smithy-cutter-pers__item-price > div b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5rem;
  font-size: 12rem;
  color: #fff
}

.smithy-cutter-pers__item-price > div b img {
  width: 12rem
}

.smithy-cutter-pers__item-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5rem
}

.smithy-cutter-pers__item-form .file-label, .smithy-cutter-pers__item-form .input {
  width: 140rem;
  height: 30rem
}

.smithy-cutter-pers__item-form .file-label select, .smithy-cutter-pers__item-form .input select {
  font-family: var(--nato);
  font-size: 12rem;
  font-weight: 700
}

.smithy-cutter-pers__item-bottom {
  width: 100%;
  background: url(../images/smithy-cutter-pers-seporator.png) no-repeat 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5rem;
  min-height: 25rem;
  background-size: 100% !important
}

.smithy-cutter-pers__item-title {
  font-family: var(--brg);
  font-size: 14rem
}

.smithy-studio-pers {
  background: url(../images/smithy-studio-pers.png) no-repeat 0 0;
  background-size: auto 100%;
  min-height: 440rem;
  max-height: 440rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: -50rem;
  position: relative;
  z-index: 0;
  padding: 57rem 58rem 80rem 50rem;
  gap: 34rem
}

.smithy-studio-pers__col {
  width: 273rem;
  height: 100%;
  gap: 10rem
}

.smithy-studio-pers__col, .smithy-studio-pers__colcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.smithy-studio-pers__colcenter {
  width: 278rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: calc(100% - 76rem);
  margin-top: 70rem
}

.smithy-studio-pers__colcenter b {
  color: #000;
  text-align: center;
  font-size: 12rem;
  line-height: 23rem
}

.smithy-studio-pers__colcenter b span.f-brg {
  font-size: 16rem;
  font-weight: 400;
  margin: 0 5rem
}

.smithy-studio-pers__colcenter span {
  color: #000;
  text-align: center;
  font-size: 12rem;
  line-height: 18rem
}

.smithy-studio-pers__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.smithy-studio-pers__item-col {
  width: calc(50% - 10rem);
  gap: 10rem
}

.smithy-studio-pers__item-col, .smithy-studio-pers__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.smithy-studio-pers__item-title {
  height: 40rem
}

.smithy-studio-pers__item-title b {
  font-size: 16rem;
  font-family: var(--brg);
  text-align: center
}

.smithy-studio-pers__item-title small {
  font-size: 12rem;
  text-align: center;
  color: hsla(0, 0%, 100%, .4)
}

.smithy-studio-pers__item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50rem
}

.smithy-studio-pers__item-img img {
  max-height: 100%
}

.smithy-studio-pers__item-price {
  background-color: #0f0d0c;
  -webkit-box-shadow: 0 5rem 5rem 0 rgba(0, 0, 0, .75);
  box-shadow: 0 5rem 5rem 0 rgba(0, 0, 0, .75);
  width: 60rem;
  height: 23rem;
  border: 2rem solid;
  -o-border-image: linear-gradient(90deg, #95837a, #f8f5ef, #95837a) 1;
  border-image: -webkit-gradient(linear, left top, right top, from(#95837a), color-stop(#f8f5ef), to(#95837a)) 1;
  border-image: linear-gradient(90deg, #95837a, #f8f5ef, #95837a) 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5rem
}

.smithy-studio-pers__item-price span {
  font-size: 12rem;
  color: #fff
}

.smithy-studio-pers__item-price img {
  width: 14rem;
  height: 14rem
}

.smithy-studio-pers__form {
  padding-left: 60rem;
  width: 287rem;
  margin-top: 60rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem
}

.smithy-studio-pers__form .file-label, .smithy-studio-pers__form .input {
  height: 30rem;
  width: 100%
}

.smithy-studio-pers__form .file-label input, .smithy-studio-pers__form .input input {
  font-size: 14rem
}

.smithy-studio-pers__form .btn__gradient {
  margin: 0 auto
}

.smithy-studio-pers__form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  width: 100%
}

.modal {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  display: none;
  margin: 60rem auto 0
}

.modal__transparent {
  width: 100%;
  max-width: 500rem;
  max-height: calc(100vh - 90rem);
  padding: 40rem 3rem;
  background: rgba(24, 24, 32, .7);
  border-radius: 7rem;
  position: relative
}

.modal__transparent:before {
  content: "";
  display: block;
  position: absolute;
  top: -3rem;
  left: -3rem;
  width: 100%;
  height: 100%;
  border-radius: 10rem;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) border-box;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  border: 3rem solid rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, right top, from(#95837a), color-stop(#f8f5ef), to(#95837a));
  background: linear-gradient(90deg, #95837a, #f8f5ef, #95837a)
}

.modal__arch {
  width: 451rem;
  max-height: calc(100vh - 90rem);
  padding: 60rem 72rem 63rem;
  position: relative
}

.modal__arch:before {
  background: url(../images/modal-arch-bottom.png), url(../images/modal-arch-top.png);
  background-repeat: no-repeat, no-repeat;
  background-position: bottom, top;
  background-size: 100% auto, 100% auto;
  top: 0;
  height: 100%;
  z-index: 1
}

.modal__arch:after, .modal__arch:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%
}

.modal__arch:after {
  background: url(../images/modal-arch-center.png);
  background-repeat: repeat-y;
  background-position: top;
  background-size: 100% auto;
  top: 93rem;
  height: calc(100% - 130rem);
  z-index: 0
}

.modal__arch .modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.modal__arch .modal__title-gold {
  font-size: 20rem
}

.modal__arch .modal__body {
  padding: 0 10rem;
  position: relative;
  height: calc(100vh - 212rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.modal__arch .modal__body > * {
  position: relative;
  z-index: 1
}

.modal__arch .modal__body:before {
  background: url(../images/modal-arch-fon.png);
  background-repeat: repeat-y;
  background-position: top;
  background-size: 100% auto;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 76rem);
  z-index: 0
}

.modal._active {
  display: block
}

.modal__close {
  position: absolute;
  top: 10rem;
  right: 10rem;
  cursor: pointer;
  z-index: 1002
}

.modal__close img {
  width: 24rem;
  height: 24rem
}

.modal__content {
  height: 100%
}

.modal__body {
  padding: 0 35rem;
  height: 100%;
  max-height: calc(100vh - 170rem);
  position: relative;
  z-index: 1003
}

.modal__title-gold {
  font-size: 24rem;
  font-family: var(--brg);
  font-weight: 500;
  text-align: center
}

.modal__title-gold .hr {
  margin-bottom: 30rem
}

.modal__row {
  margin-bottom: 20rem
}

.modal__mask {
  z-index: 97
}

.modal__backdrop, .modal__mask {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%
}

.modal__backdrop {
  z-index: 98;
  background: rgba(0, 0, 0, .11)
}

.modal .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20rem
}

.modal .form .label {
  font-size: 12rem;
  color: #fff;
  margin-bottom: 10rem
}

.modal .form__search-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5rem
}

.modal .form__search-result b {
  font-size: 14rem;
  color: #fff
}

.modal .form__search-result span {
  font-size: 12rem;
  color: #fff
}

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

.modal-tab {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100% - 20rem)
}

.modal-tab, .modal-tab__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.modal-tab__top {
  gap: 10rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.modal-tab__content {
  margin-top: 20rem;
  height: calc(100% - 65rem)
}

.modal-tab__content table {
  width: 100%;
  background: linear-gradient(44.61deg, rgba(159, 137, 107, .4) 23.39%, rgba(121, 101, 80, .4) 75.08%)
}

.modal-tab__content table thead tr {
  background: linear-gradient(44.61deg, rgba(159, 137, 107, .5) 23.39%, rgba(121, 101, 80, .5) 75.08%)
}

.modal-tab__content table th {
  font-size: 12rem;
  font-weight: 500;
  padding: 7rem;
  text-align: left
}

.modal-tab__content table th:last-child {
  text-align: right
}

.modal-tab__content table th[width="50%"] {
  width: 50%
}

.modal-tab__content table td {
  font-size: 12rem;
  padding: 7rem 3rem;
  word-wrap: break-word;
  word-break: break-all
}

.modal-tab__item {
  height: 100%
}

.modal-tab__item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.garden {
  width: 100%;
  height: 100%;
  z-index: 1
}

.garden, .garden__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

.garden__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: calc(100% - 70rem);
  gap: 10rem;
  z-index: 4
}

.garden__bl {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: calc(100% - 33rem)
}

.garden__bl, .garden__ramka {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.garden__ramka {
  width: 657rem;
  border-radius: 3rem;
  height: 532rem;
  background: url(../images/smithy-ramka-ba.png), url(../images/smithy-ramka-ba.png), url(../images/smithy-ramka-ta.png), url(../images/smithy-ramka-ta.png), url(../images/smithy-ramka-h.png), url(../images/smithy-ramka-h.png), url(../images/smithy-ramka-v.png), url(../images/smithy-ramka-v.png);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y;
  background-position: 0 100%, 100% 100%, 0 0, 100% 0, top, bottom, left 2rem center, right 2rem center;
  -webkit-box-shadow: 0 0 5rem 2rem #000;
  box-shadow: 0 0 5rem 2rem #000;
  padding: 16rem 17rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.garden__area {
  width: 100%;
  height: 500rem;
  background: url(../images/garden-area.png) no-repeat top;
  background-size: 100% !important
}

.garden__right {
  padding-top: 30rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30rem
}

.garden__right, .garden__right-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.garden__right-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20rem
}

.garden__right-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.garden__right-left b {
  font-family: var(--brg);
  font-size: 16rem
}

.garden__right-left small {
  font-size: 12rem;
  color: #fff;
  line-height: 1.5;
  text-align: left
}

.garden-kitchen {
  margin-top: 5rem;
  margin-left: 60rem;
  width: 100%;
  max-width: 638rem;
  max-height: calc(100% - 37rem);
  padding: 20rem 3rem;
  background: rgba(24, 24, 32, .7);
  border-radius: 7rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.garden-kitchen:before {
  content: "";
  display: block;
  position: absolute;
  top: -3rem;
  left: -3rem;
  width: 100%;
  height: 100%;
  border-radius: 10rem;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) border-box;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  border: 3rem solid rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, right top, from(#95837a), color-stop(#f8f5ef), to(#95837a));
  background: linear-gradient(90deg, #95837a, #f8f5ef, #95837a)
}

.garden-kitchen > * {
  position: relative;
  z-index: 1
}

.garden-kitchen__title {
  font-family: var(--brg);
  font-size: 22rem;
  margin-bottom: 30rem
}

.garden-kitchen .bl-scroll {
  max-height: calc(100% - 55rem)
}

.garden-kitchen__content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 10rem 30rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.garden-kitchen__content, .garden-kitchen__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20rem
}

.garden-kitchen__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(50% - 10rem)
}

.garden-kitchen__item .file-label, .garden-kitchen__item .input {
  height: 30rem;
  width: 35rem
}

.garden-kitchen__item .btn__gradient {
  width: 100rem
}

.garden-kitchen__img {
  width: 50rem;
  height: 50rem
}

.garden-kitchen__img img {
  max-width: 100%
}

.garden-kitchen__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem
}

.garden-kitchen__form-title {
  font-size: 14rem;
  color: #fff;
  text-align: center
}

.garden-kitchen__form-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.garden-caller__header, .garden-kitchen__form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.garden-caller__header {
  position: relative;
  z-index: 1
}

.garden-caller .bl-scroll {
  padding-right: 10rem;
  height: calc(100% - 35rem)
}

.garden-caller__content {
  width: 760rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-image: url(../images/caller-ramka-bg.png);
  background-size: 126.6rem 159rem;
  background-repeat: repeat;
  position: relative;
  padding-bottom: 17rem;
  margin-bottom: 10rem;
  display: none
}

.garden-caller__content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.garden-caller__content:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3rem;
  background: url(../images/smithy-ramka-ba.png), url(../images/smithy-ramka-ba.png), url(../images/smithy-ramka-ta.png), url(../images/smithy-ramka-ta.png), url(../images/smithy-ramka-h.png), url(../images/smithy-ramka-h.png), url(../images/smithy-ramka-v.png), url(../images/smithy-ramka-v.png);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y !important;
  background-position: 0 100%, 100% 100%, 0 0, 100% 0, top, bottom, left 2rem center, right 2rem center !important;
  background-size: 19rem auto, 19rem auto, 19rem auto, 19rem auto, auto 15rem, auto 15rem, 15rem auto, 15rem auto !important;
  -webkit-box-shadow: 0 0 5rem 2rem #000;
  box-shadow: 0 0 5rem 2rem #000;
  -webkit-filter: brightness(85%) saturate(.3);
  filter: brightness(85%) saturate(.3)
}

.garden-caller__content > * {
  position: relative;
  z-index: 1
}

.garden-caller__item {
  width: calc(33.33333% + 11rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  padding: 43rem 25rem;
  margin-right: -17rem;
  margin-bottom: -17rem;
  gap: 10rem
}

.garden-caller__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3rem;
  background: url(../images/smithy-ramka-ba.png), url(../images/smithy-ramka-ba.png), url(../images/smithy-ramka-ta.png), url(../images/smithy-ramka-ta.png), url(../images/smithy-ramka-h.png), url(../images/smithy-ramka-h.png), url(../images/smithy-ramka-v.png), url(../images/smithy-ramka-v.png);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y !important;
  background-position: 0 100%, 100% 100%, 0 0, 100% 0, top, bottom, left 2rem center, right 2rem center !important;
  background-size: 19rem auto, 19rem auto, 19rem auto, 19rem auto, auto 15rem, auto 15rem, 15rem auto, 15rem auto !important;
  -webkit-box-shadow: 0 0 5rem 2rem #000;
  box-shadow: 0 0 5rem 2rem #000;
  -webkit-filter: brightness(85%) saturate(.3);
  filter: brightness(85%) saturate(.3)
}

.garden-caller__item > * {
  position: relative;
  z-index: 1
}

.garden-caller__item-img img {
  max-width: 100%
}

.garden-caller__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem
}

.garden-caller__item-text b {
  font-size: 18rem;
  font-family: var(--brg)
}

.garden-caller__item-text span {
  color: #fff;
  font-size: 12rem;
  line-height: 14rem
}

.garden-caller__item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.garden-shop {
  width: 383rem
}

.garden-shop__header {
  width: 372rem;
  height: 120rem;
  background: url(../images/garden-shop-t.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 65rem 30rem 5rem;
  gap: 20rem
}

.garden-shop__header, .garden-shop__header a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.garden-shop__header a {
  width: calc(50% - 10rem);
  font-size: 18rem;
  text-align: center;
  font-family: var(--brg);
  line-height: 18rem
}

.garden-shop .bl-scroll {
  padding-right: 5rem;
  height: calc(100% - 120rem)
}

.garden-shop__content {
  display: none;
  width: 372rem;
  background: url(../images/garden-shop-b.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 12rem
}

.garden-shop__col, .garden-shop__content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.garden-shop__col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(50% - 10rem)
}

.garden-shop__item {
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 20rem 25rem 30rem;
  gap: 10rem;
  background: url(../images/garden-shop-border.png);
  background-repeat: no-repeat !important;
  background-position: bottom !important;
  background-size: 100% auto !important
}

.garden-shop__item, .garden-shop__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.garden-shop__item-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem
}

.garden-shop__item-text b {
  font-size: 18rem;
  font-family: var(--brg)
}

.garden-shop__item-text span {
  color: #fff;
  font-size: 12rem;
  line-height: 14rem
}

.garden-shop__item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.garden-shop__right {
  margin-right: auto
}

.garden-shop__form {
  background: url(../images/garden-shop-form.png);
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: top !important;
  width: 359rem;
  padding: 120rem 90rem 80rem;
  gap: 20rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.garden-shop__form, .garden-shop__form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.garden-shop__form-row {
  gap: 5rem
}

.garden-shop__form-row .textarea {
  height: 80rem
}

.garden-shop__form-label {
  font-size: 16rem;
  font-family: var(--brg);
  text-align: center
}

.garden-building {
  margin-top: 60rem;
  margin-left: 30rem;
  width: 100%;
  max-width: 638rem;
  max-height: calc(100% - 70rem);
  padding: 40rem 3rem 10rem;
  background: rgba(24, 24, 32, .4);
  border-radius: 7rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.garden-building:before {
  content: "";
  display: block;
  position: absolute;
  top: -3rem;
  left: -3rem;
  width: 100%;
  height: 100%;
  border-radius: 10rem;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) border-box;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  border: 3rem solid rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, right top, from(#95837a), color-stop(#f8f5ef), to(#95837a));
  background: linear-gradient(90deg, #95837a, #f8f5ef, #95837a)
}

.garden-building__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20rem
}

.garden-building__title span {
  text-align: center;
  font-family: var(--brg);
  font-size: 22rem;
  line-height: 22rem;
  margin-bottom: 20rem
}

.garden-building__title small {
  font-size: 12rem;
  color: #fff
}

.garden-building .bl-scroll {
  position: relative;
  max-height: calc(100% - 70rem);
  padding-right: 20rem;
  z-index: 1
}

.garden-building__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 350rem;
  gap: 20rem
}

.garden-building__content, .garden-building__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.garden-building__row {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.garden-building__label {
  font-size: 16rem;
  font-family: var(--brg);
  width: 50rem
}

.garden-building__track {
  border-radius: 5rem;
  background-color: rgba(29, 28, 28, .73);
  width: 228rem;
  height: 11rem
}

.garden-building__progress {
  background-color: rgba(0, 191, 243, .902);
  height: 13rem;
  margin-top: -1rem;
  border-radius: 5rem 0 0 5rem;
  -webkit-box-shadow: 0 0 3rem 2rem #ffffbe;
  box-shadow: 0 0 3rem 2rem #ffffbe
}

.garden-building__progress-count {
  font-size: 12rem;
  color: #fff
}

.garden-building__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 320rem;
  gap: 20rem;
  margin-top: 20rem
}

.garden-building__bottom .btn__gradient {
  min-width: 120rem;
  height: 30rem
}

.garden-building__bottom .file-label, .garden-building__bottom .input {
  height: 30rem
}

.painter {
  width: 100%;
  height: 100%;
  z-index: 1
}

.painter, .painter__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

.painter__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: calc(100% - 50rem);
  gap: 10rem;
  z-index: 4
}

.painter__bl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%
}

.painter__left {
  padding: 50rem 110rem;
  background: url(../images/painter.png);
  background-size: 100% 100% !important;
  background-position: 50% !important;
  width: 600rem;
  height: 400rem
}

.painter__left-title {
  font-size: 22rem;
  line-height: 22rem;
  font-family: var(--brg);
  text-align: center;
  margin-bottom: 30rem
}

.painter__left-text {
  font-size: 12rem;
  line-height: 14rem;
  font-weight: 500;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14rem
}

.painter__left-text img.coin, .painter__left-text span {
  display: inline-block;
  vertical-align: middle
}

.painter__left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20rem;
  margin-top: 20rem
}

.painter__left-bottom .file-label, .painter__left-bottom .input {
  height: 30rem;
  width: 150rem
}

.painter__left-bottom .file-label input, .painter__left-bottom .input input {
  font-family: var(--nato);
  font-size: 12rem;
  line-height: 100%
}

.painter__left-bottom .custom-file {
  width: 150rem
}

.painter__right {
  margin-left: auto;
  margin-top: 42rem;
  margin-right: 79rem
}

.painter__right-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 12rem;
  text-align: center;
  font-weight: 500;
  margin-top: 17rem
}

.painter__right-button {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 10rem
}

.painter__enter-room, .painter__right-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem
}

.painter__enter-room {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -15rem
}

.painter__enter-room-label {
  font-size: 14rem;
  font-weight: 700
}

.painter__enter-room-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem
}

.painter__enter-room-form .file-label, .painter__enter-room-form .input {
  min-width: 150rem
}

.painter__enter-room-form .btn__gradient, .painter__enter-room-form .file-label, .painter__enter-room-form .input {
  height: 32rem
}

.painter-carousel {
  width: 184rem;
  height: 215rem;
  position: relative;
  padding: 11rem 11rem 0
}

.painter-carousel:after {
  content: "";
  display: block;
  width: 100%;
  height: 186rem;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/painter-ramka-photo.png);
  background-size: 100% 100%;
  z-index: 9
}

.painter-carousel__item {
  width: 160rem;
  height: 215rem
}

.painter-carousel__item img {
  width: 160rem;
  height: 160rem
}

.painter-carousel.owl-carousel .owl-nav button.owl-next, .painter-carousel.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 77rem;
  z-index: 99
}

.painter-carousel.owl-carousel .owl-nav button.owl-next:hover, .painter-carousel.owl-carousel .owl-nav button.owl-prev:hover {
  background: none
}

.painter-carousel.owl-carousel .owl-nav button.owl-next {
  right: -30rem
}

.painter-carousel.owl-carousel .owl-nav button.owl-prev {
  left: -42rem
}

.painter-admin {
  width: 610rem;
  height: calc(100% - 10rem);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.painter-admin, .painter-admin__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.painter-admin__bottom {
  padding: 5rem;
  height: calc(100% - 35rem);
  background: rgba(24, 24, 32, .8)
}

.painter-admin__content {
  padding: 17rem 31rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 13rem;
  height: calc(100% - 10rem);
  position: relative;
  z-index: 10;
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.painter-admin__content, .painter-admin__item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.painter-admin__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 160rem
}

.painter-admin__item-img img {
  max-width: 100%
}

.painter-admin__item-title {
  font-size: 12rem;
  color: #fff
}

.painter-admin__item-text {
  font-size: 12rem;
  color: #b7ada4
}

.painter-cutter {
  background: rgba(24, 19, 17, .6);
  height: calc(100% - 50rem);
  border-radius: 20rem;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: -50rem;
  position: relative;
  z-index: 0;
  padding: 0 5rem 10rem;
  gap: 10rem
}

.painter-cutter, .painter-cutter__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.painter-cutter__title {
  margin-left: 178rem;
  background: url(../images/painter-cutter-title1.png), rgba(45, 14, 34, .7);
  padding: 15rem 40rem;
  min-width: 264rem;
  min-height: 60rem;
  background-size: 100% 100% !important;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -30rem
}

.painter-cutter__title span {
  font-size: 24rem;
  font-family: var(--brg)
}

.painter-cutter__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  row-gap: 10rem;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.painter-cutter__item, .painter-cutter__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start
}

.painter-cutter__item {
  background: url(../images/painter-cutter-item.png) no-repeat top;
  background-size: 100% 100% !important;
  width: 345rem;
  height: 354rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  padding: 48rem 25rem 0;
  gap: 13rem;
  margin-right: -10rem
}

.painter-cutter__item, .painter-cutter__item-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.painter-cutter__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 34rem;
  font-size: 12rem;
  padding: 0
}

.painter-cutter__item-title span {
  color: hsla(0, 0%, 100%, .7)
}

.painter-cutter__item-title small {
  color: hsla(0, 0%, 58.4%, .7);
  font-size: 12rem
}

.painter-cutter__item-text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 12rem;
  padding: 0 25rem;
  height: 210rem
}

.painter-cutter__item-text, .painter-cutter__item-text .bl-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.painter-cutter__item-text .bl-scroll {
  padding: 0 10rem 0 0
}

.painter-cutter__item-text b {
  margin-bottom: 10rem;
  text-align: center;
  color: #fff;
  font-size: 12rem
}

.painter-cutter__item-text span {
  color: #959595
}

.painter-buyer {
  width: 675rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.painter-buyer, .painter-buyer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.painter-buyer__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15rem;
  padding-right: 10rem;
  height: calc(100% - 55rem);
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.painter-buyer__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.painter-buyer__item .btn__gradient {
  position: relative;
  z-index: 1
}

.painter-buyer__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 208rem;
  height: 203rem
}

.painter-buyer__img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/painter-buyer.png);
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  background-position: 50% !important;
  z-index: 1
}

.painter-buyer__img img {
  position: relative;
  z-index: 0;
  width: 160rem
}

.painter-buyer__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
  background: #0f0d0c;
  padding: 5rem;
  margin-top: -20rem;
  position: relative;
  z-index: 1
}

.painter-buyer__item-text:before {
  border-radius: 0
}

.painter-buyer__item-title {
  color: #e2e2e2;
  font-family: var(--brg);
  font-size: 18rem;
  text-align: center
}

.painter-buyer__item-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #e2e2e2;
  font-size: 12rem
}

.painter-buyer__right {
  width: 370rem;
  margin-left: -20rem
}

.painter-info {
  background: url(../images/painter-buyer-right.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  height: 456rem;
  padding: 117rem 90rem 30rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem
}

.painter-info__title {
  font-size: 14rem;
  text-align: center
}

.painter-info__name {
  color: #fff;
  font-size: 12rem;
  text-align: center
}

.painter-info .textarea {
  height: 180rem
}

.painter-info .textarea textarea {
  font-family: var(--nato);
  text-align: center
}

.painter-info__text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 12rem;
  text-align: center
}

.painter-info__text, .painter-work__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.painter-work__list {
  gap: 20rem;
  padding-right: 10rem
}

.painter-work__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.painter-work__item-left, .painter-work__item-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.painter-work__item-right {
  gap: 10rem
}

.painter-work__item-right .file-label, .painter-work__item-right .input {
  height: 24rem
}

.painter-work__item-right .file-label input, .painter-work__item-right .input input {
  font-size: 14rem
}

.painter-work__item-btn {
  gap: 10rem
}

.painter-work__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.painter-work__item-info span {
  color: #e2e2e2;
  font-size: 12rem;
  line-height: 14rem;
  gap: 5rem
}

.painter-work__item-form, .painter-work__item-info span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.painter-work__item-form {
  gap: 10rem
}

.painter-work__item-form .label {
  color: #e2e2e2;
  font-size: 12rem;
  line-height: 14rem
}

.painter-work__item-form .file-label, .painter-work__item-form .input {
  max-width: 60rem
}

.painter-work__create {
  gap: 20rem
}

.painter-work__create .file-label, .painter-work__create .input {
  height: 24rem
}

.painter-work__create .file-label input, .painter-work__create .input input {
  font-size: 14rem
}

.painter-work__create-title {
  font-family: var(--brg);
  font-size: 22rem;
  text-align: center
}

.reg {
  width: 100%;
  height: 100%;
  z-index: 1
}

.reg, .reg__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

.reg__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: calc(100% - 93rem);
  gap: 10rem;
  z-index: 4
}

.reg__bl {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%
}

.reg-tab, .reg__bl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.reg-tab {
  height: calc(100% - 10rem);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem
}

.reg-tab__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5rem 20rem;
  margin: 0 -20rem;
  background: rgba(0, 0, 0, .4);
  border-radius: 20rem;
  gap: 20rem
}

.reg-tab__link {
  height: 38rem;
  padding: 9rem 15rem;
  gap: 5rem;
  text-decoration: none;
  font-size: 14rem;
  font-family: var(--brg);
  background: url(../images/reg-tab-l.png), url(../images/reg-tab-r.png), url(../images/reg-tab-h.png), url(../images/reg-tab-h.png);
  background-repeat: no-repeat, no-repeat, repeat-x, repeat-x;
  background-position: 0 0, 100% 0, top, bottom;
  background-size: 7rem 100%, 7rem 100%, 100% 9rem, 100% 9rem
}

.reg-tab__bottom {
  padding: 5rem;
  height: calc(100% - 35rem);
  background: rgba(24, 24, 32, .8)
}

.reg-tab__content {
  width: 100%;
  padding: 17rem 31rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 13rem;
  height: calc(100% - 10rem);
  position: relative;
  z-index: 10;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.reg-table {
  width: 100%;
  color: #fff;
  -webkit-border-horizontal-spacing: 5rem;
  -webkit-border-vertical-spacing: 5rem
}

.reg-table td, .reg-table th {
  padding: 8rem 12rem;
  text-align: center;
  font-size: 12rem
}

.reg-table thead th {
  color: #dcdcdc;
  background-color: rgba(247, 241, 236, .1);
  font-size: 16rem;
  font-family: var(--brg)
}

.reg-table tbody tr {
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}

.reg-table tbody tr:nth-child(2n) td {
  background: rgba(247, 241, 236, .05)
}

.reg-table tbody tr td {
  background: rgba(247, 241, 236, .01)
}

.reg-table tbody tr td input {
  color: #9ab2c4;
  background: none;
  border: none;
  -webkit-box-shadow: npne;
  box-shadow: npne;
  outline: none;
  text-decoration: underline
}

.reg-table tbody tr td input:hover {
  color: #aad4ff
}

.reg-table tbody tr td b {
  font-weight: 700
}

.reg-table tbody tr td.reg-table__desc {
  font-size: 18rem;
  font-family: var(--brg);
  background: rgba(17, 15, 16, .3)
}

.reg-table img {
  vertical-align: middle;
  margin-right: 5rem
}

.reg-control {
  padding: 5rem;
  height: 100%;
  background: rgba(24, 24, 32, .8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.reg-control__content {
  padding: 17rem 31rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: calc(100% - 30rem);
  z-index: 10;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15rem
}

.opushka, .reg-control__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.opushka {
  height: 100%;
  z-index: 1
}

.opushka, .opushka__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.opushka__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: calc(100% - 50rem);
  gap: 10rem;
  position: relative;
  z-index: 4
}

.opushka__bl, .opushka__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.opushka__bl {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%
}

.opushka__left {
  padding: 50rem 110rem;
  background: url(../images/painter.png);
  background-size: 100% 100% !important;
  background-position: 50% !important;
  width: 600rem;
  height: 400rem
}

.opushka__left-title {
  font-size: 22rem;
  line-height: 22rem;
  font-family: var(--brg);
  text-align: center;
  margin-bottom: 30rem
}

.opushka__left-text {
  font-size: 12rem;
  line-height: 14rem;
  font-weight: 500;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14rem
}

.opushka__left-text img.coin, .opushka__left-text span {
  display: inline-block;
  vertical-align: middle
}

.opushka__left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20rem;
  margin-top: 20rem
}

.opushka__left-bottom .file-label, .opushka__left-bottom .input {
  height: 30rem;
  width: 150rem
}

.opushka__left-bottom .file-label input, .opushka__left-bottom .input input {
  font-family: var(--nato);
  font-size: 12rem;
  line-height: 100%
}

.opushka__left-bottom .custom-file {
  width: 150rem
}

.opushka__right {
  margin-left: auto;
  margin-top: 42rem;
  margin-right: 79rem
}

.opushka__right-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 12rem;
  text-align: center;
  font-weight: 500;
  margin-top: 17rem
}

.opushka__right-button {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 10rem
}

.opushka__enter-room, .opushka__right-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem
}

.opushka__enter-room {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -15rem
}

.opushka__enter-room-label {
  font-size: 14rem;
  font-weight: 700
}

.opushka__enter-room-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem
}

.opushka__enter-room-form .file-label, .opushka__enter-room-form .input {
  min-width: 150rem
}

.opushka__enter-room-form .btn__gradient, .opushka__enter-room-form .file-label, .opushka__enter-room-form .input {
  height: 32rem
}

.opushka-content {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.opushka-content, .opushka-content__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.opushka-content__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15rem;
  padding-right: 10rem;
  height: calc(100% - 45rem);
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.opushka-content__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.opushka-content__item .btn__gradient {
  position: relative;
  z-index: 1
}

.opushka-content__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 208rem;
  height: 203rem
}

.opushka-content__img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/painter-buyer.png);
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  background-position: 50% !important;
  z-index: 1
}

.opushka-content__img img {
  position: relative;
  z-index: 0;
  width: 160rem
}

.opushka-buy, .opushka-buy__header {
  position: relative;
  z-index: 1
}

.opushka-buy__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.opushka-buy .bl-scroll {
  padding-right: 10rem;
  height: calc(100% - 35rem)
}

.opushka-buy__content {
  width: 760rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: rgba(22, 14, 6, .7);
  position: relative;
  padding-bottom: 12rem;
  margin-bottom: 10rem;
  display: none
}

.opushka-buy__content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.opushka-buy__content:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3rem;
  background: url(../images/opushka-ramka-ta.png), url(../images/opushka-ramka-ta.png), url(../images/opushka-ramka-h.png), url(../images/opushka-ramka-h.png), url(../images/opushka-ramka-v.png), url(../images/opushka-ramka-v.png);
  background-repeat: no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y !important;
  background-position: 0 0, 100% 0, top, bottom, left 0 center, right 0 center !important;
  background-size: 13rem auto, 13rem auto, auto 12rem, auto 12rem, 13rem auto, 13rem auto !important;
  -webkit-box-shadow: 0 0 5rem 2rem #000;
  box-shadow: 0 0 5rem 2rem #000
}

.opushka-buy__content > * {
  position: relative;
  z-index: 1
}

.opushka-buy__item {
  width: calc(33.33333% + 9rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  padding: 25rem;
  margin-right: -13rem;
  margin-bottom: -12rem;
  gap: 10rem
}

.opushka-buy__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3rem;
  background: url(../images/opushka-ramka-ta.png), url(../images/opushka-ramka-ta.png), url(../images/opushka-ramka-h.png), url(../images/opushka-ramka-h.png), url(../images/opushka-ramka-v.png), url(../images/opushka-ramka-v.png);
  background-repeat: no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y !important;
  background-position: 0 0, 100% 0, top, bottom, left 0 center, right 0 center !important;
  background-size: 13rem auto, 13rem auto, auto 12rem, auto 12rem, 13rem auto, 13rem auto !important
}

.opushka-buy__item > * {
  position: relative;
  z-index: 1
}

.opushka-buy__item-img {
  width: 50rem;
  min-width: 50rem
}

.opushka-buy__item-img img {
  max-width: 100%
}

.opushka-buy__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem
}

.opushka-buy__item-text b {
  font-size: 18rem;
  font-family: var(--brg)
}

.opushka-buy__item-text span {
  color: #fff;
  font-size: 12rem;
  line-height: 14rem
}

.opushka-buy__item-btn {
  margin-top: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.opushka-buy__item-btn .file-label, .opushka-buy__item-btn .input {
  width: 40rem;
  height: 24rem
}

.opushka-buy__item-btn .file-label input, .opushka-buy__item-btn .input input {
  font-size: 12rem;
  font-family: var(--nato)
}

.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.price img {
  width: 14rem
}

.opushka-woodman {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.opushka-woodman__header {
  z-index: 1
}

.opushka-woodman .bl-scroll {
  padding-right: 10rem;
  height: calc(100% - 35rem)
}

.opushka-woodman__content {
  width: 420rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: rgba(22, 14, 6, .7);
  position: relative;
  padding-bottom: 12rem;
  margin-bottom: 10rem;
  display: none
}

.opushka-woodman__content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.opushka-woodman__content:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3rem;
  background: url(../images/opushka-ramka-ta.png), url(../images/opushka-ramka-ta.png), url(../images/opushka-ramka-h.png), url(../images/opushka-ramka-h.png), url(../images/opushka-ramka-v.png), url(../images/opushka-ramka-v.png);
  background-repeat: no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y !important;
  background-position: 0 0, 100% 0, top, bottom, left 0 center, right 0 center !important;
  background-size: 13rem auto, 13rem auto, auto 12rem, auto 12rem, 13rem auto, 13rem auto !important;
  -webkit-box-shadow: 0 0 5rem 2rem #000;
  box-shadow: 0 0 5rem 2rem #000
}

.opushka-woodman__content > * {
  position: relative;
  z-index: 1
}

.opushka-woodman__title {
  margin-left: 200rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(../images/opushka-woodman-title.png) no-repeat 50%;
  background-size: 100% auto;
  min-height: 47rem;
  min-width: 236rem;
  padding: 10rem 60rem 0
}

.opushka-woodman__title span {
  font-size: 24rem;
  font-family: var(--brg)
}

.opushka-woodman__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background: rgba(22, 14, 6, .7);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: -12rem
}

.opushka-woodman__header:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3rem;
  background: url(../images/opushka-ramka-ta.png), url(../images/opushka-ramka-ta.png), url(../images/opushka-ramka-h.png), url(../images/opushka-ramka-h.png), url(../images/opushka-ramka-v.png), url(../images/opushka-ramka-v.png);
  background-repeat: no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y !important;
  background-position: 0 0, 100% 0, top, bottom, left 0 center, right 0 center !important;
  background-size: 13rem auto, 13rem auto, auto 12rem, auto 12rem, 13rem auto, 13rem auto !important;
  -webkit-box-shadow: 0 0 5rem 2rem #000;
  box-shadow: 0 0 5rem 2rem #000
}

.opushka-woodman__header > * {
  position: relative;
  z-index: 1
}

.opushka-woodman__link {
  padding: 15rem 25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  margin-left: -9rem
}

.opushka-woodman__link span {
  font-family: var(--brg);
  font-size: 18rem
}

.opushka-woodman__link:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3rem;
  background: url(../images/opushka-ramka-v.png);
  background-repeat: repeat-y !important;
  background-position: right 0 center !important;
  background-size: 9rem auto !important;
  -webkit-box-shadow: 0 0 5rem 2rem #000;
  box-shadow: 0 0 5rem 2rem #000
}

.opushka-woodman__link > * {
  position: relative;
  z-index: 1
}

.opushka-woodman__link:first-child {
  margin-left: 0
}

.opushka-woodman__link:last-child:after {
  display: none
}

.opushka-woodman__item {
  width: calc(50% + 6rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  padding: 25rem;
  margin-right: -13rem;
  margin-bottom: -12rem;
  gap: 10rem
}

.opushka-woodman__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3rem;
  background: url(../images/opushka-ramka-ta.png), url(../images/opushka-ramka-ta.png), url(../images/opushka-ramka-h.png), url(../images/opushka-ramka-h.png), url(../images/opushka-ramka-v.png), url(../images/opushka-ramka-v.png);
  background-repeat: no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y !important;
  background-position: 0 0, 100% 0, top, bottom, left 0 center, right 0 center !important;
  background-size: 13rem auto, 13rem auto, auto 12rem, auto 12rem, 13rem auto, 13rem auto !important
}

.opushka-woodman__item > * {
  position: relative;
  z-index: 1
}

.opushka-woodman__item-img {
  width: 50rem;
  min-width: 50rem
}

.opushka-woodman__item-img img {
  max-width: 100%
}

.opushka-woodman__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem
}

.opushka-woodman__item-text b {
  font-size: 18rem;
  font-family: var(--brg);
  height: 42px
}

.opushka-woodman__item-text span {
  color: #fff;
  font-size: 12rem;
  line-height: 14rem
}

.opushka-woodman__item-btn {
  margin-top: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.opushka-woodman__item-btn .file-label, .opushka-woodman__item-btn .input {
  width: 40rem;
  height: 24rem
}

.opushka-woodman__item-btn .file-label input, .opushka-woodman__item-btn .input input {
  font-size: 12rem;
  font-family: var(--nato)
}

.opushka-woodman__right {
  width: 370rem;
  margin-left: -20rem
}

.opushka-woodman__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20rem
}

.opushka-woodman__form input {
  font-size: 16rem
}

.opushka-woodman__captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem
}

.opushka-woodman__create {
  gap: 20rem
}

.opushka-woodman__create .file-label, .opushka-woodman__create .input, .opushka-woodman__create .select {
  height: 24rem
}

.opushka-woodman__create .file-label input, .opushka-woodman__create .file-label select, .opushka-woodman__create .input input, .opushka-woodman__create .input select, .opushka-woodman__create .select input, .opushka-woodman__create .select select {
  font-size: 16rem
}

.opushka-woodman__create-title {
  font-family: var(--brg);
  font-size: 22rem;
  text-align: center
}

.opushka-woodman__item-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem
}

.opushka-woodman__item-form .label {
  color: #e2e2e2;
  font-size: 12rem;
  line-height: 14rem
}

.opushka-woodman__item-form .file-label, .opushka-woodman__item-form .input {
  max-width: 60rem
}

.opushka-woodman__create-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20rem
}

.opushka-woodman__create-count .select {
  width: 128rem
}

.opushka-woodman__create-count .file-label, .opushka-woodman__create-count .input {
  width: 73rem
}

.enter-room {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.enter-room__label {
  font-size: 12rem
}

.enter-room__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem
}

.enter-room__form .file-label, .enter-room__form .input {
  width: 150rem;
  height: 32rem
}

.opushka-metallurg-title {
  margin-left: 200rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(../images/opushka-metallurg-title.png) no-repeat 50%;
  background-size: 100% auto;
  min-height: 47rem;
  min-width: 236rem;
  padding: 10rem 60rem 0
}

.opushka-metallurg-title span {
  font-size: 24rem;
  font-family: var(--brg)
}

.opushka-list {
  background: -webkit-gradient(linear, left top, right top, from(rgba(24, 19, 17, 0)), color-stop(20.67%, rgba(24, 19, 17, .7)), to(rgba(24, 19, 17, .7)));
  background: linear-gradient(90deg, rgba(24, 19, 17, 0), rgba(24, 19, 17, .7) 20.67%, rgba(24, 19, 17, .7));
  border-radius: 16rem;
  width: 100%;
  padding: 40rem 30rem 10rem 60rem;
  margin-top: -30rem;
  max-height: calc(100% - 80rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.opushka-list .bl-scroll {
  max-height: 100%;
  padding-right: 20rem
}

.opushka-list__content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-column-gap: 50rem;
  -moz-column-gap: 50rem;
  column-gap: 50rem;
  row-gap: 20rem
}

.opushka-list__content, .opushka-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.opushka-list__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 28rem
}

.opushka-list__item.opushka-list__woodman-item {
  background: url(../images/opushka-woodman-item.png) no-repeat top !important;
  background-size: 100% 100% !important;
  width: 270rem;
  min-height: 270rem
}

.opushka-list__item.opushka-list__metallurg-item {
  background: url(../images/opushka-metallurg-item.png) no-repeat top !important;
  background-size: 100% 100% !important;
  width: 270rem;
  min-height: 270rem
}

.opushka-list__item .btn__gradient {
  min-width: 100rem
}

.opushka-list__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.opushka-list__item-text b {
  color: #fff;
  font-size: 12rem;
  font-weight: 500
}

.opushka-list__item-text span {
  font-size: 12rem;
  color: #959595
}

.user-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 34rem;
  font-size: 12rem;
  padding: 10rem;
  background: rgba(19, 17, 22, .85);
  border-radius: 3rem
}

.user-row span {
  color: hsla(0, 0%, 100%, .7)
}

.user-row small {
  color: hsla(0, 0%, 58.4%, .7);
  font-size: 12rem
}

.opushka-change {
  margin-top: 60rem;
  margin-left: 30rem;
  width: 100%;
  max-width: 638rem;
  max-height: calc(100% - 70rem);
  padding: 0 3rem 40rem;
  background: rgba(24, 24, 32, .4);
  border-radius: 7rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.opushka-change:before {
  content: "";
  display: block;
  position: absolute;
  top: -3rem;
  left: -3rem;
  width: 100%;
  height: 100%;
  border-radius: 10rem;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) border-box;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  border: 3rem solid rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, right top, from(#95837a), color-stop(#f8f5ef), to(#95837a));
  background: linear-gradient(90deg, #95837a, #f8f5ef, #95837a)
}

.opushka-change__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -25rem;
  position: relative;
  z-index: 1;
  background: url(../images/opushka-change-title.png) no-repeat 50% !important;
  background-size: 100% 100% !important;
  padding: 5rem 55rem;
  height: 55rem
}

.opushka-change__title span {
  text-align: center;
  font-family: var(--brg);
  font-size: 22rem;
  line-height: 22rem
}

.opushka-change__title small {
  font-size: 12rem;
  color: #fff
}

.opushka-change .bl-scroll {
  width: 100%;
  position: relative;
  padding-right: 20rem;
  z-index: 1
}

.opushka-change__form {
  margin-top: 40rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30rem
}

.opushka-change__form .file-label, .opushka-change__form .input, .opushka-change__form .select {
  height: 30rem
}

.opushka-change__form .file-label input, .opushka-change__form .file-label select, .opushka-change__form .input input, .opushka-change__form .input select, .opushka-change__form .select input, .opushka-change__form .select select {
  font-family: var(--nato)
}

.opushka-change__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 350rem;
  gap: 20rem
}

.opushka-change__col, .opushka-change__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10rem
}

.opushka-change__col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.opushka-change__label {
  font-size: 12rem
}

.church {
  width: 100%;
  height: 100%;
  z-index: 1
}

.church, .church__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

.church__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: calc(100% - 50rem);
  gap: 10rem;
  z-index: 4
}

.church__bl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%
}

.church__left {
  padding: 50rem 110rem;
  background: url(../images/painter.png);
  background-size: 100% 100% !important;
  background-position: 50% !important;
  width: 600rem;
  height: 400rem
}

.church__left-title {
  font-size: 22rem;
  line-height: 22rem;
  font-family: var(--brg);
  text-align: center;
  margin-bottom: 30rem
}

.church__left-text {
  font-size: 12rem;
  line-height: 14rem;
  font-weight: 500;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14rem
}

.church__left-text img.coin, .church__left-text span {
  display: inline-block;
  vertical-align: middle
}

.church__left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20rem;
  margin-top: 20rem
}

.church__left-bottom .file-label, .church__left-bottom .input {
  height: 30rem;
  width: 150rem
}

.church__left-bottom .file-label input, .church__left-bottom .input input {
  font-family: var(--nato);
  font-size: 12rem;
  line-height: 100%
}

.church__left-bottom .custom-file {
  width: 150rem
}

.church__right {
  margin-left: auto;
  margin-top: 42rem;
  margin-right: 79rem
}

.church__right-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 12rem;
  text-align: center;
  font-weight: 500;
  margin-top: 17rem
}

.church__right-button {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 10rem
}

.church__enter-room, .church__right-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem
}

.church__enter-room {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -15rem
}

.church__enter-room-label {
  font-size: 14rem;
  font-weight: 700
}

.church__enter-room-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem
}

.church__enter-room-form .file-label, .church__enter-room-form .input {
  min-width: 150rem
}

.church__enter-room-form .btn__gradient, .church__enter-room-form .file-label, .church__enter-room-form .input {
  height: 32rem
}

.church-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.church-content, .church-content__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.church-content__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 10rem;
  height: calc(100% - 45rem);
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20rem
}

.church-content__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 215rem
}

.church-content__item-text {
  font-size: 12rem;
  color: #fff;
  line-height: 1.167;
  text-align: center;
  margin-bottom: 10rem
}

.church-content__item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10rem
}

.church-content__item-btn .btn__gradient {
  position: relative;
  z-index: 1;
  height: 40rem;
  max-width: 135rem
}

.church-content__item-btn .btn__gradient span {
  line-height: 13rem
}

.church-content__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 218rem;
  height: 213rem
}

.church-content__img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/painter-buyer.png);
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  background-position: 50% !important;
  z-index: 1
}

.church-content__img img {
  position: relative;
  z-index: 0;
  width: 170rem
}

.church-content__img-text {
  width: 75%;
  height: 37rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .2)), color-stop(47.3%, rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, .8)));
  background: linear-gradient(180deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .7) 47.3%, rgba(0, 0, 0, .8));
  font-size: 20rem;
  font-family: var(--brg);
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1
}

.church-object {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20rem;
  height: calc(100% - 100rem)
}

.church-object, .church-object__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.church-object__link {
  gap: 10rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.church-object__link .btn__gradient {
  min-width: 75rem
}

.church-object__list {
  border-radius: 0;
  padding: 15rem 5rem 15rem 20rem;
  height: calc(100% - 100rem)
}

.church-object__list:before {
  border-radius: 0
}

.church-object__content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40rem;
  height: 100%
}

.church-object__content.active, .church-object__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.church-object__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem
}

.church-object__item-title {
  font-family: var(--brg);
  font-size: 20rem
}

.church-object__item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem
}

.church-object__item-top span {
  font-size: 14rem;
  color: #fff
}

.church-object__item-top img {
  max-width: 50rem;
  max-height: 50rem
}

.church-object__item-text {
  font-size: 14rem;
  color: #fff
}

.church-prayer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100% - 100rem);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.church-prayer, .church-prayer:before {
  border-radius: 0
}

.church-prayer .bl-scroll {
  position: relative;
  z-index: 1
}

.church-prayer__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30rem;
  padding: 30rem 50rem
}

.church-prayer__title {
  font-size: 22rem;
  font-family: var(--brg);
  text-align: center
}

.church-prayer__count {
  gap: 20rem
}

.church-prayer__count span {
  color: #fff;
  font-size: 14rem
}

.church-prayer__desc {
  font-size: 18rem;
  text-align: center;
  font-family: var(--brg)
}

.church-prayer__form {
  gap: 20rem
}

.church-prayer__form, .church-prayer__form-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.church-prayer__form-btn {
  gap: 15rem
}

.church-prayer__captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
  max-width: 140rem
}

.church-prayer__captcha img {
  width: 100%
}

.church-prayer__captcha span {
  font-size: 12rem;
  color: #fff
}

.church-prayer__captcha .file-label, .church-prayer__captcha .input {
  width: 100%;
  max-width: none !important;
  height: 30rem
}

.church-prayer__form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30rem
}

.church-prayer__form-row .file-label, .church-prayer__form-row .input {
  height: 30rem;
  max-width: 90rem
}

.church-wedding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 100rem);
  gap: 10rem;
  padding-top: 20rem
}

.church-wedding__left, .church-wedding__right {
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.church-wedding__left:before, .church-wedding__right:before {
  border-radius: 0
}

.church-wedding__left {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 30rem 30rem
}

.church-wedding__left .price {
  color: #fff;
  font-size: 12rem
}

.church-wedding__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20rem
}

.church-wedding__title {
  margin-top: -18rem;
  height: 40rem;
  padding: 0 40rem
}

.church-wedding__warm {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff
}

.church-wedding__tab, .church-wedding__warm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.church-wedding__tab {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.church-wedding__bg, .church-wedding__tab-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.church-wedding__bg {
  gap: 20rem;
  background: url(../images/church-wedding-bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 15rem 25rem;
  width: 315rem;
  min-height: 130rem
}

.church-wedding__bg-left {
  font-size: 12rem
}

.church-wedding__bg-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.church-wedding__right {
  width: 40%;
  padding: 30rem
}

.church-wedding__desc {
  font-size: 22rem;
  font-family: var(--brg)
}

.church-hall {
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: calc(100% - 180rem);
  margin-top: 80rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0;
  padding: 0 30rem 10rem
}

.church-hall__title {
  background: url(../images/church-hall-title.png) no-repeat;
  background-size: 100% 100%;
  margin-top: -45rem;
  height: 90rem;
  padding: 0 50rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: var(--brg);
  font-size: 22rem;
  margin-bottom: 20rem;
  text-align: center
}

.church-hall__content, .church-hall__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1
}

.church-hall__content {
  height: calc(100% - 64rem);
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20rem
}

.church-hall__warning {
  text-align: center;
  color: #fff
}

.church-hall__table {
  width: 330rem;
  color: #fff
}

.church-hall__table td {
  padding: 5rem 10rem
}

.church-hall__table-th {
  font-size: 20rem;
  font-family: var(--brg)
}

.res {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem;
  position: absolute;
  right: 0;
  top: 5rem
}

.res span {
  font-size: 12rem;
  color: #e2e2e2
}

.res .coin {
  width: 20rem
}

.res .point {
  width: 14rem
}

.church-content__img-text, .hcc, .painter-work__item-btn, .reg-tab__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.vcc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.opushka-woodman__create, .painter-work__create, .vc, .vcc {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.church-object__item-text, .opushka-woodman__create, .painter-work__create, .v, .vc, .vcc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.church-prayer__count, .hjc {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.church-prayer__count, .hj, .hjc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.c-brown {
  color: #603913
}

.h-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto
}

.btn__gradient-invert span, .c-silver, .church-content__img-text span, .church-hall__table-th, .church-object__item-title, .church-prayer__desc, .church__enter-room-label, .enter-room__label, .garden-shop__header a, .opushka-change__label, .opushka-woodman__link span, .opushka__enter-room-label, .painter__enter-room-label, .reg-tab__link span, .reg-table tbody tr td.reg-table__desc, .smithy-artifact__right-desc, .smithy-gov__item b, .smithy-modarm__artifact-text b, .smithy-persarm__right-title, .smithy-persarm__title span, .smithy-specarm__right-title, .smithy-specarm__title span, .smithy-studio-pers__item-title b, .smithy__enter-room-label {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #95837a), color-stop(50%, #f8f5ef), to(#95837a));
  background-image: linear-gradient(180deg, #95837a 10%, #f8f5ef 50%, #95837a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.c-gold, .church-hall__table .price span, .church-prayer__title, .church-wedding__desc, .church__left-title, .dealer__hiden-text .row b, .dealer__hiden-text > b, .garden-building__label, .garden-building__title span, .garden-caller__item-text b, .garden-kitchen__title, .garden-shop__form-label, .garden-shop__header a.active, .garden-shop__header a:hover, .garden-shop__item-text b, .garden__right-left b, .modal__title-gold, .opushka-buy__item-text b, .opushka-change__title span, .opushka-metallurg-title span, .opushka-woodman__create-title, .opushka-woodman__item-text b, .opushka-woodman__link.active span, .opushka-woodman__link:hover span, .opushka-woodman__title span, .opushka__left-title, .painter-cutter__title span, .painter-info__title, .painter-work__create-title, .painter__left-title, .smithy-artifact__title span, .smithy-cutter-pers__item-title, .smithy-cutter-pers__title b, .smithy-cutter-pers__title span, .smithy-gov__form-label, .smithy-gov__form-label span {
  background: -webkit-gradient(linear, right top, left top, from(#d9a960), color-stop(50%, #faeed4), to(#eac687));
  background: linear-gradient(-90deg, #d9a960, #faeed4 50%, #eac687);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media (max-width: 1450px) {
  html {
    font-size: .0492615vw
  }

  html.fz16 {
    --fz: 0.078817714vw
  }

  html.fz15 {
    --fz: 0.073891607vw
  }

  html.fz14 {
    --fz: 0.0689655vw
  }

  html.fz13 {
    --fz: 0.064039393vw
  }

  html.fz12 {
    --fz: 0.059113286vw
  }

  html.fz11 {
    --fz: 0.054187179vw
  }

  html.fz10 {
    --fz: 0.049261071vw
  }

  html.fz9 {
    --fz: 0.044334964vw
  }

  html.fz8 {
    --fz: 0.039408857vw
  }

  html.fz7 {
    --fz: 0.03448275vw
  }

  html.fz6 {
    --fz: 0.029556643vw
  }

  html {
    font-size: var(--fz)
  }
}