@font-face {
  font-family: "Felidae";
  src: url("../fonts/Felidae.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --font-family: "Felidae", Georgia, serif;
  --second-family: "Open Sans", Arial, sans-serif;

  --current-size: 1920;
}

html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
}

body {
  background: #000;
  background-image: url(../img/sots.png);
  background-repeat: repeat-y;
  background-size: contain;
}

.container {
  width: calc((1800 / var(--current-size)) * 100vw);
  margin: 0 auto;
}

.container-full {
  width: 100%;
  margin: 0 auto;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #ffffff17;
  backdrop-filter: blur(3px);
  --webkit-backdrop-filter: blur(3px);
  background: rgba(0, 0, 0, 0.548) 000;
  z-index: 999;
}

.btn-call {
  margin: calc((30 / var(--current-size)) * 100vw) auto 0 auto;
  width: 20%;
  background: #e2b087;
  padding: calc((16 / var(--current-size)) * 100vw) 0;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

policy-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.pogs {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc((30 / var(--current-size)) * 100vw);
}

.pogs span {
  background: #e2b087;
  width: calc((10 / var(--current-size)) * 100vw);
  height: calc((10 / var(--current-size)) * 100vw);
}

.policy-text > h1 {
  color: #fff;
  font-family: var(--second-family);
  font-size: calc((32 / var(--current-size)) * 100vw);
  margin-bottom: calc((30 / var(--current-size)) * 100vw);
}

#policy {
  padding-top: calc((120 / var(--current-size)) * 100vw);
}

.policy-text > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.policy-text > div p,
.policy-text > div span,
.policy-text > div {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: calc((16 / var(--current-size)) * 100vw);
  line-height: 164%;
  color: #fff;
}

.header-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  position: relative;
  height: calc((80 / var(--current-size)) * 100vw);
}

.header-menu {
  display: flex;
  align-items: center;
  gap: calc((30 / var(--current-size)) * 100vw);
  list-style: none;
}

.header-menu li a {
  font-family: var(--font-family);
  color: #e2b087;
  font-size: calc((24 / var(--current-size)) * 100vw);
  transition: 0.3s ease;
}
.header-menu li a:hover {
  color: #fff;
  transition: 0.3s ease;
}

.header-logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

#nav-toggle {
  display: none;
}

.header-logo img {
  width: calc((160 / var(--current-size)) * 100vw);
  height: auto;
}

.header-links {
  display: flex;
  align-items: center;
}

.header-data {
  display: flex;
  align-items: center;
}

.header-data > p {
  font-family: var(--font-family);
  color: #fff;
  font-size: calc((16 / var(--current-size)) * 100vw);
  margin: 0 calc((80 / var(--current-size)) * 100vw) 0
    calc((160 / var(--current-size)) * 100vw);
  text-align: center;
}

.header-data div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.header-data div p {
  font-family: var(--font-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
}

.header-data div a {
  font-family: var(--font-family);
  color: #e2b087;
  font-size: calc((24 / var(--current-size)) * 100vw);
}

.header-social {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--current-size)) * 100vw);
}

.header-social a img {
  width: calc((40 / var(--current-size)) * 100vw);
  height:  calc((40 / var(--current-size)) * 100vw);
}

#hero {
  width: 100%;
  height: calc((953 / var(--current-size)) * 100vw);
  background-image: url(../img/hero.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  /* animation: identifier 30s linear infinite; */
  position: relative;
}

#hero:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 1) 100%
  );
  pointer-events: none;
}

#hero .container {
  height: 100%;
}

/* @keyframes identifier {
  0% {
    background-size: 100%;

    background-position: 0% 0%;
  }

  25% {
    background-size: 120%;
    background-position: 80% 80%;
  }

  50% {
    background-size: 120%;
    background-position: 100% 100%;
  }

  100% {
    background-size: 100%;
    background-position: 0% 0%;
  }
} */

.hero-wrapper {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}

.hero-wrapper > div {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 20%;
  left: 58%;
  transform: translate(-50%, 0);
}

.hero-wrapper > p {
  font-family: var(--font-family);
  color: #fff;
  font-size: calc((30 / var(--current-size)) * 100vw);
  margin-top: auto;
  width: calc((900 / var(--current-size)) * 100vw);
  margin-bottom: calc((60 / var(--current-size)) * 100vw);
  margin-left: calc((60 / var(--current-size)) * 100vw);
  position: relative;
  z-index: 2;
}

.hero-wrapper > div p:nth-child(3) {
  margin-left: auto;
  margin-right: calc((60 / var(--current-size)) * 100vw);
}

.hero-wrapper div p {
  font-family: var(--font-family);
  color: #fff;
  font-size: calc((90 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

.hero-wrapper > div a {
  margin-left: auto;
  margin-right: calc((60 / var(--current-size)) * 100vw);
  font-family: var(--second-family);
  color: #ffffff;
  font-size: calc((24 / var(--current-size)) * 100vw);
  padding: calc((24 / var(--current-size)) * 100vw)
    calc((60 / var(--current-size)) * 100vw);
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  outline: calc((2 / var(--current-size)) * 100vw) solid #e2b087;
  outline-offset: calc((3 / var(--current-size)) * 100vw);
  /* background: #e2b08765; */
  backdrop-filter: blur(3px);
}

#stocks {
  padding: calc((120 / var(--current-size)) * 100vw) 0;
  overflow: hidden;
  position: relative;
}

#stocks:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc((100 / var(--current-size)) * 100vw);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.stocks-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((40 / var(--current-size)) * 100vw);
}

.title {
  font-family: var(--font-family);
  color: #fff;
  font-size: calc((80 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

.stocks {
  width: calc((1400 / var(--current-size)) * 100vw);
  overflow: visible !important;
}

.stocks-slide {
  height: calc((380 / var(--current-size)) * 100vw);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: calc((20 / var(--current-size)) * 100vw);
}

.stocks-slide:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 98%;
  height: 96%;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  z-index: 2;
}

.stocks-slide:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    178deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  z-index: 1;
}

.stocks-slide > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.stock-slide-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}

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

.stocks-paginations span {
  width: calc((20 / var(--current-size)) * 100vw);
  height: calc((20 / var(--current-size)) * 100vw);
  background: #000;
  border: 1px solid #e2b087;
}

.stocks-paginations span.swiper-pagination-bullet-active {
  background: #e2b087;
}

.stock-slide-head p {
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
  padding: calc((10 / var(--current-size)) * 100vw)
    calc((20 / var(--current-size)) * 100vw);
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
}

.stock-slide-head a img {
  width: calc((35 / var(--current-size)) * 100vw);
 height:  calc((35 / var(--current-size)) * 100vw);;
}

.stock-slide-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
  z-index: 2;
  gap: calc((12 / var(--current-size)) * 100vw);
}

