@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900&display=swap);
* {
  padding: 0;
  margin: 0;
  border: 0;
}
*,
:after,
:before {
  box-sizing: border-box;
}
:active,
:focus {
  outline: 0;
}
a:active,
a:focus {
  outline: 0;
}
aside,
footer,
header,
nav {
  display: block;
}
body,
html {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
button,
input,
textarea {
  font-family: inherit;
  font-size: inherit;
  -webkit-tap-highlight-color: transparent;
}
a,
button,
div,
li {
  -webkit-tap-highlight-color: transparent;
}
input::-ms-clear {
  display: none;
}
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
button {
  cursor: pointer;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
a {
  text-decoration: none;
  color: inherit;
}
a,
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ul li {
  list-style: none;
}
img {
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}
body.lock {
  overflow: hidden;
}
.wrapper {
  min-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  font-size: 0.8333333vw;
  font-family: Mulish, sans-serif;
  position: relative;
  background: #fff;
}
.container {
  max-width: 96.625em;
  margin: 0 auto;
  width: 100%;
}
.content {
  flex: 1 0 auto;
  padding-top: 14.5em;
}
.content:has(.form-doc) ~ .bottomnav::before {
  display: none;
}
.content.fourofour-page ~ .bottomnav::before,
.content.main-page ~ .bottomnav::before,
.content.thanks-page ~ .bottomnav::before {
  display: none;
}
.content.diplomas-page .gallery {
  margin-top: 7.5em;
}
.content.fourofour-page {
  background: linear-gradient(
      180deg,
      #fff 21.53%,
      rgba(255, 255, 255, 0) 71.98%
    ),
    #f9f0e9;
  display: flex;
  align-items: center;
}
.content.single-page {
  padding: 0;
}
.caption {
  color: #000;
  text-align: center;
  letter-spacing: 0.103125em;
  text-transform: uppercase;
  padding: 7.25em 0 7.25em;
}
.caption > span {
  font-size: 3.4375em;
  font-style: normal;
  font-weight: 700;
}
.caption-small {
  display: flex;
  justify-content: center;
  min-height: 11.25em;
  margin-top: -11.25em;
  position: relative;
  z-index: 5;
}
.caption-small__body {
  background: #fff;
  margin: 0 2em;
  padding: 2.5em;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.caption-small__head {
  line-height: 2.5em;
  letter-spacing: 0.103125em;
  text-transform: uppercase;
}
.caption-small__head > span {
  font-size: 3.4375em;
  font-weight: 700;
}
.caption-small__subhead {
  line-height: 2.125em;
  letter-spacing: 0.01375em;
}
.caption-small__subhead > span {
  font-size: 1.375em;
  font-weight: 400;
}
.caption-pic {
  height: 21.875em;
  display: flex;
}
.caption-pic > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.parallax {
  overflow: hidden;
}
.parallax .parallax-layer {
  transition: transform 0.5s linear;
}
.gradient-short {
  background: linear-gradient(
      180deg,
      #fff 35.15%,
      rgba(255, 255, 255, 0) 151.74%
    ),
    #f9f0e9;
}
.gradient-long {
  background: linear-gradient(
      180deg,
      #fff 21.53%,
      rgba(255, 255, 255, 0) 71.98%
    ),
    #f9f0e9;
}
.button-block {
  padding-top: 5em;
  text-align: center;
}
.topnav {
  background: #374a5e;
  padding: 1.375em 0;
  transition: left 0.3s ease-out;
  position: fixed;
  width: 100%;
  z-index: 50;
}
.topnav__body {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #fff;
  gap: 0.8125em;
}
.topnav__wrap {
  display: flex;
  align-items: center;
  gap: 0.8125em;
}
.topnav__btn {
  display: inline-flex;
  align-items: center;
  background: 0 0;
  width: 1.625em;
  height: 1.625em;
  transition: opacity 0.3s ease-out;
}
.topnav__btn:hover {
  opacity: 0.5;
}
.topnav__btn > svg {
  width: 100%;
  height: 100%;
}
.topnav__phone {
  transition: color 0.3s ease-out;
}
.topnav__phone:hover {
  color: #c5bdb6;
}
.topnav__phone > span {
  font-size: 1.25em;
  font-weight: 400;
  letter-spacing: 0.0375em;
}
.header {
  padding: 1.25em 0;
  box-shadow: 0 0.25em 2.8125em 0 rgba(0, 0, 0, 0.2);
  transition: left 0.3s ease-out;
  position: fixed;
  width: 100%;
  background: #fff;
  top: 4.375em;
  z-index: 50;
}
.header__body {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5em;
}
.header__links {
  display: flex;
  gap: 1.5em;
}
.header__link {
  color: #000;
  transition: color 0.3s ease-out;
}
.header__link > span {
  font-weight: 400;
  letter-spacing: 0.02em;
}
.header__link:hover {
  color: #7a514b;
}
.header__link.main {
  display: none;
}
.header__logo {
  width: 10.375em;
  height: 7.625em;
}
.header__logo > img {
  display: block;
  width: 100%;
  height: 100%;
}
.bottomnav::before {
  content: "";
  display: block;
  width: 100%;
  height: 4.5em;
  background: linear-gradient(
      180deg,
      #fff 30.94%,
      rgba(255, 255, 255, 0) 127.08%
    ),
    #f9f0e9;
}
.bottomnav__body {
  padding: 2.25em 0;
  display: flex;
  justify-content: center;
  gap: 3.125em;
}
.bottomnav__link {
  letter-spacing: 0.02125em;
  transition: color 0.3s ease-out;
}
.bottomnav__link:hover {
  color: #7a514b;
}
.bottomnav__link > span {
  font-size: 1.0625em;
  font-weight: 400;
}
.footer {
  background: #374a5e;
  color: #fff;
  min-height: 34.125em;
  background: url(../img/footer/footer_bg.jpg) 50% 50% / auto auto no-repeat
    #374a5e;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__body {
  display: flex;
  gap: 10em;
}
.footer__wrap a {
  transition: opacity 0.3s ease-out;
}
.footer__wrap a:hover {
  opacity: 0.5;
}
.footer__mail {
  display: flex;
  line-height: 1.75em;
  letter-spacing: 0.0375em;
  border-bottom: 1px solid rgba(197, 189, 182, 0.5);
  padding-bottom: 1.625em;
  margin-bottom: 1.625em;
}
.footer__mail > span {
  font-size: 1.25em;
  font-weight: 400;
}
.footer__socials {
  display: flex;
  gap: 2.375em;
  margin-bottom: 1.625em;
}
.footer__license {
  line-height: 1.75em;
  letter-spacing: 0.03375em;
  max-width: 17.5em;
}
.footer__license > span {
  font-size: 1.125em;
}
.footer__social-btn {
  display: block;
  width: 1.75em;
  height: 1.75em;
}
.footer__social-btn > svg {
  width: 100%;
  height: 100%;
}
.footer__name {
  letter-spacing: 0.125em;
  text-transform: uppercase;
  opacity: 0.8;
  text-align: center;
  line-height: 2.625em;
}
.footer__name > span {
  font-size: 2.5em;
  font-weight: 800;
}
.footer__subname {
  opacity: 0.8;
  letter-spacing: 0.03375em;
  text-transform: uppercase;
  margin-top: 0.75em;
  text-align: center;
}
.footer__subname > span {
  font-size: 1.125em;
  font-weight: 700;
}
.footer__phone {
  display: flex;
  align-items: center;
  gap: 0.5em;
  border-bottom: 1px solid rgba(197, 189, 182, 0.5);
  padding-bottom: 1.625em;
  margin-bottom: 1.625em;
}
.footer__address {
  line-height: 1.75em;
  letter-spacing: 0.03375em;
}
.footer__address > span {
  display: block;
  font-size: 1.125em;
  font-weight: 400;
}
.footer__callback {
  margin-bottom: 2.5em;
}
.footer__link {
  display: block;
  text-align: center;
  margin-top: 1.25em;
}
.footer__link > span {
  font-size: 1.5em;
}
.up-button {
  width: 6.25em;
  height: 6.25em;
  position: fixed;
  bottom: 5em;
  right: 5em;
  background: 0 0;
  display: none;
  z-index: 500;
}
.up-button.visible {
  display: block;
}
.up-button > svg {
  width: 100%;
  height: 100%;
}
.mobile-menu {
  background: #374a5e;
  z-index: 1000;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 3.75em;
  display: none;
}
.mobile-menu__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 1.25em;
  height: 100%;
}
.mobile-menu__logo {
  width: 5em;
  height: 3.125em;
}
.mobile-menu__logo > img {
  display: block;
  width: 100%;
  height: 100%;
}
.introduction {
  width: 100%;
  height: 47.3125em;
  position: relative;
  background: linear-gradient(to right, #1d262a 0, #0a0e0d 100%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.introduction__bg {
  width: 100%;
  height: 100%;
  position: absolute;
}
.introduction__bg > img {
  display: block;
  width: 100%;
  height: 100%;
}
.introduction__face {
  position: absolute;
  height: 100%;
  left: 32%;
}
.introduction__face > img {
  display: block;
  height: 100%;
}
.introduction__left {
  position: absolute;
  left: 8%;
  top: 10em;
}
.introduction__caption {
  line-height: 4.375em;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.25em;
}
.introduction__caption > span {
  font-size: 4.375em;
}
.introduction__caption > span > span {
  color: #c5bdb6;
}
.introduction__subcaption {
  text-transform: uppercase;
  font-weight: 800;
  color: #f9f0e9;
  max-width: 30em;
  line-height: 1.125em;
  margin-top: 1.875em;
}
.introduction__subcaption > span {
  font-size: 0.9375em;
}
.introduction__btn {
  position: absolute;
  left: 8%;
  top: 34.375em;
}
.introduction__right {
  position: absolute;
  right: 13.375em;
  color: #fff;
  top: 10em;
}
.introduction__name {
  line-height: 1.875em;
}
.introduction__name::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: #626764;
  margin-bottom: 0.5em;
}
.introduction__name::after {
  content: "";
  display: block;
  height: 1px;
  width: 55%;
  background: #626764;
  margin-top: 0.5em;
}
.introduction__name > span {
  font-size: 1.5em;
}
.introduction__profession {
  line-height: 1.375em;
  margin-top: 3.5em;
}
.introduction__profession > span {
  font-size: 1.25em;
}
.introduction__logo {
  position: absolute;
  width: 8.9375em;
  top: 2.5em;
  right: 13.375em;
}
.introduction__logo > svg {
  width: 100%;
}
.introduction.single-page .introduction__face {
  left: 40%;
}
.introduction.single-page .introduction__btn {
  top: 28.75em;
}
.introduction.single-page .introduction__phone {
  color: #fff;
  position: absolute;
  left: 8%;
  top: 37.5em;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 1em;
}
.introduction.single-page .introduction__phone > svg {
  width: 2.1875em;
  height: 2.1875em;
}
.introduction.single-page .introduction__phone > span {
  font-size: 2.75em;
}
.intro {
  height: 56.25em;
  position: relative;
}
.intro > img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.intro__content {
  position: absolute;
  bottom: 5.25em;
  width: 100%;
  text-align: center;
  opacity: 0.8;
  color: #fff;
}
.intro__head {
  line-height: 7em;
  letter-spacing: 0.26875em;
  text-transform: uppercase;
}
.intro__head > span {
  font-size: 6em;
  font-weight: 800;
}
.intro__text {
  font-style: normal;
  line-height: 3.75em;
  letter-spacing: 0.065625em;
  text-transform: uppercase;
}
.intro__text > span {
  font-size: 35px;
  font-weight: 700;
}
.disadvantages {
  height: 43.75em;
  margin-top: 5em;
  position: relative;
}
.disadvantages > img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}
.disadvantages__text {
  color: #fff;
  position: absolute;
  top: 13.125em;
  width: 100%;
  text-align: center;
  line-height: 5.5em;
  letter-spacing: 0.110625em;
}
.disadvantages__text > span {
  font-size: 3.6875em;
  font-weight: 800;
}
.tech-slider {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  width: 100%;
  margin-bottom: 4em;
}
.tech-slider__slides {
  position: relative;
  width: 100%;
  height: 41.25em;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.tech-slider__slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  background: #f9f0e9;
}
.tech-slider__slide > img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  filter: brightness(0.7);
}
.tech-slider__content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tech-slider__content > span {
  font-size: 2.5em;
  font-weight: 500;
  color: #fff;
  display: block;
}
.tech-slider__content > div {
  margin-top: 3.375em;
  width: 13.75em;
  display: block;
}
.tech-slider__content > div > span {
  font-weight: 700;
}
.tech-slider__control {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3em;
  margin-top: 3.75em;
}
.tech-slider__pagination {
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 3em;
}
.tech-slider__pagination > .swiper-pagination-bullet {
  width: 0.75em;
  height: 0.75em;
  background: #000;
  cursor: pointer;
  border-radius: 50%;
}
.tech-slider__pagination > .swiper-pagination-bullet-active {
  background: #c5bdb6;
}
.tech-slider__next,
.tech-slider__prev {
  width: 2em;
  height: 2em;
  cursor: pointer;
  z-index: 1;
  background: url(../img/common/arrow.svg) 0 0/100% 100% no-repeat;
}
.tech-slider__next {
  transform: rotate(180deg);
}
.trust-slider {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  width: 100%;
  margin-bottom: 7.5em;
}
.trust-slider.inverted {
  background: linear-gradient(
      180deg,
      #fff 21.53%,
      rgba(255, 255, 255, 0) 71.98%
    ),
    #f9f0e9;
  padding-bottom: 5em;
  margin-bottom: 0;
}
.trust-slider.inverted .trust-slider__slides {
  height: 35em;
}
.trust-slider.inverted .trust-slider__slide {
  background: 0 0;
}
.trust-slider.inverted .trust-content {
  flex-direction: row-reverse;
  gap: 3.75em;
}
.trust-slider__slides {
  position: relative;
  width: 100%;
  height: 47.5em;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.trust-slider__slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  background: #fff;
}
.trust-slider__slide > img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  filter: brightness(0.7);
}
.trust-slider__slide > span {
  font-size: 2.5em;
  font-weight: 500;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
}
.trust-slider__arrows {
  display: flex;
  justify-content: space-between;
}
.trust-slider__control {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3em;
  margin-top: 3.75em;
}
.trust-slider__pagination {
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 3em;
}
.trust-slider__pagination > .swiper-pagination-bullet {
  width: 0.75em;
  height: 0.75em;
  background: #000;
  cursor: pointer;
  border-radius: 50%;
}
.trust-slider__pagination > .swiper-pagination-bullet-active {
  background: #c5bdb6;
}
.trust-slider__next,
.trust-slider__prev {
  width: 3.125em;
  height: 3.125em;
  cursor: pointer;
  z-index: 1;
  background: url(../img/common/arrow.svg) 50% 50%/80% 80% no-repeat #c5bdb6;
  border-radius: 50%;
  transition: background-color 0.3s ease-out;
  position: absolute;
  top: 40%;
}
.trust-slider__next:hover,
.trust-slider__prev:hover {
  background-color: #7a514b;
}
.trust-slider__prev {
  left: 7.5em;
}
.trust-slider__next {
  right: 7.5em;
  transform: rotate(180deg);
}
.trust-slider.single-page .trust-content__text {
  line-height: 2em;
}
.trust-slider.single-page .trust-content__text > p {
  font-size: 1.25em;
}
.trust-content {
  display: flex;
  max-width: 87.5em;
  height: 100%;
  margin: 0 auto;
}
.trust-content__pic {
  flex: 1 1 50%;
  display: flex;
}
.trust-content__pic > img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.trust-content__info {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
}
.trust-content__wrap {
  padding: 0 3.125em;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.trust-content__head {
  line-height: 1.75em;
  letter-spacing: 0.09em;
  margin-bottom: 3.75em;
}
.trust-content__head > span {
  font-size: 3em;
  font-weight: 700;
}
.trust-content__text {
  line-height: 1.75em;
  letter-spacing: 0.03375em;
  text-align: justify;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical;
}
.trust-content__text > p {
  font-size: 1.125em;
  font-weight: 400;
}
.reviews {
  overflow-y: scroll;
  max-height: 100%;
  padding-right: 5em;
}
.reviews::-webkit-scrollbar {
  width: 0.3125em;
}
.reviews::-webkit-scrollbar-track {
  background: rgba(128, 128, 128, 0.4784313725);
}
.reviews::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 0.25em;
}
.reviews__review {
  color: #fff;
}
.reviews__review::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #c5bdb6;
  opacity: 0.5;
}
.reviews__review:not(:first-child) {
  margin-top: 2.5em;
}
.reviews__head {
  display: flex;
  gap: 1.375em;
  margin-bottom: 0.625em;
}
.reviews__date,
.reviews__name {
  line-height: 1.875em;
  letter-spacing: 0.031875em;
}
.reviews__date > span,
.reviews__name > span {
  font-size: 1.0625em;
  font-weight: 400;
}
.reviews__rating {
  display: flex;
  gap: 0.3125em;
  margin-bottom: 0.625em;
}
.reviews__star {
  width: 0.875em;
  height: 0.875em;
}
.reviews__star > svg {
  width: 100%;
  height: 100%;
}
.reviews__text {
  margin-bottom: 1.25em;
  line-height: 1.75em;
  letter-spacing: 0.03375em;
  text-align: justify;
}
.reviews__text > p {
  font-size: 1.125em;
  font-weight: 400;
}
.reviews__link {
  line-height: 1.875em;
  letter-spacing: 0.031875em;
  display: block;
  margin-bottom: 2.5em;
}
.reviews__link > span {
  font-size: 1.0625em;
  font-weight: 700;
}
.reviews__more {
  margin-top: 2.5em;
}
.videoblog-slider {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  width: 100%;
}
.videoblog-slider__slides {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.videoblog-slider__slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  background: #f9f0e9;
}
.videoblog-slider__slide > img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  filter: brightness(0.7);
}
.videoblog-slider__slide > span {
  font-size: 2.5em;
  font-weight: 500;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
}
.videoblog-slider__control {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3em;
  margin-top: 3.75em;
}
.videoblog-slider__pagination {
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 3em;
}
.videoblog-slider__pagination > .swiper-pagination-bullet {
  width: 0.75em;
  height: 0.75em;
  background: #000;
  cursor: pointer;
  border-radius: 50%;
}
.videoblog-slider__pagination > .swiper-pagination-bullet-active {
  background: #c5bdb6;
}
.videoblog-slider__next,
.videoblog-slider__prev {
  width: 3.125em;
  height: 3.125em;
  cursor: pointer;
  z-index: 1;
  background: url(../img/common/arrow.svg) 50% 50%/80% 80% no-repeat #c5bdb6;
  border-radius: 50%;
  transition: background-color 0.3s ease-out;
  position: absolute;
  top: 40%;
}
.videoblog-slider__next:hover,
.videoblog-slider__prev:hover {
  background-color: #7a514b;
}
.videoblog-slider__prev {
  left: 7.5em;
}
.videoblog-slider__next {
  right: 7.5em;
  transform: rotate(180deg);
}
.video {
  width: 100%;
}
.video__body {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video__body > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}
.articles {
  padding-bottom: 7.5em;
}
.articles__main {
  display: flex;
  margin: -0.9375em;
}
.articles__pic {
  flex: 0 0 50%;
  padding: 0.9375em;
  max-height: 32.25em;
  display: flex;
}
.articles__pic > img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}
.articles__info {
  flex: 0 0 50%;
  padding: 0.9375em;
  display: flex;
  align-items: center;
}
.articles__wrap {
  padding: 0 5em;
  display: flex;
  flex-direction: column;
  gap: 3.125em;
}
.articles__head {
  letter-spacing: 0.05625em;
}
.articles__head > span {
  font-size: 1.875em;
  font-weight: 500;
}
.articles__text {
  line-height: 1.75em;
  letter-spacing: 0.03375em;
  text-align: justify;
}
.articles__text > p {
  font-size: 1.125em;
  font-weight: 400;
}
.articles__btn {
  max-width: 18.75em;
}
.articles__subtitle {
  margin-top: 4.75em;
  margin-bottom: 1.25em;
}
.articles__subtitle > span {
  font-size: 1.75em;
  font-weight: 400;
}
.articles__also {
  display: flex;
  margin: -0.9375em;
  flex-wrap: wrap;
}
.articles__article {
  width: 25%;
  padding: 0.9375em;
  display: flex;
  flex-direction: column;
  gap: 1.125em;
}
.articles__thumb {
  max-height: 15.5em;
}
.articles__thumb > img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}
.articles__date {
  color: rgba(38, 38, 38, 0.6);
}
.articles__date > span {
  font-size: 0.875em;
  font-weight: 500;
}
.articles__name > span {
  font-size: 1.25em;
  font-weight: 400;
}
.articles__desc {
  color: #696868;
  line-height: 1.25em;
  text-align: justify;
}
.articles__desc > span {
  font-size: 1em;
  font-weight: 400;
}
.articles__footer {
  margin-top: 3.75em;
  text-align: center;
}
.quot {
  height: 52.5em;
  position: relative;
  margin-top: 7.5em;
}
.quot > img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.quot__text {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  width: 100%;
  line-height: 3.75em;
  letter-spacing: 0.103125em;
  max-width: 78.75em;
}
.quot__text > span {
  font-size: 3.4375em;
  font-weight: 700;
}
.about-string {
  margin-top: 2.5em;
}
.about-string > span {
  font-size: 1.5em;
  font-weight: 400;
}
.to-diplomas-page {
  margin-bottom: 3.75em;
  display: block;
  width: 9.875em;
  margin: 0 auto;
}
.skills {
  height: 59em;
  color: #fff;
  background: #374a5e;
  background: url(../img/about-page/skills_bg.jpg) 50% 50% / auto auto no-repeat
    #374a5e;
  position: relative;
  margin-top: 7.5em;
}
.skills__title {
  position: absolute;
  top: 34%;
  left: 32%;
}
.skills__title > span {
  display: block;
  font-size: 6em;
  font-weight: 700;
}
.skills__title > span:nth-child(2) {
  font-size: 2.5em;
  font-weight: 800;
  text-transform: uppercase;
}
.skills__skill {
  position: absolute;
}
.skills__skill.platysmoplasty {
  top: 13%;
  left: 22%;
}
.skills__skill.platysmoplasty > span {
  font-size: 2.5em;
  font-weight: 400;
}
.skills__skill.dermatooncology {
  top: 24%;
  left: 10%;
}
.skills__skill.dermatooncology > span {
  font-size: 2.5em;
  font-weight: 500;
}
.skills__skill.oncomammology {
  top: 36%;
  left: 12%;
}
.skills__skill.oncomammology > span {
  font-size: 1.3125em;
  font-weight: 400;
}
.skills__skill.botulinum-therapy {
  top: 45%;
  left: 9%;
}
.skills__skill.botulinum-therapy > span {
  font-size: 2.5em;
  font-weight: 400;
}
.skills__skill.liposuction {
  top: 58%;
  left: 18%;
}
.skills__skill.liposuction > span {
  font-size: 2.5em;
  font-weight: 400;
}
.skills__skill.contour-plastic {
  top: 68%;
  left: 10%;
}
.skills__skill.contour-plastic > span {
  font-size: 1.5em;
  font-weight: 500;
}
.skills__skill.lipofilling {
  top: 74%;
  left: 24%;
}
.skills__skill.lipofilling > span {
  font-size: 2.5em;
  font-weight: 400;
}
.skills__skill.mammoplasty {
  top: 24%;
  left: 38%;
}
.skills__skill.mammoplasty > span {
  font-size: 1.5em;
  font-weight: 400;
}
.skills__skill.laser {
  top: 65%;
  left: 38%;
}
.skills__skill.laser > span {
  font-size: 1.5em;
  font-weight: 400;
}
.skills__skill.facelift {
  top: 14%;
  left: 61%;
}
.skills__skill.facelift > span {
  font-size: 2.5em;
  font-weight: 400;
}
.skills__skill.abdominoplasty {
  top: 26%;
  left: 73%;
}
.skills__skill.abdominoplasty > span {
  font-size: 2.5em;
  font-weight: 500;
}
.skills__skill.narrow-waist {
  top: 35%;
  left: 69%;
}
.skills__skill.narrow-waist > span {
  font-size: 1.5em;
  font-weight: 400;
}
.skills__skill.blepharoplasty {
  top: 51%;
  left: 74%;
}
.skills__skill.blepharoplasty > span {
  font-size: 2em;
  font-weight: 500;
}
.skills__skill.otoplasty {
  top: 61%;
  left: 64%;
}
.skills__skill.otoplasty > span {
  font-size: 2.5em;
  font-weight: 400;
}
.skills__skill.mentoplasty {
  top: 74%;
  left: 57%;
}
.skills__skill.mentoplasty > span {
  font-size: 2.5em;
  font-weight: 500;
}
.contacts-form {
  padding: 7.5em 0;
}
.map {
  position: relative;
  margin-top: 2.5em;
  height: 37.5em;
  width: 100%;
}
.map__info {
  padding: 3.75em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  left: 12.5em;
  width: 28.75em;
  z-index: 5;
}
.map__info > a {
  transition: color 0.3s ease-out;
}
.map__info > a:hover {
  color: #7a514b;
}
.map__string {
  line-height: 1.75em;
  display: block;
}
.map__string > span {
  font-size: 1.125em;
  font-weight: 400;
}
.map__socials {
  display: flex;
  gap: 0.625em;
  margin-top: 1.25em;
}
.map__btn {
  width: 1.625em;
  height: 1.625em;
  transition: opacity 0.3s ease-out;
}
.map__btn:hover {
  opacity: 0.5;
}
.map__btn > svg {
  width: 100%;
  height: 100%;
}
.baloon__text {
  line-height: 1.75em;
  font-family: Mulish, sans-serif;
}
.baloon__text > span {
  font-size: 1.25em;
  font-weight: 400;
}
.portfolio-nav {
  margin-top: 6.25em;
}
.portfolio-nav__body {
  display: flex;
  justify-content: center;
  gap: 6.25em;
}
.portfolio-nav__tile {
  max-height: 41.25em;
  position: relative;
  transition: opacity 0.3s ease-out;
  display: flex;
  overflow: hidden;
}
.portfolio-nav__tile > img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  filter: brightness(0.8);
}
.portfolio-nav__tile:hover {
  opacity: 0.8;
}
.portfolio-nav__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
}
.portfolio-nav__title > span {
  font-size: 2.5em;
  font-weight: 500;
}
.portfolio-menu {
  margin: 7.5em 0 6.25em 0;
}
.portfolio-menu__body {
  display: flex;
  flex-wrap: wrap;
  gap: 2.75em;
  margin: 0 auto;
  max-width: 74.5em;
}
.portfolio-menu__elem {
  max-width: 25em;
  width: 100%;
  min-height: 28.125em;
  text-align: center;
  padding: 5em 1.25em 3.125em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.portfolio-menu__elem.colored {
  background: #f9f0e9;
}
.portfolio-menu__title {
  margin-bottom: 1.25em;
}
.portfolio-menu__title > span {
  font-size: 1.5625em;
  font-weight: 700;
}
.portfolio-menu__list > li {
  line-height: 2em;
}
.portfolio-menu__list > li > span {
  font-size: 1.375em;
  font-style: normal;
  font-weight: 400;
}
.portfolio-menu__more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625em;
}
.portfolio-menu__more > span {
  font-size: 1.125em;
  font-weight: 700;
}
.portfolio-menu__more > svg {
  margin-top: 0.125em;
}
.portfolio-elem {
  background: #f9f0e9;
  padding: 1.875em 2.375em 1.25em 2.375em;
  width: 23em;
  height: 12.5em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0 0 1.5em 0;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.3s ease-out;
}
.portfolio-elem:hover {
  background: #c5bdb6;
}
.portfolio-elem:hover .portfolio-elem__caption,
.portfolio-elem:hover .portfolio-elem__more {
  color: #fff;
}
.portfolio-elem:hover .portfolio-elem__pin {
  background: #c5bdb6;
}
.portfolio-elem:hover .portfolio-elem__pin > svg {
  transform: rotate(180deg);
}
.portfolio-elem:hover .portfolio-elem__pin > svg > g > path {
  stroke: #fff;
}
.portfolio-elem__caption {
  font-weight: 700;
  transition: color 0.3s ease-out;
}
.portfolio-elem__caption > span {
  font-size: 1.5625em;
}
.portfolio-elem__wrap {
  display: flex;
  align-items: center;
  gap: 1.5em;
  justify-content: flex-end;
}
.portfolio-elem__more {
  color: #6a6a6a;
  font-weight: 500;
  transition: color 0.3s ease-out;
}
.portfolio-elem__more > span {
  font-size: 1em;
}
.portfolio-elem__pin {
  width: 3.4375em;
  height: 3.4375em;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  transition: all 0.3s ease-out;
}
.portfolio-elem__pin > svg {
  width: 2em;
  height: 2em;
  transition: all 0.3s ease-out;
  transform: rotate(150deg);
}
.portfolio-elem__pin > svg > g > path {
  transition: all 0.3s ease-out;
}
.videoblog {
  margin-top: 8.75em;
}
.videoblog__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25em;
}
.videoblog__content {
  display: flex;
  flex-wrap: wrap;
  max-width: 88.75em;
  width: 100%;
  margin: -1.5625em;
}
.videoblog__card {
  width: 50%;
  padding: 1.5625em;
}
.videoblog__head {
  line-height: 1.75em;
  margin-top: 1em;
}
.videoblog__head > span {
  font-size: 1.25em;
  font-weight: 700;
}
.videoblog__subhead {
  line-height: 1.5em;
  margin-top: 0.25em;
}
.videoblog__subhead > span {
  font-size: 0.9375em;
  font-weight: 400;
}
.videoblog__footer {
  margin-top: 5.625em;
}
.articles-cards {
  margin-top: 8.75em;
}
.articles-cards__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.articles-cards__content {
  display: flex;
  flex-wrap: wrap;
  max-width: 88.75em;
  margin: -1em;
}
.articles-cards__card {
  width: 33.33333%;
  padding: 1em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: opacity 0.3s ease-out;
}
.articles-cards__card:hover {
  opacity: 0.7;
}
.articles-cards__pic {
  height: 18.125em;
  display: flex;
}
.articles-cards__pic > img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.articles-cards__date {
  color: #777;
  margin-top: 0.75em;
  line-height: 1em;
}
.articles-cards__date > span {
  font-size: 0.75em;
  font-weight: 400;
}
.articles-cards__head {
  line-height: 1.75em;
  margin-top: 1em;
}
.articles-cards__head > span {
  font-size: 1.375em;
  font-weight: 400;
}
.articles-cards__subhead {
  line-height: 1.375em;
  margin-top: 1em;
  color: #777;
}
.articles-cards__subhead > span {
  font-size: 0.9375em;
  font-weight: 400;
}
.articles-cards__footer {
  margin-top: 5.625em;
}
.detail__head {
  text-transform: uppercase;
  letter-spacing: 0.125em;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 0.5em 0;
  margin-top: 2.5em;
}
.detail__head > span {
  font-size: 2.5em;
  font-weight: 700;
}
.detail__section {
  margin-top: 2.5em;
  padding-bottom: 2.5em;
  border-bottom: 1px solid #dfdfdf;
}
.detail__section .detail__text {
  border: none;
  margin-top: 1.125em;
  padding: 0;
}
.detail__section .gallery .thumbs {
  margin: 0 -2.5em;
}
.detail__section .videoblog {
  margin: 2.5em 0 0 0;
}
.detail__section .videoblog__body {
  padding: 0;
  margin: -3.75em;
}
.detail__section .videoblog__content {
  max-width: 100%;
  margin: 0;
}
.detail__section .videoblog__card {
  padding: 3.75em;
}
.detail__block {
  padding-left: 16%;
  margin-top: 2.5em;
}
.detail__block .detail__text {
  border: none;
  margin-top: 0.5em;
  padding: 0;
}
.detail__block button {
  margin-top: 2.5em;
}
.detail__caption {
  letter-spacing: 0.06875em;
  text-transform: uppercase;
  margin-top: 2.5em;
}
.detail__caption > span {
  font-size: 1.625em;
  font-weight: 700;
}
.detail__subcaption {
  letter-spacing: 0.05em;
  margin-top: 2.5em;
}
.detail__subcaption > span {
  font-size: 1.125em;
  font-weight: 700;
}
.detail__text {
  letter-spacing: 0.05em;
  padding-bottom: 2.5em;
  margin-top: 2.5em;
  line-height: 1.25em;
  text-align: justify;
}
.detail__text > p {
  font-size: 1.125em;
  font-weight: 400;
}
.detail__text > ol,
.detail__text > ul {
  margin-top: 2.5em;
  margin-left: 1.5em;
  font-weight: 400;
}
.detail__text > ol > li,
.detail__text > ul > li {
  font-size: 1.125em;
}
.detail__text > ul > li {
  list-style-type: disc;
}
.detail__list {
  margin-top: 0.5em;
}
.detail__list > li {
  line-height: 1.25em;
  letter-spacing: 0.05em;
}
.detail__list > li::before {
  content: "";
  display: inline-block;
  height: 0.5px;
  width: 1em;
  background: #000;
  margin: 0 0.375em 0.25em 0;
}
.detail__list > li > span {
  font-size: 1.125em;
  font-weight: 400;
}
.detail__pic {
  margin-top: 2.5em;
  overflow: hidden;
  display: flex;
}
.detail__pic > img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 0 0;
  object-position: 0 0;
  width: 100%;
  height: unset;
}
.detail__pic.w-50 {
  width: 50%;
}
.detail__doublepic {
  display: flex;
  margin: 0 -1.5625em;
}
.detail__after,
.detail__before {
  width: 50%;
  padding: 0 1.5625em;
}
.detail__note {
  letter-spacing: 0.04125em;
  margin-top: 1em;
}
.detail__note > span {
  font-size: 1.5em;
  font-weight: 500;
}
.detail__video {
  margin-top: 2.5em;
}
.detail:has(.aside-info) > .container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.detail:has(.aside-info) .aside-info {
  order: 3;
}
.detail:has(.aside-info) .detail__head {
  width: 100%;
  order: 1;
}
.detail:has(.aside-info) .detail__section {
  order: 2;
  width: calc(100% - 17em);
}
.detail:has(.aside-info) .detail__section ~ .detail__section {
  order: 99;
  width: 100%;
}
.detail:has(.aside-info) .detail__caption {
  margin-top: 0;
}
.detail:has(.aside-info) .detail__text:first-child {
  margin-top: 0;
}
.detail:has(.aside-info) .detail__text ~ .detail__text {
  margin-top: 1.125em;
}
.technologies-slider {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 10;
  width: 100%;
  margin-top: 3em;
}
.technologies-slider:has(.images.active) {
  z-index: 5001;
}
.technologies-slider__slides {
  position: relative;
  width: 100%;
  height: 26.75em;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.technologies-slider__slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  background: #f9f0e9;
}
.technologies-slider__slide.thumbs__item {
  width: 100%;
  height: 100%;
  padding: 0;
}
.technologies-slider__slide > img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  filter: brightness(0.7);
}
.technologies-slider__slide > span {
  font-size: 2.5em;
  font-weight: 500;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
}
.technologies-slider__next,
.technologies-slider__prev {
  width: 3.125em;
  height: 3.125em;
  cursor: pointer;
  z-index: 1;
  background: url(../img/common/arrow.svg) 50% 50%/80% 80% no-repeat #c5bdb6;
  border-radius: 50%;
  transition: background-color 0.3s ease-out;
  position: absolute;
  top: 45%;
}
.technologies-slider__prev {
  left: 1.25em;
}
.technologies-slider__next {
  right: 1.25em;
  transform: rotate(180deg);
}
.fourofour {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 5em 0 5em;
  position: relative;
}
.fourofour__body {
  width: 100%;
  max-width: 43.75em;
  text-align: center;
}
.fourofour__text {
  line-height: 1.75em;
  letter-spacing: 0.061875em;
  text-transform: uppercase;
  text-align: start;
}
.fourofour__text > span {
  font-size: 2.0625em;
  font-style: normal;
  font-weight: 500;
}
.fourofour__text.text-end {
  text-align: end;
}
.fourofour__404 {
  letter-spacing: 0.481875em;
  background: linear-gradient(
    139deg,
    #7a514b 17.84%,
    rgba(107, 21, 21, 0.39) 46.13%,
    #7a514b 86.05%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin: 0.625em 0 1.875em;
}
.fourofour__404 > span {
  font-size: 16.0625em;
  font-weight: 800;
}
.fourofour__btn {
  margin-top: 3.75em;
  display: inline-block;
}
.fourofour__dots {
  background: url(../img/common/dots.svg) 0 0/100% auto no-repeat;
  width: 6.25em;
  height: 30em;
  position: absolute;
  right: 5em;
}
.thanks__body {
  display: flex;
}
.thanks__pic {
  width: 50%;
}
.thanks__pic > img {
  display: block;
  width: 100%;
}
.thanks__text {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.thanks__caption {
  text-align: center;
  text-transform: uppercase;
}
.thanks__caption > span {
  line-height: 1.5em;
}
.thanks__caption > span:first-child {
  font-weight: 700;
  font-size: 2.0625em;
}
.thanks__caption > span:last-child {
  font-weight: 700;
  font-size: 1.75em;
}
.thanks__logo {
  width: 20em;
  margin-top: 4em;
}
.thanks__logo > img {
  display: block;
  width: 100%;
}
.thanks__btn {
  margin-top: 5em;
  text-align: center;
}
.rounded-btn {
  border-radius: 2.5em;
  padding: 1.0625em 1.5em;
  transition: all 0.3s ease-out;
}
.rounded-btn > span {
  transition: all 0.3s ease-out;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.rounded-btn.gray {
  background: #c5bdb6;
  border: 1px solid #c5bdb6;
  color: #374a5e;
}
.rounded-btn.gray:hover {
  background: #fff;
  color: #374a5e;
}
.rounded-btn.brown {
  background: #7a514b;
  border: 1px solid #7a514b;
  color: #fff;
}
.rounded-btn.brown:hover {
  background: #fff;
  color: #7a514b;
}
.rounded-btn.bordered {
  border: 1px solid #fff;
  padding: 1.5em 2.375em;
}
.rounded-btn.bordered > span {
  font-weight: 700;
  font-size: 1.5625em;
}
.rounded-btn.bold {
  padding: 1.0625em 3.125em;
}
.rounded-btn.bold > span {
  font-size: 1.5em;
  font-weight: 700;
}
.rounded-btn:disabled {
  background: #a8a8a8;
  border-color: #a8a8a8;
  pointer-events: none;
}
.burger {
  background: 0 0;
  flex: 0 0 2.375em;
  position: relative;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
.burger__inner {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}
.burger__inner::after,
.burger__inner::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 1.875em;
  left: 50%;
  transform: translateX(-50%);
  background: #c5bdb6;
  transition: all 0.3s ease-out;
  border-radius: 0.25em;
}
.burger__inner::before {
  top: 20%;
}
.burger__inner::after {
  bottom: 20%;
}
.burger__inner .burger__toggle {
  position: absolute;
  height: 4px;
  width: 1.875em;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: #c5bdb6;
  transition: all 0.3s ease-out;
  border-radius: 0.25em;
}
.burger.active .burger__toggle {
  background: 0 0;
  width: 0;
}
.burger.active .burger__inner::before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 50%;
}
.burger.active .burger__inner::after {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  top: 50%;
}
.pic-info {
  display: flex;
}
.pic-info__pic {
  flex: 1 1 50%;
  display: flex;
}
.pic-info__pic > img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}
.pic-info__info {
  flex: 1 1 50%;
  display: flex;
}
.pic-info__wrap {
  padding-left: 8.125em;
  padding-top: 3.625em;
  padding-right: 8.125em;
}
.pic-info__dots {
  margin: 1.875em 3.75em 0 0;
  flex: 0 0 6.25em;
  background: url(../img/common/dots.svg) 0 0/100% auto no-repeat;
  display: none;
}
.pic-info__head {
  letter-spacing: 0.103125em;
  line-height: 2.625em;
}
.pic-info__head > span {
  font-size: 3.4375em;
  font-weight: 700;
}
.pic-info__subhead {
  margin-top: 2.5em;
  letter-spacing: 0.05625em;
}
.pic-info__subhead > span {
  font-size: 1.875em;
  font-weight: 500;
}
.pic-info__text {
  margin-top: 2.5em;
  letter-spacing: 0.03375em;
  line-height: 1.75em;
  text-align: justify;
}
.pic-info__text > p,
.pic-info__text > span {
  font-size: 1.125em;
  font-weight: 400;
  display: block;
}
.pic-info__btn {
  margin-top: 2.5em;
}
.pic-info.pic-shifted .pic-info__pic {
  padding-left: 10em;
}
.pic-info.dotted .pic-info__wrap {
  padding-right: 5em;
}
.pic-info.dotted .pic-info__dots {
  display: block;
}
.pic-info.inverted .pic-info__pic {
  order: 2;
}
.pic-info.inverted .pic-info__info {
  order: 1;
}
.pic-info.inverted .pic-info__wrap {
  padding-left: 10em;
}
.pic-info.pic-splitted .pic-info__pic {
  padding-right: 15em;
  flex: 1 1 55%;
}
.pic-info.pic-splitted .pic-info__info {
  flex: 1 1 45%;
}
.pic-info.pic-splitted .pic-info__wrap {
  padding-top: 9.375em;
  padding-right: 3.75em;
}
.pic-info.info-centered .pic-info__info {
  align-items: center;
}
.pic-info.info-centered .pic-info__wrap {
  padding-top: 0;
}
.pic-info.info-full-padding .pic-info__wrap {
  padding: 3.625em 8.125em;
}
.pic-info.pad-top {
  padding-top: 7.5em;
}
.pic-info.pad-bottom {
  padding-bottom: 7.5em;
}
.pic-info.bg-blue {
  background: #374a5e;
  color: #fff;
}
.pic-info.main-page-about,
.pic-info.main-page-hello {
  margin-top: 6.25em;
}
.pic-info.main-page-peparing {
  margin-top: 3.75em;
}
.pic-info.about-page-hello .pic-info__pic {
  margin-bottom: 1.875em;
}
.pic-info.about-page-about-me {
  margin-top: 7.75em;
}
.pic-info.about-page-about-me .pic-info__wrap {
  padding-top: 3.625em;
}
.pic-info.about-page-qualification {
  margin-top: 7.75em;
}
.pic-info.single-page .pic-info__text {
  line-height: 2em;
}
.pic-info.single-page .pic-info__text > p {
  font-size: 1.25em;
}
.pic-info.single-page .pic-info__pic > img {
  -o-object-position: right center;
  object-position: right center;
}
.form {
  padding-right: 12.5em;
}
.form__body > form {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.form__head {
  text-transform: uppercase;
  line-height: 3.75em;
  margin-bottom: 5em;
}
.form__head > span {
  font-size: 3em;
  font-weight: 700;
}
.form__head.reduced {
  line-height: 2em;
}
.form__head.reduced > span {
  font-size: 2.25em;
}
.form__input {
  border-bottom: 1px solid #000;
  position: relative;
  padding: 0.75em;
}
.form__input > input,
.form__input > textarea {
  background: 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  resize: none;
  font-size: 1.0625em;
  font-weight: 800;
}
.form__input > input::-moz-placeholder,
.form__input > textarea::-moz-placeholder {
  color: #8d8d8d;
}
.form__input > input::placeholder,
.form__input > textarea::placeholder {
  color: #8d8d8d;
}
.form__input.error {
  border-bottom: 1px solid red;
}
.form__input.error .form__error {
  display: block;
}
.form__error {
  position: absolute;
  bottom: -0.875em;
  white-space: nowrap;
  display: none;
}
.form__error > span {
  font-size: 0.5625em;
  color: red;
}
.form__submit {
  margin-top: 2.5em;
  max-width: 14.375em;
}
.form__footer {
  margin-top: 1.25em;
  display: flex;
  align-items: center;
}
.form.short {
  padding: 0;
}
.form.short .form__head {
  text-align: center;
  margin-bottom: 5em;
}
.form.short .form__top {
  width: 100%;
}
.form.short .form__body > form > .form__top {
  display: flex;
  flex-direction: row;
  gap: 5em;
}
.form.short .form__body .form__input {
  width: 30%;
}
.form.short .form__body .form__submit {
  margin: 0;
}
.form.popup {
  padding: 0 6.25em;
  text-align: center;
  margin-top: 1.25em;
}
.form.popup .form__head {
  margin-bottom: 1.875em;
}
.form.popup .form__footer .checkbox {
  width: 100%;
}
.form.popup .form__submit {
  margin: 2.5em auto 0;
}
.gallery__show {
  margin: 0 auto;
  display: block;
}
.thumbs {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.25em;
  padding: 0 1.25em;
}
.thumbs__item {
  overflow: hidden;
  height: 24.375em;
  width: 20%;
  padding: 0 1.25em;
}
.thumbs__thumb {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.images {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 5000;
  align-items: center;
  justify-content: center;
  display: flex;
  transform: scale(0);
  transition: all 0.3s ease-out;
  padding: 4em;
  padding: 1.25em;
}
.images.active {
  transform: scale(1);
}
.images__close {
  position: absolute;
  width: 2.75em;
  height: 2.75em;
  transition: all 0.3s ease-out;
  top: 1.875em;
  right: 1.875em;
  cursor: pointer;
  z-index: 10;
}
.images__close::after,
.images__close::before {
  content: "";
  position: absolute;
  height: 0.125em;
  width: 2.75em;
  background: #c5bdb6;
  transition: all 0.3s ease-out;
}
.images__close::before {
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
}
.images__close::after {
  transform: translateY(-50%) rotate(-45deg);
  top: 50%;
}
.images__next,
.images__prev {
  position: absolute;
  width: 3.125em;
  height: 3.125em;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 5000;
  background: url(../img/common/arrow.svg) 50% 50%/80% 80% no-repeat #c5bdb6;
  border-radius: 50%;
}
.images__next.disabled,
.images__prev.disabled {
  background-color: rgba(199, 199, 199, 0.3);
}
.images__prev {
  left: 6.25em;
}
.images__next {
  right: 6.25em;
  transform: translateY(-50%) rotate(180deg);
}
.images__wrap {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.images__item {
  position: absolute;
  transition: all 0.5s ease-out;
  width: 80%;
  height: 80%;
  opacity: 0;
}
.images__item.active {
  transform: translateX(0);
  opacity: 1;
}
.images__item.lefted {
  transform: translateX(-200%);
}
.images__item.righted {
  transform: translateX(200%);
}
.images__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
}
.operations-nav {
  display: flex;
  justify-content: center;
}
.operations-nav__btn {
  line-height: 2.875em;
  letter-spacing: 0.0675em;
  width: 10em;
  text-align: center;
  color: #c5bdb6;
  transition: all 0.3s ease-out;
  background: 0 0;
}
.operations-nav__btn::after {
  content: "";
  width: 100%;
  height: 0.125em;
  display: block;
  background: #c5bdb6;
  margin-top: 0.625em;
  transition: all 0.3s ease-out;
}
.operations-nav__btn.active {
  color: #000;
}
.operations-nav__btn.active::after {
  background: #000;
}
.operations-nav__btn > span {
  font-size: 2.25em;
  font-weight: 400;
}
.operations {
  justify-content: center;
  display: none;
}
.operations.active {
  display: flex;
}
.operations__body {
  position: relative;
}
.operations__box {
  width: 100%;
  overflow: hidden;
}
.operations__switch {
  max-width: 6.25em;
  position: absolute;
  top: 0.625em;
  right: 0.625em;
  z-index: 20;
  padding: 0.25em;
  border-radius: 0.25em;
  background: #c5bdb6;
  display: none;
}
.operations__switch span {
  font-size: 1em;
  color: #000;
}
.operations__switch span:nth-child(2) {
  display: none;
}
.operations__switch span:nth-child(3) {
  line-height: 0.5em;
  font-size: 2.625em;
  display: block;
  margin-bottom: 0.0625em;
}
.operations__switch.active {
  left: 0.625em;
}
.operations__switch.active span:nth-child(1) {
  display: none;
}
.operations__switch.active span:nth-child(2) {
  display: block;
}
.operations__switch.active span:nth-child(3) {
  transform: rotate(180deg);
  margin-bottom: 0;
  margin-top: 0.125em;
}
.operations__wrap {
  position: relative;
}
.operations__bg > img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}
.operations__dot,
.operations__switch-dot {
  width: 2em;
  height: 2em;
  background: #7a514b;
  border: 0.25em solid #fff;
  position: absolute;
  cursor: pointer;
  border-radius: 50%;
}
.operations__switch-dot {
  top: 13%;
  left: 30%;
}
.operations__menu {
  position: absolute;
  width: 23.75em;
  margin-left: 3.125em;
  transform: scale(0);
  transform-origin: top left;
  transition: all 0.3s ease-out;
  box-shadow: 1px 1px 0.25em 0 rgba(0, 0, 0, 0.2);
}
.operations__menu::before {
  content: "";
  display: block;
  width: 1.875em;
  height: 3.0625em;
  background: url(../img/common/operation_triangle.svg) 0 0/100% 100% no-repeat;
  position: absolute;
  top: -0.375em;
  left: -1.625em;
  transition: all 0.3s ease-out;
}
.operations__menu--righted {
  margin-left: -25em;
  transform-origin: top right;
}
.operations__menu--righted::before {
  left: unset;
  right: -1.625em;
  transform: scale(-1, 1);
}
.operations__menu.active {
  z-index: 10;
  transform: scale(1) translateY(-2px);
}
.operations__menu-close {
  background: #f9f0e9;
  width: 6.25em;
  height: 3.125em;
  position: absolute;
  border: 0.5em solid #7a514b;
  border-radius: 1.5em;
  cursor: pointer;
  right: unset;
  left: 50%;
  transform: translateX(-50%);
  top: -3.75em;
  width: 3.125em;
  border: 0.25em solid #7a514b;
}
.operations__menu-close::after,
.operations__menu-close::before {
  content: "";
  display: block;
  position: absolute;
  width: 1.875em;
  height: 0.25em;
  background: #7a514b;
  top: 50%;
  border-radius: 0.25em;
  right: unset;
  left: 50%;
}
.operations__menu-close::before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.operations__menu-close::after {
  transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.operations__menu-wrap {
  background: #f9f0e9;
  border-top: 0.5em solid #7a514b;
  padding: 1.25em;
  position: relative;
}
.operations__menu-title {
  text-align: center;
  margin-bottom: 1.875em;
}
.operations__menu-title > span {
  font-size: 1.5625em;
  font-weight: 700;
}
.operations__menu-link {
  text-align: center;
  margin-top: 0.75em;
}
.operations__menu-link > span {
  font-size: 1.375em;
  font-weight: 400;
}
.operations__dot,
.operations__menu {
  top: 0;
  left: 0;
}
.operations__dot.head,
.operations__menu.head {
  top: 13%;
  left: 30%;
}
.operations__dot.breast,
.operations__menu.breast {
  top: 26%;
  left: 33%;
}
.operations__dot.hand,
.operations__menu.hand {
  top: 39%;
  left: 39%;
}
.operations__dot.belly,
.operations__menu.belly {
  top: 41%;
  left: 31%;
}
.operations__dot.waist,
.operations__menu.waist {
  top: 39%;
  left: 24%;
}
.operations__dot.hip-inner,
.operations__menu.hip-inner {
  top: 56%;
  left: 28%;
}
.operations__dot.knee,
.operations__menu.knee {
  top: 63%;
  left: 37%;
}
.operations__dot.shin,
.operations__menu.shin {
  top: 75%;
  left: 36%;
}
.operations__dot.foot,
.operations__menu.foot {
  top: 89%;
  left: 14%;
}
.operations__dot.hump,
.operations__menu.hump {
  top: 17%;
  left: 67%;
}
.operations__dot.forearm,
.operations__menu.forearm {
  top: 27%;
  left: 80%;
}
.operations__dot.loin,
.operations__menu.loin {
  top: 36%;
  left: 67%;
}
.operations__dot.buttock,
.operations__menu.buttock {
  top: 48%;
  left: 72%;
}
.operations__dot.underbuttock,
.operations__menu.underbuttock {
  top: 53%;
  left: 62%;
}
.operations__dot.hip-back,
.operations__menu.hip-back {
  top: 57%;
  left: 73%;
}
.operations__dot.hip,
.operations__menu.hip {
  top: 50%;
  left: 40%;
}
.operations__dot.forehead,
.operations__menu.forehead {
  top: 27%;
  left: 50%;
}
.operations__dot.eyebrow,
.operations__menu.eyebrow {
  top: 34%;
  left: 42%;
}
.operations__dot.brow-arch,
.operations__menu.brow-arch {
  top: 36%;
  left: 62%;
}
.operations__dot.ear,
.operations__menu.ear {
  top: 41%;
  left: 32%;
}
.operations__dot.nose,
.operations__menu.nose {
  top: 43%;
  left: 50%;
}
.operations__dot.cheek,
.operations__menu.cheek {
  top: 50%;
  left: 40%;
}
.operations__dot.cheekbone,
.operations__menu.cheekbone {
  top: 43%;
  left: 60%;
}
.operations__dot.nasolabial-folds,
.operations__menu.nasolabial-folds {
  top: 54%;
  left: 56%;
}
.operations__dot.face-oval,
.operations__menu.face-oval {
  top: 61%;
  left: 39%;
}
.operations__dot.lips,
.operations__menu.lips {
  top: 60%;
  left: 50%;
}
.operations__dot.chin,
.operations__menu.chin {
  top: 67%;
  left: 50%;
}
.operations__dot.neck,
.operations__menu.neck {
  top: 68%;
  left: 60%;
}
.paginator__body {
  display: flex;
  gap: 1em;
}
.paginator__btn {
  width: 2.5em;
  height: 2.5em;
  border-radius: 0.25em;
  border: 1px solid #bebebe;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: 0 0;
  transition: opacity 0.3s ease-out;
  color: #000;
}
.paginator__btn > span {
  font-size: 1em;
  font-weight: 600;
}
.paginator__btn.prev > svg {
  transform: rotate(180deg);
}
.paginator__btn.dots {
  border-color: transparent;
}
.paginator__btn.active {
  border: 1px solid #7a514b;
  background: #7a514b;
  color: #fff;
}
.paginator__btn:hover {
  opacity: 0.5;
}
.paginator__btn:disabled {
  opacity: 0.3;
  cursor: default;
}
.paginator__btn.dots,
.paginator__btn.next,
.paginator__btn.prev,
.paginator__btn:nth-child(2),
.paginator__btn:nth-child(3),
.paginator__btn:nth-last-child(2) {
  display: flex;
}
.checkbox {
  display: flex;
  align-items: center;
  position: relative;
}
.checkbox > input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 10;
  flex: 0 0 22px;
  height: 22px;
  opacity: 0;
  cursor: pointer;
}
.checkbox > input:checked + label ~ span {
  background: 0 0;
}
.checkbox > input:checked + label ~ span > svg {
  opacity: 1;
}
.checkbox > label {
  z-index: 10;
  margin-left: 1.25em;
  color: #8d8d8d;
  letter-spacing: 0.0325em;
}
.checkbox > label > span {
  font-size: 0.8125em;
}
.checkbox > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  z-index: 5;
  border: 2px solid #9ca3af;
  border-radius: 6px;
  transition: background 0.2s ease-out;
  background: #e5e7eb;
}
.checkbox > span > svg {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.slider-blue {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  width: 100%;
  background: #374a5e;
  padding: 4.6875em 2.5em 5em;
}
.slider-blue::after,
.slider-blue::before {
  content: "";
  height: 100%;
  width: 18.75em;
  background: #0ff;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  display: none;
}
.slider-blue::before {
  left: 0;
  background: linear-gradient(to right, #374a5e 0, transparent 100%);
}
.slider-blue::after {
  right: 0;
  background: linear-gradient(to left, #374a5e 0, transparent 100%);
}
.slider-blue__caption {
  text-align: center;
  color: #fff;
  margin-bottom: 3.75em;
  text-transform: uppercase;
}
.slider-blue__caption > span {
  font-size: 3.4375em;
  font-style: normal;
  font-weight: 700;
}
.slider-blue__slides {
  position: relative;
  width: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.slider-blue__slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  background: 0 0;
  height: 33.75em;
}
.slider-blue__slide > img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  filter: brightness(0.7);
  cursor: pointer;
}
.slider-blue__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  text-align: center;
  width: 100%;
  margin-top: 1em;
}
.slider-blue__link > span {
  font-size: 1em;
}
.slider-blue__link > svg {
  height: 1.25em;
  margin-top: 0.125em;
  transform: rotate(180deg);
}
.slider-blue__control {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3em;
  margin-top: 3.75em;
}
.slider-blue__pagination {
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 3em;
}
.slider-blue__pagination > .swiper-pagination-bullet {
  width: 0.75em;
  height: 0.75em;
  background: #c5bdb6;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0.9;
}
.slider-blue__pagination > .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.slider-blue__next,
.slider-blue__prev {
  width: 3.125em;
  height: 3.125em;
  min-width: 3.125em;
  cursor: pointer;
  z-index: 3;
  border-radius: 50%;
  background: #c5bdb6;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
  position: absolute;
  top: 50%;
  transition: all 0.3s ease-out;
}
.slider-blue__next > svg,
.slider-blue__prev > svg {
  width: 2em;
  height: 2em;
}
.slider-blue__next:hover,
.slider-blue__prev:hover {
  opacity: 1;
}
.slider-blue__prev {
  left: 10em;
}
.slider-blue__next {
  transform: rotate(180deg);
  right: 10em;
}
.slider-blue.patents-slider .slider-blue__slide > img,
.slider-blue.reviews-slider .slider-blue__slide > img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  filter: brightness(1);
}
.slider-blue.patents-slider.patents-slider--low .slider-blue__slide {
  height: 15.625em;
}
.slider-blue.reviews-slider .slider-blue__slide {
  height: 27.5em;
  position: relative;
}
.slider-blue.reviews-slider .slider-blue__slide > img {
  height: 90%;
  background: #fff;
  filter: brightness(1);
}
.big-slider {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  width: 100%;
  margin-bottom: 4em;
}
.big-slider.one-slide {
  margin-bottom: 0;
}
.big-slider.one-slide .big-slider__slides {
  transform: none !important;
}
.big-slider.one-slide .big-slider__control {
  display: none;
}
.big-slider__slides {
  position: relative;
  width: 100%;
  height: 41.25em;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.big-slider__slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  background: #f9f0e9;
}
.big-slider__slide > img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}
.big-slider__content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.big-slider__content > span {
  font-size: 2.5em;
  font-weight: 500;
  color: #fff;
  display: block;
}
.big-slider__content > div {
  margin-top: 3.375em;
  width: 13.75em;
  display: block;
}
.big-slider__content > div > span {
  font-weight: 700;
}
.big-slider__control {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3em;
  margin-top: 3.75em;
}
.big-slider__pagination {
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 3em;
}
.big-slider__pagination > .swiper-pagination-bullet {
  width: 0.75em;
  height: 0.75em;
  background: #000;
  cursor: pointer;
  border-radius: 50%;
}
.big-slider__pagination > .swiper-pagination-bullet-active {
  background: #c5bdb6;
}
.big-slider__next,
.big-slider__prev {
  width: 2em;
  height: 2em;
  cursor: pointer;
  z-index: 1;
  background: url(../img/common/arrow.svg) 0 0/100% 100% no-repeat;
}
.big-slider__next {
  transform: rotate(180deg);
}
.single-text-block {
  padding: 4.75em 0 9.375em;
}
.single-text-block:not(:has(.single-text-block__caption)) {
  padding-top: 7.75em;
}
.single-text-block__caption {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 4.75em;
}
.single-text-block__caption > span {
  font-size: 3.4375em;
}
.single-text-block__text {
  line-height: 2em;
}
.single-text-block__text > p {
  font-size: 1.25em;
  text-align: justify;
}
.single-text-block__text > p > span {
  font-weight: 700;
  text-transform: uppercase;
}
.single-text-block__contacts {
  margin-top: 4.75em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-text-block__phone {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 1em;
  color: #374a5e;
  text-decoration: none;
}
.single-text-block__phone > svg {
  width: 2.1875em;
  height: 2.1875em;
}
.single-text-block__phone > span {
  font-size: 2.75em;
}
.big-pic {
  width: 100%;
  height: 49.875em;
}
.big-pic > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.big-pic.mobile {
  display: none;
}
.aside-info {
  width: 15.1875em;
  margin-top: 2.5em;
  margin-left: auto;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 1.5em;
}
.aside-info__pic {
  width: 100%;
  height: 12.8125em;
  margin-bottom: 0.9375em;
}
.aside-info__pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.aside-info__name {
  text-transform: uppercase;
  text-decoration: underline;
  margin-bottom: 0.5em;
  line-height: 1.375em;
}
.aside-info__name > span {
  font-size: 1.125em;
  font-weight: 800;
}
.aside-info__list > li {
  list-style-type: disc;
  list-style-position: inside;
  line-height: 1.25em;
}
.aside-info__list > li > span {
  font-size: 1.125em;
  font-weight: 400;
  letter-spacing: 0.039375em;
}
.eighteen-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
}
.eighteen-popup.active {
  display: block;
}
.eighteen-popup__mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.eighteen-popup__body {
  position: absolute;
  z-index: 10001;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 1.875em;
  background: #fff;
  box-shadow: 0 0 2em 0 rgba(37, 45, 53, 0.2);
  padding: 1.5em;
  padding: 1.25em 1.5em 3.125em;
  width: 100%;
  max-width: 49em;
  color: #000;
}
.eighteen-popup__top {
  display: flex;
  justify-content: flex-end;
}
.eighteen-popup__close {
  width: 2.5em;
  height: 2.5em;
  background: 0 0;
}
.eighteen-popup__close > svg {
  width: 100%;
  height: 100%;
}
.eighteen-popup__head {
  margin-top: 2em;
  text-align: center;
  line-height: 1.75em;
}
.eighteen-popup__head > span {
  font-size: 2.5em;
  font-weight: 600;
}
.eighteen-popup__bottom {
  margin-top: 3.75em;
  display: flex;
  justify-content: center;
  gap: 2.25em;
}
.eighteen-popup__no,
.eighteen-popup__yes {
  width: 6.625em;
}
.callback-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s ease-out;
}
.callback-popup.active {
  transform: scale(1);
  opacity: 1;
}
.callback-popup__mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.callback-popup__body {
  position: absolute;
  z-index: 10001;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 1.875em;
  background: #fff;
  box-shadow: 0 0 2em 0 rgba(37, 45, 53, 0.2);
  padding: 1.5em;
  padding: 1.25em 1.5em 3.125em;
  width: 100%;
  max-width: 49em;
  color: #000;
}
.callback-popup__top {
  display: flex;
  justify-content: flex-end;
}
.callback-popup__close {
  width: 2.5em;
  height: 2.5em;
  background: 0 0;
}
.callback-popup__close > svg {
  width: 100%;
  height: 100%;
}
.callback-popup__head {
  margin-top: 2em;
  text-align: center;
  line-height: 1.75em;
}
.callback-popup__head > span {
  font-size: 2.5em;
  font-weight: 600;
}
.callback-popup__bottom {
  margin-top: 3.75em;
  display: flex;
  justify-content: center;
  gap: 2.25em;
}
.callback-popup__no,
.callback-popup__yes {
  width: 6.625em;
}
@media screen and (min-width: 770px) {
  .big-slider__slide > img:last-child {
    display: none;
  }
}
@media screen and (max-width: 2600px) {
  .wrapper {
    font-size: 0.625vw;
  }
}
@media screen and (max-width: 2000px) {
  .wrapper {
    font-size: 0.8333333vw;
  }
}
@media screen and (max-width: 1600px) {
  .wrapper {
    font-size: 0.87vw;
  }
  .introduction__right {
    right: 5em;
  }
}
@media screen and (max-width: 1400px) {
  .wrapper {
    font-size: 0.92vw;
  }
}
@media screen and (max-width: 1200px) {
  .tech-slider {
    margin-bottom: 1.875em;
  }
  .big-slider {
    margin-bottom: 1.875em;
  }
}
@media screen and (max-width: 1199px) {
  .wrapper {
    font-size: 1.7vw;
  }
  .content {
    padding-top: 3.75em;
  }
  .caption {
    letter-spacing: 0.05625em;
    padding: 2.5em 0;
  }
  .caption > span {
    font-size: 1.875em;
  }
  .caption-small {
    min-height: 5.625em;
    margin-top: -5.625em;
  }
  .caption-small__body {
    padding: 0 1.25em;
    margin: 0 1.5em;
  }
  .caption-small__head {
    letter-spacing: 0.05625em;
  }
  .caption-small__head > span {
    font-size: 1.875em;
  }
  .caption-small__subhead {
    letter-spacing: 0.22px;
  }
  .caption-pic {
    height: 10em;
  }
  .button-block {
    padding-top: 0;
  }
  .topnav {
    position: fixed;
    z-index: 501;
    bottom: 0;
    width: 100%;
    left: -100%;
  }
  .topnav.active {
    left: 0;
  }
  .topnav__body {
    justify-content: center;
    flex-direction: column-reverse;
  }
  .topnav__phone > span {
    font-size: 1.875em;
  }
  .header {
    position: fixed;
    z-index: 500;
    background: #f9f0e9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 5em;
    left: -100%;
    box-shadow: none;
  }
  .header.active {
    left: 0;
  }
  .header__body {
    flex-direction: column;
    align-items: flex-start;
    gap: 1em;
    padding: 1.25em;
  }
  .header__links {
    flex-direction: column;
    gap: 1em;
  }
  .header__link > span {
    font-size: 1.25em;
  }
  .header__link.main {
    display: block;
  }
  .header__logo {
    display: none;
  }
  .bottomnav {
    display: none;
  }
  .footer {
    background: url(../img/footer/footer_bg.jpg) 37% 50% / auto 105% no-repeat;
  }
  .footer__body {
    padding: 2.5em 1.25em 3.75em 1.5em;
    flex-direction: column;
    gap: 3.125em;
  }
  .footer__wrap:nth-child(1) {
    order: 2;
  }
  .footer__wrap:nth-child(2) {
    order: 1;
  }
  .footer__wrap:nth-child(3) {
    order: 3;
  }
  .footer__mail {
    padding-bottom: 1em;
    margin-bottom: 1em;
  }
  .footer__socials {
    gap: 1.5em;
  }
  .footer__name {
    text-align: left;
    letter-spacing: 0.09375em;
    line-height: 2.25em;
  }
  .footer__name > span {
    font-size: 1.875em;
  }
  .footer__subname {
    text-align: left;
  }
  .footer__subname > span {
    font-size: 0.75em;
  }
  .footer__phone {
    padding-bottom: 1em;
    margin-bottom: 1em;
  }
  .footer__link {
    text-align: left;
  }
  .footer__link > span {
    font-size: 1em;
  }
  .up-button {
    width: 3.75em;
    height: 3.75em;
    bottom: 1.25em;
    right: 1.25em;
  }
  .mobile-menu {
    display: block;
  }
  .introduction {
    height: auto;
    padding: 2.5em 1.875em;
  }
  .introduction__bg {
    display: none;
  }
  .introduction__face {
    position: relative;
    height: unset;
    width: 144%;
    left: -16%;
    order: 2;
    margin-top: 1.875em;
  }
  .introduction__face > img {
    height: unset;
    width: 100%;
  }
  .introduction__left {
    position: relative;
    left: unset;
    top: unset;
    order: 1;
  }
  .introduction__caption {
    line-height: 2.5em;
    letter-spacing: unset;
  }
  .introduction__caption > span {
    font-size: 2.25em;
  }
  .introduction__subcaption {
    line-height: 0.875em;
  }
  .introduction__subcaption > span {
    font-size: 0.6875em;
  }
  .introduction__btn {
    position: relative;
    order: 4;
    left: unset;
    top: unset;
    width: 100%;
    margin-top: 3.75em;
  }
  .introduction__right {
    position: relative;
    order: 3;
    right: unset;
    top: unset;
  }
  .introduction__name {
    margin-top: 1.875em;
  }
  .introduction__name > span {
    font-size: 1.25em;
  }
  .introduction__profession {
    margin-top: 1.5em;
  }
  .introduction__logo {
    position: relative;
    top: unset;
    right: unset;
    width: 3.375em;
    margin-bottom: 1em;
  }
  .introduction.single-page .introduction__caption > span > span {
    display: block;
  }
  .introduction.single-page .introduction__face {
    left: -16%;
  }
  .introduction.single-page .introduction__btn {
    top: unset;
    order: 3;
    margin-top: 2.5em;
  }
  .introduction.single-page .introduction__phone {
    position: relative;
    top: unset;
    left: unset;
    order: 2;
    margin-top: 2.5em;
  }
  .introduction.single-page .introduction__phone > svg {
    width: 1.4375em;
    height: 1.4375em;
  }
  .introduction.single-page .introduction__phone > span {
    font-size: 1.75em;
  }
  .intro {
    height: 46em;
  }
  .intro > img {
    -o-object-position: 45%;
    object-position: 45%;
  }
  .intro__content {
    bottom: 14.25em;
  }
  .intro__head {
    line-height: 2em;
    letter-spacing: 0.075em;
  }
  .intro__head > span {
    font-size: 1.5em;
    font-weight: 800;
  }
  .intro__text {
    font-size: 0.875em;
  }
  .intro__text > span {
    font-size: 0.875em;
  }
  .disadvantages {
    margin-top: 1.875em;
    height: 18.75em;
  }
  .disadvantages__text {
    letter-spacing: 0.04125em;
    line-height: 1.875em;
    top: 36%;
  }
  .disadvantages__text > span {
    font-size: 1.375em;
  }
  .tech-slider__slides {
    height: 30.3125em;
  }
  .tech-slider__control {
    margin-top: 1.875em;
  }
  .trust-slider {
    margin-bottom: 0;
  }
  .trust-slider.inverted {
    padding-bottom: 0;
  }
  .trust-slider.inverted .trust-slider__slides {
    height: auto;
  }
  .trust-slider.inverted .trust-content {
    flex-direction: column-reverse;
    gap: 0;
  }
  .trust-slider__slides {
    height: auto;
  }
  .trust-slider__arrows {
    padding: 0 1.25em;
  }
  .trust-slider__control {
    margin-top: 0;
  }
  .trust-slider__pagination {
    display: none;
  }
  .trust-slider__next,
  .trust-slider__prev {
    position: unset;
    top: unset;
    left: unset;
    right: unset;
  }
  .trust-slider.single-page .trust-content__text {
    line-height: 1.875em;
  }
  .trust-slider.single-page .trust-content__text > p {
    font-size: 1.25em;
  }
  .trust-content {
    flex-direction: column-reverse;
  }
  .trust-content__pic {
    padding: 0 1.25em;
    margin-bottom: 1.875em;
  }
  .trust-content__wrap {
    padding: 1.25em;
  }
  .trust-content__head {
    letter-spacing: 0.04875em;
    margin-bottom: 1.875em;
  }
  .trust-content__head > span {
    font-size: 1.625em;
  }
  .trust-content__text {
    letter-spacing: 0.03em;
    line-height: 1.5em;
    text-align: justify;
    -webkit-line-clamp: unset;
  }
  .trust-content__text > p {
    font-size: 1em;
  }
  .reviews {
    overflow: auto;
    padding: 0;
  }
  .reviews__date,
  .reviews__name {
    letter-spacing: 0.03em;
  }
  .reviews__date > span,
  .reviews__name > span {
    font-size: 1em;
  }
  .reviews__text {
    letter-spacing: 0.03em;
    text-align: justify;
  }
  .reviews__text > p {
    font-size: 1em;
  }
  .reviews__link {
    letter-spacing: 0.03em;
  }
  .reviews__link > span {
    font-size: 1em;
  }
  .reviews__more {
    width: 100%;
  }
  .videoblog-slider__pagination {
    display: none;
  }
  .videoblog-slider__prev {
    top: unset;
    bottom: 0;
    left: 1.25em;
  }
  .videoblog-slider__next {
    top: unset;
    bottom: 0;
    right: 1.25em;
  }
  .articles {
    padding-bottom: 2.5em;
  }
  .articles__main {
    flex-direction: column;
    padding: 0 1.25em;
  }
  .articles__wrap {
    padding: 0;
    gap: 1.875em;
  }
  .articles__head {
    letter-spacing: 0.04875em;
  }
  .articles__head > span {
    font-size: 1.625em;
  }
  .articles__text {
    letter-spacing: 0.03em;
    line-height: 1.25em;
  }
  .articles__text > p {
    font-size: 1em;
  }
  .articles__btn {
    max-width: unset;
  }
  .articles__subtitle {
    text-align: center;
    display: none;
  }
  .articles__subtitle > span {
    font-size: 1.625em;
  }
  .articles__also {
    margin: 0;
    display: none;
  }
  .articles__article {
    width: 100%;
    padding: 1.25em;
  }
  .articles__thumb > img {
    max-height: 10.75em;
  }
  .articles__footer {
    margin-top: 1.875em;
    display: none;
  }
  .quot {
    height: 31.25em;
    margin-top: 2.5em;
  }
  .quot__text {
    letter-spacing: 0.045em;
    line-height: 1.5em;
    padding: 1.25em;
  }
  .quot__text > span {
    font-size: 1.5em;
  }
  .about-string {
    display: none;
  }
  .skills {
    margin-top: 1.875em;
    height: 52.5em;
    background: url(../img/about-page/skills_bg.jpg) 29% 13% / auto auto
      no-repeat #374a5e;
    display: none;
  }
  .skills__title {
    letter-spacing: -0.071875em;
    left: 9%;
  }
  .skills__title > span {
    font-size: 3.125em;
  }
  .skills__title > span:nth-child(2) {
    font-size: 1.6875em;
  }
  .skills__skill.platysmoplasty {
    top: 15%;
    left: 44%;
  }
  .skills__skill.platysmoplasty > span {
    font-size: 1.25em;
  }
  .skills__skill.dermatooncology {
    top: 21%;
  }
  .skills__skill.dermatooncology > span {
    font-size: 1.25em;
  }
  .skills__skill.oncomammology {
    top: 67%;
    left: 27%;
  }
  .skills__skill.oncomammology > span {
    font-size: 1em;
  }
  .skills__skill.botulinum-therapy {
    top: 89%;
    left: 53%;
  }
  .skills__skill.botulinum-therapy > span {
    font-size: 1.25em;
  }
  .skills__skill.liposuction {
    top: 55%;
    left: 9%;
  }
  .skills__skill.liposuction > span {
    font-size: 1.25em;
  }
  .skills__skill.contour-plastic {
    top: 84%;
    left: 31%;
  }
  .skills__skill.contour-plastic > span {
    font-size: 1em;
  }
  .skills__skill.lipofilling {
    top: 94%;
    left: 13%;
  }
  .skills__skill.lipofilling > span {
    font-size: 1.25em;
  }
  .skills__skill.mammoplasty {
    top: 4%;
    left: 28%;
  }
  .skills__skill.mammoplasty > span {
    font-size: 0.875em;
  }
  .skills__skill.laser {
    top: 72%;
    left: 38%;
  }
  .skills__skill.laser > span {
    font-size: 0.875em;
  }
  .skills__skill.facelift {
    top: 9%;
    left: 4%;
  }
  .skills__skill.facelift > span {
    font-size: 1.25em;
  }
  .skills__skill.abdominoplasty {
    top: 32%;
    left: 41%;
  }
  .skills__skill.abdominoplasty > span {
    font-size: 1.25em;
  }
  .skills__skill.narrow-waist {
    top: 49%;
    left: 45%;
  }
  .skills__skill.narrow-waist > span {
    font-size: 0.875em;
  }
  .skills__skill.blepharoplasty {
    top: 27%;
    left: 54%;
  }
  .skills__skill.blepharoplasty > span {
    font-size: 1em;
  }
  .skills__skill.otoplasty {
    top: 62%;
    left: 50%;
  }
  .skills__skill.otoplasty > span {
    font-size: 1.25em;
  }
  .skills__skill.mentoplasty {
    top: 77%;
    left: 6%;
  }
  .skills__skill.mentoplasty > span {
    font-size: 1.25em;
  }
  .contacts-form {
    padding: 3.75em 0;
  }
  .map {
    height: 45.25em;
  }
  .map__info {
    bottom: 2.5em;
    left: 50%;
    top: unset;
    transform: translateX(-50%);
    width: calc(100% - 2.5em);
    padding: 1.5625em;
  }
  .map__socials {
    justify-content: space-between;
  }
  .portfolio-nav {
    margin: 2.5em 0 3.75em;
  }
  .portfolio-nav__body {
    flex-direction: column;
    gap: 1.5625em;
    padding: 0 1.25em;
  }
  .portfolio-nav__tile {
    max-height: 15em;
  }
  .portfolio-menu__body {
    flex-direction: column;
    align-items: center;
    gap: 1.5em;
  }
  .portfolio-menu__elem {
    min-height: auto;
    padding: 2.5em 1.25em;
  }
  .portfolio-menu__elem.colored {
    background: 0 0;
  }
  .portfolio-menu__bottom {
    margin-top: 1.875em;
  }
  .portfolio-elem {
    width: calc(100% - 3em);
    height: 10.125em;
    padding: 1.875em 1.5em 1.25em 1.5em;
  }
  .portfolio-elem__caption > span {
    font-size: 1.375em;
  }
  .portfolio-elem__more > span {
    font-size: 0.875em;
  }
  .videoblog {
    margin: 2.5em 0;
  }
  .videoblog__card {
    width: 100%;
  }
  .videoblog__footer {
    margin-top: 2.5em;
  }
  .articles-cards {
    margin: 1.875em 0 3.75em;
  }
  .articles-cards__content {
    padding: 1.25em;
  }
  .articles-cards__card {
    width: 100%;
  }
  .articles-cards__pic {
    height: 11.25em;
  }
  .articles-cards__footer {
    margin-top: 2.5em;
  }
  .detail {
    padding: 0 1.25em;
  }
  .detail__head {
    letter-spacing: 1px;
  }
  .detail__head > span {
    font-size: 1.75em;
    line-height: normal;
  }
  .detail__section .videoblog__body {
    margin: -1.875em;
  }
  .detail__section .videoblog__card {
    padding: 1.875em;
  }
  .detail__block {
    padding-left: 0;
  }
  .detail__caption > span {
    font-size: 1.375em;
  }
  .detail__subcaption > span {
    font-size: 1em;
  }
  .detail__text > p {
    font-size: 1em;
  }
  .detail__text > ol > li,
  .detail__text > ul > li {
    font-size: 1em;
  }
  .detail__list > li > span {
    font-size: 1em;
  }
  .detail__note > span {
    font-size: 1.375em;
  }
  .technologies-slider__slides {
    height: 20em;
  }
  .fourofour__text {
    letter-spacing: 0.045em;
    text-align: center;
  }
  .fourofour__text > span {
    font-size: 1.5em;
    text-transform: uppercase;
  }
  .fourofour__text.text-end {
    text-align: center;
  }
  .fourofour__404 {
    letter-spacing: 0.3075em;
  }
  .fourofour__404 > span {
    font-size: 10.25em;
  }
  .fourofour__dots {
    display: none;
  }
  .thanks__body {
    flex-direction: column-reverse;
  }
  .thanks__pic {
    width: 100%;
  }
  .thanks__text {
    width: 100%;
    margin: 2.25em 0;
    padding: 0 1.5em;
  }
  .thanks__caption > span:first-child {
    font-size: 1.5em;
  }
  .thanks__caption > span:last-child {
    font-size: 1.5em;
  }
  .thanks__logo {
    width: 8.625em;
    margin-top: 1.75em;
  }
  .thanks__btn {
    margin-top: 2.375em;
    width: 100%;
  }
  .rounded-btn.bordered {
    padding: 1.0625em 1.5em;
  }
  .rounded-btn.bordered > span {
    font-size: 1em;
  }
  .pic-info {
    flex-direction: column;
    max-height: unset;
    padding: 1.25em;
  }
  .pic-info__wrap {
    padding: 0;
  }
  .pic-info__head {
    line-height: 2em;
  }
  .pic-info__head > span {
    font-size: 1.875em;
  }
  .pic-info__subhead {
    margin-top: 1.25em;
  }
  .pic-info__text {
    line-height: 1.25em;
    margin-top: 1.5em;
    text-align: justify;
  }
  .pic-info__text > p,
  .pic-info__text > span {
    font-size: 1em;
  }
  .pic-info__btn {
    width: 100%;
  }
  .pic-info.pic-shifted .pic-info__pic {
    padding: 0;
  }
  .pic-info.dotted .pic-info__wrap {
    padding: 0;
  }
  .pic-info.dotted .pic-info__dots {
    display: none;
  }
  .pic-info.pic-splitted .pic-info__pic {
    padding: 0;
  }
  .pic-info.pic-splitted .pic-info__wrap {
    padding: 0;
  }
  .pic-info.info-full-padding .pic-info__wrap {
    padding: 1.25em 0;
  }
  .pic-info.pad-bottom {
    padding-bottom: 3.75em;
  }
  .pic-info.main-page-about,
  .pic-info.main-page-hello {
    margin-top: 0.625em;
  }
  .pic-info.main-page-about .pic-info__pic,
  .pic-info.main-page-hello .pic-info__pic {
    order: 2;
    margin-top: 1.875em;
  }
  .pic-info.main-page-about .pic-info__info,
  .pic-info.main-page-hello .pic-info__info {
    order: 1;
  }
  .pic-info.main-page-peparing {
    margin-top: 2.5em;
  }
  .pic-info.main-page-peparing .pic-info__pic {
    margin-bottom: 1.875em;
  }
  .pic-info.main-page-consultation .pic-info__pic {
    order: 1;
    margin-bottom: 1.875em;
  }
  .pic-info.about-page-about-me .pic-info__wrap {
    padding: 0;
  }
  .pic-info.about-page-about-me {
    margin-top: 0;
  }
  .pic-info.about-page-about-me .pic-info__pic {
    order: 1;
    margin-bottom: 1.875em;
  }
  .pic-info.about-page-qualification {
    margin-top: 1.875em;
  }
  .pic-info.about-page-qualification .pic-info__pic {
    order: 1;
    margin-top: 1.875em;
  }
  .pic-info.form-doc {
    padding-top: 3.75em;
  }
  .pic-info.form-doc .pic-info__pic {
    margin-bottom: 3.75em;
    order: 1;
  }
  .pic-info.single-page .pic-info__text {
    line-height: 1.875em;
  }
  .pic-info.single-page .pic-info__text > p {
    font-size: 1.25em;
  }
  .pic-info.single-page .pic-info__pic {
    order: 1;
    margin-bottom: 2.5em;
  }
  .form {
    padding: 0;
  }
  .form__head {
    line-height: 2.5em;
    letter-spacing: 0.9px;
    text-align: center;
    margin-bottom: 2.5em;
  }
  .form__head > span {
    font-size: 1.875em;
  }
  .form__head.reduced {
    line-height: 1.625em;
    text-align: left;
  }
  .form__head.reduced > span {
    font-size: 1.25em;
  }
  .form__submit {
    width: auto;
    max-width: unset;
  }
  .form.short .form__body > form > .form__top {
    flex-direction: column;
    padding: 0 1.25em;
    gap: 2.5em;
  }
  .form.short .form__body .form__input {
    width: 100%;
  }
  .form.short .form__body .form__footer {
    padding: 0 1.25em;
  }
  .form.popup {
    padding: 0;
    gap: 0.625em;
  }
  .form.popup .form__head {
    text-wrap: nowrap;
    font-size: 0.75em;
  }
  .form.popup .form__footer .checkbox {
    text-align: left;
  }
  .form.popup .form__submit {
    margin: 1.25em auto 0;
    width: 100%;
  }
  .thumbs__item {
    width: 100%;
    padding: 1.25em;
  }
  .images__prev {
    left: 1.25em;
  }
  .images__next {
    right: 1.25em;
  }
  .images__item {
    width: 100%;
  }
  .operations-nav {
    margin-top: 1.25em;
  }
  .operations-nav__btn {
    width: 100%;
    letter-spacing: 0.0375em;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .operations-nav__btn > span {
    font-size: 1.25em;
  }
  .operations.active {
    flex-direction: column;
  }
  .operations__dot.active,
  .operations__switch-dot.active {
    background: #374a5e;
  }
  .operations__dot,
  .operations__switch-dot {
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
  }
  .operations__menu {
    width: 94%;
    transform: scale(0) translateX(-50%);
    margin: 2.25em 0 0 0;
  }
  .operations__menu::before {
    display: none;
  }
  .operations__menu--righted {
    margin: 2.25em 0 0 0;
  }
  .operations__menu.active {
    display: block;
    transform: scale(1) translateX(-50%);
    left: 50% !important;
  }
  .paginator__btn {
    display: none;
  }
  .slider-blue::after,
  .slider-blue::before {
    width: 12.5em;
  }
  .slider-blue__caption > span {
    font-size: 1.875em;
  }
  .slider-blue__slide {
    height: 25em;
  }
  .slider-blue__link > span {
    font-size: 0.875em;
  }
  .slider-blue__control {
    margin-top: 1.875em;
  }
  .slider-blue__prev {
    left: 5em;
  }
  .slider-blue__next {
    right: 5em;
  }
  .big-slider__slides {
    height: 30.3125em;
  }
  .big-slider__control {
    margin-top: 1.875em;
  }
  .single-text-block:not(:has(.single-text-block__caption)) {
    padding-top: 2.5em;
  }
  .single-text-block {
    padding: 2.5em 1.25em;
  }
  .single-text-block__caption {
    margin-bottom: 2.5em;
  }
  .single-text-block__caption > span {
    font-size: 1.875em;
  }
  .single-text-block__text {
    line-height: 1.875em;
  }
  .single-text-block__text > p {
    font-size: 1.25em;
  }
  .single-text-block__contacts {
    margin-top: 1.875em;
    flex-direction: column-reverse;
    gap: 2em;
  }
  .single-text-block__phone > svg {
    width: 1.5em;
    height: 1.5em;
  }
  .single-text-block__phone > span {
    font-size: 1.5em;
  }
  .big-pic {
    height: 25em;
    display: none;
  }
  .big-pic.mobile {
    display: block;
  }
  .aside-info__list > li > span {
    font-size: 1em;
  }
  .eighteen-popup__body {
    padding: 1.5em;
    width: calc(100% - 2.5em);
  }
  .eighteen-popup__head {
    margin-top: 1.25em;
  }
  .eighteen-popup__head > span {
    font-size: 1.5625em;
  }
  .eighteen-popup__bottom {
    margin-top: 2em;
    flex-direction: column;
    gap: 0.875em;
  }
  .eighteen-popup__no,
  .eighteen-popup__yes {
    width: 100%;
  }
  .callback-popup__body {
    padding: 0.625em 1.5em 1.5em;
    width: calc(100% - 2.5em);
  }
  .callback-popup__top {
    transform: translateX(0.875em);
  }
  .callback-popup__head {
    margin-top: 1.25em;
  }
  .callback-popup__head > span {
    font-size: 1.5625em;
  }
  .callback-popup__bottom {
    margin-top: 2em;
    flex-direction: column;
    gap: 0.875em;
  }
  .callback-popup__no,
  .callback-popup__yes {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
  .portfolio-menu {
    margin: 1.875em 0;
  }
}
@media screen and (max-width: 991px) {
  .wrapper {
    font-size: 2.3vw;
  }
  .detail:has(.aside-info) .aside-info {
    order: 2;
  }
  .detail:has(.aside-info) .detail__section {
    order: 3;
    width: 100%;
  }
  .aside-info {
    width: 100%;
  }
  .aside-info__pic {
    max-width: 18.75em;
  }
}
@media screen and (max-width: 770px) {
  .wrapper {
    font-size: 2vw;
  }
  .detail__doublepic {
    flex-direction: column;
  }
  .detail__after,
  .detail__before {
    width: 100%;
  }
  .operations__switch {
    display: block;
  }
  .operations__wrap--togglable {
    transition: all 0.3s ease-out;
    width: 200%;
    transform: translateX(-4%);
  }
  .operations__wrap--togglable.active {
    transform: translateX(-45%);
  }
  .operations__wrap--increasable {
    width: 200%;
    transform: translateX(-26%);
  }
  .big-slider__slide > img:first-child {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .wrapper {
    font-size: 4.27vw;
  }
  .images__close {
    top: 0.625em;
    right: 0.625em;
  }
  .operations__menu {
    margin: 1.5em 0 0 0;
  }
  .operations__menu--righted {
    margin: 1.5em 0 0 0;
  }
  .operations__menu-wrap {
    padding: 1em;
  }
  .operations__menu-title {
    margin-bottom: 1.25em;
  }
  .operations__menu-title > span {
    font-size: 1.25em;
  }
  .operations__menu-link > span {
    font-size: 1.125em;
  }
  .slider-blue::after,
  .slider-blue::before {
    display: none;
  }
  .slider-blue {
    padding: 1.75em 1em 1.75em;
  }
  .slider-blue__caption {
    margin-bottom: 1.75em;
  }
  .slider-blue__control {
    justify-content: space-between;
    gap: 1em;
  }
  .slider-blue__pagination {
    gap: unset;
    justify-content: space-between;
    width: 100%;
  }
  .slider-blue__next,
  .slider-blue__prev {
    position: unset;
    top: unset;
    left: unset;
    right: unset;
    background: 0 0;
  }
  .aside-info__pic {
    max-width: 100%;
  }
}