@charset "UTF-8";
@import url("reset.css");
body {
  color: #40475C;
  font-family: Montserrat, sans-serif;
  background-color: #FDFCFB; }

.items_wrap {
  margin-top: 32px; }

/* Блок плашки процедур, тем. */
.item {
  padding: 0 16px 32px;
  position: relative;
  z-index: 2;
  height: calc((100vw - 32px) * 1.25);
  border-radius: 16px;
  color: #FDFCFB; }
  .item > div {
    text-align: left;
    position: relative;
    border-radius: inherit;
    background-size: cover;
    background-position: center center;
    height: inherit;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); }
    .item > div > * {
      position: absolute;
      z-index: 2; }
    .item > div .icon-arrow-right {
      position: absolute;
      z-index: 2;
      color: inherit;
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      bottom: 12px;
      right: 3px; }
    .item > div .pop {
      top: 20px;
      left: 16px;
      display: flex;
      align-items: center; }
      .item > div .pop span {
        margin-right: 8px;
        font-size: 1.2rem; }
    .item > div .add-to-favorite {
      cursor: pointer;
      top: -12px;
      right: 16px;
      width: 40px;
      height: 40px;
      background-color: #FFFFFF;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #40475C;
      font-size: 1.1em;
      border-radius: 50%;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
    .item > div .add-to-favorite::before {
      margin-top: 2px; }
  .item > div::after {
    content: "";
    top: 0;
    left: 0;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5); }

.h1-hero {
  font-family: Philosopher, serif;
  color: #fff;
  font-size: 2.3em;
  position: relative;
  z-index: 1;
  line-height: 1.2; }

/*@media (min-resolution: 2dppx){
  .h1-hero{
    font-size: 2.1em;
  }
}*/
.h2-section {
  font-family: Philosopher, serif;
  font-size: 2.2em;
  position: relative;
  padding: 0 32px; }

.h3-desc {
  font-family: Philosopher, serif;
  font-size: 1.9em;
  margin-bottom: 16px; }

.h4 {
  font-family: Philosopher, serif;
  font-size: 1.7em;
  margin: 32px 16px 0; }
  .h4:first-child {
    display: none; }

.h5 {
  display: inline-block;
  font-family: Philosopher, serif;
  font-size: 1.7em;
  line-height: 1.1;
  margin-right: 16px; }

ol.p-hero, ul.p-hero {
  padding: 0;
  margin: 0;
  list-style-type: decimal; }
  ol.p-hero li, ul.p-hero li {
    padding-left: 10px;
    margin-left: 26px;
    line-height: 1.4; }

ul.p-hero {
  list-style-type: disc; }

.p-hero {
  position: relative;
  z-index: 2;
  font-weight: 300;
  line-height: 1.4; }
  .p-hero b {
    font-weight: 500; }
  .p-hero a {
    color: #00bfa5;
    text-decoration: underline; }

.leaf, .green-leaf {
  z-index: 1;
  position: relative;
  background: url("../img/leaf.svg") no-repeat;
  margin: 16px 0 16px;
  display: inline-block;
  width: 87px;
  height: 14px; }

.green-leaf {
  background: url("../img/leafgreen.svg") no-repeat; }

.button {
  cursor: pointer;
  margin-top: 28px;
  position: relative;
  font-weight: 600;
  font-size: 0.9em;
  text-align: center;
  min-width: 140px;
  display: inline-block;
  border: 2px solid #FDFCFB;
  padding: 17px 32px 16px;
  color: #FDFCFB;
  border-radius: 25px; }

.button:hover {
  background-color: #FDFCFB;
  color: #40475C;
  box-shadow: 0 10px 60px 0 rgba(255, 255, 255, 0.3); }

.green-button {
  padding: 19px 34px 18px;
  background: linear-gradient(180deg, #FDFCFB 0%, #F2EDE8 100%);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border: none !important;
  color: #40475C; }

.green-button:hover {
  color: #FDFCFB;
  background: #00bfa5;
  box-shadow: 0 5px 30px 0 rgba(19, 130, 111, 0.3); }

header {
  width: 100%;
  display: flex;
  justify-content: center;
  top: 16px;
  z-index: 2;
  position: fixed; }
  header .header-wrap {
    display: flex;
    justify-content: space-between; }
    header .header-wrap .logo {
      display: block;
      width: 120px; }
      header .header-wrap .logo img {
        width: 100%; }
    header .header-wrap .horizontal-nav {
      display: none; }

.out {
  transform: translateY(0) !important; }

.fixed-nav {
  position: fixed;
  z-index: 4;
  bottom: 16px;
  padding: 16px 20px;
  width: 90vw;
  max-width: 400px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  transition: all .3s ease;
  transform: translateY(65%);
  background: linear-gradient(180deg, #FDFCFB 0%, #F2EDE8 100%);
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.23);
  border-radius: 19px; }
  .fixed-nav li {
    opacity: .8;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    width: 30px;
    position: relative; }
    .fixed-nav li .line {
      opacity: 1;
      left: 3px;
      position: absolute;
      height: 3px;
      width: 22px;
      background: #40475C;
      border-radius: 5px; }
    .fixed-nav li .line1 {
      top: 3px; }
    .fixed-nav li .line2 {
      width: 15px; }
    .fixed-nav li .line3 {
      width: 18px;
      bottom: 3px; }
    .fixed-nav li a {
      color: inherit; }
  .fixed-nav li:hover {
    opacity: 1; }
  .fixed-nav .disable {
    color: #D6D6D6;
    pointer-events: none; }
  .fixed-nav .favorite {
    font-size: 1.4em; }
    .fixed-nav .favorite .favorite-count {
      top: -6px;
      right: -8px;
      display: none;
      color: #FDFCFB;
      border: 3px solid #FDFCFB;
      font-size: 0.45em;
      font-weight: 600;
      justify-content: center;
      align-items: center;
      position: absolute;
      height: 15px;
      width: 15px;
      border-radius: 50%;
      background-color: #00bfa5; }
  .fixed-nav .lang {
    font-size: 1.6em; }

.close-btn {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  background-color: #FDFCFB;
  border-radius: 50%;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  right: 16px;
  top: 16px; }
  .close-btn .line {
    position: absolute;
    height: 3px;
    width: 20px;
    background: #40475C;
    border-radius: 5px;
    transform: rotate(45deg); }
  .close-btn .line1 {
    transform: rotate(-45deg); }

.close-btn:hover, .custom-radio + label:hover::before, .item > div .add-to-favorite:hover {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3); }

#wrap nav {
  display: flex;
  justify-content: center; }
  #wrap nav > div {
    bottom: -100%;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 7;
    transition: .2s;
    background-color: #fcfbfa; }
  #wrap nav #favorite .favInstructuion {
    display: none; }
  #wrap nav #favorite .item {
    margin: 0 -40px; }
    #wrap nav #favorite .item .close-btn {
      top: -12px;
      right: 16px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
      color: #40475C;
      font-size: 0.8em; }
      #wrap nav #favorite .item .close-btn .line {
        width: 18px;
        height: 2px; }
    #wrap nav #favorite .item .close-btn:hover {
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }
  #wrap nav .show {
    bottom: 0 !important; }