.stock-slide-text p {
  font-family: var(--font-family);
  color: #fff;
  font-size: calc((24 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

.stock-slide-text span {
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

#masters {
  padding: calc((120 / var(--current-size)) * 100vw) 0;
}

.masters-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: calc((40 / var(--current-size)) * 100vw);
}

#faq .title {
  text-align: center;
}

.faq-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style: none;
  gap: calc((20 / var(--current-size)) * 100vw);
  width: 100%;
}

.faq-item {
  border-radius: 20px;
  padding: calc((20 / var(--current-size)) * 100vw)
    calc((40 / var(--current-size)) * 100vw);
  background: linear-gradient(
    50deg,
    rgba(13, 13, 13, 1) 0%,
    rgba(40, 40, 40, 1) 100%
  );
  border-top: 1px solid #e2b08725;
  border-right: 1px solid #e2b08725;
  box-shadow:
    rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
    rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  cursor: pointer;
  display: grid;
  grid-template-rows: auto 0fr;
  transition: grid-template-rows 0.3s ease;
  width: 100%;
}

.faq-item-head {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  gap: 34px;
}

.faq-item-head p {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: calc((30 / var(--current-size)) * 100vw);
  color: #ffffff;
  transition: 0.3s ease;
}

.faq-item-head span {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((60 / var(--current-size)) * 100vw);
  height: calc((60 / var(--current-size)) * 100vw);
  border-radius: 50%;
  border-top: 1px solid #e2b08725;
  border-right: 1px solid #e2b08725;
  box-shadow:
    rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
    rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  background: #e2b08725;
}

.faq-item-head span img {
  width: calc((24 / var(--current-size)) * 100vw);
  height: calc((24 / var(--current-size)) * 100vw);
  transition: 0.3s ease;
}

.answer {
  min-height: 0;
  overflow: hidden;
  visibility: hidden;
  margin-top: 0;
  font-weight: 400;
  font-size: calc((24 / var(--current-size)) * 100vw);
  transition: 0.3s linear;
  color: #fff;
  display: flex;
  font-family: var(--second-family);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.answer a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}

.answer ol,
.answer ul {
  padding-left: calc((30 / var(--current-size)) * 100vw);
}

.answer ul {
  list-style: disc;
}

.faq-item.active {
  grid-template-rows: auto 1fr;
}

.faq-item.active .answer {
  visibility: visible;
  margin-top: calc((10 / var(--current-size)) * 100vw);
  transition: 0.3s linear;
}

.faq-item.active .faq-item-head span img {
  transform: rotate(45deg);
  transition: 0.3s ease;
}

#faq {
  padding: calc((100 / var(--current-size)) * 100vw) 0;
}

.faq-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((80 / var(--current-size)) * 100vw);
}

.seos {
  font-family: var(--font-family);
  color: #fff;
  font-size: calc((30 / var(--current-size)) * 100vw);
  margin-top: auto;
  width: calc((1200 / var(--current-size)) * 100vw);
  margin: calc((30 / var(--current-size)) * 100vw) 0;
  position: relative;
  text-align: center;
  z-index: 2;
}

.masters-items {
  display: flex;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
  gap: calc((20 / var(--current-size)) * 100vw);
}
.masters-items li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((20 / var(--current-size)) * 100vw);
}

.master-item-img {
  width: calc((435 / var(--current-size)) * 100vw);
  height: calc((500 / var(--current-size)) * 100vw);
  position: relative;
}

.master-item-img > span {
  position: absolute;
  top: calc((20 / var(--current-size)) * 100vw);
  left: calc((20 / var(--current-size)) * 100vw);
  z-index: 1;
  background: #0000009a;
  padding: calc((6 / var(--current-size)) * 100vw)
    calc((12 / var(--current-size)) * 100vw);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
}

.master-item-img:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  z-index: 2;
  box-shadow: 0 0 35px 20px #000;
}

.master-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s ease;
}

.master-item-img img:first-child {
  opacity: 1;
}

.master-item-img img:last-child {
  opacity: 0;
}

.masters-items li:hover .master-item-img img:first-child {
  opacity: 0;
}

.masters-items li:hover .master-item-img img:last-child {
  opacity: 1;
}

.master-item-data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: calc((10 / var(--current-size)) * 100vw);
}

.master-item-data p {
  font-family: var(--font-family);
  color: #fff;
  font-size: calc((44 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

.master-item-data ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.master-item-data li {
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
}

.master-item-btns {
  width: 100%;
  display: flex;
  align-items: center;
  gap: calc((10 / var(--current-size)) * 100vw);
}

.master-item-btns > a {
  width: 100%;
  background: #e2b087;
  padding: calc((16 / var(--current-size)) * 100vw) 0;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

.master-item-btns > a:last-child {
  background: initial;
}

.masters-wrapper > a {
  margin: calc((30 / var(--current-size)) * 100vw) auto 0 auto;
  width: 20%;
  background: #e2b087;
  padding: calc((16 / var(--current-size)) * 100vw) 0;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

#programms {
  padding: calc((120 / var(--current-size)) * 100vw) 0;
  overflow: hidden;
}

.programms-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((90 / var(--current-size)) * 100vw);
}

.programms-items {
  display: flex;
  align-items: stretch;
  width: 100%;
  flex-wrap: wrap;
  gap: calc((20 / var(--current-size)) * 100vw);
}

.programm-item {
  width: calc((586 / var(--current-size)) * 100vw);
  padding: calc((20 / var(--current-size)) * 100vw);
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  outline: calc((2 / var(--current-size)) * 100vw) solid #e2b087;
  outline-offset: calc((3 / var(--current-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.programm-item:nth-child(1) {
  transform: rotate(358deg);
  position: relative;
  z-index: 1;
}

.programm-item:nth-child(2) {
  position: relative;
  z-index: 2;
  top: -50px;
}

.programm-item:nth-child(3) {
  transform: rotate(2deg);
  position: relative;
  z-index: 1;
}

.programms-all .programm-item:nth-child(1) {
  transform: none;
  position: relative;
  z-index: 1;
}

.programms-all .programm-item:nth-child(2) {
  position: relative;
  z-index: 2;
  top: 0;
}

.programms-all .programm-item:nth-child(3) {
  transform: none;
  position: relative;
  z-index: 1;
}

.programm-item > img {
  width: 100%;
  height: calc((586 / var(--current-size)) * 100vw);
  object-fit: cover;
}

.programm-item ul {
  display: flex;
  align-items: center;
  gap: calc((30 / var(--current-size)) * 100vw);
  margin-top: auto;
}

.programm-item > p {
  font-family: var(--font-family);
  color: #fff;
  font-size: calc((36 / var(--current-size)) * 100vw);
  transition: 0.3s ease;
  margin: calc((10 / var(--current-size)) * 100vw) 0
    calc((20 / var(--current-size)) * 100vw) 0;
}

.programm-item ul li {
  display: flex;
  align-items: center;
  gap: calc((10 / var(--current-size)) * 100vw);
}

.programm-item ul li img {
  width: calc((30 / var(--current-size)) * 100vw);
  height: calc((30 / var(--current-size)) * 100vw);;
}

.programm-item ul li p {
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

.programms-wrapper > a {
  margin: calc((-60 / var(--current-size)) * 100vw) auto 0 auto;
  width: 20%;
  background: #e2b087;
  padding: calc((16 / var(--current-size)) * 100vw) 0;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

.programms-item-btns {
  width: 100%;
  display: flex;
  align-items: center;
  gap: calc((10 / var(--current-size)) * 100vw);
  margin-top: calc((20 / var(--current-size)) * 100vw);
}

.programms-item-btns > a {
  width: 100%;
  background: #e2b087;
  padding: calc((16 / var(--current-size)) * 100vw) 0;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

.programms-item-btns > a:last-child {
  background: initial;
}

#serf {
  padding: calc((120 / var(--current-size)) * 100vw) 0;
}

.serf-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((80 / var(--current-size)) * 100vw);
}

.serf-wrapper > a {
  margin: calc((30 / var(--current-size)) * 100vw) auto 0 auto;
  width: 20%;
  background: #e2b087;
  padding: calc((16 / var(--current-size)) * 100vw) 0;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

.serf-imgs {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  height: calc((460 / var(--current-size)) * 100vw);
}

.serf-imgs:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc((460 / var(--current-size)) * 100vw);
  height: calc((460 / var(--current-size)) * 100vw);
  border-radius: 50%;
  background: #fff;
  filter: blur(200px);
}

.serf-imgs img:first-child {
  position: absolute;
  top: 0;
  left: 20%;
  transform: translate(-50%, 0);
  width: calc((660 / var(--current-size)) * 100vw);
  transform: rotate(20deg);
  z-index: 2;
}

.serf-imgs img:last-child {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((600 / var(--current-size)) * 100vw);
  transform: rotate(-20deg) scale(0.8);
  z-index: 1;
}

#interier {
  padding: calc((120 / var(--current-size)) * 100vw) 0;
}

.interier-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((40 / var(--current-size)) * 100vw);
}

.interier-items {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc((10 / var(--current-size)) * 100vw);
}

.interier-items div {
  width: calc((593 / var(--current-size)) * 100vw);
  height: calc((500 / var(--current-size)) * 100vw);
  overflow: hidden;
  position: relative;
  display: none;
}

.interier-items div:nth-child(1) {
  display: flex;
}

.interier-items div:nth-child(2) {
  display: flex;
}
.interier-items div:nth-child(3) {
  display: flex;
}
.interier-items div:nth-child(4) {
  display: flex;
}
.interier-items div:nth-child(5) {
  display: flex;
}
.interier-items div:nth-child(6) {
  display: flex;
}

.interier-items div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  outline: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  outline-offset: calc((-10 / var(--current-size)) * 100vw);
  pointer-events: none;
}

.interier-items div img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 1.5s ease;
}

.interier-items div:hover img {
  transform: scale(1.1);
  transition: all 1.5s ease;
}

#vocancy {
  padding: calc((120 / var(--current-size)) * 100vw) 0;
  overflow: hidden;
}

.vocancy-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((40 / var(--current-size)) * 100vw);
}

.vocancy-items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
  gap: calc((10 / var(--current-size)) * 100vw);
}

.vocancy-items li {
  width: calc((894 / var(--current-size)) * 100vw);
  display: flex;
  align-items: center;
  gap: calc((80 / var(--current-size)) * 100vw);
}

.vocancy-items li:nth-child(1) {
  flex-direction: row-reverse;
}

.vocancy-items li:nth-child(3) {
  flex-direction: row-reverse;
}

.vocancy-items img {
  width: calc((400 / var(--current-size)) * 100vw);
  height: calc((400 / var(--current-size)) * 100vw);
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
}

.vocancy-items li div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((30 / var(--current-size)) * 100vw);
  position: relative;
}

.vocancy-items li div:after {
  content: "";
  position: absolute;
  top: calc((70 / var(--current-size)) * 100vw);
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(226, 176, 135, 0) 0%,
    rgba(226, 176, 135, 1) 53%,
    rgba(226, 176, 135, 0) 100%
  );
}

.vocancy-items li div p {
  font-family: var(--font-family);
  color: #e2b087;
  font-size: calc((50 / var(--current-size)) * 100vw);
  transition: 0.3s ease;
  text-align: center;
}

.vocancy-items li div span {
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((24 / var(--current-size)) * 100vw);
  transition: 0.3s ease;
  text-align: center;
}

.vocancy-items-wrapper {
  position: relative;
}

.vocancy-items-wrapper > div {
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  width: calc((300 / var(--current-size)) * 100vw);
  height: calc((200 / var(--current-size)) * 100vw);
}

.vocancy-items-wrapper > div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#contacts {
  padding: calc((120 / var(--current-size)) * 100vw) 0 0 0;
}

.contacts-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((40 / var(--current-size)) * 100vw);
}

.map {
  width: 100%;
  height: calc((500 / var(--current-size)) * 100vw);
  position: relative;
}

.map:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc((1 / var(--current-size)) * 100vw);
  background: linear-gradient(
    90deg,
    rgba(226, 176, 135, 0) 0%,
    rgba(226, 176, 135, 1) 53%,
    rgba(226, 176, 135, 0) 100%
  );
}

.map:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc((1 / var(--current-size)) * 100vw);
  background: linear-gradient(
    90deg,
    rgba(226, 176, 135, 0) 0%,
    rgba(226, 176, 135, 1) 53%,
    rgba(226, 176, 135, 0) 100%
  );
}

.map iframe {
  width: 100%;
  height: 100%;
  filter: grayscale(1) invert(1) brightness(1.5);
  mix-blend-mode: exclusion;
}