.noscroll {
  height: auto !important;
  overflow-y: unset; }

.nav-list {
  text-align: left;
  padding: 42px;
  height: 100vh;
  overflow-y: auto;
  box-sizing: border-box; }
  .nav-list h3 {
    font-family: Philosopher, sans-serif;
    font-size: 1.9rem;
    font-weight: 700; }
  .nav-list > div {
    margin-top: 16px; }
    .nav-list > div img {
      width: 100%;
      max-width: 230px;
      display: block; }
  .nav-list > ul .active1 .show-dropNav {
    transform: rotate(90deg); }
    .nav-list > ul .active1 .show-dropNav .line1 {
      opacity: 0; }
  .nav-list > ul .active {
    font-weight: 600; }
  .nav-list > ul > li {
    margin-bottom: 24px;
    font-size: 1.2em;
    font-weight: 500; }
    .nav-list > ul > li a {
      color: #40475C;
      position: relative; }
    .nav-list > ul > li .show-dropNav {
      cursor: pointer;
      opacity: .2;
      transition: all .3s;
      background: #bbbbbb;
      width: 20px;
      height: 20px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 0.5em;
      margin: 0 0 -3px 16px;
      position: relative; }
      .nav-list > ul > li .show-dropNav .line1, .nav-list > ul > li .show-dropNav .line2 {
        width: 9px;
        height: 2px;
        border-radius: 1px;
        background: #40475C;
        position: absolute; }
      .nav-list > ul > li .show-dropNav .line2 {
        height: 9px;
        width: 2px; }
    .nav-list > ul > li .show-dropNav:hover {
      opacity: .4; }
    .nav-list > ul > li .circe-in-menu {
      color: #fff;
      font-weight: 600;
      font-size: 0.5em;
      justify-content: center;
      align-items: center;
      height: 16px;
      width: 16px;
      position: absolute;
      top: -6px;
      right: -13px;
      background: #00bfa5;
      border-radius: 50%;
      border: 2px solid #fcfbfa;
      display: flex; }
  .nav-list .dropNav {
    font-size: 0.80em;
    opacity: .9; }
    .nav-list .dropNav li {
      margin: 15px 0 0 10px; }

#contact, .for-contact {
  line-height: 1.5; }
  #contact .popup, .for-contact .popup {
    background-color: #FDFCFB;
    padding: 6px 14px;
    border-radius: 40px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    font-size: 0.7em;
    bottom: 35px;
    margin-left: -65px; }
  #contact li, .for-contact li {
    display: flex;
    flex-direction: column; }
    #contact li > span, .for-contact li > span {
      position: relative; }
      #contact li > span .copy, .for-contact li > span .copy {
        color: #C4C5CB;
        font-size: 0.9em;
        margin-left: 8px; }

video {
  width: 100%;
  height: 85vh;
  max-height: 100%;
  object-fit: cover; }

video:focus {
  outline: none; }