.contacts-content {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: calc((100 / var(--current-size)) * 100vw);
  z-index: 2;
  width: calc((500 / var(--current-size)) * 100vw);
  height: 90%;
  background: #000;
  padding: calc((30 / var(--current-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contacts-content:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96%;
  height: 95%;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  pointer-events: none;
}

.contacts-content > p {
  font-family: var(--font-family);
  color: #e2b087;
  font-size: calc((50 / var(--current-size)) * 100vw);
  position: relative;
}

.contacts-content > p:after {
  content: "";
  position: absolute;
  bottom: calc((-10 / var(--current-size)) * 100vw);
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(226, 176, 135, 0) 0%,
    rgba(226, 176, 135, 1) 53%,
    rgba(226, 176, 135, 0) 100%
  );
}

.contacts-content ul {
  margin-top: calc((50 / var(--current-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((30 / var(--current-size)) * 100vw);
}

.contacts-content ul li {
  display: flex;
  align-items: center;
  gap: calc((40 / var(--current-size)) * 100vw);
}

.contacts-content ul li a img {
  width: calc((50 / var(--current-size)) * 100vw);
  height: calc((50 / var(--current-size)) * 100vw);;
}

.contacts-content ul li > a {
  font-family: var(--font-family);
  color: #ffffff;
  font-size: calc((30 / var(--current-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((10 / var(--current-size)) * 100vw);
}

.contacts-content ul li > a p {
  font-family: var(--second-family);
  font-size: calc((20 / var(--current-size)) * 100vw);
  color: #e2b087;
}

.contacts-content ul li > p {
  font-family: var(--font-family);
  color: #ffffff;
  font-size: calc((30 / var(--current-size)) * 100vw);
  text-align: center;
}

.footer-logo img {
  width: calc((160 / var(--current-size)) * 100vw);
  height: auto;
}

.footer-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  position: relative;
}

.footer-wrapper p {
  font-family: var(--font-family);
  color: #ffffff;
  font-size: calc((20 / var(--current-size)) * 100vw);
  text-align: center;
}

.footer-wrapper div > a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--font-family);
  color: #ffffff;
  font-size: calc((20 / var(--current-size)) * 100vw);
  text-align: center;
}

.widjet {
  position: fixed;
  bottom: 0;
  right: calc((10 / var(--current-size)) * 100vw);
  background: linear-gradient(130deg, #e2b087 0%, #e2b087 100%);
  border-radius: 16px 16px 0 0;
  width: calc((304 / var(--current-size)) * 100vw);
  height: calc((60 / var(--current-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: calc((30 / var(--current-size)) * 100vw);
  z-index: 999;
  cursor: pointer;
  transition: 0.3s linear;
}

.widjet.open {
  width: calc((355 / var(--current-size)) * 100vw);
  height: calc((200 / var(--current-size)) * 100vw);
  transition: 0.3s linear;
  overflow: hidden;
}

.widjet > p {
  font-size: calc((24 / var(--current-size)) * 100vw);
  text-align: left;
  font-weight: 400;
  color: #191919;
  position: relative;
  line-height: 1;
  z-index: 2;
  margin: 0 !important;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    "BlinkMacSystemFont",
    "Segoe UI",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}

.girl-w {
  transform-origin: bottom;
  position: absolute;
  bottom: 0;
  left: calc((0 / var(--current-size)) * 100vw);
  width: calc((80 / var(--current-size)) * 100vw);
  height: calc((110 / var(--current-size)) * 100vw);;
}

.girl-w {
  transition: 0.3s linear;
  opacity: 1;
}

.hidden {
  transform-origin: bottom;
  transform: scale(0);
  opacity: 0;
  transition: 0.3s linear;
}

.widjet-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: calc((20 / var(--current-size)) * 100vw);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s linear;
}

.widjet-content.show {
  opacity: 1;
  visibility: visible;
  transition: 0.3s linear;
}

.widjet-content button {
  background: initial;
  border: none;
  cursor: pointer;
  position: absolute;
  top: calc((14 / var(--current-size)) * 100vw);
  right: calc((14 / var(--current-size)) * 100vw);
}

.widjet-content button img {
  width: calc((20 / var(--current-size)) * 100vw);
  height: calc((20 / var(--current-size)) * 100vw);
}

.widjet-content p {
  font-size: calc((20 / var(--current-size)) * 100vw);
  text-align: left;
  font-weight: 700;
  color: #191919;
  position: relative;
  line-height: 1;
  z-index: 2;
  font-family:
    "Geologica",
    system-ui,
    -apple-system,
    "BlinkMacSystemFont",
    "Segoe UI",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}

.widjet-content span {
  color: #191919;
  font-family:
    "Geologica",
    system-ui,
    -apple-system,
    "BlinkMacSystemFont",
    "Segoe UI",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
  font-size: calc((12 / var(--current-size)) * 100vw);
  margin-top: calc((10 / var(--current-size)) * 100vw);
  width: calc((200 / var(--current-size)) * 100vw);
}

.widjet-content a {
  background: linear-gradient(90deg, #111 0%);
  padding: calc((10 / var(--current-size)) * 100vw) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((180 / var(--current-size)) * 100vw);
  font-weight: 600;
  font-size: calc((12 / var(--current-size)) * 100vw);
  line-height: 164%;
  text-align: center;
  color: #ffffffff;
  text-decoration: none;
  border-radius: 20px;
  margin-top: auto;
  font-family:
    "Geologica",
    system-ui,
    -apple-system,
    "BlinkMacSystemFont",
    "Segoe UI",
    "Helvetica Neue",
    "Helvetica",
    Arial,
    sans-serif;
}

.girl-w-w {
  position: absolute;
  bottom: 0 !important;
  left: 58% !important;
  width: calc((150 / var(--current-size)) * 100vw) !important;
  height: calc((215 / var(--current-size)) * 100vw) !important;;
}

.header-phone {
  display: none;
}

.burger-wrapper {
  display: none;
}

.vocancy-form-wrapper {
  width: 100%;
}

.vocancy-form-wrapper form {
  width: 100%;
  display: flex;
  align-items: center;
}

.single-master-wrapper {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: calc((90 / var(--current-size)) * 100vw);
}

.single-master-data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc((800 / var(--current-size)) * 100vw);
}

.single-master-data ul {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin: calc((60 / var(--current-size)) * 100vw) 0;
  position: relative;
}

.single-master-data ul:after {
  content: "";
  position: absolute;
  bottom: calc((-30 / var(--current-size)) * 100vw);
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(226, 176, 135, 0) 0%,
    rgba(226, 176, 135, 1) 53%,
    rgba(226, 176, 135, 0) 100%
  );
}

.single-master-data ul:before {
  content: "";
  position: absolute;
  top: calc((-30 / var(--current-size)) * 100vw);
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(226, 176, 135, 0) 0%,
    rgba(226, 176, 135, 1) 53%,
    rgba(226, 176, 135, 0) 100%
  );
}

.single-master-data li {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--current-size)) * 100vw);
  flex-direction: row-reverse;
}

.single-master-data li p {
  font-family: var(--second-family);
  font-size: calc((18 / var(--current-size)) * 100vw);
  color: #ffffff;
}

.single-master-data li img {
  width: calc((34 / var(--current-size)) * 100vw);
  height: calc((34 / var(--current-size)) * 100vw);
  padding: calc((4 / var(--current-size)) * 100vw);
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  border-radius: 8px;
}

.single-master-data > p {
  font-family: var(--second-family);
  font-size: calc((20 / var(--current-size)) * 100vw);
  color: #ffffff;
  padding: calc((20 / var(--current-size)) * 100vw);
  font-style: italic;
}

.single-masters-btns {
  display: flex;
  align-items: center;
  gap: calc((30 / var(--current-size)) * 100vw);
  margin-top: calc((30 / var(--current-size)) * 100vw);
}

.single-masters-btns a {
  width: calc((320 / var(--current-size)) * 100vw);
  background: #e2b087;
  padding: calc((16 / var(--current-size)) * 100vw) 0;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
  text-transform: uppercase;
  cursor: pointer;
}

.single-masters-btns a:last-child {
  background: initial;
}

.single-master-imgs {
  width: calc((500 / var(--current-size)) * 100vw);
  outline: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  outline-offset: -10px;
}

.single-master-imgs img {
  width: 100%;
  object-fit: cover;
}

.single-programm-item {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((90 / var(--current-size)) * 100vw);
}

.single-programm-img {
  width: calc((700 / var(--current-size)) * 100vw);
  outline: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  outline-offset: -10px;
  flex-shrink: 0;
}

.single-programm-img img {
  width: 100%;
  object-fit: cover;
}

.single-programm-data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.single-programm-text {
  font-family: var(--second-family);
  font-size: calc((20 / var(--current-size)) * 100vw);
  color: #ffffff;
  font-style: italic;
}

.single-programm-price {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: calc((30 / var(--current-size)) * 100vw);
  margin-top: calc((60 / var(--current-size)) * 100vw);
  position: relative;
}

.single-programm-price:after {
  content: "";
  position: absolute;
  bottom: calc((-30 / var(--current-size)) * 100vw);
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(226, 176, 135, 0) 0%,
    rgba(226, 176, 135, 1) 53%,
    rgba(226, 176, 135, 0) 100%
  );
}

.single-programm-price:before {
  content: "";
  position: absolute;
  top: calc((-30 / var(--current-size)) * 100vw);
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(226, 176, 135, 0) 0%,
    rgba(226, 176, 135, 1) 53%,
    rgba(226, 176, 135, 0) 100%
  );
}

.single-programm-price li {
  display: flex;
  align-items: center;
  gap: calc((24 / var(--current-size)) * 100vw);
}

.single-programm-price li img {
  width: calc((34 / var(--current-size)) * 100vw);
}

.single-programm-price li p {
  font-family: var(--second-family);
  font-size: calc((20 / var(--current-size)) * 100vw);
  color: #ffffff;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000096;
  z-index: 999;
  display: flex;
  justify-content: center;
  padding-top: calc((120 / var(--current-size)) * 100vw);
  opacity: 0;
  visibility: hidden;
}

.modal.show {
  opacity: 1;
  visibility: visible;
}

.modal-content {
  width: calc((600 / var(--current-size)) * 100vw);
  height: fit-content;
  padding: calc((30 / var(--current-size)) * 100vw);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background: #141414;
}

.close-modal {
  position: absolute;
  top: calc((10 / var(--current-size)) * 100vw);
  right: calc((10 / var(--current-size)) * 100vw);
  background: initial;
  border: none;
  width: calc((30 / var(--current-size)) * 100vw);
  height: calc((30 / var(--current-size)) * 100vw);
  cursor: pointer;
}

.close-modal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.modal-data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.modal-data h3 {
  font-family: var(--font-family);
  color: #fff;
  font-size: calc((40 / var(--current-size)) * 100vw);
  text-transform: uppercase;
}

.modal-data > p {
  font-family: var(--second-family);
  font-size: calc((18 / var(--current-size)) * 100vw);
  color: #ffffff;
  font-style: italic;
  margin-top: calc((30 / var(--current-size)) * 100vw);
}

.modal-data a {
  margin: calc((80 / var(--current-size)) * 100vw) auto 0 auto;
  width: calc((320 / var(--current-size)) * 100vw);
  background: #e2b087;
  padding: calc((16 / var(--current-size)) * 100vw) 0;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--second-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
  text-transform: uppercase;
  cursor: pointer;
}

.modal-data .single-programm-price {
  margin: calc((60 / var(--current-size)) * 100vw) auto 0 auto;
}

.events {
  width: 100%;
  margin-top: calc((40 / var(--current-size)) * 100vw);
}

.event-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  overflow: hidden;
}

.event-item-img {
  width: 100%;
  height: calc((320 / var(--current-size)) * 100vw);
  position: relative;
}

.event-item-img:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}

.event-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-wrapper .title {
  text-align: center;
  width: 100%;
}

.event-item-data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: calc((20 / var(--current-size)) * 100vw);
}

.event-item-data-text {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: calc((10 / var(--current-size)) * 100vw);
}

.event-item-data-text div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((10 / var(--current-size)) * 100vw);
}

.event-item-data-text div p {
  color: #fff;
  font-size: calc((20 / var(--current-size)) * 100vw);
  font-family: var(--second-family);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}

.event-item-data-text div span {
  font-family: var(--font-family);
  color: #fff;
  font-size: calc((18 / var(--current-size)) * 100vw);
  font-weight: 400;
}

.event-item-data-text > a {
  display: flex;
}

.event-item-data-text > a img {
  width: calc((40 / var(--current-size)) * 100vw);
  height: calc((40 / var(--current-size)) * 100vw);
}

.event-item-data > a {
  padding: calc((18 / var(--current-size)) * 100vw) 0;
  font-family: var(--second-family);
  color: #000000;
  background: #e2b087;
  transition: 0.3s ease;
  font-weight: 600;
  font-size: calc((18 / var(--current-size)) * 100vw);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc((20 / var(--current-size)) * 100vw);
}

#event {
  padding: calc((120 / var(--current-size)) * 100vw) 0;
}

.single-event-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((60 / var(--current-size)) * 100vw);
}

.single-event-data {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((80 / var(--current-size)) * 100vw);
}

.single-event-img {
  width: calc((500 / var(--current-size)) * 100vw);
  overflow: hidden;
  flex-shrink: 0;
  border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
  border-radius: calc((20 / var(--current-size)) * 100vw);
}

.single-event-img img {
  width: 100%;
  object-fit: cover;
}

.single-event-data-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.single-event-data-text p,
.single-event-data-text span,
.single-event-data-text div {
  color: #fff;
  font-size: calc((20 / var(--current-size)) * 100vw);
  font-family: var(--second-family);
  font-weight: 300;
}

.single-event-data-text ol,
.single-event-data-text ul {
  padding-left: calc((20 / var(--current-size)) * 100vw);
}

.single-event-data-text ol li,
.single-event-data-text ul li {
  color: #fff;
  font-size: calc((20 / var(--current-size)) * 100vw);
  font-family: var(--second-family);
}