.info {
  bottom: 20px;
  left: 16px; }
  .info a {
    text-decoration: underline;
    color: inherit; }
  .info p {
    padding: 12px 29px 0 0;
    font-size: 0.95em;
    max-width: 400px; }
  .info > span {
    margin-top: 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fcfbfa;
    padding: 7px 11px;
    margin-right: 6px;
    border-radius: 40px;
    color: #40475C;
    font-weight: 600;
    font-size: .7em; }
    .info > span > span {
      display: flex;
      justify-content: center;
      align-items: center;
      color: #FDFCFB;
      margin: -5px 5px -5px -7px;
      width: 19px;
      height: 19px;
      border-radius: 50%;
      background-color: #FF4949;
      font-size: 1.1em; }
    .info > span .icon-time {
      background-color: #00bfa5; }

.main-page {
  font-size: 0.9em; }
  .main-page .hero {
    top: 0;
    position: fixed;
    z-index: 1; }
    .main-page .hero .item {
      background-size: cover;
      background-position: center center;
      height: 85vh; }
      .main-page .hero .item .slider-img {
        background-color: rgba(0, 0, 0, 0.5);
        min-height: 85vh;
        display: flex;
        justify-content: center;
        align-items: center; }
        .main-page .hero .item .slider-img .slider-desc {
          margin-top: -20px;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          text-align: center;
          min-height: 530px;
          color: #FDFCFB; }
  .main-page .content {
    position: relative;
    z-index: 2;
    background-color: #FDFCFB;
    box-shadow: 0 -10px 30px 0 rgba(0, 0, 0, 0.2); }
    .main-page .content .triangle::after {
      content: "";
      width: 0;
      height: 0;
      border-top: 10px solid #FDFCFB;
      border-left: 20px solid transparent;
      position: absolute;
      z-index: 4;
      right: 10px;
      top: -21px; }
    .main-page .content > .wave {
      position: relative;
      width: 100%; }
      .main-page .content > .wave img {
        position: absolute;
        bottom: -2px;
        width: 100%; }
    .main-page .content .section {
      padding: 48px 0;
      text-align: center; }
      .main-page .content .section .icon-heartfill {
        color: #FF4949 !important; }
      .main-page .content .section .welcome {
        position: relative;
        z-index: 3;
        margin: 0 16px;
        text-align: left;
        box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
        border-radius: 16px; }
        .main-page .content .section .welcome .image-video {
          border-radius: 16px 16px 0 0;
          background-color: #40475C;
          height: 220px;
          width: 100%;
          overflow: hidden;
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center; }
          .main-page .content .section .welcome .image-video .wave {
            width: 101%;
            height: 30px;
            position: absolute;
            background: url("../img/wave-bottom.svg") no-repeat;
            background-size: 100% 30px;
            bottom: -2px; }
          .main-page .content .section .welcome .image-video img {
            display: block;
            width: 100%; }
          .main-page .content .section .welcome .image-video video {
            border-radius: inherit;
            width: 100%;
            height: 220px;
            max-height: 100%;
            object-fit: cover; }
        .main-page .content .section .welcome .desc {
          padding: 16px 16px 20px; }
          .main-page .content .section .welcome .desc .desc-text {
            overflow: hidden;
            position: relative; }
            .main-page .content .section .welcome .desc .desc-text p {
              margin-bottom: 8px; }
            .main-page .content .section .welcome .desc .desc-text p:last-child {
              margin-bottom: 0; }
          .main-page .content .section .welcome .desc .more-fog::after {
            content: "";
            background: #fcfbfa;
            background: linear-gradient(0deg, #fcfbfa 0%, rgba(252, 251, 250, 0) 100%);
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 50px;
            z-index: 2; }
          .main-page .content .section .welcome .desc .read-more {
            position: relative;
            z-index: 1;
            display: inline-block;
            margin: 22px 22px 0 0;
            color: #00bfa5;
            font-weight: 600;
            font-size: 0.8em;
            padding-bottom: 2px; }
            .main-page .content .section .welcome .desc .read-more span:first-child {
              text-decoration: underline;
              margin-right: 8px; }
            .main-page .content .section .welcome .desc .read-more .icon-angle-left {
              display: inline-flex;
              font-size: 0.7em;
              transform: rotate(-90deg); }
      .main-page .content .section .procedures-scroll, .main-page .content .section .style-scroll {
        margin: -16px 0; }
        .main-page .content .section .procedures-scroll .item, .main-page .content .section .style-scroll .item {
          padding: 0; }
        .main-page .content .section .procedures-scroll .owl-stage, .main-page .content .section .style-scroll .owl-stage {
          padding: 32px 0 32px 16px !important; }
        .main-page .content .section .procedures-scroll .owl-dots, .main-page .content .section .style-scroll .owl-dots {
          margin: 0 0 16px; }
          .main-page .content .section .procedures-scroll .owl-dots .owl-dot span, .main-page .content .section .style-scroll .owl-dots .owl-dot span {
            background: rgba(64, 71, 92, 0.2); }
          .main-page .content .section .procedures-scroll .owl-dots .active span, .main-page .content .section .style-scroll .owl-dots .active span {
            background: #40475c;
            box-shadow: 0 0 10px 0 rgba(64, 71, 92, 0.5); }
        .main-page .content .section .procedures-scroll .last, .main-page .content .section .style-scroll .last {
          background: linear-gradient(180deg, #FDFCFB 0%, #F2EDE8 100%);
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
          .main-page .content .section .procedures-scroll .last a, .main-page .content .section .style-scroll .last a {
            padding: 0 32px;
            font-weight: 600;
            font-size: 1.5em;
            line-height: 1.4;
            display: block;
            color: #40475C;
            text-decoration: underline; }
        .main-page .content .section .procedures-scroll .last:after, .main-page .content .section .style-scroll .last:after {
          content: "";
          display: none; }
      .main-page .content .section .review .item {
        display: block;
        height: calc((100vw - 16px*2) * 1.77777778);
        border-radius: 16px;
        background-size: cover;
        background-position: center center; }
        .main-page .content .section .review .item video {
          width: 100%;
          height: auto;
          max-height: 95vh;
          object-fit: cover;
          border-radius: 16px; }
        .main-page .content .section .review .item video:focus {
          outline: none; }
        .main-page .content .section .review .item img {
          border-radius: 16px;
          height: 95vh; }
      .main-page .content .section .review .item::after {
        display: none; }
      .main-page .content .section .sert {
        font-weight: 500;
        padding: 16px 0 0;
        text-align: left;
        display: flex;
        flex-direction: column; }
        .main-page .content .section .sert span {
          font-size: 0.95em; }
        .main-page .content .section .sert span, .main-page .content .section .sert > input, .main-page .content .section .sert textarea {
          width: auto;
          margin-left: 16px;
          margin-right: 16px; }
        .main-page .content .section .sert .style-scroll-span {
          margin: 12px 16px 0 16px; }
        .main-page .content .section .sert .style-scroll {
          margin: -12px 0 0 0; }
          .main-page .content .section .sert .style-scroll .item {
            margin: 0; }
    .main-page .content .dark {
      margin: 16px 0;
      padding: 84px 0;
      background-position: center center;
      background-size: cover;
      position: relative;
      color: #FDFCFB;
      text-align: center; }
      .main-page .content .dark p {
        max-width: 425px;
        padding: 0 16px;
        margin: 0 auto 8px; }
      .main-page .content .dark .wave-top {
        position: absolute;
        width: 100%;
        top: -1px; }
      .main-page .content .dark .wave {
        position: absolute;
        width: 100%;
        bottom: -3.5px; }
    .main-page .content .dark::before {
      content: "";
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      background: rgba(0, 0, 0, 0.5); }
    .main-page .content .footer {
      border-radius: 16px 16px 0 0;
      padding: 48px 16px 114px;
      box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
      display: flex;
      flex-direction: column;
      align-items: center; }
      .main-page .content .footer a {
        text-decoration: underline; }
      .main-page .content .footer * {
        color: #40475C;
        display: inline-block;
        line-height: 1.5; }
  .main-page .title-img {
    width: 100%;
    position: fixed;
    top: 0;
    box-sizing: border-box;
    padding: 110px 30px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: 40% center;
    background-repeat: no-repeat;
    text-align: center;
    color: #FDFCFB; }
    .main-page .title-img .breadcrumbs {
      position: relative;
      z-index: 1;
      color: #fcfbfa;
      font-size: 0.85em;
      line-height: 1.7; }
      .main-page .title-img .breadcrumbs a {
        color: inherit;
        text-decoration: underline; }
      .main-page .title-img .breadcrumbs .disabled-crumb {
        text-decoration: none;
        opacity: .5;
        pointer-events: none; }
    .main-page .title-img .button {
      z-index: 2;
      margin-bottom: 20px; }
  .main-page .title-img::after {
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(179.84deg, rgba(0, 0, 0, 0.5) 0.14%, rgba(0, 0, 0, 0.25) 99.86%); }
  .main-page .page .sticky-wrapper {
    margin-bottom: -32px; }
  .main-page .page .sticky-nav {
    position: relative;
    z-index: 3; }
    .main-page .page .sticky-nav ul {
      background-color: #FDFCFB;
      display: flex;
      position: relative;
      z-index: 4 !important;
      width: 100%;
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none;
      padding: 16px 0; }
      .main-page .page .sticky-nav ul li:first-child {
        padding-left: 32px; }
      .main-page .page .sticky-nav ul li:last-child {
        padding-right: 32px; }
      .main-page .page .sticky-nav ul li {
        padding: 0 20px 0 0; }
        .main-page .page .sticky-nav ul li a {
          display: inline-block;
          padding: 16px 0;
          color: rgba(64, 71, 92, 0.5);
          font-size: 1em;
          font-weight: 500; }
        .main-page .page .sticky-nav ul li a:hover {
          color: #40475c; }
      .main-page .page .sticky-nav ul .selected a {
        pointer-events: none;
        color: #00bfa5;
        font-weight: 600; }
  .main-page .page .section {
    padding-top: 0.1px;
      /*.item{
        margin: 32px 16px 0;
        position: relative;
        z-index: 3;
        text-align: left;
        height: calc((100vw - 32px) * 1.25);
        border-radius: 16px;

        color: #FDFCFB;
        >div{
          position: relative;
          border-radius: inherit;
          background-size: cover;
          background-position: center center;
          height: inherit;
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
          >*{
            position: absolute;
            z-index: 2;
          }
        }


        .icon-arrow-right{
          position: absolute;
          z-index: 2;
          color: inherit;
          width: 40px;
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          bottom: 12px;
          right: 3px;
        }
      }
      */ }
    .main-page .page .section .welcome {
      margin-top: 32px; }
      .main-page .page .section .welcome .p-hero {
        margin-bottom: 8px; }
      .main-page .page .section .welcome .p-hero:last-child {
        margin-bottom: 0; }
  .main-page .page .fixed-nav {
    transform: translateY(0) !important; }
  .main-page .page .image-video {
    background-size: cover;
    background-position: center center;
    height: 300px; }
  .main-page .page .master-diploma {
    align-self: flex-end;
    display: inline-flex;
    margin-top: 22px;
    text-decoration: underline;
    color: #00bfa5;
    font-weight: 600;
    font-size: 0.8em; }

.hide-scroll {
  position: relative;
  z-index: 4;
  margin-top: -20px;
  height: 20px;
  width: 100%;
  background-color: #FDFCFB; }

#map {
  padding: 0 !important;
  width: 100%;
  height: 278px; }

#map::after {
  display: none; }

#toggler {
  font-size: 1.2em;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #40475C;
  right: 16px;
  top: 16px;
  position: fixed;
  z-index: 2;
  cursor: pointer; }

.maxMap {
  width: 100% !important;
  height: 100% !important;
  z-index: 3; }

.form {
  margin-top: 16px; }
  .form > * {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    outline: none;
    font-family: inherit; }
  .form span {
    font-size: 0.8em;
    margin-bottom: 8px; }
  .form textarea, .form input, .form select {
    font-size: 16px;
    padding: 8px 0 8px 12px;
    border: 1px solid #cecece;
    background: #F6F6f6;
    border-radius: 8px;
    max-width: 340px; }
  .form input, .form select {
    margin-bottom: 16px; }
  .form option {
    width: 100px !important; }
  .form .button {
    line-height: 1;
    font-size: 0.9rem;
    width: 200px !important;
    min-width: 190px;
    padding: 19px 34px 18px;
    background: linear-gradient(180deg, #FDFCFB 0%, #F2EDE8 100%);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border: none !important;
    color: #40475C;
    border-radius: 30px; }
  .form .button:hover {
    color: #FDFCFB;
    background: #00bfa5;
    box-shadow: 0 5px 30px 0 rgba(19, 130, 111, 0.3); }
  .form textarea {
    max-width: 440px; }

#playpause {
  font-size: 1.4em;
  width: 50px;
  height: 50px;
  background-color: #FDFCFB;
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.5); }

#wrap.procedure-page .hero .item {
  border-radius: 0;
  padding: 0;
  height: 75vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
#wrap.procedure-page .title-img {
  display: block;
  padding: 0;
  height: 75vh;
  position: fixed; }
#wrap.procedure-page .title-img::after {
  content: "";
  top: 0;
  left: 0;
  height: 75vh;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 77%, rgba(0, 0, 0, 0.7) 100%); }
#wrap.procedure-page .content {
  top: 65vh; }
  #wrap.procedure-page .content .section {
    padding-bottom: 0; }
    #wrap.procedure-page .content .section .breadcrumbs {
      text-align: left;
      margin-top: -16px;
      padding: 0 24px 20px;
      position: relative;
      white-space: nowrap;
      overflow-x: auto;
      font-size: 0.8em;
      color: #C2C4CA; }
      #wrap.procedure-page .content .section .breadcrumbs a {
        color: #40475C;
        text-decoration: underline; }
    #wrap.procedure-page .content .section .hide-scroll {
      z-index: 2; }
    #wrap.procedure-page .content .section .h3-and-heart-btn {
      display: flex;
      align-items: center;
      justify-content: stretch;
      padding: 0 24px; }
      #wrap.procedure-page .content .section .h3-and-heart-btn .h3-desc {
        margin-bottom: 0;
        text-align: left;
        line-height: 1.2; }
      #wrap.procedure-page .content .section .h3-and-heart-btn .add-to-favorite {
        cursor: pointer;
        position: relative;
        z-index: 2;
        width: 45px;
        height: 45px;
        background-color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #40475C;
        font-size: 1.1em;
        border-radius: 50%;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        margin-left: 16px; }
      #wrap.procedure-page .content .section .h3-and-heart-btn .add-to-favorite::before {
        margin-top: 2px; }
    #wrap.procedure-page .content .section .time-price {
      position: relative;
      display: flex;
      padding: 8px 24px 0; }
      #wrap.procedure-page .content .section .time-price .able {
        cursor: pointer;
        pointer-events: auto; }
      #wrap.procedure-page .content .section .time-price > span {
        pointer-events: none;
        display: flex;
        white-space: nowrap;
        justify-content: center;
        align-items: center;
        background: #fcfbfa;
        padding: 7px 11px;
        border-radius: 40px;
        color: #40475C;
        margin-right: 8px;
        font-weight: 600;
        font-size: .7em;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
        #wrap.procedure-page .content .section .time-price > span > span {
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fdfcfb;
          margin: -5px 5px -5px -7px;
          width: 19px;
          height: 19px;
          border-radius: 50%;
          background-color: #FF4949;
          font-size: 1.1em; }
        #wrap.procedure-page .content .section .time-price > span .icon-time {
          background-color: #00bfa5; }
        #wrap.procedure-page .content .section .time-price > span .icon-info {
          font-size: 0.8em;
          background-color: #F1F1F1;
          margin: -5px -5px -5px 5px;
          width: 14px;
          height: 14px;
          color: #C9C9C8;
          position: relative; }
      #wrap.procedure-page .content .section .time-price .time-wrap {
        position: relative; }
        #wrap.procedure-page .content .section .time-price .time-wrap .popup {
          position: absolute;
          left: auto;
          right: 0; }
      #wrap.procedure-page .content .section .time-price .popup {
        cursor: default;
        text-align: left;
        display: none;
        flex-direction: column;
        background-color: #FDFCFB;
        position: absolute;
        z-index: 2;
        padding: 22px;
        bottom: 40px;
        left: 24px;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        border-radius: 20px; }
        #wrap.procedure-page .content .section .time-price .popup .close-btn {
          width: 25px;
          height: 25px;
          top: 8px;
          right: 8px;
          box-shadow: unset; }
          #wrap.procedure-page .content .section .time-price .popup .close-btn .line {
            width: 15px; }
        #wrap.procedure-page .content .section .time-price .popup h6 {
          font-size: 1.3em;
          margin-bottom: 12px; }
        #wrap.procedure-page .content .section .time-price .popup span {
          font-size: 1.2em;
          line-height: 1.5;
          font-weight: 400; }
          #wrap.procedure-page .content .section .time-price .popup span b {
            font-weight: 600; }
        #wrap.procedure-page .content .section .time-price .popup a {
          margin-top: 12px;
          color: #00bfa5;
          text-decoration: underline; }
    #wrap.procedure-page .content .section .description-text {
      padding: 32px 24px;
      text-align: left; }
      #wrap.procedure-page .content .section .description-text .h3-desc {
        margin-top: 32px; }
      #wrap.procedure-page .content .section .description-text .p-hero {
        margin-bottom: 8px; }
    #wrap.procedure-page .content .section .buttons {
      display: flex;
      flex-wrap: wrap;
      padding: 32px 24px 0; }
      #wrap.procedure-page .content .section .buttons > * {
        font-weight: 500;
        padding: 17px 0 16px;
        font-size: 1.17em;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        border-radius: 10px; }
      #wrap.procedure-page .content .section .buttons .b1 {
        padding: 18px 16px 15px;
        margin-right: 12px; }
      #wrap.procedure-page .content .section .buttons .b2 {
        flex-grow: 1; }
      #wrap.procedure-page .content .section .buttons .b3 {
        background-color: #00bfa5;
        color: #FDFCFB;
        margin-top: 12px;
        width: 100%; }
        #wrap.procedure-page .content .section .buttons .b3 b {
          font-weight: 600; }

/*#wrap.procedure-page{
  .title-img{
    height: 67vh;
    padding: 0;
  }
  .item{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 67vh;
  }
  .item::after, .title-img::after{
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 77%, rgba(0,0,0,.7) 100%);
  }
  #toggler{
    color: #FDFCFB;
  }
  #call-me{
    .p-hero{
      margin-top: 16px;
    }
  }


}*/
/*#album{
  display: flex;
  flex-flow: row wrap;
  .photo{
    width: 100%;
    margin: 32px 16px 0;
    position: relative;
    z-index: 3;
    text-align: left;
    background-size: cover;
    background-position: center center;
    height: 400px;
    border-radius: 16px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  }
}*/
.album-page .section .gallery {
  margin: 16px 0 0;
  display: flex;
  flex-wrap: wrap; }
  .album-page .section .gallery .photo {
    margin: 16px 16px 32px;
    display: block;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
    border-radius: 16px; }
    .album-page .section .gallery .photo img {
      display: block;
      width: 100%;
      border-radius: inherit; }
.album-page .section .gallery[data-columns]::before {
  content: '1 .column.size-1of1'; }
.album-page .section .size-1of1 {
  width: 100%; }

.custom-radio {
  position: absolute;
  z-index: -1;
  opacity: 0; }

/* для элемента label связанного с .custom-radio */
.custom-radio + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  position: absolute;
  top: -12px;
  right: 8px; }