@media all and (max-width: 768px) {
  :root {
    --current-size: 375;
  }

  .serf-wrapper > a {
    width: 100%;
  }

  .container {
    width: calc((355 / var(--current-size)) * 100vw);
    margin: 0 auto;
  }

  .container-full {
    width: 100%;
    margin: 0 auto;
  }

  .widjet {
    width: calc((180 / var(--current-size)) * 100vw);
    height: calc((40 / var(--current-size)) * 100vw);
    padding-right: calc((20 / var(--current-size)) * 100vw);
  }
  .girl-w-w {
    position: absolute;
    bottom: 0 !important;
    left: 55% !important;
    width: calc((155 / var(--current-size)) * 100vw) !important;
    height: ;
    z-index: -1;
  }

  .girl-w {
    transform-origin: bottom;
    position: absolute;
    bottom: 0;
    left: calc((0 / var(--current-size)) * 100vw);
    width: calc((60 / var(--current-size)) * 100vw);
    height: calc((80 / var(--current-size)) * 100vw);
  }

  .widjet-content > p {
    margin: 0 !important;
  }

  .widjet-title br,
  .widjet-content p br {
    display: block !important;
  }

  .widjet > p {
    font-size: calc((14 / var(--current-size)) * 100vw);
  }

  #nav-toggle {
    background: initial;
    height: calc((24 / var(--current-size)) * 100vw);
    width: calc((38 / var(--current-size)) * 100vw);
    cursor: pointer;
    border: none;
    z-index: 10;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  #nav-toggle span,
  #nav-toggle span:before,
  #nav-toggle span:after {
    cursor: pointer;
    border-radius: calc((1 / var(--current-size)) * 100vw);
    height: calc((2 / var(--current-size)) * 100vw);
    width: calc((35 / var(--current-size)) * 100vw);
    background: #e2b087;
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    content: "";
    border-radius: calc((20 / var(--current-size)) * 100vw);
  }

  #nav-toggle span {
    width: calc((24 / var(--current-size)) * 100vw);
    position: relative;
    top: 0;
    right: 0;
    border-radius: calc((20 / var(--current-size)) * 100vw);
  }

  #nav-toggle span:before {
    top: calc((-10 / var(--current-size)) * 100vw);
  }

  #nav-toggle span:after {
    top: calc((10 / var(--current-size)) * 100vw);
  }

  #nav-toggle span {
    transition: all 0.2s ease-in-out;
  }

  #nav-toggle span:before,
  #nav-toggle span:after {
    transition: all 0.3s ease-in-out;
  }

  #nav-toggle.active span {
    background-color: transparent;
  }

  #nav-toggle.active span:before,
  #nav-toggle.active span:after {
    top: 0;
  }

  #nav-toggle.active span:before {
    transform: rotate(-45deg);
  }

  #nav-toggle.active span:after {
    transform: rotate(-135deg);
  }

  .header-menu {
    display: none;
  }

  .header-logo {
    position: static;
    transform: none;
  }

  .header-logo img {
    width: calc((100 / var(--current-size)) * 100vw);
    height: auto;
  }

  .header-data div {
    display: none;
  }

  .header-data > p {
    font-family: var(--font-family);
    color: #fff;
    font-size: calc((16 / var(--current-size)) * 100vw);
    margin: 0 calc((0 / var(--current-size)) * 100vw) 0
      calc((0 / var(--current-size)) * 100vw);
    text-align: center;
  }

  .header-data > p {
    display: none;
  }

  .header-social a img {
    width: calc((30 / var(--current-size)) * 100vw);
    height: calc((30 / var(--current-size)) * 100vw);;
  }

  .header-links {
    gap: calc((20 / var(--current-size)) * 100vw);
  }

  .header-phone {
    display: flex;
  }

  #hero {
    width: 100%;
    height: calc((720 / var(--current-size)) * 100vw);
    background-image: url(../img/hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 39%;
  }

  #hero .container {
    height: 100%;
  }

  .hero-wrapper div p {
    font-size: calc((40 / var(--current-size)) * 100vw);
  }

  .hero-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
  }

  .hero-wrapper > div {
    position: relative;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    transform: none;
    z-index: 2;
  }

  .hero-wrapper > div a {
    margin-left: auto;
    margin-right: 0;
    font-family: var(--second-family);
    color: #ffffff;
    font-size: calc((18 / var(--current-size)) * 100vw);
    padding: calc((12 / var(--current-size)) * 100vw) 0;
    border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
    outline: calc((2 / var(--current-size)) * 100vw) solid #e2b087;
    outline-offset: calc((3 / var(--current-size)) * 100vw);
    backdrop-filter: blur(3px);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hero-wrapper > div p:nth-child(3) {
    margin-left: auto;
    margin-right: calc((60 / var(--current-size)) * 100vw);
    margin-bottom: calc((20 / var(--current-size)) * 100vw);
  }

  .title {
    font-size: calc((40 / var(--current-size)) * 100vw);
  }

  .stocks {
    width: calc((320 / var(--current-size)) * 100vw);
    overflow: visible !important;
  }

  .stocks-slide {
    height: calc((350 / var(--current-size)) * 100vw);
  }

  .stock-slide-text p {
    font-size: calc((18 / var(--current-size)) * 100vw);
  }

  .stock-slide-text span {
    font-size: calc((14 / var(--current-size)) * 100vw);
    text-transform: none;
  }

  .stock-slide-head p {
    font-size: calc((14 / var(--current-size)) * 100vw);
  }

  .stock-slide-head a img {
    width: calc((25 / var(--current-size)) * 100vw);
    height: calc((25 / var(--current-size)) * 100vw);;
  }

  #stocks {
    padding: calc((60 / var(--current-size)) * 100vw) 0;
  }

  .master-item-img {
    width: 100%;
    height: calc((350 / var(--current-size)) * 100vw);
    position: relative;
  }

  .masters-items li {
    width: 100%;
  }

  .master-item-data p {
    font-size: calc((26 / var(--current-size)) * 100vw);
  }

  .master-item-data li {
    font-size: calc((14 / var(--current-size)) * 100vw);
  }

  .master-item-btns > a {
    padding: calc((10 / var(--current-size)) * 100vw) 0;
    font-size: calc((14 / var(--current-size)) * 100vw);
  }

  #masters {
    padding: calc((30 / var(--current-size)) * 100vw) 0;
  }

  .masters-wrapper > a {
    margin: calc((0 / var(--current-size)) * 100vw) auto 0 auto;
    width: 100%;
    padding: calc((10 / var(--current-size)) * 100vw) 0;
    font-size: calc((16 / var(--current-size)) * 100vw);
  }

  .programm-item {
    width: 100%;
    padding: calc((20 / var(--current-size)) * 100vw);
    border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
    outline: calc((2 / var(--current-size)) * 100vw) solid #e2b087;
    outline-offset: calc((3 / var(--current-size)) * 100vw);

    transform: none !important;
  }

  .programm-item > img {
    height: calc((350 / var(--current-size)) * 100vw);
  }

  .programm-item > p {
    font-size: calc((26 / var(--current-size)) * 100vw);
    margin: calc((10 / var(--current-size)) * 100vw) 0
      calc((20 / var(--current-size)) * 100vw) 0;
  }

  .programm-item ul li img {
    width: calc((20 / var(--current-size)) * 100vw);
    height: calc((20 / var(--current-size)) * 100vw);
  }

  .programm-item ul li p {
    font-size: calc((14 / var(--current-size)) * 100vw);
  }

  .programm-item:nth-child(2) {
    position: relative;
    z-index: 2;
    top: 0;
  }

  .programms-item-btns > a {
    padding: calc((10 / var(--current-size)) * 100vw) 0;
    font-size: calc((14 / var(--current-size)) * 100vw);
  }

  .programms-wrapper > a {
    margin: calc((-40 / var(--current-size)) * 100vw) auto 0 auto;
    width: 100%;
    background: #e2b087;
    padding: calc((10 / var(--current-size)) * 100vw) 0;
    border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--second-family);
    color: #fff;
    font-size: calc((16 / var(--current-size)) * 100vw);
    text-transform: uppercase;
  }

  .serf-imgs img:first-child {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0) rotate(20deg);
    width: calc((300 / var(--current-size)) * 100vw);
    z-index: 2;
     height: calc((200 / var(--current-size)) * 100vw);
  }

  .title {
    text-align: center;
  }

  .serf-imgs img:last-child {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-38%, -81%) rotate(-20deg) scale(0.8);
    width: calc((320 / var(--current-size)) * 100vw);
    z-index: 1;
    height: calc((220 / var(--current-size)) * 100vw);
  }

  .serf-wrapper {
    gap: calc((210 / var(--current-size)) * 100vw);
  }

  .serf-imgs:before {
    width: calc((220 / var(--current-size)) * 100vw);
    height: calc((220 / var(--current-size)) * 100vw);
  }

  .serf-imgs {
    height: calc((160 / var(--current-size)) * 100vw);
  }

  #serf {
    padding: calc((60 / var(--current-size)) * 100vw) 0;
  }

  #programms {
    padding: calc((60 / var(--current-size)) * 100vw) 0;
  }

  .interier-items div:nth-child(1),
  .interier-items div:nth-child(2),
  .interier-items div:nth-child(4),
  .interier-items div:nth-child(5) {
    width: calc((170 / var(--current-size)) * 100vw);
    height: calc((170 / var(--current-size)) * 100vw);
    overflow: hidden;
    position: relative;
  }

  .interier-items div:nth-child(3),
  .interier-items div:nth-child(6) {
    width: 100%;
    height: calc((240 / var(--current-size)) * 100vw);
    overflow: hidden;
    position: relative;
  }
  


  .interier-items div:after {
    outline-offset: calc((-4 / var(--current-size)) * 100vw);
  }

  .vocancy-items-wrapper > div {
    display: none;
  }

  .vocancy-items-wrapper {
    width: 100%;
  }

  .vocancy-items li {
    flex-direction: column !important;
    align-items: center;
    gap: calc((20 / var(--current-size)) * 100vw);
  }

  .vocancy-items img {
    width: 100%;
    height: calc((240 / var(--current-size)) * 100vw);
    border: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
    object-fit: cover;
  }

  .vocancy-items li div p {
    font-size: calc((30 / var(--current-size)) * 100vw);
  }

  .vocancy-items li div span {
    font-size: calc((16 / var(--current-size)) * 100vw);
  }

  .vocancy-items li div:after {
    top: calc((50 / var(--current-size)) * 100vw);
  }

  .vocancy-items {
    gap: calc((20 / var(--current-size)) * 100vw);
  }

  .contacts-content > p {
    font-size: calc((30 / var(--current-size)) * 100vw);
  }

  .contacts-content ul li > p {
    font-size: calc((20 / var(--current-size)) * 100vw);
  }
  
    .map {
    width: 100%;
    height: calc((700 / var(--current-size)) * 100vw);
    position: relative;
}

  .contacts-content {
    top: 54%;
    transform: translate(-50%, 0);
    left: 50%;
    height: fit-content;
    width: calc((340 / var(--current-size)) * 100vw);
    padding: calc((30 / var(--current-size)) * 100vw);
  }

  .contacts-content ul li > a {
    font-size: calc((20 / var(--current-size)) * 100vw);
  }

  .contacts-content ul li a img {
    width: calc((30 / var(--current-size)) * 100vw);
    height:  calc((30 / var(--current-size)) * 100vw);;
  }

  .contacts-content ul li > a p {
    font-family: var(--second-family);
    font-size: calc((14 / var(--current-size)) * 100vw);
    color: #e2b087;
  }
  footer {
    padding-top: calc((220 / var(--current-size)) * 100vw);
    padding-bottom: calc((20 / var(--current-size)) * 100vw);
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
    gap: calc((30 / var(--current-size)) * 100vw);
  }

  .header-wrapper {
    height: calc((50 / var(--current-size)) * 100vw);
  }

  .footer-wrapper div > a {
    position: static;
    top: 50%;
    left: 50%;
    transform: none;
    font-family: var(--font-family);
    color: #ffffff;
    font-size: calc((18 / var(--current-size)) * 100vw);
    text-align: center;
  }

  .footer-wrapper p {
    font-family: var(--font-family);
    color: #ffffff94;
    font-size: calc((16 / var(--current-size)) * 100vw);
    text-align: center;
  }

  .burger-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    z-index: 9;
    transform: translateX(500px);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
  }

  .burger-wrapper.open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease;
  }

  .burger {
    padding: calc((80 / var(--current-size)) * 100vw)
      calc((30 / var(--current-size)) * 100vw)
      calc((20 / var(--current-size)) * 100vw);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .burger-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc((10 / var(--current-size)) * 100vw);
  }

  .burger-menu li a {
    font-family: var(--font-family);
    color: #e2b087;
    font-size: calc((28 / var(--current-size)) * 100vw);
    transition: 0.3s ease;
  }

  .hero-wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }

  .hero-wrapper > p {
    font-family: var(--second-family);
    color: #fff;
    font-size: calc((16 / var(--current-size)) * 100vw);
    margin-top: 0;
    width: 100%;
    margin-bottom: calc((0 / var(--current-size)) * 100vw);
    margin-left: calc((0 / var(--current-size)) * 100vw);
    position: relative;
    z-index: 2;
    text-align: justify;
  }

  .hero-wrapper > div {
    margin-top: calc((120 / var(--current-size)) * 100vw);
    width: 100%;
  }

  .hero-wrapper > div > a {
    margin-top: calc((120 / var(--current-size)) * 100vw);
    position: relative;
    z-index: 2;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: calc((20 / var(--current-size)) * 100vw);
    width: calc((240 / var(--current-size)) * 100vw);
  }

  .faq-wrapper {
    gap: calc((40 / var(--current-size)) * 100vw);
  }

  .faq-item-head p {
    font-size: calc((16 / var(--current-size)) * 100vw);
  }

  .answer {
    font-size: calc((14 / var(--current-size)) * 100vw);
  }

  #faq {
    padding: calc((60 / var(--current-size)) * 100vw) 0;
  }

  .faq-item-head .answer {
    font-size: calc((15 / var(--current-size)) * 100vw);
  }

  .faq-item {
    border-radius: 12px;
    padding: calc((20 / var(--current-size)) * 100vw);
  }

  .send-data {
    padding: calc((20 / var(--current-size)) * 100vw);
  }

  .faq-item-head span {
    width: calc((40 / var(--current-size)) * 100vw);
    height: calc((40 / var(--current-size)) * 100vw);
  }

  .hero-wrapper > div p:nth-child(1) {
    margin-left: auto;
  }
  .hero-wrapper > div p:nth-child(2) {
    margin: 0 auto;
    margin-top: calc((30 / var(--current-size)) * 100vw);
    margin-bottom: calc((30 / var(--current-size)) * 100vw);
  }

  .hero-wrapper > div p:nth-child(3) {
    margin-left: 0;
    margin-right: auto;
    margin-bottom: calc((20 / var(--current-size)) * 100vw);
  }

  #hero:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 15%,
      rgba(0, 0, 0, 1) 100%
    );
  }

  .single-master-wrapper {
    flex-direction: column;
    align-items: center;
    gap: calc((30 / var(--current-size)) * 100vw);
  }

  .single-master-imgs {
    width: 100%;
    outline: calc((1 / var(--current-size)) * 100vw) solid #e2b087;
    outline-offset: -10px;
  }

  .single-master-data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .single-masters-btns {
    flex-direction: column;
    align-items: center;
  }

  .single-master-data ul {
    flex-wrap: wrap;
    gap: calc((20 / var(--current-size)) * 100vw) 0;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .single-master-data ul li {
    width: 50%;
    justify-content: flex-end;
  }

  .single-master-data li p {
    font-size: calc((16 / var(--current-size)) * 100vw);
  }

  .single-master-data > p {
    font-family: var(--second-family);
    font-size: calc((16 / var(--current-size)) * 100vw);
    color: #ffffff;
    padding: calc((10 / var(--current-size)) * 100vw);
    font-style: italic;
  }

  .single-masters-btns {
    width: 100%;
  }

  .single-masters-btns a {
    width: 100%;
  }

  .programms-wrapper {
    gap: calc((60 / var(--current-size)) * 100vw);
  }

  .single-masters-btns {
    display: flex;
    align-items: center;
    gap: calc((16 / var(--current-size)) * 100vw);
    margin-top: calc((0 / var(--current-size)) * 100vw);
  }

  #contacts {
    padding: calc((120 / var(--current-size)) * 100vw) 0 0 0;
  }

  .masters-single {
    padding: calc((120 / var(--current-size)) * 100vw) 0
      calc((30 / var(--current-size)) * 100vw) 0 !important;
  }

  #vocancy {
    padding: calc((0 / var(--current-size)) * 100vw) 0;
    overflow: hidden;
  }

  .single-programm-item {
    flex-direction: column;
    align-items: center;
  }

  .single-programm-img {
    width: 100%;
  }

  .single-programm-text {
    font-family: var(--second-family);
    font-size: calc((16 / var(--current-size)) * 100vw);
    color: #ffffff;
    font-style: italic;
    text-align: justify;
  }

  .single-programm-item {
    gap: calc((20 / var(--current-size)) * 100vw);
  }

  .single-programm-price {
    width: 100%;
    justify-content: center;
  }

  .single-programms-btns {
    margin-top: calc((60 / var(--current-size)) * 100vw);
  }

  .serf-wrapper {
    gap: calc((40 / var(--current-size)) * 100vw);
  }

  .serf-imgs {
    margin-top: calc((100 / var(--current-size)) * 100vw);
  }

  .seos {
    width: 100%;
    font-size: calc((18 / var(--current-size)) * 100vw);
  }

  .single-event-img {
    width: 100%;
  }

  #event {
    padding: calc((40 / var(--current-size)) * 100vw) 0 0 0;
  }

  .single-event-data {
    flex-direction: column;
    align-items: flex-start;
  }

  .event-item-data-text div p {
    font-size: calc((16 / var(--current-size)) * 100vw);
  }

  .single-event-data-text p,
  .single-event-data-text span,
  .single-event-data-text div {
    font-size: calc((16 / var(--current-size)) * 100vw);
  }

  .single-event-data-text ol li,
  .single-event-data-text ul li {
    font-size: calc((16 / var(--current-size)) * 100vw);
  }

  .single-event-data {
    gap: calc((30 / var(--current-size)) * 100vw);
  }

  .single-event-wrapper {
    gap: calc((30 / var(--current-size)) * 100vw);
  }

  .event-item-data > a {
    padding: calc((12 / var(--current-size)) * 100vw) 0;
    font-size: calc((16 / var(--current-size)) * 100vw);
    margin-top: calc((20 / var(--current-size)) * 100vw);
  }

  .btn-call {
    margin: calc((0 / var(--current-size)) * 100vw) auto 0 auto;
    width: 100%;
    padding: calc((10 / var(--current-size)) * 100vw) 0;
    font-size: calc((16 / var(--current-size)) * 100vw);
  }

  #policy {
    padding-top: calc((70 / var(--current-size)) * 100vw);
  }

  .policy-text > h1 {
    color: #fff;
    font-family: var(--second-family);
    font-size: calc((22 / var(--current-size)) * 100vw);
    margin-bottom: calc((30 / var(--current-size)) * 100vw);
  }

  .policy-text > div p,
  .policy-text > div span,
  .policy-text > div {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: calc((14 / var(--current-size)) * 100vw);
    line-height: 164%;
    color: #fff;
  }
}