/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio + label::before {
  cursor: pointer;
  color: #D6D6D6;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 50%;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  background-color: #FDFCFB;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  font-size: 1.2em; }

/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked + label::before {
  color: #00bfa5; }

/* иконки с приемуществами */
.advantages {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 64px 0 32px; }
  .advantages > div {
    max-width: 440px;
    margin: 32px 0;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .advantages > div svg {
      margin-bottom: 24px;
      width: 120px; }
      .advantages > div svg .st474747 {
        fill: none;
        stroke: #40475C;
        stroke-width: 14;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10; }
      .advantages > div svg .st0, .advantages > div svg .st1, .advantages > div svg .st2, .advantages > div svg .st3 {
        fill: none;
        stroke: #00BFA5;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10; }
    .advantages > div #master_svg {
      width: 130px; }
      .advantages > div #master_svg .st0 {
        stroke-width: 23; }
      .advantages > div #master_svg .st1 {
        stroke-width: 42; }
      .advantages > div #master_svg .st2 {
        stroke-width: 51; }
      .advantages > div #master_svg .st3 {
        stroke-width: 30; }
    .advantages > div #massage_svg {
      margin-bottom: 18px; }
      .advantages > div #massage_svg .st1 {
        stroke-width: 43; }
    .advantages > div #vip_svg .st0 {
      stroke-width: 20; }
    .advantages > div #vip_svg .st1 {
      stroke-width: 19; }
    .advantages > div #atmosphere_svg {
      margin-bottom: 12px; }
      .advantages > div #atmosphere_svg .st0 {
        stroke-width: 29; }
      .advantages > div #atmosphere_svg .st1 {
        stroke-width: 39; }
    .advantages > div #apparat_svg .st0 {
      stroke-width: 28; }
    .advantages > div #doc_svg .st0 {
      stroke-width: 79; }
    .advantages > div #doc_svg .st1 {
      stroke-width: 45; }
    .advantages > div #cosmetics_svg .st0 {
      stroke-width: 35; }
    .advantages > div .icon-info {
      cursor: pointer;
      position: relative;
      top: -2px;
      height: 20px;
      width: 20px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: #F1F1F1;
      color: #C9C9C8;
      border-radius: 50%;
      font-size: 0.8rem; }
    .advantages > div .popup {
      display: none;
      text-align: left;
      font-family: Montserrat, sans-serif;
      background-color: #FDFCFB;
      position: absolute;
      z-index: 2;
      bottom: 43px;
      margin-right: 32px;
      padding: 16px 22px 22px 22px;
      font-size: 0.85rem;
      line-height: 1.5;
      font-weight: 400;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
      border-radius: 20px; }
      .advantages > div .popup > span {
        margin-top: 8px;
        display: block; }
      .advantages > div .popup .close-btn {
        display: flex;
        margin-top: 0;
        width: 25px;
        height: 25px;
        top: 8px;
        right: 8px;
        box-shadow: unset; }
        .advantages > div .popup .close-btn .line {
          width: 15px; }
    .advantages > div .h3-desc {
      font-size: 1.9em;
      position: relative;
      margin-bottom: 0;
      padding: 0 32px; }
    .advantages > div .p-hero {
      font-size: 1em;
      padding: 0 32px;
      max-width: 300px; }

/* от 375*/
@media (min-width: 375px) {
  .main-page {
    font-size: 1em; }
    .main-page .content .section .procedures-scroll .item, .main-page .content .section .style-scroll .item {
      height: calc((100vw - 32px*2) * 1.25); }
    .main-page .content .section .review .item {
      height: calc((100vw - 16px*4) * 1.77777778); } }
/* Стили для устройств с шириной viewport, находящейся в диапазоне 768px - 991px */
@media (min-width: 768px) {
  #map {
    height: 500px; }

  .h1-hero {
    font-size: 3em; }

  .item {
    box-sizing: border-box;
    margin: 16px 0;
    padding: 16px;
    width: 50%;
    height: calc((100vw - 16px*9) * (1.25 / 2)); }

  .close-btn {
    top: 32px;
    right: 32px; }

  .nav-list {
    padding: 64px; }
    .nav-list .favInstructuion {
      margin: 16px; }

  #wrap nav #favorite .nav-list > div {
    margin: 0 -16px;
    display: flex;
    flex-wrap: wrap; }
    #wrap nav #favorite .nav-list > div .item {
      margin: 16px 0; }

  .main-page .title-img {
    padding: 128px 32px 128px; }
  .main-page .content .wave img, .main-page .content .wave-top img {
    width: 100%;
    height: 42px; }
  .main-page .content .section {
    overflow: hidden;
        /*.items_wrap{
          margin: 32px;
          display: flex;
          flex-wrap: wrap;
          .item{
            box-sizing: border-box;
            margin: 16px 0;
            padding: 16px;
            width: 50%;
            height: calc((100vw - 16px*9) * (1.25 / 2));

          }
        }*/
    /*.items_wrap{
      margin: 32px -32px 32px 64px;
      display: flex;
      flex-wrap: wrap;
      .item, .welcome{
        margin: 0 32px 32px 0;
        width: calc(50vw - 16px * 5);
        .wave img{
          height: 32px;
        }
        .desc {
          padding: 16px 16px 20px;
        }
      }
      .item{
        height: calc((100vw - 16px*9) * (1.25 / 2));
      }
    }
    .welcome_wrap{
      margin: 32px 32px 32px 64px;
      flex-flow: column wrap;
      align-content: space-between;
      .welcome{
        width: calc(50vw - 16px * 5);
      }
      !* Re-order items into 3 rows *!
      .welcome:nth-child(2n+1) { order: 1; }
      .welcome:nth-child(2n)   { order: 2; }
    }
    .welcome-wrap::before,
    .welcome-wrap::after {
      content: "";
      flex-basis: 100%;
      width: 0;
      order: 2;
    }*/ }
    .main-page .content .section .h4 {
      font-size: 1.8em;
      margin-top: 48px; }
      .main-page .content .section .h4:first-child {
        display: block; }
    .main-page .content .section .welcome {
      margin: 32px 64px; }
      .main-page .content .section .welcome .image-video {
        height: 320px; }
        .main-page .content .section .welcome .image-video video {
          height: 320px; }
      .main-page .content .section .welcome .desc {
        padding: 32px; }
    .main-page .content .section .procedures-scroll, .main-page .content .section .style-scroll {
      margin: 0; }
      .main-page .content .section .procedures-scroll .owl-stage, .main-page .content .section .style-scroll .owl-stage {
        padding: 32px 0 32px 64px !important; }
      .main-page .content .section .procedures-scroll .item, .main-page .content .section .style-scroll .item {
        margin: 0;
        width: auto;
        height: calc((100vw - 16px*9) * (1.25 / 2)); }
    .main-page .content .section .review .item {
      height: calc((100vw - 16px*9) * (1.77777778 / 2)); }
    .main-page .content .section .items_wrap {
      display: flex;
      flex-wrap: wrap;
      margin: 32px 48px 0; }
    .main-page .content .section .cosm_wrap .item:first-child {
      width: 100%; }
    .main-page .content .section .sert span, .main-page .content .section .sert > input, .main-page .content .section .sert textarea, .main-page .content .section .sert .style-scroll-span {
      margin-left: 64px; }
  .main-page .content .dark {
    padding: 96px 0; }
    .main-page .content .dark p {
      font-size: 1.1em; }
  .main-page .page .sticky-nav ul li:first-child {
    padding-left: calc(16px * 6); }
  .main-page .page .sticky-nav ul li:last-child {
    padding-right: calc(16px * 6); }
  .main-page .page .section .items_wrap {
    margin-top: 8px; }
  .main-page .page .section .welcome_wrap {
    margin: 0; }
    .main-page .page .section .welcome_wrap .wwrap {
      width: 100%; }
  .main-page .page .section .news_wrap {
    margin: 48px;
    display: flex;
    align-items: flex-start;
    /*.wwrap:nth-child(2n+1) { order: 1; }
    .wwrap:nth-child(2n)   { order: 2; }
    .news_wrap::before,
    .news_wrap::after {
      content: "";
      flex-basis: 100%;
      width: 0;
      order: 2;
    }*/ }
    .main-page .page .section .news_wrap .wwrap {
      position: relative;
      margin-bottom: 32px; }
      .main-page .page .section .news_wrap .wwrap .welcome {
        margin: 16px; }
  .main-page .page .section .news_wrap[data-columns]::before {
    content: '2 .column.size-1of2'; }
  .main-page .page .section .size-1of2 {
    width: 50%; }

  .album-page .section .gallery {
    margin: 16px 48px 0; }
  .album-page .section .gallery[data-columns]::before {
    content: '2 .column.size-1of2'; }
  .album-page .section .size-1of2 {
    width: 50%; }

  #wrap.procedure-page .section {
    overflow: visible;
    padding: 40px 40px 0; }

 /* #wrap {
    #favorite .nav-list{
      //избранные
      >div{
        margin: 32px -32px 0 0;
        display: flex;
        flex-wrap: wrap;
        .item{
          margin: 0 32px 32px 0;
          width: calc(50vw - 16px * 5);
          height: calc((100vw - 16px*9) * (1.25 / 2));
        }
      }
    }
    .nav-list{
      padding: 64px;
    }

  }
  #wrap.procedure-page{
    .item{
      height: 70vh;
    }
    .content .section {
      padding: 48px 40px;
      .buttons{
        >*{
          padding: 17px 26px 16px;
        }
        .b1{
          padding: 18px 16px 15px;
        }
        .b2{
          flex-grow:1;
          margin-right: 12px;
        }
        .b3{
          margin-top: 0;
          width: auto;
        }
      }
    }
  }
  #wrap.album-page{
    .section{
      margin:32px 32px 64px 64px;
      .mosaicflow__column {
        float:left;
        box-sizing: border-box;
        padding-right: 32px;
        .mosaicflow__item {
          padding-top: 32px;
        }
      }
    }
  }*/ }