/* Performance additions */
body {
  background-image: url(../img/sots.webp);
}

body.mk-home-optimized #hero {
  background-image: url(../img/hero.webp);
  background-image: image-set(
    url(../img/hero.avif) type("image/avif"),
    url(../img/hero.webp) type("image/webp"),
    url(../img/hero.jpg) type("image/jpeg")
  );
}

@media all and (max-width: 768px) {
  body.mk-home-optimized #hero {
    background-image: url(../img/hero-mobile.webp);
    background-image: url(../img/hero-mobile.webp);
    background-position: center;
    background-size: cover;
  }
  
  .event-item-data-text > a img {
    width: calc((30 / var(--current-size)) * 100vw);
    height: calc((30 / var(--current-size)) * 100vw);
}
}

/* Native scroll reveal — lightweight AOS replacement */
.js [data-aos] {
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 560ms;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-delay: var(--aos-native-delay, 0ms);
  will-change: opacity, transform;
}

.js [data-aos="fade-down"] {
  transform: translate3d(0, -24px, 0);
}

.js [data-aos="fade-right"] {
  transform: translate3d(-24px, 0, 0);
}

.js [data-aos].aos-native-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .js [data-aos] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.map-lazy {
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111;
  position: relative;
  overflow: hidden;
}

.map-lazy__button {
  position: relative;
  z-index: 1;
  border: 1px solid #e2b087;
  background: #101010;
  color: #e2b087;
  padding: 14px 24px;
  font-family: var(--second-family);
  font-size: 16px;
  cursor: pointer;
}

.map-lazy.is-loaded .map-lazy__button {
  display: none;
}

.map-lazy iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* MK performance: keep first-screen content immediately paintable */
#hero [data-aos]{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}

/* Stable responsive event thumbnails */
.event-item-img picture,
.event-item-img picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.event-item-img picture img {
  object-fit: cover;
}

/* Reserve pagination space before Swiper JS initializes to avoid CLS */
.stocks-paginations {
  min-height: 20px;
}
.pogs {
  min-height: 12px;
}

/* Avoid animating expensive non-composited properties */
.interier-items div img {
  transition-property: transform;
}