@media (min-width: 1024px) {
  .item {
    width: 33.33333333333333%; }

  #wrap .welcome {
    display: flex;
    margin: 32px 64px; }
    #wrap .welcome .image-video {
      width: 50%;
      height: auto;
      border-radius: 16px 0 0 16px; }
      #wrap .welcome .image-video video {
        height: 100%; }
      #wrap .welcome .image-video .wave {
        width: 33px;
        height: 102%;
        position: absolute;
        background-image: url("../img/wave-vertical.svg");
        background-position: center right;
        background-size: auto;
        right: -2px;
        bottom: 0; }
    #wrap .welcome .desc {
      padding: 64px 64px 64px 50px;
      width: 50%;
      box-sizing: border-box; }
      #wrap .welcome .desc .p-hero {
        font-size: 1.1em;
        line-height: 1.5; }
  #wrap .page .section > .welcome > .desc {
    padding: 32px;
    width: 100%; }
  #wrap .page .section .news_wrap {
          /*.wwrap:nth-child(3n+1) { order: 1; }
          .wwrap:nth-child(3n+2) { order: 2; }
          .wwrap:nth-child(3n)   { order: 3; }

          .news_wrap::before,
          .news_wrap::after {
            order: 3;
          }*/ }
    #wrap .page .section .news_wrap .wwrap .welcome {
      display: block;
      margin: 16px; }
      #wrap .page .section .news_wrap .wwrap .welcome .image-video {
        width: auto;
        height: 320px;
        border-radius: 16px 16px 0 0; }
        #wrap .page .section .news_wrap .wwrap .welcome .image-video .wave {
          width: 101%;
          height: 30px;
          background-image: url(../img/wave-bottom.svg);
          background-position: bottom;
          bottom: -1px; }
      #wrap .page .section .news_wrap .wwrap .welcome .desc {
        padding: 32px;
        width: auto; }
  #wrap .page .section .news_wrap[data-columns]::before {
    content: '3 .column.size-1of3'; }
  #wrap .page .section .size-1of3 {
    width: 33.33333333333%; }
  #wrap .item {
    height: calc((100vw - 16px*11) * (1.25 / 3)); }
  #wrap .review .item {
    height: calc((100vw - 16px*11) * (1.77777778 / 3)); }
  #wrap .cosm_wrap .item:first-child {
    width: 33.33333333333333%; }

  .advantages {
    justify-content: center;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap; }
    .advantages > div {
      width: 50%; }
      .advantages > div #master_svg {
        width: 120px; }
      .advantages > div #massage_svg {
        margin: 6px 0 18px; }
      .advantages > div #atmosphere_svg {
        margin: 12px 0 12px 0; }

  .album-page .section .gallery[data-columns]::before {
    content: '3 .column.size-1of3'; }
  .album-page .section .size-1of3 {
    width: 33.3333333333333%; } }
@media (min-width: 1200px) {
  .nav-list {
    padding: 64px 78px; }

  header {
    top: 32px; }
    header .header-wrap {
      width: 1120px; }
      header .header-wrap .logo {
        width: 140px; }
      header .header-wrap .horizontal-nav {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        margin-bottom: -8px; }
        header .header-wrap .horizontal-nav > ul {
          font-size: 0.9em;
          display: flex; }
          header .header-wrap .horizontal-nav > ul > li {
            color: #FDFCFB;
            margin: 0 16px; }
            header .header-wrap .horizontal-nav > ul > li a {
              color: inherit; }
            header .header-wrap .horizontal-nav > ul > li a:hover {
              text-decoration: underline; }
          header .header-wrap .horizontal-nav > ul > li:last-child {
            margin-right: 0; }
        header .header-wrap .horizontal-nav .hor-contact {
          font-size: 0.95em;
          font-weight: 600; }
          header .header-wrap .horizontal-nav .hor-contact li {
            display: flex; }
            header .header-wrap .horizontal-nav .hor-contact li span {
              font-size: 1.1em;
              margin-right: 8px; }
        header .header-wrap .horizontal-nav .hor-menu {
          margin-top: 16px; }
          header .header-wrap .horizontal-nav .hor-menu > li {
            margin: 0;
            position: relative;
            padding-bottom: 11px; }
            header .header-wrap .horizontal-nav .hor-menu > li ul {
              top: 25px;
              background-color: #FDFCFB;
              color: #40475C;
              position: absolute;
              left: -22px;
              display: none;
              padding: 20px 22px 4px 22px;
              box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
              border-radius: 20px;
              font-size: 0.9em; }
              header .header-wrap .horizontal-nav .hor-menu > li ul li {
                margin: 0 0 16px; }
                header .header-wrap .horizontal-nav .hor-menu > li ul li a {
                  display: block;
                  white-space: nowrap; }
          header .header-wrap .horizontal-nav .hor-menu > li:hover ul {
            display: block; }
          header .header-wrap .horizontal-nav .hor-menu > li::after {
            content: "·";
            margin: 0 16px; }
          header .header-wrap .horizontal-nav .hor-menu > li:last-child::after {
            display: none; }

  .p-hero {
    font-size: 1.2em; }

  #wrap .title-img {
    padding: 160px 78px 144px; }
    #wrap .title-img .h1-hero {
      font-size: 3.6em; }

  .leaf, .green-leaf {
    width: 118px;
    height: 20px;
    margin: 20px 0; }

  .h2-section {
    font-size: 2.9em;
    padding: 0 78px; }

  .h3-desc {
    font-size: 2.2em;
    margin-bottom: 24px;
    line-height: 1.1; }

  #wrap .wwrap .welcome {
    width: 1120px;
    margin: 32px auto; }

  #wrap .page .wwrap .welcome {
    width: auto;
    margin: 32px 64px; }

  .main-page .content .section {
    padding: 64px 0; }
    .main-page .content .section .items_wrap {
      margin: 32px 62px 0; }
    .main-page .content .section .welcome_wrap {
      margin: 0; }
    .main-page .content .section .procedures-scroll .owl-stage, .main-page .content .section .style-scroll .owl-stage {
      padding: 32px 0 32px 78px !important; }
    .main-page .content .section .sert span, .main-page .content .section .sert > input, .main-page .content .section .sert textarea, .main-page .content .section .sert .style-scroll-span {
      margin-left: 78px; }
  .main-page .content .dark {
    padding: 128px 0; }
    .main-page .content .dark .h2-section {
      font-size: 3.6em; }
    .main-page .content .dark p {
      font-size: 1.2em;
      line-height: 1.5; }
  .main-page .page .sticky-nav ul {
    overflow-x: unset; }
    .main-page .page .sticky-nav ul li:first-child {
      padding-left: calc(16px * 7); }
  .main-page .page .section {
    padding-top: 0.1px; }
    .main-page .page .section .welcome {
      margin-top: 48px; }
      .main-page .page .section .welcome .desc {
        width: 100%;
        padding: 32px; }
    .main-page .page .section .h4 {
      margin-top: 64px;
      font-size: 2.3em; }

  .album-page .section .gallery {
    margin: 32px 64px 0; }

  #wrap.procedure-page .content .section {
    max-width: 1168px;
    margin: 32px auto; }
    #wrap.procedure-page .content .section .time-price > span {
      margin-right: 16px;
      font-size: 0.9em; }
      #wrap.procedure-page .content .section .time-price > span > span {
        margin: -3px 8px -3px -5px;
        width: 25px;
        height: 25px; }
      #wrap.procedure-page .content .section .time-price > span .icon-info {
        font-size: 0.9em;
        margin: -3px -3px -3px 7px;
        width: 16px;
        height: 16px; }
    #wrap.procedure-page .content .section .time-price .popup {
      bottom: 45px; }
    #wrap.procedure-page .content .section .p-hero {
      max-width: 960px; }
    #wrap.procedure-page .content .section .h3-and-heart-btn {
      margin: 16px 0; } }
@media (min-width: 1440px) {
  .item {
    width: 25%; }

  #wrap .content .section > .welcome {
    width: 1150px;
    margin: 32px auto; }
  #wrap .title-img {
    padding: 176px 78px 144px; }
    #wrap .title-img .h1-hero {
      font-size: 4.2em;
      line-height: 1.1; }
  #wrap .page .section .news_wrap[data-columns]::before {
    content: '4 .column.size-1of4'; }
  #wrap .page .section .size-1of4 {
    width: 25%; }
  #wrap .nav-section-wrapper {
    padding: 0 46px 0 78px;
    display: flex;
    justify-content: space-between; }
    #wrap .nav-section-wrapper .sticky-nav {
      width: 100%;
      display: flex;
      box-shadow: none !important; }
      #wrap .nav-section-wrapper .sticky-nav ul {
        padding: 48px 0 0 0;
        display: block; }
        #wrap .nav-section-wrapper .sticky-nav ul li, #wrap .nav-section-wrapper .sticky-nav ul li:first-child, #wrap .nav-section-wrapper .sticky-nav ul li:last-child {
          padding: 16px 0; }
          #wrap .nav-section-wrapper .sticky-nav ul li a, #wrap .nav-section-wrapper .sticky-nav ul li:first-child a, #wrap .nav-section-wrapper .sticky-nav ul li:last-child a {
            padding: 0; }
    #wrap .nav-section-wrapper .hide-scroll {
      display: none; }
    #wrap .nav-section-wrapper .section {
      width: 80%;
      box-sizing: border-box; }
      #wrap .nav-section-wrapper .section .welcome {
        margin: 48px 32px 0;
        width: auto; }
      #wrap .nav-section-wrapper .section .items_wrap {
        margin: 16px; }
        #wrap .nav-section-wrapper .section .items_wrap .item {
          width: 33.3333333333%; }
      #wrap .nav-section-wrapper .section .welcome_wrap {
        margin: 0; }
      #wrap .nav-section-wrapper .section .sert > * {
        margin-left: 32px; }
      #wrap .nav-section-wrapper .section .sert .style-scroll {
        margin: -16px 0 16px;
        padding: 16px;
        display: flex;
        flex-wrap: wrap; }
        #wrap .nav-section-wrapper .section .sert .style-scroll .item {
          width: 33.3333333333333%;
          margin: 16px 0; }
          #wrap .nav-section-wrapper .section .sert .style-scroll .item > div {
            margin: 16px; }
        #wrap .nav-section-wrapper .section .sert .style-scroll .item:nth-child(2) {
          width: 66.666666666%; }
  #wrap .item {
    height: calc((100vw - 16px * 11) * (1.25 / 4)); }
  #wrap .review .item {
    height: calc((100vw - 16px * 11) * (1.77777778 / 4)); }
  #wrap .cosm_wrap .item:first-child, #wrap .spa_wrap .item:first-child, #wrap .spa_wrap .item:nth-child(2) {
    width: 50%; }

  .album-page .section .gallery[data-columns]::before {
    content: '4 .column.size-1of4'; }
  .album-page .section .size-1of4 {
    width: 25%; } }
/*
  .main-page{
    .title-img{
      padding: 128px 32px 128px;
    }
    .page{
      .sticky-nav ul li:first-child{
        padding-left: calc(16px * 6);
      }
      .sticky-nav ul li:last-child{
        padding-right: calc(16px * 6);
      }

    }
    .content{
      .wave, .wave-top{
        img{
          width: 100%;
          height: 42px;
        }
      }
      .section{
        .h4{
          margin-top: 48px;
        }
        .welcome{
          margin: 32px 64px;
          .image-video{
            height: 320px;
            video{
              height: 320px;
            }
          }
          .desc{
            padding: 32px;
          }
        }
        .procedures-scroll, .style-scroll{
          margin: 0;
          .owl-stage{
            padding:32px 0 32px 64px !important;
          }
          .item{
            height: calc((100vw - 16px*11) * (1.25 / 3));
          }
        }
        .review{
          .item{
            height: calc((100vw - 16px*11) * (1.77777778 / 3));
          }
        }
        .items_wrap{

          display: flex;
          flex-wrap: wrap;
          .item, .welcome{
            margin: 0 32px 32px 0;
            width: calc(33.33333333vw - 16px * 4);
            .wave img{
              height: 32px;
            }
            .desc {
              padding: 16px 16px 20px;
            }
          }
          .item{
            height: calc((100vw - 16px*11) * (1.25 / 3));
          }
        }
        .welcome_wrap{
          flex-flow: column wrap;
          align-content: space-between;
          .welcome{
            width: calc(33.33333333vw - 16px * 4);
          }
          !* Re-order items into 3 rows *!
          .welcome:nth-child(3n+1) { order: 1; }
          .welcome:nth-child(3n+2)   { order: 2; }
          .welcome:nth-child(3n)   { order: 3; }
        }
        .welcome-wrap::before,
        .welcome-wrap::after {
          content: "";
          flex-basis: 100%;
          width: 0;
          order: 2;
        }
        .sert{
          span, >input, textarea, .style-scroll-span{
            margin-left: 64px;
          }
        }
      }
      .dark{
        padding: 96px 0;
        p{
          font-size: 1.1em;
          margin: 0 auto 8px;
          width: 400px;
        }
      }
    }
  }
  #wrap {
    #favorite .nav-list{
      //избранные
      >div{
        margin: 32px -32px 0 0;
        display: flex;
        flex-wrap: wrap;
        .item{
          margin: 0 32px 32px 0;
          width: calc(50vw - 16px * 5);
          height: calc((100vw - 16px*9) * (1.25 / 2));
        }
      }
    }

  }
  #wrap.procedure-page{
    .item{
      height: 70vh;
    }
    .content .section {
      padding: 48px 40px;
      .buttons{
        >*{
          padding: 17px 26px 16px;
        }
        .b1{
          padding: 18px 16px 15px;
        }
        .b2{
          flex-grow:1;
          margin-right: 12px;
        }
        .b3{
          margin-top: 0;
          width: auto;
        }
      }
    }
  }
  #wrap.album-page{
    .section{
      margin:32px 32px 64px 64px;
      .mosaicflow__column {
        float:left;
        box-sizing: border-box;
        padding-right: 32px;
        .mosaicflow__item {
          padding-top: 32px;
        }
      }
    }
  }

  }
}*/

/*# sourceMappingURL=common.css.map */